﻿@charset "utf-8";

.page-walk{
	max-width:980px;
}

.page-walk .walk-cat-list li img{
	margin:0 auto;
}

.page-walk .walk-cat-list li{
	text-align:center;
}

.page-walk .walk-cat-list li.area-click{
	cursor:pointer;
	transition:all 0.4s;
}

.page-walk .walk-cat-list li a{
	display:block;
	width:100%;
}

.page-walk .walk-cat-list li.area-click:hover,
.page-walk .walk-cat-list li a:hover,
.page-walk .walk-cat-list li.clicked{
	background-color:#f4f4f4;
}

.page-walk .walk-cat-list li.area-click:hover h2,
.page-walk .walk-cat-list li.area-click:hover p{
	color:#A37E39;
}

.page-walk .walk-area-box{
	position:relative;
	background-color:#f4f4f4;
	border:1px solid #ddd;
	padding:50px 15px;
}

.page-walk .walk-area-box::before{
	content:"";
	position:absolute;
	top:-1px;
	left:0;
	right:0;
	display:block;
	width:33.33333333%;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f4f4f4;
}

.page-walk .walk-area-box::after{
    content: "";
    position: absolute;
    top:2px;
    right:0;
	left:0;
	margin-right:auto;
	margin-left:auto;
    border-top: 2px solid #222;
    width: 10px;
    height: 10px;
    border-right: 2px solid #222;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}

@media screen and (max-width:1024px) {

.page-walk{
	max-width:94%;
}

}

@media screen and (min-width:891px) {
.page-walk .walk-area-list li a{
	padding:5px 25px;
}

}

@media screen and (max-width:890px) {

.page-walk .walk-area-list li a{
	padding:5px 10px;
}

}

@media screen and (min-width:768px) {

.page-walk .walk-cat-list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:50px;
	border-right:1px dotted #ccc;
}

.page-walk .walk-cat-list li{
	width:33.33333333%;
	border-left:1px dotted #ccc;
}

.page-walk .walk-cat-list li a{
	background-color:#fff;
}

.page-walk .walk-cat-list li h2{
	margin-top:10px;
	font-size:2rem;
	font-weight:700;
}

.page-walk .walk-cat-list li p{
	margin:5px 0 15px;
	font-size:1rem;
}

.page-walk .walk-cat-list li .btn{
	padding: 5px 50px 5px 40px;
	font-size:1.2rem;
}

.page-walk .walk-cat-list li .btn::after{
	top:16%;
}

.page-walk .walk-cat-list li a,
.page-walk .walk-cat-list li.area-click{
	padding:30px 10px 20px;
}

.page-walk .walk-area-list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.page-walk .walk-area-list li a{
	background-color:#fff;
	border:1px solid #666;
	border-radius:3px;
}

.page-walk .walk-area-list li a:hover{
	border:1px solid #111;
	background-color:#111;
	color:#fff;
}


#area-btn-sp,
.walk-area-box-sp{
	display:none !important;
}

}

@media screen and (max-width:767px) {

.page-walk .walk-cat-list{
	margin-top:25px;
}


#area-btn,
.walk-area-box{
	display:none !important;
}

.page-walk .walk-cat-list li{
	background-color:#f4f4f4;
}

.page-walk .walk-cat-list li dl{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	justify-content:center;
}

.page-walk .walk-cat-list > li:nth-child(n+2){
	border-top:1px dotted #ccc;
}

.page-walk .walk-cat-list li a,
.page-walk .walk-cat-list li.area-click-sp{
	padding:15px;
}

.page-walk .walk-cat-list li dt{
	width:70px;
}

.page-walk .walk-cat-list li dd{
	flex:1;
	padding-left:15px;
	text-align:left;
}

.page-walk .walk-cat-list li h2{
	font-size:1.6rem;
	font-weight:700;
}

.page-walk .walk-cat-list li p{
	margin:0 0 5px;
	font-size:1rem;
}

.page-walk .walk-cat-list li .btn{
	padding:5px 30px 5px 15px;
	font-size:1.1rem;
}

.walk-area-box-sp{
	margin-top:15px;
}

.page-walk .walk-area-list li{
	float:left;
	width:32%;
	margin-right:2%;
}

.page-walk .walk-area-list li:nth-child(3n){
	margin-right:0;
}


.page-walk .walk-area-list li:nth-child(n+4){
	margin-top:10px;
}

.page-walk .walk-area-list li a{
	padding:5px 10px;
	background-color:#fff;
	border:1px solid #666;
	border-radius:3px;
	font-size:1.2rem;
	line-height:1.4;
}

}


/* =====================
  walk
===================== */

.page-walk-dtl #walk-tab{
	max-width:830px;
	margin:0 auto;
}

.page-walk-dtl #walk-tab li a{
	position:relative;
	float:left;
	display:block;
	width:33.33333333%;
	min-height:52px;
	padding:17px 0 17px;
	border-top:1px solid #dadada;
	border-right:1px solid #dadada;
	border-left:1px solid #dadada;
	font-family:'F+UD TsukuMin R';
	font-size:16px;
	font-size:1.6rem;
	color:#999;
	line-height:1;
	text-align:center;
	letter-spacing:.3em;
}

.page-walk-dtl #walk-tab li:nth-child(-n+2) a{
	border-right:none;
}

.page-walk-dtl #walk-tab li.active a{
	padding:17px 0;
	background:#F6F6F6 url(../img/common/bg-glay.gif);
	color:#333;
}

.page-walk-dtl #walk-tab li a span{
	position:relative;
}

.page-walk-dtl #walk-tab li.active a:after{
	content:"";
	position:absolute;
	bottom:-1px;
	left:0;
	height:1px;
	width:100%;
	background:#f6f6f6;
	z-index:2;
}

.page-walk-dtl .tab-box{
	position:relative;
	overflow:hidden;
	width:100%;
	padding-bottom:40px;
	background:#F6F6F6 url(../img/common/bg-glay.gif);
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	text-align:center;
}

.page-walk-dtl .tab-box::after{
	content:"";
	border-bottom:10px solid #fff;
	position:absolute;
	bottom:1px;
}

.page-walk-dtl .tab-box .lead{
	margin-top:0;
}

.page-walk-dtl .tab-box img{
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit: cover; object-position: 50% 50%;';
	width:100%;
	height:200px;
}

.page-walk-dtl #walk-tab li a br{
	display:none;
}

@media screen and (max-width:767px) {

.page-ttl h1{
	letter-spacing:0;
}

.page-walk-dtl .tab-box .lead{
	text-align:left;
}

.page-walk-dtl #walk-tab li a br{
	display:block;
}

}

@media screen and (max-width:1024px) {

.page-walk-dtl .tab-box img{
	height:150px;
}

}

@media screen and (max-width:767px) {

.page-walk-dtl .tab-box img{
	height:120px;
}

}

.page-walk-dtl .tab-box-inner{
	display:none;
	max-width:980px;
	margin:0 auto;
	padding-top:40px;
}

@media screen and (max-width:767px) {

.page-walk-dtl .tab-box-inner{
	padding-top:20px;
}

}

.page-walk-dtl #tab-spot ul li,
.page-walk-dtl .area-list li{
	position:relative;
	float:left;
	width:32%;
	margin:40px 2% 0 0;
}

.page-walk-dtl .area-list li{
	text-align:center;
}

.page-walk-dtl #tab-spot ul li figure{
	box-shadow:0 4px 3px -3px rgba(0,0,0,0.2);
}

.page-walk-dtl .tab-box-inner ul li h3{
	margin:10px 0 0;
	font-size:1.4rem;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}

.page-walk-dtl .tab-box-inner ul li p{
	font-size:1.2rem;
	color:#A37E39;
}

.page-walk-dtl .tab-box-inner ul li{
	transition:all .4s;
}

.page-walk-dtl .tab-box-inner ul li:hover{
    opacity:0.7;
}

.page-walk-dtl .tab-box-inner ul li a span{
	display:block;
	margin-top:2px;
	font-size:12px;
	font-size:1.2rem;
}

.page-walk-dtl .tab-box-inner#tab-area{
	display:none;
	max-width:980px;
	margin:40px auto 0;
	text-align:left;
}

.page-walk-dtl .search-box{
	padding:30px 40px;
	background:#fff;
	border:1px solid #dadada;
	border-radius:3px;
}

.page-walk-dtl .search-box dl.search-keyword li:first-child{
	float:left;
	width:75%;
}

.page-walk-dtl .search-box dl.search-keyword li:last-child{
	float:right;
	width:23%;
}

.page-walk-dtl .search-box dl.search-keyword input[type="text"] {
	width:100%;
	padding:.5em;
	background:#fff;
	border:1px solid #dadada;
	border-radius:.4em;
	text-align:left;
}

.page-walk-dtl .search-box dl.search-keyword button,
.page-walk-dtl .search-box dl.search-keyword a{
	display:block;
	width:100%;
	background:#111;
	font-family:'Noto Sans Japanese', sans-serif;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	cursor:pointer;
	text-align:center;
}

/*.page-walk-dtl .search-box dl.search-keyword button::before,
.page-walk-dtl .search-box dl.search-keyword a::before{
    content:"\f002";
    margin-right:5px;
    font-family:FontAwesome;
}*/

.page-walk-dtl .search-box dl dt{
	float:left;
	clear:left;
	padding-top:5px;
	font-family:'F+UD TsukuMin R';
	font-size:14px;
	font-size:1.4rem;
}

.page-walk-dtl .search-box dl dd{
	padding-left:140px;
	text-align:left;
}

.page-walk-dtl .search-box dl dd ul{
	position:relative;
}

.page-walk-dtl .search-box dl dd ul::before{
    content:":";
    position:absolute;
	top:5px;
    left:-30px;
}

.page-walk-dtl .search-box dl.search-area,
.page-walk-dtl .search-box dl.search-spec{
	margin-top:40px;
}

.page-walk-dtl .search-box dl.search-area ul,
.page-walk-dtl .search-box dl.search-spec ul{
	top:-10px;
}

.page-walk-dtl .search-box dl.search-area ul::before,
.page-walk-dtl .search-box dl.search-spec ul::before{
	top:15px;
}

.page-walk-dtl .search-box dl.search-area li,
.page-walk-dtl .search-box dl.search-spec li{
	float:left;
	margin-top:15px;
	margin-right:10px;
}

.page-walk-dtl .search-box dl dd li a{
	padding:5px;
	border-radius:.4em;
}

.page-walk-dtl .search-box dl dd .search-area li a{
	color:#fff;
}

.page-walk-dtl .search-box dl dd .search-area li:nth-child(1) a{background:#3FA8BB;}
.page-walk-dtl .search-box dl dd .search-area li:nth-child(2) a{background:#E67636;}
.page-walk-dtl .search-box dl dd .search-area li:nth-child(3) a{background:#7AA516;}
.page-walk-dtl .search-box dl dd .search-area li:nth-child(4) a{background:#E5677F;}
.page-walk-dtl .search-box dl dd .search-area li:nth-child(5) a{background:#0F6BB8;}
.page-walk-dtl .search-box dl dd .search-area li:nth-child(6) a{background:#CC9900;}
.page-walk-dtl .search-box dl dd .search-area li:nth-child(7){display:none;}
/*.page-walk-dtl .search-box dl dd .search-area li:nth-child(7) a{background:#888;}*/


.page-walk-dtl .search-box dl dd .search-spec li a{
	border:1px solid #dadada;
}



@media screen and (max-width:1024px) {

.page-walk-dtl .tab-box-inner,
.page-walk-dtl .tab-box-inner#tab-area{
	max-width:94%;
}

.page-walk-dtl .search-box{
	padding:20px;
}

.page-walk-dtl .area-list li{
	margin-top:20px;
}

/*.tab-box-inner ul li p{
	display:none;
}
*/
}

@media screen and (min-width:768px) {

.page-walk-dtl .area-list li:nth-child(3n){
	margin-right:0;
}

.page-walk-dtl #tab-spot ul li:nth-child(3n){
	margin-right:0;
}

}

@media screen and (max-width:767px) {

.page-walk-dtl .search-box{
	padding:10px;
}

.page-walk-dtl #walk-tab{
	width:94%;
}

.page-walk-dtl #walk-tab li a{
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:0;
}

.page-walk-dtl #walk-tab li a::before{
	display:none;
}

.page-walk-dtl .tab-box{
	padding-bottom:30px;
}

.page-walk-dtl #tab-spot.tab-box-inner ul{
	margin-top:0;
}

.page-walk-dtl #tab-spot.tab-box-inner ul li{
	padding:5px;
	margin-bottom:0;
}

.page-walk-dtl h3.search-ttl,
.page-walk-dtl .tab-box-inner ul li h3{
	margin:5px 0 0;
	font-size:14px;
	font-size:1.4rem;
}

.page-walk-dtl .tab-box-inner#tab-area .area-box{
	display:none;
}

.page-walk-dtl .tab-box-inner#tab-area{
	margin-top:20px;
}


.page-walk-dtl .area-list li{
	width:48%;
	margin:20px 4% 10px 0;
	text-align:left;
}

.page-walk-dtl .area-list li:nth-child(even){
	margin-right:0;
}

.page-walk-dtl .search-box dl dt{
	float:none;
	padding-top:0;
	margin-bottom:5px;
}


.page-walk-dtl .search-box dl dt::after{
    content:":";
}

.page-walk-dtl .search-box dl dd{
	padding-left:0;
}

.page-walk-dtl .search-box dl dd ul::before{
	display:none;
}

.page-walk-dtl .search-box dl.search-area,
.page-walk-dtl .search-box dl.search-spec{
	margin-top:10px;
}

.page-walk-dtl #tab-spot ul li{
	width:48%;
	margin:20px 4% 10px 0;
	text-align:left;
}

.page-walk-dtl #tab-spot ul li:nth-child(even){
	margin-right:0;
}

.page-walk-dtl .search-box dl dd li a{
	padding:5px;
}

}




.page-walk-dtl ul.walk-area{
	margin:1.5em 0;
}

.page-walk-dtl .walk-detail-box{
	max-width:980px;
	margin:0 auto;
}

.page-walk-dtl .walk-area li.spec{
	border:1px solid #000;
	border-radius:3px;
}

.page-walk-dtl .walk-area li.spec::before{
	display:inline-block;
	padding:5px 10px;
	content:"指定状況";
	background:#000;
	font-weight:normal;
	color:#fff;
}
.page-walk-dtl .walk-area li.spec.en::before{ content:"Designation"; }
.page-walk-dtl .walk-area li.spec.cn::before{ content:"指定等"; }
.page-walk-dtl .walk-area li.spec.tw::before{ content:"指定等"; }
.page-walk-dtl .walk-area li.spec.kr::before{ content:"지정 등"; }

.page-walk-dtl .walk-area li.spec span{
	font-weight:700;
	padding:0 10px;
}

.page-walk-dtl .thumb-item-nav{
	margin:10px 0 0 10px;
}

.page-walk-dtl .thumb-item .slick-slide{
    position:relative;
}

.page-walk-dtl .thumb-item .slick-slide img{
	width:980px;
	height:650px;
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit:cover; object-position:50% 50%;'
}

.page-walk-dtl .thumb-item-nav li{
	width:10%;
	padding:0 10px 0 0;
	cursor:pointer;
	height:55px;
}

.page-walk-dtl .thumb-item-nav li img{
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit:cover; object-position:50% 50%;'
}

.page-walk-dtl .thumb-item-nav li:last-child{
	margin-right:0;
}

@media screen and (max-width:1024px) {

.page-walk-dtl .thumb-item-nav li{
	height:50px;
}

}


@media screen and (max-width:767px) {

.page-walk-dtl .thumb-item-nav li{
	height:24px;
}

}

.page-walk-dtl .walk-free-txt{
	margin-top:2.5em;
}

.page-walk-dtl h3.walk-detail-ttl{
	margin:3.5em 0 1.5em;
	padding:0 0 5px 35px;
	border-bottom:1px dotted #ccc;
	font-family:'F+UD TsukuMin R';
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:.2em;
}

.page-walk-dtl h3.walk-detail-ttl span{
	padding-left:10px;
	font-size:10px;
	font-size:1rem;
	letter-spacing:.2em;
}

.page-walk-dtl h3.access-ttl{background:url(../img/spot/icon-access.png) no-repeat 0 50%;}
.page-walk-dtl h3.walk-ttl{background:url(../img/spot/icon-spot.png) no-repeat 0 50%;}
.page-walk-dtl h3.event-ttl{background:url(../img/spot/icon-event.png) no-repeat 0 50%;}

.page-walk-dtl h3.search-ttl{
	margin:0 0 1.5em;
	padding:0 0 5px 0;
}

.page-walk-dtl .walk-tab{
	width:98%;
	margin:0 auto;
}

.page-walk-dtl .walk-tab li a{
	position:relative;
	float:left;
	display:block;
	width:49%;
	padding:15px;
	background:#f3f3f3;
	border-top:1px solid #dadada;
	border-right:1px solid #dadada;
	border-left:1px solid #dadada;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color:#666;
	line-height:1;
	text-align:center;
}


.page-walk-dtl .walk-tab li:last-child a:last-child{
	margin-left:2%;
}

.page-walk-dtl .walk-tab li.active a{
	background:#000;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	color:#fff;
	font-weight:700;
}

.page-walk-dtl .related-look-walk{
	margin:1.5em 0;
}

.page-walk-dtl .related-look-walk li{
	float:left;
	width:32%;
	margin-right:2%;
}

.page-walk-dtl .related-look-walk li:nth-child(3n){
	margin-right:0;
}

.page-walk-dtl .related-look-walk li:nth-child(n+4){
	margin-top:2.5em;
}

.page-walk-dtl .related-look-walk li img{
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit: cover; object-position: 50% 50%;';
	width:100%;
	height:200px;
}

@media screen and (max-width:1024px) {

.page-walk-dtl .related-look-walk li img{
	height:150px;
}

}

@media screen and (max-width:767px) {

.page-walk-dtl .related-look-walk li img{
	height:120px;
}

}

.page-walk-dtl .related-look-walk li h4{
	margin-top:10px;
	font-family:'F+UD TsukuMin R';
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}


.page-walk-dtl .google-maps{
	position:relative;
	padding-bottom:35.7%;
	height:0;
	overflow:hidden;
	border:1px solid #ddd;
}

.page-walk-dtl .google-maps iframe{
	position:absolute;
	padding:5px;
	top:0;
	left:0;
	width:100% !important;
	height:350px !important;
}

.page-walk-dtl.page-walk-list .google-maps{
	margin-top:40px;
	position:relative;
	padding-bottom:61.8%;
	height:0;
	overflow:hidden;
	border:1px solid #ddd;
	background:#fff;
}

@media screen and (max-width:767px) {

.page-walk-dtl.page-walk-list .google-maps{
	margin-top:25px;
}

}

.page-walk-dtl.page-walk-list .google-maps iframe{
	position:absolute;
	padding:5px;
	top:0;
	left:0;
	width:100% !important;
	height:605px !important;
}

.page-walk-dtl .walk-area li.area-yabu{
	background:#3FA8BB;
	border:1px solid #3FA8BB;
}

.page-walk-dtl .walk-area li.area-asago{
	background:#E67636;
	border:1px solid #E67636;
}

.page-walk-dtl .walk-area li.area-kamikawa{
	background:#7AA516;
	border:1px solid #7AA516;
}

.page-walk-dtl .walk-area li.area-ichikawa{
	background:#E5677F;
	border:1px solid #E5677F;
}

.page-walk-dtl .walk-area li.area-fukusaki{
	background:#0F6BB8;
	border:1px solid #0F6BB8;
}

.page-walk-dtl .walk-area li.area-himeji{
	background:#CC9900;
	border:1px solid #CC9900;
}



.page-walk-dtl .walk-area li{
	float:left;
	margin-right:2em;
}

.page-walk-dtl .walk-area li.area-yabu,
.page-walk-dtl .walk-area li.area-asago,
.page-walk-dtl .walk-area li.area-kamikawa,
.page-walk-dtl .walk-area li.area-ichikawa,
.page-walk-dtl .walk-area li.area-fukusaki,
.page-walk-dtl .walk-area li.area-himeji{
	padding:5px 20px;
	border-radius:3px;
	font-weight:700;
	color:#fff;
}


.page-walk-dtl .walk-area li.category-list span{
	position:relative;
	padding-left:46px;
	line-height:2.6em;
	font-weight:700;
}

.page-walk-dtl .walk-area li.category-list span:nth-child(n+2){
	margin-left:10px;
}

.page-walk-dtl .walk-area li.category-list span::before{
	content:"";
	position:absolute;
	display:inline-block;
	left:0;
	width:36px;
	height:36px;
	border-radius:50%;
}

.page-walk-dtl .walk-area li.category-list span.category-walk::before{
	background:#3FA8BB url(../img/common/icon-walk.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-walk-dtl .walk-area li.category-list span.category-experience::before{
	background:#3FA8BB url(../img/common/icon-experience.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-walk-dtl .walk-area li.category-list span.category-gourmet::before{
	background:#3FA8BB url(../img/common/icon-gourmet.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-walk-dtl .walk-area li.category-list span.category-gift::before{
	background:#3FA8BB url(../img/common/icon-gift.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-walk-dtl .walk-area li.category-list span.category-stay::before{
	background:#3FA8BB url(../img/common/icon-stay.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-walk-dtl .walk-area li.category-list span.category-course::before{
	background:#3FA8BB url(../img/common/icon-course.png) no-repeat 50% 50%;
	background-size:20px;
}


@media screen and (max-width:767px) {

.page-walk-dtl .walk-area li.category-list{
	display:block;
	width:100%;
	margin-top:10px;
}

.page-walk-dtl .walk-area li.category-list span{
	padding-left:26px;
	line-height:1.8em;
}

.page-walk-dtl .walk-area li.category-list span:nth-child(n+2){
	margin-left:5px;
}


.page-walk-dtl .walk-area li.category-list span::before{
	content:"";
	position:absolute;
	display:inline-block;
	left:0;
	width:22px;
	height:22px;
	border-radius:50%;
}

.page-walk-dtl .walk-area li.category-list span.category-walk::before,
.page-walk-dtl .walk-area li.category-list span.category-experience::before,
.page-walk-dtl .walk-area li.category-list span.category-gourmet::before,
.page-walk-dtl .walk-area li.category-list span.category-gift::before,
.page-walk-dtl .walk-area li.category-list span.category-stay::before,
.page-walk-dtl .walk-area li.category-list span.category-course::before{
	background-size:14px;
}

}

.page-walk-dtl .walk-detail-box #slide-box{
	margin-top:30px;
}

.page-walk-dtl .event-list dl{
	width:100%;
	margin:0 auto;
	padding:2em;
	background:#f6f6f6;
	text-align:left;
}

.page-walk-dtl .event-list dl dt:nth-child(n+2){
	margin-top:1.5em;
}

.page-walk-dtl .event-list dl dd:nth-child(n+2){
	padding-bottom:1.5em;
}

.page-walk-dtl .event-list dl dt{
    font-family:'Lato';
	color:#999;
}

.page-walk-dtl .event-list dl dt.new::after{
    content:"NEW";
    display:inline-block;
    margin-left:1em;
    padding:0 5px;
    background:#D90000;
    font-family:'Lato';
    font-size:10px;
    font-size:1rem;
	color:#fff;
}

.page-walk-dtl .event-list dl dd{
	margin-top:.5em;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	border-bottom:1px dashed #d3d3d3;
}

.page-walk-dtl .event-list dl dd a:hover{
	text-decoration:underline;
}



@media screen and (max-width:1024px) {

.page-walk-dtl .walk-detail-box{
	max-width:94%;
}

.page-walk-dtl .thumb-item .slick-slide img{
	width:100%;
	height:450px;
}

.page-walk-dtl .walk-ttl span,
.page-walk-dtl .walk-ttl h2{
	letter-spacing:0;
	line-height:1;
}

.page-walk-dtl .walk-ttl h2{
	font-size:18px;
	font-size:1.8rem;
}

.page-walk-dtl ul.walk-area{
	margin:10px 0;
}

.page-walk-dtl #slide-box{
	margin-top:20px;
}

.page-walk-dtl .walk-free-txt{
	margin-top:20px;
}

.page-walk-dtl .walk-area li{
	margin-right:10px;
	font-size:12px;
	font-size:1.2rem;
}

.page-walk-dtl .walk-area li.area-yabu,
.page-walk-dtl .walk-area li.area-asago,
.page-walk-dtl .walk-area li.area-kamikawa,
.page-walk-dtl .walk-area li.area-ichikawa,
.page-walk-dtl .walk-area li.area-fukusaki,
.page-walk-dtl .walk-area li.area-himeji{
	padding:5px;
}

}

@media screen and (max-width: 767px){

.page-walk-dtl h3.walk-detail-ttl{
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0;
}

.page-walk-dtl h3.search-ttl{
	margin:0 0 10px;
	padding:0 0 5px 0;
}

.page-walk-dtl .thumb-item .slick-slide img{
	height:350px;
}

.page-walk-dtl .walk-tab li a{
	padding:10px 5px;
	font-size:12px;
	font-size:1.2rem;
}

.page-walk-dtl .related-near-walk li,
.page-walk-dtl .related-look-walk li{
	float:left;
	width:49%;
	margin-right:2%;
}

.page-walk-dtl .related-near-walk li:nth-child(3n),
.page-walk-dtl .related-look-walk li:nth-child(3n){
	margin-right:2%;
}

.page-walk-dtl .related-near-walk li:nth-child(even),
.page-walk-dtl .related-look-walk li:nth-child(even){
	margin-right:0;
}


.page-walk-dtl .related-near-walk li:nth-child(n+3),
.page-walk-dtl .related-look-walk li:nth-child(n+3){
	margin-top:20px;
}

.page-walk-dtl .related-near-walk li h4,
.page-walk-dtl .related-look-walk li h4{
	margin-top:5px;
	font-size:13px;
	font-size:1.3rem;
}

.page-walk-dtl .google-maps{
	padding-bottom:75%;
}

.page-walk-dtl .google-maps iframe{
	height:100% !important;
}

.page-walk-dtl .event-list dl{
	width:100%;
}

.page-walk-dtl .event-list dl dt:nth-child(n+2){
	margin-top:1em;
}

.page-walk-dtl .event-list dl dd:nth-child(n+2){
	padding-bottom:1em;
}


}









/*  walk ttl
----------------------*/

.page-walk-dtl .walk-ttl{
	position:relative;
	padding:0 10px 15px 0;
	border-bottom:1px dotted #dadada;
}

@media screen and (max-width:767px) {

.page-walk-dtl .walk-ttl h2{
	padding-top:15px;
}

}


.page-walk-dtl .walk-ttl.cultural{
	padding:0 10px 15px 50px;
}

.page-walk-dtl .walk-ttl em{
	position:absolute;
	top:10px;
	left:0;
	width:40px;
	height:40px;
	line-height:40px;
	background:#000;
	border-radius:50%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:20px;
	font-size:2rem;
	color:#fff;
	text-align:center;
}

.site-en .page-walk-dtl .walk-ttl em,
.site-cn .page-walk-dtl .walk-ttl em,
.site-tw .page-walk-dtl .walk-ttl em,
.site-kr .page-walk-dtl .walk-ttl em{
	top:-5px;
}

.page-walk-dtl .walk-ttl h2{
	font-family:'F+UD TsukuMin R';
	line-height:1;
	letter-spacing:.2em;
}

.site-en .page-walk-dtl .walk-ttl h2{
	letter-spacing:0;
}

.page-walk-dtl .walk-ttl span{
	font-size:10px;
	font-size:1rem;
	letter-spacing:.2em;
}

.page-walk-dtl .walk-ttl h2{
	font-size:22px;
	font-size:2.2rem;
}

.page-walk-dtl .walk-ttl a{
	position:absolute;
	bottom:5px;
	right:0;
	font-size:12px;
	font-size:1.2rem;
}

.page-walk-dtl .walk-ttl a::before{
	content:"\f100";
	margin-right:.3em;
	font-family:FontAwesome;
	font-size:16px;
	font-size:1.6rem;
}

@media screen and (max-width:1024px) {

.page-walk-dtl .walk-ttl a{
	bottom:inherit;
	top:-20px;
}

}

@media screen and (max-width:767px) {

.page-walk-dtl .walk-ttl h2{
	font-size:1.8px;
	font-size:1.8rem;
}

.page-walk-dtl .walk-ttl a{
	font-size:1.1rem;
	letter-spacing:0;
}

}


/*  表組
----------------------*/
.page-walk-dtl table.info-table{
	width:100%;
	margin-top:5em;
	border-collapse:collapse;
	border-top:1px dotted #ccc;
}

.page-walk-dtl table.info-table th,
.page-walk-dtl table.info-table td{
	padding:1.5em 1em;
	border-bottom:1px dotted #ccc;
}


.page-walk-dtl table.info-table td a{
	color:#A37E39;
	text-decoration:underline;
}

.page-walk-dtl table.info-table td a:hover{
	text-decoration:none;
}

.page-walk-dtl table.info-table th{
	width:18%;
	vertical-align:middle;
}

@media screen and (max-width:767px) {

.page-walk-dtl table.info-table{
	border-top:none;
}

.page-walk-dtl table.info-table th,
.page-walk-dtl table.info-table td{
	display:block;
	padding:.75em;
	border-bottom:none;
}

.page-walk-dtl table.info-table th{
	background:#f6f6f6;
	border-top:1px dotted #dadada;
	width:100%;
	text-align:left;
}

.page-walk-dtl table.info-table td{
	margin-bottom:1em;
}

}


.page-walk-dtl .walk-basic-ttl{
	margin-top:4em;
	padding-left:.8em;
	font-family:'F+UD TsukuMin R';
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	line-height:1;
	letter-spacing:.2em;
}

.page-walk-dtl .walk-basic-ttl + .info-table{
	margin-top:1.5em;
}

@media screen and (max-width:767px) {

.page-walk-dtl .walk-basic-ttl{
	margin-top:3em;
	font-size:15px;
	font-size:1.5rem;
}

}




/*  ページャー
----------------------*/

.page-walk-dtl .pager-list{
	margin-top:50px;
	text-align:center;
}

.page-walk-dtl .pager-list li{
	position:relative;
	display:inline-block;
}

.page-walk-dtl .pager-list li:nth-child(2){
	margin:0 50px;
}

.page-walk-dtl .pager-list li a img{
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

.page-walk-dtl .pager-list li:nth-child(2) a:hover img{
	-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.page-walk-dtl .pager-list li:first-child a:hover img{
	transform:translateX(-10px);
}

.page-walk-dtl .pager-list li:last-child a:hover img{
	transform:translateX(10px);
}




.search-number{
	/*margin-top:40px;*/
	padding:.5em 0 .7em;
	background:#fff;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
}

.search-number em{
	padding:0 .3em;
	color:#B97103;
	font-family:'Lato';
	font-size:28px;
	font-size:2.8rem;
}


@media screen and (max-width:767px) {

.search-number{
	font-size:14px;
	font-size:1.4rem;
}

.search-number span{
	font-size:20px;
	font-size:2.0rem;
}

}





@media screen and (min-width:891px) {
.page-walk-dtl .tab-area-list li a{
	padding:5px 25px;
}

}

@media screen and (max-width:890px) {

.page-walk-dtl .tab-area-list li a{
	padding:5px 10px;
}

}

.page-walk-dtl .tab-area-list{
	position:relative;
}

.page-walk-dtl .tab-area-list::before{
        content: "";
    position: absolute;
    top:-30px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    border-top: 2px solid #222;
    width: 10px;
    height: 10px;
    border-right: 2px solid #222;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}

@media screen and (min-width:768px) {

.page-walk-dtl .tab-area-list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom:25px;
}

.page-walk-dtl .tab-area-list li a br{
	display:none;
}

.page-walk-dtl .tab-area-list li a{
	background-color:#fff;
	border:1px solid #666;
	border-radius:3px;
}

.page-walk-dtl .tab-area-list li a:hover{
	border:1px solid #111;
	background-color:#111;
	color:#fff;
}

.walk-map-link-txt, .walk-map-link {
	display: none;
}

}


@media screen and (max-width:767px) {

.page-walk-dtl .tab-area-list{
	margin-bottom:15px;
}

.page-walk-dtl .tab-area-list li{
	float:left;
	width:32%;
	margin-right:2%;
}

.page-walk-dtl .tab-area-list li:nth-child(3n){
	margin-right:0;
}


.page-walk-dtl .tab-area-list li:nth-child(n+4){
	margin-top:10px;
}

.page-walk-dtl .tab-area-list li a{
	display:block;
	padding:5px 10px;
	background-color:#fff;
	border:1px solid #666;
	border-radius:3px;
	font-size:1.2rem;
	line-height:1.4;
	text-align:center;
}

.walk-map-unlink {
	display: none;
}

.walk-detail-ttl.access-ttl,
.walk-detail-box .google-maps{
	display:none;
}

.page-walk-dtl table.info-table{
	margin-top:15px;
}

}

.walk-map-link-txt{
	margin-top:15px;
	color:#d90000;
}
	
