@charset "Shift_JIS";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #a00000}

/* レイアウト */
.t10b { font-size: 10px; line-height:14px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/*アクセス非表示*/
.area_plan_hotel .access {display:none!important;}

/*ガシェットJRのみ*/
.search_kokunai_map_Bar {width: 100%;margin: 0!important;}
.search_kokunai_map_Bar .serchBox.kokunaiS > ul {display:none!important;}
.search_kokunai_map_Bar .btnSeach {
    background: url(/shared2021/common/images/ic_search_01.png) no-repeat #FD6347 97% 50%!important;
}

/*slick*/
.slick-prev {left: 0px!important;}
.slick-next {right: 0px!important;}

/*759px以下(SP)*/
@media screen and (max-width: 759.9px) {

.introWrap div.inner div.shinkansen_detailed_information dl:nth-of-type(2) dd:before{
	content: "";
	/*background: url(../images/ic_shinkansen_pixta23655310.png) no-repeat;*/
    background-size: 100%;
    width: 24px;
    height: 30px;
    display: inline-block;
    margin: 0 3%;
    vertical-align: sub;
    position: absolute;
    top: 25%;
    left: 5%;
}
.introWrap div.inner div.shinkansen_detailed_information dl:nth-of-type(2) dd{
	font-size:16px;
	position: relative;
}

/* CSS初期設定 */
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.introWrap div.inner div.shinkansen_detailed_information p.caution{
	text-align: center;
	font-size: 13px;
	color: #FF0004;
	padding-bottom: 10px; 
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
h1{margin: 0 5px;}
h3{
	width:95%;
	font-size:18px;
	text-align:center;
	font-weight:normal;
    color: #3B5BCA;
	margin:10px auto 10px auto;
	padding:10px 0 0;
}
#dirPathBlock {margin: 5px;}
#anchorLinkBlock {margin: 10px;}
#title{
	margin:0;
	overflow:hidden;
	position:relative;
	text-align:center;
	height:auto;
	background:url(../images/smp/bg.jpg) 50% 0 no-repeat;
	background-size:100% auto;
}
#title.tokyo_osaka {background-image: url(../images/smp/bg.jpg);}
#title.tokyo_kyoto {background-image: url(../tokyo_kyoto/images/smp/bg.jpg);}
#title.tokyo_hiroshima {background-image: url(../tokyo_hiroshima/images/smp/bg.jpg);}
#title.tokyo_fukuoka {background-image: url(../tokyo_fukuoka/images/smp/bg.jpg);}
#title.tokyo_niigata {background-image: url(../tokyo_niigata/images/smp/bg.jpg);}
#title.tokyo_okayama {background-image: url(../tokyo_okayama/images/smp/bg.jpg);}
#title.fukuoka_osaka {background-image: url(../fukuoka_osaka/images/smp/bg.jpg);}
#title.fukuoka_shinkobe {background-image: url(../fukuoka_shinkobe/images/smp/bg.jpg);}
#title.fukuoka_kumamoto {background-image: url(../fukuoka_kumamoto/images/smp/bg.jpg);}
#title.okayama_tokyo {background-image: url(../okayama_tokyo/images/smp/bg.jpg);}
#title.okayama_shinkobe {background-image: url(../okayama_shinkobe/images/smp/bg.jpg);}
#title.okayama_fukuoka {background-image: url(../okayama_fukuoka/images/smp/bg.jpg);}
#title.okayama_kumamoto {background-image: url(../okayama_kumamoto/images/smp/bg.jpg);}
#title.okayama_kagoshima {background-image: url(../okayama_kagoshima/images/smp/bg.jpg);}
#title.hiroshima_osaka {background-image: url(../hiroshima_osaka/images/smp/bg.jpg);}
#title.hiroshima_okayama {background-image: url(../hiroshima_okayama/images/smp/bg.jpg);}
#title.hiroshima_kumamoto {background-image: url(../hiroshima_kumamoto/images/smp/bg.jpg);}
#title.hiroshima_shinkobe {background-image: url(../hiroshima_shinkobe/images/smp/bg.jpg);}
#title.hiroshima_kagoshima {background-image: url(../hiroshima_kagoshima/images/smp/bg.jpg);}
#title.tokyo_nagano {background-image: url(../tokyo_nagano/images/smp/bg.jpg);}
#title.kagoshima_fukuoka {background-image: url(../kagoshima_fukuoka/images/smp/bg.jpg);}
#title.fukuoka_hiroshima {background-image: url(../fukuoka_hiroshima/images/smp/bg.jpg);}
#title.tokyo_aomori {background-image: url(../tokyo_aomori/images/smp/bg.jpg);}
#title.toyama_tokyo {background-image: url(../toyama_tokyo/images/smp/bg.jpg);}
#title.kumamoto_osaka {background-image: url(../kumamoto_osaka/images/smp/bg.jpg);}
#title.hiroshima_fukuoka {background-image: url(../hiroshima_fukuoka/images/smp/bg.jpg);}
#title.kyoto {background-image: url(../kyoto/images/smp/bg.jpg);}

#title.tokyo_kanazawa{background-image: url(../tokyo_kanazawa/images/smp/bg.jpg);}
#title.tokyo_karuizawa{background-image: url(../tokyo_karuizawa/images/smp/bg.jpg);}
#title.tokyo_yamaguchi{background-image: url(../tokyo_yamaguchi/images/smp/bg.jpg);}
#title.shinyokohama_hiroshima{background-image: url(../shinyokohama_hiroshima/images/smp/bg.jpg);}
#title.osaka_okayama{background-image: url(../osaka_okayama/images/smp/bg.jpg);}
#title.osaka_kagoshima{background-image: url(../osaka_kagoshima/images/smp/bg.jpg);}
#title.kyoto_fukuoka{background-image: url(../kyoto_fukuoka/images/smp/bg.jpg);}
#title.tokyo_nagoya{background-image: url(../tokyo_nagoya/images/smp/bg.jpg);}
#title.tokyo_sendai{background-image: url(../tokyo_sendai/images/smp/bg.jpg);}
#title.tokyo_shinkobe{background-image: url(../tokyo_shinkobe/images/smp/bg.jpg);}
#title.shinyokohama_osaka{background-image: url(../shinyokohama_osaka/images/smp/bg.jpg);}
#title.shinyokohama_kyoto{background-image: url(../shinyokohama_kyoto/images/smp/bg.jpg);}
#title.shinyokohama_nagoya{background-image: url(../shinyokohama_nagoya/images/smp/bg.jpg);}
#title.nagoya_osaka{background-image: url(../nagoya_osaka/images/smp/bg.jpg);}
#title.nagoya_kyoto{background-image: url(../nagoya_kyoto/images/smp/bg.jpg);}
#title.nagoya_hakata{background-image: url(../nagoya_hakata/images/smp/bg.jpg);}
#title.akita_tokyo{background-image: url(../akita_tokyo/images/smp/bg.jpg);}
#title.yamagata_tokyo{background-image: url(../yamagata_tokyo/images/smp/bg.jpg);}
#title p{
	margin:10px auto;
	color:#FFF;
	font-weight:bold;
	width: 100%;
}
#title img{
	width:100%;
	height:auto;
}
#title span{
	color:#FFF;
	margin:10px 0 0 0;
	display:block;
}

/*NEWS*/
#boxNews {
	width: 94%;
    display: block;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    -webkit-box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    margin: 0 auto 35px auto;
    overflow: hidden;
	padding-top: 1%;
}

#boxNews h2 {
    width: 100%;
    font-family: "メイリオ", Meiryo;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding: 3% 0px;
    margin: -1% auto;
    font-weight: normal;
    background-color: #d50045;
    display: block;
    color: #fff;
}

#boxNews h2 img {
	width: 18px;
    height: auto;
    margin: 0 8px 0 0;
    vertical-align: text-top;
}

#boxNews #boxNewsIn {
    padding: 4% 2%;
    overflow: hidden;
}

#boxNews #boxNewsIn dl {
    width: 100%;
    margin: 0 10px 0 0;
    overflow: hidden;
    display: block;
    box-shadow: none;
    height: auto;
}

#boxNews #boxNewsIn dl .iconNews_kansai,
#boxNews #boxNewsIn dl .iconNews_chubu {
	float: left;
    width: 18%;
    padding: 1%;
    color: #FFF;
    text-align: center;
    -mos-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	font-size: 13px;
}

#boxNews #boxNewsIn dl .iconNews_kansai {
    background-color: #fe5d45;
}

#boxNews #boxNewsIn dl .iconNews_chubu {
    background-color: #3c5ac9;
}

#boxNews #boxNewsIn dl .linkNews {
	float: left;
    width: 75%;
    font-size: 14px;
    line-height: 18px;
    padding: 0.3% 0;
    margin: 0px 0px 4% 3%;
    text-align: left;
}

#boxNews #boxNewsIn dl .linkNews strong{
	font-size: 16px;
    color: #F00;
    display: inline-block;
    width: 100%;
}

/*注釈*/
p.comment {
    width: 94%;
    /*color: red;*/
    font-size: 12px;
    padding: 5px;
    margin: 10px auto;
    box-sizing: border-box;
}

/* --------------------------------------------------- serch */
.serchWrap {
    padding-bottom: 20px;
}

#sm{
	width:100%!important;
}

.innBox{
	display:block;
	overflow:hidden;
	background:#FFF;
	padding:10px;
}

.innBox select{
    color: #000000;
    height: 44px;
	width: 100%;
    font-size: 100%;
    padding: 0 0 0 10px;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
	margin:0 5px 3px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.innBox select{
    color: #000000;
    height: 38px;
    font-size: 100%;
    padding: 0 60px 0 10px;
    border: 1px solid #B3B3B3;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
	margin:0 0 3px 0;
	background:url(../images/select_arrow.jpg) no-repeat 100% 50%;
}
}

.searchBox .innBox dl{
	display:block;
	overflow:hidden;
	width:100%;
	margin:0 0 10px 0
}

.searchBox .innBox dt{
	background:#000;
	height:35px;
	line-height:35px;
	color:#FFF;
	display:block;
	width:88px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	/*font-weight:bold;*/
	font-size:12px;
	border-radius: 5px;

}

.searchBox .innBox dt.f12{
	background:#000;
	height:35px;
	line-height:35px;
	color:#FFF;
	display:block;
	width:85px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	/*font-weight:bold;*/
	font-size:15px;
}

.searchBox .innBox dd{
	overflow:hidden;
	display:block;
	font-size:14px;
}

.cont{
	font-size:14px;
}

.largeLange{
	width:40%!important;
	float:left;
}

.middleLange{
	width:45%!important;
	float:left;
}

.serchBtn{
	clear:both;
	text-align:center;
	display:block;
	margin:0;
	padding:15px 0 15px 0;
}

.searchBox .innBox input{
	padding:10px;
}

.searchBox{
	margin-bottom:10px;
}

.dispBtn{
	width:100%;
	position:relative;
	margin:10px auto 0;
}

.btnSubmit{
	width:100%;
	padding:15px;
	display:block;
	color:#FFF!important;
background: #ffa600; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa600 0%, #ff8e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa600), color-stop(100%,#ff8e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa600 0%,#ff8e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff8e00',GradientType=0 ); /* IE6-9 */	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:16px;
	border:0;
	cursor:pointer;
}

.dispBtn:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:35%;
	right:1%;
}

.dispBtn:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none!important;
}

.map{
	width:280px!important;
	margin:0 auto 10px!important;
	display:block;
	overflow:hidden;
}

.map img{
	width:300px!important;
	height:211px!important;
}

.contentRight{
	overflow:hidden;
	display:block;
	padding:0 0 0 0;
}
.stepBox li{
	margin:0 0 8px 0;
}

.stepBox li strong{
	font-weight:normal;
}

#NTA_search{
	background:#FFA933;
	border:0;
	color:#FFF;
	margin:0 0 0 1%;
	width:30%;
	font-size:10px;
    border-radius: 5px;
	}

#NTA_keyword{
	width:55%;
	border-radius: 5px;
}

#NTA_keyword input{
	padding:0px;
}

/*common*/

#navMenuNew100{
	background:#454545;

}

#navMenuNew100 ul{
	text-align:center;
	margin:0 auto 15px;
	padding:0;
	overflow:hidden;
}

#navMenuNew100 ul li{
	font-size:12px;
	width:33.3333333%;
	height: 56px;
	float:left;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
	justify-content: center;
    align-items: center;
    display: flex;
	box-sizing: border-box;
}

#navMenuNew100 ul li a{
	display:block;
	color:#FFF;
	background-size:12px auto;
	padding: 11px 15px;
	font-weight:normal;
	background:url(../images/smp/im_arrow_navi.png) no-repeat 95% 50%;
	background-size:10px auto;
}

.line1{
	height:53px;
	line-height:35px;
	letter-spacing:-0.05em;
}

#navMenuNew100 ul li:nth-child(3n){
	border-right:none
}

.article .inner{
	margin:0 auto;
	padding-bottom: 10px;
}

h2 {
	font-size: 20px;
	margin:10px 0 10px 0;
	padding:20px 0 20px 0;
	
	text-align:center;
}

@media screen and (min-width: 500px) {
	h2 br{display:none}
}

.blue{
	color:#3b5bca;
	background:url(../images/ti_border2.png) no-repeat 50% 100%;
	background-size:800px auto;
	position: relative;
}

h2.blue img{
	position: absolute;
    top: 30%;
    left: 25px;
    width: 28px;
}

h2 strong{
	font-weight:normal;
}

/*introWrap----------------*/
.introWrap{
	overflow:hidden;
	padding:0 0 0 0;
}

.introWrap div{
	overflow:hidden;
	padding:0 0 0 0;
}

.introWrap dl{
	height:auto;
	display:block;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	margin:0 10px 15px;
	overflow:hidden;
}


.introWrap dl dt{
	padding:10px;
	text-align:center;
	background:#e0edff;
	font-size:14px;
	font-weight:normal;
	color:#000;
}

.introWrap dl dt img{
	width: 15px;
    display: block;
    float: left;
    height: auto;
    margin: 0 -15px 0 0;
}

.introWrap dl:last-child dt img{
	width:20px;
	height:auto;
}

.introWrap dl dd{
	font-size:18px;
	text-align:center;
	font-weight:normal;
	padding:15px;
}

.introWrap dl dd strong{
	font-size:20px;
	color:#F00;
	font-weight: bold;
}

.btnCommon a{
	display: block;
    padding: 8px 20px 8px 10px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    font-weight: normal;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-bottom: 3px solid rgba(0,0,0,0.2);
    margin: 0 auto 5px;
    box-sizing: border-box;
    width: 94%;
}

.blueBtn a{background: url(../images/im_arrow.png) no-repeat 96% 50% #0065D6;}
.pinkBtn a{background: url(../images/im_arrow.png) no-repeat 96% 50% #CC0D21;}

.blueBtn a span,
.pinkBtn a span{font-size:10px;}

.kyushuBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50% #ed6d9e; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #ed6d9e 0%, #f25292 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #ed6d9e 0%,#f25292 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #ed6d9e 0%,#f25292 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6d9e', endColorstr='#f25292',GradientType=0 ); /* IE6-9 */


}

.saninBtn a{
background:url(../images/im_arrow.png) no-repeat 96% 50% #ff8821; /* Old browsers */
background:url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #ff8821 0%, #ff7a01 100%); /* FF3.6-15 */
background:url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #ff8821 0%,#ff7a01 100%); /* Chrome10-25,Safari5.1-6 */
background:url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #ff8821 0%,#ff7a01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8821', endColorstr='#ff7a01',GradientType=0 ); /* IE6-9 */
}

.kushientsuBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50% #dd9527; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #dd9527 0%, #e08800 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #dd9527 0%,#e08800 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #dd9527 0%,#e08800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9527', endColorstr='#e08800',GradientType=0 ); /* IE6-9 */

}

.orangeBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50% #f2a63c; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #f2a63c 0%, #ff9327 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #f2a63c 0%,#ff9327 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%,linear-gradient(to bottom,  #f2a63c 0%,#ff9327 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a63c', endColorstr='#ff9327',GradientType=0 ); /* IE6-9 */

}


.greenBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50%  #379973; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #379973 0%, #00995f 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #379973 0%,#00995f 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #379973 0%,#00995f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#379973', endColorstr='#00995f',GradientType=0 ); /* IE6-9 */
}

.greenBtn2 a{
background: url(../images/im_arrow.png) no-repeat 96% 50% #38ad14; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #38ad14 0%, #4c8d00 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #38ad14 0%,#4c8d00 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #38ad14 0%,#4c8d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ad14', endColorstr='#4c8d00',GradientType=0 ); /* IE6-9 */
}


.hokurikuBtn a{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6b159+0,c9a100+100 */
background: url(../images/im_arrow.png) no-repeat 96% 50% #c6b159; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #c6b159 0%, #c9a100 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #c6b159 0%,#c9a100 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #c6b159 0%,#c9a100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6b159', endColorstr='#c9a100',GradientType=0 ); /* IE6-9 */
}

ul.btnBox{
	overflow:hidden;
	margin:0 5px 10px;
}

ul.btnBox li{
	width:50%;
	float:left;
	margin:0;
}

/*otokuWrap--------------------*/
ul.listWrap{
	overflow:hidden;
	padding:10px 0 10px 0;
}
ul.listWrap li{
	margin:0 10px 15px;
	background:#FFF;
	-moz-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	padding:0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	position:relative;
	overflow:hidden;
}

ul.listWrap li dt{
	background:#e0edff;
	padding:7px;
	font-size:14px;
	font-weight:normal;
	overflow:hidden;
}

ul.listWrap li dt > span{
background: #FFF;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 22px;
    line-height: 12px;
    font-size: 10px;
    padding: 14px 0;
    float: left;
    margin: 0 8px 0 0;
}
@media screen and (max-width: 330px) {
ul.listWrap li dt > strong{
	display:block;
	overflow:hidden;
	padding:8px 0 0 0;
	font-weight:normal;
	

}

}
@media screen and (min-width: 331px) {
ul.listWrap li dt > strong{
	display:block;
	overflow:hidden;
	padding:8px 0 0 0;
	line-height:35px;
	font-weight:normal;
}

}

ul.listWrap li dt > strong strong{
	font-size:16px;
	color:#d3021b;
}

ul.listWrap li dt > strong br{
	display:none
}

ul.listWrap li dd{
	font-size:12px;
	padding:10px;
	line-height:28px;
}

ul.listWrap li dd p{
	text-align:center;
	margin:5px 0 0 0;
	padding:0;
	line-height:18px;
}

ul.listWrap li dd p strong{
	font-size:18px;
	color:#F00;
	display:block;
	font-weight:bold;
}


ul.listWrap li dd p.f12{
	font-size:12px;
}


ul.listWrap li dd p.f12 strong{
	font-size:12px;
	color:#F00;
	display:block;
	font-weight:bold;
}

ul.listWrap li dd p.f12 span{
	color:#000;
}


ul.listWrap li > p{
	position:absolute;
	bottom:0;
	left:-1px;
	display:none;
	text-align:center;
	width:100%;
}

ul.listWrap li > p img{
	display:inline-block;
}

.riyouWrap ul.listWrap li dt > span span{
	font-size:10px;
}

.letter{
	letter-spacing:-0.1em;
}

/*planWrap------------------*/
.planWrap{
	padding:0 0 30px 0;
}

/*.planWrap div > div{
	background:#FFF;
	-moz-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	padding:0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin:0 10px 15px;
	overflow:hidden;
	padding:0 0 0px 0;
	display:block;
}

.planWrap div > div > div{
	-moz-box-shadow:
		0px 0px 0 rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 0 rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 0 rgba(000,000,000,0.2);
		border-bottom:2px solid #e3e0d7;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	position:relative;
	padding:0 0 0 0;
	display:block;
}*/

.planWrap div > div:last-child{
	margin-bottom:0
}

.planWrap div > div > div:last-child{
	border-bottom:0px;

}

.planWrap div div h3{
	padding:8px;
	background:#ececec;
	text-align:center;
	margin:0 0 15px 0;
	font-size:16px;
	color: #000;
}

.planWrap dl {
	margin-top: 0;
	margin-right: 0;
	margin-bottom:15px;
}
.planWrap dl.cityImage {
	width: 250px;
	margin:0 30px 0 25px;
	line-height: 1.5;
	display:none;
}
.planWrap dl dt {
	margin-bottom: 10px;
}
.planWrap dl dd {
	margin-bottom: 7px;
	text-align:left;
	line-height:20px;
	font-weight:normal
}
.planWrap dl dd.arrow {
	margin-top:5px;
	padding-left: 15px;
	background: url('../images/arrow.gif') no-repeat left center;
}

.planWrap dl.setPlan dt {
	padding: 7px 10px 10px 7px;
	font-weight: normal;
	line-height: 1.7;
	background-color:#fff1e2;
}

.planWrap dl.setPlan dt a{
	text-decoration:none!important;
	border-bottom:none!important;
}

.planWrap dl.setPlan dt a:hover{
	text-decoration:underline!important;
}

.period {
	margin-left: 7px;
	font-weight: bold;
	font-size: 12px;
}
.price {
	margin-left: 7px;
	font-size: 12px;
	color: #c00;
	font-weight:bold!important
}

/*-------------
plan
---------------*/
div.area_plan_hotel{
	background:#FFF;
	width:23%;
	float:left;
	overflow:hidden;
	padding:10px;
	margin: 0px 10px 5px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	border: 1px solid #ececec;
    box-shadow: 2px 2px 2px 0 #ececec;
}
div.area_plan_hotel:hover{opacity:0.8;}
div.area_plan_hotel p.hotel_area{
	font-size: 12px;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 15px;
    background: #2184da;
    color: #FFF;
    padding: 5px;
    border-radius: 3px;
}
div.area_plan_hotel img{
	width:100%;
	height: 100%;
}
div.area_plan_hotel h4{
    font-size: 15px;
    text-align: center;
    margin: 5% 0;
}
div.area_plan_hotel .hotel_price{
	text-align: center;
    color: #f00;
    font-weight: bold;
    font-size: 16px;
	margin-bottom: 4%;
}
div.area_plan_hotel .hotel_price span{
    color: #222;
    font-size: 12px;
}
div.area_plan_hotel .hotel_catch_copy {
    font-size: 12px;
    line-height: 1.4;
    height: 115px;
/*    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
    margin-bottom: 5px;
}
div.area_plan_hotel .access {
    font-size: 12px;
    line-height: 1.4;
    height: 55px;
/*    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
/*--*/

/*otherWrap-----------------*/
.otherWrap{padding:0 0 10px 0;}
.otherWrap ul.bnr_box li{
	width:48%;
	float:left;
	margin:4px 1% 10px;
	padding: 0 0 5px;
	font-size:13px;
	background:#FFF;
	text-align:center;
	-moz-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
}
.otherWrap ul.bnr_box li a,
.otherWrap ul.bnr_box li img{
	width: 100%;
	margin-bottom: 5px;
	display: block;
}

.tlink_box:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.otherWrap ul.tlink_box {
	width:87%;
    margin: 5px auto;
    background: #FFF;
    overflow: hidden;
    padding: 20px 20px 10px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.otherWrap ul.tlink_box li {
    font-size: 12px;
    text-align: center;
    margin: 0 0 10px 0;
    display:inline-block;
}

.otherWrap ul.tlink_box li a {
    padding: 0 0 0 20px;
    display: block;
	color:#39F;
	text-align:left;
	margin:0 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	position:relative;
}
.otherWrap ul.tlink_box li a:before{
	content:"▼";
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	display:block;
	position:absolute;
	top:0;
	left:0;
	font-size:13px;
}

.otherWrap ul.tlink_box li a:hover{
	text-decoration:none!important;
	transition: 0.2s ;
	opacity: 0.8 ;
}

/*20161207-----------------*/
.introWrap .inner .exa_txt{
    font-size: 12px;
	display: inline-block;
}

/*kanko_info&tripa*/
.article dl.kanko_info_boxwrap{padding: 0 10px 15px;background: #FFF;border-bottom: 1px solid #e2e2e2;}
.article dl.kanko_info_boxwrap dt{
    background: #ff6699;
	margin-bottom: 15px;
    padding: 6px 0 4px 10px;
    font-size: 16px;
    color: #FFF;
}
.article dl.kanko_info_boxwrap dd{}
.article dl.kanko_info_boxwrap dd img{
	width:30%;
	margin-right:2%;
	float:left;
	display:block;
}
.article dl.kanko_info_boxwrap dd p{
	width: 68%;
    float: left;
    display: block;
    font-size: 12px;
    padding: 1%;
    box-sizing: border-box;
}

.article dl.kanko_info_boxwrap dd p a{
    display: block;
    text-align: right;
    margin-right: 2%;
}

.article .tripadata{
	margin: 0 2% 2%;
	padding-bottom: 20px;
}

.article .tripadata div{
	overflow:hidden;
	padding:15px;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
}

.article .tripadata div p{
	float:left;
	margin:0 20px 0 0;
	width:100px;
}

.article .tripadata div p img{
	width:100%;
	height:auto;
}

.article .tripadata div dl{
	overflow:hidden;
	display:block;
}

.article .tripadata div:last-child{
	border-bottom:none
}

.article .tripadata div dl dt{
	font-size:16px;
	margin:0 0 10px 0;
}

.article .tripadata div dl dt a{
	color:#000;
}

.article .tripadata div dl dd{
	font-size:14px;
	color:#999;
}

.article .tripadata div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}

.article .tripadata div dl dd > span a{
	color:#CCC;
}

.article .tripadata div dl dd > span span{
	color:#F69;
	display:inline;
}

.otokuWrap .useWrap .commonTit{
	margin:0;
}

/*add 20200304*/
div#jr_link_box  {
	background: #fff;
    padding: 5px;
}
div#jr_link_box h4 {
    background: #3d5cca;
    color: #FFF;
    margin-bottom: 2px;
    padding: 5px 0 5px 10px;
    border-radius: 0 8px 0 0;
	position:relative;
	font-weight: bold;
	clear: both;
}
div#jr_link_box h4:after {
	content:"";
	width:13px;
	height:13px;
	background: url(//www.nta.co.jp/shared2015/common/images/im_arrow.png) no-repeat;
	transition-duration:0.5s;
	position:absolute;
	top:35%;
	right:2%;
}
div#jr_link_box h4.open:after {
	transform:rotate(90deg);
	transition-duration:0.5s;
	top:42%;
	right:4%;
}
div#jr_link_box ul{display:block;}
div#jr_link_box ul li {
	width: 48%;
	float: left;
	text-align: center;
	margin: 3% 1%;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
}
div#jr_link_box ul li.other_area_jrlink {
    width: 100%;
    border: 1px solid #bbb;
    box-sizing: border-box;
}
div#jr_link_box ul li.other_area_jrlink h5{
	width: 100%;
    background: #bbb;
    color: #FFF;
    padding: 5px;
    font-size: 15px;
	font-weight: bold;
	box-sizing: border-box;
}
div#jr_link_box ul li.other_area_jrlink ul li{
	width: 44%;
    margin: 8px 3% 6px;
	float: left;
}
span.attentionBox {display: inline-block;}

/*Q&A*/
#qanda_box{
	margin-bottom: 2%;
}

#qanda_box > div{
	padding:0 10px;
}

#qanda_box div:after{
    content: "";
    clear: both;
    display: block;
}

#qanda_box div > b {
    background: #3B5BCA;
    font-size: 18px;
    margin: 0 1% 1% 0;
    color: #FFF;
    width: 9%;
    text-align: center;
	float:left;
}

#qanda_box div h3{
	font-size: 16px;
    margin-bottom: 3%;
    color: #3B5BCA;
    line-height: 1.5;
    width: 90%;
    display: block;
    text-align: left;
    padding: 0;
	font-weight: bold;
}
#qanda_box div p{
	width:90%;
	float:left;
	font-size: 14px;
	margin-bottom: 8%;
	line-height: 1.5;
}

/*PRバナー*/
a.pr_banner{
	width:96%;
	display:block;
    margin: 0 auto 5%;
}
a.pr_banner p{
	text-align:center;
	margin-top:1%;
}

/*slick*/
.plan_area {margin:0 0 15px 0;}
.plan_area .slick-prev {left: 0!important;}
.slick-prev {
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow_right.png) no-repeat!important;
	background-size: 100%!important;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 999;
    display: block;
}
.slick-prev, .slick-next {top: 50%!important;}
.slick-prev:hover, .slick-next:hover {
    transition: 0.3s;
    opacity: 0.6;
}
.plan_area .slick-next {right: 0!important;}
.slick-next {
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow_left.png) no-repeat!important;
	background-size: 100%!important;
}

/*KW*/
.kw_list ul {text-align: center;}
.kw_list li{
	text-align: center;
	display: inline-block;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin: 0 0 10px;
    background: #FFF;
}
.kw_list li a{
	display: inline-block;
    margin: 8px 15px;
    color: #222;
	font-size: 12px;
    position: relative;
}
}

/*760px以上(PC)*/
@media screen and (min-width: 760px) {
#dirPathBlock, h1, #anchorLinkBlock {
    width: 100%;
    max-width: 970px;
    min-width: 760px;
    margin: auto;
    box-sizing: border-box;
}
.introWrap div.inner div.shinkansen_detailed_information p.caution{
	text-align: center;
	font-size: 15px;
	color: #FF0004;
}
.introWrap div.inner div.shinkansen_detailed_information dl{width: 31.33333%;}
.introWrap div.inner div.shinkansen_detailed_information dl:nth-of-type(2) dd:before{
	content: "";
    /*background: url(../images/ic_shinkansen_pixta23655310.png) no-repeat;*/
    background-size: 100%;
    width: 24px;
    height: 30px;
    display: inline-block;
    margin: 0;
    vertical-align: sub;
    position: absolute;
    top: 33%;
    left: 8%;
}
.introWrap div.inner div.shinkansen_detailed_information dl:nth-of-type(2) dd{
	font-size:16px;
	position: relative;
}

/*---------------------------*/

/* CSS初期設定 */
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

p.images img{
	width:250px;
	height:auto!important;
}
#dirPathBlock,
#anchorLinkBlock {
    width: 100%;
    max-width: 970px;
    min-width: 760px;
    margin: auto;
}
h1{
    width: 100%;
    max-width: 970px;
    min-width: 760px;
    margin: 5px auto;
	background:none;
}
h3 {
	width:100%;
	font-size:24px;
	text-align:center;
	font-weight:normal;
    color: #3B5BCA;
	margin:10px auto;
	padding:10px 0 0;
    /*border-top: 2px solid #3B5BCA;*/
}
div.colum3T div{cursor:pointer;}
div.colum3T div:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}
div.colum3T div:hover a{
	color:#FF8000;
	text-decoration:underline;
}
.naviNormal li{font-size: 1.2em;}

#title{
	margin:0;
	padding:0;
	height:275px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(../images/bg.jpg) no-repeat 50% 0;
	background-size:cover
}
#title.tokyo_osaka {background-image: url(../images/bg.jpg);}
#title.tokyo_kyoto {background-image: url(../tokyo_kyoto/images/bg.jpg);}
#title.tokyo_hiroshima {background-image: url(../tokyo_hiroshima/images/bg.jpg);}
#title.tokyo_fukuoka {background-image: url(../tokyo_fukuoka/images/bg.jpg);}
#title.tokyo_niigata {background-image: url(../tokyo_niigata/images/bg.jpg);}
#title.tokyo_okayama {background-image: url(../tokyo_okayama/images/bg.jpg);}
#title.fukuoka_osaka {background-image: url(../fukuoka_osaka/images/bg.jpg);}
#title.okayama_tokyo {background-image: url(../okayama_tokyo/images/bg.jpg);}
#title.hiroshima_osaka {background-image: url(../hiroshima_osaka/images/bg.jpg);}
#title.tokyo_nagano {background-image: url(../tokyo_nagano/images/bg.jpg);}
#title.kagoshima_fukuoka {background-image: url(../kagoshima_fukuoka/images/bg.jpg);}
#title.fukuoka_hiroshima {background-image: url(../fukuoka_hiroshima/images/bg.jpg);}
#title.tokyo_aomori {background-image: url(../tokyo_aomori/images/bg.jpg);}
#title.toyama_tokyo {background-image: url(../toyama_tokyo/images/bg.jpg);}
#title.kumamoto_osaka {background-image: url(../kumamoto_osaka/images/bg.jpg);}
#title.hiroshima_fukuoka {background-image: url(../hiroshima_fukuoka/images/bg.jpg);}
#title.osaka_kanazawa {background-image: url(../osaka_kanazawa/images/bg.jpg);}
#title.nagoya_shinkobe {background-image: url(../nagoya_shinkobe/images/bg.jpg);}
#title.nagoya_okayama {background-image: url(../nagoya_okayama/images/bg.jpg);}
#title.nagoya_hiroshima {background-image: url(../nagoya_hiroshima/images/bg.jpg);}
#title.kyoto_okayama {background-image: url(../kyoto_okayama/images/bg.jpg);}
#title.kyoto_hiroshima {background-image: url(../kyoto_hiroshima/images/bg.jpg);}
#title.hiroshima_shinkobe {background-image: url(../hiroshima_shinkobe/images/bg.jpg);}
#title.hiroshima_okayama {background-image: url(../hiroshima_okayama/images/bg.jpg);}
#title.hiroshima_kumamoto {background-image: url(../hiroshima_kumamoto/images/bg.jpg);}
#title.hiroshima_kagoshima {background-image: url(../hiroshima_kagoshima/images/bg.jpg);}
#title.fukuoka_shinkobe {background-image: url(../fukuoka_shinkobe/images/bg.jpg);}
#title.fukuoka_kumamoto {background-image: url(../fukuoka_kumamoto/images/bg.jpg);}
#title.okayama_shinkobe {background-image: url(../okayama_shinkobe/images/bg.jpg);}
#title.okayama_fukuoka {background-image: url(../okayama_fukuoka/images/bg.jpg);}
#title.okayama_kumamoto {background-image: url(../okayama_kumamoto/images/bg.jpg);}
#title.okayama_kagoshima {background-image: url(../okayama_kagoshima/images/bg.jpg);}
#title.kyoto {background-image: url(../kyoto/images/bg.jpg);}
#title.tokyo_kanazawa{background-image: url(../tokyo_kanazawa/images/bg.jpg);}
#title.tokyo_karuizawa{background-image: url(../tokyo_karuizawa/images/bg.jpg);}
#title.tokyo_yamaguchi{background-image: url(../tokyo_yamaguchi/images/bg.jpg);}
#title.shinyokohama_hiroshima{background-image: url(../shinyokohama_hiroshima/images/bg.jpg);}
#title.osaka_okayama{background-image: url(../osaka_okayama/images/bg.jpg);}
#title.osaka_kagoshima{background-image: url(../osaka_kagoshima/images/bg.jpg);}
#title.kyoto_fukuoka{background-image: url(../kyoto_fukuoka/images/bg.jpg);}
#title.tokyo_nagoya{background-image: url(../tokyo_nagoya/images/bg.jpg);}
#title.tokyo_sendai{background-image: url(../tokyo_sendai/images/bg.jpg);}
#title.tokyo_shinkobe{background-image: url(../tokyo_shinkobe/images/bg.jpg);}
#title.shinyokohama_osaka{background-image: url(../shinyokohama_osaka/images/bg.jpg);}
#title.shinyokohama_kyoto{background-image: url(../shinyokohama_kyoto/images/bg.jpg);}
#title.shinyokohama_nagoya{background-image: url(../shinyokohama_nagoya/images/bg.jpg);}
#title.nagoya_osaka{background-image: url(../nagoya_osaka/images/bg.jpg);}
#title.nagoya_kyoto{background-image: url(../nagoya_kyoto/images/bg.jpg);}
#title.nagoya_hakata{background-image: url(../nagoya_hakata/images/bg.jpg);}
#title.akita_tokyo{background-image: url(../akita_tokyo/images/bg.jpg);}
#title.yamagata_tokyo{background-image: url(../yamagata_tokyo/images/bg.jpg);}

#title p{
	position: absolute;
	top:15px;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
	color:#FFF;
	font-weight:bold;
	width: 990px;
	line-height:40px;
	text-shadow:
	1px 1px 4px rgba(000,000,000,0.8),
	0px 1px 0px rgba(255,255,255,0.3);
}

#title p strong{
	background:#FFF;
	display:inline-block;
	padding:3px 5px 3px 5px;
	color:#036;
	font-size:28px;
	margin:0 20px 0 0;
	text-shadow:none;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0);
			vertical-align:middle;
}
#title span{
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	display:block;
	padding:15px 0 0 0;
	letter-spacing:0.5em;
	text-align:center;
}
#title img{
	width:100%;
	height:auto;
}
#templeteWrap{width:100%;}
.contInner02 .column2Area .section{
	width:950px!important;
	float:none!important;
	overflow:hidden;
}
#inner950{
	width:950px;
	margin:0 auto;
	display:block;
}
.inner950{
	width:950px;
	margin:30px auto 0;
	display:block;
}
#Foot .footBtmInner{
	font-size:12px!important;
}
.itemList4 a{
	color:#383333!important;
}

/*NEWS*/
#boxNews {
	width: 925px;
    display: block;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    -webkit-box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    margin: 0 auto 25px;
    overflow: hidden;
	padding-top: 1%;
}
#boxNews h2 {
	width: 99%;
    font-family: "メイリオ", Meiryo;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    text-indent: 56px;
    padding: 1.5% 0px;
    margin: 0;
    font-weight: normal;
    background-color: #d50045;
    display: block;
    color: #FFF;
}
#boxNews h2 img {
    width: 18px;
    height: auto;
    margin: -5px 8px 0 0;
}
#boxNews #boxNewsIn {
    padding: 15px 0px 5px 2%;
    overflow: hidden;
}

#boxNews #boxNewsIn dl {
	width: 100%;
	padding: 0 0 8px 0;
    margin: 0 10px 8px 0;
    overflow: hidden;
    display: block;
    box-shadow: none;
    height: auto;
}
#boxNews #boxNewsIn dl .iconNews_kansai,
#boxNews #boxNewsIn dl .iconNews_chubu {
	float: left;
    width: 8%;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #FFF;
    height: 28px;
    text-align: center;
    -mos-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 2.1;
}
#boxNews #boxNewsIn dl .iconNews_kansai {
    background-color: #fe5d45;
}
#boxNews #boxNewsIn dl .iconNews_chubu {
    background-color: #3c5ac9;
}
#boxNews #boxNewsIn dl .linkNews {
    float: left;
    width: 85%;
    height: 24px;
    font-size: 16px;
    padding: 3px 0 0 0;
    margin: 0 0 1% 2%;
    text-align: left;
    justify-content: left;
}
#boxNews #boxNewsIn dl .linkNews strong {
    font-size: 18px;
    color: #F00;
    font-weight: bold;
    display: inline-block;
    margin: 0.5% 0 0 1%;
}

/*注釈*/
p.comment {
	width: 92%;
    /*color: red;*/
    font-size: 14px;
    padding: 5px;
    margin: 0 auto 20px;
    box-sizing: border-box;
}

/*common*/
#navMenuNew100{
	background:#454545;
	margin-bottom: 25px;
}

#navMenuNew100 ul{
	width:980px;
	text-align:center;
	margin:0 auto;
	padding:15px 0 15px 0;
}

#navMenuNew100 ul li{
	display:inline-block;
	font-size:15px;

}
#navMenuNew100 ul li{
	border-right:2px solid #FFF
}

#navMenuNew100 ul li a{
	display:block;
	color:#FFF;
	background-size:12px auto;
	padding:10px 20px 10px 20px;
}

#navMenuNew100 ul li:first-child{
	border-left:2px solid #FFF
}

#navMenuNew100 ul li a:hover{
	text-decoration:none!important;
}

#navMenuNew100 ul li a:hover{
	text-decoration:none!important;
	transition: 0.2s ;
	opacity: 0.6 ;
}

.article .inner{
	width:950px;
	margin:0 auto;
	padding:10px 0 40px 0;
}

h2 {
	font-size: 28px;
	margin:10px 0 30px 0;
	padding:0 0 30px 0;
	font-weight:normal;
	text-align:center;
}

.red{
	color:#3B5BCA;
	background:url(../images/ti_border.png) no-repeat 0 100%;
}

.blue{
	color:#3b5bca;
	background:url(../images/ti_border2.png) no-repeat 0 100%;
	position: relative;
}

h2.blue img{
	position: absolute;
	top: 15%;
    left: 50px;
    width: 40px;
}

h2 img{
	margin-top:-6px;
}

/*introWrap----------------*/
.introWrap{
	overflow:hidden;
	padding:0;
}

.introWrap div{
	overflow:hidden;
	/*padding:10px 0 0 8px;*/
}

.introWrap dl{
	width: 31.33333%;
    display: block;
    float: left;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    -webkit-box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    box-shadow: 0px 0px 6px rgba(000,000,000,0.2);
    margin: 10px 1% 35px;
    overflow: hidden;
}

/*.introWrap dl:last-child{
	margin:0;
}*/

.introWrap dl dt {
    height: 48px;
    line-height: 1.5;
    text-align: center;
    background: #e0edff;
    font-size: 16px;
    color: #000;
    padding: 10px 0;
}

.introWrap dl dt img{
	width:18px;
	height:auto;
	margin:-5px 8px 0 0;
}

.introWrap dl:last-child dt img{
	width:24px;
	height:auto;
}

.introWrap dl dd{
	font-size: 16px;
    text-align: center;
    font-weight: normal;
    height: 120px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.introWrap dl dd strong{
	font-size:26px;
	color:#F00;
	font-weight:bold;
}

.btnCommon a{
	display:block;
	padding:15px 0 12px 0;
	font-size:16px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-bottom:3px solid rgba(0,0,0,0.2);
}

.btnCommon a:hover{
	text-decoration:none!important;
	transition: 0.2s ;
	opacity: 0.8 ;
}

.blueBtn a{background: url(../images/im_arrow.png) no-repeat 96% 50% #0065D6;}
.pinkBtn a{background: url(../images/im_arrow.png) no-repeat 96% 50% #CC0D21;}

.blueBtn a span,
.pinkBtn a span{font-size:12px;}

.kyushuBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50% #ed6d9e; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #ed6d9e 0%, #f25292 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #ed6d9e 0%,#f25292 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #ed6d9e 0%,#f25292 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6d9e', endColorstr='#f25292',GradientType=0 ); /* IE6-9 */


}

.saninBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50% #ff8821; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #ff8821 0%, #ff7a01 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #ff8821 0%,#ff7a01 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #ff8821 0%,#ff7a01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8821', endColorstr='#ff7a01',GradientType=0 ); /* IE6-9 */

}

.kushientsuBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50% #dd9527; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%,-moz-linear-gradient(top,  #dd9527 0%, #e08800 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%,-webkit-linear-gradient(top,  #dd9527 0%,#e08800 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%,linear-gradient(to bottom,  #dd9527 0%,#e08800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9527', endColorstr='#e08800',GradientType=0 ); /* IE6-9 */

}

.orangeBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50% #f2a63c; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #f2a63c 0%, #ff9327 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #f2a63c 0%,#ff9327 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%,linear-gradient(to bottom,  #f2a63c 0%,#ff9327 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a63c', endColorstr='#ff9327',GradientType=0 ); /* IE6-9 */

}

.greenBtn a{
background: url(../images/im_arrow.png) no-repeat 96% 50%  #379973; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #379973 0%, #00995f 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #379973 0%,#00995f 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #379973 0%,#00995f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#379973', endColorstr='#00995f',GradientType=0 ); /* IE6-9 */
}

.hokurikuBtn a{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6b159+0,c9a100+100 */
background: url(../images/im_arrow.png) no-repeat 96% 50% #c6b159; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -moz-linear-gradient(top,  #c6b159 0%, #c9a100 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #c6b159 0%,#c9a100 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #c6b159 0%,#c9a100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6b159', endColorstr='#c9a100',GradientType=0 ); /* IE6-9 */
}

.greenBtn2 a{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38ad14+0,4c8d00+100 */
background:url(../images/im_arrow.png) no-repeat 96% 50% #38ad14; /* Old browsers */
background: url(../images/im_arrow.png) no-repeat 96% 50%,-moz-linear-gradient(top,  #38ad14 0%, #4c8d00 100%); /* FF3.6-15 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, -webkit-linear-gradient(top,  #38ad14 0%,#4c8d00 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/im_arrow.png) no-repeat 96% 50%, linear-gradient(to bottom,  #38ad14 0%,#4c8d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ad14', endColorstr='#4c8d00',GradientType=0 ); /* IE6-9 */
}
ul.btnBox{
	overflow:hidden;
	margin-bottom: 25px;
}

ul.btnBox li{
	width:430px;
	float:left;
	margin:0 0 0 30px
}

/*otokuWrap--------------------*/

ul.listWrap{
	overflow:hidden;
	padding:10px 0 10px 0;
}
ul.listWrap li{
	width:220px;
	height:auto;
	float:left;
	margin:0 0 0 15px;
	background:#FFF;
	-moz-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	padding:0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	position:relative;
	overflow:hidden;
}

ul.listWrap li dt{
	background:#e0edff;
	padding:7px;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
}

ul.listWrap li dt > span{
	background:#FFF;
	text-align:center;
	display:inline-block;
	border-radius: 50%;
	width:50px;
	height:40px;
	line-height:16px;
	font-size:14px;
	padding:10px 0 0 0;
	float:left;
	margin:0 8px 0 0;
}
ul.listWrap li dt > strong{
	display:block;
	overflow:hidden;
	padding:8px 0 0 0;
	font-weight:normal!important;
}

ul.listWrap li dt > strong strong{
	font-size:16px;
	color:#d3021b;
	font-weight:bold
}
ul.listWrap li dd{
	font-size:13px;
	padding:10px;
	line-height:20px;
}

ul.listWrap li dd p{
	/*text-align:center;*/
	margin:10px 0 0 0;
	padding:0;
	line-height:18px;
	font-size: 8px;
}

ul.listWrap li dd p strong{
	font-size:18px;
	color:#F00;
	display:block;
	font-weight:bold;
}


ul.listWrap li dd p.f12{
	font-size:12px;
}


ul.listWrap li dd p.f12 strong{
	font-size:12px;
	color:#F00;
	display:block;
	font-weight:bold;
}

ul.listWrap li dd p.f12 span{
	color:#000;
		font-weight:normal;
}


ul.listWrap li > p{
	position:absolute;
	bottom:0;
	left:-1px;
	display:block;
	text-align:center;
	width:100%;
}

ul.listWrap li > p img{
	display:inline-block;
}


.otokuWrap ul.listWrap li{
	height:380px;
	margin-bottom:30px;
}

.riyouWrap ul.listWrap li{
	height:340px;
	margin-bottom:30px;
}

.riyouWrap ul.listWrap li dt > span span{
	font-size:10px;
		font-weight:normal;
}

.letter{
	letter-spacing:-0.1em;
}

/*.riyouWrap ul.listWrap li:last-child img{
	display:none
}*/

/*planWrap------------------*/


/*.planWrap div > div{
	background:#FFF;
	-moz-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	padding:0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin:0 0 30px 0;
	overflow:hidden;
	padding:0 0 10px 0;
	display:block;
}
.planWrap div > div > div{
	-moz-box-shadow:
		0px 0px 0 rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 0 rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 0 rgba(000,000,000,0.2);
		border-bottom:2px solid #e3e0d7;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	position:relative;
	padding:0 0 0px 0;
	display:block;
}*/

.planWrap div > div:last-child{
	margin-bottom:0
}

.planWrap div > div > div:last-child{border-bottom:0px;
}

.planWrap div div h3{
	height:50px;
	background:#ececec;
	text-align:center;
	margin:0 0 25px 0;
	font-size:20px;
	line-height:2;
	font-weight:normal;
	color: #000;
}

.planWrap dl {
	float: left;
    width: 296px;
    margin: 0 10px 10px;
}
.planWrap dl.cityImage {
	width: 250px;
	margin:0 30px 0 25px;
	line-height: 1.5;
}
.planWrap dl dt {
	margin-bottom: 10px;
}
.planWrap dl dd {
	margin-bottom: 7px;
	text-align:left;
	line-height:20px;
}
.planWrap dl dd.arrow {
	margin-top:5px;
	padding-left: 15px;
	background: url('../images/arrow.gif') no-repeat left center;
}

.planWrap dl.setPlan dt {
	padding: 7px 10px 10px 7px;
	font-weight: bold;
	line-height: 1.7;
	background-color:#fff1e2;
	font-weight:normal;
}

.planWrap dl.setPlan dt a{
	text-decoration:none!important;
	border-bottom:none!important;
}

.planWrap dl.setPlan dt a:hover{
	text-decoration:underline!important;
}

.period {
	margin-left: 7px;
font-weight:normal;
	font-size: 12px;
}
.price {
	margin-left: 7px;
	font-weight: bold;
	font-size: 12px;
	color: #c00;
}

.planWrap dl dd.btnCommon{
	text-align:right
}

.planWrap dl dd.btnCommon a{
	font-size:12px!important;
	padding:8px 25px 8px 15px;
	display:inline-block;
		background-size:6px auto!important;
}

.planWrap p.btnCommon:before{
	  content: "";
  clear: both;
  display: block;
}

.planWrap p.btnCommon{
    bottom: 0;
    right: 20px;
    margin: 0 auto 50px;
    width: 620px;
    clear: both;
}

.planWrap p.btnCommon a{
	display:block;
	margin: 20px 0;
	padding:15px 0 12px 0;
	font-size:20px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	-webkit-border-radius: 5px 5px 5px 5px!important;
	border-radius: 5px 5px 5px 5px!important;
	border-bottom:3px solid rgba(0,0,0,0.2);
	font-size:18px;

}

.slick-prev, .slick-next {
    top: 50%!important;
}

@media screen and (min-width: 781px){
.plan_area .slick-prev {
    left: -2%!important;
}

.plan_area .slick-next {
    right: -2%!important;
}
}

/*-------------
plan
---------------*/
/*div.area_plan_hotel{
	background:#FFF;
	width:23%;
	float:left;
	overflow:hidden;
	padding:10px;
	margin:0 10px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
div.area_plan_hotel:hover{opacity:0.8;}
div.area_plan_hotel p.hotel_area{
	font-size: 12px;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 15px;
    background: #2184da;
    color: #FFF;
    padding: 5px;
    border-radius: 3px;
}
div.area_plan_hotel img{
	width:100%;
	height: 100%;
}
div.area_plan_hotel h4{
    font-size: 14px;
     text-align: center; 
     margin: 5% auto; 

    width: 100%;
    position: absolute;
    bottom: 80px;
    left: 5px;
    background: rgba(255,255,255,0.7);
    line-height: 2.5;
}
div.area_plan_hotel .hotel_price{
	text-align: center;
    color: #f00;
    font-weight: bold;
    font-size: 16px;

	width: 100%;
    position: absolute;
    bottom: 42px;
    left: 5px;
    background: rgba(255,255,255,0.7);
}
div.area_plan_hotel .hotel_price span{
    color: #222;
    font-size: 12px;
}
div.area_plan_hotel .access {
    font-size: 12px;
    line-height: 1.4;

	width: 95%;
    position: absolute;
    bottom: 10px;
    left: 5px;
    background: rgba(255,255,255,0.7);

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}*/
div.area_plan_hotel{
	background:#FFF;
	width:23%;
	float:left;
	overflow:hidden;
	padding:10px;
	margin:10px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	border: 1px solid #ececec;
    box-shadow: 2px 2px 2px 0 #ececec;
}
div.area_plan_hotel:hover{opacity:0.8;}
div.area_plan_hotel p.hotel_area{
	font-size: 12px;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 15px;
    background: #2184da;
    color: #FFF;
    padding: 5px;
    border-radius: 3px;
}
div.area_plan_hotel img{
	width:100%;
	height: 100%;
}
div.area_plan_hotel h4{
    font-size: 15px;
    text-align: center;
    margin: 5% 0;
}
div.area_plan_hotel .hotel_price{
	text-align: center;
    color: #f00;
    font-weight: bold;
    font-size: 16px;
	margin-bottom: 4%;
}
div.area_plan_hotel .hotel_price span{
    color: #222;
    font-size: 12px;
}
div.area_plan_hotel .hotel_catch_copy {
    font-size: 12px;
    line-height: 1.4;
    height: 48px;
/*    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
    margin-bottom: 5px;
}
div.area_plan_hotel .access {
	font-size: 12px;
    line-height: 1.4;
    height: 40px;
/*    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
/*--*/

/* --------------------------------------------------- serch */
#sm{
	width:100%!important;
}

.innBox{
	display:block;
	overflow:hidden;
	background:#FFF;
	padding:0 30px 0 30px;
	margin:0 0 0 150px;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.innBox{
	display: block;
    overflow: hidden;
    background: #FFF;
    padding: 30px 100px;
    margin: 0 auto 0px;
    width: 600px;
}
}

.innBox select{
    color: #000000;
    height: 38px;
    font-size: 100%;
    padding: 0 0 0 10px;
    border: 1px solid #B3B3B3;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
	margin:0 5px 3px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.innBox select{
    color: #000000;
    height: 38px;
    font-size: 100%;
    padding: 0 60px 0 10px;
    border: 1px solid #B3B3B3;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
	margin:0 0 3px 0;
	background:url(../images/select_arrow.jpg) no-repeat 100% 50%;
	width: 100%;
}
}

.serchWrap .innBox dl{
	display:block;
	overflow:hidden;
	width:100%;
	margin:0 0 10px 0
}

.serchWrap .innBox dt{
	background:#000;
	height:35px;
	line-height:35px;
	color:#FFF;
	display:block;
	width:85px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	/*font-weight:bold;*/
	font-size:15px;
	border-radius: 5px;
}

.serchWrap .innBox dt.f12{
	background:#000;
	height:35px;
	line-height:35px;
	color:#FFF;
	display:block;
	width:85px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	font-weight:bold;
	font-size:15px;
}

.serchWrap .innBox dd{
	overflow:hidden;
	display:block;
	font-size:14px;
}

.cont{
	font-size:14px;
}

.largeLange{
	width:40%!important;
	float:left;
}

.middleLange{
	width:45%!important;
	float:left;
}

.serchBtn{
	clear:both;
	text-align:center;
	display:block;
	margin:0;
	padding:15px 0 15px 0;
}

.serchWrap .innBox input{
	padding:10px;
}

.dispBtn{
	position:relative;
	width:419px;
	margin:30px auto 0;
}

.btnSubmit{
	width:100%;
	height:52px;
	color:#FFF!important;
background: #ffa600; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8e00 0%, #ff8e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e00), color-stop(100%,#ff8e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff8e00 0%,#ff8e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e00', endColorstr='#ff8e00',GradientType=0 ); /* IE6-9 */	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:18px;
	border:0;
	cursor:pointer;
}

.dispBtn:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:35%;
	right:1%;
}

.dispBtn:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none!important;
}

.map{
	float:left;
	margin:0 20px 0 0!important;
	display:block;
}

.contentRight{
	overflow:hidden;
	display:block;
	padding:0 0 0 0;
}
.stepBox li{
	margin:0 0 8px 0;
}

.stepBox li strong{
	font-weight:normal;
}

/*otherWrap-----------------*/
.otherWrap ul{overflow:hidden;}
.otherWrap ul.bnr_box li{
	width:23%;
	float:left;
	margin:4px 1% 10px;
	padding: 0 0 10px;
	font-size:16px;
	background:#FFF;
	text-align:center;
	-moz-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	box-shadow:
		0px 0px 6px rgba(000,000,000,0.2);
	overflow:hidden;
}
.otherWrap ul.bnr_box li a,
.otherWrap ul.bnr_box li img{
	width: 100%;
	margin-bottom: 5px;
	display: block;
}

.tlink_box:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.otherWrap ul.tlink_box {
    width: 87%;
    margin: 0px auto 0 auto;
    background: #FFF;
    overflow: hidden;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.otherWrap .tlink_box:nth-of-type(2) {
    padding-top: 20px;
}

.otherWrap ul.tlink_box li {
    font-size: 14px;
    text-align: center;
    margin: 0 0 18px 0;
    display: block;
	float:left;
	width: 24%;
}

.otherWrap ul.tlink_box li a {
    padding: 0 0 0 20px;
    display: block;
	color:#39F;
	text-align:left;
	margin:0 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	position:relative;
}
.otherWrap ul.tlink_box li a:before{
	content:"▼";
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	display:block;
	position:absolute;
	top:0;
	left:0;
	font-size:13px;
}

.otherWrap ul.tlink_box li a:hover{
	text-decoration:none!important;

	transition: 0.2s ;
	opacity: 0.8 ;
}

/*20161207-----------------*/
.introWrap .inner .exa_txt{
    font-size: 12px;
	display: inline-block;
}

/*kanko_info&tripa*/
.article dl.kanko_info_boxwrap{margin: 15px;background: #FFF;border-bottom: 1px solid #e2e2e2;}
.article dl.kanko_info_boxwrap dt{
    background: #ff6699;
    padding: 8px 0 5px 10px;
    font-size: 16px;
    color: #FFF;
}
.article dl.kanko_info_boxwrap dd{margin: 15px 0;}
.article dl.kanko_info_boxwrap dd img{
	width:30%;
	margin-right:2%;
	float:left;
	display:block;
}
.article dl.kanko_info_boxwrap dd p{
	width: 68%;
    float: left;
    display: block;
    font-size: 14px;
    padding: 1%;
    box-sizing: border-box;
    line-height: 1.8;
}

.article dl.kanko_info_boxwrap dd p a{
    display: block;
    text-align: right;
    margin-right: 2%;
}

.article .tripadata{margin-bottom:2%;}

.article .tripadata div{
	overflow:hidden;
	padding:15px;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
}

.article .tripadata div p{
	float: left;
    margin: 0 20px 0 0;
    width: 120px;
}

.article .tripadata div p img{
	width:100%;
	height:auto;
}

.article .tripadata div dl{
	overflow:hidden;
	display:block;
}

.article .tripadata div:last-child{
	border-bottom:none
}

.article .tripadata div dl dt{
	font-size:16px;
	margin:0 0 10px 0;
}

.article .tripadata div dl dt a{
	color:#000;
}

.article .tripadata div dl dd{
	font-size:14px;
	color:#999;
}

.article .tripadata div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}

.article .tripadata div dl dd > span a{
	color:#CCC;
}

.article .tripadata div dl dd > span span{
	color:#F69;
	display:inline;
}

.otokuWrap .useWrap .commonTit{
	margin:0;
}

/*add 20200304*/
.disnone_linkbox{display:none!important;}

ul#jr_link_tab{
	border-bottom: 3px solid #282da5;
}

ul#jr_link_tab li {
    color: #282da5;
    font-size: 16px;
    background: #eee;
    padding: 10px 10px 8px;
    text-align: center;
    width: 120px;
    margin: 0 5px;
    border-radius: 0 15px 0 0;
	cursor: pointer;
	float: left;
}
ul#jr_link_tab li.select {
    color: #FFF;
    background: #282da5;
}
div#jr_link_box {
    padding-bottom: 20px;
    /*height: 125px;*/
}
div#jr_link_box ul{
	display: flex;
	flex-wrap: wrap;
	background: #fff;
}
div#jr_link_box ul li {
	width: calc(92% / 4);
	margin: 1%;
	font-size: 15px;
}
div#jr_link_box ul li ul li {font-size: 14px;}
div#jr_link_box ul li.other_area_jrlink {
	display: block;
    width: 94%;
    border: 1px solid #bbb;
}
div#jr_link_box ul li.other_area_jrlink h5{
	width: 164px;
	float:left;
    background: #bbb;
    color: #FFF;
    padding: 8px;
    font-size: 14px;
}
/*div#jr_link_box ul li.other_area_jrlink ul li{
	width: 120px;
    margin: 8px 20px 0;
}*/

/*Q&A*/
#qanda_box div > b{
    background: #3B5BCA;
    font-size: 20px;
    margin-right: 1%;
    color: #FFF;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    float: left;
    padding-top: 3px;
}

#qanda_box div h3{
	font-size: 18px;
    margin-bottom: 1%;
    color: #3B5BCA;
    line-height: 1.5;
    font-weight: bold;
    padding-top: 2px;
    text-align: left;
    display: block;
}

#qanda_box div p{
	font-size: 16px;
	margin-bottom: 3%;
	line-height: 1.6;
	padding-top: 3px;
}

/*PRバナー*/
a.pr_banner{
	width:640px;
	display:block;
	margin:0 auto 25px;
}
a.pr_banner p{
	text-align:center;
	margin-top:1%;
}
a.pr_banner:hover{
	opacity:0.8;
	cursor:pointer;
}

/**/
#wrapper #anchorLinkBlock {margin-top: 10px;}

/*slick*/
.plan_area .slick-prev {left: -2%!important;}
.slick-prev {
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow_right.png) no-repeat!important;
	background-size: 100%!important;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 999;
    width: 32px;
    height: 32px;
    display: block;
}
.slick-prev, .slick-next {top: 50%!important;}
.slick-prev:hover, .slick-next:hover {
    transition: 0.3s;
    opacity: 0.6;
}
.plan_area .slick-next {right: -2%!important;}
.slick-next {
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow_left.png) no-repeat!important;
	background-size: 100%!important;
}

/*KW*/
.kw_list ul {text-align: center;}
.kw_list li{
	text-align: center;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin: 0 5px 10px;
    background: #FFF;
}
.kw_list li a{
	display: inline-block;
    margin: 8px 15px;
    color: #222;
	font-size: 14px;
    position: relative;
}
}