@charset "utf-8";

@import url(/common/css/page.css);
@import url("/kokunai/___common/css/common.css");
@import url("/kokunai/___common/css/search.css");
@import url("/kokunai/___common/css/footer_kokunai.css");
@import url(/kokunai/_common/css/common_style.css);


.dom-area-mv{
	margin-top: 25px;
}
.dom-area-mv-catch{
	position: absolute;
	left: 50%;
	bottom: 5px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	min-width: 970px;
	max-width: 1920px;
	padding-right: 20px;
	color: #fff;
	text-align: right;
	font-size: 1.1rem;
	text-shadow:
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
}

/* 地図から探す（エリア系）
---------------------------------------------------------- */
.domtour-top-mv-nav-map{
	display: none;
}
.dom-top-mv-lead {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 40px;
  text-shadow: 0 0 9px #000;
}
.search-tab{
	padding-top: 0;
}


/* --------- h2 --------- */
.dom-area-heading-01{
	position: relative;
	font-weight: bold;
}
.dom-area-heading-01:before{
	margin-right: 10px;
	color: #c81428;
	vertical-align: baseline;

	font-family: 'jtb-dom' !important;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#pref-map .dom-area-heading-01:before{ content: "\e938"; }
#pref-recommend .dom-area-heading-01:before{ content: "\e92f"; }
#pref-feature .dom-area-heading-01:before{ content: "\e956"; }
#pref-otherarea .dom-area-heading-01:before{ content: "\e973"; }
#pref-detaillink .dom-area-heading-01:before{ content: "\e91f"; }
#pref-area-guide .dom-area-heading-01:before{ content: "\e940"; }
#pref-faq .dom-area-heading-01:before{ content: "\e913"; }

/* --------- 共通 --------- */
#contents_wraper{
	padding-bottom: 80px;
}
.in_wrapper{
	margin: 0 auto;
	padding: 0 5px;
	width: 100%;
	min-width: 970px;
	max-width: 1130px;
}
.dom-area-section-01{
	margin-top: 50px;
}
.dom-area-select-area-wrap{
	position: relative;
	margin: 0 auto;
	padding: 0 5px;
	width: 100%;
	min-width: 970px;
	max-width: 1130px;
}
.dom-area-select-area-wrap .dom-area-select-area{
	z-index: 1;
}
.pc-none{
	display: none;
}

/* --------- マップ --------- */
.means-transport { padding-top: 50px; }
.means-transport__list { display: flex; font-size: 1.8rem; justify-content: space-between; text-align: center; }
.means-transport__title { background-color: #115687; color: #fff; height: 60px; line-height: 60px; margin-right: 20px; position: relative; width: 230px; }
.means-transport__title::after { border-color: transparent transparent transparent #115687; border-style: solid; border-width: 30px 0 30px 20px; content: ""; height: 0; position: absolute; right: -20px; width: 0; }
.means-transport__item { background-color: #fff; border: 1px solid #002f6b; color: #002f6b; display: block; height: 60px; line-height: 58px; transition: all .5s ease; width: 280px; }
.means-transport__item:hover { cursor: pointer; text-decoration: underline; }
.means-transport__item.is-active { border: 2px solid #cc0000; color: #cc0000; line-height: 56px; }
.means-transport__item.is-active:hover { text-decoration: none; }

/* プラン選択 */
.map-plan-select { padding-top: 50px; }
.map-plan-select__list { display: flex; font-size: 1.8rem; justify-content: space-between; text-align: center; }
.map-plan-select__title { background-color: #115687; color: #fff; height: 60px; line-height: 60px; margin-right: 20px; position: relative; width: 230px; }
.map-plan-select__title::after { border-color: transparent transparent transparent #115687; border-style: solid; border-width: 30px 0 30px 20px; content: ""; height: 0; position: absolute; right: -20px; width: 0; }
.map-plan-select__item { position: relative; background-color: #fff; border: 1px solid #002f6b; color: #002f6b; display: block; height: 60px; line-height: 58px; transition: all .5s ease; width: 280px; }
.map-plan-select__item:hover { cursor: pointer; text-decoration: underline; }
.map-plan-select__item.is-active { border: 2px solid #cc0000; color: #cc0000; line-height: 56px; }
.map-plan-select__item.is-active:hover { text-decoration: none; }
.map-plan-select__item#js-dp-jr:before, .map-plan-select__item#js-dp-air:before, .map-plan-select__item#js-htl:before { display: inline-block; margin-right: 15px; font-family: 'jtb-dom' !important; text-decoration: none; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-bottom: 5px; color: #115687; }
.map-plan-select__item#js-dp-jr:before { font-size: 6.2rem; content: "\e974"; }
.map-plan-select__item#js-dp-air:before{ font-size: 6.2rem; content: "\e975"; }
.map-plan-select__item#js-htl:before   { font-size: 2.2rem; content: "\e934"; }
.map-plan-select__item.is-active#js-dp-jr:before { color: #cc0000; }
.map-plan-select__item.is-active#js-dp-air:before{ color: #cc0000; }
.map-plan-select__item.is-active#js-htl:before   { color: #cc0000; }

.map-flash { animation: flash .8s ease-out; }
@keyframes flash {
  from { opacity: 0; }
  to { opacity: 1; }
}

#pref-map-inner{
	position: relative;
}

#plan-jr  { display:none; }
#plan-air { display:none; }
#plan-htl { display:none; }

#plan-jr.plan-active  { display:block; }
#plan-air.plan-active { display:block; }
#plan-htl.plan-active { display:block; }

.pref-map-subarea{
	margin-top: 30px;
    height: 565px;
	border-radius: 15px;
	border: solid 20px #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.pref-map-subarea > li:not(.pref-map-pref){
	position: absolute;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	padding: 12px 30px 12px 8px;
	min-width: 70px;
	color: #333;
	font-size: 1.5rem;
	line-height: 1;
	text-decoration: none;
	border: solid 1px #eade98;
	background-color: #fff9d4;
}
.pref-map-subarea > li:not(.pref-map-pref):after{
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -.5em;

	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e906";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.pref-map-subarea > li.is-active:not(.pref-map-pref),
.pref-map-subarea > li:hover:not(.pref-map-pref){
	border: solid 1px #cc0000;
	transition: all 0.4s ease;
}
.pref-map-subarea > li.pref-map-pref{
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.pref-map-subarea > li.pref-map-pref > a{
	font-size: 1.5rem;
	padding: 15px;
	text-decoration: none;
	border: solid 1px #d6bc33;
	background-color: #f8d927;
}
.pref-map-subarea > li.pref-map-pref > a:hover{
	opacity: .6;
	transition: all 0.4s ease;
}

.pref-map-mesh{
	display: none;
	position: absolute;
	margin-top: 6px;
	padding: 10px;
	width: 400px;
	border: solid 1px #cc0000;
	background: #fff;
	z-index: 1;
}
.pref-map-mesh:before {
	top: -9px;
	border-color: transparent transparent #fff transparent;
	z-index: 2;
}
.pref-map-mesh:after {
	top: -10px;
	border-color: transparent transparent #cc0000 transparent;
	z-index: 1;
}
.pref-map-mesh:before, .pref-map-mesh:after {
	content: "";
	border-style: solid;
	border-width: 0 10px 10px 10px;
	position: absolute;
	left: 25%;
	margin-left: -10px;
}
.pref-map-mesh dt{
	font-weight: bold;
	text-align: left;
}
.pref-map-mesh dt:not(:first-child){
	margin-top: 20px;
}
.pref-map-mesh dd a{
	border: solid 1px #ececec;
}
.pref-map-mesh a{
	display: block;
	padding: 10px 5px;
	text-align: center;
}
.pref-map-mesh a:hover{
	color: #cc0d21;
}
.pref-map-mesh ul{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -5px;
}
.pref-map-mesh li{
	margin-top: 5px;
	width: 49%;
}

.map_ex{
	position: absolute;
	right: 6%;
	bottom: 6%;
}

/* プラン選択 非表示 */
.target_dept_kokunai_SPK .map-plan-select__item.plan-none-SPK { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_SDJ .map-plan-select__item.plan-none-SDJ { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_KIJ .map-plan-select__item.plan-none-KIJ { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_TYO .map-plan-select__item.plan-none-TYO { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_NGO .map-plan-select__item.plan-none-NGO { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_HKJ .map-plan-select__item.plan-none-HKJ { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_OSA .map-plan-select__item.plan-none-OSA { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_HIJ .map-plan-select__item.plan-none-HIJ { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_FUK .map-plan-select__item.plan-none-FUK { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_SPK .map-plan-select__item.plan-none-SPK#js-dp-jr:before { color: #333; }
.target_dept_kokunai_SDJ .map-plan-select__item.plan-none-SDJ#js-dp-jr:before { color: #333; }
.target_dept_kokunai_KIJ .map-plan-select__item.plan-none-KIJ#js-dp-jr:before { color: #333; }
.target_dept_kokunai_TYO .map-plan-select__item.plan-none-TYO#js-dp-jr:before { color: #333; }
.target_dept_kokunai_NGO .map-plan-select__item.plan-none-NGO#js-dp-jr:before { color: #333; }
.target_dept_kokunai_HKJ .map-plan-select__item.plan-none-HKJ#js-dp-jr:before { color: #333; }
.target_dept_kokunai_OSA .map-plan-select__item.plan-none-OSA#js-dp-jr:before { color: #333; }
.target_dept_kokunai_HIJ .map-plan-select__item.plan-none-HIJ#js-dp-jr:before { color: #333; }
.target_dept_kokunai_FUK .map-plan-select__item.plan-none-FUK#js-dp-jr:before { color: #333; }
.target_dept_kokunai_SPK .map-plan-select__item.plan-none-SPK#js-dp-air:before { color: #333; }
.target_dept_kokunai_SDJ .map-plan-select__item.plan-none-SDJ#js-dp-air:before { color: #333; }
.target_dept_kokunai_KIJ .map-plan-select__item.plan-none-KIJ#js-dp-air:before { color: #333; }
.target_dept_kokunai_TYO .map-plan-select__item.plan-none-TYO#js-dp-air:before { color: #333; }
.target_dept_kokunai_NGO .map-plan-select__item.plan-none-NGO#js-dp-air:before { color: #333; }
.target_dept_kokunai_HKJ .map-plan-select__item.plan-none-HKJ#js-dp-air:before { color: #333; }
.target_dept_kokunai_OSA .map-plan-select__item.plan-none-OSA#js-dp-air:before { color: #333; }
.target_dept_kokunai_HIJ .map-plan-select__item.plan-none-HIJ#js-dp-air:before { color: #333; }
.target_dept_kokunai_FUK .map-plan-select__item.plan-none-FUK#js-dp-air:before { color: #333; }

/* MAP内ボタン非表示 */
.target_dept_kokunai_SPK .js-map.plan-area-none-SPK, 
.target_dept_kokunai_SDJ .js-map.plan-area-none-SDJ, 
.target_dept_kokunai_KIJ .js-map.plan-area-none-KIJ, 
.target_dept_kokunai_TYO .js-map.plan-area-none-TYO, 
.target_dept_kokunai_NGO .js-map.plan-area-none-NGO, 
.target_dept_kokunai_HKJ .js-map.plan-area-none-HKJ, 
.target_dept_kokunai_OSA .js-map.plan-area-none-OSA, 
.target_dept_kokunai_HIJ .js-map.plan-area-none-HIJ, 
.target_dept_kokunai_FUK .js-map.plan-area-none-FUK,
.js-map.plan-area-none-ALL { pointer-events: none; cursor: initial; color: #333; background-color: #999!important; border: solid 1px #666!important; }

/* MAP内プルダウンボタン非表示 */
#pref-map .plan-none {
	pointer-events: none;
	cursor: initial;
	color: #333;
	background: #efefef;
	opacity:0.4;
}

.info { color: #cc0000; }

/* --------- 新着 --------- */
#pref-news{
	padding: 15px 0 30px;
	background: #fff;
}
#pref-news h2{
	position: relative;
	margin-left: 86px;
	padding: 10px 0;
	color: #e41669;
	text-align: left;
	border-bottom: dotted 1px #333;
}
#pref-news h2:before{
	position: absolute;
	left: -86px;
	top: -5px;
	content: "";
	display: block;
	width: 76px;
	height: 75px;
	background: url(/kokunai/area/_common_pref/images/new_icon.png) no-repeat 0 0;
}
#pref-news ul{
	margin: 20px 30px 0;
}
#pref-news li{
	position: relative;
	padding-left: 15px;
}
#pref-news li:not(:first-child){
	margin-top: 10px;
}
#pref-news li:before{
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 0.9rem;

	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e909";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* --------- おすすめ宮城ツアー・旅行 --------- */
#pref-recommend .dom-reclist{
	margin-top: 10px;
}
#pref-recommend .dom-area-more-btn{
	width: 300px;
}


/* --------- キーワード --------- */
#pref-keyword{
	padding: 15px 0;
	background: #fff;
}
#pref-keyword h2{
	position: relative;
	margin-left: 86px;
	padding: 10px 0;
	color: #e41669;
	text-align: left;
	border-bottom: dotted 1px #333;
}
#pref-keyword h2:before{
	position: absolute;
	left: -86px;
	top: -5px;
	content: "";
	display: block;
	width: 71px;
	height: 74px;
	background: url(/kokunai/area/_common_pref/images/keyword_icon.png) no-repeat 0 0;
}
#pref-keyword ul{
	margin: 20px 30px;
}
#pref-keyword li{
	display: inline-block;
	margin: 10px 15px 0 0;
	white-space: nowrap;
}
#pref-keyword li.fontS{
	font-size: 1.0rem;
}
#pref-keyword li.fontL{
	font-size: 2.0rem;
}


/* --------- 特集--------- */
#pref-feature .in_wrapper{
	padding-bottom: 50px;
	border-bottom: solid 1px #ccc;
}
#pref-feature .dom-featlist{
	margin-top: 10px;
}
#pref-feature img{
	width: 100%;
	height: auto;
}
#pref-feature .dom-area-more-btn{
	margin-bottom: 0;
}

/* --------- ほかのエリア、都道府県から探してみる--------- */
#pref-otherarea .in_wrapper{
	padding-bottom: 50px;
	border-bottom: solid 1px #ccc;
}
#pref-otherarea .pref-otherarea-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 30px;
	padding: 15px 20px;
	background: #fff;
}
#pref-otherarea .pref-otherarea-col{
	width: calc((100% - 20px) / 2);
	background: #fff;
}
.pref-otherarea-dl{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.pref-otherarea-dl dt{
	padding: 15px 10px;
	width: 90px;
	font-size: 1.8rem;
	font-weight: bold;
}
.pref-otherarea-dl dd{
	padding: 18px 0 0;
	width: calc(100% - 105px);
	height: 100%;
}
.pref-otherarea-dl dt:not(:first-of-type),
.pref-otherarea-dl dd:not(:first-of-type){
	border-top: dotted 1px #ccc;
}
.pref-otherarea-dl li{
	display: inline;
}
.pref-otherarea-dl li:not(:first-child):before{
	content: "｜";
	display: inline-block;
}


/* --------- 出発地や交通手段、条件から探してみる --------- */
#pref-detaillink .dom-fg__innter{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#pref-detaillink .dom-fg__innter.col2{
	justify-content: left;
}
#pref-detaillink .pref-detaillink-col{
	margin-top: 30px;
	padding: 15px 20px;
	width: calc((100% - 40px) / 3);
	background: #fff;
}
#pref-detaillink .dom-fg__innter.col2 .pref-detaillink-col{
	width: calc((100% - 20px) / 2);
}
.pref-detaillink-dl dt{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.3em;
}
.pref-detaillink-ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 10px;
}
.pref-detaillink-ul [class^="departure-"]{
	width: calc((100% - 10px) / 2);
}
.pref-detaillink-ul [class^="ico-"]{
	width: calc((100% - 10px) / 2);
}
.pref-detaillink-ul [class^="transportaion-"],
.pref-detaillink-ul [class^="category-"]{
	width: 100%;
}

.pref-detaillink-ul li{
	border-top: dotted 1px #ccc;
}
.pref-detaillink-ul li a{
	position: relative;
	display: block;
	padding: 15px 0 15px 35px;
}
.pref-detaillink-ul li a:before{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1.0em;
	content: "";
	display: block;
	width: 2.0em;
	height: 2.0em;
	border-radius: 3px;
	background: #333;
}

.pref-detaillink-ul li a:after{
	position: absolute;
	left: 0.25em;
	top: 50%;
	margin-top: -.5em;
	color: #fff;
	font-size: 1.8rem;

	font-family: 'jtb-dom' !important;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.pref-detaillink-ul  [class^="departure-"] a:after{ content: "\e940"; }

.pref-detaillink-ul  .transportaion-air a:after{ content: "\e942"; }
.pref-detaillink-ul  .transportaion-train a:after{ content: "\e962"; }
.pref-detaillink-ul  .transportaion-bus a:after{ content: "\e980"; }

.pref-detaillink-ul  .ico-air a:after{ content: "\e942"; }
.pref-detaillink-ul  .ico-jr a:after{ content: "\e962"; }

.pref-detaillink-ul  .category-biz a:after{ content: "\e910"; }
.pref-detaillink-ul  .category-family a:after{ content: "\e953"; }
.pref-detaillink-ul  .category-kokyu a:after{ content: "\e957"; }
.pref-detaillink-ul  .category-web a:after{ content: "\e970"; }
.pref-detaillink-ul  .category-onsen a:after{ content: "\e93c"; }

/* --------- 人気のスポット --------- */
#pref-area-guide .area-spotlist{ width:auto; margin: 0 0 5px -20px; }
#pref-area-guide .area-spotlist > li{ background: #fff; }
#pref-area-guide .area-spotlist-inner li a{ min-height: auto !important; padding: 8px 20px 9px 5px !important; }
.area-spotlist img{
	width: 100%;
	height: auto;
}

#pref-area-guide .area-spotlist-place {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin-left: -10px;
}
#pref-area-guide .area-spotlist-place > li{
	margin: 10px 0 0 10px;
	width: calc((100% - 40px) / 4);
	border: solid 1px #ccc;
}
#pref-area-guide .area-spotlist-place figure{
	position: relative;
}
#pref-area-guide .area-spotlist-place figure img{
	width: 100%;
	height: auto;
}
#pref-area-guide .area-spotlist-place figcaption{
	position: absolute;
	left: 3px;
	bottom: 3px;
	padding: 1px 5px;
	color: #fff;
	font-size: 1.0rem;
	background: rgba(0,0,0,0.5);
}
#pref-area-guide .area-spotlist-place img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
#pref-area-guide .area-spotlist-inner-place dl {
	margin: 10px 10px 0;
}
#pref-area-guide .area-spotlist-inner-place dt{
	font-size: 1.8rem;
	font-weight: bold;
}
#pref-area-guide .area-spotlist-inner-place dt span{
	font-size: 1.3rem;
}

#pref-area-guide .area-spotlist-inner-btn li a{
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	padding: 10px 0 10px 5px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	border: dotted 1px #333;
}
#pref-area-guide .area-spotlist-place li a:after{
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-family: 'jtb-dom' !important;
	font-size: 1.5rem;
	content: "\e905";
}
#pref-area-guide .area-spotlist-inner li a:hover {
	opacity: .6;
	transition: all 0.4s ease;
	color: #cc0d21;
	border: dotted 1px #cc0000;
}
#pref-area-guide .area-spotlist-inner li a {
	min-height: auto !important;
	padding: 8px 20px 9px 5px !important;
}
#pref-area-guide .area-spotlist-inner-btn { padding: 15px 0 15px; }
#pref-area-guide .area-spotlist-inner-btn ul { margin: 0 10px; }
#pref-area-guide .area-spotlist-inner-btn li { margin-bottom: 6px; }
#pref-area-guide .area-spotlist-inner-btn li span.icon-jr:before,
#pref-area-guide .area-spotlist-inner-btn li span.icon-air:before,
#pref-area-guide .area-spotlist-inner-btn li span.icon-htl:before {
	font-size: 1.6rem;
	position: absolute;
	left: 15px;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-family: 'jtb-dom' !important;
}
#pref-area-guide .area-spotlist-inner-btn li span.icon-jr:before  { content: "\e962"; font-size: 1.8rem; }
#pref-area-guide .area-spotlist-inner-btn li span.icon-air:before { content: "\e942"; font-size: 2.0rem; }
#pref-area-guide .area-spotlist-inner-btn li span.icon-htl:before { content: "\e934"; font-size: 1.8rem; }
#pref-area-guide .area-spotlist-inner-btn li a:after{
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-family: 'jtb-dom' !important;
	font-size: 1.5rem;
	content: "\e905";
	/* color: #cc0000; */
}
#pref-area-guide .area-spotlist-inner-btn li a:hover{
	opacity: .6;
	transition: all 0.4s ease;
	color: #cc0d21;
	border: dotted 1px #cc0000;
}

.target_dept_kokunai_SPK #pref-area-guide .area-spotlist-inner-btn li.s-none_SPK,
.target_dept_kokunai_SDJ #pref-area-guide .area-spotlist-inner-btn li.s-none_SDJ,
.target_dept_kokunai_KIJ #pref-area-guide .area-spotlist-inner-btn li.s-none_KIJ,
.target_dept_kokunai_TYO #pref-area-guide .area-spotlist-inner-btn li.s-none_TYO,
.target_dept_kokunai_NGO #pref-area-guide .area-spotlist-inner-btn li.s-none_NGO,
.target_dept_kokunai_HKJ #pref-area-guide .area-spotlist-inner-btn li.s-none_HKJ,
.target_dept_kokunai_OSA #pref-area-guide .area-spotlist-inner-btn li.s-none_OSA,
.target_dept_kokunai_HIJ #pref-area-guide .area-spotlist-inner-btn li.s-none_HIJ,
.target_dept_kokunai_FUK #pref-area-guide .area-spotlist-inner-btn li.s-none_FUK,
#pref-area-guide .area-spotlist-inner-btn li.plan-none {
    pointer-events: none;
    cursor: initial;
    color: #333;
    background: #efefef;
    opacity: 0.4;
}
