@charset "UTF-8";

/*--------------------
シェアボタン
--------------------*/
#foot_sharebutton{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 999;
}

#foot_sharebutton ul{
	margin: 0;
	padding-left: 0;
	display: flex;
}

#foot_sharebutton ul li{
	list-style: none;
}

@media only screen and (max-width: 767.98px){
	#foot_sharebutton{
		position: static;
		padding: 40px 3% 10px 8%;
	}
}


/*--------------------
枠組み・基本設定
--------------------*/
body{
	max-width: none;
}

.Main__content{
	max-width: 100%;
	width: 100%;
	padding: 0;
	position: relative;
	font-family: 'YakuHanJP', "Roboto", "Noto Sans JP", sans-serif;
	font-weight: 400;
	background: url(../img/bg.jpg) repeat-y top center;
	background-size: 100% auto;
}

.Main__content img{
	width: 100%;
}

.Main__content h1,
.Main__content h2{
	margin: 0;
}

.l_main a{
	transition: 0.5s;
}

.l_main a:hover{
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}

.l_main .br_pc { display: block !important;}
.l_main .br_sp { display: none !important;}

.l_main p{
	margin-top: 0;
	margin-bottom: 0;
}

.l_main ul{
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.l_main ul li{
	list-style: none;
}

@media only screen and (max-width: 767.98px){
	.l_main .br_pc { display: none !important;}
	.l_main .br_sp { display: block !important;}
}


/*---------------------
スクロールアニメーション
---------------------*/
.l_main .is_scrollanime{
	opacity: 0 !important;
	transition: all .8s ease !important;
}

.l_main .is_scrollanime.show{
	opacity: 1 !important;
	transform: none !important;
}

.l_main .is_rl{         transform: translate(-100px, 0) !important;}
.l_main .is_rr{         transform: translate(100px, 0) !important;}
.l_main .is_up{         transform: translate(0, 100px) !important;}
.l_main .is_down{       transform: translate(0, -100px) !important;}
.l_main .is_scaleUp{    transform: scale(.8) !important;}
.l_main .is_scaleDown{  transform: scale(1.5) !important;}
.l_main .is_rotateL{    transform: rotate(180deg) !important;}
.l_main .is_rotateR{    transform: rotate(-180deg) !important;}


/*--------------------
背景
--------------------*/
.l_main .l_cont{
	max-width: 1240px;
	width: 84%;
	margin: 0 auto;
	padding: 60px 0;
}

@media only screen and (max-width: 767.98px){
	.l_main .l_cont{
		padding: 40px 0;
	}
	
	.l_main .l_cont.l_kurama{
		padding-top: 0;
	}
}


/*--------------------
タイトル
--------------------*/
.l_main .is_h2{
	color: #fff;
	font-family: 'YakuHanMP', "Noto Serif JP", sans-serif;
	font-size: 250%;
	font-weight: 600;
	background: url(../img/bg_titkurama.jpg) repeat-x center center;
	background-size: auto 100%;
	border-radius: 10px;
	margin-bottom: 40px;
	padding: 10px 10px 10px 160px;
	position: relative;
}

.l_main .is_h2::before{
	content: "";
	display: inline-block;
	width: 120px;
	height: 120px;
	background: url(../img/icon_kurama.svg) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	position: absolute;
	top: calc(50% - 60px);
	left: 20px;
}

.l_main .is_subtitle{
	font-weight: 600;
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	position: relative;
}

.l_main .is_subtitle::after{
	content: "";
	flex: 1;
	height: 1px;
	background: #afaaa7;
	margin-left: 10px;
}

.l_main .l_kibune .is_h2{
	background: url(../img/bg_titkibune.jpg) repeat-x center center;
}

.l_main .l_kibune .is_h2::before{
	background: url(../img/icon_kibune.svg) no-repeat;
	background-size: 100% 100%;
}

.l_main .l_ohara .is_h2{
	background: url(../img/bg_titohara.jpg) repeat-x center center;
}

.l_main .l_ohara .is_h2::before{
	background: url(../img/icon_ohara.svg) no-repeat;
	background-size: 100% 100%;
}

.l_main .l_yase .is_h2{
	background: url(../img/bg_tityase.jpg) repeat-x center center;
}

.l_main .l_yase .is_h2::before{
	background: url(../img/icon_yase.svg) no-repeat;
	background-size: 100% 100%;
}

@media only screen and (max-width: 767.98px){
	.l_main .is_h2{
		font-size: 200%;
		margin-bottom: 20px;
		padding: 5px 10px 5px 90px;
	}
	
	.l_main .is_h2::before{
		width: 70px;
		height: 70px;
		top: calc(50% - 35px);
		left: 10px;
	}

}


/*---------------------
テキストリンク
---------------------*/
.l_main .l_cont a.is_txtlink{
	color: #3c3c3c;
	text-decoration: underline;
	word-break: break-all;
	margin-left: 10px;
	padding: 0 10px 0 5px;
	display: inline;
	position: relative;
}

.l_main .l_cont a.is_txtlink::before,
.l_main .l_cont a.is_txtlink::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	vertical-align: middle;
}

.l_main .l_cont a.is_txtlink::before{
	border: 4px solid transparent;
	border-left: 6px solid #3c3c3c;
	left: -8px;
	box-sizing: border-box;
	width: 6px;
	height: 4px;
}

.l_main .l_cont a.is_txtlink:hover{
	text-decoration: none;
}


/*--------------------
トップページナビ
--------------------*/
.l_main .l_topnav{
	background: url(../img/bg_topbtn.jpg) no-repeat top center;
	background-size: 100% auto;
}

.l_main .l_topnav ul{
	max-width: 1620px;
	width: 88%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.l_main .l_topnav ul li{
	font-family: 'YakuHanMP', "Noto Serif JP", sans-serif;
	width: 23%;
	text-align: center;
	padding-bottom: 20px;
}

.l_main .l_topnav ul li .is_caption{
	color: #fff;
	font-size: 75%;
	text-align: right;
	margin: -20px 5px 10px 0;
}

.l_main .l_topnav ul li .is_caption + p{
	font-weight: 700;
}

.l_main .l_topnav ul li strong{
	color: #db4f43;
	font-size: 200%;
	font-weight: 600;
	line-height: 1.2;
	display: block;
}

.l_main .l_topnav ul li:nth-child(2) strong{color: #32adc6;}
.l_main .l_topnav ul li:nth-child(3) strong{color: #975b88;}
.l_main .l_topnav ul li:nth-child(4) strong{color: #81b11a;}

@media only screen and (max-width: 767.98px){
	.l_main .l_topnav ul li{
		width: 48%;
	}
	
	.l_main .l_topnav ul li .is_caption + p{
		font-size: 86%;
	}

}


/*--------------------
トップページエリアマップ
--------------------*/
.l_main .is_titmap{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 40px;
}

.l_main .l_map .md_mapcont{
	position: relative;
}

.l_main .l_map .md_map{
	padding-bottom: 20px;
	position: relative;
}

.l_main .is_scrollhint{
	display: none;
}

.l_main .l_map .is_mapspot li{
	width: 12%;
	position: absolute;
	height: auto;
}

.l_main .l_map .is_mapspot li a{
	display: block;
	transition: 0.5s;
}

.l_main .l_map .is_mapspot li a:hover{
	transform: scale(1.2);
}

.l_main .l_map .is_mapspot li.is_topnavkurama{top: 4%;left: 54%;}
.l_main .l_map .is_mapspot li.is_topnavkibune{top: 8%;left: 12%;}
.l_main .l_map .is_mapspot li.is_topnavohara{top: 5%;right: 9%;}
.l_main .l_map .is_mapspot li.is_topnavyase{bottom: 27.5%;right: -1%;}

@media only screen and (max-width: 767.98px){
	.l_main .l_map .md_mapcont{
		overflow-x: auto;
	}
	
	.l_main .l_map .md_map{
		width: 640px;
	}
	
	.l_main .is_scrollhint{
		position: absolute;
		top: 30%;
		left: 40%;
		padding: 10px;
		background: #866910;
		color: #fff;
		font-weight: 700;
		line-height: 1.4;
		display: none;
		animation: scroll-hint-animation 2s infinite ease;
	}
}

@keyframes scroll-hint-animation{
	0%{
		transform: translate(-50%, -50%);
	}
	50%{
		transform: translate(-40%, -50%);
	}
	100%{
		transform: translate(-50%, -50%);
	}
}

.l_main .is_scrollhintshow{
	display: block;
}


/*--------------------
トップページキャッチコピー・時刻表
--------------------*/
.l_main .md_catch{
	border: #afaaa7 1px solid;
	margin: 20px 0 80px 0;
	padding: 20px;
}

.l_main .md_catch p{
	text-align: center;
}

.l_main .md_time{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.l_main .md_time li{
	width: 30%;
}

.l_main .md_time li a{
	color: #a1302e;
	font-size: 150%;
	text-align: center;
	border: #a1302e 1px solid;
	border-radius: 10px;
	background: #fff;
	padding: 10px 2%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.l_main .md_time li a i{
	width: 15px;
	height: 15px;
	margin: 0 0 0 10px;
}

@media only screen and (max-width: 767.98px){
	.l_main .md_catch p{
		text-align: left;
	}
	
	.l_main .md_time li{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.l_main .md_time li:last-child{
		margin-bottom: 0;
	}

}


/*--------------------
下層ページナビ
--------------------*/
.l_main .l_navi{
	background: url(../img/bg_page.jpg) no-repeat top center;
	background-size: 100% auto;
	padding: 100px 4% 0 4%;
}

.l_main .l_navi ul{
	max-width: 1240px;
	width: 84%;
	margin: 0 auto;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.l_main .l_navi ul li{
	width: 20%;
}

.l_main .l_navi ul li a{
	display: block;
}

@media only screen and (max-width: 767.98px){
	.l_main .l_navi{
		padding: 40px 4% 0 4%;
	}
	
	.l_main .l_navi .is_titmap{
		padding-bottom: 10px;
	}
	
	.l_main .l_navi ul li{
		width: 48%;
		padding-bottom: 2%;
	}

}


/*--------------------
各エリア
--------------------*/
.l_main .l_cont.l_kurama h3{
	color: #db4e44;
	font-family: 'YakuHanMP', "Noto Serif JP", sans-serif;
	font-size: 175%;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	margin-bottom: 5px;
}

.l_main .l_cont.l_kurama.l_kibune h3,
.l_main .l_spot .l_kibunespot .md_spot li .is_name,
.l_main .l_spot .l_kibunespot .md_spot li .is_spot .is_spotcatch{
	color: #32adc6;
}

.l_main .l_cont.l_kurama.l_ohara h3,
.l_main .l_spot .l_oharaspot .md_spot li .is_name,
.l_main .l_spot .l_oharaspot .md_spot li .is_spot .is_spotcatch{
	color: #975b88;
}

.l_main .l_cont.l_kurama.l_yase h3,
.l_main .l_spot .l_yasespot .md_spot li .is_name,
.l_main .l_spot .l_yasespot .md_spot li .is_spot .is_spotcatch{
	color: #81b11a;
}

.l_main .l_cont.l_kurama h3 + p{
	padding-bottom: 30px;
}

.l_main .l_cont.l_kurama .is_areano{
	font-size: 86%;
	text-align: center;
	padding: 40px 4% 0 4%;
}

.l_main .l_cont.l_kurama .md_map{
	border: #d4aa29 2px solid;
	border-radius: 20px;
	margin: 10px auto 0 auto;
	max-width: 900px;
	width: 100%;
	position: relative;
}

.l_main .l_cont.l_kurama .md_map .is_map img{
	border-radius: 20px;
}

.l_main .l_cont.l_kurama .is_areamapspot li{
	position: absolute;
	height: auto;
}

.l_main .l_cont.l_kurama .is_areamapspot li a{
	display: block;
	transition: 0.5s;
}

.l_main .l_cont.l_kurama .is_areamapspot li a:hover{
	transform: scale(1.2);
}

.l_main .l_cont.l_kurama .is_areamapspot li.is_icon1{width: 7%;top: 23%;left: 54%;}
.l_main .l_cont.l_kurama .is_areamapspot li.is_icon2{width: 14%;top: 35%;left: 46%;}
.l_main .l_cont.l_kurama .is_areamapspot li.is_icon3{width: 16%;top: 46%;left: 45%;}
.l_main .l_cont.l_kurama .is_areamapspot li.is_icon4{width: 18%;top: 43%;right: 19.2%;}
.l_main .l_cont.l_kurama .is_areamapspot li.is_icon5{width: 14%;top: 4%;right: 20%;}
.l_main .l_cont.l_kurama .is_areamapspot li.is_icon6{width: 18%;bottom: 36%;right: 20%;}

.l_main .l_cont.l_kibune .is_areamapspot li.is_icon1{width: 25%;top: 19%;left: 41%;}
.l_main .l_cont.l_kibune .is_areamapspot li.is_icon2{width: 24%;top: 3%;left: 42.6%;}
.l_main .l_cont.l_kibune .is_areamapspot li.is_icon3{width: 21%;top: 28%;left: 20%;}
.l_main .l_cont.l_kibune .is_areamapspot li.is_icon4{width: 19%;top: 24%;left: 23%;}
.l_main .l_cont.l_kibune .is_areamapspot li.is_icon5{width: 18%;top: 11%;left: 26.5%;}

.l_main .l_cont.l_ohara .is_areamapspot li.is_icon1{width: 12%;top: 52%;left: 68%;;}
.l_main .l_cont.l_ohara .is_areamapspot li.is_icon2{width: 12%;top: 21%;left: 14%;}
.l_main .l_cont.l_ohara .is_areamapspot li.is_icon3{width: 15%;top: 52%;left: 51%;}
.l_main .l_cont.l_ohara .is_areamapspot li.is_icon4{width: 29%;top: 78%;right: 45%;}
.l_main .l_cont.l_ohara .is_areamapspot li.is_icon5{width: 29%;top: 47%;right: 57%;}

.l_main .l_cont.l_yase .is_areamapspot li.is_icon1{width: 18%;top: 49%;left: 27.5%;}
.l_main .l_cont.l_yase .is_areamapspot li.is_icon2{width: 13%;top: 74%;left: 41%;}
.l_main .l_cont.l_yase .is_areamapspot li.is_icon3{width: 22%;top: 25%;left: 33%;}
.l_main .l_cont.l_yase .is_areamapspot li.is_icon4{width: 31%;top: 47%;right: 26%;}
.l_main .l_cont.l_yase .is_areamapspot li.is_icon5{width: 10%;top: 68%;right: 59%;}
.l_main .l_cont.l_yase .is_areamapspot li.is_icon6{width: 15%;bottom: 85%;right: 27%;}
.l_main .l_cont.l_yase .is_areamapspot li.is_icon7{width: 25%;bottom: 17%;right: 34%;}

@media only screen and (max-width: 767.98px){
	.l_main .l_cont.l_kurama h3{
		font-size: 150%;
	}
	
	.l_main .l_cont .is_areano{
		border-radius: 10px;
		padding: 10px;
	}
	
	.l_main .l_cont.l_kurama .is_areamapspot li.is_icon1{width: 9%;top: 23%;left: 55%;}
	.l_main .l_cont.l_kurama .is_areamapspot li.is_icon2{width: 16%;top: 35%;left: 46%;}
	.l_main .l_cont.l_kurama .is_areamapspot li.is_icon3{width: 21%;top: 46%;left: 43%;}
	.l_main .l_cont.l_kurama .is_areamapspot li.is_icon4{width: 23%;top: 43%;right: 10%;}
	.l_main .l_cont.l_kurama .is_areamapspot li.is_icon5{width: 20%;top: 2%;right: 9%;}
	.l_main .l_cont.l_kurama .is_areamapspot li.is_icon6{width: 25%;bottom: 36%;right: 10%;}
	
	.l_main .l_cont.l_kibune .is_areamapspot li.is_icon1{width: 43%;top: 20%;left: 37%;}
	.l_main .l_cont.l_kibune .is_areamapspot li.is_icon2{width: 38%;top: 1%;left: 40%;}
	.l_main .l_cont.l_kibune .is_areamapspot li.is_icon3{width: 32%;top: 29%;left: 6%}
	.l_main .l_cont.l_kibune .is_areamapspot li.is_icon4{width: 29%;top: 25%;left: 8%;}
	.l_main .l_cont.l_kibune .is_areamapspot li.is_icon5{width: 30%;top: 10%; left: 13%;}
	
	.l_main .l_cont.l_ohara .is_areamapspot li.is_icon1{width: 17%;top: 53%;left: 74%;}
	.l_main .l_cont.l_ohara .is_areamapspot li.is_icon2{width: 19%;top: 10%;left: 4%;}
	.l_main .l_cont.l_ohara .is_areamapspot li.is_icon3{width: 21%;top: 53%;left: 49%;}
	.l_main .l_cont.l_ohara .is_areamapspot li.is_icon4{width: 41%;top: 84%;right: 40%;}
	.l_main .l_cont.l_ohara .is_areamapspot li.is_icon5{width: 41%;top: 48%;right: 59%;}
	
	.l_main .l_cont.l_yase .is_areamapspot li.is_icon1{width: 22%;top: 50%;left: 21%;}
	.l_main .l_cont.l_yase .is_areamapspot li.is_icon2{width: 16%;top: 75%;left: 38%;}
	.l_main .l_cont.l_yase .is_areamapspot li.is_icon3{width: 24%;top: 26%;left: 30%;}
	.l_main .l_cont.l_yase .is_areamapspot li.is_icon4{width: 36%;top: 50%;right: 23%;}
	.l_main .l_cont.l_yase .is_areamapspot li.is_icon5{width: 14%;top: 69%;right: 62%;}
	.l_main .l_cont.l_yase .is_areamapspot li.is_icon6{width: 21%;bottom: 84%;right: 20%;}
	.l_main .l_cont.l_yase .is_areamapspot li.is_icon7{width: 25%;bottom: 17%;right: 34%;}
	
}


/*--------------------
各エリア スポット紹介
--------------------*/
.l_main .l_spot{
	background: #fff;
}

.l_main .l_spot .is_spotlist{
	background: #f9f4e9;
	padding: 20px 20px 5px 30px;
}

.l_main .l_spot .is_spotlist ul{
	display: flex;
	flex-wrap: wrap;
}

.l_main .l_spot .is_spotlist ul li{
	padding: 0 20px 10px 30px;
}

.l_main .l_spot .is_spotlist ul li a span{
	position: relative;
}

.l_main .l_spot .is_spotlist ul li a span::after{
	content: "";
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	margin: auto;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 4px;
	bottom: 0;
	right: 12px;
	transform: translateY(-2px) rotate(135deg);
	box-sizing: border-box;
}

.l_main .l_spot .md_spot li{
	margin-top: -80px;
	padding-top: 160px;
}

.l_main .l_spot .md_spot li .is_name{
	color: #db4e44;
	font-family: 'YakuHanMP', "Noto Serif JP", sans-serif;
	font-size: 200%;
	font-weight: 700;
	border-bottom: #3c3c3c 1px solid;
	margin-bottom: 40px;
	padding-bottom: 10px;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}

.l_main .l_spot .md_spot li .is_name span{
	margin-right: 10px;
}

.l_main .l_spot .md_spot li .is_name span.is_furigana{
	font-size: 65%;
	padding: 0 10px;
}

.l_main .l_spot .md_spot li .is_spot{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.l_main .l_spot .md_spot li .is_spot > div{
	width: 48%;
}

.l_main .l_spot .md_spot li .is_spot .is_spotcatch{
	color: #db4e44;
	font-family: 'YakuHanMP', "Noto Serif JP", sans-serif;
	font-size: 162%;
	font-weight: 700;
	line-height: 1.4;
	padding-bottom: 10px;
}

.l_main .l_spot .md_spot li .is_spot .is_spotcatch + p{
	text-align: justify;
}

.l_main .l_spot .md_spot li .is_spot table{
	border-top: #c2c2c2 1px solid;
	border-spacing: 0;
	border-collapse: separate;
	margin-top: 40px;
}

.l_main .l_spot .md_spot li .is_spot table th{
	border-bottom: #c2c2c2 1px solid;
	background: #f5f5f5;
	width: 180px;
	padding: 10px 20px;
}

.l_main .l_spot .md_spot li .is_spot table td{
	border-bottom: #c2c2c2 1px solid;
	padding: 10px 20px;
}

.l_main .l_spot .md_spot li .is_spot table td a{
	text-decoration: underline;
	display: flex;
	align-items: center;
}

.l_main .l_spot .md_spot li .is_spot table td a:hover{
	text-decoration: none;
}

.l_main .l_spot .md_spot li .is_spot table td a i{
	width: 12px;
	height: 12px;
	margin-left: 10px;
	display: inline-block;
}

.l_main .is_kome{
	font-size: 86%;
	text-indent: -1em;
	padding-left: 1em;
}

.l_main .is_komept{
	padding-top: 80px;
	text-align: justify;
}

.l_main .l_spot .md_spot li .is_spot .is_comment{
	font-size: 86%;
	padding: 5px 0 0 0;
}

.l_main .l_spot .md_spot li .is_spot .md_photo{
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

.l_main .l_spot .md_spot li .is_spot .md_photo div{
	width: 48%;
}

.l_main .l_spot .md_nyanmuseum{
	background: #efefef;
	margin: 20px 0 0 0;
	padding: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.l_main .l_spot .md_nyanmuseum div:nth-child(1){
	width: 24%;
}

.l_main .l_spot .md_nyanmuseum div:nth-child(2){
	width: 72%;
}

.l_main .l_spot .md_nyanmuseum div:nth-child(2) p:nth-child(1){
	font-size: 125%;
	font-weight: 700;
	padding: 0 0 10px 0;
}

.l_main .l_spot .is_copyright{
	color: #fff;
	font-size: 72%;
	text-align: right;
	margin: -20px 5px 1px 0;
}

@media only screen and (max-width: 767.98px){
	.l_main .l_spot .md_spot li{
		margin-top: -40px;
		padding-top: 80px;
	}
	
	.l_main .l_spot .md_spot li .is_spot > div{
		width: 100%;
	}
	
	.l_main .l_spot .md_spot li .is_spot > div:nth-child(1){
		padding-bottom: 20px;
	}
	
	.l_main .l_spot .md_spot li .is_name{
		font-size: 175%;
		margin-bottom: 20px;
	}
	
	.l_main .l_spot .md_spot li .is_spot table{
		margin-top: 20px;
	}
	
	.l_main .l_spot .md_spot li .is_spot table th{
		width: 100px;
		padding: 4%;
	}
	
	.l_main .l_spot .md_spot li .is_spot table td{
		padding: 4%;
	}
	
	.l_main .l_spot .is_spotlist{
		padding: 4%;
	}
	
	.l_main .is_komept{
		padding-top: 40px;
	}
	
	.l_main .l_spot .md_nyanmuseum div:nth-child(1){
		width: 50%;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	
	.l_main .l_spot .md_nyanmuseum div:nth-child(2){
		width: 100%;
	}
	
	.l_main .l_spot .md_nyanmuseum div:nth-child(2) p:nth-child(1){
		font-size: 100%;
	}
	
	.l_main .l_spot .is_copyright{
		font-size: 65%;
		margin: -16px 5px 1px 0;
	}
	
}