﻿@charset "utf-8";



/************************************************************
							PC用
************************************************************/
@media screen and (min-width: 980px){


}



/************************************************************
					min769px－max979px
************************************************************/
@media screen and (min-width: 769px) and (max-width: 979px){

.w950{
	width: 100%;
	padding-left: 1%;
	padding-right: 1%;
}

#breadcrumbs {min-width: 100%; width: 100%; padding-left: 2%;}

/*--------------------------------------------------- title */


/*---------------------------------------------------------------------menu*/
#menu .flex_container{ padding:0;}

/*-----------------------------------------------------------------------  hotel*/
#hotel .main{	padding: 5% 0.5em;}
#hotel .hotel_box .room {	margin: 0.5em 0 0 75%;}

/*--------------------------------------------------- contact */
#contact .w950{	padding:30px 3% 50px;}

/*----------------------------------------------------------
					ヘッダー用
-----------------------------------------------------------*/
#header,
#header .inner  {
	width: 100%;
	margin: 0;
	padding: 0;
}
#header ul.gnav4 li.jtour,
#header ul.gnav4 li.jtour_nav01,
#header ul.gnav4 li.jtour_nav02,
#pankuzu{
	display: none;
}

#header .logo,
#header .copy{
	left: 10px;	
}
#header ul.txtnav{
	padding-right: 10px;
}


}



/************************************************************
						タブレット対応
************************************************************/
@media screen and (min-width:600px) and (max-width:768px)  {

#container{
	min-width: 100%;  
	width: 100%;
	margin: 0;
	padding: 0;
}
.w950{
	width: 100%;
	padding-left: 1%;
	padding-right: 1%;
}
/*
.left {	float: none;}
.right { float: none;}

/*--- 非表示 ---*/
#breadcrumbs {display: none;}
/*#container br{display: none;}*/

/*--------------------------------------------------- title */
#title{background-size: 170%;}
.bg_photo{background-size: 120%;}
#title h3{
	height: 430px;
	background-size: 100%;
}

#title .news2 br {display: inline;}
/*--------------------------------------------------- parallax*/
div.parallax {
	background-attachment: scroll;
	background-size: 100%;
}
div.parallax h4{
	font-size: 180%;
	text-align: left;
	padding: 100px 1em 0;
	line-height: 1.5;
	}
/*--cont--*/
.cont{padding-top: 30px;}
/*---------------------------------------------------------------------menu*/
#menu .flex_container{ padding:0;}

/*--------------------------------------------------- meal*/
#meal ul.menu li{width:50%;}

.icon-crab  {display: none;}

.balloon01,
.balloon02,
.balloon03{display:none;}

/*--------------------------------------------------- hotel*/
#hotel .main{	padding: 5% 0.5em;}
#hotel .main ul li img{width:100%;}
#hotel .hotel_box {	padding: 0.5em;}
#hotel .hotel_box .room {	margin: 0.5em 0 0 75%;}
#hotel .main .left,#hotel .main .right{}

#hotel .pick_spot .pic_box{
	float:none;
	width:100%;
}
/*--------------------------------------------------- spot*/

#spot.cont{padding-bottom: 50px;}
#spot .descBox {background-image: none;}
#spot .descBox p {width: 100%;}

#spot .descBox .photo li{width:49.5%;}
#spot .two div{padding:5%;margin-bottom:20px;}

/*--------------------------------------------------- tourBox
/*--type--
.tourBox{padding-left: 0;padding-right:0;}
.tourBox h6 span{
	display:block;
	padding: 0;
	border: none;
    background-color: transparent;
}



/*　--------------------------------------------booking----　*/
.tour_box .tour_b h6,.kixap h6,.ngoap h6,.nrtap h6 {	padding-left:0.1em; line-height:1.2;}

#hotel .type.left,.cent.left,.type.left {
	width: 32%;
	padding: 0.2em;
	margin: 0.2em;
	position: relative;
}

/*--------------------------------------------------- contact */
#contact .w950{	padding: 50px 2%;}
#contact .infoBox{width: 100%;padding-top: 20px;}

#contact .circle{display:none;}
#contact dl{margin-bottom: 15px;width: 100%;}
#contact dd {margin: 0 0 3px 0;}
#contact dd span {width: 120px;margin-right: 10px;}



/*----------------------------------------------------------
					ヘッダー用
-----------------------------------------------------------*/
#header,
#header .inner  {
	width: 100%;
	margin: 0;
	padding: 0;
}
#header ul.gnav4 li.jtour,
#header ul.gnav4 li.jtour_nav01,
#header ul.gnav4 li.jtour_nav02,
#header div.season,
#pankuzu{
	display: none;
}

#header .logo,
#header .copy{left: 10px;}
#header ul.txtnav{padding-right: 10px;}


}




/************************************************************
						スマホ対応
************************************************************/
@media screen and (max-width:599px)  {

#container{
	min-width: 100%;  
	width:100%;
}
.w950{
	width: 100%;
	padding-left: 1%;
	padding-right: 1%;
}

.left {	float: none;}
.right { float: none;}

/*--div調整用--*/
.two div,.three div{
	float: none;
	width: 100%;
	margin-bottom: 50px;
}

/*--- 非表示 ---*/
#breadcrumbs {display: none;}
/*#container br{display: none;}*/

/*--------------------------------------------------- parallax*/
div.parallax {
	height: auto;
	background-attachment: scroll;
	background-size: 100%;
}
div.parallax h4 {
	padding: 30% 0;
	font-size: 200%;
	line-height: 1.3;
}

/*--cont--*/
.cont{padding-top: 10%;}
.cont .heading{text-align: left;text-align:justify;text-justify:distribute;}
.cont .heading br {display: none;}
.cont .heading,.cont .heading span{font-size: 115%;}


/*--------------------------------------------------- title */
#title {
	padding-bottom: 10px;
	background-image: none;
}
#title h3{
	height: auto;
	padding-bottom: 67%;
	background: url(../img/sp_title.png) no-repeat center top;
	background-size: 100%;
}
#title .news2 br {display: inline;}

.bg_photo{background: none;}

#title h4{
	padding: 0 3%;
	font-size: 160%;
	line-height: 1.4;
}
.bg_photo{background: none;}
#title ul{padding-left:3%;padding-right:3%;}
#title .tour_btn{width: 90%;}

#title p.sp{display: inline;}
#title p.sp img{width:100%;}
#title .bg_photo img{width:100%;}


#title p.pc,
#title .lead,
#title .fuel,
#title li br {display: none;}
/*---------------------------------------------------------------------menu*/
#menu .flex_container{display:block; padding:0;}
#menu li {	width: 100%; border-bottom: 0.5px solid #FFF;}
#menu li:first-child {	border-left: 0;}
#menu li a{	padding: 1em 0;}

/*--------------------------------------------------- tour*/
/*--three--*/
ul.three li{
	float: none;
	width: 100%;
	margin-bottom: 0.5em;
}

/*--point--*/
#tour ul.point{	margin-bottom: 30px;}
#tour ul.point li{	padding: 0;}

.point .awabi {

	background-image: none;
	background-repeat: no-repeat;
	background-position: right 0.5em;
	background-size:25%;
}
.point .awabi .come{
	width:100%;
}

.distance dt{width: 15%;}
.distance dd{width: 85%;}
.tourTit span{display:block;}

#tour ul.point li ul li{margin-bottom: 10px;}


/*--------------------------------------------------- air*/
#air h5{font-size:129%;}

#air ul.time li{width: 100%;}
#air ul.time li.arrow{display:none;}

#air ul.three li{
	float: none;
	width: 100%;
}


/*--------------------------------------------------- meal*/
.cont#meal{padding-bottom: 70px;}

#meal dl dd br{display:none;}
#meal ul.menu li{width:100%;}
#meal .menuBox{	padding: 8% 5% 5%;}

.icon-crab {right: 0;top:-20px;}
.icon-crab img{width:80%;}

.balloon01,
.balloon02,
.balloon03{display:none;}

/*--------------------------------------------------- hotel*/
#hotel .main ul li img{width:100%;}

#hotel .heading{	padding: 30px 0.5em 10px;}
#hotel .heading,
#hotel dl.detail dt{font-size: 158%;}

#hotel dl.detail dt{
	padding-top: 30px;
	line-height: 1.2;
}
#hotel dl.detail dt span{display: block;}

#hotel .main .right dt{padding-bottom: 0;}
#hotel .main .right dd.photo{padding-bottom: 5px;}

#hotel .main .left,
#hotel .main .right,
#hotel .main .right dt,
#hotel .main .right dd,
#hotel .main .right dd.photo{width: 100%;}

#hotel .main .map{margin-bottom: 30px;}
#ibis,#foret{ height: 300px;}

#hotel .main .right dt{	border-bottom: none;}


#hotel div.three dl{
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
#hotel div.three dl:last-child{margin-bottom:0;}

/*-----------------------------------------------------------------------  hotel*/

#hotel .main{	padding: 5% 1% 3%;}
#hotel .h_name h5 {
	width: 100% !important;
	border-radius: 25px 25px 0 0;
	 -moz-border-radius: 25px 25px 0 0;
	 -webkit-border-radius: 25px 25px 0 0;
}
#hotel .h_name h6 {
	width: 100% !important;
	line-height: 20px;
	border-radius: 0 ;
	 -moz-border-radius: 0 ;
	 -webkit-border-radius: 0 ;
}
#hotel .hotel_box .room {
	margin: 0.5em 0 0;
}

#hotel .hotel_box .hotel_con .f_right,
#hotel .main .right dd,#hotel .main .left dd,
#hotel .main .right dd.photo,#hotel .main .left dd.photo {
	width: 100%;
}


/*--------------------------------------------------- spot*/
#spot.cont{padding-bottom: 50px;}
#spot .descBox {background-image: none;}
#spot .descBox p.min br{display: none;}
#spot .descBox p {width: 100%;}

#spot .descBox .photo li{width:49.5%;}
#spot .two div{padding:5%;margin-bottom:20px;}

/*--------------------------------------------------- tourBox*/

.tourBox{padding:70px 0 50px;}
/*--type--*/
.type{width:95% !important;margin:0 auto 50px !important;}
.tourBox h6 span{
	display:block;
	padding: 0;
	border: none;
    background-color: transparent;
}

.tourTit{margin-bottom: 30px;}
.tourBox h6{ margin-bottom: 10px;}


/*--------------------------------------------------- pickup span */
#tour .pickup,
#meal .pickup{
	margin-bottom: 20px;
	text-align: left;
	font-size: 143%;
	font-weight: bold;
	line-height: 1.5;
}
#tour .pickup span,
#meal .pickup span{ padding: 0;}

#tour .pickup span:before,
#tour .pickup span:after,
#meal .pickup span:before,
#meal .pickup span:after{background-image:none;}

/*--------------------------------------------------- contact */
#contact .w950{	padding:30px 3% 50px;}
	
/*--------------------------------------------------- page-top */
#page-top img,
#page-top a{
	width:80%;
	border-radius: 2px;
	padding:7% 0;
}


/*----------------------------------------------------------
					ヘッダー用
-----------------------------------------------------------*/

/* 非表示 */
#header h1.copy,#sub_menu,.txtnav,
#header ul.gnav4 li.jtour,
#header ul.gnav4 li.jtour_nav01,
#header ul.gnav4 li.jtour_nav02,
#header ul.gnav4 li.jwcruise,
#header ul.gnav4 li.jwcruise_nav01,
#header ul.gnav4 li.wtour,
#pankuzu{display: none;}

/* wtour調整 */
body.wtour #header {
	height:auto;
	margin-bottom:50px;
	background: url(https://www.mwt.co.jp/kaigai/common/img/line_wtour.gif) repeat-x center bottom;
}
body.wtour #header .inner {width:100%; height:66px;}

body.wtour #header .logo {top:5px; left:5px;}
body.wtour #header .season {
	display:block;
	position:absolute;
	right:0;
	left:auto;
}

body.wtour #header ul.gnav4 {
	position:absolute;
	bottom:-45px;
	left:5px;
}
body.wtour #header ul.gnav4 li{
	float: left;
	padding: 2%;
	text-align: center;
	font-weight: bold;
}
body.wtour #header ul.gnav4 li.wtour_nav01 {
    width: 24%;
    border: 2px solid #196bb8;
    background: #d2ebff;
    color: #196bb8;
    padding: 8px 0;
}
body.wtour #header ul.gnav4 li.wtour_nav01 a {
	width:100%;
	height:auto;
	background:none;
	text-indent:0;
}
body.wtour #header ul.gnav4 li.wtour_nav02 {
	width:76%;
    border: 2px solid #CCCCCC;
    padding: 8px 0;
}
body.wtour #header ul.gnav4 li.wtour_nav02 a {
	width:100%;
	background:none;
	text-indent:0;
    color: #0066cc;
}
body.wtour #header ul.gnav4 li.wtour_nav01 a,
body.wtour #header ul.gnav4 li.wtour_nav01 a:hover,
body.wtour #header ul.gnav4 li.wtour_nav02 a,
body.wtour #header ul.gnav4 li.wtour_nav02 a:hover {
	background:none;
	width:auto;
	height:auto;
	text-align:center;
	margin:0;
	text-decoration:underline;
	font-weight:bold;
}
body.wtour #header ul.gnav4 li.wtour_nav02 a:hover {color: #ff6600;}

/*--------------------------------------------------- contact */
#contact .w950{	padding: 5% 2%;}
#contact .infoBox{width: 100%;padding-top: 20px;}

#contact .circle{display:none;}
#contact dl{margin-bottom: 15px;width: 100%;}
#contact dd {margin: 0 0 3px 0;}
#contact dd span {width: 120px;margin-right: 10px;}

}



/************************************************************
						個別調整用
************************************************************/














