#kamikomi {
    margin: 0 auto;
}

#kamikomi img
{
    width: auto;
    margin: 0.5%;
    border-color: #f9f7f5;
    box-sizing: border-box;
    border: 3px solid rgba( 255, 255, 255, .5 ); /* 10 */

    -webkit-box-shadow: 0 0 0.4em rgba( 0, 0, 0, .05 ); /* 5 */
    box-shadow: 0 0 0.4em rgba( 0, 0, 0, .05 ); /* 5 */

    -webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
    transition: box-shadow .3s ease, border-color .3s ease;
}
    #kamikomi img:hover,
    #kamikomi img:focus
    {
        border-color: #fff;

        -webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
        box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
    }
#kamikomi{
	text-align: center;
}
.kamikomi {
	width: 100%;
}

.kamikomi li {
    width: 17.4%;
    margin: 0 0.3%;
    float: left;
    list-style-type: none;
    min-width: 102px;
}

.clear {
    zoom: 1; /* float解除 for IE6/7  */
}

.clear:before,
.clear:after {
    content: "";
    clear: both;
    display: block;
}

.left {
    float: left;
}

.right {
    float: right;
}

#kamikomi-button-area {
    margin: 0 auto;
}

.kamikomi-button-area {
    text-align: center;
    padding: 0;
    margin: 0;
}

.split6 {
	width: 16.5%;
}

.kamikomi-button-on {
    width: 100%;
    font-weight: 600;
    display: inline-block;
    padding: 12px;
    border: 1px solid #fff;
    background-color: #f66e29;
    color: #fff;
}

.kamikomi-button-on:hover {
    text-decoration: none;
    background-color: #f66e29;
    color: #fff;
}

.kamikomi-button-off {
    width: 100%;
    font-weight: 600;
    display: inline-block;
    padding: 12px;
    border: 1px solid #fff;
    background-color: #b2b2b2;
    color: #fff;
}

.kamikomi-button-off:hover {
    text-decoration: none;
    background-color: #f66e29;
    color: #fff;
}


/**************************** MOBILE ****************************/

@media only screen and (max-width: 800px) {

    .left {
        width: 33%;
    }

    .right {
        width: 33%;
    }

    .kamikomi-button-on {
       font-size: 90%;
    }

    .kamikomi-button-off {
       font-size: 90%;
    }

}

@media screen and (min-width:768px) and ( max-width:1024px) {

    #kamikomi img {
        width: 18%;
        border: 6px solid rgba( 255, 255, 255, .5 );
    }

    .kamikomi li {
        width: 19.4%;
    }

}

@media only screen and (min-width: 1025px) {

    #kamikomi img {
        width: 18%;
        border: 6px solid rgba( 255, 255, 255, .5 );
    }

    .kamikomi li {
        width: 19.4%;
    }

}


/*フォトギャラリーの子メニュー*/
.container .content .photokamikomi{
	font-size: 1.0em;
	line-height: 1.2em;/*メニューバック色*/
	margin-top: 5px;	margin-bottom: 0px;/*ヘッダ画像下（ナビ上部）のアキ*/
	margin-top: 0px;
	z-index: 3;
	margin-top: 0px;
}
.container .content .photokamikomi ul{
	margin: 0;
	padding: 0;
	text-align: center;/*メニュー中央に*/
}	
.container .content .photokamikomi li{
	position: relative;
	list-style: none;
	display: inline-table;/*メニュー中央に*/
	width: 20%;/* 16% */
	background-color: #39C;
	padding: 10px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #FFF;
}
.container .content .photokamikomi ul .kamikomi a{
	color: #FFF;
	font-weight: bolder;
}
.container .content .photokamikomi ul .kamikomi a:hover, a:active{
	font-weight: bolder;
	color: #F00;
}

/*--- 表示領域が935px以下の場合に適用するスタイル ---*/
@media screen and (max-width:935px) {
/*フォトギャラリー*/
#kamikomi{
	text-align: left;
}	
/*フォトギャラリーの子メニュー*/
.container .content .photokamikomi{
	font-size: 0.9em;
	line-height: 1.2em;/*メニューバック*/
	margin-bottom: 0px;/*ヘッダ画像下（ナビ上部）のアキ*/
	margin-top: 0px;
	z-index: 3;
	margin-top: 0px;
}
.container .content .photokamikomi ul{
	margin: 0;
	padding: 0;
	text-align: center;/*メニュー中央に*/
}	
.container .content .photokamikomi li{
	position: relative;
	list-style: none;
	display: inline-table;/*メニュー中央に*/
	width: 33%;
	background-color: #39C;
	padding: 10px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #FFF;
}
}

/*--- 表示領域が760px以下の場合に適用するスタイル ---*/
@media screen and (max-width:760px) {
/*フォトギャラリーの子メニュー*/
.container .content .photokamikomi{
	font-size: 0.9em;
	line-height: 1.2em;/*メニューバック色*/
	margin-bottom: 0px;/*ヘッダ画像下（ナビ上部）のアキ*/
	margin-top: 0px;
	z-index: 3;
	margin-top: 0px;
}
.container .content .photokamikomi ul{
	margin: 0;
	padding: 0;
	text-align: center;/*メニュー中央に*/
}	
.container .content .photokamikomi li{
	position: relative;
	list-style: none;
	display: inline-table;/*メニュー中央に*/
	width: 48%;
	background-color: #39C;
	padding: 10px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #FFF;
}