@charset "utf-8";
/* CSS Document */

/* common */
html,body{}
body{font-size:100%;font-family:'Noto Sans JP',"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","verdana",sans-serif;color:#000;margin:0;padding:0;text-align:center;/*font-feature-settings:"palt";*/overflow-x:hidden;}
body{-webkit-text-size-adjust:none;}

@media screen and (max-width:768px){
body{font-size:100%;}
}

h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;font-weight:normal;}
p{line-height:1.8em;margin:0 0 1.5em;}
ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}
table{line-height:1.5em;margin:0 0 1.5em;}

strong{font-weight:bold;}

img{border:none;max-width:100%;height:auto;}

/* font */

.korolev{font-family:korolev,sans-serif;}


/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;list-style:disc;}
ul.normal li{}
ul.none{list-style:none;}

ol.normal{padding-left:10px;margin-left:10px;list-style:decimal;}
ol.normal li{}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}


a:link{text-decoration:underline;color:#000;}
a:visited{text-decoration:underline;color:#000;}
a:hover{text-decoration:none;color:#000;}

a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

img{max-width:100%;}


table{border-collapse:collapse;font-feature-settings:"palt";font-weight:500;}
tr{border:solid #aaa;border-width:0 0 1px;}
tr:first-of-type{border:solid #aaa;border-width:1px 0 1px;}
th,td{line-height:2.0em;}
th{padding:15px 20px;background:#e6f4e7;}
td{padding:15px 30px;}



@media screen and (max-width:768px){
	th,td{padding:10px;}
}
@media screen and (max-width:480px){
	th,td{padding:5px;}
}


sup{
	font-size: 70%; 
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sub {
	font-size: 70%;
	vertical-align: bottom;
	position: relative;
	bottom: -0.1em;
}


.pc{}
.sp{display:none !important;}
.sp480{display:none !important;}
.sp380_none{}
@media screen and (max-width:900px){
	.pc{display:none !important;}
	.sp{display:block !important;}
	img.sp{display:inline !important;}
}
@media screen and (max-width:480px){
	.sp480{display:block !important;}
	img.sp480{display:inline !important;}
}
@media screen and (max-width:380px){
	.sp380_none{display:none !important;}
}


/* inview */
.inviewfadeIn{opacity:0;position:relative;top:30px;
-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;}
.inviewfadeIn.fadeIn{opacity:1;top:0;}


/* */

input,textarea{-webkit-appearance:none;}



/* not found */
.nopage{display:table;width:100%;height:300px;}
.nopage .in{display:table-cell;vertical-align:middle;text-align:center;}
.nopage .in .logo{width:150px;margin:0 auto 30px;}
.nopage .in .ex{font-size:88%;margin:0;}



/* header */

.voice_head{position:fixed;top:0;left:0;width:100%;display:table;z-index:99;background:rgba(255,255,255,0.9);}
.voice_head .in{display:table-cell;vertical-align:middle;padding:15px 4%;}
.voice_head .in audio{width:100%;}

.voice_set{margin:0 auto 20px;}
.voice_set audio{width:100%;}


/* コンテンツ */
#wrap{text-align:left;width:100%;/*padding-top:85px;*/}
#wrap.voice_guide{}

.inner{width:92%;margin:0 auto;}
@media screen and (max-width:1240px){
	.inner{width:92vw !important;}
}
@media screen and (max-width:900px){
}
@media screen and (max-width:768px){

}

.anc{position:relative;top:-112px;}
@media screen and (max-width:900px){
	.anc{top:-65px;}
}




/* guide */
.guide_sec{padding:8px 0 30px;}
.guide_sec .cont_area{position:relative;background:#ffd87f;padding:30px 0 30px;}
.guide_sec .cont_area:before{content:" ";width:100%;height:3px;background:#FFC131;position:absolute;top:-8px;left:0;}
.guide_sec .cont_area:after{content:" ";width:100%;height:3px;background:#FFC131;position:absolute;bottom:-8px;left:0;}

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

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

}


.guide_sec .contents_box{display:block;width:92%;background:#fff;padding:50px;border-radius:15px;border:solid 1px #FFC131;margin:0 auto;}
.guide_sec .contents_box .cont_h{border:solid #FF8800;border-width:0 0 5px;margin:0 0 20px;font-size:171%;font-weight:500;padding:0 0 15px;line-heihgt:1.5em;}

.guide_sec .contents_box .detail_main{margin:0 0 40px;line-height:0;}
.guide_sec .contents_box .detail_main img{border:solid 1px #FFC131;}

.guide_sec .contents_box .detail_cont{/*word-break:break-all;*/}
.guide_sec .contents_box .detail_cont :last-child{margin-bottom:0;}

@media screen and (max-width:768px){
	.guide_sec .contents_box{padding:15px;}

	.guide_sec .contents_box .detail_main{margin:0 0 20px;line-height:0;}
	.guide_sec .contents_box .detail_cont{font-size:88%;}
	.guide_sec .contents_box .cont_h{border-width:0 0 4px;font-size:125%;}
}
@media screen and (max-width:480px){

}



/* ギャラリー */
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	margin-bottom: 20px !important;
    overflow: hidden;
}
 
.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/
 
.gallery-item { /** 画像共通のスタイル **/
    float: left;
	margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}
 
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}
 
.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}
 
.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48% !important;
	margin: 0 1% !important;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333% !important;
	margin: 0 1% !important;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 23% !important;
    margin: 0 1% !important;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18% !important;
    margin: 0 1% !important;
}
 
@media screen and (max-width: 640px) {
	/* 640px以下用の記述 */
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48% !important;
		margin: 0 1% !important;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333% !important;
		margin: 0 1% !important;
	}
}




/* pagetop */

#topcontrol{position:fixed;right:0;line-height:0;margin:0;display:none;background:#ff920a;width:60px;height:60px;z-index:998;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
#topcontrol:hover{background:rgba(255,146,10,0.7);}
#topcontrol a{display:table;width:100%;height:100%;color:#fff;text-decoration:none;}
#topcontrol a span{display:table-cell;text-align:center;vertical-align:middle;}
#topcontrol a span i{display:block;line-height:1em;}
#topcontrol a span i.ico{font-size:36px;margin:0 0 5px;}

#topcontrol{bottom:0;}
#topcontrol.btm{bottom:65px;}

@media screen and (max-width:768px){
	#topcontrol{transform:scale(0.75);transform-origin:right bottom;}
	#topcontrol.btm{bottom:60px;}
}


/* footer */
#footer{background:#000;color:#fff;display:table;width:100%;padding:10px 4%;}
#footer a{color:#fff;}
#copy{text-align:center;font-size:75%;font-weight:500;margin:0;}

@media screen and (max-width:900px){
}
@media screen and (max-width:768px){

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

}



/* audio */

.audio-controller_item {
	position: relative;
	margin: 20px auto;
	width: 100%;
	/* max-width: 320px; */
	border: 1px solid #999;
	padding: 10px 10px;
	background-color: #555;
	color: #fff;
	border-radius:10px;
}

/*
.audio-controller {
	position: relative;
	margin: 20px auto;
	width: 100%;
	max-width: 320px; 
	border: 1px solid #999;
	padding: 10px 10px;
	background-color: #555;
	color: #fff;
	border-radius:10px;
}
*/

.audio-controller .controls {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
 
.audio-controller .controls .row {
	display: flex;
	gap: 10px;
	width:100%;
}
 
.audio-controller .controls button {
	border: none;
	padding: .25rem .5rem;
	cursor: pointer;
	height: 32px;
	font-size: 12px;
	border-radius: 50%;
	color: #fff;
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
 
.audio-controller .controls .btn{width:36px;}
.audio-controller .controls button.toggle {
	/*
	width: 12rem;
	background-color: #3976d8;
	*/
	text-indent:-999em;
	overflow:hidden;
	
	width:36px;
	height:36px;
	background:url("../images/play_white.png") no-repeat 50% 50%;
	background-size:cover;
}
 
.audio-controller .controls button.toggle.playing {
	/*
	width: 12rem;
	background-color: #e06602;
	*/
	
	width:36px;
	height:36px;
	background:url("../images/stop_white.png") no-repeat 50% 50%;
	background-size:cover;
}
 
.audio-controller .controls button.mute {
	width: 7rem;
	background-color: #aa5353;
}
 
.audio-controller .controls button.mute.active {
	background-color: #f31e1e;
	font-size: 11px;
}
 
.audio-controller .controls .loop {
	width: 9rem;
	background-color: #1f6438;
}
 
.audio-controller .controls .loop.active {
	background-color: #739c32;
	color: #fff;
	font-size: 11px;
}
 
.audio-controller .controls .time {
	font-size: 12px;
	line-height: 36px;
}
 
/* レンジスライダー */
.audio-controller input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	cursor: pointer;
	outline: none;
	border-radius: 15px;
	height: 6px;
	background: #ccc;
	margin-top: 14px;
}
 
/* スライダーのツマミ部分（webkit） */
.audio-controller input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: 15px;
	width: 15px;
	background-color: #3976d8;
	border-radius: 50%;
	border: none;
	transition: .2s ease-in-out;
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
 
/* スライダーのツマミ部分（Firefox） */
.audio-controller input[type="range"]::-moz-range-thumb {
	height: 15px;
	width: 15px;
	background-color: #3976d8;
	border-radius: 50%;
	border: none;
	transition: .2s ease-in-out;
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
 
/* スライダーのツマミ部分のホバー、アクティブ、フォーカス（Webkit 用） */
.audio-controller input[type="range"]::-webkit-slider-thumb:hover {
	box-shadow: 0 0 0 8px rgba(248, 200, 245, 0.4)
}
.audio-controller input[type="range"]:active::-webkit-slider-thumb {
	box-shadow: 0 0 0 5px rgba(248, 200, 245, .5)
}
.audio-controller input[type="range"]:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 5px rgba(248, 200, 245, .5)
}
/* スライダーのツマミ部分のホバー、アクティブ、フォーカス（Firfox 用） */
.audio-controller input[type="range"]::-moz-range-thumb:hover {
	box-shadow: 0 0 0 8px rgba(248, 200, 245, .4)
}
.audio-controller input[type="range"]:active::-moz-range-thumb {
	box-shadow: 0 0 0 5px rgba(248, 200, 245, .5)
}
.audio-controller input[type="range"]:focus::-moz-range-thumb {
	box-shadow: 0 0 0 5px rgba(248, 200, 245, .5)
}



.detail_main{position:relative;}

.detail_main button {
	border: none;
	cursor: pointer;
}
 
.detail_main .btn{width:100%;height:100%;display:block;position:absolute;left:0;top:0;margin:0;opacity:0.6;mix-blend-mode:multiply;z-index:2;}
.detail_main button.toggle {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	
	text-indent:-999em;
	overflow:hidden;
	
	/*width:60px;
	height:60px;*/
	background:url("../images/play_gray.png") no-repeat 50% 50%;
	background-size:60px;
}
 
.detail_main button.toggle.playing {
	/*width:60px;
	height:60px;*/
	
	background:url("../images/stop_gray.png") no-repeat 50% 50%;
	background-size:60px;
	opacity:0;
}




/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}

.tx_slarge{font-size:114% !important;}
.tx_large{font-size:128% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:85% !important;}
.tx_midium{font-size:100% !important;}
.tx_xsmall{font-size:71% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}
.txt_strike{text-decoration:line-through !important;}

.inblock{display:inline-block !important;}
.ls_w{letter-spacing:0.2em;}
.ls_m{letter-spacing:0.1em;}

.relative{position:relative !important;}

.lh0{line-height:0em !important;}
.lh1{line-height:1em !important;}
.lh13{line-height:1.3em !important;}
.lh15{line-height:1.5em !important;}
.lh2{line-height:2em !important;}

ul.note{list-style:none !important;}
ul.note li{text-indent:-1em !important;padding-left:1em !important;}
ul.note li:before{content:"※";}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note025{padding-left:2.5em !important;text-indent:-2.5em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}
.note07{padding-left:7em !important;text-indent:-7em !important;}
.note08{padding-left:8em !important;text-indent:-8em !important;}
.note09{padding-left:9em !important;text-indent:-9em !important;}
.note10{padding-left:10em !important;text-indent:-10em !important;}
.note11{padding-left:11em !important;text-indent:-11em !important;}
.note12{padding-left:12em !important;text-indent:-12em !important;}

.red{color:#ff0000 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w100{width:100px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}

.w02em{width:2em !important;}
.w03em{width:3em !important;}
.w04em{width:4em !important;}
.w05em{width:5em !important;}
.w06em{width:6em !important;}
.w07em{width:7em !important;}
.w08em{width:8em !important;}
.w09em{width:9em !important;}
.w10em{width:10em !important;}
.w11em{width:11em !important;}
.w12em{width:12em !important;}
.w13em{width:13em !important;}
.w14em{width:14em !important;}
.w15em{width:15em !important;}
.w16em{width:16em !important;}
.w17em{width:17em !important;}
.w18em{width:18em !important;}
.w19em{width:19em !important;}
.w20em{width:20em !important;}
.w21em{width:21em !important;}
.w22em{width:22em !important;}
.w23em{width:23em !important;}
.w24em{width:24em !important;}
.w25em{width:25em !important;}
.w26em{width:26em !important;}
.w27em{width:27em !important;}
.w28em{width:28em !important;}
.w29em{width:29em !important;}
.w30em{width:30em !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0 !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0 !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr01{margin-right:1px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pl01em{padding-left:1em !important;}
.pl02em{padding-left:2em !important;}


.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block !important;}
.hide{display:none !important;}


/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */