@charset "UTF-8";

/*----------------------------------------------------
Copyright (C) 2015- Hiforest T.okawada　
http://www.hiforest.com/
----------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div,p,ul{
	display:block;
	box-sizing:border-box;
	border-collapse:collapse;
}
html{width:100%; height:100%; margin:0; padding:0;}
body{width:100%; height:100%; margin:0; padding:0; position:relative; background-color:#ffffff; text-align:center; font-size:16px; line-height:22px; font-family:Noto Sans JP, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;}
img {border:none;}
ul li{list-style-type:none;}



div.bdy{
	display:block;
	width:100%;
	min-height:100%;
	margin:0;
	padding:0;
	position:relative;
	z-index:1;
	background-color:#ffffff;
	overflow:visible;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}

div.header{
	display:block;
	width:100%;
	height:64px;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	background-color:#000000;
	overflow:visible;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header h1{
	display:block;
	width:260px;
	height:52px;
	margin:6px;
	padding:0 0;
	position:relative;
	overflow:hidden;
}
div.header h1 a{
	display:block;
	width:260px;
	height:52px;
	margin:0 0;
	padding:0 0;
	position:relative;
	overflow:hidden;
	background-image:url(../img/sublogo.webp);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
body.webpon div.header h1 a{ background-image:url(../img/sublogo.webp); }
body.webpoff div.header h1 a{ background-image:url(../img/sublogo.png); }
div.header h1 a:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.header h1 a span{
	display:block;
	width:1px;
	height:1px;
	margin:-10px 0 0 0;
	padding:0 0;
	position:absolute;
	top:-10px;
	left:-1000px;
}

div.header ul.sns_list{
	display:block;
	width:240px;
	height:40px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:10px;
	right:55px;
	z-index:10;
	margin-block-start:0px;
	margin-block-end:0px;
	margin-inline-start:0px;
	margin-inline-end:0px;
	padding-inline-start:0px;
}
@media(max-width:640px){
	div.header ul.sns_list{
		display:none;
	}
}
div.header ul.sns_list:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.header ul.sns_list li{
	display:block;
	width:24px;
	height:24px;
	margin:8px;
	padding:0 0;
	float:left;
}
div.header ul.sns_list li a{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:24px 24px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header ul.sns_list li a:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.header ul.sns_list li a.btn_sns01{ background-image:url(../img/btn_social01bk.webp); }
div.header ul.sns_list li a.btn_sns02{ background-image:url(../img/btn_social02bk.webp); }
div.header ul.sns_list li a.btn_sns03{ background-image:url(../img/btn_social03bk.webp); }
div.header ul.sns_list li a.btn_sns04{ background-image:url(../img/btn_social04bk.webp); }
div.header ul.sns_list li a.btn_sns05{ background-image:url(../img/btn_social05bk.webp); }
div.header ul.sns_list li a.btn_sns06{ background-image:url(../img/btn_social06bk.webp); }
body.webpon div.header ul.sns_list li a.btn_sns01{ background-image:url(../img/btn_social01bk.webp); }
body.webpon div.header ul.sns_list li a.btn_sns02{ background-image:url(../img/btn_social02bk.webp); }
body.webpon div.header ul.sns_list li a.btn_sns03{ background-image:url(../img/btn_social03bk.webp); }
body.webpon div.header ul.sns_list li a.btn_sns04{ background-image:url(../img/btn_social04bk.webp); }
body.webpon div.header ul.sns_list li a.btn_sns05{ background-image:url(../img/btn_social05bk.webp); }
body.webpon div.header ul.sns_list li a.btn_sns06{ background-image:url(../img/btn_social06bk.webp); }
body.webpoff div.header ul.sns_list li a.btn_sns01{ background-image:url(../img/btn_social01bk.png); }
body.webpoff div.header ul.sns_list li a.btn_sns02{ background-image:url(../img/btn_social02bk.png); }
body.webpoff div.header ul.sns_list li a.btn_sns03{ background-image:url(../img/btn_social03bk.png); }
body.webpoff div.header ul.sns_list li a.btn_sns04{ background-image:url(../img/btn_social04bk.png); }
body.webpoff div.header ul.sns_list li a.btn_sns05{ background-image:url(../img/btn_social05bk.png); }
body.webpoff div.header ul.sns_list li a.btn_sns06{ background-image:url(../img/btn_social06bk.png); }





div.footer_links{
	display:block;
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:20px 0 40px;
}
div.footer_links ul.ft_list{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	text-align:right;
}
div.footer_links ul.ft_list li{
	display:inline-block;
	margin:0 auto;
	padding:0 0;
	list-style-type:none;
}
div.footer_links ul.ft_list li:last-child{
	padding:0 10px 0 0;
}
div.footer_links ul.ft_list li a{
	display:block;
	margin:0 0;
	padding:0 8px;
	font-size:10px;
	line-height:16px;
	color:#333333;
	text-decoration:none;
}

div.footer{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:10;
	background-color:#000000;
	overflow:visible;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.footer p.copy{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	font-size:10px;
	line-height:24px;
	text-align:center;
	color:#ffffff;
}




div.bdy div.pghdimg{
	display:block;
	width:100%;
	height:30vw;
	max-height:240px;
	margin:64px 0 0;
	padding:0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-image:url(../img/pgbg.webp);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
body.webpon div.bdy div.pghdimg{ background-image:url(../img/pgbg.webp); }
body.webpoff div.bdy div.pghdimg{ background-image:url(../img/pgbg.png); }
div.bdy div.contents{
	display:block;
	width:calc(99.99% - 20px);
	max-width:1280px;
	margin:0 auto;
	padding:15px 0 40px;
	position:relative;
	z-index:1;
	background-color:#ffffff;
	overflow:visible;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.bdy div.contents h2{
	display:block;
	width:calc(99.99% - 20px);
	max-width:1280px;
	margin:0 auto 10px;
	padding:10px 10px;
	position:relative;
	z-index:1;
}
div.bdy div.contents h2:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.bdy div.contents h2 span.w1{
	display:block;
	margin:0 0 0;
	padding:0 0 0;
	float:left;
	font-size:36px;
	line-height:36px;
	text-align:left;
	color:rgb(0,172,197);
	font-family:'Shadows Into Light', cursive;
}
div.bdy div.contents h2 span.w2{
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	float:left;
	font-size:16px;
	line-height:42px;
	font-weight:700;
	text-align:left;
	color:#999999;
	font-family:Noto Sans JP;
	border-left:solid 1px #999999;
}

div.bdy div.contents h3{
	display:inline-block;
	width:auto;
	margin:0 auto 9px;
	padding:3px 6px;
	font-size:16px;
	line-height:26px;
	text-align:left;
	color:#333333;
	border-bottom:solid 1px #333333;
	box-sizing: border-box;
	border-collapse: collapse;
}

div.bdy div.contents p{
	display:block;
	width:auto;
	margin:0 0;
	padding:6px 6px;
	font-size:14px;
	line-height:22px;
	text-align:left;
	color:#333333;
	box-sizing: border-box;
	border-collapse: collapse;
}

div.bdy div.contents div.cbox{
	display:block;
	width:calc(99.99% - 30px);
	margin:0 auto;
	padding:0 0;
	font-size:14px;
	line-height:22px;
	font-weight:400;
	text-align:left;
	color:#333333;
	font-family:Noto Sans JP;
}

















div.cbox .wd-10{ width:10% !important; }
div.cbox .wd-15{ width:15% !important; }
div.cbox .wd-19{ width:19.99% !important; }
div.cbox .wd-20{ width:20% !important; }
div.cbox .wd-30{ width:30% !important; }
div.cbox .wd-33{ width:33.33% !important; }
div.cbox .wd-39{ width:39.99% !important; }
div.cbox .wd-40{ width:40% !important; }
div.cbox .wd-45{ width:45% !important; }
div.cbox .wd-49{ width:49.99% !important; }
div.cbox .wd-50{ width:50% !important; }
div.cbox .wd-60{ width:60% !important; }
div.cbox .wd-70{ width:70% !important; }
div.cbox .wd-80{ width:80% !important; }
div.cbox .wd-84{ width:84.99% !important; }
div.cbox .wd-89{ width:89% !important; }
div.cbox .wd-90{ width:90% !important; }
div.cbox .wd-94{ width:94% !important; }
div.cbox .wd-100{ width:100% !important; }
div.cbox .wdp-300{ width:300px !important; }
div.cbox .wdp-280{ width:280px !important; }
div.cbox .wdp-260{ width:260px !important; }
div.cbox .wdp-240{ width:240px !important; }
div.cbox .wdp-220{ width:220px !important; }
div.cbox .wdp-200{ width:200px !important; }
div.cbox .wdp-180{ width:180px !important; }
div.cbox .wdp-160{ width:160px !important; }
div.cbox .wdp-140{ width:140px !important; }
div.cbox .wdp-130{ width:130px !important; }
div.cbox .wdp-120{ width:120px !important; }
div.cbox .wdp-110{ width:110px !important; }
div.cbox .wdp-100{ width:100px !important; }
div.cbox .wdp-90{ width:90px !important; }
div.cbox .wdp-80{ width:80px !important; }
div.cbox .wdp-60{ width:60px !important; }
div.cbox .wdp-40{ width:40px !important; }

div.cbox .wdc50{width:calc(49.99% - 20px); margin:0 10px 10px;}
@media(max-width:640px){
	div.cbox .wd-10{ width:100% !important; }
	div.cbox .wd-20{ width:100% !important; }
	div.cbox .wd-30{ width:100% !important; }
	div.cbox .wd-33{ width:100% !important; }
	div.cbox .wd-39{ width:100% !important; }
	div.cbox .wd-40{ width:100% !important; }
	div.cbox .wd-49{ width:100% !important; }
	div.cbox .wd-50{ width:100% !important; }
	div.cbox .wd-60{ width:100% !important; }
	div.cbox .wd-70{ width:100% !important; }
	div.cbox .wd-80{ width:100% !important; }
	div.cbox .wd-84{ width:100% !important; }
	div.cbox .wd-89{ width:100% !important; }
	div.cbox .wd-90{ width:100% !important; }
	div.cbox .wdp-300{ width:300px !important; }
	div.cbox .wdp-280{ width:280px !important; }
	div.cbox .wdp-260{ width:260px !important; }
	div.cbox .wdp-240{ width:240px !important; }
	div.cbox .wdp-220{ width:220px !important; }
	div.cbox .wdp-200{ width:200px !important; }
	div.cbox .wdp-180{ width:180px !important; }
	div.cbox .wdp-160{ width:160px !important; }
	div.cbox .wdp-140{ width:140px !important; }
	div.cbox .wdp-130{ width:130px !important; }
	div.cbox .wdp-120{ width:120px !important; }
	div.cbox .wdp-110{ width:110px !important; }
	div.cbox .wdp-100{ width:100px !important; }
	div.cbox .wdp-90{ width:90px !important; }
	div.cbox .wdp-80{ width:80px !important; }
	div.cbox .wdp-60{ width:60px !important; }
	div.cbox .wdp-40{ width:40px !important; }

	div.cbox .wdc50{width:calc(99.99% - 20px); margin:0 10px 10px;}
}
div.cbox .pl-5{ padding-left:5px !important; }
div.cbox .pl-10{ padding-left:10px !important; }
div.cbox .pl-20{ padding-left:20px !important; }
div.cbox .pl-30{ padding-left:30px !important; }
div.cbox .pl-40{ padding-left:40px !important; }
div.cbox .pl-50{ padding-left:50px !important; }
div.cbox .pl-60{ padding-left:60px !important; }
div.cbox .pr-5{ padding-right:5px !important; }
div.cbox .pr-10{ padding-right:10px !important; }
div.cbox .pr-20{ padding-right:20px !important; }
div.cbox .pr-30{ padding-right:30px !important; }
div.cbox .pr-40{ padding-right:40px !important; }
div.cbox .pr-50{ padding-right:50px !important; }
div.cbox .pr-60{ padding-right:60px !important; }
div.cbox .pt-0{ padding-top:0px !important; }
div.cbox .pt-5{ padding-top:5px !important; }
div.cbox .pt-10{ padding-top:10px !important; }
div.cbox .pt-15{ padding-top:15px !important; }
div.cbox .pt-20{ padding-top:20px !important; }
div.cbox .pt-30{ padding-top:30px !important; }
div.cbox .pt-40{ padding-top:40px !important; }
div.cbox .pt-50{ padding-top:50px !important; }
div.cbox .pt-60{ padding-top:60px !important; }
div.cbox .pb-0{ padding-bottom:0px !important; }
div.cbox .pb-5{ padding-bottom:5px !important; }
div.cbox .pb-10{ padding-bottom:10px !important; }
div.cbox .pb-15{ padding-bottom:15px !important; }
div.cbox .pb-20{ padding-bottom:20px !important; }
div.cbox .pb-30{ padding-bottom:30px !important; }
div.cbox .pb-40{ padding-bottom:40px !important; }
div.cbox .pb-50{ padding-bottom:50px !important; }
div.cbox .pb-60{ padding-bottom:60px !important; }
div.cbox .ml-5{ margin-left:5px !important; }
div.cbox .ml-10{ margin-left:10px !important; }
div.cbox .ml-15{ margin-left:15px !important; }
div.cbox .ml-20{ margin-left:20px !important; }
div.cbox .ml-30{ margin-left:30px !important; }
div.cbox .ml-40{ margin-left:40px !important; }
div.cbox .mr-5{ margin-right:5px !important; }
div.cbox .mr-10{ margin-right:10px !important; }
div.cbox .mr-15{ margin-right:15px !important; }
div.cbox .mr-20{ margin-right:20px !important; }
div.cbox .mr-30{ margin-right:30px !important; }
div.cbox .mr-40{ margin-right:40px !important; }
div.cbox .mt-0{ margin-top:0px !important; }
div.cbox .mt-5{ margin-top:5px !important; }
div.cbox .mt-10{ margin-top:10px !important; }
div.cbox .mt-15{ margin-top:15px !important; }
div.cbox .mt-20{ margin-top:20px !important; }
div.cbox .mt-30{ margin-top:30px !important; }
div.cbox .mt-40{ margin-top:40px !important; }
div.cbox .mt-50{ margin-top:50px !important; }
div.cbox .mb-0{ margin-bottom:0px !important; }
div.cbox .mb-5{ margin-bottom:5px !important; }
div.cbox .mb-10{ margin-bottom:10px !important; }
div.cbox .mb-15{ margin-bottom:15px !important; }
div.cbox .mb-20{ margin-bottom:20px !important; }
div.cbox .mb-30{ margin-bottom:30px !important; }
div.cbox .mb-40{ margin-bottom:40px !important; }
div.cbox .mb-50{ margin-bottom:50px !important; }
div.cbox .mb-60{ margin-bottom:60px !important; }
div.cbox .mc-0{ margin:0 auto !important; }
div.cbox .mc-10{ margin:0 auto 10px !important; }

.floatimg30{width:calc(33.33% - 20px); margin:0 10px 10px !important; }
@media(max-width:640px){
	.floatimg30{width:calc(49.99% - 20px); margin:0 10px 10px !important; }
}
@media(max-width:640px){
	.floatimg30{width:calc(99.99% - 20px); margin:0 10px 10px !important; }
}

div.cbox .centered{
	text-align:center !important;
}

div.cbox .lefted{
	text-align:left !important;
}

div.cbox .righted{
	text-align:right !important;
}

div.cbox .color_ff0000{
	color:#ff0000 !important;
}
div.cbox .color_ff6600{
	color:#ff6600 !important;
}
div.cbox .bolder{
	font-weight:bolder !important;
}
div.cbox .smaller{
	font-size:13px !important;
	line-height:21px;
}

div.cbox .aftered:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.cbox .forceleft{
	float:left !important;
}
div.cbox .forceright{
	float:right !important;
}
div.cbox .forceleftc{
	float:left !important;
}
div.cbox .forcerightc{
	float:right !important;
}
div.cbox .forceleft64{
	float:left !important;
}
div.cbox .forceright64{
	float:right !important;
}
div.cbox .forceleft_mg{
	margin:0 15px 15px 0 !important;
	float:left !important;
}
div.cbox .forceright_mg{
	margin:0 0 15px 15px !important;
	float:right !important;
}
@media(max-width:640px){
	div.cbox .forceleft64{
		float:none !important;
	}
	div.cbox .forceright64{
		float:none !important;
	}
}
@media(max-width:640px){
	div.cbox .forceleftc{
		float:none !important;
	}
	div.cbox .forcerightc{
		float:none !important;
	}
	div.cbox .forceleft_mg{
		margin:0 0 10px !important;
		float:none !important;
	}
	div.cbox .forceright_mg{
		margin:0 0 10px !important;
		float:none !important;
	}
}
div.cbox .flclr{
	clear:both;
}
div.cbox .clr{
	clear:both;
}

.aftered:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}

div.cbox h4.h4_relatedlink{
	display:block;
	width:100%;
	margin:0 0 0;
	padding:0 0 0;
	position:relative;
	background-color:#fbfaf5;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	text-align:left;
	font-family:Noto Sans JP;
	color:#999999;
}

div.liner01{
	display:block;
	width:96%;
	height:0px;
	margin:12px auto;
	padding:0 0;
	font-size:1px;
	line-height:1px;
	border-bottom:solid 1px #999999;
}
div.dottedliner{
	display:block;
	width:100%;
	height:1px;
	margin:12px auto;
	padding:0 0;
	font-size:1px;
	line-height:1px;
	border-bottom:dotted 1px #666666;
}

p.spectbl_title{
	width:100%;
	margin:0 auto;
	padding:0 0 6px;
	font-size:14px;
	line-height:18px;
	font-weight:500;
	text-align:left;
}
table.tbl{width:auto; margin:0 0 30px; padding:0; border-top:solid 1px #666666; border-left:solid 1px #666666; font-size:14px; line-height:20px;}
table.tbl th{margin:0; padding:6px 6px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; background-color:#f3f3f3; text-align:left; vertical-align:top; font-size:14px; line-height:20px; font-weight:normal; color:#000000; }
table.tbl td{margin:0; padding:6px 6px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; background-color:#fbfaf5; text-align:left; vertical-align:top; font-size:14px; line-height:20px; font-weight:normal; color:#000000; }

.pc_disp{
	display:inline;
}
.sp_disp{
	display:none;
}
@media(max-width:640px){
	.pc_disp{
		display:none;
	}
	.sp_disp{
		display:inline;
	}
}

.font16{
	font-size:16px !important;
	line-height:22px !important;
}

div.youtubebox{
	display:block;
	width:calc(100% - 20px);
	margin:10px;
	padding:0 0 56.25%;
	position:relative;
}
div.youtubebox iframe{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
}



/* パンくず */
ul.pkz{
	display:block;
	width:calc(99.99% - 20px);
	margin:0 auto;
	padding:6px 0 6px;
	list-style-type:none;
	text-align:left;
}
ul.pkz li{
	display:inline-block;
	margin:0 0 0 0;
	padding:0 0 0 5px;
	color:#000000 !important;
	font-size:0.6em;
	line-height:1.2em;
	letter-spacing:0em;
	text-indent:0;
}
ul.pkz li:first-child{
	padding:0 0 0 0;
}
ul.pkz li:after{
	content:"　＞";
}
ul.pkz li:last-child:after{
	content:"";
}
ul.pkz li a{
	color:#666666 !important;
	text-decoration:none;
}
ul.pkz li a:hover{
	color:#000000 !important;
	text-decoration:underline;
}





.tbox {position:absolute; display:none; padding:14px 17px; z-index:9999999999;}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background-color:#ffffff; background-image:url('../img/tinybox/preload.gif'); background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; }
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:999999999;}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url('../img/tinybox/close.png') no-repeat;}
.tclose:hover {background-position:0 -30px;}
.tclosec{position:absolute; top:25px; right:30px; width:15px; height:15px; cursor:pointer; background:url('../img/tinybox/batsu.png') no-repeat;}
.tclosec:hover {background-position:0 0;}
.tcontent iframe{
	width:calc(100% - 20px);
}
.tcontent div{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:10px;
	line-height:13px;
}
.tcontent div:hover{
	filter:alpha(opacity=80) !important; -moz-opacity:0.8 !important; opacity:0.8 !important;
}
.tcontent div a{color:#000000; text-decoration:none;}
#mskbg {background:#666666;}