@charset "Shift_JIS";

#pc_header {margin-bottom: 0px;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.smpnone,.spnone {display:none !important;}

#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	padding: 3px;
	color: #FFF;
}
#dirPathBlock a{
	color: #FFF;
	font-size: 10px;
}
#anchorLinkBlock a{font-size: 10px;}

/* layout
----------------------------------------------- */
#wrapper{
	margin:0 auto;
	-webkit-text-size-adjust: 100%;
	font-size:14px;
}
.inner{
	width: 96%;
    margin: 0 auto;
    padding: 10px;
    background: #FFF;
	box-shadow: 1px 1px 5px #aaa;
    box-sizing: border-box;
}
#bg{
	background:url(../images/bg2.jpg) no-repeat;
	background-size: contain;
}

/* Headline
----------------------------------------------- */
#headline h2 img{width: 100%;}
#headline p{
	text-align: center;
	font-size: 1.1em;
	z-index: 1000;
	color: #333;
	text-shadow: 1px 0px 0px white, -1px 0px 0px white, 0px 1px 0px white, 0px -1px 0px white;
	font-weight:bold;
	/*padding: 5px 0;*/
}

/*title*/
#title {
	width: 100%;
	position: relative;
	margin-bottom: 0;
}
#title h2 {
    width: 100%;
    height: auto;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #FFF;
    font-weight: bold;
    text-shadow: 1px 1px 4px rgba(000,000,000,0.8), 0px 1px 0px rgba(255,255,255,0.3);
    display: block;
    text-align: center;
}

/* Contents
----------------------------------------------- */
h1{
	font-size: 10px;
	margin: 1%;
	color: #FFF;
}
.section h2{
	font-size: 18px;
	margin-bottom: 15px;
	margin:10px 0 18px 0!important;
	color: #0076cc!important;
	padding:8px 0;
	display:block;
	text-align:center;
	overflow:hidden;
	border-bottom:2px dotted #0076cc;
	border-top:3px solid #0076cc;
}

/* section
----------------------------------------------- */
.section{
	margin:0;
	padding:20px 0 10px 0;
	display: block;
	overflow: hidden;
}

/*詳細*/
.cmpBox{margin-bottom: 25px;}
.cmpBox dl{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#FFF;
	font-size:14px;
	overflow:hidden;
	position:relative;
	background:#f6f6f6;
	margin:0;
	line-height: 1.8;
}
.cmpBox dl:nth-of-type(1){border-top:1px solid #CCC;}
.cmpBox dl dt{
	width:18%;
	padding:5px;
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
}
.cmpBox dl dd{
	min-height: 70px;
    margin: 0 0 0 18%;
    padding: 10px;
    background: #FFF;
    box-sizing: border-box;
}
.cmpBox dl dd strong{color:#F00;}
.cmpBox dl dd span{
	font-size:14px;
	display:block;
}

/*area_plan*/
.area_plan {
	display: flex;
    flex-wrap: wrap;
}
.area_plan_hotel {
	width: calc(96% / 2);
    margin: 0 1% 2%;
    padding: 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #aaa;
}
.area_plan_hotel dt h3 {
	height: 42px;
    font-size: 14px;
    font-weight: bold;
}
h3.other {
	text-align: center;
    margin: 12px 0;
    color: #0076cc;
    font-size: 16px;
}

/*btn*/
.btnbox a{
	display: block;
	margin: 0 0 8px;
    padding: 8px 0;
    color: #FFF;
    background: #ff9326;
    text-align: center;
    font-size: 11px;
    /*position: relative;*/
    box-shadow: 2px 2px 0 #FFF, 3px 3px 0 #ff9326;
}
/*.btnbox a:after {
	width: 6px;
    height: 10px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/shared2021/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 12px;
    right: 5px;
}*/
.btnbox li{
    position: relative;		
	}	
p.plannone {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: rgba(115, 115, 115,0.85);
    color: white;
    font-weight: bold;
    font-size: 10px;
}		

/*readme*/
.readme{
	line-height: 1.8;
	background: #FFF;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* layout
----------------------------------------------- */
#wrapper {
	font-size: 16px;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;
}
#bg{
	background:url(../images/bg2.jpg) no-repeat;
	background-size: contain;
}

#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    display: block;
    font-size: 12px;
    color: #FFF;
}
#dirPathBlock a{
	color: #FFF;
	font-size: 12px;
}
#anchorLinkBlock a{font-size: 12px;}

/* Headline
----------------------------------------------- */
#headline p {
	text-align: right;
    width: 900px;
	text-shadow: 1px 0px 0px white, -1px 0px 0px white, 0px 1px 0px white, 0px -1px 0px white;
	font-size: 0.95rem;
	font-weight: bold;
	margin: 0 auto;
}

/*title*/
#title {height: 600px;}
#title h2 {text-align: center;}

/* Contents
----------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}
h1{
	color: #FFF;
	font-size: 12px;
}
.section h2{
	font-size: 28px;
	margin-bottom: 25px;
	color:#0076cc !important;
	padding:10px 0 10px 0;
	display:block;
	text-align:center;
	overflow:hidden;
	border-bottom:2px dotted #0076cc;
	border-top:3px solid #0076cc;
}

/* section
----------------------------------------------- */
.section {
	display: block;
	overflow: hidden;
	margin:0 0 30px 0;
	padding:20px 0 0;
}
.inner {
    width: 970px;
    margin: 0 auto 15px;
    padding: 25px;
    background: #FFF;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #aaa;
}

/*詳細*/
.cmpBox{
	padding:10px;
	margin-bottom: 25px;
}
.cmpBox dl{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#FFF;
	font-size: 16px;
	overflow:hidden;
	position:relative;
	background:#f6f6f6;
	margin:0;
}
.cmpBox dl:nth-of-type(1){border-top:1px solid #CCC;}
.cmpBox dl dt{
	width:13%;
	padding:10px;
	position:absolute;
	top:0;
	left:0;
}
.cmpBox dl dd{
	margin:0 0 0 15%;
	padding:10px;
	background:#FFF;
}
.cmpBox dl dd strong{color:#F00;}
.cmpBox dl dd span{
	font-size:14px;
	display:block;
}

/*area_plan*/
.area_plan {
	display: flex;
    flex-wrap: wrap;
}
.area_plan_hotel {
	width: calc(92% / 4);
    margin: 0 1% 3%;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #aaa;
}
.area_plan_hotel dt h3 {
	height: 42px;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0;
}
h3.other {
    text-align: center;
    margin-bottom: 15px;
    color: #0076cc;
    font-size: 24px;
}
/*btn*/
.btnbox a{
	/*position: relative;*/
	display: block;
    margin: 0 0 10px;
    padding: 8px 0;
    color: #FFF;
    background: #ff9326;
    text-align: center;
    font-size: 15px;
    box-shadow: 2px 2px 0 #FFF, 3px 3px 0 #ff9326;
}
.btnbox li{
    position: relative;		
	}	
p.plannone {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: rgba(115, 115, 115,0.85);
    color: white;
    font-weight: bold;
    font-size: 11px;
}	
/*.btnbox a:after {
	width: 6px;
    height: 10px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/shared2021/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 8px;
}*/

/*readme*/
.readme{background: #FFF;}
	
/*waribiki*/
.waribiki_check {
	width: 600px;}	

}