html{height:100%;/*-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%*/}
body{margin:0 auto; width:100%; background-color:#FFF; font-size:16px; line-height:1.5;
font-family: helvetica, arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
}
a:link{color:#285FEB;}
a:visited{color:#BD0CF6;}
/*=====================リセット===========================*/
h1,h2, h3, h4, h5, h6, p, address,ul, ol, li, dl, dt, dd,table, caption, th, td, img, form {
        border: none;
		font-style: normal;
		font-size: 100%;
		text-align: left;
}

img{border:0px; margin:0;padding:0;display: block;}
/*=====================ヘッダー===========================*/
.top{margin:0 auto; padding-top:0px; padding-bottom:0px; width:100%; max-width:1280px; background-color:#132E5D;}
.top img{ text-align:left; width:100%;}

/*======================共通==========================*/
#wrap{height:100%;overflow:hidden; background-color:#110A3B; background: url(img/bg.jpg) /*repeat-x top;background-size:contain;*/}
#contents{width:100%; max-width:1280px; margin:0px auto; padding:0; padding-top:30px; padding-bottom:80px; background-color:#244049;box-shadow: inset 0 0 5em 1em #24303b;/*background-color:#122D5A; box-shadow: inset 0 0 5em 1em #83705F;*/}

hr{width:99%; border:1px solid #7F7F7F;margin:0;margin-top:5px;}
.line{ width:90%; color:#FFF; margin:60px auto 40px; background: url(img/line.png) no-repeat bottom;/*background-size:contain;*/ padding-bottom:10px;}
.mobile {display:none}
.midashi h2 {width:100%; color:#FFF; font-weight:normal; font-size:1.8rem; font-weight:bold; padding:5px; text-align:center; margin:-5px auto 0;}

/*======================メイン==========================*/
.title img{margin:20px auto; max-width:1004px;}

/*=====================写真===========================*/
.photo{width:100%; margin: 0 auto;}
.photo h1{font-size:2.5rem; width:70%; text-align:center; margin:50px auto 0; font-weight:normal;}
.photo h1 img{width:70%; max-width:142px; margin:50px auto 0;}/*見出し 撮影条件*/

.photo img{width:100%; margin:0 auto 0;}
.photo ul{ margin: 0 auto; padding:0; display:flex; flex-wrap: wrap; justify-content: center;}

.photo li{list-style:none; width:33%; box-sizing:border-box; padding:0 10px 0 10px;}
/*.photo li:first-child{width:45%;}
.photo li:nth-child(2){width:45%;}*/

.photo h2 {text-align:center; font-weight:bold; font-size:1rem; margin:40px auto 0; color:#FFFFFF;
	position: relative;/*店舗名*/ background-color:#0d260a; padding:5px;
}

.photo p{text-align:center;}

/*=====================フッター===========================*/
.link{font-size:0.9rem; line-height:1rem; width:30%; margin:-40px 0; float:left;border:1px solid red;}


.btn {
    width:60%;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#0d260a;
    border-radius:10px;
	margin:50px auto 0;
	}

.btn:hover{filter:alpha(opacity=80);opacity:0.8;}
.btn a {color:#fff; text-decoration:none;}

.copy{width:100%; color:#FFF; font-size:12px; text-align:center;
	padding-top:20px; padding-bottom:20px; background-color:#0d260a;
}



@media only screen and (max-width: 1280px) {
.top{width:95%;}
#contents{width:95%;}

.photo{width:95%; margin:0 auto;}
}

/*========================================================*/
/*======================モバイル==========================*/
/*========================================================*/

/* 画面サイズ768px以下 */
@media only screen and (max-width: 769px) {
body{font-size:16px;line-height:1.5;}
.tab{display:none;}
.top{width:100%;}
#contents{width:100%;}
}
-->

/* 画面サイズ480px以下 */
@media only screen and (max-width: 480px) {
.mobile {display:inherit}
.pc {display:none}
.top img{padding-top:0; padding-bottom:0; margin:0 auto;}
.line{margin:30px auto 0;}
/*-----------見出し-----------*/
.midashi {width:70%; height:36px; margin:15px auto 20px; padding:5px;}
.midashi:before {border-width:18px; /*border-widthは.midashiのheigthの半分の値にする*/
}
.midashi:after {border-width:18px;}
.midashi h2 {width:100%; color:#FFF; font-weight:normal; font-size:1.2rem; font-weight:bold; padding:5px; text-align:center; margin:-5px auto 0;}

/*======================ヘッダ==========================*/

.photo h1{font-size:1.5rem; width:70%; text-align:center; margin:20px auto 0; font-weight:normal;}
.photo h1 img{width:30%; max-width:142px; margin:30px auto 0;}
.photo h2 img{width:100%; margin:0 auto 10px;}
.photo h2{margin-top:0px; font-size:0.7rem;}

.photo li{width:49%; padding:0 5px 30px 5px;}
.photo li:first-child{width:49%;}
.photo li:nth-child(2){width:49%;}

/*=====================フッター===========================*/
.btn {
    width:85%;
	margin:30px auto 0;
	font-size:1rem;
	}

}