@charset "UTF-8";

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

@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

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%; height:100%; margin:0; padding:0; background-color:#000000; text-align:center; font-size:16px; line-height:22px; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;}
img {border:none;}



div.bdy{
	display:block;
	width:100%;
	/* max-width:1920px; */
	margin:0 auto;
	padding:0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
}

div.contents_box{
	display:block;
	width:calc(100% - 90px);
	margin:0 0 0 90px;
	padding:0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}

div.contents_box_top{
	display:block;
	width:calc(100% - 90px);
	margin:0 0 0 90px;
	padding:0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
@media (max-width:640px){
	div.contents_box{
		width:100%;
		margin:0;
	}
	div.contents_box_top{
		width:100%;
		margin:0;
	}
	#box01{
		margin:60px 0 0 0;
		background-position:70% 50%;
	}
}
@media (max-width:400px){
	#box01{
		margin:50px 0 0 0;
	}
}
#box01{
	/* background-image:url(../img/tophd.jpg); */
	background-image:url(../img/tophd.webp);
}
#box02{
	background-image:url(../img/topimage04.jpg);
}
#box03{
	background-image:url(../img/topimage03.jpg);
}
.gwavb{
	display:block;
	width:100%;
	height:14vw;
	margin:0 0 0 0;
	padding:0 0;
	position:absolute;
	bottom:-7vw;
	left:0;
	z-index:0;
	overflow:hidden;
	background-image:url(../img/garywave.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% 14vw;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.gwavu{
	display:block;
	width:100%;
	height:14vw;
	margin:0 0 0 0;
	padding:0 0;
	position:absolute;
	top:-7vw;
	left:0;
	z-index:0;
	overflow:hidden;
	background-image:url(../img/garywave.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% 14vw;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.gwavbb{
	display:block;
	width:100%;
	height:0vw;
	margin:0 0 0 0;
	padding:0 0;
	position:absolute;
	bottom:0vw;
	left:0;
	z-index:1;
	background-color:#000000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.gwavut{
	display:block;
	width:100%;
	height:0vw;
	margin:0 0 0 0;
	padding:0 0;
	position:absolute;
	top:0vw;
	left:0;
	z-index:1;
	background-color:#000000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media (min-width:761px) and (max-width:1024px){
	.gwavb{
		height:10vw;
		bottom:-5vw;
		background-size:100% 10vw;
	}
	.gwavu{
		height:10vw;
		top:-5vw;
		background-size:100% 10vw;
	}
	.gwavbb{
		height:0vw;
		bottom:0vw;
	}
	.gwavut{
		height:0vw;
		top:0vw;
	}
}
@media (min-width:641px) and (max-width:760px){
	.gwavb{
		height:7vw;
		bottom:-3.5vw;
		background-size:100% 7vw;
	}
	.gwavu{
		height:7vw;
		top:-3.5vw;
		background-size:100% 7vw;
	}
	.gwavbb{
		height:0vw;
		bottom:0vw;
	}
	.gwavut{
		height:0vw;
		top:0vw;
	}
}
@media(max-width:640px){
	.gwavb{
		height:4vw;
		bottom:-2vw;
		background-size:100% 4vw;
	}
	.gwavu{
		height:4vw;
		top:-2vw;
		background-size:100% 4vw;
	}
	.gwavbb{
		height:0vw;
		bottom:0vw;
	}
	.gwavut{
		height:0vw;
		top:0vw;
	}
}



h1{
	display:block;
	width:350px;
	height:210px;
	margin:-105px 0 0 -175px;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	background-image:url(../img/gi_logo.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	overflow:hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media(max-width:640px){
	h1{
		margin:-165px 0 0 -175px;
	}
}
@media(max-width:380px){
	h1{
		width:300px;
		height:180px;
		margin:-140px 0 0 -150px;
/*
		margin:-90px 0 0 -150px;
*/
	}
}
p.h1bg{
	display:none;
	overflow:hidden;
}
h1 span.h1f1,h1 span.h1f2,h1 span.h1f3{
	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;
}
/*
h1{
	display:block;
	width:350px;
	height:400px;
	margin:-200px 0 0 -175px;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
}
p.h1bg{
	display:block;
	width:280px;
	height:240px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:35px;
	z-index:1;
	overflow:hidden;
	background-image:url(../img/gary_logo.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
h1 span.h1f1{
	width:350px;
	height:50px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:170px;
	left:0;
	z-index:2;
	font-size:44px;
	line-height:50px;
	text-align:center;
	font-family:'Shojumaru',cursive;
	text-shadow:2px 0px 1px #ffcc00, 0px 2px 1px #ffcc00, -2px 0px 1px #ffcc00, 0px -2px 1px #ffcc00;
}
h1 span.h1f2{
	width:350px;
	height:50px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:220px;
	left:0;
	z-index:2;
	font-size:48px;
	line-height:50px;
	text-align:center;
	font-family:'Shojumaru',cursive;
	text-shadow:2px 0px 1px #ffcc00, 0px 2px 1px #ffcc00, -2px 0px 1px #ffcc00, 0px -2px 1px #ffcc00;
}
h1 span.h1f3{
	width:350px;
	height:24px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:270px;
	left:0;
	z-index:2;
	font-size:20px;
	line-height:24px;
	text-align:center;
	font-family:Noto Sans JP;
	text-shadow:2px 0px 1px #ffcc00, 0px 2px 1px #ffcc00, -2px 0px 1px #ffcc00, 0px -2px 1px #ffcc00;
}
*/



div.mainmenu_outer{
	display:block;
	width:90px;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	overflow:auto;
}
div.mainmenu_outer span.uln{
	display:none;
}
div.mainmenu_outer ul.mainmenu{
	display:block;
	width:90px;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:relative;
	overflow:auto;
	list-style-type:none;
	text-align:left;
}
div.mainmenu_outer ul.mainmenu li{
	display:block;
	width:100%;
	height:90px;
	margin:0 0;
	padding:0 0;
	overflow:hidden;
	list-style-type:none;
	text-align:center;
	border-bottom:dashed 1px #EE8F0D;
}
div.mainmenu_outer ul.mainmenu li.global{
	display:none;
}
div.mainmenu_outer ul.mainmenu li a{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:relative;
	/* background-color:#000000; */
	background-position:50% 12%;
	background-repeat:no-repeat;
	background-size:60px 60px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.mainmenu_outer ul.mainmenu li a p{
	display:block;
	width:100%;
	height:14px;
	margin:-7px 0 0 0;
	padding:0 0;
	position:absolute;
	bottom:14px;
	left:0;
	font-size:13px;
	line-height:14px;
	font-weight:700;
	text-align:center;
	color:#EE8F0D;
	font-family:Noto Sans JP;
}
div.mainmenu_outer ul.mainmenu li a p.dh{
	height:28px;
	margin:-14px 0 0 0;
	bottom:7px;
}
@media (max-width:640px){
	div.mainmenu_outer{
		display:block;
		width:100%;
		height:60px;
		/* background-color:#000000; */
		overflow:visible;
	}
	div.mainmenu_outer ul.mainmenu{
		display:block;
		width:100%;
		height:60px;
		/* background-color:#000000; */
		background-image:url(../img/menubg2.png);
	}
	div.mainmenu_outer ul.mainmenu:after{
		display:table;
		content:"";
		visibility:visible;
		box-sizing:border-box;
		border-collapse:collapse;
		clear:both;
	}
	div.mainmenu_outer ul.mainmenu li{
		display:inline-block;
		width:60px;
		height:auto;
		padding:0 0 60px;
		float:left;
		position:relative;
		border-right:dashed 1px #EE8F0D;
		border-bottom:none;
	}
	div.mainmenu_outer ul.mainmenu li:last-child{
		border-right:none;
		border-bottom:none;
	}
	div.mainmenu_outer ul.mainmenu li.global{
		display:block;
		float:right;
	}
	div.mainmenu_outer ul.mainmenu li a{
		position:absolute;
		top:0;
		left:0;
		background-position:50% 5%;
		background-repeat:no-repeat;
		background-size:40px 40px;
	}
	div.mainmenu_outer ul.mainmenu li a p{
		height:11px;
		margin:-11px 0 0 0;
		bottom: 10px;
		font-size:10px;
		line-height:11px;
	}
	div.mainmenu_outer ul.mainmenu li a p.dh{
		height:20px;
		margin:-20px 0 0 0;
		bottom: 4px;
		font-size:10px;
		transform:scale(0.9);
		line-height:10px;
	}
}
@media (max-width:400px){
	div.mainmenu_outer{
		display:block;
		width:100%;
		height:50px;
		/* background-color:#000000; */
	}
	div.mainmenu_outer ul.mainmenu{
		display:block;
		width:100%;
		height:50px;
		/* background-color:#000000; */
		background-image:url(../img/menubg2.png);
	}
	div.mainmenu_outer ul.mainmenu:after{
		display:table;
		content:"";
		visibility:visible;
		box-sizing:border-box;
		border-collapse:collapse;
		clear:both;
	}
	div.mainmenu_outer ul.mainmenu li{
		display:inline-block;
		width:50px;
		height:auto;
		padding:0 0 50px;
		float:left;
		position:relative;
		border-right:dashed 1px #EE8F0D;
		border-bottom:none;
	}
	div.mainmenu_outer ul.mainmenu li:last-child{
		border-right:none;
		border-bottom:none;
	}
	div.mainmenu_outer ul.mainmenu li.global{
		display:block;
		float:right;
	}
	div.mainmenu_outer ul.mainmenu li a{
		position:absolute;
		top:0;
		left:0;
		background-position:50% 5%;
		background-repeat:no-repeat;
		background-size:36px 36px;
	}
	div.mainmenu_outer ul.mainmenu li a p{
		width:125%;
		height:9px;
		margin:-9px 0 0 -12.5%;
		bottom: 7px;
		font-size:10px;
		transform:scale(0.8);
		line-height:9px;
	}
	div.mainmenu_outer ul.mainmenu li a p.dh{
		width:142%;
		height:22px;
		margin:-22px 0 0 -21%;
		bottom: 0px;
		font-size:10px;
		transform:scale(0.7);
		line-height:11px;
	}
}
div.mainmenu_outer ul.mainmenu li a:hover{
	/* background-color:#EE8F0D; */
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
div.mainmenu_outer ul.mainmenu li a.menu_btn01{
	background-image:url(../img/menu_btn01.png);
}
div.mainmenu_outer ul.mainmenu li a.menu_btn02{
	background-image:url(../img/menu_btn06.png);
/*
	background-image:url(../img/menu_btn02.png);
*/
}
div.mainmenu_outer ul.mainmenu li a.menu_btn03{
	background-image:url(../img/menu_btn03.png);
}
div.mainmenu_outer ul.mainmenu li a.menu_btn04{
	background-image:url(../img/menu_btn02.png);
/*
	background-image:url(../img/menu_btn04.png);
*/
}
div.mainmenu_outer ul.mainmenu li a.menu_btn05{
	background-image:url(../img/menu_btn05.png);
}

div.mainmenu_outer ul.mainmenu li a.menu_global p{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:relative;
	background-position:50% 10%;
	background-repeat:no-repeat;
	background-size:40px 40px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.mainmenu_outer ul.mainmenu li a.menu_global p:before{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:30%;
	left:25%;
	border-top:solid 4px #EE8F0D;
	transition:0.3s transform ease;
}
div.mainmenu_outer ul.mainmenu li a.menu_global p:after{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:30%;
	left:25%;
	border-bottom:solid 4px #EE8F0D;
	transition:0.3s transform ease;
}
div.mainmenu_outer ul.mainmenu li a.menu_global p b {
	width:40%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 2px);
	left:25%;
	text-indent:-9999px;
	border-top:solid 4px #EE8F0D;
	transition:0.3s opacity ease;
}

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





ul.footermenu{
	display:block;
	width:100%;
	height:16px;
	margin:0 0;
	padding:0 0;
	position:fixed;
	bottom:15px;
	right:5px;
	z-index:9;
	overflow:auto;
	list-style-type:none;
	text-align:center;
}
ul.footermenu:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.footermenu li{
	display:inline-block;
	width:auto;
	margin:0 0;
	padding:0 10px;
	float:right;
	overflow:hidden;
	list-style-type:none;
	text-align:center;
	border-right:solid 1px #ffffff;
}
ul.footermenu li:first-child{
	border-right:none;
}
ul.footermenu li a{
	display:block;
	width:100%;
	height:16px;
	margin:0 0;
	padding:0 0;
	font-size:14px;
	line-height:16px;
	font-weight:500;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-family:Noto Sans JP;
	text-shadow:2px 0px 1px #000000, 0px 2px 1px #000000, -2px 0px 1px #000000, 0px -2px 1px #000000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
ul.footermenu li a:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}







/* ボタンメニュー */
div.menubox_outer{
	display:none;
	width:100%;
	max-width:1280px;
	height:calc(100% - 60px);
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:60px;
	left:calc((100% - 1280px) / 2);
	z-index:9;
	overflow:auto;
}
@media (max-width:400px){
	div.menubox_outer{
		height:calc(100% - 50px);
		top:50px;
	}
}
@media(max-width:1280px){
	div.menubox_outer{
		width:100%;
		left:0;
	}
}
div.menubox{
	display:block;
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:20px 0 20px;
	background-color:#ffcc00;
}
div.menubox:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.menubox div.mnbhalfbox{
	display:block;
	width:49.99%;
	margin:0 auto;
	padding:0 0;
	float:left;
}
@media(max-width:480px){
	div.menubox div.mnbhalfbox{
		width:99.99%;
		float:none;
	}
}
div.menubox p.mnb_title{
	display:block;
	width:90%;
	max-width:460px;
	margin:0 auto 12px;
	padding:0 0 0;
	font-size:16px;
	line-height:24px;
	text-align:left;
	font-family:Noto Sans JP;
	border-bottom:solid 1px #000000;
	overflow:hidden;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:30px 30px;
}
div.menubox p.mnb_title.mnbic01{
	background-image:url(../img/mnbic01.png);
}
div.menubox p.mnb_title.mnbic02{
	background-image:url(../img/mnbic02.png);
}
div.menubox p.mnb_title.mnbic03{
	background-image:url(../img/mnbic03.png);
}
div.menubox p.mnb_title.mnbic04{
	background-image:url(../img/mnbic04.png);
}
div.menubox p.mnb_title.mnbic05{
	background-image:url(../img/mnbic05.png);
}
div.menubox p.mnb_title a{
	display:block;
	width:calc(99.99% - 32px);
	margin:0 0 0 32px;
	padding:0 0;
	font-size:16px;
	line-height:24px;
	color:#000000;
	text-align:left;
	font-family:Noto Sans JP;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.menubox p.mnb_title a:hover{
	width:calc(99.99% - 38px);
	margin:0 0 0 38px;
	padding:0 0;
	text-decoration:none;
}
div.menubox ul.mnb_list{
	display:block;
	width:90%;
	max-width:460px;
	margin:0 auto 12px;
	padding:0 0;
	text-align:left;
}
div.menubox ul.mnb_list li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 10px 10px;
	list-style-type:none;
	font-size:14px;
	line-height:18px;
	text-align:left;
	font-family:Noto Sans JP;
}
div.menubox ul.mnb_list li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	font-size:14px;
	line-height:18px;
	text-align:left;
	color:#000000;
	font-family:Noto Sans JP;
	text-decoration:underline;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.menubox ul.mnb_list li a:hover{
	width:calc(99.99% - 4px);
	margin:0 0 0 4px;
	padding:0 0;
	text-decoration:none;
}

div.menubox ul.mnb_list li ul.mnb_sub_list{
	display:block;
	width:calc(100% - 12px);
	margin:0 0 0 10px;
	padding:6px 0 0;
	text-align:left;
}
div.menubox ul.mnb_list li ul.mnb_sub_list li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 5px 5px;
	list-style-type:none;
	font-size:12px;
	line-height:16px;
	text-align:left;
	font-family:Noto Sans JP;
}
div.menubox ul.mnb_list li ul.mnb_sub_list li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#000000;
	font-family:Noto Sans JP;
	text-decoration:underline;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.menubox ul.mnb_list li ul.mnb_sub_list li a:hover{
	width:calc(99.99% - 4px);
	margin:0 0 0 4px;
	padding:0 0;
	text-decoration:none;
}

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.contents_box p.lead_text{
	display:block;
	width:80%;
	height:200px;
	margin:-100px 0 0 -40%;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	font-size:20px;
	line-height:24px;
	font-weight:500;
	text-align:center;
	color:#ffffff;
	font-family:Noto Sans JP;
	text-shadow:2px 0px 1px #000000, 0px 2px 1px #000000, -2px 0px 1px #000000, 0px -2px 1px #000000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media (min-width:641px) and (max-width:760px){
	div.contents_box p.lead_text{
		width:90%;
		height:140px;
		margin:-70px 0 0 -45%;
		font-size:18px;
		line-height:22px;
	}
}
@media (max-width:640px){
	div.contents_box p.lead_text{
		width:94%;
		height:100px;
		margin:-50px 0 0 -47%;
		font-size:16px;
		line-height:20px;
	}
}
div.contents_box a.btn_to_detail{
	display:block;
	width:200px;
	height:60px;
	margin:20px 0 0 -100px;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	font-size:16px;
	line-height:60px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	color:#EE8F0D;
	background-color:#000000;
	font-family:Noto Sans JP;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media (min-width:481px) and (max-width:760px){
	div.contents_box a.btn_to_detail{
		width:160px;
		height:40px;
		margin:10px 0 0 -80px;
		font-size:14px;
		line-height:40px;
	}
}
@media (max-width:480px){
	div.contents_box a.btn_to_detail{
		width:140px;
		height:30px;
		margin:15px 0 0 -70px;
		font-size:12px;
		line-height:30px;
	}
}
div.contents_box a.btn_to_detail:hover{
	color:#000000;
	background-color:#EE8F0D;
}
















@media(min-width:1351px){
}
@media (min-width:641px) and (max-width:860px){
}
@media (max-width:640px){
}






























/* 大枠 */
div.screen{
	display:block;
	width:100%;
	max-width:1350px;
	min-height:100%;
	margin:0 auto;
	padding:0 0;
	position:relative;
	z-index:2;
	overflow:hidden;
}

/* ページ枠 */
div.pages{
	display:block;
	width:100%;
	max-width:1350px;
	min-height:100%;
	margin:0 auto;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
div.pages:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
@media(min-width:1351px){
	div.pages{
		width:1350px;
		left:calc((100% - 1350px) / 2);
	}
}

/* ヘッダ */
div.header{
	display:block;
	width:100%;
	/* min-height:100%; */
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	overflow:visible;
	background-image:url(../img/head_bg.png);
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:cover;
}
div.header div.mainimg{
	display:block;
	width:30%;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:90px;
	left:6%;
	z-index:2;
	border:solid 1px #595857;
}
div.header div.mainimg img{
	display:block;
	width:calc(100% - 4px);
	margin:2px;
	padding:0 0;
}
@media (min-width:761px) and (max-width:1024px){
	div.header div.mainimg{
		top:70px;
	}
}
@media (max-width:760px){
	div.header div.mainimg{
		width:96%;
		margin:75px auto 0;
		position:relative;
		top:unset;
		left:unset;
	}
}

div.header div.maintext{
	display:block;
	width:56%;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:120px;
	right:6%;
	z-index:1;
	text-align:left;
	font-family:Noto Sans JP;
	text-shadow:2px 0px 2px #ffcc00, 0px 2px 2px #ffcc00, -2px 0px 2px #ffcc00, 0px -2px 2px #ffcc00;
	background-image:url(../img/text_bg.png);
}
div.header div.maintext div.description{
	display:block;
	width:calc(100% - 20px);
	margin:0 auto 0;
	padding:10px 0 0;
	text-align:left;
	font-size:14px;
	line-height:18px;
}
div.header div.maintext div.specification{
	display:block;
	width:calc(100% - 20px);
	margin:10px auto 0;
	padding:10px 0 0;
	text-align:left;
	font-size:14px;
	line-height:18px;
	border-top:solid 1px #595857;
}
div.header div.maintext div.specification dl.specdl{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	text-align:left;
	font-size:14px;
	line-height:18px;
}
div.header div.maintext div.specification dl.specdl dt{
	display:block;
	width:calc(70px - 6px);
	margin:0 0 6px;
	padding:3px 6px 3px 0;
	float:left;
	text-align:right;
	clear:both;
}
div.header div.maintext div.specification dl.specdl dd{
	display:block;
	width:calc(100% - 85px);
	margin:0 0 6px;
	padding:3px 0 3px 9px;
	float:right;
	text-align:left;
	border-left:solid 1px #595857;
}
div.header div.maintext div.specification dl.specdl:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
@media (min-width:761px) and (max-width:1024px){
	div.header div.maintext{
		top:100px;
	}
}
@media (max-width:760px){
	div.header div.maintext{
		width:96%;
		margin:15px auto 0;
		position:relative;
		top:unset;
		right:unset;
		text-shadow:2px 0px 2px #ffffff, 0px 2px 2px #ffffff, -2px 0px 2px #ffffff, 0px -2px 2px #ffffff;
		background-image:url(../img/text_bg_w.png);
	}
}

ul.page_navi{
	display:block;
	width:56%;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:90px;
	right:6%;
	overflow:hidden;
	list-style-type:none;
	text-align:left;
}
@media (min-width:761px) and (max-width:1024px){
	ul.page_navi{
		top:70px;
	}
}
@media (max-width:760px){
	ul.page_navi{
		width:96%;
		margin:15px auto 0;
		position:relative;
		top:unset;
		right:unset;
	}
}
ul.page_navi li{
	display:inline-block;
	margin:0 0;
	padding:0 3px;
	overflow:hidden;
	list-style-type:none;
	text-align:left;
}
ul.page_navi li a{
	display:block;
	height:26px;
	margin:0 0;
	padding:0 9px;
	overflow:hidden;
	text-align:center;
	background-color:#333333;
	color:#ffcc00;
	font-size:16px;
	line-height:27px;
	text-shadow:initial;
	text-decoration:none;
	border-radius:6px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
ul.page_navi li a:hover{
	color:#333333;
	background-color:#ffcc00;
}





/* フッタ */
div.footer{
	display:block;
	width:100%;
/*
	margin:0 auto;
*/
	margin:100px auto 0;
	padding:0 0;
/*
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
*/
	position:relative;
	z-index:2;
	overflow:hidden;
	background-color:#f8fbf8;
}
div.footer:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.footer div.ftrbox{
	display:block;
	width:48.99%;
	margin:15px 0;
	padding:0 0;
	float:right;
	text-align:left;
}
div.footer div.ftlbox{
	display:block;
	width:calc(46.99% - 1px);
	margin:15px 2%;
	padding:0px 2% 0px 0;
	float:left;
	text-align:left;
	border-right:solid 1px #333333;
}
@media(max-width:760px){
	div.footer div.ftrbox{
		display:block;
		width:95.99%;
		margin:15px auto;
		padding:15px 0 0;
		float:none;
		text-align:left;
		border-top:solid 1px #333333;
	}
	div.footer div.ftlbox{
		display:block;
		width:95.99%;
		margin:15px auto;
		padding:0 0 0;
		float:none;
		text-align:left;
		border-right:none;
	}
}
div.footer ul.ftlink{
	display:block;
	width:calc(49.99% - 18px);
	margin:0 0;
	padding:0 0 0 18px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}
div.footer ul.ftlink:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.footer ul.ftlink li{
	display:block;
	margin:0 0;
	padding:0 12px 0 0;
	float:left;
	font-size:12px;
	line-height:32px;
	color:#333333;
	font-family:Noto Sans JP;
}
div.footer ul.ftlink li a{
	color:#454545;
	text-decoration:none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.footer ul.ftlink li a:hover{
	color:#ababab;
}
@media(max-width:760px){
	div.footer ul.ftlink{
		display:none;
	}
}
div.footer div.ftln{
	display:block;
	width:calc(99.99% - 24px);
	height:1px;
	margin:0 auto;
	padding:0 0;
	position:relative;
	font-size:1px;
	line-height:1px;
	border-bottom:solid 1px #595857;
	clear:both;
}
div.footer div.copyright{
	display:inline-block;
	width:calc(99.99% - 12px);
	margin:0;
	padding:0 12px 0 0;
	position:relative;
	z-index:0;
	text-align:right;
	font-size:12px;
	line-height:32px;
	color:#333333;
	font-family:Noto Sans JP;
}
div.footer div.copyright br.spshowcp{
	display:none;
}
@media(max-width:640px){
	div.footer div.copyright{
		padding:8px 0 8px 0;
		font-size:12px;
		line-height:16px;
		text-align:center;
	}
	div.footer div.copyright br.spshowcp{
		display:inline;
	}
}

div.footer ul.ftbox_list{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
}
div.footer ul.ftbox_list:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.footer ul.ftbox_list li{
	display:block;
	width:49.99%;
	margin:0 0;
	padding:0 0 0;
	float:left;
	text-align:left;
}
div.footer ul.ftbox_list li a{
	display:block;
	width:calc(100% - 18px);
	margin:0;
	padding:3px 6px;
	color:#333333;
	background-color:#f8fbf8;
	text-decoration:none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius:3px;
}
div.footer ul.ftbox_list li a:hover{
	color:#f8fbf8;
	background-color:#333333;
	text-decoration:none;
}
div.footer div.dotbg{
	display:block;
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
	background-image:url(../img/dotbg.png);
	background-position:0 0;
	background-repeat:repeat;
	background-color:none;
}

ul.social_hd{
	display:block;
	width:144px;
	height:30px;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:6px;
	right:6px;
	z-index:10;
	overflow:hidden;
}
@media(max-width:640px){
	ul.social_hd{
		top:16px;
		right:58px;
	}
}
@media(max-width:520px){
	ul.social_hd{
		display:none;
	}
}
ul.social_hd:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.social_hd li{
	display:block;
	width:30px;
	height:30px;
	margin:0 0 0 6px;
	padding:0 0;
	float:left;
}
ul.social_hd 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;
}
ul.social_hd li a:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
ul.social_hd li a.fb{
	background-image:url(../img/social_icon01h.png);
}
ul.social_hd li a.tw{
	background-image:url(../img/social_icon02h.png);
}
ul.social_hd li a.yt{
	background-image:url(../img/social_icon03h.png);
}
ul.social_hd li a.is{
	background-image:url(../img/social_icon04h.png);
}
ul.social_hd li a.ad{
	background-image:url(../img/social_icon05h.png);
}









/* 記事 */
div.pages div.dotbg{
	display:block;
	width:100%;
	height:200%;
	min-height:100%;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
	background-image:url(../img/dotbg.png);
	background-position:0 0;
	background-repeat:repeat;
	background-color:none;
}
div.pages div.content{
	display:block;
	width:96%;
	margin:0 auto;
	padding:90px 0 30px;
	position:relative;
	z-index:1;
	background-image:unset;
	background-color:unset;
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.active div.content{
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}
div.pages img.boxbgimg{
	display:none;
}

div.pages div.content .intext{
	width:calc(96% - 12px);
	margin:0 1.99% 24px;
	padding:6px;
	text-align:left;
	background-image:url(../img/text_bg_w.png);
	border-radius:4px;
}

div.pages h3{
	display:block;
	width:calc(100% - 20px);
	margin:0 auto 15px;
	padding:0 0 3px;
	position:relative;
	z-index:2;
	font-size:28px;
	line-height:32px;
	color:#ffcc00;
	font-family: 'Shojumaru', cursive;
	text-align:left;
	border-bottom:dashed 1px #ffcc00;
}

div.pages h4{
	display:block;
	width:98%;
	margin:0 auto 6px;
	padding:0 0 6px;
	font-size:18px;
	line-height:24px;
	color:#333333;
	font-family:Noto Sans JP;
	text-align:left;
	border-bottom:solid 1px #333333;
}

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;
}






/*--- ライブ ---*/
#livedata{
	position:relative;
	clear:both;
	width: calc(96% - 12px);
	height:auto;
	margin: 0 1.99% 24px;
	padding:0;
	list-style-type:none;
}
#livedata:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
#livedata li{
	display:block;
	width:calc(24.99% - 12px);
	height:auto;
	min-height:120px;
	margin:0 5px 10px 5px;
	padding:0;
	float:left;
/*
	position:absolute;
*/
	list-style-type:none;
	background-color:#f8fbf8;
	text-align:left;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
@media (min-width:641px) and (max-width:1024px){
	#livedata li{
		width:calc(33.33% - 12px);
	}
}
@media (min-width:391px) and (max-width:640px){
	#livedata li{
	width:calc(49.99% - 12px);
	}
}
@media (max-width:390px){
	#livedata li{
	width:calc(99.99% - 12px);
	}
}
#livedata li a.tp1{
	display:block;
	width:100%;
	height:auto;
	min-height:120px;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#000000 !important;
	filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
}
#livedata li a.tp1:hover{
	text-decoration:none;
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
#livedata li a.tp2{
	display:block;
	width:100%;
	height:auto;
	min-height:22px;
	margin:10px auto;
	padding:0;
	font-size:14px;
	line-height:22px;
	text-align:left;
	text-decoration:none;
	color:#000000 !important;
	background-image:url('../img/content_bg.png');
	filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
}
#livedata li a.tp2:hover{
	text-decoration:none;
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
#livedata li a.tp2 img.tp2img{
	display:block;
	width:calc(100% - 20px);
	margin:0 10px 10px;
	padding:0;
}
#livedata li a.tp2 span.tp2s{
	display:inline-block;
	margin:0 0;
	padding:10px 10px 0;
	text-align:left;
	word-break:break-all;
}
#livedata li a.tp2 span.tp2s_date{
	display:inline-block;
	margin:0 0;
	padding:10px 10px 0;
	font-size:12px;
	line-height:16px;
	color:#666666 !important;
	text-align:right;
	word-break:break-all;
}
#livedata li h3{
	width:100%;
	height:18px;
	margin:0;
	padding:7px 0;
	text-align:left;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	text-indent:7px;
	color:#ffffff;
	background-color:#767c6b;
	border-radius:6px 6px 0 0;
	bakground-image:none;
}
#livedata li p{
	width:auto;
	margin:7px 0;
	padding:0 7px;
	text-align:left;
	font-size:12px;
	line-height:16px;
	bakground-image:none;
	word-break:break-all;
}
#livedata li a h3{ color:#ffffff; }
#livedata li a p{ color:#333333; }

a.btn_viewnews{
	display:block;
	width:160px;
	height:70px;
	margin:0 auto 0 -80px;
	padding:0 0 0;
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:20;
	text-decoration:none;
	background-image:url(../img/downbtn2.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:30px 20px;
	font-family:Noto Sans JP,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a.btn_viewnews:hover{
	bottom:5px;
}
@media (max-width:640px){
	a.btn_viewnews{
		bottom:70px;
	}
	a.btn_viewnews:hover{
		bottom:65px;
	}
}
a.btn_viewnews span{
	display:block;
	width:160px;
	height:20px;
	margin:0 auto;
	padding:0 0 0;
	font-size:17px;
	line-height:20px;
	font-weight:700;
	text-align:center;
	color:#EE8F0D;
	text-shadow:1px 0px 2px #000000, 0px 1px 2px #000000, -1px 0px 2px #000000, 0px -1px 2px #000000;
	font-family:Noto Sans JP,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;
}

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;
}