@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;
}

/*---------------------------------------------コンテナ用★★★★★★★★-----*/
/*-------------------- main_visual */
#main_visual h3 {	background-size: 100%;}	

/*-------------------- ca */
#ca  li {	min-height: 200px;}
	

	
	
	
}




/************************************************************
					タブレット対応
************************************************************/
@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;
}

/*---------------------------------------------コンテナ用★★★★★★★★-----*/
/*-------------------- main_visual */
#main_visual{
    padding:  5% 0;
    background: url(../img/main.jpg) no-repeat left 30% top;
    background-size: cover;
}
#main_visual .intro {
	margin: 3em 1em;
}

#main_visual h3 {
	background-image: url(../img/title_sp.png);
	background-position: left top;
	max-width: 511px;
	padding: 24% 0;

}
#main_visual .flex_container{display:block;}	
.tokuten h4 {
	width: 100%;
	padding: 3px;
}

.tokuten dl {
	width: 100%;	
	padding: 1em;
}
.tokuten dt {
	font-size: 120%;
	margin: 1em 0 1.5em;
	text-align: center;
}
.tokuten dd {
	font-size: 13px;
}
.tokuten dd br{display: block;}
.tokuten ul {
	padding: 0.5em;
	width: 95%;
	margin: 1em auto 0;
	border-left: none;
	border-top: 1px dashed #B9272D;
}
.tokuten ul li{
	margin-bottom: 0.5em;
}
.tokuten ul li:before {	
	content: "※";
	background-color: #FFFFFF;
}

/*-------------------- ca */
#ca {	padding: 3em 0.5em 15em;}
#ca  li {	
	min-height: auto;
	width: 100%;
}
#ca li p{
	width: 30%;
	margin-right: 1em;
}
#ca li dl{
	width: 70%;
}

/*-------------------- dest */

	#dest{	padding: 3em 0.5em 10em;}
/*-------------------- other_dest , #tour */
#other_dest  .flex_container{display:block;}	
#other_dest  li,#tour li {
	width: 50%;
	margin:1px auto ;
}
#other_dest  li:last-child,#tour li:last-child {	margin: 1px auto;}
/*---------------------------------------------------search */
#search_box{
	padding: 3em 25% 5em;
	width: auto;
	margin: auto;
}

	#search_box .main{	position: relative;}
.map_ttl{
	float: none;
	z-index: 1;	
	position: absolute;
	top:11px;	
}
.date_ttl{
	float: none;	
	margin-left: 1px;
	z-index: 1;
	position: absolute;
	top:296px;
}
#search_box .ttl_box	{
	width: 700px;
	margin: 0 auto -0px;		
	position: static;
	top:11px;
	left: 0;
	right: 0;
}
.main {
	width: 100%;
}
.main .search_container { 
	padding: 1em 0;
	width: auto;
	margin: 0 auto 10px;
}


	
}



/************************************************************
						スマホ対応
************************************************************/
@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 .intro {
	margin: 2em 1em;
}

.tokuten dl {
	padding: 0.5em;
}
.tokuten dt {
	font-size: 110%;
	margin: 1em 0 1.5em;
	text-align: center;
}

/*-------------------- ca */
#ca {	padding: 3em 0.5em 15em;}
#ca  li {	
	min-height: auto;
	width: 100%;
}
#ca li p{
	width: 30%;
	margin-right: 1em;
}
#ca li dl{
	width: 70%;
}

/*-------------------- dest */
/*-------------------- reco */
#dest .flex_container,#tour .flex_container{display:block;}
	
#reco  li {
	width: 70%;
	margin: 2px auto;
}
#reco  li:last-child {	margin: 2px auto;}
/*-------------------- other_dest , #tour */
#other_dest  li {
	width: 70%;
	margin:1px auto ;
}
#tour li {
	width: 60%;
	margin:2px auto ;
	}
#tour 	{
	padding: 5em 0 7em;
	}
/*---------------------------------------------------search */
#search_box{
	padding: 3em 3% 5em;
}


	
	
}