@charset "UTF-8";
/*
 * knowledge.css
 */

/* ---------------------------------------
.index
--------------------------------------- */
#kensho{
	position: relative;
	margin: 0 auto 20px;
	padding: 20px 0;
}
#kensho .txt1{
	position: absolute;
	top:20px;
	left:0px;
	display: inline-block;
	background: #009BA9;
	color: #fff;
	letter-spacing: .5em;
	padding: 3px 5px 3px 15px;
	margin-bottom: 35px;
	opacity: 0;
}
#kensho .txt1.is-animation{
	animation: maintxt1 .8s;
	opacity: 1;
}
@keyframes maintxt1 {
	0%{ opacity: 0; top: 20px; left: -100px; }
	100%{ opacity: 1; top: 20px; left: 0px; }
}
#kensho .box1{
  	padding-left: 220px;	
}
#kensho .txt2{
	margin-bottom: 5px;
	line-height: 1;
	position: relative;
	font-size: 26px;
	color: #009BA9;
	color: #322006;
	font-family: "Sawarabi Mincho";
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.6;
	opacity: 0;
	letter-spacing: -.4em;
}
#kensho .txt2 span{
	opacity: 0;
	letter-spacing: normal;
}
@media screen and (max-width: 767px) {
	#kensho{
		position: relative;
		margin: 0 auto 20px;
		padding: 10px 0;
	}
	#kensho .txt1{
		position: static;
		padding: 3px 5px 3px 15px;
		margin-bottom: 10px;
		opacity: 0;
	}
	@keyframes maintxt1 {
		0%{ opacity: 0; top: 0px; left: 0px; }
		100%{ opacity: 1; top: 0px; left: 0px; }
	}
	#kensho .box1{
	  	padding-left: 0px;
	}
	#kensho .txt2{
		font-size: 18px;
	}
}
@media screen and (max-width: 374px) {
	#kensho .txt2{
		font-size: 17px;
	}
}


/* ---------------------------------------
.point
--------------------------------------- */
.point .wrapper{
	min-width: 1px;
}
.point #point_box{
	position: relative;
}
.point #point_box .pb_title{
	display: table;
	width: 100%;
	height: 66px;
	z-index: 2;
	top:0;
	background: #fff;
}
.point #point_box .pb_title>div{
	display: table-cell;
	padding: 20px;
}
.point #point_box .pb_title .pb_title_cat{
	width: 150px;
	background: #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.point #point_box .pb_title .pb_title_cat._a{ background: #e4bb00; }
.point #point_box .pb_title .pb_title_cat._b{ background: #ff7b92; }
.point #point_box .pb_title .pb_title_cat._c{ background: #229b73; }
.point #point_box .pb_title .pb_title_cat._d{ background: #a3b2ba; }
.point #point_box .pb_title .pb_title_cat._e{ background: #ff801e; }
.point #point_box .pb_title .pb_title_cat._f{ background: #59b3e0; }
.point #point_box .pb_title .pb_title_cat._g{ background: #9d84be; }

.point #point_box .pb_title .pb_title_name{
	text-align: center;
	font-weight: bold;
}
.point #point_box .pb_img_box{
	background: #fff;
}
.point #point_box .pb_img_box dt{
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 23px;
	font-weight: bold;
}

.point #point_box .slider li{
	background: #fff;
}

.point .prev{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../../../module/img/common/ico_arw3.png) no-repeat center;
	background-size: 100%;
	transform: rotate(180deg);
	position: absolute;
	top: 180px;
	left: 20px;
	z-index: 1;
}
.point .next{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../../../module/img/common/ico_arw3.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	top: 180px;
	right: 20px;
	z-index: 1;
}
.point .prev,
.point .next{
	opacity: .4;
}
.point .prev:hover,
.point .next:hover{
	opacity: 1;
}

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

	.point #point_box .pb_title{
		height: 46px;
	}
	.point #point_box .pb_title>div{
		padding: 10px;
	}
	.point #point_box .pb_title .pb_title_cat{
		width: 60px;
	}

	.point #point_box .pb_title .pb_title_name{
		text-align: center;
		font-weight: bold;
	}
	.point #point_box .pb_img_box{
		background: transparent;
	}
	.point #point_box .pb_img_box dt{
		padding: 10px;
	}
	.point #point_box .pb_img_box .slider li{
		width: 100%;
		overflow: hidden;
	}
	.point #point_box .pb_img_box .slider li img{
		width: 100%;
	}
	.point .prev,
	.point .next{
		top: 50px;
	}
	.point .prev{
		top: 10px;
		left: 10px;
	}
	.point .next{
		top: 10px;
		right: 10px;
	}

}



/* ---------------------------------------
.map
--------------------------------------- */
.map #sec_1 #pointmap{
	position: relative;
	margin-bottom: 40px;
}
.map #sec_1 .pointmap_img{
	text-align: center;
}
.map #sec_1 .pointmap_list{
	position: absolute;
	top: 100px;
	right:0;
	width: 380px;
	height: 100%;
}


.pointmap_list>li {
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 5px;
	padding: 6px 0 6px 30px;
	font-size: 0.85em; /*12px*/
}
.pointmap_list>li:nth-child(2n) {
	margin-right: 0;
}
.pointmap_list>li.ico_g {
	margin-left: 49.5%;
}
.pointmap_list>li>a {
	text-decoration: none;
	color: #333;
}
.pointmap_list>li:before{
	content:"";
	position:absolute;
	top:50%;
	left: 0px;
	display: block;
	width: 20px;
	height: 28px;
	background: url(../img/map/ico_a.png) no-repeat 0 0;
	background-size:contain;
	margin-top:-15px;
}
.pointmap_list>li.ico_a:before{ background-image: url(../img/map/ico_a.png); }
.pointmap_list>li.ico_b:before{ background-image: url(../img/map/ico_b.png); }
.pointmap_list>li.ico_c:before{ background-image: url(../img/map/ico_c.png); }
.pointmap_list>li.ico_d:before{ background-image: url(../img/map/ico_d.png); }
.pointmap_list>li.ico_e:before{ background-image: url(../img/map/ico_e.png); }
.pointmap_list>li.ico_f:before{ background-image: url(../img/map/ico_f.png); }
.pointmap_list>li.ico_g:before{ background-image: url(../img/map/ico_g.png); }

.pointmap_list>li ul{
	display: none;
}
@media screen and (max-width: 767px) {
	.map #sec_1 .pointmap_list{
		position: static;
		margin-bottom: 20px;
		width: auto;
	}
	.pointmap_list>li {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10px;
		padding: 5px 0 5px 25px;
	}
	.pointmap_list>li.ico_g {
		margin-left: 0;
	}
	.pointmap_list>li:before{
		width: 20px;
		height: 28px;
		top: 0px;
		margin-top:0px;
	}
	.pointmap_list>li ul{
		display: block;
		margin-left: 0px;
		border-top: 1px solid #ddd;
		margin-top: 5px;
	}
	.pointmap_list>li ul li a{
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #ddd;
		padding: 5px 10px;
	}
}




.map #sec_1 .pointmap_ico{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
}

.map #sec_1 .pointmap_ico li{
	position: absolute;
	top:0;
	left: 0;
}
.map #sec_1 .pointmap_ico li a{
	position: relative;
	display: block;
	width: 2px;
	height: 2px;
	/*background: #f00;*/
}
.map #sec_1 .pointmap_ico li a:before{
	content:"";
	position: absolute;
	display: block;
	width: 25px;
	height: 35px;
	bottom: 0;
	left: 50%;
	margin-left: -12px;
	background: url(../img/map/ico_a.png) no-repeat 0 0;
	background-size:contain;
}

.map #sec_1 .pointmap_ico li a:after{
	content:"";
	position:absolute;
	bottom:-5px;
	left: 50%;
	display: block;
	width: 22px;
	height: 8px;
	background: url(../img/map/ico_shadow.png) no-repeat 0 0;
	background-size:contain;
	margin-left:-10px;
}
.map #sec_1 .pointmap_ico li.ico_a a:before{ background-image: url(../img/map/ico_a.png); }
.map #sec_1 .pointmap_ico li.ico_b a:before{ background-image: url(../img/map/ico_b.png); }
.map #sec_1 .pointmap_ico li.ico_c a:before{ background-image: url(../img/map/ico_c.png); }
.map #sec_1 .pointmap_ico li.ico_d a:before{ background-image: url(../img/map/ico_d.png); }
.map #sec_1 .pointmap_ico li.ico_e a:before{ background-image: url(../img/map/ico_e.png); }
.map #sec_1 .pointmap_ico li.ico_f a:before{ background-image: url(../img/map/ico_f.png); }
.map #sec_1 .pointmap_ico li.ico_g a:before{ background-image: url(../img/map/ico_g.png); }

.map #sec_1 .pointmap_ico li.ico_a._1{ top:6%; left: 24%;}
.map #sec_1 .pointmap_ico li.ico_a._2{ top:24%; left: 31%;}
.map #sec_1 .pointmap_ico li.ico_a._3{ top:43%; left: 39%;}
.map #sec_1 .pointmap_ico li.ico_a._4{ top:44.5%; left: 50.5%;}
.map #sec_1 .pointmap_ico li.ico_a._5{ top:56%; left: 52%;}
.map #sec_1 .pointmap_ico li.ico_a._6{ top:78%; left: 67%;}

.map #sec_1 .pointmap_ico li.ico_b._1{ top:26%; left: 35%;}
.map #sec_1 .pointmap_ico li.ico_b._2{ top:44%; left: 42%;}
.map #sec_1 .pointmap_ico li.ico_b._3{ top:56%; left: 55.5%;}

.map #sec_1 .pointmap_ico li.ico_c._1{ top:28%; left: 39%;}
.map #sec_1 .pointmap_ico li.ico_c._2{ top:46%; left: 54%;}
.map #sec_1 .pointmap_ico li.ico_c._3{ top:48%; left: 35%;}
.map #sec_1 .pointmap_ico li.ico_c._4{ top:47.5%; left: 41%;}
.map #sec_1 .pointmap_ico li.ico_c._5{ top:52%; left: 44%;}
.map #sec_1 .pointmap_ico li.ico_c._6{ top:56.5%; left: 75%;}
.map #sec_1 .pointmap_ico li.ico_c._7{ top:33.5%; left: 14%;}

.map #sec_1 .pointmap_ico li.ico_d._1{ top:56%; left: 63%;}

.map #sec_1 .pointmap_ico li.ico_e._1{ top:48%; left: 57.5%;}
.map #sec_1 .pointmap_ico li.ico_e._2{ top:61.5%; left: 81.5%;}
.map #sec_1 .pointmap_ico li.ico_e._3{ top:83%; left: 87.5%;}
.map #sec_1 .pointmap_ico li.ico_e._4{ top:36%; left: 95.5%;}
.map #sec_1 .pointmap_ico li.ico_e._5{ top:90%; left: 60.5%;}
.map #sec_1 .pointmap_ico li.ico_e._6{ top:26%; left: 8.5%;}

.map #sec_1 .pointmap_ico li.ico_f._1{ top:68%; left: 63%;}
.map #sec_1 .pointmap_ico li.ico_f._2{ top:60.5%; left: 57.5%;}

.map #sec_1 .pointmap_ico li.ico_g._1{ top:47%; left: 54%;}
.map #sec_1 .pointmap_ico li.ico_g._2{ top:60.5%; left: 61.5%;}


.map #sec_1 .pointmap_ico li a{
	transition: 0.3s;
}
.map #sec_1 .pointmap_ico li a:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	transition: 0.3s;
	z-index: 10;
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
}
.map #sec_1 .pointmap_ico li a span{
	display: none;
	white-space: nowrap;
}
.map #sec_1 .pointmap_ico li a:hover span{
	display: inline-block;
	background: #009ba9;
	padding: 2px 5px;
	line-height: 1.2;
	font-size: 0.85em; /*12px*/
	font-size: 0.71em; /*10px*/
	font-size: 0.50em; /* 7px*/
	text-decoration: none;
	color: #fff;
}


@media screen and (max-width: 767px) {
	.map #sec_1 .pointmap_ico li a:before{
		width: 20px;
		height: 28px;
		margin-left: -10px;
	}
}




.map #sec_1 .s1_btn1{
	position: absolute;
	left:0;
	bottom:0;
	width: 300px;
}
@media screen and (max-width: 767px) {
	.map #sec_1 .s1_btn1{
		position: static;
		width: 100%;
		padding-top: 20px;
	}
}

.map #map{
	width: 100%;
	height: 400px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.map #map{
		height: 300px;
	}
}
/* ---------------------------------------
.history
--------------------------------------- */
.history #table1{
	font-size: 0.78em; /*11px*/
	font-size: 0.85em; /*12px*/
	margin-bottom: 10px;
}
.history #table1 th{
	width: 100px;
	font-weight: normal;
}
.history #table1 td{
	text-align: left;
	vertical-align: middle;
}
.history #table1 .cell_y{
	background-color: #faf7e2;
	background-color: #f6efbe;
}

.history #table1 td .cell_in{
	position: relative;
	min-height: 72px;
}
.history #table1 td .cell_in._1{ padding-right: 110px; }
.history #table1 td .cell_in._2{ padding-right: 170px; }
.history #table1 td .cell_in._3{ padding-right: 165px; }
.history #table1 td .cell_in._5{ padding-right: 230px; }
.history #table1 td .cell_in._6{ padding-right: 230px; }
.history #table1 td .cell_in._7{ padding-right: 120px; }
.history #table1 td .cell_in._8{ padding-right: 60px; }
.history #table1 td .cell_in._10{ padding-right: 120px; }
.history #table1 td .cell_in._14{ padding-right: 170px; }

.history #table1 a.colorbox{
	position: absolute;
	right:0px;
	top: 0px;
}
.history #table1 a._2-1{ right:60px; }
.history #table1 a._5-1{ right:60px; }
.history #table1 a._6-1{ right:60px; }

.history .s1_txt1{
	font-size: 0.78em; /*11px*/
}
.history .s1_txt1 span{
	display: inline-block;
}
#select_box{
	position: absolute;
	top: 0px;
	right:25px;
}

@media screen and (max-width: 767px) {
	.history #table1,
	.history #table1 tr,
	.history #table1 th,
	.history #table1 td{
		display: block;
		box-sizing: border-box;
		border: none;
	}
	.history #table1{
		font-size: 0.78em; /*11px*/
	}
	.history #table1 th{
		width: 100%;
		text-align: left;
		font-weight: normal;
		border: none;
		border-top: 1px solid #bdbdbd;
		border-top: 1px solid #bdbdbd;
		padding-left: 10px;
		font-weight: bold;
		background: #E3E3E3!important;
	}
	.history #table1 td{
		text-align: left;
		vertical-align: middle;
		border-top: 1px solid #bdbdbd;
	}
	.history #table1 td .cell_in{
		position: relative;
		min-height: 72px;
		padding-right: 120px;
	}

	.history #table1 td .cell_in._2005{ padding-right: 120px;min-height: 160px}
	.history #table1 td .cell_in._14{ padding-right: 170px; }


	.history #table1 .cell_in._2005 a{ right:57px; }
	.history #table1 .cell_in._2005 a._2{ right:0; }
	.history #table1 .cell_in._2005 a._3{ right:0px; top: 77px; }

	.history #select_box{
		top: auto;
		right:auto;
		position: relative;
		margin-bottom: 15px;
	}

}

/* ---------------------------------------
.song
--------------------------------------- */
.song .accordion>dt{
	position: relative;
	padding-left: 20px;
	background: #ecc300;
	height: 78px;
	line-height: 78px;
	cursor: pointer;
	font-size: 1.42em; /*20px*/
}
.song .accordion>dt:after{
	content:"";
	position:absolute;
	top:50%;
	right: 15px;
	display: block;
	width: 18px;
	height: 18px;
	background: url(../../../module/img/common/ico_minus.png) no-repeat 0 0;
	background-size:contain;
	margin-top:-9px;
}
.song .accordion>dt.is-open:after{
	background: url(../../../module/img/common/ico_plus.png) no-repeat 0 0;
	background-size:contain;
}
@media screen and (max-width: 767px) {
	.song .accordion>dt{
		height: 45px;
		line-height: 45px;
		font-size: 1.14em; /*16px*/
	}
}


.song .lyrics_img{
	padding: 30px;
	background: #e0e0e0;
	background: url(../img/song/song_bg.jpg) no-repeat;
	background-size: cover;
	margin-bottom: 30px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.song .lyrics_img{
		padding: 20px;
	}
}


.song .lyrics_wrap{
	background: #f9f9f9;
	margin-bottom: 30px;
}
.song .lyrics_wrap .lyrics{
	position: relative;
	padding: 25px;
}
.song .lyrics_wrap .lyrics p{
	color: #000;
	font-size: 1.14em; /*16px*/
}
.mincho{
	font-family: 'Noto Serif', serif;
}
.song .lyrics_wrap .img1{
	position: absolute;
	top: 25px;
	right: 25px;
}
.song .lyrics_wrap .img1 img{
	display: block;
	margin: 0 auto 10px;
}
@media screen and (max-width: 767px) {
	.song .lyrics_wrap .lyrics{
		position: relative;
		padding: 15px;
	}
	.song .lyrics_wrap .lyrics p{
		font-family: 'Noto Serif', serif;
		font-size: 1.00em; /*14px*/
		color: #000;
	}
	.song .lyrics_wrap .img1{
		margin-top: 20px;
		position: static;
		text-align: center;
	}
	.song .lyrics_wrap .img1 img{
		display: inline;
		margin-bottom: 10px;
	}
}


.song .box{
	padding-bottom: 25px;
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 25px;
}
.song .box audio{
	float: left;
	width: 530px;
}
.song .box .link{
	float: right;
	width: 125px;
}
.song .box .link .btn_style1{
	padding-top: 10px;
	padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.song .box{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.song .box audio{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.song .box .link{
		float: none;
		width: 100%;
	}
	.song .box .link .btn_style1{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}


.song .lyrics_wrap .ul1{
	letter-spacing: -.4em;
	border-top: 1px solid #bdbdbd;
}
.song .lyrics_wrap .ul1 li{
	box-sizing: border-box;
	display: inline-block;
	border-bottom: 1px solid #bdbdbd;
	letter-spacing: normal;
	text-align: center;
	line-height: 40px;
}
.song .lyrics_wrap .ul1 li.w33{
	width: 33.33%;
}
.song .lyrics_wrap .ul1 li.w50{
	width: 50%;
}
.song .lyrics_wrap .ul1 li.w100{
	width: 100%;
}
.song .lyrics_wrap .ul1 li{
	border-left: 1px solid #bdbdbd;
}
.song .lyrics_wrap .ul1 li.bln{
	border-left: none;
}
@media screen and (max-width: 767px) {
	.song .lyrics_wrap .ul1 li{
		width: 100%!important;
		display: block;
		padding: 3px 10px;
		border-left: none!important;
		border-bottom: 1px solid #bdbdbd;
		letter-spacing: normal;
		text-align: left;
		line-height: 1.3;
		font-size: 0.85em; /*12px*/
	}

}



/* ---------------------------------------
.symbol
--------------------------------------- */
.symbol #sec_1 .box{
	clear: both;
	margin-bottom: 25px;
}
.symbol #sec_1 .cnt_left{
	box-sizing: border-box;
	width: 50%;
	padding-left: 100px;
}
.symbol #sec_1 .cnt_right{
	box-sizing: border-box;
	width: 50%;
	padding-right: 100px;
}
.symbol #sec_1 .s1_img1{
	text-align: center;
	margin-bottom: 10px;
}
.symbol #sec_1 .s1_txt1{
	text-align: center;
	font-weight: bold;
	color:#009ba9;
	font-size: 1.14em; /*16px*/
}
.symbol #sec_1 .s1_txt2{
	margin-bottom: 25px;
}
.symbol #sec_1 .s1_txt3{
	text-align: right;
	font-size: 0.85em; /*12px*/
}
.symbol #sec_2 .box1{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #bdbdbd;
}
.symbol #sec_2 .cnt_left{
	box-sizing: border-box;
	width: 220px;
}
.symbol #sec_2 .cnt_right{
	box-sizing: border-box;
	width: 450px;
}
.symbol #sec_2 .cnt_left .img1{
	text-align: center;
}
.symbol #sec_2 .box1 .cnt_left .img1{
	padding-top: 80px;
}
.symbol #sec_2 .box2 .cnt_right{
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	.symbol #sec_1 .box{
		margin-bottom: 25px;
	}
	.symbol #sec_1 .cnt_left{
		width: 50%;
		padding-left: 0px;
	}
	.symbol #sec_1 .cnt_right{
		width: 50%;
		padding-right: 0px;
	}
	.symbol #sec_1 .s1_img1{
		text-align: center;
		margin-bottom: 10px;
	}
	.symbol #sec_1 .s1_img1 img{
		height: 100px;
		width: auto;
	}
	.symbol #sec_1 .s1_txt2{
		margin-bottom: 15px;
	}
	.symbol #sec_1 .s1_txt3{
		text-align: right;
		font-size: 0.85em; /*12px*/
	}
	.symbol #sec_2 .box1{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #bdbdbd;
	}
	.symbol #sec_2 .cnt_left{
		width: 100%;
		margin-bottom: 20px;
	}
	.symbol #sec_2 .cnt_right{
		width: 100%;
	}
	.symbol #sec_2 .cnt_left .img1{
		text-align: center;
	}
	.symbol #sec_2 .box1 .cnt_left .img1{
		padding-top: 0px;
	}
	.symbol #sec_2 .box2 .cnt_right{
		padding-top: 0px;
	}
}

/* ---------------------------------------
.song
--------------------------------------- */