@charset "utf-8";

.contents {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	background: #fff7ec url(../img/main-bg-sp.png) no-repeat center top;
	background-size: 100%;
}
.contents .inner {
  width: 94vw;
  margin: auto
}
/* ------------------------------------------
メインビジュアル
------------------------------------------ */
#mainVisual {
	width: 100%;
    height: 44vw;
}
#mainVisual p.title {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 5.0vw;
	line-height: 1.4em;
    color: #142057;
    padding-top: 30vw;
    text-align: center;
    font-weight: bold;
}
#mainVisual p sup {
    font-size: 0.4em;
    vertical-align:revert;
}

/*------------------------------------------------------
 おすすめツアー(関東のsp_tour_basic.cssがベース)
------------------------------------------------------*/
#tourContent {
    width: 100%;
    padding: 0 0 5vw;    
}
#tourContent a {
    text-decoration: none;
}
#tourContent h2 {
    width: 80vw;
    margin: 4vw auto 5vw;
}
#tourContent h2 img {
    width: 100%;
}
.tour-depart-list {
    margin: calc(30vw / (750 /100)) auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}
.tour-depart-list > li{
    width: calc(96% / 3);
    font-size: calc(30vw / (750 / 100));
    font-weight: 500;
    color: #FFF;
    text-align: center;
    margin-bottom: calc(20vw / (750 / 100));
    margin-right: 2%;
    padding: calc(16vw / (750 / 100));
    border-radius: 5px;
    background-color: #fa8e8e;
    box-shadow: 2px 2px 0 0 rgb(0 0 0 / 15%);
}
.tour-depart-list > li:nth-child(3n){
    margin-right: 0
}
.tour-depart-list > li:last-child {
    background-color: #63b1a8;
}
.tour-depart-list > li > a{
    color: #FFF;
}
.tour-depart-list > li.nav_on{
    padding: calc(26vw / (750 / 100));
    background-color: #e24040;
}
.tour-depart-list>li:hover {
    background-color: #e24040;
}
.tour-depart-list>li>a:hover{
    opacity: 1
}

.sub-head__tour{  
    text-align: center;
    font-size: calc(34vw / (750 / 100));
    font-weight: bold;
    margin: calc(10vw / (750 / 100)) auto 5vw;
    color: #9a6e20;
}

/*-------------------------------------------------------------------
 HIS主催ツアー
---------------------------------------------------------------------*/
#histourContent {
    width: 100%;
    background-color: #f4ecf9;
    padding: 7vw 0;
}
#histourContent a {
    text-decoration: none;
}
#histourContent h2 {
    width: 80vw;
    margin: 0 auto 5vw;
}
#histourContent h2 img {
    width: 100%;
}
/*-------------------------------------------------------------------
 おすすめステイプラン(関東のpc_tour_basic.cssがベース)
---------------------------------------------------------------------*/
#stayContent {
    width: 100%;
    background-color: #eef8f7;
    padding: 7vw 0;
}
#stayContent a {
    text-decoration: none;
}
#stayContent h2 {
    width: 80vw;
    margin: 0 auto 5vw;
}
#stayContent h2 img {
    width: 100%;
}

/* ------------------------------------------
おすすめホテル
------------------------------------------ */
#hotelWrap {
	width: 100%;
    background-color: #ffefef;
	/*background-image: url(../img/hotel-bg-top.png),url(../img/hotel-bg-dot.png);
	background-repeat: no-repeat,repeat;
	background-position: center top,left top;*/
    padding: 7vw 0;
}
#hotelWrap  h2 {
    width: 80vw;
    margin: 0 auto 5vw;
}
#hotelWrap  h2 img {
    width: 100%;
}

/*マップ*/
#hotelWrap #map {
}
#hotelWrap #map img {
	width: 100%;
	margin-bottom: 3vw;
}
#hotelWrap #map .zoom-btn {
	text-align: center;
	width: 60vw;
    margin: 0 auto 3vw;
	font-size: 3.6vw;
	line-height: 2.4em;
	font-weight: bold;
}
#hotelWrap #map .zoom-btn a {
	display: block;
    text-decoration: none;
	background-color: #fff;
	color: #0ec1a5;
	border: solid 2px #0ec1a5;
} 
#hotelWrap #map .zoom-btn a:before {
	font-weight: normal;
	font-family: FontAwesome;
	content: "\f002";
	color: #0ec1a5;
	padding: 0 1vw;
}

/*タブ*/
#hotelWrap #tab-menu {
	width: 100%;
	margin: 0 auto 3vw;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
#hotelWrap #tab-menu li {
	width: 33%;
	text-align: center;
	font-size: 3.6vw;
	line-height: 1.3em;
	color: #fff;
	font-weight: bold;
	border-radius: 2vw;
	padding: 2vw 2vw 4vw;
	position: relative;
	border: solid 2px #eff9f8;
	margin-bottom: 1vw;
}
#hotelWrap #tab-menu li.disney {background-color: #f389ad;}
#hotelWrap #tab-menu li.official {background-color: #51b1e3;}
#hotelWrap #tab-menu li.partner {background-color: #f7ad37;}
#hotelWrap #tab-menu li.shinurayasu {background-color: #6db766;}
#hotelWrap #tab-menu li.kasai {background-color: #a48749;}
#hotelWrap #tab-menu li.maihama {background-color: #f96868;}

#hotelWrap #tab-menu li.select{
	border: solid 2px #555;
}
#hotelWrap #tab-menu li:after {
    font-family: FontAwesome;
	content: "\f0d7";
	font-weight: normal;
	position: absolute;
    right: 0;
    left: 0;
	bottom: 0;
}
#hotelWrap .disnon {
	display: none;
}

/*タブコンテンツ上部*/
#hotelWrap .tab-content {
	width: 100%;
	background-color: #fff;
}
#hotelWrap #disney.tab-content {border-top: solid 5px #f389ad; }
#hotelWrap #official.tab-content {border-top: solid 5px #51b1e3; }
#hotelWrap #partner.tab-content {border-top: solid 5px #f7ad37; }
#hotelWrap #shinurayasu.tab-content {border-top: solid 5px #6db766; }
#hotelWrap #kasai.tab-content {border-top: solid 5px #a48749; }
#hotelWrap #maihama.tab-content {border-top: solid 5px #f96868; }

#hotelWrap .tab-info {
	padding: 3vw;
} 
#hotelWrap #disney .tab-info {background-color: #ffe9f0;}
#hotelWrap #official .tab-info {background-color: #eaf7fe;}
#hotelWrap #partner .tab-info {background-color: #fef2de;}
#hotelWrap #shinurayasu .tab-info {background-color: #e1fdde;}
#hotelWrap #kasai .tab-info {background-color: #f9f4e8;}
#hotelWrap #maihama .tab-info {background-color: #ffeded;}

#hotelWrap .catch {
	font-size: 3.8vw;
	line-height: 1.4em;
	font-weight: bold;
    margin-bottom: 3vw;
}
#hotelWrap #disney .catch {color: #f389ad;}
#hotelWrap #official .catch {color: #51b1e3;}
#hotelWrap #partner .catch {color: #f7ad37;}
#hotelWrap #shinurayasu .catch {color: #6db766;}
#hotelWrap #kasai .catch {color: #a48749;}
#hotelWrap #maihama .catch {color: #f96868;}

#hotelWrap .tokuten-title {
    font-size: 3.8vw;
    line-height: 1.3em;
    font-weight: bold;
    text-align: center;
    color: #8b7151;
    margin-bottom: 1vw;
    background: url("../img/tokuten-title-bg-sp.png") no-repeat center center;
    background-size: 100%;
}
#hotelWrap .tokuten {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#hotelWrap .tokuten li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1.5vw;
    border: solid 1px #8b7151;
    padding: 1vw;
    background-color: #fff;
    display: flex;
    align-items: center;
}
#hotelWrap .tokuten li:nth-child(even) {
    margin-right: 0;
}
#hotelWrap .tokuten li img {
    width: 8vw;
    margin-right: 1vw;
}
#hotelWrap .tokuten li dl {
    width: 100%;    
}
#hotelWrap .tokuten li dl dt {
    color: #8b7151;
    font-size: 3.2vw;
    line-height: 1.3em;
    font-weight: bold;
}
#hotelWrap .tokuten li dl dd {
    font-size: 2.8vw;
    line-height: 1.3em;
}

#hotelWrap .tokuten li dl dd span {
    font-size: 2.6vw;
    color: #d12b05;
    padding-left: 1vw;
}
#hotelWrap .tokuten-note {
    margin: 1vw 0 0;
    font-size: 2.8vw;
    line-height: 1.4em;
}

/*各ホテル*/
#hotelWrap .hotel-box {
	width: 100%;
	padding: 5vw 3vw 3vw;
}
#hotelWrap .hotel-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 4vw;
    background: url("../img/hotel-line.png") no-repeat center center;
    background-size: contain;
    margin-top: 7vw;
}
#hotelWrap .tab-content .hotel-box:last-child:after {
    content: none;
}

#hotelWrap h3 {
	font-size: 5.0vw;
	line-height: 1.4em;
	font-weight: bold;
	padding-left: 2vw;
	margin-bottom: 3vw;
}
#hotelWrap #disney h3 {border-left: solid 4px #f389ad; }
#hotelWrap #official h3 {border-left: solid 4px #51b1e3; }
#hotelWrap #partner h3 {border-left: solid 4px #f7ad37; }
#hotelWrap #shinurayasu h3 {border-left: solid 4px #6db766; }
#hotelWrap #kasai h3 {border-left: solid 4px #a48749; }
#hotelWrap #maihama h3 {border-left: solid 4px #f96868; }

#hotelWrap .hotel-box .notice{
	margin: -2vw 0 2vw 0px;
}

/*ギャラリー*/
#hotelWrap .gallery {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 3vw;
}
#hotelWrap .gallery .main-ph {
	display: none;
}
#hotelWrap .gallery ul {
    display: flex;
}
#hotelWrap .gallery ul li {
	width: 60vw;
	margin-right: 2vw;
	position: relative;
}
#hotelWrap .gallery li img {
	width: 60vw;
}
#hotelWrap .gallery li span {
	position: absolute;
	right: 1px;
	bottom: 3px;
	color: #fff;
	font-size: 2.8vw;
	line-height: 1.0em;
	text-align: right;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}


/*ホテル右側*/
#hotelWrap .info-box {
	width: 100%;
}
#hotelWrap .info-box .text {
    font-size: 3.8vw;
    line-height: 1.5em;
    text-align: justify;
    margin-bottom: 3vw;
}
#hotelWrap .info-box .point {
    min-height: 17vw;
    padding: 2vw;
    color: #725633;
    font-size: 3.5vw;
    line-height: 1.4em;
    background: #f4eadf url("../img/hotel-point.png") no-repeat left 2vw top 3vw;
    background-size: 13vw;
    padding-left: 17vw;
    margin-bottom: 3vw;
}

#hotelWrap .info-box .access {
    font-size: 3.2vw;
    line-height: 1.4em;
    margin-bottom: 3vw;
}
#hotelWrap .info-box .access dt {
    font-weight: bold;
    color: #725633;
	border-bottom: solid 2px #725633;
	margin-bottom: 1vw;
}
#hotelWrap .info-box .access dt:before {
	font-family: FontAwesome;
	content: "\f041";
	margin-right: 1vw;
}
#hotelWrap .info-box .access dd {
    margin-bottom: 2vw;
}
#hotelWrap .info-box .gmap-btn {
    width: 60vw;
    margin: 0 auto;
    font-size: 3.2vw;
    line-height: 2.6em;
    text-align: center;
}
#hotelWrap .info-box .gmap-btn a {
    display: block;
    text-decoration: inherit;
    background-color: #725633;
    color: #fff;
    border-radius: 1.3em;
}
#hotelWrap .info-box .gmap-btn a:after {
	font-family: FontAwesome;
	content: "\f0da";
    margin-left: 2vw;
}

/*ディズニーホテル用レイアウト*/
#hotelWrap #disney .gallery .main-ph {
	display: block;
	width: 100%;
    height: 30vw;
    margin: 0 auto;
    position: relative;
}
#hotelWrap #disney .gallery .main-ph img {
	width: 100%;
    height: 30vw;
    object-fit: cover;
    object-position: center;
}
#hotelWrap #disney .gallery .main-ph span {
	position: absolute;
	right: 1px;
	bottom: 3px;
	color: #fff;
	font-size: 2.8vw;
	line-height: 1.0em;
	text-align: right;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}


/* ------------------------------------------
検索ボックス
------------------------------------------ */
#searchArea .inner{
	width: 100%!important;
}
/* ------------------------------------------
問い合わせ
------------------------------------------ */
#inquiry {
    width: 100%;
    background-color: #fff;
    padding: 1vw 0;
}
.inq00{
  display: none
}
/*------------------------------------------------
        スマホ横向き時の余白調整
--------------------------------------------------*/
.breadcrumb {
    width: 100%;
}