@charset "UTF-8";

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

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:#203744;
	text-align:center;
	font-size:14px;
	line-height:20px;
	font-family:notosans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;
}
img {border:none;}
ul li{list-style-type:none;}

div.bdy{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#fbfaf5;
	box-shadow:0 0 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 4px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 4px 4px rgba(0,0,0,0.4);
}





div.subheader{
	display:block;
	width:100%;
	height:54px;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0px;
	left:0%;
	z-index:10;
	background-color:rgba(30,80,162,0);
	overflow:visible;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.subheader.scrolled{
	background-color:rgba(30,80,162,1);
}
div.subheader div.logo{
	display:block;
	width:240px;
	height:48px;
	margin:3px;
	padding:0 0;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.subheader div.logo a{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../img/chihayakai_logo_sp.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.subheader div.logo a span{
	display:block;
	width:0px;
	height:0px;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	text-align:center;
	visibility:hidden;
}
#sublogo{
	display:none;
}



/* メニューボックス群 */
ul.gmn{
	display:block;
	width:auto;
	height:24px;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:15px;
	right:15px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.gmn.scrolled{
	display:none;
}
@media(max-width:1024px){
	ul.gmn{
		display:none;
	}
}
ul.gmn:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.gmn li{
	display:block;
	width:auto;
	height:24px;
	margin:0 auto;
	padding:0 0 0;
	border-right:solid 1px #ffffff;
	float:left;
}
ul.gmn li:last-child{
	border-right:none;
}
ul.gmn li a{
	display:block;
	width:calc(100% - 12px);
	margin:0 0;
	padding:0 6px;
	font-size:16px;
	line-height:24px;
	font-weight:500;
	text-align:center;
	text-indent:0px;
	color:#ffffff;
	font-family: "Sawarabi Mincho", serif;
	text-decoration:none;
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.gmn li a:hover{
	filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
}



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

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





div.subheader ul.smn{
	display:block;
	width:145px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0%;
	right:90px;
	z-index:2;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:1024px){
	div.subheader ul.smn{
		right:135px;
	}
}
div.subheader ul.smn:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.subheader ul.smn li{
	display:block;
	width:34px;
	height:34px;
	margin:10px 0 0 2px;
	padding:0 0;
	float:left;
	list-style-type:none;
}
div.subheader ul.smn li a{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.subheader ul.smn li a.btn_search{
	background-size:28px 28px;
	background-image:url(../img/btn_search.png);
}
div.subheader ul.smn li a.btn_search:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.subheader ul.smn li a.btn_sns01{
	background-size:28px 28px;
	background-image:url(../img/btn_social01.png);
}
div.subheader ul.smn li a.btn_sns01:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.subheader ul.smn li a.btn_sns02{
	background-size:28px 28px;
	background-image:url(../img/btn_social02.png);
}
div.subheader ul.smn li a.btn_sns02:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.subheader ul.smn li a.btn_sns03{
	background-size:28px 28px;
	background-image:url(../img/btn_social03.png);
}
div.subheader ul.smn li a.btn_sns03:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.subheader ul.smn li a.btn_sns04{
	background-size:28px 28px;
	background-image:url(../img/btn_social04.png);
}
div.subheader ul.smn li a.btn_sns04:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.subheader ul.smn li a.btn_sns05{
	background-size:28px 28px;
	background-image:url(../img/btn_social05.png);
}
div.subheader ul.smn li a.btn_sns05:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
@media(max-width:440px){
	div.subheader ul.smn li.sns{ display:none; }
}

div.smn_list_box{
	display:none;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0%;
	right:0%;
	z-index:9;
	background-color:rgba(221,221,221,0.9);
}
@media(max-width:480px){
	div.smn_list_box{
		width:100%;
	}
}
div.smn_list_box div.smntitle{
	display:block;
	width:78px;
	height:198px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:40px;
	right:26px;
	z-index:1;
	background-image:url(../img/chihayakai_logo.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
div.smn_list_box p.bg{
	display:block;
	width:130px;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
	background-color:#1e50a2;
}
div.smn_list_box ul.smn_list{
	display:block;
	width:calc(100% - 130px);
	margin: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:'Big Shoulders Display',notosans, cursive;
}
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;
	font-weight:500;
	text-align:left;
	background-image:url(../img/title_icon_bl_base.png);
	background-repeat:no-repeat;
	background-position:6px 50%;
	background-size:32px 32px;
	color:#44617b;
	text-decoration:none;
	font-family: "Sawarabi Mincho", serif;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.smn_list_box ul.smn_list li a:hover{
	color:#ffffff;
	background-color:#1e50a2;
	background-image:url(../img/title_icon_base.png);
}

div.smn_list_box ul.smn_snss{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	background-color:#44617b;
}
div.smn_list_box ul.smn_snss:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.smn_list_box ul.smn_snss li{
	display:block;
	width:34px;
	height:34px;
	margin:3px 3px 3px 0;
	padding:0 0;
	float:right;
}
div.smn_list_box ul.smn_snss li a{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.smn_list_box ul.smn_snss li a.btn_sns01{
	background-size:28px 28px;
	background-image:url(../img/btn_social01.png);
}
div.smn_list_box ul.smn_snss li a.btn_sns01:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.smn_list_box ul.smn_snss li a.btn_sns02{
	background-size:28px 28px;
	background-image:url(../img/btn_social02.png);
}
div.smn_list_box ul.smn_snss li a.btn_sns02:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.smn_list_box ul.smn_snss li a.btn_sns03{
	background-size:28px 28px;
	background-image:url(../img/btn_social03.png);
}
div.smn_list_box ul.smn_snss li a.btn_sns03:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.smn_list_box ul.smn_snss li a.btn_sns04{
	background-size:28px 28px;
	background-image:url(../img/btn_social04.png);
}
div.smn_list_box ul.smn_snss li a.btn_sns04:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.smn_list_box ul.smn_snss li a.btn_sns05{
	background-size:28px 28px;
	background-image:url(../img/btn_social05.png);
}
div.smn_list_box ul.smn_snss li a.btn_sns05:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
@media(max-width:540px){
	div.smn_list_box ul.smn_snss{ display:block; }
}





div.header{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	background-color:#203744;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.header div.hd_title{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	z-index:0;
	background-color:#000000;
	float:left;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header div.hd_title h1{
	display:block;
	width:130px;
	height:330px;
	margin:-165px 0 0 -65px;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:640px){
	div.header div.hd_title h1{
		width:110px;
		height:280px;
		margin:-140px 0 0 -55px;
	}
}
@media(max-width:480px){
	div.header div.hd_title h1{
		width:86.6px;
		height:220px;
		margin:-110px 0 0 -43px;
	}
}
div.header div.hd_title h1 a{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../img/chihayakai_logo.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header div.hd_title h1 a:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
div.header div.hd_title h1 a span{
	display:block;
	width:0px;
	height:0px;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	text-align:center;
	visibility:hidden;
}

div.covertext1{
	display:block;
	width:calc(50% - 45px);
	height:48px;
	margin:-24px 0 0;
	padding:0;
	position:absolute;
	top:50%;
	left:0%;
	z-index:3;
	font-size:32px;
	line-height:48px;
	font-weight:500;
	text-align:right;
	text-indent:0px;
	color:#ffffff;
	font-family: "Sawarabi Mincho", serif;
	text-decoration:none;
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.covertext2{
	display:block;
	width:calc(50% - 65px);
	height:48px;
	margin:-24px 0 0;
	padding:0;
	position:absolute;
	top:50%;
	left:calc(50% + 65px);
	z-index:3;
	font-size:32px;
	line-height:48px;
	font-weight:500;
	text-align:left;
	text-indent:0px;
	color:#ffffff;
	font-family: "Sawarabi Mincho", serif;
	text-decoration:none;
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:640px){
	div.covertext1{
		width:calc(50% - 45px);
		height:42px;
		margin:-21px 0 0;
		font-size:26px;
		line-height:42px;
	}
	div.covertext2{
		width:calc(50% - 55px);
		height:42px;
		margin:-21px 0 0;
		left:calc(50% + 55px);
		font-size:26px;
		line-height:42px;
	}
}
@media(max-width:480px){
	div.covertext1{
		width:calc(50% - 28px);
		height:32px;
		margin:-16px 0 0;
		font-size:21px;
		line-height:32px;
	}
	div.covertext2{
		width:calc(50% - 43px);
		height:32px;
		margin:-16px 0 0;
		left:calc(50% + 43px);
		font-size:21px;
		line-height:32px;
	}
}

div.header div.hd_title div.bgcover{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
/*
	background-image:url(../img/dotbg.png);
*/
}
div.header div.hd_title div.bgset{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
	text-align:center;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header div.hd_title div.bgset ul.bgs{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
	overflow:hidden;
	list-style-type:none;
}
div.header div.hd_title div.bgset ul.bgs li{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
div.header div.hd_title div.bgset ul.bgs li img{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
}
div.scrollsign{
	display:block;
	width:300px;
	height:100px;
	margin:0 auto;
	padding:0;
	position:absolute;
	bottom:0;
	left:calc(50% - 150px);
	z-index:10;
	font-size:16px;
	line-height:100px;
	font-weight:500;
	text-align:center;
	text-indent:1px;
	color:#ffffff;
	font-family: "Sawarabi Mincho", serif;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	overflow:hidden;
}
div.scrollsign b{
	display:block;
	width:1px;
	height:40px;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	left:calc(50% + 1px);
	z-index:0;
	border-left:solid 1px #1e50a2;
}



a.btn_godown{
	display:none;
	width:80px;
	height:80px;
	margin:120px 0 0 -40px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.btn_godown:hover{
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
a.btn_godown img{
	width:100%;
	height:100%;
	margin:0 0;
	animation:blinger 2s infinite;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@keyframes blinger{
	50%{
		opacity:0.3;
	}
}







/* フッター */
div.footer{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	background-color:rgba(30,80,162,1);
/*
	background:linear-gradient(0deg,rgba(30,80,162,1),rgba(30,80,162,0));
*/
}
div.footer p.copy{
	display:block;
	width:auto;
	margin:0 auto;
	padding:8px 0 8px;
	font-size:11px;
	line-height:15px;
	font-weight:500;
	text-align:center;
	color:#ffffff;
	font-family: notosans;
}






/* トップページボックス群 */
div.content_main{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0px;
	left:0%;
	z-index:0;
	background-color:rgba(255,255,255,1);
}

div.content_scroll{
	display:block;
	width:100%;
	height:5px;
	margin:0 auto;
	padding:0 0 30px;
	position:relative;
}

div.content{
	display:block;
	width:calc(99.99% - 10px);
	max-width:1280px;
	margin:0 auto;
	padding:60px 0 10px;
	position:relative;
	z-index:0;
	overflow:hidden;
}

a.btn_free{
	display:block;
	width:calc(99.99% - 14px);
	margin:0 auto 15px;
	padding:0 0;
	text-decoration:none;
	border:solid 3px #b94047;
	border-radius:8px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.btn_free span{
	display:block;
	width:100%;
	margin:0 auto;
	padding:30px 0;
	font-size:18px;
	line-height:24px;
	letter-spacing:1px;
	font-weight:700;
	text-align:center;
	text-indent:0px;
	color:#ffffff;
	background-color:#b94047;
	font-family:'notosans';
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:640px){
	a.btn_free{
		border-radius:3vw;
	}
	a.btn_free span{
		line-height:16vw;
		border-radius:1.4vw;
	}
}
a.btn_free:hover span{
	color:#ffffff;
	background-color:#d0576b;
}

ul.cmn{
	display:block;
	width:calc(99.99% - 10px);
	margin:10px auto 0;
	padding:0 0;
}
ul.cmn:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.cmn li{
	display:inline-block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	font-family:'Big Shoulders Display',notosans, cursive;
	border-bottom:dashed 1px #cccccc;
}
ul.cmn li:last-child{

}
ul.cmn li a{
	display:block;
	width:calc(100% - 40px);
	margin:0 0;
	padding:5px 8px 5px 40px;
	font-size:18px;
	line-height:30px;
	font-weight:500;
	text-align:left;
	background-image:url(../img/title_icon_bl_base.png);
	background-repeat:no-repeat;
	background-position:6px 50%;
	background-size:32px 32px;
	color:#44617b;
	text-decoration:none;
	font-family: "Sawarabi Mincho", serif;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.smn_list li a:hover{
	background-color:#1e50a2;
	background-image:url(../img/title_icon_base.png);
}

div.introduce_outer{
	display:block;
	width:calc(99.99% - 10px);
	height:50%;
	margin:0 auto;
	padding:0 0;
	overflow-y:scroll;
	overflow-x:hidden;
}
div.introduce{
	display:block;
	width:99.99%;
	margin:0 auto;
	padding:5px;
	font-size:14px;
	line-height:24px;
	font-weight:500;
	text-align:left;
	text-indent:0px;
	color:#212121;
	text-decoration:none;
	font-family: "Sawarabi Mincho", serif;
}
div.introduce b{
	font-size:16px;
	line-height:24px;
	font-weight:700;
}

div.content_menus{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0 0;
}

h3.h3_title{
	display:block;
	width:calc(99.99% - 49px);
	margin:10px 10px 6px;
	padding:0 0 0 22px;
	font-size:16px;
	line-height:24px;
	font-weight:500;
	text-align:left;
	text-indent:0px;
	color:#212121;
	font-family:'notosans';
	text-decoration:none;
	background-image:url(../img/title_icon_bk_base.png);
	background-repeat:no-repeat;
	background-position:1px 50%;
	background-size:24px 24px;
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}

h3.news_title{
	display:block;
	width:calc(99.99% - 39px);
	margin:0 10px;
	padding:5px 0 10px 26px;
	font-size:18px;
	line-height:30px;
	font-weight:500;
	text-align:left;
	text-indent:8px;
	color:#212121;
	text-decoration:none;
	font-family: "Sawarabi Mincho", serif;
	background-image:url(../img/title_icon_bl_base.png);
	background-repeat:no-repeat;
	background-position:1px 50%;
	background-size:30px 30px;
	clear:both;
}
ul.topnews{
	display:block;
	width:calc(99.99% - 20px);
	margin:0 10px;
	padding:0 0 30px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.topnews li{
	display:block;
	width:98%;
	margin:0 0.99%;
	padding:0 0;
	list-style-type:none;
}
ul.topnews li a{
	display:block;
	width:calc(100% - 28px);
	margin:0 0 0;
	padding:0 8px 8px 20px;
	font-size:14px;
	line-height:22px;
	text-align:left;
	color:#212121;
	text-decoration:none;
	font-family:notosans;
	background-image:url(../img/listbg_bk.png);
	background-repeat:no-repeat;
	background-position:4px 4px;
	background-size:14px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.topnews li a:hover{
	color:#454545;
}



div.innerbox{
	display:block;
	width:96%;
	min-height:100%;
	margin:0 auto;
	padding:0 0;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	font-family:notosans;
	text-align:left;
}
div.innerbox h4{
	display:block;
	width:100%;
	margin:0 0 6px 0;
	padding:2px 0 0 4px;
	position:relative;
	background-color:#ffffff;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	text-align:left;
	font-family:notosans;
	color:#555555;
	border-left:solid 6px #555555;
	border-radius:3px 0 0 3px;
}
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;
	font-family:notosans;
}
div.innerbox ul.topnews{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
}
div.innerbox ul.topnews li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
}
div.innerbox ul.topnews li a{
	display:block;
	width:calc(100% - 16px);
	margin:0 0 4px;
	padding:0 8px 4px;
	border-bottom:solid 1px #aaaaaa;
	font-size:18px;
	line-height:30px;
	text-align:left;
	color:#17184b;
	text-decoration:none;
	font-family:notosans;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.innerbox ul.topnews li a:hover{
	color:#5383c3;
	border-bottom:solid 1px #000000;
}




/* サブページボックス群 */
div.page_content_outer{
	display:block;
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	background-color:#fbfaf5;
	font-size:14px;
	line-height:22px;
	font-weight:500;
	text-align:left;
	color:#333333;
}
div.page_content_box{
	display:block;
	width:100%;
	margin:0;
	padding:0 0 90px;
	position:relative;
	background-color:#fbfaf5;
}
div.page_innerbox{
	display:block;
	width:96%;
	margin:0 auto;
	padding:0 0;
	font-size:14px;
	line-height:20px;
	font-weight:500;
	font-family:notosans;
	text-align:left;
}
div.page_innerbox h4{
	display:block;
	width:100%;
	margin:0 0 6px 0;
	padding:2px 0 0 4px;
	position:relative;
	background-color:#ffffff;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	text-align:left;
	font-family:notosans;
	color:#555555;
	border-left:solid 6px #555555;
	border-radius:3px 0 0 3px;
}
div.page_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;
	font-family:notosans;
}

h2.page_title{
	display:block;
	width:calc(100% - 24px);
	margin:0 0 12px;
	padding:3px 6px;
	position:relative;
	background-color:#ffffff;
	font-size:18px;
	line-height:20px;
	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:100%;
	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;
}







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


.formember{ display:none; }