/*
MotoLab CAMP Custom Style
*/

/* ------------------- common ------------------- */
body, input, textarea { font-family: "Noto Sans JP",'游ゴシック',"小塚ゴシック Pr6N", "Kozuka Gothic Pr6N", 'Yu Gothic','Meiryo UI', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo, 'Osaka', sans-serif; }

.mlc-title, .p-content02__item-title, .p-content03__blog-catch, .p-content04__catch, .p-page-header__title, .mlc-caption { font-family:'Shadows Into Light', cursive; }
.mlc-number{ font-family: 'Teko', sans-serif; }
.mlc-desc, .p-content01__catch, mlc-privacy-caption { font-family: "ＭＳ Ｐ明朝", "MS PMincho",'ヒラギノ明朝 ProN','Hiragino Mincho ProN', serif !important; }

.backgroud-black{ background-color:#000; color:#FFF; }
.l-inner{ box-sizing: border-box; width:100%; max-width:100vw; }
@media only screen and (max-width: 767px) {
	.l-inner { padding: 0; }
 }
.p-page-header__inner {left: 5%;} 
.p-page-header__inner.l-inner{ width:95%; }
.mlc-address{ font-size : 17px; line-height:1.5;  letter-spacing : -0.78px; color:#000; text-align:center; margin-top:20px;}
.mlc-tel{ font-size : 59px; line-height:1.5; color:#000; text-align:center; display:flex; justify-content:center;}
.mlc-tel-item:nth-child(2n){ margin-left: 50px;}

@media only screen and (max-width: 790px){
	.mlc-tel{font-size : 45px; flex-direction: column; line-height: 1.1;}
	.mlc-tel-item:first-child{ margin-top: 20px;}
	.mlc-tel-item:last-child{ margin-bottom: 20px;}
	.mlc-tel-item:nth-child(2n){ margin-left: 0;}
}

@media only screen and (max-width: 767px){
	.p-page-header__title {
		font-size: 40px !important;
		width: 150px;
		height: 150px;
	}
}

/* ------------------- TOP Page -------------------*/
.l-header__logo.c-logo img {width: 280px; height:auto; }
@media screen and (max-width:500px) {
	.l-header__logo.c-logo img {width: 200px;}
}

#js-hero-header{ display:none; }		/* ヒーローヘッダー非表示 */

#cb_0 { position: relative; }
#top-message{     position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); 
  width:95%;
  text-align:center;
}
#top-message span{ display:block;  font-size: 51px; color:#FFF; text-shadow:2px 2px 5px black, -2px  2px 5px black, 2px -2px 5px black, -2px -2px 5px black;}


@media screen and (max-width:930px) {
	#top-message span{font-size: 40px;}
}

@media screen and (max-width:750px) {
	#top-message span{font-size: 36px;}
}

@media screen and (max-width:660px) {
	#top-message span{font-size: 32px;}
}
@media screen and (max-width:600px) {
#top-message span{font-size: 28px;}
}
@media screen and (max-width:500px) {
#top-message span{font-size: 22px;}
}


.p-content01 { padding: 60px 0 60px; margin: 0 30px;}
.p-content01.l-inner{ width:calc(100% - 60px); max-width:100%;}
.p-content02__item-content--t { padding-top: 50px;}
.p-content02__item-title{ font-size: 56px; }

@media only screen and (max-width: 767px){
.p-content02__item-title {
    font-size: 45px !important;
}
}
.p-content03__blog {width:100%; padding: 50px 5.51724% 0;}		/* ニュース非表示、ブログのみ */
@media only screen and (max-width: 767px){
	.p-content03__blog{ padding-bottom: 50px;}
}
.p-content03__news {width:0%; display:none;}
.p-content04__content{ padding: 50px 5%; justify-content:flex-start;}
.p-content04__content p{ font-size:13px; line-height: 2.0;}
.p-content04__catch { font-size: 56px !important;}

.post_row.backgroud-black { margin-left: 0px; margin-right: 0px; }
.backgroud-black .post_col, .backgroud-black .post_col-2 { margin-bottom: 0px; padding:0;}
.p-content05__content{ padding: 20px 5% !important; justify-content:flex-start;}
.p-content05__content p{ font-size:13px; line-height: 2.0;}
.red-button{ display:flex; justify-content:center; align-items:center;margin: 0 auto;
             border : 2px solid #FF4B00; width:330px; height:78px; font-size : 16px;  color : #FF4B00; }
.p-content04__slider .slick-arrow{ background: #FFBA00 !important; }
.p-content04__slider .slick-arrow:hover{ background: #FF5600 !important; }

/* ------------------- footer ------------------- */
#js-pagetop { background : #979797; }
#js-pagetop a{ color: #FFF; }

.p-footer-nav { font-size: 14px; margin: 0; padding: 0;}
#footer-nav {display: flex; align-items: center; justify-content: center;}
.p-footer-nav > span {  }
.p-footer-nav > span > a { padding-left: 28px; padding-right: 28px; color:#000; }
.p-pagetop a{ border:none; }

@media only screen and (max-width: 650px){
.footer-menu{width:200px; margin-left:auto; margin-right:auto;}
#footer-nav {display: flex; flex-flow: column; line-height:2;}
}

.l-footer__logo.c-logo img {width: 185px; height:auto; }
@media only screen and (max-width: 650px){
.l-footer__logo.c-logo img {width: 130px;  }
}
.p-widget-area{ border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 50px; padding: 40px 0;}
.p-social-nav__item--facebook a::before,
.p-social-nav__item--instagram a::before,
.p-social-nav__item--twitter a::before{ font-size: 24px;}
.mlc-copyright{border-top: 1px solid #000; padding-top: 20px;text-align:center; font-size:14px; line-height:1.5;}
.l-footer{ padding-bottom: 20px; }


/* ------------------- About ------------------- */

.mlc-areamap{ margin:50px auto; }
.mlc-areamap .mlc-caption{ padding-top:50px; text-align:center; }

.mlc-price{ margin:50px auto; text-align:center; }
.mlc-caption{ font-size : 59px; line-height:1.5; }
.mlc-price .mlc-desc{   font-size : 42px;  line-height : 1.7; }
@media screen and (max-width:750px) {
	.mlc-price .mlc-desc{   font-size : 28px;}
}
.mlc-aboutuse{ margin:50px auto; text-align:center; }
.mlc-aboutuse .mlc-caption{ padding-top:50px; }
.mlc-aboutuse .post_col.post_col-2 { margin-bottom: 0px; padding-left: 0px; padding-right: 0px; position: relative;}
.mlc-aboutuse .mlc-caption-s { position: absolute; top: 5%; left: 50%; width: 70%; height: 57px;
  -ms-transform: translate(-50%,-5%); -webkit-transform: translate(-50%,-5%);  transform: translate(-50%,-5%);
  font-size:30px; line-height:57px; color: #FFF; background-color: rgba(0,0,0,0.6); }
.mlc-aboutuse .post_row{ margin: 30px 0;}
.mlc-aboutuse .mlc-descg{ font-size:20px; line-height:3.5; text-align:center; width:90%; margin-left:auto; margin-right:auto;}

@media only screen and (max-width: 767px){
.mlc-aboutuse .mlc-descg {
    font-size: 16px;
	line-height:2; 
}
}

.mlc-notes{ margin:50px auto; text-align:center; }
.mlc-notes .mlc-caption{ padding-top:50px; }
.mlc-notes .mlc-descg{ font-size:20px; line-height:3.5; text-align:center; width:90%; margin-left:auto; margin-right:auto;}

@media only screen and (max-width: 767px){
.mlc-notes .mlc-descg {
    font-size: 16px;
	line-height:2; 
}
}
/* ------------------- Feature ------------------- */
.mlc-overlayimg{ position: relative; }
.mlc-imgcaption{ position: absolute; top: 50%; left: 50%; width:90%;
  -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); text-align:center;}

.mlc-imgcaption img{max-width:80vw !important;}

/* ------------------- ACCESS ------------------- */
.mlc-access p {text-align: center; width:90%; margin-left:auto; margin-right:auto; } 
.mlc-access .mlc-caption{ padding:50px 0; text-align: center; } 
.mlc-googlemap{ position:relative; width:100%; height:0; padding-top:75%;}
.mlc-googlemap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* ------------------- Reservation ------------------- */
.mlc-reservation { margin-left: auto; margin-right: auto; position: relative; width: 89.84375%; max-width: 1150px; }
.mlc-reservation .mlc-caption{ padding:50px 0; text-align: center; } 
.mlc-reservation p {text-align: center; } 
.mlc-reservation .mlc-pdf{ text-align: center; padding-bottom:50px;} 


@media only screen and (max-width: 650px){
	.mlc-reservation .logoimg img{width: 130px;  }
}
/* ------------------- Contact ------------------- */
.mlc-contact { margin-left: auto; margin-right: auto; position: relative; width: 89.84375%; max-width: 850px; }
.mlc-contact .mlc-caption{ padding:50px 0 0 0 ; text-align: center; } 
.mlc-contact p {text-align: center; margin-bottom:0; } 
.mlc-contact .mlc-tel {line-height : 1.1;} 
.mlc-contact .mlc-reception-time { font-size : 20px; line-height : 1.2; text-align: center; font-weight: 600;} 

.mlc-privacy { margin-left: auto; margin-right: auto; position: relative; width: 89.84375%; max-width: 850px; }
.mlc-privacy .mlc-privacy-caption{ padding:50px 0 ; text-align: center; font-size : 34px; line-height : 50.58px;}
.mlc-privacy p { font-size : 15px; line-height : 2.5;}
.mlc-privacy .mlc-highlight{ color: #006837; }

/* Contact Form 7 */
.wpcf7 {
	width: 89.84375%; max-width: 850px;
    margin: 0 auto !important;
    padding: 0;
    border: 0px solid #ddd;
    background: #fafafa00;
    font-size: 14px;
}


table.inquiry {
    margin-left: auto; margin-right: auto;
    width: 100%;
    border: 1px solid #b3b3b3;
}

.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
 vertical-align:top;
}

.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}

.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}

.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

.wpcf7-list-item{ display:inline-block !important; }

#formbtn {
    display: block;
    margin-top: 30px;
    width: 380px;
    background: black;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 2px;
    border: none;
}

#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}

@media(max-width:500px){
    .wpcf7 { width: 90%; }
	.wpcf7 form{margin-left: 0; margin-right:0;}
	.inquiry th,.inquiry td {
	 display:block!important;
	 width:100%!important;
	 border-top:none!important;
	 -webkit-box-sizing:border-box!important;
	 -moz-box-sizing:border-box!important;
	 box-sizing:border-box!important;
	}
	.inquiry tr:first-child th{
	 border-top:1px solid #d7d7d7!important;
	}
	.inquiry .haveto,.inquiry .any {	
	font-size:10px;
	}

	#formbtn {width: 80%; max-width:250px;}
}