@charset "utf-8";

/*PCSP共通設定*/
/*section:nth-of-type(odd){background-color:#f0f0f0;}*/
section:nth-of-type(even){background-color:#fff;}

#headerPlusLogo {
	display: none;
}
#title{
  margin: 0 auto;
  padding: 1.56em 0 1.87em 0;
  width: min(98%, 970px);
  display: flex;
  align-items: center;
  justify-content: center;
}

#title .maintitle{
  margin: 0;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(2.1rem, 1.281rem + 3.5vw, 3.4rem);
  font-weight: 600;
  letter-spacing: -0.07em;
  line-height: 1.1;
  color: #0052a1;
  width: 81%;
}
#title #tdr_logo{
  width:17%;
  margin-right: 2%;
}
 #title #tdr_logo img {
 	width: 100%;
}
#title .jalan_logo{
  width:12%;
  margin-left: 2%;
}
#title .maintitle .reg{
  font-size: 0.9em;
}
#title .maintitle .sizeS{
  font-size: 0.6em;
  padding-right: 0.05em;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 759.9px) {  /* SP */
	#headerPlusLogo {
		display: block;
		position: relative;
		z-index: 9999;
	}
	#headerPlusLogo .jalan_logo {
		position: absolute;
		top: -49px;
		right: 5px;
		width: 18vw;
	}
  #title{
    display: flex;
    flex-direction: column;
  }
	#title .maintitle{
	  width: 96%;
	  text-align: right;
	}
  #title #tdr_logo{
    margin-right: 0;
    margin-bottom: 5px;
	width: 100%;
	text-align: center;
  }
 #title img.jalan_logo{
 	display: none;
 /* width:20%;
  margin-left: 10px;*/
}
 #title #tdr_logo img {
 	width: 40%;
}

}
@media screen and (min-width:760px) and ( max-width:970px) {  /* Tablet */
#title .maintitle{
  font-size: 2.8rem;
}
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
/*--------------------------------------------
■header
--------------------------------------------*/
#smp_header {height: 54px!important;position:relative;}
#smp_header #headTop {height: auto!important;padding: 8px 5px!important;}
#smp_header #logo,#smp_header #headRMain{display: none!important;}
#smp_header #headTop:before {
	content: "";
	width: 120px;
	height: 27px;
	display: block;
	background: url(https://www.nta.co.jp/shared2021/common/images/smp/head_logo.png) no-repeat;
	background-size: 100%;
}
    
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}

h1 {
	font-size: 108%;
	font-weight: bold;
	margin: 5px 0;
}
/*
h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px dotted #111;
	margin: 0 auto 3%;
	padding-bottom: 5px;
	width: 94%;
	clear: both;
}
*/
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
}

/*title*/
img#mainphoto {
	width: 100%;
	margin-bottom: 5%;
}
.smpnone{
	display:none;
}
  
    
/*---------------ヘッダ header------------------*/
#header{
	overflow: hidden;
	padding: 0 0 2%;
	border-top: 5px #1919A9 solid;
	border-bottom: 1px #CCC solid;
}

* html #header{ height: 1%;}

#header .logo img{
	float: left;
	width: 40%;
	height: auto;
}

/*anker*/
.ankerN{
background: url(../images/bg_anker.png) repeat;
background-size:cover;
text-align: center;
margin-bottom: 50px;
padding: 10px 0 0 0;
}
.ankerN li{
display: inline-block;
width: 49%;
	margin: -5px 0 0 -2px;
}
.ankerN li img{
width: 100%;
height: auto;
}
.ankerN li img:hover {
	transition: 0.6s ;
	opacity: 0.8 ;
	position: relative;
	top: 1px;
	left: 1px;
}
    
/*インフォメーション*/
dl.info {
    width:100%;
    border-left:1px solid #5b8fee;
    border-right:1px solid #5b8fee;
    border-bottom:1px solid #5b8fee;
    box-sizing: border-box;
    background:#fff;
    text-align: center;
    margin-bottom: 30px;
    }
dl.info dt {
    padding: 0;
    }
dl.info dd {
    padding-top:0px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:20px;
    }
dl.info dd:first-of-type {
    padding-bottom:0;
    padding-top:0px;
    }
.btn_info a{
    margin:0 auto!important;
    color: red;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin: 0px auto;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.btn_info a:hover {
    text-decoration: none!important;
    color: #f32b4c;
    opacity: 0.8;
}
dl.info img {
        width:100%;
    }
p.event img {
        width:100%;
    }
    
/*ホテル*/
/*commonBox*/
.commonBox{padding: 30px 0 30px 0;}
.commonBox h2{
font-size: 22px;
text-align: center;
font-family: "Sawarabi Mincho";
letter-spacing: -0.08em;
font-weight:bold !important;
margin: 0 0 10px 0;
padding: 0 0 0 0px;
line-height: 24px;
text-align: center;
padding-bottom: 30px;
position: relative;
}
.commonBox h2 img{
    vertical-align: middle;
    margin: 0 auto 10px;
    width: 35px;
    /* left: 6%; */
    /* position: absolute; */
    /* top: 0%; */
    display: block;
}

.commonBox h2 strong{
	font-weight: bold !important;
}

.catheHotel{
text-align: center;
margin: 0 10px 10px;
font-size: 12px;
line-height: 14px;
letter-spacing: -0.08em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.inBoxP{
margin: 30px 10px 0;
padding: 10px 10px 1px;
}
#hotel01 h2{
background: url(../images/im_bottom01.png) no-repeat 50% 100%;
background-size: 160px auto;
color: #f23e71;
}
#hotel01{background: #ffdee4}
#hotel02{background: #ffdee4}
#jr h2,.green h2{
background: url(../images/im_bottom02.png) no-repeat 52% 100%;
background-size: 160px auto;
color: #0d846c;
}
.green h2 strong{
	top: 0;
	position: relative;
	line-height: 24px;
	font-size: 20px;
	font-weight: bold !important;
}
.pink{
	margin: 0;
	padding: 30px 0 0
}
#jr{background:#EAFFFD;}
.green{background:#EAFFFD;}
#event h2{
background: url(../images/im_bottom03.png) no-repeat 52% 100%;
background-size: 160px auto;
color: #d39a00;
}
#event{background:#FFFAE4}
#naviHotel{
text-align: center;
margin: 0 10px 0;
display: table;
}
#naviHotel li{
	display:table-cell;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#naviHotel li.selectS{
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.hotelTit{
position: relative;
letter-spacing: -0.08em;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding: 0 10px 6px;
color: #FFFFFF;
margin: 0 -15px 10px;
font-weight: bold!important;
position: relative;
line-height: 20px;
}
.padding-left0 {
    padding-top:15px;
    padding-left:0px;
    padding-bottom: 15px;
    }
.hotelTit:before{
position: absolute;
content: "";
height: 1px;
width: 100%;
display: block;
left: 0;
top: 5px;
/*background: rgba(255,255,255,0.2);*/
}
.hotelTit:after{
position: absolute;
content: "";
height: 1px;
width: 100%;
display: block;
left: 0;
bottom: 5px;
/*background: rgba(255,255,255,0.2);*/
}
.hotelTit img{
width: 100%;
height: auto;
margin-top: -30px;
z-index: 9999
}
.hotelTit h3{
font-size: 20px;
padding: 0 0 0 0;
display: block;
}
.inBoxP p{
font-size: 14px;
margin-bottom: 10px;
margin-top: 8px;
line-height: 14px;
}

/*01*/
#hotelB1 .hotelTit,#hotelB1_2 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#0c3dba+0,2989d8+50,0c3dba+100 */
background: #0c3dba; /* Old browsers */
background: -moz-linear-gradient(left, #0c3dba 0%, #2989d8 50%, #0c3dba 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0c3dba 0%,#2989d8 50%,#0c3dba 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0c3dba 0%,#2989d8 50%,#0c3dba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3dba', endColorstr='#0c3dba',GradientType=1 ); /* IE6-9 */
}
#hotelB1 .hotelTit img,
#hotelB1_2 .hotelTit img,
#hotelB2 .hotelTit img,
#hotelB3 .hotelTit img,
#hotelB6 .hotelTit img{max-width: 85px;}
#hotelB1.inBoxP,
#hotelB1_2.inBoxP{background: #BAD5FF;}
#hotelB2 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#760b6b+0,9f119a+50,760b6b+100 */
background: #760b6b; /* Old browsers */
background: -moz-linear-gradient(left, #760b6b 0%, #9f119a 50%, #760b6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #760b6b 0%,#9f119a 50%,#760b6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #760b6b 0%,#9f119a 50%,#760b6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#760b6b', endColorstr='#760b6b',GradientType=1 ); /* IE6-9 */
}
#hotelB2.inBoxP{background:#F0B3EF;}
#hotelB3 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#005a65+0,008589+50,005a65+100 */
background: #005a65; /* Old browsers */
background: -moz-linear-gradient(left, #005a65 0%, #008589 50%, #005a65 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #005a65 0%,#008589 50%,#005a65 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #005a65 0%,#008589 50%,#005a65 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a65', endColorstr='#005a65',GradientType=1 ); /* IE6-9 */
}
#hotelB3.inBoxP{background:#87E1E9;}
#hotelB4 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#d02769+0,df419b+50,d02769+100 */
background: #d02769; /* Old browsers */
background: -moz-linear-gradient(left, #d02769 0%, #df419b 50%, #d02769 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d02769 0%,#df419b 50%,#d02769 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d02769 0%,#df419b 50%,#d02769 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d02769', endColorstr='#d02769',GradientType=1 ); /* IE6-9 */
padding: 17px 0 8px;
}
#hotelB4.inBoxP{
background: url(../images/bg_hotel_p04.png) repeat-y 50% 0;
}
#hotelB6 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#662900+0,8a3700+50,662900+100 */
background: #662900; /* Old browsers */
background: -moz-linear-gradient(left, #662900 0%, #8a3700 50%, #662900 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #662900 0%,#8a3700 50%,#662900 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #662900 0%,#8a3700 50%,#662900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#662900', endColorstr='#662900',GradientType=1 ); /* IE6-9 */
}
#hotelB6.inBoxP{background:#e8ae87;}
#jrBox{
background: url(../images/bg_hotel_p05.png) repeat-y 50% 0;
padding-top: 10px!important;
margin-top: 0!important
}
.boxB{
background-size: 100% auto;
margin: 0 0 10px 0;
position: relative;
}
.boxB dt{
background: url(../images/bg_h_plan01_1.png) no-repeat 50% 0%;
background-size: 100% auto;
padding: 25px 0 0 0;
color: #01255f;
letter-spacing: -0.08em;
text-align: center;
font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.boxB dt img{display: inline-block;}
.boxB dt span{
display: block;
font-size: 14px;
margin-top: -10px;
}
.boxB dt strong{
display: block;
font-size: 16px;
background: #FFFFFF;
}
.boxB dd{
	padding: 10px 10px 5px;
	background: url(../images/bg_h_plan01_2.png) no-repeat 50% 100%;
	background-size: 100% auto;
}
.boxB ul.photoHotel{
overflow: hidden;
margin-bottom: 5px;
}
.boxB ul.photoHotel li:nth-child(1){
display: block;
float: left;
width: 68%;
margin: 0 2% 0 0
}
.boxB ul.photoHotel li:nth-child(2),
.boxB ul.photoHotel li:nth-child(3){
margin-bottom: 5px;
width: 30%;
overflow: hidden;
}
.boxB dd p{
text-align: center;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
}

/*boxs*/
.boxBs{
background-size: 100% auto;
margin: 0 0 10px 0;
position: relative;
}
.boxBs dt{
letter-spacing: -0.08em;
text-align: center;
font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding: 25px 0 10px 0;
margin: 0
}
#hotelB2 .boxBs dt{
background: url(../images/bg_h_plan02_1.png) no-repeat 50% 0%;
background-size: 100% auto;
color: #951090;
}
#hotelB3 .boxBs dt{
background: url(../images/bg_h_plan03_1.png) no-repeat 50% 0%;
background-size: 100% auto;
color: #00656F;
}
#hotelB6 .boxBs dt{
background: url(../images/bg_h_plan06_1.png) no-repeat 50% 0%;
background-size: 100% auto;
color: #702d00;
}
.boxBs dt.line1{
line-height: 45px;
}
.boxBs dt.line2 strong{
line-height: 19px;
padding: 5px;
}
.boxBs dt.line3 strong{
line-height: 19px;
padding: 5px;
}
.boxBs dt span{
display: block;
font-size: 16px;
}
.boxBs dt strong{
display: block;
font-size: 20px;
}
.boxBs dd{
	padding: 0 14px 4px;
	background: url(../images/bg_h_plan02_2.png) no-repeat 50% 100%;
	background-size: 100% auto;
	margin: 0
}
.boxBs ul.photoHotel{
overflow: hidden;
margin-bottom: 0;
}
.boxBs ul.photoHotel li{text-align: center;}
.boxBs dd p{
text-align: left;
font-size: 16px;
line-height: 1.4;
margin-bottom: 15px;
}
    .boxBs dd p.access{
        font-size: 14px;
        line-height: 1.4;
    }

/*btnHotelBox*/
.btnHotelBox{
	overflow: hidden;
	letter-spacing: -1em;
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.btnHotelBox li{
	/*display:inline-block;*/
	letter-spacing: 0em;
}
.btnHotelBox img{
width: 100%;
height: auto
}
.btnHotelBox li:nth-child(1){
width: 98%;
height: auto;
margin: 0 1% 10px;
}
.btnHotelBoxs li:nth-child(1){
width: 48%!important;
height: auto;
margin: 0 1% 5px;
}

.btnHotelBox li{
width: 48%;
height: auto;
margin: 0 1% 5px;
}

/*
.btnHotelBox li:nth-child(n+2){
width: 48%;
height: auto;
margin: 0 1% 5px;
}
*/

.bigBtn{
text-align: center;
margin-bottom: 30px;
	width: 80%;
	margin: 0 auto 30px
}
.bigBtn img{
	width: 100%;
	height: auto;
}
.commonNoneP{
padding: 0 0 15px 0!important;
margin: 0 0 10px 0;
position: relative;
}
.commonNoneP dt{
font-size: 16px;
font-weight: normal;
line-height: 18px;
margin: 0;
}
.commonNoneP dt img{
height: 20px;
width: auto;
margin: 0 10px 0 0
}
.commonNoneP dt strong{
display: block;
margin-top: 10px;
padding-bottom: 10px;
}
.data{
overflow: hidden;
display: inline-block;
padding: 0;
margin-bottom: 15px;
}
.data strong{
overflow: hidden;
display: inline-block;
padding: 3px;
width: 71px;
margin: 0 15px 0 0;
vertical-align: middle;
text-align: center
}
.catcheP span{
display: block;
margin-bottom: 10px;
}
.commonNoneP p{
text-align:right;
margin: 0 -10px;
}
.commonNoneP p img{
display: inline-block;
height: auto;
width: 50%;
}

/*yadoPlanBox*/
.yadoPlanBox{
background: url(../images/bg_h_plan04_2.png) no-repeat 100% 100%;
background-size: 100% auto;
padding:0 0;
}
.yadoPlanBox:after{
content: "";
width: 31px;
height: 31px;
background: url(../images/im_ribbon01_1.png) no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
top: -1px;
left: -1px;
}
.yadoPlanBox:before{
content: "";
width: 31px;
height: 31px;
background: url(../images/im_ribbon01_2.png) no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
bottom: -1px;
right: -1px;
}
.yadoPlanBox dt{
color: #ce2663;
background: url(../images/bg_h_plan04_1.png) no-repeat 0 0;
background-size: 100% auto;
padding: 15px 30px 15px;
}
.yadoPlanBox dt strong{border-bottom: 1px solid #f8e6f2}
.yadoPlanBox dd{
padding: 0 30px;
font-size: 14px;
}
.yadoPlanBox dd strong{background: #ffdeec}

/*jrPlanBox*/
.jrPlanBox{
background: url(../images/bg_h_plan05_2.png) no-repeat 100% 100%;
background-size: 100% auto;
padding:0 0;
}
.jrPlanBox:after{
content: "";
width: 31px;
height: 31px;
background: url(../images/im_ribbon02_1.png) no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
top: -1px;
left: -1px;
}
.jrPlanBox:before{
content: "";
width: 31px;
height: 31px;
background: url(../images/im_ribbon02_2.png) no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
bottom: -1px;
right: -1px;
}
.jrPlanBox dt{
color: #0b775f;
background: url(../images/bg_h_plan05_1.png) no-repeat 0 0;
background-size: 100% auto;
padding: 15px 30px 15px;
}
.jrPlanBox dt strong{border-bottom: 1px solid #dff7df}
.jrPlanBox dd{
padding: 0 30px;
font-size: 14px;
}
.jrPlanBox dd strong{background: #c1fff3}

/*jrAnker*/
#jrAnker{
margin: 0 10px 0;
background: url(../sp/im_anker.png) repeat;
background-size: 100% auto;
text-align: center;
padding: 10px 0 0;
}
#jrAnker li{
font-size: 11px;
margin: 0 0 8px 0;
color: #FFFFFF;
display: inline-block;
font-weight: 900;
border-left: 1px solid rgba(255,255,255,0.2);
}
#jrAnker li span{
padding: 2px 8px;
margin: 0 5px 0px;
display: inline-block;
}
#jrAnker li.select span{
padding: 2px 8px;
margin: 0 5px 0;
background: #f5ff87;
color: #0c7c66;
cursor: default;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
#jrAnker li:first-child{border-left: none}
#jrAnker li span:hover {
	transition: 0.2s ;
	opacity: 0.6 ;
	position: relative;
	cursor: pointer
}
#event ul{
text-align: center;
padding: 0 0 0 0
}
#event li{
display: inline-block;
width: 49%;
margin-top: -10px;
}
#event li img{
width: 100%;
height: auto;
}
.bottomBnr{
text-align: center;
padding: 30px 0 0 0;
}
span.subText {
vertical-align: sub!important;
position: relative;
top: 1%;
display:inline-block!important;
line-height: 12px;
font-family: Verdana, "Droid Sans" !important;
}
.regal{
display: inline-block!important;
font-size: 10px!important;
text-align: right!important;
padding: 10px 0 0 0;
}
.blueS{
	color: #0f8b95;
	font-size: 14px;
	display: block;
	text-align: center
}
.linkLL{
    margin-top:-100px;
    padding-top:100px;
	display:block;
}
.dep{margin-top: -40px!important}
.linePrnk{
	line-height: 0px!important;
	padding: 0 0 20px 0
}

/*
.linePrnk img{
	position: relative;
	left: -120px;
}*/

/*special_plan*/
#hotelB2 #tokubetsu_plan {
    display: block;
    margin: 0 0px 20px;
	padding:12px;
	background-color: #FFF;
}
#hotelB2 #tokubetsu_plan > img{
	margin:0 auto 10px;
	width:90%;
	display:block;
	height:auto;
}
#hotelB2 #tokubetsu_plan dl{overflow:hidden;}
#hotelB2 #tokubetsu_plan dl dt{
	text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.25em;
	font-weight:normal;
	margin-bottom:3%;
	color: #951090;
}
#hotelB2 #tokubetsu_plan dl dd a {
    width: 100%;
    display: block;
}
#hotelB2 #tokubetsu_plan dl dd a img {
    margin: 0 auto;
    display: block;
	width: 74%;
}
.attentionEn{
	font-size:11px;
	display:block;
	margin:0 10px;
	display:block;
}
.rinji_kyugyo{color:#F00;padding-top:5px;display:block;text-align:center;}

.shien {
    color: #F00;
    padding: 5px;
    display: block;
    text-align: center;
    border: 2px solid #F00;
	background-color: #fff;
}
.hotellist{
	margin: 0;
	padding: 0;
}
.hotellist dl{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
}
.hotellist dl dt{
	font-weight: bold;
	font-size: 16px;
}
.hotellist dl dd{
	margin: 5px 0 0;
	padding: 0;
}
.oshirase{
	width: 95%;
	margin: 20px auto;
	padding: 20px;
	border: #0079DC solid 2px;
	border-radius: 10px;
	background-color: #FFFFFF;
}
.oshirase dl{
	margin: 0;
	padding: 0;
}
.oshirase dl dt{
	text-align: center;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.oshirase dl dd{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	line-height: 28px;
	font-size: 14px;
}

/*BTN*/
.bluebtn,.pinkbtn,.greenbtn,.orangebtn {
	width: 100%;
    display: block;
    text-align: center;
    color: #FFF!important;
    font-size: 16px;
    line-height: 2.8;
    border-radius: 5px;
}
.bluebtn{
background: #3962e5;
background: -moz-linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#6e9cf0), color-stop(25%, #6e9cf0), color-stop(75%, #3962e5), to(#3962e5));
background: -webkit-linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
background: -o-linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
background: -ms-linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
background: linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
}
.pinkbtn{
background: #f75479;
background: -moz-linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#fa8eb1), color-stop(25%, #fa8eb1), color-stop(75%, #f75479), to(#f75479));
background: -webkit-linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
background: -o-linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
background: -ms-linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
background: linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
}
.greenbtn{
background: #0b715b;
background: -moz-linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#3fac97), color-stop(25%, #3fac97), color-stop(75%, #0b715b), to(#0b715b));
background: -webkit-linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
background: -o-linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
background: -ms-linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
background: linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
}
.orangebtn{
background: #d96a00;
background: -moz-linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#e9a633), color-stop(25%, #e9a633), color-stop(75%, #d96a00), to(#d96a00));
background: -webkit-linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
background: -o-linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
background: -ms-linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
background: linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
}
.graybtn{
background: #999999;
background: -moz-linear-gradient( #cccccc 0%, #cccccc 25%, #999999 75%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), color-stop(25%, #cccccc), color-stop(75%, #999999), to(#f999999));
background: -webkit-linear-gradient( #cccccc 0%, #cccccc 25%, #999999 75%, #999999 100%);
background: -o-linear-gradient( #cccccc1 0%, #cccccc 25%, #999999 75%, #999999 100%);
background: -ms-linear-gradient( #cccccc 0%, #cccccc 25%, #999999 75%, #999999 100%);
background: linear-gradient( #cccccc 0%, #cccccc 25%, #999999 75%, #999999 100%);
width: 100%;
    display: block;
    text-align: center;
    color: #FFF!important;
    font-size: 16px;
    line-height: 2.8;
    border-radius: 5px;
}


.unei{
	margin: 20px auto;
	max-width: 320px;
	display: block;
}

.unei img{
	width: 100%;
}

.titleimg{
	margin: 20px auto;
	background-color: #ffffff;
	padding: 10px;
	
}

.titleimg img{
	max-width: 320px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

.sp_event{
	margin: 0 auto;
	max-width: 388px;
	display: block;
}

.sp_event img{
	width: 100%;
    height: auto;
}


.osiraseimg {
	margin: 20px auto;
	max-width: 320px;
}

.osiraseimg img{
	width: 100%;
}

.kojin {
	margin: 20px auto;
	max-width: 269px;
}
.kojin img{
	width: 100%;
}



.copyarea{
	text-align: right;
	font-size: 12px;
}


.btnone{
	pointer-events: none !important;
	background: #8A8A8A;
background: -moz-linear-gradient( #c0c0c0 0%, #c0c0c0 25%, #c0c0c0 75%,#c0c0c0 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), color-stop(25%, #c0c0c0), color-stop(75%, #8A8A8A), to(#8A8A8A));
background: -webkit-linear-gradient( #c0c0c0 0%, #c0c0c0 25%, #8A8A8A 75%, #8A8A8A 100%);
background: -o-linear-gradient( #c0c0c0 0%, #c0c0c0 25%, #8A8A8A 75%, #8A8A8A 100%);
background: -ms-linear-gradient( #c0c0c0 0%, #c0c0c0 25%, #8A8A8A 75%, #8A8A8A 100%);
background: linear-gradient( #c0c0c0 0%, #c0c0c0 25%,#8A8A8A 75%, #8A8A8A 100%);
}


.kojin_yakkan{
	margin: 20px 0 0 0;
}

.kojin_yakkan p img{
	width: 100%;
}

.kojin_yakkan p{
	margin: 0 auto 20px;
}

.kojinimg{
	max-width: 269px;
	
}


.yakkanimg{
	max-width: 269px;
	/*max-width: 500px;*/
	
}

p.hotel_detail {
    width:100%;
    margin:0 auto 20px;
    }
p.hotel_detail img {
    width:100%;
    }
 
.boxBs dd p span {
    display: block;
    background: #999;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    width:100px;
    font-size: 14px;
    margin-bottom: 5px;
    }
    
ul.guest {
    width:100%;
    margin: 0 auto 30px;
    overflow: hidden;
    padding: 0;
    background: #fff;
    }
ul.guest li:first-child {
    float:left;
    width:100%;
    }
ul.guest li {
    float:left;
    width:100%;
    }
ul.guest li img {
        width:100%;
    }
ul.guest li.yakkan {
    padding: 15px;
    box-sizing: border-box;
    }
ul.guest li.banner {
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    }
.ryoukinarea{
	margin: 0 0 0 0;
}

.can{
	max-width: 100%;
	    margin: 0 auto 20px;
}

.can img{
	width: 100%;
}

.ryoukinhyouarea{
	max-width: 100%x;
	    margin: 0 auto 20px;
 }


.ryoukinhyou{
	max-width: 100%;
	margin: 0 auto 10px;
}
.ryoukinhyou img{
	width: 100%;
}

.ryoukinhyou2{
	max-width: 100%x;
}

.ryoukinhyou3{
	max-width: 100%;
    margin: 0 auto 20px;
}



.ryoukinhyou2 img{
	width: 100%;
}

.price_one {
    width: 100%;
    margin: 0 auto 20px;
}
.price_one img {
    width: 100%;
}


/*--------------フッター--------------*/
.tdr_footer {
    width:100%;
    background: url(../images/footer_smp.jpg);
    margin: 20px auto 0;
    text-align: center;
    padding: 15px 0;
    box-sizing: border-box;
    color: #fff;
    }
.tdr_footer a {
    color: #fff;
    }

#Foot{ display: none;}

footer {
    margin-top: 20px;
    font-size: 12px;
    position: relative;
    background: #ebebf9;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
footer ul.linkBtm {
    padding: 10px 10px;
}
footer ul.linkBtm li {
    width: 50%;
    float: left;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
footer ul.linkBtm:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
footer #copy {
    background: #343474;
    text-align: center;
    color: #fff;
    font-size: 8px;
    padding: 10px 0;
}
#pagetop {
    text-align: right;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 48;
}


}




/*------------------------------------------------------------------------
PC
-------------------------------------------------------------------------*/




/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
/*--------------------------------------------
■header/footer
--------------------------------------------*/
#pc_header {height:64px!important;padding-top: 0!important;position:relative;}
#pc_header #logo2,#pc_header .HeadNav01,#pc_header .HeadNav02,#pc_header #Gnav,#pc_footer .footTop {display: none!important;}
#pc_header #HeadInner:before {
	content:"";
	width:185px;
	height:60px;
	display: block;
	background:#FFF url(https://www.nta.co.jp/shared2021/common/images/logo_001.jpg);
}
    
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
    font-size: 108%;
    font-weight: bold;
    margin: 5px 0;
}
/*
h2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px dotted #111;
	margin-bottom: 3%;
	padding-bottom: 5px;
	clear: both;
}
*/
.inner{
	width: 96%;
	max-width:950px;
	margin: 0 auto;
	padding:50px 0;
	display: block;
}
u{text-decoration-color: red;}
/*title*/
img#mainphoto {
	width: 100%;
	max-width:950px;
	margin:0 auto 2%;
	display:block;
}
.pcnone{
	display:none;
}
    
/*---------------ヘッダ header------------------*/
#header{
	overflow: hidden;
	padding: 10px 0;
	border-top: 5px #1919A9 solid;
	border-bottom: 1px #CCC solid;
}

* html #header{ height: 1%;}

#header .logo img{
	float: left;
	width: 200px;
	height: auto;
}

#inner950{
	width: 950px;
	margin: 0 auto;
	display: block;
}
    
/*anker*/
.ankerN{
	margin-bottom: 50px;
	background: url(../images/bg_anker.png) no-repeat;
    background-size: cover;
    text-align: center;
    /* height: 106px; */
    padding: 10px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.ankerN li{
/*display: inline-block;*/
width: 240px;
}

.ankerN li img{
width: 100%;
height: auto;
}

.ankerN li img:hover {
	transition: 0.6s ;
	opacity: 0.8 ;
	position: relative;
	top: 1px;
	left: 1px;
}
/*インフォメーション*/
dl.info {
    width:950px;
    border-left:1px solid #5b8fee;
    border-right:1px solid #5b8fee;
    border-bottom:1px solid #5b8fee;
    box-sizing: border-box;
    background:#fff;
    text-align: center;
    margin-bottom: 30px;
    }
dl.info dt {
    padding: 0;
    }
dl.info dd {
    padding-top:0px;
    padding-bottom:20px;
    }
dl.info dd:first-of-type {
    padding-bottom:0;
    padding-top:15px;
    }
.btn_info a{
    margin:0 auto!important;
    color: red;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    margin: 0px auto;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.btn_info a:hover {
    text-decoration: none!important;
    color: #f32b4c;
    opacity: 0.8;
}
    
/*ホテル*/
.hotelTit{
position: relative;
letter-spacing: -0.08em;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding: 0 0 0 125px;
height: 155px;
color: #FFFFFF;
font-weight: bold!important
}

.padding-left0 {
    padding-top:15px;
    padding-left:0px;
    }
.hotelTit img{
position: absolute;
top: 13%;
left: 40px;
margin: auto 0
}

.hotelTit h3{
font-size: 24px;
padding: 50px 0 5px 0;
display: block;
}

.inBoxP p{
font-size: 15px;
}
    
.catheHotel{
text-align: center;
width: 950px;
margin: 0 auto 30px;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.08em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.inBoxP{
width: 1052px;
margin: 0 auto 45px;
padding: 0 0 1px 0;
overflow: hidden;
}

#hotel01 h2{
background: url(../images/im_bottom01.png) no-repeat 50% 100%;
background-size: 205px auto;
color: #f23e71;
	padding: 0 0 35px 0;
}

#hotel01{
background: url(../images/bg02.png) no-repeat 50% -231px;
}

#hotel02{
background: url(../images/bg02.png) no-repeat 50% -1236px;
padding: 0 0 30px 0 !important;
}

#hotelB1 .hotelTit,
#hotelB1_2 .hotelTit{
background:url(../images/ti_h_bg01.png) no-repeat
}

#hotelB1.inBoxP,
#hotelB1_2.inBoxP{
background: url(../images/bg_hotel_p01.png) repeat-y 50% 0;
}

#hotelB2 .hotelTit{
background:url(../images/ti_h_bg02.png) no-repeat
}

#hotelB2.inBoxP{
background: url(../images/bg_hotel_p02.png) repeat-y 50% 0;
}

#hotelB3 .hotelTit{
background:url(../images/ti_h_bg03.png) no-repeat
}

#hotelB3.inBoxP{
background: url(../images/bg_hotel_p03.png) repeat-y 50% 0;
}

#hotelB4 .hotelTit{
background:url(../images/ti_h_bg04.png) no-repeat;
padding: 0 0 0 0;
}

#hotelB4.inBoxP{
background: url(../images/bg_hotel_p04.png) repeat-y 50% 0;
}

#hotelB6 .hotelTit{
background:url(../images/ti_h_bg05.png) no-repeat;
padding: 0 0 0 0;
}

#hotelB6.inBoxP{
background: url(../images/bg_hotel_p06.png) repeat-y 50% 0;
}

#jrBox{
background: url(../images/bg_hotel_p05.png) repeat-y 50% 0;
padding-top: 30px;
}

.boxB{
width: 430px;
background-size: 430px auto;
margin: 0 0 30px 80px;
position: relative;
float: left;
}

.boxB:nth-child(2n-1){
margin: 0 0 30px 30px

}

.boxB:before{
content: "";
width: 26px;
height: 26px;
display: block;
background: url(../images/im_shape01.png) no-repeat;
background-size:100% auto; 
position: absolute;
top: -3px;
left: -6px;
z-index: 99;
}

.boxB:after{
content: "";
width: 26px;
height: 26px;
display: block;
background: url(../images/im_shape02.png) no-repeat;
background-size:100% auto; 
position: absolute;
bottom: -4px;
right: -6px;
z-index: 99;
}

.boxB dt{
background: url(../images/bg_h_plan01_1.png) no-repeat 50% 0%;
background-size: 430px auto;
padding: 25px 0 0 0;
color: #01255f;
letter-spacing: -0.08em;
text-align: center;
font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.boxB dt img{
display: inline-block;
}

.boxB dt span{
display: block;
font-size: 16px;
}

.boxB dt strong{
display: block;
font-size: 20px;
letter-spacing: -2px;
}

.boxB dd{
	padding: 14px;
	background: url(../images/bg_h_plan01_2.png) no-repeat 50% 100%;
	background-size: 435px auto;
}

.boxB ul.photoHotel{
height: 210px;
overflow: hidden;
margin-bottom: 10px;
}

.boxB ul.photoHotel li:nth-child(1){
display: block;
float: left;
margin: 0 9px 0 0
}

.boxB ul.photoHotel li:nth-child(2){
margin-bottom: 5px;
}

.boxB dd p{
text-align: center;
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
}

/*boxs*/

.boxBs{
width: 290px;
background-size: 100% auto;
margin: 0 0 30px 70px;
position: relative;
float: left;
}

.boxBs:nth-of-type(2),
.boxBs:nth-of-type(3),
.boxBs:nth-of-type(5),
.boxBs:nth-of-type(6),
.boxBs:nth-of-type(8),
.boxBs:nth-of-type(9),
.boxBs:nth-of-type(11),
.boxBs:nth-of-type(12)
{
margin: 0 0 30px 20px

}

.boxBs:before{
content: "";
width: 26px;
height: 26px;
display: block;
background: url(../images/im_shape01.png) no-repeat;
background-size:100% auto; 
position: absolute;
top: -3px;
left: -6px;
z-index: 99;
}

.boxBs:after{
content: "";
width: 26px;
height: 26px;
display: block;
background: url(../images/im_shape02.png) no-repeat;
background-size:100% auto; 
position: absolute;
bottom: -4px;
right: -8px;
z-index: 99;
}

.boxBs dt{
letter-spacing: -0.08em;
text-align: center;
font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding: 25px 0 0 0;
height: 58px;
margin: 0
}

#hotelB2 .boxBs dt{
background: url(../images/bg_h_plan02_1.png) no-repeat 50% 0%;
background-size: 100% auto;
color: #951090;
}

#hotelB3 .boxBs dt{
background: url(../images/bg_h_plan03_1.png) no-repeat 50% 0%;
background-size: 100% auto;
color: #01255f;
}


#hotelB6 .boxBs dt{
background: url(../images/bg_h_plan06_1.png) no-repeat 50% 0%;
background-size: 100% auto;
color: #5e2601;
}


.boxBs dt.line1{
line-height: 55px;
}

.boxBs dt.line2 strong{
line-height: 28px;
padding: 5px;
}

.boxBs dt.line3{
    height: 65px !important;
}
.boxBs dt.line3 strong{
    line-height: 1.1;
}

.access_height {height: 101px;}


.line3ver{
	font-size: 18px !important;
	line-height: 20px !important;
}

.boxBs dt span{
display: block;
font-size: 16px;
}

.boxBs dt strong{
display: block;
font-size: 20px;
}

.boxBs dd{
	padding: 10px;
	background: url(../images/bg_h_plan02_2.png) no-repeat 50% 100%;
	background-size: 300px auto;
	margin: 0
}

.boxBs ul.photoHotel{
overflow: hidden;
margin-bottom: 10px;

}

.boxBs ul.photoHotel li{
text-align: center;
}

.boxBs dd p{
text-align: left;
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
}

/*btnHotelBox*/
.btnHotelBox{
	overflow: hidden;
	letter-spacing: -1em;
}

.btnHotelBox li{
display:inline-block;
	letter-spacing: 0em;
}

.btnHotelBox img{
width: 100%;
height: auto
}

.btnHotelBox img:hover {
	transition: 0.2s ;
	opacity: 0.7 ;
	position: relative;
}

.btnHotelBox li:nth-child(1){
	width: 98%;
    height: auto;
    margin: 0 1% 5px;
}

.btnHotelBoxs li:nth-child(1){
width: 48%!important;
height: auto;
margin: 0 1% 5px;
}

.btnHotelBox li:nth-child(n + 2){
width: 48%!important;
height: auto;
margin: 0 1% 5px;
}
    

.bigBtn{
text-align: center;
margin-bottom: 30px;
	width: 600px;
	margin: 20px auto 30px
	
}

.bigBtn img:hover {
	transition: 0.6s ;
	opacity: 0.6 ;
	position: relative;
}

.bigBtn img{
	width: 100%;
	height: auto;
}

.commonNoneP{
width: 439px;
padding: 0 0 35px 0!important;
margin: 0 0 30px 75px;
position: relative;
float: left;
}

.commonNoneP:nth-of-type(2n){
margin: 0 0 30px 25px;
}

.commonNoneP dt{
font-size: 18px;
font-weight: normal;
line-height: 24px;
margin: 0;
}

.commonNoneP dt img{
height: 30px;
width: auto;
margin: 0 10px 0 0
}

.commonNoneP dt strong{
display: block;
margin-top: 10px;
padding-bottom: 10px;
}

.data{
overflow: hidden;
display: inline-block;
padding: 0;
margin-bottom: 15px;
}

.data strong{
overflow: hidden;
display: inline-block;
padding: 3px;
width: 71px;
margin: 0 15px 0 0;
vertical-align: middle;
text-align: center
}

.catcheP span{
display: block;
margin-bottom: 10px;
}

.commonNoneP p{
text-align:right;
margin: 0 -10px;
}

.commonNoneP p img{
display: inline-block;
height: 47px;
width: auto;
}


.commonNoneP p img:hover {
	transition: 0.2s ;
	opacity: 0.6 ;
	position: relative;
}


/*yadoPlanBox*/
.yadoPlanBox{
background: url(../images/bg_h_plan04_2.png) no-repeat 100% 100%;
padding:0 0;
}

.yadoPlanBox:after{
content: "";
width: 51px;
height: 51px;
background: url(../images/im_ribbon01_1.png) no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
top: -1px;
left: -1px;
}

.yadoPlanBox:before{
content: "";
width: 51px;
height: 51px;
background: url(../images/im_ribbon01_2.png) no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
bottom: -1px;
right: -1px;
}

.yadoPlanBox dt{
color: #ce2663;
background: url(../images/bg_h_plan04_1.png) no-repeat 0 0;
padding: 30px 30px 15px;
}
.yadoPlanBox dt strong{
border-bottom: 1px solid #f8e6f2
}
.yadoPlanBox dd{
padding: 0 30px;
font-size: 14px;
}

.yadoPlanBox dd strong{
background: #ffdeec
}


/*jrPlanBox*/
.jrPlanBox{
background: url(../images/bg_h_plan05_2.png) no-repeat 100% 100%;
padding:0 0;
}

.jrPlanBox:after{
content: "";
width: 51px;
height: 51px;
background: url(../images/im_ribbon02_1.png) no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
top: -1px;
left: -1px;
}

.jrPlanBox:before{
content: "";
width: 51px;
height: 51px;
background: url(../images/im_ribbon02_2.png) no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
bottom: -1px;
right: -1px;
}

.jrPlanBox dt{
color: #0b775f;
background: url(../images/bg_h_plan05_1.png) no-repeat 0 0;
padding: 30px 30px 15px;
}
.jrPlanBox dt strong{
border-bottom: 1px solid #dff7df
}
.jrPlanBox dd{
padding: 0 30px;
font-size: 14px;
}

.jrPlanBox dd strong{
background: #c1fff3
}

/*jrAnker*/

#jrAnker{
width: 950px;
margin: 0 auto;
background: url(../images/bg_jr_anker.png) no-repeat;
height: 71px;
text-align: center;
}

#jrAnker li{
font-size: 19px;
margin: 15px 0 0 0;
color: #FFFFFF;
display: inline-block;

font-weight: 900;
border-left: 1px dashed #FFFFFF
}

#jrAnker li span{
padding: 8px 14px;
margin: 0 10px;
}

#jrAnker li.select span{
display: inline-block;
background: #f5ff87;
color: #0c7c66;
cursor: default;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

#jrAnker li:first-child{
border-left: none
}

#jrAnker li span:hover {
	transition: 0.2s ;
	opacity: 0.6 ;
	position: relative;
	cursor: pointer
}

#event ul{
text-align: center;
padding: 0 0 20px 0
}

#event li{
display: inline-block;
width: 250px;
}
#event li img{
width: 100%;
height: auto;
}

.bottomBnr{
text-align: center;
padding: 30px 0 0 0;
}


span.subText {
vertical-align: sub!important;
position: relative;
/*top: 2%;*/
display:inline-block!important;
line-height: 12px;
font-family: Verdana, "Droid Sans" !important;
}


h2 span.subText{
top: 10px;
}

h2 span.subText{
top: 6px;
}

.regal{
display: block!important;
font-size: 10px!important;
text-align: right!important;
padding: 10px 0 0 0;
}

.blueS{
	color: #0f8b95;
	font-size: 14px;
	display: block;
	text-align: center
	
}

.linkLL{
    margin-top:-100px;
	padding-top:100px;
	display:block;

}

.linkLL2{
    margin-top:-100px;
	padding-top:100px;
	display:block;


}


.dep{
	margin-top: -40px!important
}
/*
.linePrnk{
	line-height: 0px!important;
	padding: 0 0 20px 0
}*/

/*
.linePrnk img{
	position: relative;
	left: -120px;
}*/
.pcnone{
display: none!important
}

#wrap{
	overflow: hidden;
}

.comment{
color: rgba(255,0,4,1.00);
font-size: 14px;
text-align: left;
width: 980px;
line-height: 20px;
margin: 0 auto
}

/*special_plan*/
#hotelB2 #tokubetsu_plan {
    width: 85%;
    display: block;
    margin: 0 auto 2% auto;
	background-color: #FFF;
	padding:15px;
}

#hotelB2 #tokubetsu_plan > img{
	width:30%;
	display:block;
	float:left;
	margin:0 2% 0 0;
}

#hotelB2 #tokubetsu_plan dl{
	overflow:hidden;
	width:66%!important
}

#hotelB2 #tokubetsu_plan dl dt{
	text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:3%;
	color: #951090;
}

#hotelB2 #tokubetsu_plan dl dd a {
    width: 100%;
    display: block;
}

#hotelB2 #tokubetsu_plan dl dd a img {
    margin: 0 auto;
    display: block;
	width: 48%;
}


.singleB{
	width:100%!important;
	display:block;
}

.singleB img{
	width:100%;
	height:auto;
}

.plan35Btn{
	margin-top:20px;
	display:block;
}
.plan35Btn:hover {
	transition: 0.2s ;
	opacity: 0.5 ;
}
.attentionEn{
	font-size:12px;
	display:block;
	width:950px;
	margin:0 auto;
	display:block;
}
.rinji_kyugyo{color:#F00;margin:0 0 10px 0;display:block;text-align:center;font-size:15px;}
.shien {
    color: #F00;
    padding: 5px;
    display: block;
    text-align: center;
    border: 2px solid #F00;
	margin-top: 20px;
	background-color: #fff;
}

.hotellist{
	margin: 0;
	padding: 0;
}
.hotellist dl{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	font-size: 14px;
}
.hotellist dl dt{
	font-weight: bold;
	font-size: 16px;
}
.hotellist dl dd{
	margin: 5px 0 0;
	padding: 0;
}
.oshirase{
	width: 900px;
	margin: 20px auto;
	padding: 20px;
	border: #0079DC solid 2px;
	border-radius: 10px;
}
.oshirase dl{
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.oshirase dl dt{
	text-align: center;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.oshirase dl dd{
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 28px;	
}

/*BTN*/
.bluebtn,.pinkbtn,.greenbtn,.orangebtn {
	width: 100%;
    display: block;
    text-align: center;
    color: #FFF!important;
    font-size: 12px;
    line-height: 2.8;
    border-radius: 5px;
}
.bluebtn{
background: #3962e5;
background: -moz-linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#6e9cf0), color-stop(25%, #6e9cf0), color-stop(75%, #3962e5), to(#3962e5));
background: -webkit-linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
background: -o-linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
background: -ms-linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
background: linear-gradient( #6e9cf0 0%, #6e9cf0 25%, #3962e5 75%, #3962e5 100%);
}
.pinkbtn{
background: #f75479;
background: -moz-linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#fa8eb1), color-stop(25%, #fa8eb1), color-stop(75%, #f75479), to(#f75479));
background: -webkit-linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
background: -o-linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
background: -ms-linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
background: linear-gradient( #fa8eb1 0%, #fa8eb1 25%, #f75479 75%, #f75479 100%);
}
.greenbtn{
background: #0b715b;
background: -moz-linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#3fac97), color-stop(25%, #3fac97), color-stop(75%, #0b715b), to(#0b715b));
background: -webkit-linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
background: -o-linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
background: -ms-linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
background: linear-gradient( #3fac97 0%, #3fac97 25%, #0b715b 75%, #0b715b 100%);
}
.orangebtn{
background: #d96a00;
background: -moz-linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#e9a633), color-stop(25%, #e9a633), color-stop(75%, #d96a00), to(#d96a00));
background: -webkit-linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
background: -o-linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
background: -ms-linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
background: linear-gradient( #e9a633 0%, #e9a633 25%, #d96a00 75%, #d96a00 100%);
}
.graybtn{
background: #999999;
background: -moz-linear-gradient( #cccccc 0%, #cccccc 25%, #999999 75%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), color-stop(25%, #cccccc), color-stop(75%, #999999), to(#f999999));
background: -webkit-linear-gradient( #cccccc 0%, #cccccc 25%, #999999 75%, #999999 100%);
background: -o-linear-gradient( #cccccc1 0%, #cccccc 25%, #999999 75%, #999999 100%);
background: -ms-linear-gradient( #cccccc 0%, #cccccc 25%, #999999 75%, #999999 100%);
background: linear-gradient( #cccccc 0%, #cccccc 25%, #999999 75%, #999999 100%);
width: 100%;
    display: block;
    text-align: center;
    color: #FFF!important;
    font-size: 12px;
    line-height: 2.8;
    border-radius: 5px;
}
.bluebtn:hover,.pinkbtn:hover,.greenbtn:hover,.orangebtn:hover {
	opacity: 0.8;
	text-decoration: none!important
}


.unei{
	margin: 20px auto;
	max-width: 547px;
	display: block;
}

.unei img{
	width: 100%;
}

.titleimg{
	margin: 20px auto;
	max-width: 850px;
}

.titleimg img{
	width: 100%;
}

.sp_event{
	margin: 0 auto 20px;
	max-width: 950px;
	/*max-width: 829px;*/
	display: block;
}

.sp_event img{
	width: 85%;
    margin: 0 auto;
    height: auto;
}


.osiraseimg {
	margin: 20px auto;
	/*max-width: 547px;*/
	max-width: 950px;
}

.osiraseimg img{
	width: 80%;
    margin:0 10%;
}

.kojin {
	margin: 20px auto;
	max-width: 547px;
}
.kojin img{
	width: 100%;
}

.copyarea{
	text-align: right;
    margin: 0 70px 15px 0px;
	font-size: 12px;
}

.btnone{
	pointer-events: none !important;
	background: #8A8A8A;
background: -moz-linear-gradient( #c0c0c0 0%, #c0c0c0 25%, #c0c0c0 75%,#c0c0c0 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), color-stop(25%, #c0c0c0), color-stop(75%, #8A8A8A), to(#8A8A8A));
background: -webkit-linear-gradient( #c0c0c0 0%, #c0c0c0 25%, #8A8A8A 75%, #8A8A8A 100%);
background: -o-linear-gradient( #c0c0c0 0%, #c0c0c0 25%, #8A8A8A 75%, #8A8A8A 100%);
background: -ms-linear-gradient( #c0c0c0 0%, #c0c0c0 25%, #8A8A8A 75%, #8A8A8A 100%);
background: linear-gradient( #c0c0c0 0%, #c0c0c0 25%,#8A8A8A 75%, #8A8A8A 100%);
}


.kojin_yakkan{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.kojin_yakkan p img{
	width: 100%;
}

.kojin_yakkan p{
	margin: 0 1% 0 1%;
}

.kojinimg{
	max-width: 269px;
	
}


.yakkanimg{
	/*max-width: 269px;*/
	max-width: 500px;
	
}
p.hotel_detail {
    width:700px;
    margin:0 auto 30px;
    }
p.hotel_detail img {
	display: block;
    width:60%;
	margin: 0 auto;
    }

.boxBs dd p span {
    display: block;
    background: #999;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    width:100px;
    font-size: 12px;
    margin-bottom: 5px;
    }
    
ul.guest {
    width:700px;
    margin: 0 auto 30px;
    overflow: hidden;
    padding: 0;
    background: #fff;
    }
ul.guest li:first-child {
    float:left;
    width:700px;
    }
ul.guest li {
    float:left;
    width:350px;
    }
ul.guest li img {
        width:100%;
    }
ul.guest li.yakkan {
    padding: 15px 0 15px 15px;
    box-sizing: border-box;
    }
ul.guest li.banner {
    padding: 50px 30px 0 20px;
    box-sizing: border-box;
    }
    
.ryoukinarea{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
    width:950px;
    margin:0 auto;
}

.can{
	max-width: 400px;
	    margin: 0 15px 0 15px;
}

.can img{
	width: 100%;
}

.ryoukinhyouarea{
	max-width: 400px;
	    margin: 0 10px 10px 10px;
 }


.ryoukinhyou{
	max-width: 400px;
	margin: 0 auto 15px;
    overflow: hidden;
}
.ryoukinhyou img{
	width: 100%;
}

.ryoukinhyou2{
	max-width: 400px;
    overflow: hidden;
}

.ryoukinhyou2 img{
	width: 100%;
}

.price_one {
    width: 830px;
    margin: 0 auto 30px;
	text-align: center;
}
.price_one img {
    width: 60%;
}

/*----------------------フッター-----------------------*/
.tdr_footer {
    width:950px;
    background: url(../images/footer.jpg);
    margin: 20px auto 0;
    text-align: center;
    padding: 15px 0;
        color: #fff;
    line-height: 1.8;
    }
.tdr_footer a {
    color: #fff;
    }

/*
footer {
    display: none;
}
*/
#wrapper #Foot, #wrap #Foot {
    font: 13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    color: #fff;
    font-size: 12px;
    min-height: 1px;
}
#Foot {
    margin: 10px 0 0 0;
    position: static !important;
    text-shadow: none !important;
}
#Foot {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    overflow: hidden;
}
#Foot p {
    margin: 0 !important;
    padding: 0 !important;
}
#pagetop {
    bottom: 20px;
    position: fixed;
    right: 20px;
    text-align: right;
    z-index: 50;
}
#Foot .footBtm {
    padding: 20px 0px !important;
}
#Foot .footBtm {
    margin: 0 !important;
}
#Foot .footBtm {
    background: #343474;
    padding: 20px 0px;
    text-align: center;
    color: #fff;
}
#Foot .footBtmInner {
    width: 970px;
    margin: 0 auto;
}
#Foot ul, #Foot ol, #Foot dl, #Foot dt, #Foot dd {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    line-height: 1.5 !important;
}
#Foot ul li {
    padding: 0 3px;
    display: inline-block;
}
#Foot .footBtm a {
    color: #fff;
}
#Foot .footBtm p#copy {
    color: #fff !important;
    padding-top: 20px !important;
}
#Foot .footBtm #copy {
    padding-top: 20px;
    font-size: 10px;
}
#Foot p {
    margin: 0 !important;
    padding: 0 !important;
}


}


/* ---------------------------------------------------------------------------

  #disney_note = 注記

---------------------------- */

#disney_note .inner{
  padding: 20px 0;
}
#disney_note ul{
  display: flex;
  flex-wrap: wrap;
  width: min(90%,970px);
  margin: 0 auto;
}
#disney_note ul li{
  width:50%;
}
#disney_note ul li img{
  width:100%;
}


@media screen and (max-width: 759.9px) {  /*SP*/
#disney_note ul{
  display: flex;
  flex-direction: column;
}
#disney_note ul li{
  width:100%;
}

}




@media screen and (min-width:760px) and ( max-width:970px) {  /* Tablet */
#inner950 { width: 100%;}
.inBoxP {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

#hotelB1 .hotelTit,#hotelB1_2 .hotelTit{
padding: 20px 0;
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#0c3dba+0,2989d8+50,0c3dba+100 */
background: #0c3dba; /* Old browsers */
background: -moz-linear-gradient(left, #0c3dba 0%, #2989d8 50%, #0c3dba 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0c3dba 0%,#2989d8 50%,#0c3dba 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0c3dba 0%,#2989d8 50%,#0c3dba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3dba', endColorstr='#0c3dba',GradientType=1 ); /* IE6-9 */
}
#hotelB1_2.inBoxP{background: #BAD5FF;}
#hotelB2 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#760b6b+0,9f119a+50,760b6b+100 */
background: #760b6b; /* Old browsers */
background: -moz-linear-gradient(left, #760b6b 0%, #9f119a 50%, #760b6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #760b6b 0%,#9f119a 50%,#760b6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #760b6b 0%,#9f119a 50%,#760b6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#760b6b', endColorstr='#760b6b',GradientType=1 ); /* IE6-9 */
}
#hotelB2.inBoxP{background:#F0B3EF;}
#hotelB3 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#005a65+0,008589+50,005a65+100 */
background: #005a65; /* Old browsers */
background: -moz-linear-gradient(left, #005a65 0%, #008589 50%, #005a65 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #005a65 0%,#008589 50%,#005a65 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #005a65 0%,#008589 50%,#005a65 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a65', endColorstr='#005a65',GradientType=1 ); /* IE6-9 */
}
#hotelB3.inBoxP{background:#87E1E9;}
#hotelB4 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#d02769+0,df419b+50,d02769+100 */
background: #d02769; /* Old browsers */
background: -moz-linear-gradient(left, #d02769 0%, #df419b 50%, #d02769 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d02769 0%,#df419b 50%,#d02769 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d02769 0%,#df419b 50%,#d02769 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d02769', endColorstr='#d02769',GradientType=1 ); /* IE6-9 */
padding: 17px 0 8px;
}
#hotelB4.inBoxP{
background: url(../images/bg_hotel_p04.png) repeat-y 50% 0;
}
#hotelB6 .hotelTit{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#662900+0,8a3700+50,662900+100 */
background: #662900; /* Old browsers */
background: -moz-linear-gradient(left, #662900 0%, #8a3700 50%, #662900 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #662900 0%,#8a3700 50%,#662900 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #662900 0%,#8a3700 50%,#662900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#662900', endColorstr='#662900',GradientType=1 ); /* IE6-9 */
}
#hotelB6.inBoxP{background:#e8ae87;}
.hotelTit {
	position: static;
	margin-bottom: 15px;
	padding: 0;
	height: auto;
	width: 100%;
}
.hotelTit h3 {
	position: static;
    font-size: 24px;
    padding: 0 0 5px 0;
    display: block;
}
.hotelTit p {
    padding: 0 0 15px;
}
.hotelTit img {
	display: block;
	position: static;
	width: 113px;
	margin: 0 auto;
}

.boxBs {
    width: 45%;
    margin: 0 0 30px 3%;
	float: none;
}
.boxBs dd {
    background-size: 100% auto;
}
.boxBs:nth-of-type(2), .boxBs:nth-of-type(3), .boxBs:nth-of-type(5), .boxBs:nth-of-type(6), .boxBs:nth-of-type(8), .boxBs:nth-of-type(9), .boxBs:nth-of-type(11), .boxBs:nth-of-type(12) {margin: 0 0 30px 3%;}

}
