@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,li{
	display:block;
	box-sizing:border-box;
	border-collapse:collapse;
}
html{width:100%; height:100%; margin:0; padding:0;}
body{width:100%; min-height:100%; margin:0; padding:0; background-color:#16222D; 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;}



div.bdy{
	display:block;
	width:100%;
	max-width:2560px;
	min-height:100vh;
	margin:0 auto;
	padding:0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
}
div.outer_bdy{
	display:block;
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:0 0;
	position:relative;
	z-index:2;
	overflow:hidden;
}

/* ヘッダ */
div.header{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0 56.25%;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-image:url(../img/headerbg_pattern1.png?upd=202205282312);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
@media(max-width:1024px){
	div.header{
		padding:0 0 100%;
		background-image:url(../img/headerbg_pattern3.png?upd=202205282312);
	}
}
@media(max-width:768px){
	div.header{
		padding:0 0 177.77%;
		background-image:url(../img/headerbg_pattern4b.png?upd=202205282302);
	}
}
@media(max-width:640px){
	div.header{
		padding:0 0 177.77%;
		background-image:url(../img/headerbg_pattern4.png?upd=202205282302);
	}
}

/*
div.header h1{
	display:block;
	width:600px;
	height:270px;
	margin:-135px auto 0 -300px;
	padding:0 0;
	position:absolute;
	top:60%;
	left:50%;
	z-index:11;
	overflow:hidden;
	background-image:url(../img/title.png?upd=20210715);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
div.header h1 span{
	display:block;
	width:100%;
	height:1px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:-10px;
	left:0px;
	z-index:1;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
*/



/* フッタ */
div.footer{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0 10%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	overflow:visible;
	background-image:url(../img/footer_bg.png?upd=20220516021);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
div.footer:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.footer p.copyright{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	left:0;
	bottom:15px;
	z-index:0;
	text-align:center;
	font-size:12px;
	line-height:30px;
	color:#ffffff;
	clear:both;
}
@media(max-width:768px){
	div.footer p.copyright{
		padding:0 0 0 15px;
		text-align:left;
	}
}
@media(max-width:480px){
	div.footer p.copyright{
		padding:0 0;
		text-align:center;
	}
}



div.contents_box{
	display:block;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:0 0;
	position:relative;
	z-index:4;
	overflow:hidden;
}
div.contents_box:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.outer_bdy div.contents_box h2{
	display:block;
	width:96%;
	margin:60px auto 30px;
	padding:4px 0;
	position:relative;
	font-size:30px;
	line-height:30px;
	font-weight:700;
	color:#ffffff;
	text-align:left;
	border-bottom:solid 1px #ffffff;
}
div.outer_bdy div.contents_box h2 span{
	display:inline-block;
	margin:0 0;
	padding:0 0 0 3px;
	font-size:18px;
	line-height:30px;
	font-weight:500;
	font-family:'Oswald',sans-serif;
	font-style:italic;
	color:#27A0BE;
	text-align:left;
}
div.outer_bdy div.contents_box h3{
	display:block;
	width:90%;
	margin:10px auto;
	padding:2px 0 2px 4px;
	position:relative;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#ffffff;
	text-align:left;
	border-left:solid 6px #ffffff;
}
div.outer_bdy div.contents_box div.inbox{
	display:block;
	width:90%;
	margin:0 auto;
	padding:0 0;
	position:relative;
	font-size:14px;
	line-height:24px;
	font-weight:500;
	color:#ffffff;
	text-align:left;
}
div.outer_bdy div.contents_box div.inbox.half{
	display:block;
	width:49.99%;
	margin:0 auto;
	padding:0 0;
	position:relative;
	float:left;
}
div.outer_bdy div.contents_box div.inbox.onethird{
	display:block;
	width:33.33%;
	margin:0 auto;
	padding:0 0;
	position:relative;
	float:left;
}
div.outer_bdy div.contents_box div.inbox.quater{
	display:block;
	width:24.99%;
	margin:0 auto;
	padding:0 0;
	position:relative;
	float:left;
}
@media(max-width:960px){
	div.outer_bdy div.contents_box div.inbox.onethird{
		width:49.99%;
		float:left;
	}
}
@media(max-width:768px){
	div.outer_bdy div.contents_box div.inbox.half{
		width:100%;
		float:none;
	}
	div.outer_bdy div.contents_box div.inbox.quater{
		width:49.99%;
		float:left;
	}
}
@media(max-width:640px){
	div.outer_bdy div.contents_box div.inbox.onethird{
		width:100%;
		float:none;
	}
}
@media(max-width:480px){
	div.outer_bdy div.contents_box div.inbox.quater{
		width:100%;
		float:none;
	}
}
div.outer_bdy div.contents_box p{
	display:block;
	width:90%;
	margin:0 auto 30px;
	padding:0 0;
	position:relative;
	font-size:16px;
	line-height:24px;
	letter-spacing:1px;
	font-weight:500;
	color:#ffffff;
	text-align:left;
}
div.outer_bdy div.contents_box div.inbox p{
	width:90%;
	margin:0 auto 15px 0;
}
div.outer_bdy div.contents_box div.inbox h3{
	width:90%;
	margin:10px auto 10px 0;
}



table.tbl001 {width:90%; border:none; margin:0 auto 30px; padding:0; color:#ffffff;}
table.tbl001 th {margin:0; padding:2px 4px; text-align:left; font-weight:normal; font-size:18px; line-height:24px; vertical-align:top;}
table.tbl001 td {margin:0; padding:2px 4px; text-align:left; font-weight:normal; font-size:16px; line-height:24px; vertical-align:top;}
@media(max-width:640px){
	table.tbl001 {display:block; width:100%; margin:0 auto 30px; padding:0;}
	table.tbl001 th {display:block; width:calc(100% - 8px) !important; margin:0; padding:2px 4px;}
	table.tbl001 td {display:block; width:calc(100% - 8px) !important; margin:0; padding:2px 4px;}
}

table.tbl001w {width:90%; border:none; margin:0 auto 30px; padding:0; color:#ffffff;}
table.tbl001w th {margin:0; padding:2px 4px; text-align:left; font-weight:normal; font-size:18px; line-height:24px; vertical-align:top;}
table.tbl001w td {margin:0; padding:2px 4px; text-align:left; font-weight:normal; font-size:16px; line-height:24px; vertical-align:top;}
@media(max-width:640px){
	table.tbl001w {display:block; width:100%; margin:0 auto 30px; padding:0;}
	table.tbl001w th {display:block; width:calc(100% - 8px) !important; margin:0; padding:2px 4px;}
	table.tbl001w td {display:block; width:calc(100% - 8px) !important; margin:0; padding:2px 4px;}
}

a.btn_detail{
	display:block;
	width:260px;
	margin:0 auto;
	padding:10px 0;
	font-size:26px;
	line-height:36px;
	font-weight:700;
	letter-spacing:2px;
	text-align:center;
	color:#ffffff;
	background-color:#f3f3f3;
	border-radius:40px;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.btn_detail:hover{
	background-color:#A7DAE8;
}
a.btn_detail span{
	display:inline-block;
	margin:0 0;
	padding:0 0 0 2px;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	letter-spacing:0px;
	text-align:left;
	font-family:'Oswald',sans-serif;
	font-style:italic;
	color:#999999;
}

a.btn_detail_w{
	display:block;
	width:260px;
	margin:0 auto;
	padding:10px 0;
	font-size:26px;
	line-height:36px;
	font-weight:700;
	letter-spacing:2px;
	text-align:center;
	color:#333333;
	background-color:#ffffff;
	border-radius:40px;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.btn_detail_w:hover{
	color:#ffffff;
	background-color:#333333;
}
a.btn_detail_w span{
	display:inline-block;
	margin:0 0;
	padding:0 0 0 2px;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	letter-spacing:0px;
	text-align:left;
	font-family:'Oswald',sans-serif;
	font-style:italic;
	color:#999999;
}

a.btn_detail_b{
	display:block;
	width:260px;
	margin:0 auto;
	padding:10px 0;
	font-size:26px;
	line-height:36px;
	font-weight:700;
	letter-spacing:2px;
	text-align:center;
	color:#ffffff;
	background-color:#007bbb;
	border-radius:40px;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.btn_detail_b:hover{
	color:#007bbb;
	background-color:#89c3eb;
}
a.btn_detail_b span{
	display:inline-block;
	margin:0 0;
	padding:0 0 0 2px;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	letter-spacing:0px;
	text-align:left;
	font-family:'Oswald',sans-serif;
	font-style:italic;
	color:#eeeeee;
}






div.sp_menu{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:65px 0 0;
	position:fixed;
	top:0px;
	left:-100%;
	z-index:10;
	text-align:left;
	overflow:auto;
	background-color:#212121;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.sp_menu:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.sp_menu.disp{
	left:0%;
}

div.sp_menu a.btnspmn{
	display:block;
	width:60px;
	height:60px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:10px;
	right:10px;
	z-index:5;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.sp_menu a.btnspmn:before{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:30%;
	left:25%;
	border-top:solid 4px #ffffff;
	transition:0.3s transform ease;
}
div.sp_menu a.btnspmn:after{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:30%;
	left:25%;
	border-bottom:solid 4px #ffffff;
	transition:0.3s transform ease;
}
div.sp_menu a.btnspmn b {
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 2px);
	left:25%;
	text-indent:-9999px;
	border-top:solid 4px #ffffff;
	transition:0.3s opacity ease;
}

div.sp_menu a.btnspmn.clicked:before{
	transform: rotate(45deg);
	width:60%;
	top:calc(50% - 2px);
	left:20%;
}
div.sp_menu a.btnspmn.clicked:after{
	transform: rotate(-45deg);
	width:60%;
	bottom:calc(50% - 2px);
	left:20%;
}
div.sp_menu a.btnspmn.clicked b{
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}

div.sp_menu ul.spmn{
	display:block;
	width:calc(100% - 60px);
	margin:0 30px 30px;
	padding:0 0;
	float:left;
}
@media(max-width:768px){
	div.sp_menu ul.spmn{
		width:calc(100% - 20px);
		margin:0 10px 10px;
	}
}
div.sp_menu ul.spmn.left{
	width:calc(50% - 45px);
	margin:0 15px 30px 30px;
	border-right:solid 1px #ffffff;
}
div.sp_menu ul.spmn.right{
	width:calc(50% - 46px);
	margin:0 30px 30px 15px;
}
div.sp_menu ul.spmn li{
	display:block;
	width:92%;
	margin:0 4%;
	padding:0 0;
	list-style-type:none;
}
div.sp_menu ul.spmn li h4{
	display:block;
	width:100%;
	margin:0 0 12px;
	padding:0 0 2px;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	text-align:left;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	border-bottom:solid 1px #ffffff;
}
div.sp_menu ul.spmn li a{
	display:block;
	width:calc(100% - 20px);
	margin:0 10px;
	padding:0 0 12px;
	font-size:22px;
	line-height:32px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.sp_menu ul.spmn li a:hover{
	width:calc(100% - 30px);
	margin:0 10px 0 20px;
	text-decoration:underline;
}
div.sp_menu ul.spmn li a span{
	display:inline-block;
	margin:0 0;
	padding:0 0 0 6px;
	font-size:14px;
	line-height:24px;
	text-align:left;
	font-family:'Oswald',sans-serif;
	font-style:italic;
	color:#27A0BE;
}
@media(max-width:768px){
	div.sp_menu ul.spmn li a{
		margin:0 0;
		padding:0 0 12px;
		font-size:14px;
		line-height:24px;
	}
	div.sp_menu ul.spmn li a span{
		margin:0 0;
		padding:0 0 0 4px;
		font-size:10px;
		line-height:14px;
	}
}



div.googletrans{
	width:140px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:25px;
	right:185px;
	z-index:20;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:480px){
	div.googletrans{
		top:12px;
		right:175px;
	}
}





a.mn_snsbtn_f{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:absolute;
	top:24px;
	right:155px;
	z-index:5;
	background-image:url(../img/btn_social01bk.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.mn_snsbtn_f:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
a.mn_snsbtn_i{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:absolute;
	top:24px;
	right:115px;
	z-index:5;
	background-image:url(../img/btn_social03bk.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.mn_snsbtn_i:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
a.mn_snsbtn_y{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:absolute;
	top:24px;
	right:75px;
	z-index:5;
	background-image:url(../img/btn_social05bk.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.mn_snsbtn_y:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }




a.snsbtn_f{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:absolute;
	top:24px;
	right:155px;
	z-index:5;
	background-image:url(../img/btn_social01bk.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.snsbtn_f:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
a.snsbtn_i{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:absolute;
	top:24px;
	right:115px;
	z-index:5;
	background-image:url(../img/btn_social03bk.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.snsbtn_i:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
a.snsbtn_y{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:absolute;
	top:24px;
	right:75px;
	z-index:5;
	background-image:url(../img/btn_social05bk.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.snsbtn_y:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
@media(max-width:480px){
	a.snsbtn_f{ top:14px; right:145px; }
	a.snsbtn_i{ top:14px; right:105px; }
	a.snsbtn_y{ top:14px; right:65px; }
}


a.hdmnbtn{
	display:block;
	width:60px;
	height:60px;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:5;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:480px){
	a.hdmnbtn{
		top:0px;
		right:0px;
	}
}
a.hdmnbtn:before{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:30%;
	left:25%;
	border-top:solid 4px #ffffff;
	transition:0.3s transform ease;
}
a.hdmnbtn:after{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:30%;
	left:25%;
	border-bottom:solid 4px #ffffff;
	transition:0.3s transform ease;
}
a.hdmnbtn b {
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 2px);
	left:25%;
	text-indent:-9999px;
	border-top:solid 4px #ffffff;
	transition:0.3s opacity ease;
}

a.hdmnbtn.clicked:before{
	transform: rotate(45deg);
	width:60%;
	top:calc(50% - 2px);
	left:20%;
}
a.hdmnbtn.clicked:after{
	transform: rotate(-45deg);
	width:60%;
	bottom:calc(50% - 2px);
	left:20%;
}
a.hdmnbtn.clicked b{
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}

div.header ul.hdpcmn{
	display:block;
	width:240px;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:80px;
	right:40px;
	z-index:3;
}
@media(max-width:768px){
	div.header ul.hdpcmn{
		display:none;
	}
}
div.header ul.hdpcmn li{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	list-style-type:none;
}
div.header ul.hdpcmn li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	font-size:18px;
	line-height:32px;
	text-align:right;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header ul.hdpcmn li a:hover{
	margin:0 0 0 -15px;
}

div.menubox ul.social_mb{
	display:none;
	width:99.99%;
	height:30px;
	margin:0 auto 12px;
	padding:0 0;
	overflow:hidden;
}
@media(max-width:520px){
	div.menubox ul.social_mb{
		display:block;
	}
}
div.menubox ul.social_mb:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.menubox ul.social_mb li{
	display:block;
	width:30px;
	height:30px;
	margin:0 0 0 6px;
	padding:0 0;
	float:left;
}
div.menubox ul.social_mb li a{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.menubox ul.social_mb li a:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
div.menubox ul.social_mb li a.fb{
	background-image:url(../img/social_icon01b.png);
}
div.menubox ul.social_mb li a.tw{
	background-image:url(../img/social_icon02b.png);
}
div.menubox ul.social_mb li a.yt{
	background-image:url(../img/social_icon03b.png);
}
div.menubox ul.social_mb li a.is{
	background-image:url(../img/social_icon04b.png);
}
div.menubox ul.social_mb li a.ad{
	background-image:url(../img/social_icon05b.png);
}




































div.youtube_box_outer{
	display:block;
	margin:0 0;
	padding:0 0;
	position:relative;
}
div.youtube_box{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0 52.95%;
	position:relative;
	overflow:hidden;
}
div.youtube_box iframe{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	border: none;
}







div.pgindicator{
	display:block;
	width:0px;
	height:1px;
	margin:0 auto;
	padding:0 0 0;
	position:fixed;
	bottom:30px;
	right:0;
	z-index:19;
	overflow:visible;
}
div.pgindicator a.indicatorhref{
	display:block;
	width:65px;
	height:30px;
	margin:5px 0 5px -65px;
	padding:0 0;
	position:relative;
	text-decoration:none;
	overflow:visible;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.pgindicator a.indicatorhref b{
	display:block;
	width:65px;
	height:30px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:55px;
	font-size:12px;
	line-height:30px;
	color:#333333;
	background-color:#EE8F0D;
	border-radius:6px 0 0 6px;
	-webkit-box-shadow:0 0 2px 1px #333333;
	box-shadow:0 0 2px 1px #333333;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.pgindicator a.indicatorhref:hover b{
	left:0px;
}
div.pgindicator a.indicatorhref.hovered{
	cursor:default;
}
div.pgindicator a.indicatorhref.hovered b{
	left:0px;
}
















#btn_spmenu{
	display:block;
	width:36px;
	height:36px;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:8px;
	right:12px;
	z-index:24;
	background-image:url(../img/btn_menu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
}
@media(min-width:1351px){
	#btn_spmenu{
		display:block;
		right:calc( ( (100% - 1350px) / 2 ) + 12px);
	}
}
@media(max-width:760px){
	#btn_spmenu{
		display:block;
	}
}
.btn_spmenu_c{
	background-image:url(../img/btn_menu_c.png) !important;
}
div.spmenu{
	display:block;
	width:180px;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0;
	left:-184px;
	z-index:22;
	background-color:#333333;
	-webkit-box-shadow:0 0 2px 2px #333333;
	box-shadow:0 0 2px 2px #333333;
}
div.spmenu ul.spmenuul{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	list-style-type:none;
	text-align:left;
	font-size:0;
	line-height:0;
}
div.spmenu ul.spmenuul li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	border-bottom:solid 1px #ffffff;
	font-size:18px;
	line-height:32px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.spmenu ul.spmenuul li a{
	display:block;
	width:100%;
	font-size:18px;
	line-height:32px;
	text-indent:6px;
	color:#ffffff;
	text-decoration:none;
	font-family:Noto Sans JP;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.spmenu ul.spmenuul li a:hover{
	color:#ffffff;
	background-color:#f3f3f3;
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}
div.spmenu ul.spmenuul li.sli{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	border-bottom:none;
	font-size:14px;
	line-height:24px;
}
div.spmenu ul.spmenuul li.sli a{
	display:block;
	width:100%;
	font-size:14px;
	line-height:24px;
	text-indent:6px;
	color:#ffffff;
	text-decoration:none;
	font-family:Noto Sans JP;
}
div.spmenu ul.spmenuul li.sli a:hover{
	color:#ffffff;
	background-color:#ababab;
}












.cbox50{
	display:block;
	width:46%;
	margin:0 1.99% 20px !important;
	padding:0 0;
	float:left;
}
.cbox50:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
@media(max-width:640px){
	.cbox50{
		width:96%;
		margin:0 1.99% 20px !important;
		float:none;
	}
}

.wd-10{ width:10% !important; }
.wd-15{ width:15% !important; }
.wd-19{ width:19.99% !important; }
.wd-20{ width:20% !important; }
.wd-30{ width:30% !important; }
.wd-33{ width:33.33% !important; }
.wd-39{ width:39.99% !important; }
.wd-40{ width:40% !important; }
.wd-45{ width:45% !important; }
.wd-49{ width:49.99% !important; }
.wd-50{ width:50% !important; }
.wd-60{ width:60% !important; }
.wd-70{ width:70% !important; }
.wd-80{ width:80% !important; }
.wd-84{ width:84.99% !important; }
.wd-89{ width:89% !important; }
.wd-90{ width:90% !important; }
.wd-94{ width:94% !important; }
.wd-100{ width:100% !important; }
.wdp-240{ width:240px !important; }
.wdp-220{ width:220px !important; }
.wdp-200{ width:200px !important; }
.wdp-180{ width:180px !important; }
.wdp-160{ width:160px !important; }
.wdp-140{ width:140px !important; }
.wdp-120{ width:120px !important; }
.wdp-100{ width:100px !important; }
.wdp-90{ width:90px !important; }
.wdp-80{ width:80px !important; }
.wdp-60{ width:60px !important; }
.wdp-40{ width:40px !important; }
@media(max-width:480px){
	.wd-10{ width:100% !important; }
	.wd-20{ width:100% !important; }
	.wd-30{ width:100% !important; }
	.wd-40{ width:100% !important; }
	.wd-49{ width:100% !important; }
	.wd-50{ width:100% !important; }
	.wdp-240{ width:240px !important; }
	.wdp-220{ width:220px !important; }
	.wdp-200{ width:200px !important; }
	.wdp-180{ width:180px !important; }
	.wdp-160{ width:160px !important; }
	.wdp-140{ width:140px !important; }
	.wdp-120{ width:120px !important; }
	.wdp-100{ width:100px !important; }
	.wdp-90{ width:90px !important; }
	.wdp-80{ width:80px !important; }
	.wdp-60{ width:60px !important; }
	.wdp-40{ width:40px !important; }
}
.pl-5{ padding-left:5px !important; }
.pl-10{ padding-left:10px !important; }
.pl-20{ padding-left:20px !important; }
.pl-30{ padding-left:30px !important; }
.pl-40{ padding-left:40px !important; }
.pl-50{ padding-left:50px !important; }
.pl-60{ padding-left:60px !important; }
.pr-5{ padding-right:5px !important; }
.pr-10{ padding-right:10px !important; }
.pr-20{ padding-right:20px !important; }
.pr-30{ padding-right:30px !important; }
.pr-40{ padding-right:40px !important; }
.pr-50{ padding-right:50px !important; }
.pr-60{ padding-right:60px !important; }
.pt-0{ padding-top:0px !important; }
.pt-5{ padding-top:5px !important; }
.pt-10{ padding-top:10px !important; }
.pt-15{ padding-top:15px !important; }
.pt-20{ padding-top:20px !important; }
.pt-30{ padding-top:30px !important; }
.pt-40{ padding-top:40px !important; }
.pt-50{ padding-top:50px !important; }
.pt-60{ padding-top:60px !important; }
.pb-0{ padding-bottom:0px !important; }
.pb-5{ padding-bottom:5px !important; }
.pb-10{ padding-bottom:10px !important; }
.pb-15{ padding-bottom:15px !important; }
.pb-20{ padding-bottom:20px !important; }
.pb-30{ padding-bottom:30px !important; }
.pb-40{ padding-bottom:40px !important; }
.pb-50{ padding-bottom:50px !important; }
.pb-60{ padding-bottom:60px !important; }
.ml-5{ margin-left:5px !important; }
.ml-10{ margin-left:10px !important; }
.ml-15{ margin-left:15px !important; }
.ml-20{ margin-left:20px !important; }
.ml-30{ margin-left:30px !important; }
.ml-40{ margin-left:40px !important; }
.mr-5{ margin-right:5px !important; }
.mr-10{ margin-right:10px !important; }
.mr-15{ margin-right:15px !important; }
.mr-20{ margin-right:20px !important; }
.mr-30{ margin-right:30px !important; }
.mr-40{ margin-right:40px !important; }
.mt-0{ margin-top:0px !important; }
.mt-5{ margin-top:5px !important; }
.mt-10{ margin-top:10px !important; }
.mt-15{ margin-top:15px !important; }
.mt-20{ margin-top:20px !important; }
.mt-30{ margin-top:30px !important; }
.mt-40{ margin-top:40px !important; }
.mt-50{ margin-top:50px !important; }
.mb-0{ margin-bottom:0px !important; }
.mb-5{ margin-bottom:5px !important; }
.mb-10{ margin-bottom:10px !important; }
.mb-15{ margin-bottom:15px !important; }
.mb-20{ margin-bottom:20px !important; }
.mb-30{ margin-bottom:30px !important; }
.mb-40{ margin-bottom:40px !important; }
.mb-50{ margin-bottom:50px !important; }
.mb-60{ margin-bottom:60px !important; }
.mc-0{ margin:0 auto !important; }
.mc-10{ margin:0 auto 10px !important; }

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

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

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

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

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

.indented{
	text-indent:1em;
}
.noindent{
	text-indent:0 !important;
}

.septline{
	width:100%;
	height:1px;
	margin:15px auto;
	padding:0 0;
	border-bottom:solid 1px #dddddd;
}








.tbox {position:absolute; display:none; margin:0; padding:0; z-index:100002000; }
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url('../img/preload.gif') no-repeat 50% 50%; }
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:100001000; }
.tclose {position:absolute; top:7px; right:7px; width:23px; height:23px; cursor:pointer; background:url('../img/closes.png') no-repeat; }
.tclose:hover {background-position:0 -24px; }
#mskbg {background:#666666;}

.loadingbox{
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:200;
	color:#ED9C34;
	background-color:#333333;
	overflow:hidden;
	/* font-family:'Shojumaru', cursive; */
	font-family:cursive;
}
.loadingbox-bar{
	width:100%;
	height:1px;
	margin:0 0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% + 24px);
	left:0;
	border-top:solid 1px #ED9C34;
	overflow:visible;
	transition:all 0.2s ease-in-out 0s;
}
.loadingbox-bar .grub{
	width:36px;
	height:18px;
	margin:-13px;
	padding:0 0;
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(../img/grub.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
}
.loadingbox-text{
	width:50px;
	margin:-12px auto auto -25px;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	font-size:16px;
	line-height:24px;
	text-align:center;
	background-color:#333333;
}
.loadingbox-complete .loadingbox-bar{
	border-top:solid 1px #ED9C34;
}