@charset "utf-8";

/*==========  非モバイル・ファーストの場合  ==========*/


/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1220px) {


	.navbar-toggle {background-color: #404040;}
	.navbar-toggle .icon-bar {background-color: #fff;}

	/*ヘッダーFixed解除*/
	header {position: fixed; height: auto; width: 100%;}
	/*content*/
	#content {padding-left: 0; }
	/*ロゴサイズ*/
	header #logo {display: block; width:200px; margin: 0 auto;}


	#gnav ul {overflow: hidden;}
	#gnav ul li {float: left; width: 14.28%; }
	#gnav li.parent > a {text-align: center;}

	#gnav ul li.tel {position: absolute; top: 0; right: 0; width: 200px;}
	#gnav ul li.tel2 {position: absolute; top: 0; right: 0; width: 200px;}
	#gnav li.reserve {padding-top: 0; top: 60px;right: 0;width: 160px;position: absolute;}

	header #sns li a {border-left: none; border-top: none; border-bottom: none; text-align: center;}

	#copy {display: none;}

	#header-btm {padding: 0; left: 0; top: 10px;position: absolute;}
	header #other li {display: inline-block; margin-right: 15px;}
	header #sns li {width: 20%;}

	/*トップ*/
	.service dl {width: 80%;}
	.service dl dt,.service dl dd {}
	.abo-block-b dl {padding-left: 0;}
	.lineup .box .ttl {font-size: 2.4rem;}

	/*.lineup-list .box .pic {width: 58%;}*/

	.terms-month,
	.terms-days,
	.terms-dep-arv,
	.terms-prc,
	.options {
		margin-right: 5%;
		margin-left: 5%;
	}

	#rsv-header .logo-stamp { color: #fff; padding-top: 13%; padding-bottom: 13%;}

	.cmp-box .cmp-box-in-side {width: 40%;}
	.cmp-box .cmp-box-in-main {width: 57%;}

	.wp-conts {margin: 0 5%;}


	#lang-links,
	.official-fb {display: none;}
	#header-btm {display: none;}
	#gnav li a span {display: none;}

	.plan-form > div.car-type {display: none;}

}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.slideFrame { height: 240px;}
	.slideCell {width: 240px;}

	.sm-block .form-control {display: block; margin-bottom: 10px; width: 90%;}
	.sm-inline .form-control  {display: inline-block; width: 40%;}
	.sm-inline-wid-s .form-control  {width: 20%;}

	.name-fuild .ttl-name {font-size: 3.0rem;}

	.terms-days .swiper-slide {width: 12.5%;}

	.wp-conts {margin: 0 5%;}
	.cmp-box .cmp-box-in-side {width: 40%;}
	.cmp-box .cmp-box-in-main {width: 57%;}

	.top-bnr {top: 0;}

	/*トップキャンペーンサイズ*/
	.swiper-campaing .swiper-slide {width: 180px; height: 180px;}

	/*予約フロー*/
	.plan-form-wp .plan-form {width: 100%;}
	.btn-lang-e,.btn-lang-c {width: 48%;}
	.plan-form-wp .plan-form div.plan-form-btn{margin-bottom: 10px;}

}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	/*ヘッダーFixed解除*/
	header {position: absolute; height: auto; width: 100%;}
	.topics ul {height: 22px;}

	/*トップ*/
	.service {}
	.service dl {width: 100%;}
	.service dl dt,.service dl dd {text-align: center;}
	.service dt,
	.service dd {color: #fff; font-weight: normal; float: none;}
	.service dt {width: auto; padding-top: 0;}
	.service dd {width: auto;}

	.mainvis .id {font-size: 3.2rem;}
	.mainvis h1 {font-size: 1.5rem;}

	.mainvis-faq {background: url(none) #f2eef1; height: 160px;}

	.mainvis-about,
	.mainvis-compensation,
	.mainvis-guide{height: 300px;}

	.mainvis-about .page-title,
	.mainvis-compensation .page-title,
	.mainvis-guide .page-title,
	.mainvis-faq .page-title {font-size: 4.0rem;}

	.mainvis-about .page-title .sub--catch,
	.mainvis-compensation .page-title .sub--catch,
	.mainvis-guide .page-title .sub--catch {font-size: 1.5rem;}

	.abo-block-b dl {padding-left: 0;}
	.abo-block dl dt, .abo-block-d dl dt,
	dl.dl-head dt,
	.guide-sec .guide-sec-txt dt {
		font-size: 3.1rem;
	}

	.voi-month-cel p {padding-top: 5px;}
	.voi-month-cel p span {font-size: 1.3rem;}
	.voi-month-cel {height: 80px; width: 80px;}

	.slideFrame { height: 180px;}
	.slideCell {width: 180px;}

	table {font-size: 1.3rem;}
	table thead th {font-size: 1.3rem !important; }

	.compensations .dl-note li {padding: 5px 10px;}
	.compensations .dl-note dt {font-size: 1.7rem;}
	.compensations .dl-note.menseki li {font-size: 1.3rem; float: none; width: auto; padding: 5px 0;}
	.compensations .dl-note.menseki li:nth-child(even) {float: none;}

	.guide-sec > [class*='col-'] {padding: 0;}
	.guide-tel {width: auto; /*margin-right: 10%; margin-left: 10%;*/}

	.acc-map,
	.acc-photo-a {height: 300px;}


	/*.lineup .box {width: 70%;}*/
	.lineup .box .ttl {font-size: 2.1rem;}
	.lineup .box .price {font-size: 2.1rem;}

	.detail-vis-a .vis-set {height: 240px;}

	.name--fuild .ttl-mdl {font-size: 2.1rem;}
	.name--fuild .ttl {float: none; text-align: center;}
	.img-sum-loop .box .pic {height: 120px;}
	.machinery .box .pic {height: 160px;}

	.ttl-a {font-size: 2.6rem;}
	.page-faq-list dd {font-size: 1.5rem; padding: 5% 5% 5%;}

	.page-faq-cat {font-size: 2.1rem;}
	.faq-terms {padding-bottom: 5%;}
	.faq-terms li {font-size: 1.1rem; width: 50%;}

	/*#header-btm {padding: 0; position: relative;}*/
	/*#gnav ul li.tel {width: 100%; position: static;}*/
	/*#gnav li.reserve {padding-top: 0; position: static;  width: 100%; margin: 0;}*/
	/*#gnav li.reserve a {margin: 0 15px; padding: 15px 0;}*/
	header #sns {text-align: center;}
	header #sns li {display: inline-block; float: none;}
	header #other {text-align: center; padding-bottom: 30px;}

	.lineup-list .box .box-txt {width: auto; float: none; margin-right: 5%;}

	.lineup-list .box dl dd.cl {text-align: center; position: relative; z-index: 5; top: 0;}
	.lineup-list .box dl dd.cl li {margin-left: 8px;}
	.lineup-list .box dl dd.cl li span { width: 33px; height: 28px;}

	.lineup-list .box .pic {float: none; margin-right: 5%; margin-left: 5%; margin-top: 0; width: auto;}

	.quotation-head .name-fuild .ttl-mdl {font-size: 2.4rem; font-weight: normal;}
	.quotation-head .btn-back {width: 24px;}

	.terms-month .month-set {font-size: 1.8rem; padding-top: 10px;}
	.terms-month .month-set span {font-size: 2.7rem;}


	.terms-days .swiper-slide {width: 20%; padding: 5px 0;}
	.terms-days .swiper-slide i {padding: 0px 0;}
	.terms-days .swiper-slide .w {font-size: 1.2rem;}
	.terms-days .swiper-slide .flg {font-size: 1.2rem;}
	.terms .terms-ttl {font-size: 1.8rem;}

	.options dl dt {font-size: 1.5rem;}
	.options .opt-count li, .options .price {font-size: 1.6rem;}

	.next-reserve .btn {width: 100%;}

	.box-cr {display: none;}
	.terms-dep-arv .box-dep {padding-bottom: 10px;}
	.terms-dep-arv .box-dep, .terms-dep-arv .box-arv {float: none; width: 100%;}
	.terms-dep-arv .dep-ttl, .terms-dep-arv .arv-ttl {font-size: 1.8rem; padding-top: 6px;}

	.terms-prc span {font-size: 1.8rem;}

	/*空港送迎*/
	.guide-sec .guide-sec-txt dt{max-width:none;}

	/*初めての方へ*/
	.acc-photo-a{background-attachment:scroll;}

	/*よくある質問*/
	.faq-block h2.page-faq-cat{margin-top:-175px;padding-top:175px;}

	/*予約フロー*/

	#rsv-header #page-id{font-size: 2.1rem;}
	#rsv-header .icon-logo {font-size: 8.6rem;}


	#main-image,
	.mainvis .inner {height: 380px !important;}
	.mainvis .txt {display: none;}

	.abaou {display: block;}
	.abaou dd {font-size: 1.5rem;}

	#main-image .c-anc a {width: 36px; height: 36px; line-height: 14px;}

	.kwicks {display: none !important;}

	.wp-conts {margin: 0 5%;}
	.plan-form-wp {margin: 0 5%; bottom: 20px;}

	.cmp-box .cmp-box-in-side {float: left;width: 40%;}
	.cmp-box .cmp-box-in-main {width: 57%;}

	.car-list .swiper-slide { width: 28%; font-size: 1.2rem;}

	#reserve .logo-stamp .logo {width: 140px;}

	.payment .btn {float: none;width: 100%;margin-right: 0;margin-left: 0;margin-bottom: 20px;padding: 15px 0;}

	.mainvis .inner {padding-top: 80px;}

		.plan-form-wp .plan-form h3 {display: none;}
	.plan-form-wp .plan-form div {width: 48%;}
	.plan-form-wp .plan-form div .ttl {display: block;}
	.plan-form-wp .plan-form div .call-label {float: left; width: 48%;}
	.plan-form-wp .plan-form div select{float: left; width: 48%;}

	.plan-form-wp .plan-form div.plan-form-btn {clear: both; width: 100%; margin-top: 10px;}
	.form-control.call-dep, .form-control.call-arv {width: 98% !important;}


	.plan-form > div.box-dep,
	.plan-form > div.box-arv {display: block; float: left; width: 48%;}

	.plan-form > div.box-dep .form-control.call-dep,
	.plan-form > div.box-arv .form-control.call-arv {width: 45% !important;}

	.plan-pg-block .box-btn:last-child {display: block; padding: 0; width: 50%; clear: both; margin: auto; padding-bottom: 20px;}

	#gnav {padding-top: 40px;}
	#header-btm {position: relative;}
	#gnav li.reserve {position: absolute; top: 97px; margin: auto; left: 0; right: 0;}
	#gnav ul li.tel {position: relative; width: 100%; text-align: center;}
	#gnav ul li.tel2 {position: relative; width: 100%; text-align: center;}
	#gnav ul li.mail {float:none;clear:both;margin:5px auto;}


	#rsv-header {display: none;}
	#rsv-content {margin-left: 0;}

	#reserve .form-wrapper dd {overflow: auto; clear: both;}


/* Sサイズ、タブレット : Small Devices, Tablets */
#rsv-header {display: none;


}


/* Sサイズ、タブレット : Small Devices, Tablets */
#rsv-content {margin-left: 0;


}


/* Sサイズ、タブレット : Small Devices, Tablets */
#reserve .form-wrapper dd {overflow: auto;clear: both;


}


	.payment .btn {float: none; width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 20px; padding: 15px 0;}


/* Sサイズ、タブレット : Small Devices, Tablets */
.payment .btn {float: none;width: 100%;margin-right: 0;margin-left: 0;


}


/* Sサイズ、タブレット : Small Devices, Tablets */
.payment .btn {


}


/* Sサイズ、タブレット : Small Devices, Tablets */
#reserve .form-wrapper dd {


}


/* Sサイズ、タブレット : Small Devices, Tablets */
#rsv-content {


}


/* Sサイズ、タブレット : Small Devices, Tablets */
#rsv-header {


}


}


/* カスタム, iPhone Retinaディスプレイ */
@media only screen and (max-width: 480px) {

	.func-sort {overflow: hidden; margin-bottom: 15px;}

	.plan-form-wp .plan-form div {width: 100%;}
	.swiper-campaing .swiper-slide {width: 100px;height: 100px;}

	.plan-form > div.box-dep .form-control.call-dep,
	.plan-form > div.box-arv .form-control.call-arv {width: 100% !important;}

	.cmp-box .cmp-box-in-side {float: none; width: auto;}
	.cmp-box .cmp-box-in-main {float: none; width: auto;}

	.class-list-box .pic {float: none; width: auto;}
	.class-list-in-main {float: none; width: auto;}

	#gnav ul li {float: left; width: 50%;}
	.btn-lang-e,.btn-lang-c {width: 100%;}
	.btn-lang-e{margin-right:0;margin-bottom: 10px;}

}

/* カスタム, iPhone Retinaディスプレイ */
@media only screen and (max-width : 320px) {


}