@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div,p,h1,h2,h3,h4,h5,ul,li,ol{
	display:block;
	box-sizing:border-box;
	border-collapse:collapse;
	list-style-type:none;
}
table,tr,th,td{
	box-sizing:border-box;
	border-collapse:collapse;
}
html{width:100%; height:100%; margin:0; padding:0;}
body{width:100%; height:100%; margin:0; padding:0; background-image:url(../img/topbg.jpg); background-color:#333333; text-align:center; font-size:12px; line-height:16px; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;}

div.bdy{
	width:98%;
	max-width:1260px;
	height:auto;
	min-height:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#333333;
	box-shadow:12px 0 15px -4px rgba(0,0,0,0.3), -12px 0 8px -4px rgba(0,0,0,0.3);
	-moz-box-shadow:12px 0 15px -4px rgba(0,0,0,0.3), -12px 0 8px -4px rgba(0,0,0,0.3);
	-webkit-box-shadow:6px 0 3px -4px rgba(0,0,0,0.3), -6px 0 3px -4px rgba(0,0,0,0.3);
}
@media (max-width:640px){
	div.bdy{
		width:94%;
	}
}
div.bdy:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}

div.bdy div.sidemap_outer{
	width:50%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0%;
	left:0%;
	z-index:2;
	overflow:visible;
	text-align:center;
	background-color:#F7F6F1;
}

div.bdy div.sidemap_outer div.mapcover{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0%;
	left:0%;
	z-index:2;
}

div.bdy div.sidemap_outer h1{
	width:480px;
	height:240px;
	margin:-120px 0 0 -240px;
	padding:0;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:100%;
	z-index:3;
	text-align:left;
	text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1);
	-moz-text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1);
	-webkit-text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1);
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.bdy div.sidemap_outer h1 span.h1f1,h1 span.h1f2,h1 span.h1f3{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	position:relative;
	text-align:center;
	font-family: 'Ruthie', cursive;
	overflow:hidden;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.bdy div.sidemap_outer h1 span.h1f1,h1 span.h1f3{
	height:90px;
	font-size:80px;
	line-height:90px;
}
div.bdy div.sidemap_outer h1 span.h1f2{
	height:60px;
	font-size:46px;
	line-height:60px;
}
@media (max-width:640px){
	div.bdy div.sidemap_outer h1{
		top:50%;
		left:50%;
	}
}
@media (max-width:480px){
}

div.bdy div.sidemap_outer div.sidemap{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0%;
	left:0%;
	z-index:1;
	overflow:hidden;
	text-align:center;
	background-color:#F7F6F1;
}

div.bdy div.postlist{
	width:50%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0%;
	left:50%;
	z-index:1;
	overflow:hidden scroll;
	text-align:left;
	background-color:#f3f3f3;
}
@media (max-width:640px){
	div.bdy div.sidemap_outer{
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		position:relative;
	}
	div.bdy div.postlist{
		width:100%;
		height:auto;
		position:relative;
		top:0%;
		left:0%;
		overflow:visible visible;
	}
}

div.bdy div.postlist ul.postul{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0 0;
	position:relative;
	overflow:hidden;
	list-style-type:none;
	text-align:left;
}
@media (min-width:761px) and (max-width:1024px){
	div.bdy div.postlist ul.postul{
		
	}
}
@media (max-width:760px){
	div.bdy div.postlist ul.postul{

	}
}
div.bdy div.postlist ul.postul li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0 240px;
	position:relative;
	overflow:hidden;
	list-style-type:none;
	text-align:left;
}
@media (max-width:640px){
	div.bdy div.postlist ul.postul li{
		padding:0 0 50%;
	}
}
div.bdy div.postlist ul.postul li a{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	text-align:center;
	background-color:#333333;
	color:#333333;
	font-size:16px;
	line-height:27px;
	text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1);
	-moz-text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1);
	-webkit-text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1);
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.bdy div.postlist ul.postul li a:hover{
	color:#ffffff;
	text-shadow:none;
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
}
div.bdy div.postlist ul.postul li a div.mainimg{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	filter:sepia(100%);
}
div.bdy div.postlist ul.postul li a:hover div.mainimg{
	filter:sepia(0%);
}
div.bdy div.postlist ul.postul li a p.listtitle{
	display:block;
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	font-size:15px;
	line-height:18px;
	text-align:center;
}
div.bdy div.postlist ul.postul li a p.listtitle span.en{
	display:block;
	width:80%;
	height:24px;
	margin:-24px 0 0 0;
	padding:0 0;
	position:absolute;
	top:50%;
	left:10%;
	z-index:1;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	text-align:center;
	border-bottom:solid 1px #ffffff;
}
div.bdy div.postlist ul.postul li a p.listtitle span.ja{
	display:block;
	width:80%;
	height:48px;
	margin:3px 0 0 0;
	padding:0 0;
	position:absolute;
	top:50%;
	left:10%;
	z-index:1;
	font-size:12px;
	line-height:16px;
	text-align:center;
}





/* フッター */
div.footer{
	display:block;
	width:98%;
	max-width:1260px;
	margin:0 auto;
	padding:20px 0 0;
	position:relative;
	z-index:2;
	background-color:#2e2930;
	color:#ffffff;
	box-shadow:12px 0 15px -4px rgba(0,0,0,0.3), -12px 0 8px -4px rgba(0,0,0,0.3);
	-moz-box-shadow:12px 0 15px -4px rgba(0,0,0,0.3), -12px 0 8px -4px rgba(0,0,0,0.3);
	-webkit-box-shadow:6px 0 3px -4px rgba(0,0,0,0.3), -6px 0 3px -4px rgba(0,0,0,0.3);
	border:none;
	font-family:"Noto Sans Japanese";
}
@media (max-width:640px){
	div.footer{
		width:94%;
	}
}
div.fliner{
	display:block;
	width:98%;
	margin:0 auto 20px;
	padding:0 0;
	font-size:1px;
	line-height:1px;
	border-bottom:solid 1px #ffffff;
}
div.fbox{
	display:block;
	width:49.99%;
	margin:0 0 20px;
	padding:0 0;
	float:left;
}
.rline{
	border-right:solid 1px #454545;
}
@media(max-width:640px){
	div.fbox{
		width:100%;
		float:none;
	}
	.rline{
		border-right:none;
	}
}

h4.link_title{
	display:block;
	width:94%;
	margin:0 auto 10px;
	padding:4px 0;
	position:relative;
	font-size:26px;
	line-height:26px;
	font-weight:700;
	color:#aaaaaa;
	text-align:left;
	border-bottom:solid 1px #454545;
	font-family: 'Ruthie', cursive;
}
h4.link_title span{
	display:inline-block;
	margin:0 0;
	padding:0 0 0 6px;
	font-size:14px;
	line-height:26px;
	font-weight:500;
	color:#ffffff;
	text-align:left;
	font-family:"Noto Sans Japanese";
}
div.infobox{
	display:block;
	width:94%;
	margin:0 auto;
	padding:0 0 10px;
	font-size:14px;
	line-height:20px;
	text-align:left;
}
ul.other_link{
	display:block;
	width:94%;
	margin:0 auto;
	padding:0 0 10px;
	text-align:left;
	list-style-type:none;
}
ul.other_link li{
	display:inline-block;
	width:auto;
	max-width:47.99%;
	margin:0 1% 1%;
	padding:0 0;
	list-style-type:none;
}
ul.other_link li a{
	;
}
ul.other_link li a:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
ul.other_link li img{
	width:100%;
}
ul.sponcer_link{
	display:block;
	width:94%;
	margin:0 auto;
	padding:0 0 10px;
	text-align:left;
	list-style-type:none;
}
ul.sponcer_link li{
	display:inline-block;
	width:90px;
	margin:0 3px 6px;
	padding:0 0;
	list-style-type:none;
}
ul.sponcer_link li a{
	;
}
ul.sponcer_link li a:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
ul.sponcer_link li img{
	width:100%;
}
@media(max-width:640px){
	h4.link_title{
		width:96%;
	}
	div.infobox{
		width:96%;
	}
	ul.other_link{
		width:96%;
	}
	ul.sponcer_link{
		width:96%;
	}
}

ul.footer_link{
	display:block;
	width:auto;
	margin:0 auto;
	padding:0 0 10px;
	text-align:center;
	list-style-type:none;
}
ul.footer_link li{
	display:inline-block;
	width:auto;
	margin:0;
	padding:0 8px;
	font-size:11px;
	line-height:18px;
	text-align:center;
	list-style-type:none;
	border-left:solid 1px #454545;
	box-sizing:border-box;
	border-collapse:collapse;
}
ul.footer_link li:first-child{
	border-left:none;
}
ul.footer_link li a{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:18px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
}
ul.footer_link li a:hover{
	color:#cccccc;
	text-decoration:underline;
}
@media(max-width:640px){
	ul.footer_link{
		width:100%;
		margin:0 auto;
		padding:0 0;
	}
	ul.footer_link li{
		display:block;
		width:98%;
		margin:0 auto;
		padding:0 0;
		border-left:none;
		border-bottom:solid 1px #454545;
	}
	ul.footer_link li a{
		margin:0;
		padding:11px 0;
		font-size:14px;
		line-height:18px;
		color:#ffffff;
		text-align:center;
		text-decoration:none;
	}
	ul.footer_link li a:hover{
		color:#cccccc;
		text-decoration:none;
	}
}

p.copyright{
	display:block;
	width:auto;
	margin:0 auto;
	padding:10px 0 20px;
	text-align:center;
}
@media(max-width:640px){
	p.copyright{
		padding:30px 0 20px;
	}
}







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





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

span.l_k{display:block; margin:0; padding:0; font-size:110%; color:#333333; font-weight:bolder;}
span.l_b{display:block; margin:0; padding:0; font-size:110%; color:#0068b7; font-weight:bolder;}
span.l_g{display:block; margin:0; padding:0; font-size:110%; color:#69821b; font-weight:bolder;}
span.l_r{display:block; margin:0; padding:0; font-size:110%; color:#c9171e; font-weight:bolder;}

span.n_k{display:block; margin:0; padding:0; font-size:100%; color:#333333;}
span.n_b{display:block; margin:0; padding:0; font-size:100%; color:#0068b7;}
span.n_g{display:block; margin:0; padding:0; font-size:100%; color:#69821b;}
span.n_r{display:block; margin:0; padding:0; font-size:100%; color:#c9171e;}
span.n_o{display:block; margin:0; padding:0; font-size:100%; color:#abb1b5;}

span.n_k_u{display:block; margin:0; padding:0; font-size:100%; color:#333333; text-decoration:underline;}
span.n_b_u{display:block; margin:0; padding:0; font-size:100%; color:#0068b7; text-decoration:underline;}
span.n_g_u{display:block; margin:0; padding:0; font-size:100%; color:#69821b; text-decoration:underline;}
span.n_r_u{display:block; margin:0; padding:0; font-size:100%; color:#c9171e; text-decoration:underline;}
span.n_o_u{display:block; margin:0; padding:0; font-size:100%; color:#abb1b5; text-decoration:underline;}

span.s_k{display:block; margin:0; padding:3px 0 0 3px; font-size:80%; color:#333333;}
span.s_b{display:block; margin:0; padding:3px 0 0 3px; font-size:80%; color:#0068b7;}
span.s_g{display:block; margin:0; padding:3px 0 0 3px; font-size:80%; color:#69821b;}
span.s_r{display:block; margin:0; padding:3px 0 0 3px; font-size:80%; color:#c9171e;}
span.s_o{display:block; margin:0; padding:3px 0 0 3px; font-size:80%; color:#abb1b5;}

span.s_k_u{display:block; margin:0; padding:0; font-size:80%; color:#333333; text-decoration:underline;}
span.s_b_u{display:block; margin:0; padding:0; font-size:80%; color:#0068b7; text-decoration:underline;}
span.s_g_u{display:block; margin:0; padding:0; font-size:80%; color:#69821b; text-decoration:underline;}
span.s_r_u{display:block; margin:0; padding:0; font-size:80%; color:#c9171e; text-decoration:underline;}
span.s_o_u{display:block; margin:0; padding:0; font-size:80%; color:#abb1b5; text-decoration:underline;}

b{color:#333333; font-weight:bolder;}
b.b{color:#0068b7; font-weight:bolder;}
b.n{color:#00a1e9; font-weight:bolder;}
b.g{color:#69821b; font-weight:bolder;}
b.r{color:#c9171e; font-weight:bolder;}
b.o{color:#abb1b5; font-weight:bolder;}

b.n_k{color:#333333; font-weight:normal;}
b.n_b{color:#0068b7; font-weight:normal;}
b.n_n{color:#00a1e9; font-weight:normal;}
b.n_g{color:#69821b; font-weight:normal;}
b.n_r{color:#c9171e; font-weight:normal;}
b.n_o{color:#abb1b5; font-weight:normal;}

b.k_s{color:#333333; font-weight:bolder; font-size:80%;}
b.b_s{color:#0068b7; font-weight:bolder; font-size:80%;}
b.n_s{color:#00a1e9; font-weight:bolder; font-size:80%;}
b.g_s{color:#69821b; font-weight:bolder; font-size:80%;}
b.r_s{color:#c9171e; font-weight:bolder; font-size:80%;}
b.o_s{color:#abb1b5; font-weight:bolder; font-size:80%;}

b.n_k_s{color:#333333; font-weight:normal; font-size:80%;}
b.n_b_s{color:#0068b7; font-weight:normal; font-size:80%;}
b.n_n_s{color:#00a1e9; font-weight:normal; font-size:80%;}
b.n_g_s{color:#69821b; font-weight:normal; font-size:80%;}
b.n_r_s{color:#c9171e; font-weight:normal; font-size:80%;}
b.n_o_s{color:#abb1b5; font-weight:normal; font-size:80%;}

b.k_l{color:#333333; font-weight:bolder; font-size:110%;}
b.b_l{color:#0068b7; font-weight:bolder; font-size:110%;}
b.n_l{color:#00a1e9; font-weight:bolder; font-size:110%;}
b.g_l{color:#69821b; font-weight:bolder; font-size:110%;}
b.r_l{color:#c9171e; font-weight:bolder; font-size:110%;}
b.o_l{color:#abb1b5; font-weight:bolder; font-size:110%;}

.ue{vertical-align:super; font-size:8px; }
.clr{clear:both; width:0px; height:0px; margin:0px; padding:0px; font-size:0px; line-height:0px;}

img {border:none;}

a{text-decoration:underline; color:#00519a;}
a:visited{text-decoration:underline; color:#714c99;}
a:hover{text-decoration:none; color:#cc0000;}

input,textarea,select{
	margin:0;
	padding:3px;
	font-size: 11px;
	vertical-align: middle;
	border:solid 1px #cccccc;
}
input[type="text"]{
	width:200px;
	margin:0;
	padding:3px;
}
input[type="password"]{
	width:140px;
	margin:0;
	padding:3px;
}
input[type="submit"],input[type="button"]{
	padding: 3px 10px !important;
	border:solid 1px #000000;
	background-color:#000000;
	color: #FFFFFF !important;
	font-weight: bold !important;
	text-decoration: none !important;
	cursor: pointer;
	font-size:small;
	border-radius:6px;
}
input[type="submit"]:hover,input[type="button"]:hover{
	border:solid 1px #999999;
	background-color: #999999;
	color:#ffffff !important;
}