@charset "utf-8";

/*================================ bnrvisual ================================*/
.wrapper{width:100%;height:auto;}
.bnrvisual-wrapper{margin:0 auto 0px auto;}
.bnrvisual-wrapper ul{margin:0;padding:0; list-style:none;}
.bnrvisual-wrapper ul li{position:absolute;}
.bnrvisual-wrapper ul li img{width:100%; height:auto;}

/*================================ content ================================*/
.content-inner{padding-top:60px; background:none;padding-left:3%;padding-right:3%;}

h2{width:100%;height:auto;margin:0px auto 0px auto; text-align:center; color:#fff;}
h2 img {width:100%;height:auto;}

/*================================ helper class ================================*/
.adjust-box {position: relative;width: 100%;height: auto;}
.aspect-restaurantship:before {content: "";display: block;padding-top:103.4482758%;}
.aspect-category:before {content: "";display: block;padding-top:135%;}
.inner-box {position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
.inner-box img{width:100%;height:auto;}
.adjust-box p{padding:0;}

/*================================ private class ================================*/

/*================================ subscription class ================================*/
.subscription{width:100%;height:auto;padding-left:0%;padding-right:0%;}
.subscription-btn{width:64%;height:auto; margin:0 auto;}
.subscription-btn img{width:100%; height:auto;}

/*================================ notes ================================*/
.notes{width:100%; height:auto;padding-left:0%;padding-right:0%;}
.notes table{width:100%;height:auto; margin:2.5% auto 0% auto;line-height:160%;}
.notes table th{width:1em;font-weight:normal;vertical-align:top;padding:1.5% 0.5% 1.5% 0%;}
.notes table td{vertical-align:top;padding:1.5% 0.5% 1.5% 0%;}

/*================================ voice ================================*/
.voice{width:100%;height:auto;padding-left:0%;padding-right:0%;}
.voice-inner{width:94%;height:auto;margin:0% auto 0% auto;}
.voice-inner p{line-height:160%;margin:2.5% 0 0% 0;}
.voice-inner p:nth-child(2){text-align:right;margin:0% 0 0% 0;}


/* mobile */
@media only screen and (max-width: 599px) {
/*================================ bnrvisual ================================*/
/*headerの高さ分下に下げてる*/
.bnrvisual-wrapper{width:100%;height:auto;top:80px;z-index:1000;}
.bnrvisual-wrapper{width:100%;height:auto;}
.bnrvisual-wrapper ul li{width:100%;height:auto;}

/*================================ content ================================*/
/*headerの2番目のsection高さ分下に下げてる*/
section:nth-child(2){margin-top:80px;}
/*通常マージン*/
.content-inner{padding-top:40px;}

/*================================ helper class ================================*/

/*================================ private class ================================*/
.txt-catch{width:94%;margin:2.5% auto;font-size:4vw;line-height:140%; text-align:center;}
.txt-copy{width:88%;margin:0% auto 2.5% auto;font-size:4vw;line-height:140%;}

/*================================ subscription class ================================*/
.subscription-btn{width:95%;height:auto;}

/*================================ notes ================================*/
.notes {width:94%;height:auto;}
.notes table{font-size:4.0vw;line-height:140%;}

/*================================ voice ================================*/
.voice-inner p{font-size:4.0vw;padding-bottom:5%;}
.voice-inner p:last-child{padding-bottom:5%;}

}
/* pc & tablet */
@media only screen and (min-width: 600px) and (max-width: 959px) {
/*================================ bnrvisual ================================*/
/*headerの高さ分下に下げてる*/
.bnrvisual-wrapper{width:100%;height:auto;top:80px;z-index:1000;}
.bnrvisual-wrapper{width:100%;height:auto;}
.bnrvisual-wrapper ul li{width:100%;height:auto;}

/*================================ content ================================*/
/*headerの2番目のsection高さ分下に下げてる*/
section:nth-child(2){margin-top:80px;}
/*通常マージン*/
.content-inner{padding-top:40px;}

h2{width:60%;height:auto;margin:0px auto 0px auto; text-align:center; color:#fff;}
h2 img {width:100%;height:auto;}


/*================================ helper class ================================*/
.aspect-restaurantship:before {content: "";display: block;padding-top:103.4482758%;}
.aspect-category:before {content: "";display: block;padding-top:142%;}

/*================================ private class ================================*/
.txt-catch{width:80%;margin:0% auto 2.5% auto;font-size:1.60vw;line-height:140%; text-align:center;}
.txt-copy{width:88%;margin:0% auto 2.5% auto;font-size:1.40vw;line-height:120%;}

/*================================ subscription class ================================*/
.subscription-btn{width:64%;height:auto; margin:0 auto;}

/*================================ notes ================================*/
.notes {width:94%;height:auto;}
.notes table{font-size:2.4vw;line-height:140%;}
.notes table th{padding:0.6% 0.5% 0.6% 0%;}
.notes table td{padding:0.6% 0.5% 0.6% 0%;}

/*================================ voice ================================*/
.voice-inner p{font-size:2.4vw;}

}
/* pc & tablet landscape */
@media only screen and (min-width: 960px) {
/*================================ bnrvisual ================================*/

/*================================ local navi ================================*/
.local-navi-wrap{width:1280px;height:64px; background:url(../../cruising/img/localnavi_bg.png) repeat;margin:0 auto;}
.local-navi-wrap ul{margin:0;padding:0;list-style:none;font-size:16px;font-weight:bold;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;line-height:64px;}
.local-navi-wrap ul li{width:18%;height:64px;float:left;text-align:center; background:url(../../cruising/img/icon_right_arrow.png) no-repeat; background-position:50px 23px;}
.local-navi-wrap ul li:nth-child(1){width:16%; background-position:45px 23px;}
.local-navi-wrap ul li:nth-child(3){width:30%; background-position:78px 23px;}
.local-navi-wrap ul li a{ display:block; color:#e6c200; text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.local-navi-wrap ul li a:hover{filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}

/*================================ content ================================*/
h2{float:none;}

/*================================ helper class ================================*/
.aspect-restaurantship:before {content: "";display: block;padding-top:103.4482758%;}
.aspect-category:before {content: "";display: block;padding-top:135%;}

/*================================ private class ================================*/
.txt-catch{width:80%;margin:0% auto 2.5% auto;font-size:16px;line-height:20px; text-align:center;}
.txt-copy{width:88%;margin:0% auto 2.5% auto;font-size:14px;line-height:18px;}

/*================================ subscription class ================================*/
.subscription-btn{width:640px;height:96px; margin:0 auto;}
.subscription-btn a{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.subscription-btn a:hover{filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}

/*================================ notes ================================*/
.notes {width:94%;height:auto;}
.notes table{font-size:16px;line-height:120%;}
.notes table th{padding:0.6% 0.5% 0.6% 0%;}
.notes table td{padding:0.6% 0.5% 0.6% 0%;}

/*================================ voice ================================*/
.voice-inner p{font-size:16px;}

}

/* pc & tablet landscape */
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}

/*pc only*/
@media only screen and (min-width: 1281px){

/*================================ bnrvisual ================================*/
.wrapper{width:1280px;height:auto;margin:0 auto 0px auto;}
.bnrvisual-wrapper{width:1280px;height:560px;}
.bnrvisual-wrapper ul li{width:1280px;height:560px;}

/*================================ content ================================*/
.content-inner{padding-left:30px;padding-right:30px;}

/*================================ helper class ================================*/

/*================================ private class ================================*/

}