@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.6em;
	background-image: url(../img/main-curtain-left.png),url(../img/main-curtain-right.png),url(../img/main-bg.png),url("../img/body-bg.png");
	background-repeat: no-repeat,no-repeat,no-repeat,repeat-y;
	background-position: left top, right top, center top,center top;
}
.contents .inner {
  width: 992px;
  margin: auto
}

/*------------------------------------------
メインビジュアル
------------------------------------------ */
#mainVisual {
	width: 100%;
    height: 300px;
}
#mainVisual p.title {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 44px;
    color: #142057;
    padding-top: 160px;
    text-align: center;
    line-height: 1.2em;
}
#mainVisual p sup {
    font-size: 0.4em;
    vertical-align: revert;
}

/*------------------------------------------------------
 おすすめツアー(関東のpc_tour_basic.cssがベース)
------------------------------------------------------*/
#tourContent {
    width: 100%;
    padding: 0 0 60px;    
}
#tourContent a {
    text-decoration: none;
}
#tourContent h2 {
    text-align: center;
    margin-bottom: 30px;
}
.tour-depart-list{
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tour-depart-list > li{
    width: 120px;
    margin: 0 7px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    background-color:#fa8e8e;
    box-shadow: 2px 2px 0 0 rgb(0 0 0 / 15%);
}
.tour-depart-list > li:last-child {
    background-color: #63b1a8;
}
.tour-depart-list > li > a{
    color: #fff;
}
.tour-depart-list > li.nav_on{
    line-height: 70px;
    background-color: #e24040;
}
.tour-depart-list > li:hover {
    background-color: #e24040;
    cursor: pointer;
}
.tour-depart-list > li > a:hover{
    opacity: 1
}

.sub-head__tour{  
    text-align: center;
    font-size: 27px;
    line-height: 1.5em;
    font-weight: bold;
    margin: 20px auto 30px;
    color: #9a6e20;
    background: url("../img/sub-head__tour-bg.png") no-repeat center center;
}

/*-------------------------------------------------------------
 HIS主催
-------------------------------------------------------------*/
#histourContent {
    width: 100%;
    background: url("../img/histour-bg.png") repeat-y top center;
    padding: 60px 0;
}
#histourContent a {
    text-decoration: none;
}
#histourContent h2 {
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------------------------------------
 おすすめステイプラン(関東のpc_tour_basic.cssがベース)
-------------------------------------------------------------*/
#stayContent {
    width: 100%;
    background: url("../img/stayplan-bg.png") repeat-y top center;
    padding: 60px 0;
}
#stayContent a {
    text-decoration: none;
}
#stayContent h2 {
    text-align: center;
    margin-bottom: 30px;
}


/* ------------------------------------------
おすすめホテル
------------------------------------------ */

#hotelWrap {
	width: 100%;
	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: 60px 0;
}
#hotelWrap h2 {
    text-align: center;
    margin-bottom: 30px;
}

/*マップ*/
#hotelWrap #map {
	width: 992px;
	height: 730px;
	background: url(../img/hotel-map-pc.png) no-repeat;
	margin-bottom: 30px;
}
#hotelWrap #map ul {
	position: relative;
}
#hotelWrap #map ul li {
	font-size: 14px;
	position: absolute;
}
#hotelWrap #map ul li.disney-1 {top: 96px; left: 190px;}
#hotelWrap #map ul li.disney-2 {top: 480px; left: 165px;}
#hotelWrap #map ul li.disney-3 {top: 528px; left: 290px;}
#hotelWrap #map ul li.disney-4 {top: 607px; left: 370px;}
#hotelWrap #map ul li.official-1 {top: 317px; left: 160px;}
#hotelWrap #map ul li.official-2 {top: 272px; left: 210px;}
#hotelWrap #map ul li.official-3 {top: 361px; left: 27px;}
#hotelWrap #map ul li.official-4 {top: 139px; left: 115px;}
#hotelWrap #map ul li.official-5 {top: 184px; left: 225px;}
#hotelWrap #map ul li.official-6 {top: 228px; left: 136px;}
#hotelWrap #map ul li.partner-1 {top: 496px; left: 588px;}
#hotelWrap #map ul li.partner-2 {top: 232px; left: 784px;}
#hotelWrap #map ul li.partner-3 {top: 454px; left: 675px;}
#hotelWrap #map ul li.partner-4 {top: 334px; left: 663px;}
#hotelWrap #map ul li.shinurayasu-1 {top: 650px; left: 510px;}
#hotelWrap #map ul li.shinurayasu-2 {top: 642px; right: 30px;}
#hotelWrap #map ul li.shinurayasu-3 {top: 567px; left: 540px;}
#hotelWrap #map ul li.shinurayasu-4 {top: 682px; right: 5px;}
#hotelWrap #map ul li.kasai-1 {top: 103px; left: 616px;}
#hotelWrap #map ul li.kasai-2 {top: 160px; left: 788px;}
#hotelWrap #map ul li.kasai-3 {top: 6px; right: 13px;}
#hotelWrap #map ul li.maihama-1 {top: 230px; left: 600px;}

#hotelWrap #map ul li {
	display: inline-block;
	cursor: pointer;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	border: solid 1px #fff;
}
#hotelWrap #map ul li:hover {
	transition:all 0.5s ease;
	border: solid 1px #333;
}
#hotelWrap #map ul li[class^="disney-"] {background-color: #f389ad;}
#hotelWrap #map ul li[class^="official-"] {background-color: #51b1e3;}
#hotelWrap #map ul li[class^="partner-"] {background-color: #f7ad37;}
#hotelWrap #map ul li[class^="shinurayasu-"] {background-color: #6db766;}
#hotelWrap #map ul li[class^="kasai-"] {background-color: #a48749;}
#hotelWrap #map ul li[class^="maihama-"] {background-color: #f96868;}


/*タブ*/
#hotelWrap #tab-menu {
	width: 100%;
	height: 68px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#hotelWrap #tab-menu li {
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 1.3em;
	color: #fff;
	font-weight: bold;
	margin-right: 3px;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	padding-top: 15px;
	background-position: top center;
}
#hotelWrap #tab-menu li:last-child {
	margin-right: 0;
}
#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{
	background-image: url(../img/tab-select.png) ;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: -10px;
	padding-top: 25px;
}
#hotelWrap #tab-menu li:hover {
	cursor: pointer;
	background-image: url(../img/tab-select.png) ;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: -10px;
	padding-top: 25px;
	transition:all 0.5s ease;
}
#hotelWrap #tab-menu li.select:hover {
}
#hotelWrap .disnon {
	display: none;
}

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

#hotelWrap .tab-info {
	padding: 25px;
} 
#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 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
    margin-bottom: 20px;
}
#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: 17px;
    font-weight: bold;
    text-align: center;
    color: #8b7151;
    margin-bottom: 10px;
    background: url("../img/tokuten-title-bg.png") no-repeat center center;
}
#hotelWrap .tokuten {
    width: 930px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
#hotelWrap .tokuten li {
    width: 25%;
    margin: 0 3px;
    border: solid 1px #8b7151;
    padding: 7px 2px;
    background-color: #fff;
    display: flex;
    align-items: center;
}
#hotelWrap .tokuten li img {
    width: 40px;
    margin-right: 5px;
}
#hotelWrap .tokuten li dl {
    width: 100%;    
}
#hotelWrap .tokuten li dl dt {
    color: #8b7151;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
}
#hotelWrap .tokuten li dl dd {
    font-size: 13px;
    line-height: 1.3em;
}
#hotelWrap .tokuten li dl dd span {
    font-size: 11px;
    color: #d12b05;
    padding-left: 2px;
}
#hotelWrap .tokuten-note {
    margin: 10px 0 0 10px;
    font-size: 11px;
    line-height: 1.5em;
}

/*各ホテル*/
#hotelWrap .hotel-box {
	width: 100%;
	padding: 40px 30px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#hotelWrap .hotel-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 24px;
    background: url("../img/hotel-line.png") no-repeat center center;
    margin-top: 50px;
}
#hotelWrap .tab-content .hotel-box:last-child:after {
    content: none;
}

#hotelWrap h3 {
    width: 100%;
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 20px;
}
#hotelWrap #disney h3 {border-left: solid 6px #f389ad; }
#hotelWrap #official h3 {border-left: solid 6px #51b1e3; }
#hotelWrap #partner h3 {border-left: solid 6px #f7ad37; }
#hotelWrap #shinurayasu h3 {border-left: solid 6px #6db766; }
#hotelWrap #kasai h3 {border-left: solid 6px #a48749; }
#hotelWrap #maihama h3 {border-left: solid 6px #f96868; }

#hotelWrap .hotel-box .notice{
    width: 100%;
	margin: -20px 0 10px 10px;
}

/*ギャラリー*/
#hotelWrap .gallery {
	width: 400px;
}
#hotelWrap .gallery .main-ph {
	width: 400px;
	height: 290px;
	margin-bottom: 10px;
	position: relative;
}
#hotelWrap .gallery .main-ph img {
	width: 400px;
	height: 290px;
	object-fit: cover;
}
#hotelWrap .gallery .main-ph span {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
	font-size: 13px;
	line-height: 1.0em;
	text-align: right;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}
#hotelWrap .gallery ul {
	width: 400px;
	display: flex;
	flex-wrap: wrap;
}
#hotelWrap .gallery li {
	width: 93px;
	height: 70px;
	margin-bottom: 10px;
	margin-right: 9px;
	cursor:pointer;
}
#hotelWrap .gallery li:nth-child(4n) {
	margin-right: 0;
}
#hotelWrap .gallery li img {
	width: 100%;
}
#hotelWrap .gallery li span {
	display: none;
}
#hotelWrap .gallery li .active {
	border: solid 3px #333;
}

/*ホテル右側*/
#hotelWrap .info-box {
	width: 480px;
}
#hotelWrap .info-box .text {
    font-size: 16px;
    line-height: 1.5em;
    text-align: justify;
    margin-bottom: 20px;
}
#hotelWrap .info-box .point {
    min-height: 100px;
    padding: 10px 15px;
    color: #725633;
    font-size: 15px;
    line-height: 1.5em;
    background: #f4eadf url("../img/hotel-point.png") no-repeat left 15px top 10px;
    background-size: 80px;
    padding-left: 110px;
    margin-bottom: 20px;
}
#hotelWrap .info-box .access {
    font-size: 13px;
    line-height: 1.4em;
}
#hotelWrap .info-box .access dt {
    font-weight: bold;
    color: #725633;
	border-bottom: solid 2px #725633;
	margin-bottom: 5px;
}
#hotelWrap .info-box .access dt:before {
	font-family: FontAwesome;
	content: "\f041";
	margin-right: 3px;
}
#hotelWrap .info-box .access dd {
    margin-bottom: 10px;
}
#hotelWrap .info-box .gmap-btn {
    width: 170px;
    font-size: 12px;
    line-height: 1.8em;
    text-align: center;
}
#hotelWrap .info-box .gmap-btn a {
    display: block;
    text-decoration: inherit;
    background-color: #725633;
    color: #fff;
    border-radius: 0.9em;
}
#hotelWrap .info-box .gmap-btn a:hover {
    opacity: 0.8;
    transition: all 0.6s ease;
}
#hotelWrap .info-box .gmap-btn a:after {
	font-family: FontAwesome;
	content: "\f0da";
    margin-left: 5px;
}

/*ディズニーホテル用レイアウト*/
#hotelWrap #disney .gallery {
	width: 200px;
}
#hotelWrap #disney .gallery .main-ph {
	width: 200px;
	height: 145px;
}
#hotelWrap #disney .gallery .main-ph img {
	width: 200px;
	height: 145px;
}
#hotelWrap #disney .info-box {
	width: 680px;
}

/* ------------------------------------------
問い合わせ
------------------------------------------ */
#inquiry {
    width: 100%;
    background-color: #fff;
    padding: 5px 0;
}
.inq00{
  display: none
}