@charset "UTF-8";

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

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

.moon-dance-regular {
	font-family: "Moon Dance", serif;
	font-weight: 400;
	font-style: normal;
}
.nunito-sans-500 {
	font-family: "Nunito Sans", serif;
	font-optical-sizing: auto;
	font-weight:500;
	font-style: normal;
	font-variation-settings:
		"wdth" 100,
		"YTLC" 500;
}

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:rgba(248,225,194,1);
	text-align:center;
	font-size:16px;
	line-height:22px;
	font-family:"Nunito Sans", serif;
}
img {border:none;}
ul li{
	list-style-type:none;
}

div.cookieconf{
	display:none;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:20;
	text-align:center;
	background-color:rgba(255,255,255,0.8);
}
div.cookieconf p.cookie_desc{
	display:block;
	width:320px;
	height:160px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 190px);
	left:calc(50% - 160px);
	font-size:12px;
	line-height:18px;
	font-weight:500;
	text-align:left;
	font-family: "Nunito Sans", serif;
}
div.cookieconf a.accept_btn{
	display:block;
	width:140px;
	height:40px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 20px);
	left:calc(50% + 10px);
	z-index:10;
	font-size:16px;
	line-height:40px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	font-family: "Nunito Sans", serif;
	color:#ffffff;
	background-color:#454545;
}
div.cookieconf a.accept_btn:hover{
	background-color:#000000;
}
div.cookieconf a.deny_btn{
	display:block;
	width:140px;
	height:40px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 20px);
	left:calc(50% - 150px);
	z-index:10;
	font-size:16px;
	line-height:40px;
	font-weight:700;
	text-decoration:none;
	text-align:center;
	font-family: "Nunito Sans", serif;
	color:#000000;
	background-color:#999999;
}
div.cookieconf a.deny_btn:hover{
	background-color:#cccccc;
}

div.langbox{
	display:block;
	width:60px;
	height:60px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:15px;
	right:25px;
}
div.langbox a{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
div.langbox span.langsept{
	display:block;
	width:70.7%;
	height:1px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 1px);
	left:5px;
	transform: rotate(45deg);
	border-top:solid 2px #ffffff;
}
div.langbox b.sellang{
	display:block;
	width:auto;
	height:24px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	color:#ffffff;
	font-family: "Nunito Sans", serif;
	font-size:24px;
	line-height:28px;
	font-weight:900;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.langbox b.lang_jp{
	top:7px;
	right:-5px;
}
div.langbox b.lang_jp.selected{
	color:#cc0000;
	border-bottom:solid 2px #cc0000;
}
div.langbox b.lang_en{
	bottom:8px;
	left:-12px;
}
div.langbox b.lang_en.selected{
	color:#0000cc;
	border-bottom:solid 2px #0000cc;
}

div.langboxh{
	display:block;
	width:50px;
	height:50px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:5px;
	right:65px;
}
div.langboxh a{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
div.langboxh span.langsept{
	display:block;
	width:70.7%;
	height:1px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 1px);
	left:5px;
	transform: rotate(45deg);
	border-top:solid 2px #121212;
}
div.langboxh b.sellang{
	display:block;
	width:auto;
	height:18px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	color:#121212;
	font-family: "Nunito Sans", serif;
	font-size:18px;
	line-height:22px;
	font-weight:900;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.langboxh b.lang_jp{
	top:7px;
	right:0px;
}
div.langboxh b.lang_jp.selected{
	color:#cc0000;
	border-bottom:solid 2px #cc0000;
}
div.langboxh b.lang_en{
	bottom:7px;
	left:0px;
}
div.langboxh b.lang_en.selected{
	color:#0000cc;
	border-bottom:solid 2px #0000cc;
}

div.topbg{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	text-align:center;
	background-image:url(../img/bg_s.jpg?upd=202504041946);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0% 0%;
}
div.topbg h1.logo{
	width:30vw;
	margin:0;
	padding:0 0 18vw;
	position:absolute;
	top:calc(50% - 18vw);
	left:calc(50% - 15vw);
	z-index:5;
	background-image:url(../img/toplogo.png?upd=202501251850);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
div.topbg h1.logo span{
	position:absolute;
	opacity:0;
	font-size:10px;
	line-height:10px;
}

div.topbg div.topcentertext{
	width:90%;
	height:auto;
	margin:0;
	padding:1.2vw 0 0;
	position:absolute;
	top:50%;
	left:5%;
	z-index:3;
	color:#ffffff;
	font-family: "Moon Dance", serif;
	font-weight:500;
	font-style: normal;
	font-size:2vw;
	line-height:3.6vw;
	text-align:center;
/*
	border-top:solid 2px #31241E;
*/
}
div.topbg div.topcentertext a.scrbtn{
	display:block;
	width:60px;
	height:60px;
	margin:4vw auto 0;
	padding:0 0;
	position:relative;
	background-image:url(../img/toparrowbtn.svg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	opacity:0.8;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.topbg div.topcentertext a.scrbtn:hover{
	background-image:url(../img/toparrowbtn_on.svg);
}
@media(max-width:768px){

	div.topbg h1.logo{
		width:80vw;
		padding:0 0 48vw;
		top:calc(50% - 48vw);
		left:calc(50% - 40vw);
	}
	div.topbg div.topcentertext{
		padding:1.2vw 0 0;
		font-size:5vw;
		line-height:6.6vw;
	}
}
div.topbg div.topcopy{
	width:100%;
	height:60px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:0;
	left:0;
	color:#ffffff;
	font-family: "Nunito Sans", serif;
	font-weight:500;
	font-style: normal;
	font-size:14px;
	line-height:60px;
	text-align:center;
}

div.topbg svg.topline{
	width:100%;
	height:200px;
	margin:-100px 0 0 0;
	padding:0 0;
	position:absolute;
	top:50%;
	left:0;
	z-index:0;
}
div.topbg svg.topline path{
	stroke-width:2.4px;

	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray:2560;
	stroke-dashoffset:5120;
	-webkit-animation:lined 3s infinite linear;
	animation:lined 3s infinite linear;
}
div.topbg svg.topline path.lined1{
	-webkit-animation:lined 5s infinite linear;
	animation:lined 5s infinite linear;
}
div.topbg svg.topline path.lined2{
	-webkit-animation:lined 7s infinite linear;
	animation:lined 7s infinite linear;
}
div.topbg svg.topline path.lined3{
	-webkit-animation:lined 9s infinite linear;
	animation:lined 9s infinite linear;
}
div.topbg svg.topline path.lined4{
	-webkit-animation:lined 11s infinite linear;
	animation:lined 11s infinite linear;
}
div.topbg svg.topline path.lined5{
	-webkit-animation:lined 13s infinite linear;
	animation:lined 13s infinite linear;
}
@-webkit-keyframes lined{
	to{
		stroke-dashoffset:0;
	}
}
@keyframes lined{
	to{
		stroke-dashoffset:0;
	}
}
@media(max-width:960px){
	div.topbg svg.topline path{
		stroke-width:4px;
	}
}

div.topcontent{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	z-index:1;
	text-align:center;
	background-color:#F8E1C2;
	overflow:auto;
}

div.header{
	display:block;
	width:100%;
	height:60px;
	margin:0;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:3;
	text-align:left;
	border-bottom:solid 1px #31241E;
	background-color:rgba(248,225,194,1);
}
div.header:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}

div.header h1.headerlogo{
	width:100px;
	margin:0 0;
	padding:0 0 60px;
	position:relative;
	background-image:url(../img/headerlogo.png?upd=202501251850);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
div.header h1.headerlogo span{
	position:absolute;
	opacity:0;
	font-size:10px;
	line-height:10px;
}

div.header ul.hdlink{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 20px;
	text-align:left;
	background-color:#0080C0;
	border:none;
}
div.header ul.hdlink:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.header ul.hdlink li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	float:left;
	font-size:12px;
	line-height:32px;
	text-align:left;
	background-color:#0080C0;
}
div.header ul.hdlink li a{
	font-size:12px;
	line-height:32px;
	text-decoration:none;
}

div.header a.btn_menu{
	display:block;
	width:48px;
	height:48px;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:6px;
	right:6px;
	z-index:10;
	background-position:50% 10%;
	background-repeat:no-repeat;
	background-size:36px 36px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media (max-width:640px){
	div.header a.btn_menu{
		display:block;
	}
}
div.header a.btn_menu:before{
	content:"";
	width:60%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:20%;
	left:20%;
	border-top:solid 4px #31241E;
	transition:0.3s transform ease;
}
div.header a.btn_menu:after{
	content:"";
	width:60%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:20%;
	left:20%;
	border-bottom:solid 4px #31241E;
	transition:0.3s transform ease;
}
div.header a.btn_menu b {
	width:60%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 2px);
	left:20%;
	text-indent:-9999px;
	border-top:solid 4px #31241E;
	transition:0.3s opacity ease;
}

div.header a.btn_menu.clicked:before{
	transform:rotate(45deg);
	width:60%;
	top:calc(50% - 2px);
	left:20%;
	border-top:solid 4px #ffffff;
}
div.header a.btn_menu.clicked:after{
	transform:rotate(-45deg);
	width:60%;
	bottom:calc(50% - 2px);
	left:20%;
	border-bottom:solid 4px #ffffff;
}
div.header a.btn_menu.clicked b {
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}

div.smn_list_box{
	display:none;
	width:240px;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0%;
	right:0%;
	z-index:9;
	background-color:rgba(49,36,30,1);
}
@media(max-width:480px){
	div.smn_list_box{
		width:100%;
	}
}
div.smn_list_box ul.smn_list{
	display:block;
	width:100%;
	margin:60px 0 0;
	padding:1px 0 0;
	position:relative;
	z-index:1;
}
div.smn_list_box ul.smn_list li{
	display:inline-block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	font-family: "Nunito Sans", serif;
}
div.smn_list_box ul.smn_list li:last-child{
	border-bottom:none;
}
div.smn_list_box ul.smn_list li a{
	display:block;
	width:calc(100% - 40px);
	margin:0 0;
	padding:5px 8px 5px 40px;
	font-size:18px;
	line-height:30px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	font-family: "Nunito Sans", serif;

	background-image: url(../img/icon01.svg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: 24px 24px;

	border-bottom:solid 1px #ffffff;

	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.smn_list_box ul.smn_list li a:hover{
	color:rgba(49,36,30,1);
	background-color:rgba(255,255,255,1);
	background-image: url(../img/icon01_hover.svg);
}
div.smn_list_box ul.smn_list li a.type2{
	background-image: url(../img/icon02.svg);
}
div.smn_list_box ul.smn_list li a.type2:hover{
	background-image: url(../img/icon02_hover.svg);
}





div.footer{
	display:block;
	width:100%;
	height:60px;
	margin:0;
	padding:0 0;
	position:fixed;
	bottom:0;
	left:0;
	z-index:2;
	text-align:center;
	border-top:solid 1px #31241E;
	background-color:rgba(248,225,194,0.8);
}
div.footer:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.footer  div.copyright{
	width:100%;
	height:60px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:0;
	left:0;
	color:#31241E;
	font-family: "Nunito Sans", serif;
	font-weight:500;
	font-style: normal;
	font-size:14px;
	line-height:60px;
	text-align:center;
}

div.scrbg{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:relative;
	top:0;
	left:0;
	z-index:0;
}










div.person_introbox{
	display:block;
	width:calc(100% - 20px);
	max-width:1200px;
	margin:0 auto;
	padding:180px 0 90px;
	position:relative;
	color:#31241E;
	font-family: "Nunito Sans", serif;
	font-weight:700;
	font-style: normal;
	font-size:18px;
	line-height:24px;
	text-align:left;
}
div.introtext{
	display:block;
	width:calc(100% - 40px);
	margin:0 20px;
	padding:0 0 30px;
	position:relative;
}
div.person_introbox:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.person_introbox div.personbox{
	display:block;
	width:calc(33.33% - 40px);
	margin:0 20px;
	padding:0 0;
	position:relative;
	float:left;
}
@media(max-width:640px){
	div.person_introbox div.personbox{
		width:100%;
		margin:0 auto 30px;
		float:none;
	}
}
div.person_introbox div.personbox p.photo{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	position:relative;
}
div.person_introbox div.personbox p.photo:after{
	position:absolute;
	content:"";
	box-shadow:0 15px 10px rgba(0,0,0,.5);
	transform:rotate(3deg);
	right:5px;
	left:auto;
	top:auto;
	bottom:15px;
	z-index:-1;
	width:50%;
	height:20%;
}
div.person_introbox div.personbox p.photo img{
	display:block;
	width:100%;
	margin:0 auto;
	border-radius:8px;
}
div.person_introbox div.personbox p.persontext{
	width:calc(100% - 18px);
	margin:0 9px;
	padding:9px 0 0;
	color:#31241E;
	font-family: "Nunito Sans", serif;
	font-weight:500;
	font-style: normal;
	font-size:14px;
	line-height:20px;
	text-align:left;
}



div.link_introbox{
	display:block;
	width:calc(100% - 40px);
	max-width:1100px;
	margin:0 auto;
	padding:0 0 150px;
	position:relative;
	color:#31241E;
	font-family: "Nunito Sans", serif;
	font-weight:700;
	font-style: normal;
	font-size:16px;
	line-height:22px;
	text-align:left;
}
div.link_introbox ul.link_list{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	position:relative;
}
div.link_introbox ul.link_list li{
	display:inline-block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	font-family: "Nunito Sans", serif;
	border-bottom:solid 1px #31241e;
}
div.link_introbox ul.link_list li:last-child{
	border-bottom:none;
}
div.link_introbox ul.link_list li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:5px 0;
	font-size:26px;
	line-height:46px;
	text-indent:40px;
	text-align:left;
	color:#31241e;
	text-decoration:none;
	font-family: "Nunito Sans", serif;
	background-image: url(../img/icon01_hover.svg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: 30px 30px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:640px){
	div.link_introbox ul.link_list li a{
		font-size:20px;
		line-height:40px;
		text-indent:34px;
		background-position: 6px 50%;
		background-size: 24px 24px;
	}
}
div.link_introbox ul.link_list li a:hover{
	color:rgba(248,225,194,1);
	background-color:#31241e;
	background-image: url(../img/icon01_hover2.svg);
}

















/* サブページボックス群 */
div.page_content_box{
	display:block;
	width:calc(100% - 30px);
	max-width:1200px;
	margin:0 auto;
	padding:0 0 90px;
	position:relative;
	font-size:14px;
	line-height:22px;
	font-weight:500;
	text-align:left;
	color:#333333;
}
div.innerbox{
	display:block;
	width:96%;
	margin:0 auto;
	padding:0 0;
	font-size:14px;
	line-height:20px;
	font-weight:500;
	text-align:left;
}
div.innerbox h4{
	display:block;
	width:100%;
	margin:0 0 6px 0;
	padding:2px 0 0 4px;
	position:relative;
	font-size:16px;
	line-height:24px;
	font-weight:700;
	text-align:left;
	color:#333333;
	border-bottom:solid 1px #333333;
}
div.innerbox p{
	display:block;
	width:98%;
	margin:0 auto;
	padding:0 0 12px;
	font-size:14px;
	line-height:20px;
	font-weight:500;
	text-align:left;
}

h2.page_title{
	display:block;
	width:calc(100% - 24px);
	margin:0 0 12px;
	padding:0 6px;
	position:relative;
	font-size:22px;
	line-height:36px;
	font-weight:700;
	text-align:left;
	color:#333333;
	border-left:solid 9px #333333;
	border-radius:3px 0 0 3px;
}
div.cbox{
	display:block;
	width:auto;
	margin:0 auto;
	padding:0 0;
}
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; }
@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 .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; }

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 .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:480px){
	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:#ffffff;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	text-align:left;
	font-family:notosans;
	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.spectbl{width:auto; margin:0 0 30px; padding:0; border:solid 1px #666666; font-size:12px; line-height:14px;}
table.spectbl th{margin:0; padding:6px 6px; border:solid 1px #666666; background-color:#eeeeee; text-align:left; vertical-align:top; font-size:12px; line-height:14px; font-weight:normal; color:#000000; }
table.spectbl td{margin:0; padding:6px 6px; border:solid 1px #666666; background-color:#ffffff; text-align:left; vertical-align:top; font-size:12px; line-height:14px; font-weight:normal; color:#000000;}

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

div.banner_box{
	width:100%;
	margin:0 auto 0;
	padding:0 0;
	text-align:left;
	font-size:11px;
	line-height:14px;
	border-top:solid 1px #999999;
	clear:both;
}
div.banner_box:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.banner_box a{
	display:block;
	width:280px;
	margin:10px;
	paddign:0;
	float:left;
}
div.banner_box a img{
	display:block;
	width:100%;
	margin:0;
}
@media(max-width:640px){
	div.banner_box a{
		width:calc(99.99% - 20px);
		margin:10px;
	}
}






/* パンくず */
ul.pkz{
	display:block;
	width:calc(100% - 30px);
	max-width:1200px;
	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;
}





/* アーカイブ一覧 */
ul.ulistbox{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	list-style-type:none;
	text-align:left;
}
ul.ulistbox:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.ulistbox li{
	display:block;
	width:calc(24.99% - 20px);
	margin:0 10px 20px;
	padding:0 0 0;
	padding-bottom:calc(24.99% - 20px);
	position:relative;
	float:left;
	border-radius:8px;
	overflow:hidden;
}
@media(max-width:960px){
	ul.ulistbox li{
		width:calc(33.33% - 20px);
		height:auto;
		margin:0 10px 20px;
		padding:0 0 0;
		padding-bottom:calc(33.33% - 20px);
	}
}
@media(max-width:680px){
	ul.ulistbox li{
		width:calc(49.99% - 20px);
		height:auto;
		margin:0 10px 20px;
		padding:0 0 0;
		padding-bottom:calc(49.99% - 20px);
	}
}
@media(max-width:460px){
	ul.ulistbox li{
		width:calc(99.99% - 20px);
		height:auto;
		margin:0 10px 20px;
		padding:0 0 0;
		padding-bottom:calc(99.99% - 20px);
	}
}
ul.ulistbox li a.libg{
	display:block;
	width:100%;
	height:100%;
	margin:-50% 0 0 -50%;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.ulistbox li a.libg:hover{
	width:110%;
	height:110%;
	margin:-55% 0 0 -55%;
}
ul.ulistbox li span.litext{
	display:block;
	width:100%;
	margin:-10px 0 0 0;
	padding:0 0;
	position:absolute;
	top:50%;
	left:0;
	z-index:2;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	text-align:center;
	font-family:notosans;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000,-2px -2px 4px #000000,2px -2px 4px #000000,-2px 2px 4px #000000;
}
ul.ulistbox li span.litext a{
	display:inline;
	position:relative;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	text-decoration:none;
	color:#ffffff;
}
ul.ulistbox li span.litext a b.type1{
	font-size:10px;
	line-height:14px;
	font-weight:500;
	color:#cc7eb1;
}
ul.ulistbox li span.litext a b.type2{
	font-size:10px;
	line-height:14px;
	font-weight:500;
	color:#eeeeee;
}














div.content{
	display:block;
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:20px;
	position:relative;
	z-index:1;
}
div.content:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}

div.content.manage_content{
	display:block;
	width:calc(100% - 220px);
	min-height:100%;
	margin:0 0 0 220px;
	padding:10px;
	position:relative;
	z-index:0;
}
@media (max-width:640px){
	div.content.manage_content{
		width:100%;
		margin:0 0 0;
	}
}

div.content h1{
	display:block;
	margin:0 auto;
	padding:20px 0 0;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	font-family:"Noto Sans Japanese" !important;
}

div.content h2.pgtitle{
	display:block;
	width:96%;
	margin:20px auto;
	padding:0 0 0;
	position:relative;
	font-size:16px;
	line-height:32px;
	font-weight:700;
	text-align:left;
	font-family:"Noto Sans Japanese" !important;
	color:#666699;
	border-bottom:solid 1px #666666;
}
div.content h2.pgtitle:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.content h2.pgtitle span.titletxt{
	display:inline-block;
	margin:0 0;
	padding:0 0 0 6px;
	position:relative;
	font-size:16px;
	line-height:32px;
	font-weight:700;
	text-align:left;
	font-family:"Noto Sans Japanese" !important;
	color:#454545;
}
div.content h2.pgtitle a.btn_goback{
	display:block;
	margin:0 0;
	padding:2px 4px;
	position:absolute;
	top:3px;
	right:6px;
	font-size:12px;
	line-height:18px;
	font-weight:700;
	text-align:left;
	font-family:"Noto Sans Japanese" !important;
	color:#000000;
	background-color:#cccccc;
	border:solid 1px #000000;
}
div.content h2.pgtitle a.btn_goback:hover{
	color:#333333;
	background-color:#eeeeee;
}

div.content h2.pgtitle a.btn_quote{
	display:block;
	margin:0 0;
	padding:2px 4px;
	position:absolute;
	top:3px;
	right:6px;
	font-size:12px;
	line-height:18px;
	font-weight:3s00;
	text-align:left;
	font-family:"Noto Sans Japanese" !important;
	color:#000000;
	background-color:#cccccc;
	border:solid 1px #000000;
}
div.content h2.pgtitle a.btn_quote:hover{
	color:#333333;
	background-color:#eeeeee;
}

div.content h3{
	display:block;
	margin:0 auto;
	padding:5px;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	font-family:"Noto Sans Japanese" !important;
}

div.content h3.subtl{
	display:block;
	width:100%;
	margin:0 auto 15px;
	padding:0 0 0 3px;
	text-align:left;
	font-size:15px;
	line-height:21px;
	font-weight:700;
	font-family:"Noto Sans Japanese" !important;
	border-left:solid 5px #333333;
	color:#333333;
}

table.loginbox{
	margin:30px auto;
	padding:30px;
	font-size:100%;
	background-color:#B9DCFF;
	border:solid 2px #0000B7;
}
table.loginbox th{margin:0; padding:10px 10px; text-align:right; vertical-align:middle; font-size:100%; font-weight:bold; text-indent:7px; }
table.loginbox td{margin:0; padding:10px 10px; text-align:left; vertical-align:middle; font-size:100%; font-weight:normal;}
table.loginbox td.btn{margin:0; padding:10px 0 0; text-align:center; vertical-align:middle; font-size:100%; font-weight:normal;}
table.loginbox span{font-size:90%; color:#007bbb; font-weight:normal;}





input[type='text'],input[type='number'],input[type='password'],input[type='email'],select{
	width:98%;
	height:26px;
	padding:0 4px;
	font-size:12px;
	line-height:20px;
	border:solid 2px #999999;
	background-color:#ffffff;
	border-radius:4px;
	transition:all 0.2s ease-in-out 0s;
	box-sizing:border-box;
	border-collapse:collapse;
}
input[type='text']:focus,input[type='password']:focus{
	border:solid 2px #0000cc;
}
/*
select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-image:url(../img/select_arw.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
	transition:all 0.2s ease-in-out 0s;
}
select:focus{
	background-image:none;
}
*/
select{
	outline:none;
	text-indent:0.01px;
	text-overflow:'';
	background:none transparent;
	vertical-align:middle;
	font-size:inherit;
	color:inherit;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
select option{
	background-color:#fff;
	color:#333;
}
select::-ms-expand {
	display:none;
}
select:-moz-focusring { 
	color:transparent; 
	text-shadow:0 0 0 #828c9a;
}
.select-wrap{
	width:98%;
	position:relative;
}
.select-wrap:before{
	z-index:1;
	position:absolute;
	right:8px;
	top:0;
	content:"\f123";
	font-family:"IonIcons";
	line-height:26px;
	color:#7F878C;
	pointer-events:none;
}
.select-wrap select{
	width:100% !important;
}
.select-wrap select option:disabled{
	background-color:#eeeeee;
	color:#666666;
}

input[type='submit'],input[type='button']{
	margin:10px auto;
	padding:10px 25px;
	font-size:12px;
	line-height:16px;
	color:#000000;
	border:inset 1px #dddddd;
	background-color:#dddddd;
	border-radius:6px;
}
input[type='submit']:hover,input[type='button']:hover{
	background-color:#eeeeee;
}

input[type='submit'].btn_search{
	display:inline-block !important;
	margin:0 2px !important;
	padding:4px !important;
	font-size:14px !important;
	line-height:18px !important;
	color:#333333 !important;
	background-color:#cccccc !important;
	border:inset 1px #999999 !important;
	border-radius:3px !important;
}

textarea{
	width:96%;
	min-height:120px;
	padding:4px 8px;
	font-size:12px;
	line-height:16px;
	border:solid 2px #999999;
	background-color:#ffffff;
	border-radius:6px;
}

label{
	padding:0 7px 0 0;
}
.checkbox{
	cursor:pointer;
	padding-right:2px;
	font-weight:normal;
}
.checkbox input[type="checkbox"]{
	display:none;
}
.checkbox .checkbox-icon:before{
	content:"\f372";
	font-family:"IonIcons";
	margin-right:7px;
	color:#666666;
	font-size:20px;
	position:relative;
	top:3px;
	left:3px;
}
.checkbox input[type="checkbox"]:checked + .checkbox-icon{
	color:#4788bf;
}
.checkbox input[type="checkbox"]:checked + .checkbox-icon:before{
	content:"\f373";
	font-family:"IonIcons";
	color:#4788bf;
}

.radio input[type="radio"]{
	display:none;
}
.label-radio{
	cursor:pointer;
	padding-left:5px;
	padding-right:15px;
	font-weight:normal;
}
.radio .radio-icon:before{
	content:"\f3a6";
	font-family:"IonIcons";
	margin-right:7px;
	color:#666666;
	font-size:20px;
	position:relative;
	top:3px;
	left:3px;
}
.radio input[type="radio"]:checked + .radio-icon{
	color:#4788bf;
}
.radio input[type="radio"]:checked + .radio-icon:before{
	content:"\f3a7";
	font-family:"IonIcons";
	color:#4788bf;
}



a.button{
	display:block;
	width:60%;
	max-width:300px;
	height:24px;
	margin:0 auto;
	padding:0 0;
	font-size:16px;
	line-height:24px;
	letter-spacing:1px;
	font-weight:normal;
	color:#000000;
	text-align:center;
	text-decoration:none;
	background-color:#dddddd;
	border:inset 1px #dddddd;
	border-radius:6px;
	font-family:"Noto Sans Japanese" !important;
	box-sizing:border-box;
	border-collapse:collapse;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.button:hover{
	border:inset 1px #cccccc;
	background-color:#cccccc;
}





table.listtbl{width:96%; max-width:800px; margin:0 auto 10px; padding:0; border-top:solid 1px #ffffff; border-left:solid 1px #ffffff; font-size:100%;}
table.listtbl th{margin:0; padding:10px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; text-align:center; vertical-align:top; font-size:100%; color:#333320; font-weight:bold; background-color:#ededdd; }
table.listtbl td{margin:0; padding:10px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; text-align:center; vertical-align:middle; font-size:100%; font-weight:normal;}

table.listtbl2{width:96%; max-width:800px; margin:0 auto 10px; padding:0; border-top:solid 1px #666666; border-left:solid 1px #666666; font-size:100%;}
table.listtbl2 th{margin:0; padding:4px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:top; font-size:100%; color:#333320; font-weight:bold; background-color:#ededdd; }
table.listtbl2 td{margin:0; padding:4px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:middle; font-size:100%; font-weight:normal;}

table.listtbl3{width:96%; margin:0 auto 10px; padding:0; border-top:solid 1px #666666; border-left:solid 1px #666666; font-size:100%;}
table.listtbl3 th{margin:0; padding:4px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:top; font-size:100%; color:#333320; font-weight:bold; background-color:#ededdd; }
table.listtbl3 td{margin:0; padding:4px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:middle; font-size:100%; font-weight:normal;}

table.listtbl3s{width:96%; margin:0 auto 10px; padding:0; border-top:solid 1px #666666; border-left:solid 1px #666666; font-size:13px;}
table.listtbl3s th{margin:0; padding:2px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:middle; font-size:13px; color:#333320; font-weight:bold; background-color:#ededdd; }
table.listtbl3s td{margin:0; padding:2px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:middle; font-size:13px; font-weight:normal;}
table.listtbl3s tr.trlink{ cursor:pointer; }
table.listtbl3s tr.trlink:hover{ filter:alpha(opacity=70) !important; -moz-opacity:0.7 !important; opacity:0.7 !important; }
table.listtbl3s tr.trlink:hover td{ color:#0000ff; text-decoration:underline; background-color:#eaf4fc; }


table.listtbl4{width:96%; margin:0 auto; padding:0; border-top:solid 1px #666666; border-left:solid 1px #666666; font-size:100%;}
table.listtbl4 th{margin:0; padding:4px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:top; font-size:100%; color:#333320; font-weight:bold; background-color:#ededdd; }
table.listtbl4 td{margin:0; padding:4px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:middle; font-size:100%; font-weight:normal;}

table.fmtbl{margin:0 auto 10px; padding:0; border-top:solid 1px #ffffff; border-left:solid 1px #ffffff; font-size:100%;}
table.fmtbl th{margin:0; padding:12px 8px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; text-align:center; vertical-align:top; font-size:100%; color:#333320; font-weight:bold; white-space:nowrap; background-color:#ededdd; }
table.fmtbl td{margin:0; padding:4px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; text-align:left; vertical-align:middle; font-size:100%; font-weight:normal; background-color:#ffffff;}

table.fmtbl2{margin:0 auto 10px; padding:0; border-top:solid 1px #666666; border-left:solid 1px #666666; font-size:100%;}
table.fmtbl2 th{margin:0; padding:3px 5px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:middle; font-size:100%; color:#333320; font-weight:bold; white-space:nowrap; background-color:#ededdd; }
table.fmtbl2 td{margin:0; padding:3px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:left; vertical-align:middle; font-size:100%; font-weight:normal; background-color:#ffffff;}

table.fmtbl2st{margin:0 auto 10px; padding:0; font-size:100%;}
table.fmtbl2st th{margin:0; padding:3px 5px; text-align:center; vertical-align:middle; font-size:100%; color:#333320; font-weight:bold; white-space:nowrap; }
table.fmtbl2st td{margin:0; padding:3px; text-align:left; vertical-align:middle; font-size:100%; font-weight:normal; background-color:#ffffff;}

table.fmtbl2_orange{margin:0 auto 30px; padding:0; border-top:solid 1px #666666; border-left:solid 1px #666666; font-size:100%;}
table.fmtbl2_orange th{margin:0; padding:3px 5px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:center; vertical-align:top; font-size:100%; color:#333320; font-weight:bold; white-space:nowrap; background-color:#f6ad49; }
table.fmtbl2_orange td{margin:0; padding:3px; border-bottom:solid 1px #666666; border-right:solid 1px #666666; text-align:left; vertical-align:middle; font-size:100%; font-weight:normal; background-color:#f8e58c;}

th.fmititle{
	width:20%;
	max-width:120px;
	min-width:80px;
	margin:0 0;
	white-space:nowrap;
}
@media(max-width:640px){
	th.fmititle{
		width:auto;
		max-width:640px;
	}
}
.bgcnone{
	border:none !important;
	background-color:transparent !important;
}



ul.pager{
	display:block;
	height:30px !important;
	margin:10px auto;
	padding:0 0;
	text-align:center !important;
	font-size:16px;
	line-height:22px;
	list-style-type:none;
}
ul.pager li{
	display:inline-block !important;
	min-width:30px !important;
	height:30px !important;
	margin:0 0 !important;
	padding:0 0 !important;
	text-align:center !important;
	font-size:20px;
	line-height:30px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	list-style-type:none;
	color:#333631;
}
ul.pager li span{
	display:block !important;
	min-width:30px !important;
	height:30px !important;
	margin:0;
	padding:0 4px;
	text-align:center;
	font-size:14px;
	line-height:30px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	color:#aaaaaa;
	text-decoration:none;
}
ul.pager li a{
	display:block !important;
	min-width:30px !important;
	height:30px !important;
	margin:0;
	padding:0;
	text-align:center;
	font-size:14px;
	line-height:30px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	color:#333631;
	text-decoration:underline;
}
ul.pager li a:hover{
	color:#333631;
	text-decoration:none;
}

ul.pager2{
	display:block;
	height:20px !important;
	margin:4px auto;
	padding:0 0;
	text-align:center !important;
	font-size:12px;
	line-height:20px;
	list-style-type:none;
}
ul.pager2 li{
	display:inline-block !important;
	min-width:20px !important;
	height:20px !important;
	margin:0 0 !important;
	padding:0 0 !important;
	text-align:center !important;
	font-size:12px;
	line-height:20px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	list-style-type:none;
	color:#333631;
}
ul.pager2 li span{
	display:block !important;
	min-width:20px !important;
	height:20px !important;
	margin:0;
	padding:0 4px;
	text-align:center;
	font-size:12px;
	line-height:20px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	color:#aaaaaa;
	text-decoration:underline;
}
ul.pager2 li a{
	display:block !important;
	min-width:20px !important;
	height:20px !important;
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:20px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	color:#333631;
	text-decoration:none;
}
ul.pager2 li a:hover{
	color:#333631;
	text-decoration:underline;
}

a.blockbtn{
	display:inline-block;
	margin:10px auto;
	padding:3px 6px;
	font-size:12px;
	line-height:16px;
	color:#000000;
	border:inset 1px #dddddd;
	background-color:#dddddd;
	border-radius:6px;
}
a.blockbtn:hover{
	background-color:#eeeeee;
}
a.blockbtn_red{
	display:inline-block;
	margin:10px auto;
	padding:3px 6px;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	border:inset 1px #990000;
	background-color:#cc0000;
	border-radius:6px;
}
a.blockbtn_red:hover{
	background-color:#ff0000;
}
a.blockbtn_blue{
	display:inline-block;
	margin:10px auto;
	padding:3px 6px;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	border:inset 1px #000099;
	background-color:#0000cc;
	border-radius:6px;
}
a.blockbtn_blue:hover{
	background-color:#0000ff;
}
a.blockbtn_green{
	display:inline-block;
	margin:10px auto;
	padding:3px 6px;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	border:inset 1px #a8c97f;
	background-color:#82ae46;
	border-radius:6px;
}
a.blockbtn_blue:hover{
	background-color:#a8c97f;
}
a.blockbtn_green_large{
	display:inline-block;
	margin:10px auto;
	padding:3px 6px;
	font-size:18px;
	line-height:30px;
	color:#ffffff;
	border:inset 1px #a8c97f;
	background-color:#82ae46;
	border-radius:6px;
}
a.blockbtn_blue:hover{
	background-color:#a8c97f;
}
a.blockbtn_large{
	display:inline-block;
	margin:10px auto;
	padding:3px 6px;
	font-size:18px;
	line-height:30px;
	color:#000000;
	border:inset 1px #dddddd;
	background-color:#dddddd;
	border-radius:6px;
}
a.blockbtn:hover{
	background-color:#eeeeee;
}

a.button_s{
	display:inline-block;
	margin:0 auto;
	padding:0 10px;
	font-size:12px;
	line-height:22px;
	letter-spacing:0px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	background-color:#454545;
	border-radius:6px;
	font-family:"Noto Sans Japanese" !important;
	box-sizing:border-box;
	border-collapse:collapse;
	transition:all 0.2s ease-in-out 0s;
}
a.button_s:hover{
	color:#666666;
	background-color:#dddddd;
}



.cbox{
	width:96%;
	margin:0 auto 30px;
	padding:0 0;
}

div.liner{
	display:block;
	width:96%;
	height:1px;
	margin:0 auto;
	padding:0 0;
	font-size:1px;
	line-height:1px;
	border-bottom:solid 1px #999999;
}





form{
	display:block;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	border-collapse:collapse;
}
.acttr{
	/* display:block; */
	display:flex;
	width:100%;
	margin:0 auto;
	padding:0 0;
	font-size:14px;
	line-height:22px;
	box-sizing:border-box;
	border-collapse:collapse;
}
.acttr:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
.actth{
	display:block;
	width:14.28%;
	margin:0 0;
	padding:0 0;
	font-size:14px;
	line-height:32px;
	text-indent:0px; 
	color:#333333;
	text-align:right;
	float:left;
	box-sizing:border-box;
	border-collapse:collapse;
}
.acttd{
	display:block;
	width:14.28%;
	margin:0 0;
	padding:0 0;
	font-size:14px;
	line-height:32px;
	text-indent:0px; 
	color:#333333;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-collapse:collapse;
}











.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-96{ width:96% !important; }
.wd-98{ width:98% !important; }
.wd-100{ width:100% !important; }
@media(max-width:640px){
	.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; }
	.wd-60{ width:100% !important; }
	.wd-70{ width:100% !important; }
	.wd-84{ width:100% !important; }
	.wd-89{ width:100% !important; }
	.wd-90{ width:100% !important; }
}
.wdpx-300{ width:300px !important; }
.wdpx-280{ width:280px !important; }
.wdpx-260{ width:260px !important; }
.wdpx-240{ width:240px !important; }
.wdpx-220{ width:220px !important; }
.wdpx-200{ width:200px !important; }
.wdpx-180{ width:180px !important; }
.wdpx-160{ width:160px !important; }
.wdpx-140{ width:140px !important; }
.wdpx-120{ width:120px !important; }
.wdpx-100{ width:100px !important; }
.wdpx-90{ width:90px !important; }
.wdpx-80{ width:80px !important; }
.wdpx-60{ width:60px !important; }
.wdpx-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; }
	.wdpx-240{ width:240px !important; }
	.wdpx-220{ width:220px !important; }
	.wdpx-200{ width:200px !important; }
	.wdpx-180{ width:180px !important; }
	.wdpx-160{ width:160px !important; }
	.wdpx-140{ width:140px !important; }
	.wdpx-120{ width:120px !important; }
	.wdpx-100{ width:100px !important; }
	.wdpx-90{ width:90px !important; }
	.wdpx-80{ width:80px !important; }
	.wdpx-60{ width:60px !important; }
	.wdpx-40{ width:40px !important; }
}
.pl-0{ padding-left:0px !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-0{ padding-right:0px !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-0{ margin-left:0px !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-0{ margin-right:0px !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; }

.fcenter{
	text-align:center !important;
}
.fleft{
	text-align:left !important;
}
.fright{
	text-align:right !important;
}

.fbox70{
	width:68.49%;
	margin:0 0.5% 0 1%;
	padding:0 0;
	float:left;
}
.fbox60{
	width:58.49%;
	margin:0 0.5% 0 1%;
	padding:0 0;
	float:left;
}
.fbox50{
	width:47.99%;
	margin:0 1%;
	padding:0 0;
	float:left;
}
.fbox40{
	width:38.49%;
	margin:0 1% 0 0.5%;
	padding:0 0;
	float:left;
}
.fbox30{
	width:28.49%;
	margin:0 1% 0 0.5%;
	padding:0 0;
	float:left;
}
@media (max-width:640px){
	.fbox70{
		width:97.99%;
		margin:0 1%;
		padding:0 0;
		float:none;
	}
	.fbox60{
		width:97.99%;
		margin:0 1%;
		padding:0 0;
		float:none;
	}
	.fbox50{
		width:97.99%;
		margin:0 1%;
		padding:0 0;
		float:none;
	}
	.fbox40{
		width:97.99%;
		margin:0 1%;
		padding:0 0;
		float:none;
	}
	.fbox30{
		width:97.99%;
		margin:0 1%;
		padding:0 0;
		float:none;
	}
}
.clr{
	clear:both;
}

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



.tbox {position:absolute; display:none; padding:14px 17px; z-index:9999999999;}
.tinner {padding:5px; -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% - 10px);
}
.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;}

.ui-datepicker-trigger {
	display:inline;
	width:26px;
	height:26px;
	margin:-2px 0 0 6px;
	vertical-align:middle;
}


.sp_disp_b{
	display:none;
}
.sp_disp_i{
	display:none;
}

@media (max-width:640px){
	.sp_disp_b{
		display:block;
	}
	.sp_disp_i{
		display:inline;
	}
}

#proceedscreen{
	display:none;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	text-align:center;
	background-color:#333333;
	filter:alpha(opacity=50) !important; -moz-opacity:0.5 !important; opacity:0.5 !important;
}
#proceedmesage{
	display:block;
	width:300px;
	height:32px;
	margin:-16px 0 0 -150px;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	text-align:center;
	background-color:#ffffff;
	font-size:16px;
	line-height:32px;
	color:#000000;
	border-radius:6px;
}

/* データピッカーカレンダー表示用カスタマイズ */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width:41% !important;
	height:24px !important;
	margin:0 2px !important;
	padding:0 3px !important;
	line-height:22px !important;
}

div.active_users{
	display:block;
	width:320px;
	height:0px;
	margin:0;
	padding:0;
	position:fixed;
	top:0px;
	right:0px;
	z-index:999;
	overflow:visible;
}
div.active_users p{
	width:320px;
	height:36px;
	margin:0;
	padding:0;
	font-size:20px;
	line-height:36px;
	text-align:center;
	color:#ffffff;
	background-color:#cc0000;
	-webkit-box-shadow:0 0 2px 2px #333333;
	box-shadow: 0 0 2px 2px #333333;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

div.footbtns{
	display:block;
	width:460px;
	height:48px;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:38px;
	right:0;
	z-index:10;
	text-align:right;
	/* background-color:rgba(255,255,255,0.8); */
}
div.footbtns table.fmtbl{
	margin:5px 5px 5px auto !important;
}
div.footbtns table.fmtbl button {
	padding:6px;
	color:#ffffff;
	background-color: #333333;
	border: inset 1px #999999;
}

ul.slidebox{
	display:block;
	margin:0 0;
	padding:0 0;
	text-align:left;
	border:none;
}
ul.slidebox:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.slidebox li{
	display:block;
	width:100%;
	height:auto !important;
	margin:0 0;
	padding:0 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
ul.slidebox li img{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
}

div.photobox p.photo{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	position:relative;
}
div.photobox p.photo:after{
	position:absolute;
	content:"";
	box-shadow:0 15px 10px rgba(0,0,0,.5);
	transform:rotate(3deg);
	right:5px;
	left:auto;
	top:auto;
	bottom:15px;
	z-index:-1;
	width:50%;
	height:20%;
}
div.photobox p.photo img{
	display:block;
	width:100%;
	margin:0 auto;
	border-radius:8px;
}