@charset 'utf-8';
#air .w950.box .flex_container {
}


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



}


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

#container, .w950,.w750{
	min-width: 100%;  
	width: 100%;
	margin: 0;
	padding: 0;
}

img{max-width:100%;}
/*br{display: none}*/

.pd_5em{padding: 5em;}
	
/*----------------------------------------------------------
					ヘッダー用
-----------------------------------------------------------*/
#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;
}

/*---------------------------------------------コンテナ用★★★★★★★★-----*/
	
/*---------------------------------------------------------------------padding*/
.about .w950,#room .w950,#meal .w950,#spa .w950,#main .w950{padding: 0.8em;}

/*---------------------------------------------------------------------product */
#product h5 {
	background:url(../img/air_ttl.jpg) no-repeat center right -70%/80% #0188CC;
	padding: 2em 0 5em;
}
	
	
}




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

#container{
	min-width: 100%;  
	width: 100%;
	margin: 0;
	padding: 0;
}

img{
    width /***/: auto;
    max-width: 100%;
    height: auto;
}
.w950{
    width: 100%;
    margin: 0;
/*    padding: 0 2%;*/
}

/* tb用画像 */
.pc {display: none;}
.tb {display: block;}
.sp {display: none;}

/* 非表示指定 */
#container{background: none;}
/*br{display: none}*/
/*.left {	float: none;}
.right { float: none;}*/
#breadcrumbs,#pankuzu {display: none;}

/*--------------------------------------------------- ヘッダー用*/
#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;
}
/*--------------------------------------------------- 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;}

/*--------------------------------------------------- page-top */
#page-top img,
#page-top a{
    width: 80%;
    padding: 7% 0;
    border-radius: 2px;
}

/*---------------------------------------------コンテナ用★★★★★★★★-----*/
/*---------------------------------------------------------------------#room*/
#room,#meal{margin: 5em 0 }	
#room h4{margin: 1em 0 0}
#room p.min{
	text-align: left;	
	font-size: 100%;
}
/*---------------------------------------------------------------------#meal*/

#meal h5{line-height: 1.3;}
#meal h5 span,#meal h5 strong{display: block;}
#meal dt{	margin: 0em;}
.ttl_box span {	top: 0;}
.bar.flex_container{display:block;}
.bar .min {	width: 100%;}
.bar p { float: left; width: 50%;}
.bar .push {float: right; width: 48%;}
	
#meal .breakfast dt {
	padding: 0;
	margin-right: 0.5em
}
	
/*---------------------------------------------------------------------#hotel_point*/
#hotel_point .push dl dt{	text-align:left;}
.push dl dd ul li:last-child{	margin-bottom: 1em;}
#hotel_point .culture dd{	text-align: left; padding: 0.5em;}

/*---------------------------------------------------------------------#spa*/
#spa .ttl_box dd {	text-align: left;}
	
/*---------------------------------------------------------------------main*/
#main  {	margin-top: 5em;}	
#main  h4{	font-size: 140%; line-height: 2.2;}	
#main h6{	width: 90%;	font-size: 85%;}
/*--------------------table */
/*#main .w950 .scroll {	overflow-x: scroll;	margin-bottom: 2em;}*/
#main .w950 .scroll {
	width: auto;
	overflow-x: scroll;
	margin-bottom: 2em;
}

#main table br{display: block;}
#main table{	margin-bottom: 0;}	
#main table strong{font-size: 95%;}
#main table th{    font-size: 10px;}
#main table th:nth-child(5){	min-width: 50px;}
#main table tr{    font-size: 85%;}
	
/*---------------------------------------------------------------------point*/	
/*--------------------point_2 */	
#point .point_2 .left {
	margin-left: 0;
	width: 100%;
	float: none;
}
#point .point_2 .right {
	margin: 1em auto 2em;
	width: 70%;
	float: none;
}
#point .point_2 .clear .l_text img {
	top: -25%;
	left: -5%;
}	

	
}



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

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

/*--- 非表示 ---*/
br{display: none}
img{max-width:100%;}
.flex_container{display:block;}

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

#breadcrumbs,#pankuzu {display: none;}
.pc{display: none;}
.tb{display: none;}
.sp{display: block;}
/*--- 表示 ---*/
.photo_2.flex_container,.photo_3.flex_container,.dinner_img.flex_container,.culture .flex_container{display:flex;}
/*--------------------------------------------------- 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;}
/*--------------------------------------------------- page-top */
#page-top img,
#page-top a{
	width:80%;
	height:auto;
	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(http://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:none;
	font-weight:bold;
}
body.wtour #header ul.gnav4 li.wtour_nav02 a:hover {color: #ff6600;}


/*-------------------------- footer-kaigai*/
#footer-kaigai{
    padding: 5% 0 !important;
}

/*---------------------------------------------コンテナ用★★★★★★★★-----*/
/*-------------------- main_visual */
#main_visual{
    padding: 0% 0;
    background: none;
    background-size: cover;
}
#main_visual h3 {
	background-image: url(../img/title_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
    padding: 43% 0;	
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*-------------------- intro */
#intro{
    padding: 0px 0 40px;
}	
#intro .bytype img{	width: 60%;	}
#intro dl.sitettl dt{
	font-size: 105%;
	text-align: left;
	padding: 0.5em;
}
	
/*-------------------- menu */	
#menu li {
	border-right: none;
	border-bottom: 1px solid #FFF;
	width: 100%;
}
#menu li:first-child {	border-left: none;}
/*---------------------------------------------------------------------#room*/
#room .room_box dl{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 3em;
}
.room_come {
	line-height: 1.7;
	min-height: auto;
}	
/*---------------------------------------------------------------------#meal*/
#meal{margin: 5em 0 0 }	
#meal .dinner_come ul {	margin-bottom: 1.5em;}
#meal .dinner_come li {
	line-height: 1.2;
    margin-top: 1.2em;
}
#meal .breakfast dt {	width: 100%;	margin: 0;}
#meal .breakfast dd {	width: 100%;}
	
/*---------------------------------------------------------------------#hotel_point*/
#hotel_point {
background:-webkit-linear-gradient(bottom, #EAE5E1 0%, #EAE5E1 97%, #FFF 3%, #FFF 100%);
background:-o-linear-gradient(bottom, #EAE5E1 0%, #EAE5E1 97%, #FFF 3%, #FFF 100%);
background:linear-gradient(to top, #EAE5E1 0%, #EAE5E1 97%, #FFF 3%, #FFF 100%);
/*	padding-bottom: 1em;
	margin-bottom: 7em;*/
}
#hotel_point .push dl {
	width: 97%;
	margin: 3em auto 5em;
}
	
/*---------------------------------------------------------------------#spa*/

#spa .photo{margin: 1em auto 2em;}

	
/*---------------------------------------------------------------------main*/
#main  h4 br{display: block;	}	
#main  h4{	font-size: 130%; text-align: left; padding:1.5em; }	
	
#main h6{	width: 90%;	font-size: 85%;}
/*--------------------table */
/*#main .w950 .scroll {	overflow-x: scroll;	margin-bottom: 2em;}*/
#main .w950 .scroll {
	width: auto;
	overflow-x: scroll;
	margin-bottom: 2em;
}

#main table br{display: block;}
#main table{	margin-bottom: 0;}	
#main table strong{font-size: 95%;}
#main table th{    font-size: 10px;}
#main table th:nth-child(5){	min-width: 50px;}
#main table tr{    font-size: 85%;}
	
/*---------------------------------------------------------------------point*/	
/*--------------------point_2 */	
#point .point_2 .left {
	margin-left: 0;
	width: 100%;
	float: none;
}
#point .point_2 .right {
	margin: 1em auto 2em;
	width: 70%;
	float: none;
}
#point .point_2 .clear .l_text img {
	top: -25%;
	left: -5%;
}		
	
/*---------------------------------------------------------------------title*/
#title .coment {
	margin: 20% auto 0;
	padding-bottom: 5%;
	font-size: 100%;
}
/*---------------------------------------------------------------------point*/
#point .point_box {	width: 97.5%;}
/*---------------------------------------------------------------------product */
#product .bcl .left,#product .bcl .ttl  {	width: 100%;	margin: 0 auto;}
#product .bcl .ttl {padding-top: 2%;}
#product .ttl h6 br{display: block;}
#product .bcl .right{	width: 100%;}
#product .bcl .ttl-img {	width: 100%;}
#product .ecl .right  {	width: 100%;	margin: 0.5em auto;}
#product .list_box {	width: 100%;	margin-right: 0;}
#product .flex_container.clear .right {	width: 100%;}
	
/*--------------------------------------------------------------------- booking */
#tour .booking {
	width: 100%;
}	
	
}