﻿@charset "utf-8";

@import url("https://www.mwt.co.jp/common/css/reset.css");
@import url("https://www.mwt.co.jp/common/css/layout.css");
@import url("https://www.mwt.co.jp/kaigai/common/css/header.css");

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#container{
	clear: both;
	width: 100%;
	margin: 0 auto;
	line-height: 1.7;
	font-size: 14px;
	font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';
}
.w950{
	clear: both;
	width: 950px;
	margin: 0 auto;
}

.center {text-align: center;}
.left {	float: left;}
.right { float: right;}
.clear { clear: both;}

.mb10 {	margin-bottom: 10px;}
.mb20 {	margin-bottom: 20px;}
.mb30 {	margin-bottom: 30px;
        margin-top: 10px;} /*-- ★追加項目★ --*/
.mb50 {	margin-bottom: 50px;}
.mb70 {	margin-bottom: 70px;}
.mb100 { margin-bottom: 100px;}


/*--font調整--*/
.bold{font-weight: bold;}
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.just{text-align:justify;text-justify:distribute;}


/*--webアイコン調整用--*/
.fa{margin-right: 7px;}

/*--img調整用--*/
.photo img{width: 100%;}

/*--注意喚起--*/
.attn{
	clear: both;
	margin-top: 10px;	
	font-size: 86%;
	line-height: 1.3;
	text-align: left;
}

/*--div調整用--*/
.two div{
	float: left;
	width: 48.5%;
	margin: 0 3% 3% 0;
	padding: 3%;
}
.two div:last-child{
	margin-right: 0px;
	margin-bottom: 10px;
}

.three div{
	float: left;
	width: 31%;
	margin: 0 3.5% 3% 0;
}
.three div:last-child{margin-right:0;}

.three div .photo{width: 100%;}
.two div p,.three div p{text-align:justify;text-justify:distribute;}


/*--color--*/
.white {color: #FFF;}
.red {color: #DC0202;}
.blue {color: #0095d8;}

.k_bl {color: #3687E9;}
.c_rd {color: #D35061;}
.n_gr {color: #48916F;}

/*--マーカー--*/
.marker {background: linear-gradient(transparent 70%, #ffb6c1 60%);}


/*----------  flex------------*/
.flex_container {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row nowrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
}



/*--------------------------------------------------- breadcrumbs */
#breadcrumbs{
	width: 950px;
	margin: 15px auto;
	font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';
}
#breadcrumbs li {
  display: inline;
  list-style-type: none;
}
#breadcrumbs li:before { content: " > ";}
#breadcrumbs li:first-child:before { content:"";}





/*--------------------------------------------------- title */
#title {
	padding-bottom: 1px;
	text-align: center;
	background: #ffefe6;
}
#title h3{
	height: 560px;
	background: url(../img/title.png) no-repeat center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#title h4{
	margin-bottom: 20px;
	font-size: 200%;
	margin-top: 0px;
    padding-top: 20px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#title li{margin-bottom: 30px;}

.bg_photo{background: url(../img/bg_title-photo.png) no-repeat center top;}



/*--cont--*/
.cont{padding: 20px 0px 0px 0px;}



/*--three--*/
ul.three{clear: both;}
ul.three li{
	float: left;
	width: 32.5%;
	margin: 0 1.2% 0 0;
}
ul.three li:last-child{margin-right: 0;}
.three img{	width: 100%;}



/*--コピーライト--*/
.copyTxt{position: relative;}
.copyPos{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 2px 5px;
	z-index: 99;
}



/*--------------------------------------------------- meal*/
#meal.cont{padding-bottom: 100px;}
#meal span.ruby{font-size: 86%;}

#meal dl dt{
	margin-bottom: 10px;
	font-size: 129%;
}

#meal dl dd{margin-bottom: 30px;}

#meal ul.menu {
	margin-bottom: 30px;
	font-size: 129%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#meal ul.menu li.menuTit{
	width: 100%;	
	margin-bottom: 10px;
	font-size: 129%;
	font-weight: bold;
}

#meal ul.menu li{
	 float: left;
	 width: 33%;	
}

#meal .menuBox{
	padding: 3% 3% 2%;
	position: relative;
	box-shadow: 0px 0px 10px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
}
.icon-crab{
	position: absolute;
	top: -40px;
	right: -30px;
}

/*--dinner--*/
#meal ul.dinner{
    clear: both;
	margin-bottom: 50px;
	position: relative;
}
#meal ul.dinner li{
	float: left;
	width: 24.5%;
	margin: 0 0.5% 0.5% 0;
}
#meal ul.dinner li.half{width: 49.5%;}
.dinner img{width: 100%;}

/*--吹き出し調整--*/
.balloon01{
	width: 145px !important;
	position: absolute;
	top: -20px;
	right: 180px;
	z-index: 1;
}
.balloon02{
	width: 140px !important;
	position: absolute;
	top: 130px;
	right: 370px;
	z-index: 1;
}
.balloon03{
	width: 145px !important;
	position: absolute;
	top: 280px;
	right: -30px;
	z-index: 1;
}

/*--コピーライト調整--*/
#meal ul.dinner .copyPos{
	left: 0;
	font-size: 100%;
	color: #FFF;
}



/*--------------------------------------------------- hotel*/
#hotel.cont{
    background-color: #f0eee4;
    padding-bottom: 1px;
}

#hotel .heading{
	padding: 30px 0 10px;
	font-size: 200%;
	text-align: center;
	background-color: #dbd5d1;
	position: relative;
}
#hotel .heading span{
	display: block;
	font-size: 86%;
	line-height: 1.3;
}
#hotel .heading::after{
	content: "";
	display: inline-block;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top-color: #dbd5d1;
	position: absolute;
	top: 100%;
	left: 50%;
}

#hotel .main{
	padding: 3% 3% 3% 3%;
	background-color: #FFF;
}

#hotel .h_name h5 {
	font-size:17px;
	color: #FFF;
	background-color: #594237;
	width: 80% !important;
	line-height: 40px;
	padding-left: 2em;
	border-radius: 25px 0 0 0;
	 -moz-border-radius: 25px 0 0 0;
	 -webkit-border-radius: 25px 0 0 0;
}
#hotel .h_name h6 {
	font-size:12px;	
	background-color: #e2da40;
	width: 20% !important;
	line-height: 40px;
	text-align: center;
	border-radius: 0 25px 0 0;
	 -moz-border-radius: 0 25px 0 0;
	 -webkit-border-radius: 0 25px 0 0;
}
#hotel .h_name .dlux{
	background-color: #CAB6EB;
}

#hotel .hotel_box {
	border: 3px solid #F6F6F6;
	width: 100%;
	margin:0 auto 2em;
	padding: 1em;
}
.hotel_box h6 {
	margin:0.5em 0.5em 0;
	color: #695331;
	line-height: 30px;
	border-bottom: 2px solid #695331;
	border-left: 10px solid #695331;
	padding-left: 1em;
	width: 100%;
	margin:0.7em 0;
}
#hotel .hotel_box .room {
	font-weight: bold;
	color: #FFF;
	background-color: #C33;
	display: inline-block;
	padding: 0 2em;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	margin: 0.5em 0 0 83%;
}
#hotel .main .left,#hotel .main .right{width: 48%;}

#hotel .main .right dl,#hotel .main .left dl{
	width: 100%;
	margin-bottom:20px;
}

#hotel .pickup .left dl .right{	width: 60%;}


#hotel .main .right dt,#hotel .main .left dt{
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 115%;
	line-height: 1;
	border-bottom: 1px dotted #d2d2d2;
	width: 100%;
}
#hotel .main .right dt span,#hotel .main .left dt span{font-size: 72%;}

#hotel .main .right dd,#hotel .main .left dd{
	font-size: 86%;
	width: 60%;
}
#hotel .main .right dd.photo,#hotel .main .left dd.photo{width: 38%;}

	
/*--画像2枚--*/
#hotel .main ul.two li{
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
}
#hotel .main ul.two li:last-child{margin-right: 0;}
.two img{width: 100%;}

/*--MAP無しバージョン用--*/
#hotel div.three dl{
	float: left;
	width: 32%;
	margin: 0 2% 3% 0;
}
#hotel div.three dl:last-child{margin-right:0;}

#hotel div.three dt{
	margin-bottom: 5px;
	font-size: 115%;
}
#hotel div.three dt span{font-size: 72%}
#hotel div.three dd.photo{width: 100%;margin-bottom: 10px;}

#hotel .pickup{margin-bottom:10px;}

/*--ホテルimg調整用--*/
#hotel .img_box{
	max-width: 400px;
	text-align: center;
	margin-top: 0.5em;
	width: 100%;
}
#hotel .img_box .main-image img {
	max-width: 100%;
	height: auto;
}
#hotel .img_box .main-image {
	width: 100%;
	margin-bottom: 5px;
}
#hotel .img_box ul {
	list-style: none;
	padding:0;
}
#hotel .img_box .thumbnails li {

	padding-right: 5px;
}
#hotel .img_box .thumbnails li:last-child{

	padding-right: 0;
}
#hotel .img_box .thumbnails li img {
	width:100%;
}

#hotel .map iframe{ margin-top:0.5em;}



/*--------------------------------------------------- spot*/
#spot.cont{
	padding-bottom: 5px;
}
#spot .descBox {
	margin-bottom: 80px;
	background: url(../img/img_busan-tower.jpg) no-repeat right bottom;
	background-size: 33%;
}
#spot .descBox p {width: 65%;}

#spot .descBox p.min {
	font-size: 143%;
	line-height: 1.5;
}

/*--photo--*/
#spot .descBox .photo li{
	float: left;
	margin-right: 0.5%;
	width: 33%;
}
#spot .descBox .photo li:last-child{margin-right: 0;}
#spot .descBox .photo img{	width: 100%;}

/*--itemBox--*/
.itemBox div{
	margin-bottom:70px;
	box-shadow: 0px 0px 10px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
}
.itemBox h5{
	margin: 0 10px;
	font-size: 129%;
	font-weight: normal;
}
.itemBox h5 span{
	font-size: 72%;
}
.itemBox dl.day{margin-bottom: 15px;}
.itemBox dl.day dt,
.itemBox dl.day dd{
	float: left;
	padding: 1px 10px;
}
.itemBox dl.day dt{
	color: #FFF;
	background-color: #662d91;
	border-radius: 3px;
}
.itemBox div .photo{width: 100%;margin-bottom:10px;}


/*--SPOOK価格表示ガジェット調整--*/
.deplistWrap,
.gadgetPrice .pricelistWrap ul.pricelist span.left { display: none; }
.gadgetPrice .pricelistWrap ul.pricelist span.right { float:left; }

.gadgetPrice .pricelistWrap ul.pricelist li { 
	border: none;
	padding: 0;
	margin: 0;
}
.gadgetPrice .pricelistWrap ul.pricelist li a,
.gadgetPrice .pricelistWrap ul.pricelist li a:link{
	padding-bottom: 10px;
	color: #e60012;
	text-decoration: underline;
}






/*--------------------------------------------------- pickup span */
.pickup{
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 129%;
	/*font-weight: bold;*/
}
.pickup span{
  display: inline-block;
  padding: 0 30px;
  position: relative;
}
.pickup span:before,
.pickup span:after{
  content: ' ';
  width: 30px;
  height: 18px;
  position: absolute;
}
.pickup span:before {
  top: 3px;
  left: 0;
}
.pickup span:after {
  top: 3px;
  right: 0;
}

.pickup span:before{background: url(https://www.mwt.co.jp/kaigai/common/img/line_l.png) no-repeat;}
.pickup span:after{background: url(https://www.mwt.co.jp/kaigai/common/img/line_r.png) no-repeat;}

.white{color: #FFF;}
.white span:before{background: url(https://www.mwt.co.jp/kaigai/common/img/line_l_w.png) no-repeat;}
.white span:after{background: url(https://www.mwt.co.jp/kaigai/common/img/line_r_w.png) no-repeat;}



/*--------------------------------------------------- page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size:16px;
	z-index: 99;
}
#page-top a {
	background: #DDD;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding:20px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #a5a5a5;
}





/*-------------------- ★追加　ツアーへのリンクボタン--*/
.tourbutton{
    padding-top: 20px;
    padding-left: 1%;
    padding-right: 1%;
    text-align: center;
}

.btn2{
    padding-top: 10px;
    padding-bottom: 30px;
    text-align: center;
}
.btn2 a{
    display: block;
    clear: both;
    padding: 10px 0;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    background-color: #ff69b4;
}
.btn2 a:hover{
    color: #fff;
    border-radius: 5px;
    background-color: #ff1493;
}


.btn3{
    padding-top: 10px;
    padding-bottom: 50px;
    text-align: center;
}
.btn3 a{
    display: block;
    clear: both;
    padding: 10px 0;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    background-color: #ffa500;
}
.btn3 a:hover{
    color: #fff;
    border-radius: 5px;
    background-color: #ff8c00;
}



/*-------------------- ★追加　パンフ・雑誌の紹介--*/
@media screen and (max-width:859px)  {
    
    .hyoushiA{
        padding-bottom: 10px;
    }
    
    .hyoushi2{
        padding-left: 1%;
    	padding-right: 1%;
    }
    .hyoushi4{
        padding-left: 1%;
    	padding-right: 1%;
    }
}


@media (min-width: 860px){
    
    .hyoushi{
        clear: both;
        width: 950px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .hyoushi:after {
        content: "";
        display: block;
        clear: both;
    }
    .hyoushi1{
        float: left;
        width: 25%;
    }
    .hyoushi2{
        float: left;
        width: 20%;
        padding-top: 25px;
    }
    .hyoushi3{
        float: left;
        width: 25%;
    }
    .hyoushi4{
        float: left;
        width: 20%;
        padding-top: 25px;
    }

}
