@charset "UTF-8";

/*
*******************************************************************************************************
# detail new style
*******************************************************************************************************
*/
/* keycolor; */
/* lineheight */
.wrp-main-detail {
	position: relative;
	color: #333333;
	line-height: 1.5;
}

.wrp-main-detail a {
	color: #333333;
	text-decoration: underline;
}

.wrp-main-detail a:hover {
	color: #888888;
}

.wrp-main-detail .wrp-breadcrumb-header {
	margin-bottom: 38px;
}

.wrp-main-detail .wrp-breadcrumb-header .mod-detail-breadcrumb {
	width: 100%;
	padding: 10px 30px;
	box-sizing: border-box;
}

.wrp-main-detail .wrp-breadcrumb-header .mod-detail-breadcrumb li {
	display: inline;
}

.wrp-main-detail .wrp-breadcrumb-header .mod-detail-breadcrumb li:not(:last-of-type)::after {
	content: "\3e";
	padding: 5px;
	color: #828997;
}

.wrp-main-detail .mod-detail-bold {
	font-weight: bold;
}

.wrp-main-detail .mod-detail-link-scale a:hover img {
	transform: scale(1.05);
}

.wrp-main-detail .mod-detail-link-scale img {
	transition: all .2s ease-out;
}

.wrp-main-detail .mod-detail-link-blk a:hover {
	opacity: .8;
}

.wrp-main-detail .mod-detail-link-blk a:hover img {
	opacity: .8;
}

.wrp-main-detail .mod-detail-aside {
	margin: 48px auto 60px;
}

.wrp-main-detail .mod-detail-aside .detail-follow {
	box-sizing: border-box;
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding: 25px 50px 25px 25px;
	border: 2px solid #ddd;
}

.wrp-main-detail .mod-detail-aside .detail-follow::after {
	content: "";
	display: table;
	clear: both;
}

.wrp-main-detail .mod-detail-aside .detail-follow > div {
	float: left;
}

.wrp-main-detail .mod-detail-aside .detail-follow > div > img {
	display: block;
	width: 98px;
}

.wrp-main-detail .mod-detail-aside .detail-follow dl {
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 20px;
}

.wrp-main-detail .mod-detail-aside .detail-follow dl dt {
	font-weight: bold;
	font-size: 18px;
}

.wrp-main-detail .mod-detail-aside .detail-follow dl dd {
	margin-top: 15px;
	line-height: 1.6;
}

.wrp-main-detail .mod-detail-aside .detail-follow ul {
	float: right;
	margin-top: 10px;
}

.wrp-main-detail .mod-detail-aside .detail-follow ul > li + li {
	margin-top: 18px;
}

.wrp-main-detail .wrp-social {
	width: 70px;
	padding: 16px 0;
	background-color: #F2F3F4;
}

.wrp-main-detail .wrp-social-fixed {
	position: fixed;
	top: 50%;
	left: 0;
	transform: translateY(-50%); 
	z-index: 3;
}

.wrp-main-detail .wrp-social .mod-detail-social a {
	display: block;
	line-height: 1;
}

.wrp-main-detail .wrp-social .mod-detail-social li {
	position: relative;
	margin-bottom: 10px;
	text-align: center;
}

.wrp-main-detail .wrp-social .mod-detail-social li:last-child {
	margin-bottom: 0;
}

.wrp-main-detail .wrp-social .mod-detail-social li span[class|=sns] {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	text-indent: -9999px;
	overflow: hidden;
}

.wrp-main-detail .wrp-social .mod-detail-social li .sns-facebook {
	background-image: url(/images/ext/allguides/detail_common/icn-fb.svg);
}

.wrp-main-detail .wrp-social .mod-detail-social li .sns-twitter {
	background-image: url(/images/ext/allguides/detail_common/icn-tw.svg);
}

.wrp-main-detail .wrp-social .mod-detail-social li .sns-line {
	background-image: url(/images/ext/allguides/detail_common/icn-line.svg);
}

.wrp-main-detail .wrp-social .mod-detail-social li .sns-favorite {
	background-image: url(/images/ext/allguides/detail_common/icn-favorite-def.svg);
}

.wrp-main-detail .wrp-social .mod-detail-social li .sns-favorite.is-act {
	background-image: url(/images/ext/allguides/detail_common/icn-favorite-act.svg);
}

.wrp-main-detail .wrp-social .mod-detail-social li .favorite-num {
/*	position: absolute;
	top: 2px;
	right: 5px;
	width: auto;
	height: 13px;
	padding-right: 2px;
	padding-left: 2px;
	line-height: 13px;
	background-color: #FFFFFF;
	border: 1px solid #EE2A61;
	border-radius: 12px;
	color: #EE2A61;
	font-size: 10px;
	text-align: center; */
}

.wrp-main-detail .wrp-cts {
	width: 1090px;
	margin: 0 auto;
}

.wrp-main-detail .wrp-cts .wrp-cts-main {
	width: 800px;
	float: left;
}

.wrp-main-detail .wrp-cts .wrp-cts-main div[class^=mod] {
	padding-right: 40px;
	padding-left: 40px;
}

.wrp-main-detail .wrp-cts .wrp-cts-main .mod-detail-wrap100 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.wrp-main-detail .wrp-cts .wrp-cts-sub {
	width: 250px;
	float: right;
}

.wrp-main-detail .wrp-cts .wrp-cts-sub div[class^=mod]:last-child {
	margin-bottom: 0;
}

.wrp-main-detail .mod-detail-btn .btn {
	position: relative;
	display: table;
	width: 100%;
	min-height: 50px;
}

.wrp-main-detail .mod-detail-btn .btn a {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding-left: 20px;
	background-color: #FFFFFF;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
}

.wrp-main-detail .mod-detail-btn .btn a::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.wrp-main-detail .mod-detail-btn.mod-detail-btn-clm2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.wrp-main-detail .mod-detail-btn.mod-detail-btn-clm2 .btn {
	width: 48%;
}

.wrp-main-detail .mod-detail-btn.mod-detail-btn-clm2 .btn:nth-child(n+3) {
	margin-top: 10px;
}

.wrp-main-detail .mod-detail-btn .btn-type01 a {
	color: #FFFFFF;
	background-color: #0377CC;
	box-shadow: 0 2px 0 #00477b;
	border-radius: 4px;
}

.wrp-main-detail .mod-detail-btn .btn-type01 a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-right-white.svg);
}

.wrp-main-detail .mod-detail-btn .btn-type02 {
	box-shadow: 0 2px 0 #cccccc;
	border-radius: 4px;
}

.wrp-main-detail .mod-detail-btn .btn-type02 a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-right-black.svg);
}

.wrp-main-detail .mod-detail-btn .btn-type03 {
	border: 1px solid #9E8E5C;
	border-radius: 4px;
}

.wrp-main-detail .mod-detail-btn .btn-type03 a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-right-black.svg);
}

.wrp-main-detail .mod-detail-btn .btn-type04 {
	border: 1px solid #CCCCCC;
	border-radius: 4px;
}

.wrp-main-detail .mod-detail-btn .btn-type04 a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-right-black.svg);
}

.wrp-main-detail .mod-detail-btn .btn-type05 {
	border: 1px solid #9E8E5C;
	border-radius: 4px;
}

.wrp-main-detail .mod-detail-btn .btn-type05 a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-right-black.svg);
}

.wrp-main-detail .mod-detail-btn .btn-type05 a .img {
	position: absolute;
	top: 50%;
	left: 23px;
	transform: translateY(-50%);
}

.wrp-main-detail .mod-detail-btn .btn-type05 a .txt {
	float: right;
}

.wrp-main-detail .mod-detail-btn .blank.btn-type01 a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-blank-white.svg);
}

.wrp-main-detail .mod-detail-btn .blank a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-blank-black.svg);
}

.wrp-main-detail .mod-detail-ttl-lv2 {
	padding-top: 40px;
}

.wrp-main-detail .mod-detail-ttl-lv2 > h2 {
	padding-left: 17px;
	border-left: 4px solid #9E8E5C;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
}

.wrp-main-detail .wrp-cts-sub .mod-detail-ttl-lv2 {
	padding-top: 0;
	padding-bottom: 13px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}

.wrp-main-detail .wrp-cts-sub .mod-detail-ttl-lv2.mod-detail-ttl-clm2 {
	display: table;
	width: 100%;
	height: 100%;
}

.wrp-main-detail .wrp-cts-sub .mod-detail-ttl-lv2.mod-detail-ttl-clm2 h2, .wrp-main-detail .wrp-cts-sub .mod-detail-ttl-lv2.mod-detail-ttl-clm2 .txt-all {
	display: table-cell;
	vertical-align: middle;
}

.wrp-main-detail .wrp-cts-sub .mod-detail-ttl-lv2 > h2 {
	font-size: 20px;
	line-height: 1.3;
}

.wrp-main-detail .wrp-cts-sub .mod-detail-ttl-lv2 .txt-all {
	width: 80px;
}

.wrp-main-detail .wrp-cts-sub .mod-detail-ttl-lv2 .txt-all a {
	display: block;
	padding-top: 5px;
	padding-right: 20px;
	background: url(/images/ext/allguides/detail_common/icn-right-black.svg) no-repeat right 8px;
	background-size: 14px 14px;
	font-size: 14px;
	text-align: right;
	text-decoration: none;
}

.wrp-main-detail .mod-detail-ttl-lv3 {
	padding-top: 24px;
}

.wrp-main-detail .mod-detail-ttl-lv3 > h3 {
	position: relative;
	padding-bottom: 15px;
	border-bottom: 2px solid #DDDDDD;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.wrp-main-detail .mod-detail-ttl-lv3 > h3::before {
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 60px;
	height: 2px;
	background-color: #9E8E5C;
}

.wrp-main-detail .mod-detail-textbox {
	padding-top: 24px;
	padding-bottom: 24px;
}

.wrp-main-detail .mod-detail-textbox .txt {
	font-size: 18px;
	line-height: 1.66;
}

.wrp-main-detail .mod-detail-textbox a {
	color: #EE2A61;
}

.wrp-main-detail .mod-detail-textbox a:hover {
	color: #FD8FAE;
}

.wrp-main-detail .mod-detail-freearea {
	margin-top: 16px;
	margin-bottom: 16px;
}

.wrp-main-detail .mod-detail-freearea .bnr {
	margin-bottom: 10px;
}

.wrp-main-detail .mod-detail-freearea .bnr img {
	width: 100%;
}

.wrp-main-detail .mod-detail-freearea .bnr:last-child {
	margin-bottom: 0;
}

.wrp-main-detail .wrp-cts-sub .mod-detail-freearea {
	margin-top: 0;
	margin-bottom: 48px;
}

.wrp-main-detail .mod-detail-mainimg {
	margin-bottom: 6px;
	text-align: center;
}

.wrp-main-detail .mod-detail-mainimg .txt-ex,
.wrp-main-detail .mod-detail-picture .txt-ex {
	margin-top: 5px;
	color: #828997;
	font-size: 10px;
	text-align: right;
}

.wrp-main-detail .mod-detail-maintitle {
	margin-bottom: 16px;
}

.wrp-main-detail .mod-detail-maintitle .article-info {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 17px;
}

.wrp-main-detail .mod-detail-maintitle .article-info li {
	position: relative;
	padding-left: 24px;
	font-size: 16px;
}

.wrp-main-detail .mod-detail-maintitle .article-info li::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto;
}

.wrp-main-detail .mod-detail-maintitle .article-info .post {
	padding-right: 19px;
}

.wrp-main-detail .mod-detail-maintitle .article-info .post::after {
	background-image: url(/images/ext/allguides/detail_common/icn-write-black.svg);
}

.wrp-main-detail .mod-detail-maintitle .article-info .update {
	margin-right: 18px;
	padding-right: 17px;
	border-right: 1px solid #DDDDDD;
}

.wrp-main-detail .mod-detail-maintitle .article-info .update::after {
	background-image: url(/images/ext/allguides/detail_common/icn-update-black.svg);
}

.wrp-main-detail .mod-detail-maintitle .article-info .user {
	padding-right: 17px;
}

.wrp-main-detail .mod-detail-maintitle .article-info .user::after {
	background-image: url(/images/ext/allguides/detail_common/icn-user-black.svg);
}

.wrp-main-detail .mod-detail-maintitle .ttl-lv1 {
	margin-bottom: 15px;
	font-size: 42px;
	line-height: 1.28;
}

.wrp-main-detail .mod-detail-maintitle .category-info {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 16px;
}

.wrp-main-detail .mod-detail-maintitle .category-info li span {
	position: relative;
	padding-right: 19px;
	padding-left: 32px;
	font-size: 18px;
}

.wrp-main-detail .mod-detail-maintitle .category-info li span::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px 25px;
}

.wrp-main-detail .mod-detail-maintitle .category-info .place::after {
	background-image: url(/images/ext/allguides/detail_common/icn-area-pink.svg);
}

.wrp-main-detail .mod-detail-maintitle .category-info .sightseeing::after {
	background-image: url(/images/ext/allguides/detail_common/icn-sightseeing-pink.svg);
}

.wrp-main-detail .mod-detail-maintitle .category-info .food::after {
	background-image: url(/images/ext/allguides/detail_common/icn-food-pink.svg);
}

.wrp-main-detail .mod-detail-maintitle .category-info .shopping::after {
	background-image: url(/images/ext/allguides/detail_common/icn-shopping-pink.svg);
}

.wrp-main-detail .mod-detail-maintitle .category-info .hotels::after {
	background-image: url(/images/ext/allguides/detail_common/icn-hotels-pink.svg);
}

.wrp-main-detail .mod-detail-maintitle .category-info .tips_manners::after {
	background-image: url(/images/ext/allguides/detail_common/icn-tips-pink.svg);
}

.wrp-main-detail .mod-detail-maintitle .category-info .local-news::after {
	background-image: url(/images/ext/allguides/detail_common/icn-tayori-pink.svg);
}

.wrp-main-detail .mod-detail-tag .list-tag {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.wrp-main-detail .mod-detail-tag .list-tag li {
	margin: 8px 8px 0 0;
}

.wrp-main-detail .mod-detail-tag .list-tag li:first-child {
	margin-left: 0;
}

.wrp-main-detail .mod-detail-tag .list-tag li a {
	display: block;
	text-decoration: none;
}

.wrp-main-detail .mod-detail-tag .list-tag li a:hover {
	color: #888888;
}

.wrp-main-detail .mod-detail-tag .list-tag li a:hover span {
	border: 1px solid #888888;
}

.wrp-main-detail .mod-detail-tag .list-tag li span {
	display: block;
	padding: 9px 14px 8px;
	border: 1px solid #111;
	border-radius: 4px;
	box-sizing: border-box;
	line-height: 1.5;
}

.wrp-main-detail .mod-detail-tag.tag-subcts {
	margin-bottom: 48px;
}

.wrp-main-detail .mod-detail-mainlead {
	padding-top: 24px;
	padding-bottom: 24px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
}

.wrp-main-detail .mod-detail-anchor {
	padding-top: 16px;
	padding-bottom: 16px;
}

.wrp-main-detail .mod-detail-anchor .anchor-inner {
	padding: 30px 40px 0;
	background-color: #F6F6F6;
	border: 1px solid #9E8E5C;
	border-radius: 4px;
	box-sizing: border-box;
}

.wrp-main-detail .mod-detail-anchor .ttl {
	margin-bottom: 32px;
	font-size: 18px;
	font-weight: bold;
}

.wrp-main-detail .mod-detail-anchor .list-index li {
	position: relative;
	margin-bottom: 16px;
	padding-left: 28px;
	list-style-type: none;
	font-size: 18px;
}

.wrp-main-detail .mod-detail-anchor .list-index li::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url(/images/ext/allguides/detail_common/icn-dot-gold.svg) no-repeat left top;
	background-size: 20px 20px;
}

.wrp-main-detail .mod-detail-anchor .txt-more {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 25px;
	text-align: right;
	cursor: pointer;
}

.wrp-main-detail .mod-detail-anchor .txt-more::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: url(/images/ext/allguides/detail_common/icn-open-circle-gold.svg) no-repeat left top;
	background-size: 20px 20px;
}

.wrp-main-detail .mod-detail-anchor .list-index-more {
	display: none;
}

.wrp-main-detail .mod-detail-anchor .list-index-more li:last-child {
	margin-bottom: 0;
}

.wrp-main-detail .mod-detail-anchor .js-slide-toggle {
	position: relative;
	height: 4em;
	background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, #f6f6f6 50%, #f6f6f6 100%);
	margin-top: -3em;
	z-index: 5;
}

.wrp-main-detail .mod-detail-anchor .js-slide-toggle.is-open {
	margin-top: 0;
}

.wrp-main-detail .mod-detail-anchor .is-open .txt-more::before {
	background: url(/images/ext/allguides/detail_common/icn-close-circle-gold.svg) no-repeat left top;
	background-size: 20px 20px;
}

.wrp-main-detail .mod-detail-recommend {
	padding-top: 16px;
	padding-bottom: 16px;
}

.wrp-main-detail .mod-detail-recommend a:link {
	text-decoration: none;
}

.wrp-main-detail .mod-detail-recommend .recommend-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.wrp-main-detail .mod-detail-recommend .recommend-inner .txtarea {
	position: relative;
	width: 440px;
}

.wrp-main-detail .mod-detail-recommend .recommend-inner .txtarea::before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 138px;
	height: 97px;
	background: url(/images/ext/allguides/detail_common/bg-recommend.png) no-repeat left top;
	background-size: 138px 97px;
	z-index: -1;
}

.wrp-main-detail .mod-detail-recommend .recommend-inner .txtarea .txtarea-inner {
	padding: 35px 25px 35px 45px;
}

.wrp-main-detail .mod-detail-recommend .recommend-inner .txtarea .ttl {
	position: relative;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.wrp-main-detail .mod-detail-recommend .recommend-inner .txtarea .ttl::before {
	content: '';
	display: block;
	position: absolute;
	left: -26px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 26px;
	background: url(/images/ext/allguides/detail_common/icn-recommend-flower.png) no-repeat left top;
	background-size: 28px 26px;
	z-index: -1;
}

.wrp-main-detail .mod-detail-recommend .recommend-inner .txtarea .txt {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.wrp-main-detail .mod-detail-recommend .recommend-inner .img {
	position: relative;
	width: 280px;
	height: auto;
	min-height: 180px;
	overflow: hidden;
	border-radius: 6px 0 0 6px;
}

.wrp-main-detail .mod-detail-recommend .recommend-inner .img img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
}

.wrp-main-detail .mod-detail-picture {
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
}
.wrp-main-detail .mod-detail-picture > div {
	display: inline-block;
}

.wrp-main-detail .mod-detail-area {
	padding-top: 16px;
	padding-bottom: 16px;
}

.wrp-main-detail .mod-detail-area .area-inner {
	padding: 34px 40px 40px;
	background-color: #F6F6F6;
	box-sizing: border-box;
}

.wrp-main-detail .mod-detail-area .area-info {
	margin-bottom: 24px;
}

.wrp-main-detail .mod-detail-area .area-info .ttl {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.wrp-main-detail .mod-detail-area .area-info .area {
	position: relative;
	margin-bottom: 12px;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1.7;
}

.wrp-main-detail .mod-detail-area .area-info .area::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	background: url(/images/ext/allguides/detail_common/icn-area-gold.svg) no-repeat left top;
	background-size: 20px 20px;
}

.wrp-main-detail .mod-detail-area .area-info .website {
	display: -ms-flexbox;
	display: flex;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1;
}

.wrp-main-detail .mod-detail-area .area-info .website li {
	margin-left: 24px;
}

.wrp-main-detail .mod-detail-area .area-info .website li:first-child {
	margin-left: 0;
}

.wrp-main-detail .mod-detail-area .area-info .website a {
	position: relative;
	display: inline-block;
	padding-right: 16px;
}

.wrp-main-detail .mod-detail-area .area-info .website a::before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url(/images/ext/allguides/detail_common/icn-right-black.svg) no-repeat left top;
	background-size: 12px 12px;
}

.wrp-main-detail .mod-detail-area .mod-detail-btn {
	margin-top: 27px;
}

.wrp-main-detail .mod-detail-area .mod-detail-btn.mod-detail-btn-clm2 .btn {
	width: 308px;
}

/* next page */
.wrp-main-detail .mod-detail-nextpage {
	padding-top: 16px;
	margin-bottom: 40px;
}

.wrp-main-detail .mod-detail-nextpage a {
	position: relative;
	display: block;
	padding: 32px 50px 32px 40px;
	background-color: #9E8E5C;
	box-sizing: border-box;
	color: #FFFFFF;
}

.wrp-main-detail .mod-detail-nextpage a::before {
	content: '';
	display: block;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(/images/ext/allguides/detail_common/icn-right-white.svg) no-repeat left top;
	background-size: 20px 20px;
}

.wrp-main-detail .mod-detail-nextpage a:hover {
	color: #E2DDCE;
	background-color: #a69768;
}

.wrp-main-detail .mod-detail-nextpage .pagettl {
	font-size: 18px;
}

/* pager */
.wrp-main-detail .mod-detail-pager {
	margin-top: 40px;
	margin-bottom: 60px;
}

.wrp-main-detail .mod-detail-pager ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}

.wrp-main-detail .mod-detail-pager ul .pager-item {
	display: inline-block;
	width: 56px;
	height: 56px;
	text-align: center;
	vertical-align: bottom;
}

.wrp-main-detail .mod-detail-pager ul .pager-item:not(:last-of-type) {
	margin: 0 32px 0 0;
}

.wrp-main-detail .mod-detail-pager ul .pager-item-next,
.wrp-main-detail .mod-detail-pager ul .pager-item-prev {
	width: 56px;
}

.wrp-main-detail .mod-detail-pager ul .pager-item-next > a,
.wrp-main-detail .mod-detail-pager ul .pager-item-prev > a {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}

.wrp-main-detail .mod-detail-pager ul .pager-item-prev > a {
	background-image: url(/images/ext/allguides/detail_common/icn-left-gold.svg);
}

.wrp-main-detail .mod-detail-pager ul .pager-item-prev > a:hover {
	background-image: url(/images/ext/allguides/detail_common/icn-left-white.svg);
}

.wrp-main-detail .mod-detail-pager ul .pager-item-next > a {
	background-image: url(/images/ext/allguides/detail_common/icn-right-gold.svg);
}

.wrp-main-detail .mod-detail-pager ul .pager-item-next > a:hover {
	background-image: url(/images/ext/allguides/detail_common/icn-right-white.svg);
}

.wrp-main-detail .mod-detail-pager ul .pager-item-ellip {
	position: relative;
	width: 56px;
	line-height: 56px;
}

.wrp-main-detail .mod-detail-pager ul .pager-item > a {
	display: block;
	height: 100%;
	line-height: 56px;
	border: 1px solid #9E8E5C;
	border-radius: 100%;
	box-sizing: border-box;
	color: #9E8E5C;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.wrp-main-detail .mod-detail-pager ul .pager-item > a > span {
	display: none;
}

.wrp-main-detail .mod-detail-pager ul .pager-item > a:hover {
	background-color: #9E8E5C;
	color: #FFFFFF;
}

.wrp-main-detail .mod-detail-pager ul .is-current > a {
	background-color: #F6F6F6;
	border: 0;
	color: #111111;
}

.wrp-main-detail .mod-detail-pager ul .is-current > a {
	cursor: default;
}
.wrp-main-detail .mod-detail-pager ul .is-current > a:hover {
	background-color: #F6F6F6;
	color: #111111;
}

/* pagenation */
.pagenation {
	display: none;
}
.pagenation.pagenation-current {
	display: block;
}
.pagenation-main-hide {
	display: none;
}


/*  */
.wrp-main-detail .mod-detail-ranking {
	margin-bottom: 48px;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.wrp-main-detail .mod-detail-ranking .list-ranking li:last-child {
	margin-bottom: 0;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li a {
	display: block;
	text-decoration: none;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li .rank {
	position: absolute;
	top: 0;
	left: 16px;
	width: 42px;
	height: 51px;
	padding-top: 7px;
	background-size: 42px 51px;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	z-index: 2;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li .img {
	height: 140px;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li .img img {
	width: 100%;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li .txt {
	padding: 8px 16px 24px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li:nth-child(1) .rank {
	background: url(/images/ext/allguides/detail_common/icn-rank1.svg) no-repeat left top;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li:nth-child(2) .rank {
	background: url(/images/ext/allguides/detail_common/icn-rank2.svg) no-repeat left top;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li:nth-child(3) .rank {
	background: url(/images/ext/allguides/detail_common/icn-rank3.svg) no-repeat left top;
}

.wrp-main-detail .mod-detail-ranking .list-ranking li:nth-child(n+4) .rank {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 36px;
	height: 36px;
	background-image: none;
	background-color: rgba(17, 17, 17, 0.5);
	border-radius: 100%;
	box-sizing: border-box;
	font-size: 20px;
}

.wrp-main-detail .mod-detail-category {
	margin-bottom: 48px;
}

.wrp-main-detail .mod-detail-category .list-category li {
	margin-bottom: 16px;
	background-color: #FFFFFF;
	border: 2px solid #9E8E5C;
	border-radius: 4px;
}

.wrp-main-detail .mod-detail-category .list-category li:last-child {
	margin-bottom: 0;
}

.wrp-main-detail .mod-detail-category .list-category li a {
	position: relative;
	display: block;
	text-decoration: none;
}

.wrp-main-detail .mod-detail-category .list-category li a::before {
	content: '';
	display: block;
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
}

.wrp-main-detail .mod-detail-category .list-category li p {
	display: table;
	width: 100%;
	min-height: 64px;
}

.wrp-main-detail .mod-detail-category .list-category li span {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding-left: 51px;
	vertical-align: middle;
}

.wrp-main-detail .mod-detail-category .list-category .area {
	background-color: #F6F6F6;
}

.wrp-main-detail .mod-detail-category .list-category .area span {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.37;
}

.wrp-main-detail .mod-detail-category .list-category .area a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-area-gold.svg);
}

.wrp-main-detail .mod-detail-category .list-category .area a::after {
	content: '';
	display: block;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(/images/ext/allguides/detail_common/icn-right-gold.svg) no-repeat left top;
	background-size: 14px 14px;
}

.wrp-main-detail .mod-detail-category .list-category .sightseeing a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-sightseeing-gold.svg);
}

.wrp-main-detail .mod-detail-category .list-category .food a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-food-gold.svg);
}

.wrp-main-detail .mod-detail-category .list-category .shopping a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-shopping-gold.svg);
}

.wrp-main-detail .mod-detail-category .list-category .hotels a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-hotels-gold.svg);
}

.wrp-main-detail .mod-detail-category .list-category .tips a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-tips-gold.svg);
}
/* イベント情報　*/
.wrp-main-detail .mod-detail-category .list-category .event a::before {
	background-image: url(/images/ext/allguides/detail_common/icn-event-gold.svg);
}

.wrp-main-detail .mod-detail-sptopics {
	margin-bottom: 48px;
}

.wrp-main-detail .mod-detail-sptopics .list-sptopics li {
	position: relative;
	width: 100%;
	height: 130px;
	margin-bottom: 20px;
	border-radius: 4px;
	box-sizing: border-box;
}

.wrp-main-detail .mod-detail-sptopics .list-sptopics li:last-child {
	margin-bottom: 0;
}

.wrp-main-detail .mod-detail-sptopics .list-sptopics li a {
	display: block;
}

.wrp-main-detail .mod-detail-sptopics .list-sptopics li .img {
	height: 130px;
	overflow: hidden;
	border-radius: 4px;
}

.wrp-main-detail .mod-detail-sptopics .list-sptopics li .img img {
	width: 100%;
}

.wrp-main-detail .mod-detail-sptopics .list-sptopics li .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	display: table;
	width: 100%;
	min-height: 40px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0 0 4px 4px;
	text-align: center;
}

.wrp-main-detail .mod-detail-sptopics .list-sptopics li .txt > span {
	display: table-cell;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	vertical-align: middle;
}

.wrp-main-detail .mod-detail-bestofarea {
	margin-bottom: 48px;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li {
	position: relative;
	width: 100%;
	height: 90px;
	margin-bottom: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li:last-child {
	margin-bottom: 0;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li a {
	position: relative;
	display: block;
	overflow: hidden;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li a::before {
	content: '';
	display: block;
	width: 100%;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	z-index: 1;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li .img {
	border-radius: 4px;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li .img img {
	width: 100%;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    word-break: break-all;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li .txt > span {
	position: relative;
	padding-left: 47px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li .txt > span::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 40px 40px;
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li.tokyo span::before {
	background-image: url(/images/ext/allguides/detail_common/icn-tokyo-white.svg);
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li.kyoto span::before {
	background-image: url(/images/ext/allguides/detail_common/icn-kyoto-white.svg);
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li.osaka span::before {
	background-image: url(/images/ext/allguides/detail_common/icn-osaka-white.svg);
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li.fukuoka span::before {
	background-image: url(/images/ext/allguides/detail_common/icn-fukuoka-white.svg);
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li.hokkaido span::before {
	background-image: url(/images/ext/allguides/detail_common/icn-hokkaido-white.svg);
}

.wrp-main-detail .mod-detail-bestofarea .list-bestofarea li.okinawa span::before {
	background-image: url(/images/ext/allguides/detail_common/icn-okinawa-white.svg);
}

.wrp-main-detail .wrp-cts-article {
	margin-top: 64px;
	padding-bottom: 64px;
	background: url(/images/ext/allguides/detail_common/bg-footer.png) repeat left top;
}

.wrp-main-detail .wrp-cts-article .link-ttl {
	position: relative;
}

.wrp-main-detail .wrp-cts-article .link-ttl .btn-seeall {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 100px;
	height: 36px;
}

.wrp-main-detail .wrp-cts-article .link-ttl .btn-seeall .btn {
	min-height: 36px;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article {
	width: 1090px;
	margin: 0 auto;
	padding-top: 56px;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .ttl {
	margin-bottom: 24px;
	padding-left: 44px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 36px 36px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.28;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article.list-article-recommended .ttl {
	background-image: url(/images/ext/allguides/detail_common/icn-recommend-gold.svg);
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article.list-article-arrival .ttl {
	background-image: url(/images/ext/allguides/detail_common/icn-newarticle-gold.svg);
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -23px;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li {
	width: 348px;
	margin-left: 23px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 6px rgba(158, 142, 92, 0.4);
	border-radius: 4px;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li:nth-child(n+4) {
	margin-top: 23px;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .img {
	width: 348px;
	height: 200px;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .img img {
	width: 100%;
	transition: transform 0.3s linear;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea {
	padding: 12px 16px 24px;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea .pagettl {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea .pagettl.new::after {
	content: 'NEW';
	display: inline-block;
	width: 32px;
	height: 14px;
	margin-left: 10px;
	background-color: #EE2A61;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
	vertical-align: middle;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea .pagettl a {
	text-decoration: none;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea .tag {
	margin-top: 8px;
	padding-left: 20px;
	background: url(/images/ext/allguides/detail_common/icn-tag-gold.svg) no-repeat left 5px;
	background-size: 12px 12px;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea .tag > li {
	display: inline-block;
	margin-right: 5px;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea .tag > li a.link-tag {
	color: #9E8E5C;
	font-size: 13px;
	text-decoration: underline;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea .tag > li a.link-tag:hover {
	color: #E2DDCE;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .txtarea .tag > li:first-child {
	margin-left: 0;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .is-hover.link-article {
	color: #888888;
}

.wrp-main-detail .wrp-cts-article .mod-detail-list-article .list-article > li .is-hover.link-article img {
	transform: scale(1.05);
}

.wrp-main-detail .wrp-cts-article .btn-allguides {
	width: 345px;
	margin: 0 auto;
	padding-top: 48px;
}

.wrp-main-detail .wrp-cts-article .btn-allguides .btn p {
	padding-left: 0;
}

.wrp-main-detail .wrp-cts-article .btn-allguides .btn a {
	height: 64px;
}

.wrp-main-detail .wrp-cts-article .btn-allguides .btn a .txt {
	padding-right: 46px;
	line-height: 64px;
}

/* 201909 ???p???ǉ?? */
.mod-detail-picture blockquote.mod-allguides-blockquote1909 {
  position:relative;
  border:1px solid #DDDDDD;
  padding:15px 20px;
  margin: 0 20px;
}
.mod-detail-picture blockquote.mod-allguides-blockquote1909:before {
  display: inline-block; 
  position:absolute;
  top: -20px;
  left: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  font-family:'FontAwesome';
  content:'\f10d';
  font-size: 20px;
  color:#666;
}
.mod-detail-picture blockquote.mod-allguides-blockquote1909:after {
  display: inline-block; 
  position:absolute;
  margin-top: 5px;
  bottom: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  font-family:'FontAwesome';
  content:'\f10e';
  font-size: 20px;
  color:#666;
}
.mod-detail-picture blockquote.mod-allguides-blockquote1909 cite a {
  display: block;
  font-size: 0.8rem;
  font-style: normal;
  text-align: right;
  color: #333333;
}

/* 201910 ベルトラ送客施策 */
.mod-detail-textbox .bnr-block-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 4px 0 20px;
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.mod-detail-textbox .bnr-block-inner a {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.mod-detail-textbox .bnr-block-inner .img {
  width: 130px;
  height: 130px;
}
.mod-detail-textbox .bnr-block-inner .img img {
  width: 100%;
  height: 100%;
}
.mod-detail-textbox .bnr-block-inner .txt {
  width: calc(100% - 160px);
  line-height: 1.5;
  color: #333333;
  font-size: 22px;
  font-weight: bold;
}

/* 202002 AdSense 
div.wrp-cts.cfx > div.wrp-cts-sub > div.mod-detail-adsense-250-250 {
	margin-top:-33px; 
	margin-bottom:30px; 
} */