@charset "UTF-8";
/* Reset
----------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	zoom:1;	/* hasLayout in IE */
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font:inherit;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
}
p{max-height:100%;}
header, menu, nav, footer,
section,article, aside,
details, summary,
figure, figcaption{display:block;}
table{
	border-collapse:collapse;
	border-spacing:0;
}
q, blockquote{quotes:none;}
q:before, q:after, blockquote:before, blockquote:after{
	content:"";
	content:none;
}
img{
	font-size:0;
	line-height:0;
	vertical-align: bottom;
	height:auto;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#333;
}
a:focus{outline:none;}
a img{
	border:none;
	vertical-align:middle;
}
textarea{overflow:auto;}
label{cursor:pointer;}
.clearfix:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
* html .clearfix{zoom:1;}
*:first-child + html .clearfix{zoom:1;}
a{
	text-decoration: none;
}
strong{
	font-weight: normal;
}
ul,ol{
	list-style-type: none;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif,"ヒラギノ明朝 ProN W3", "HiraMinProN-W3";
	font-size: 12px;
	line-height: 1.5;
	color: #111;
}
.wrap{
	width:100%;
	overflow-x: hidden;
}

h2,h3,h4,h5{
	font-weight: bold;
}

.inner{
	margin:0 auto;
	width: 1000px;
	position:relative;
}
img{
	max-width:100%;
}

*{
	transition:all .5s;
}



/*===============================================
横幅1080px以下
===============================================*/
@media screen and (max-width: 1000px) and (min-width: 431px){
html,
body,
.wrap{
	width: 1000px;
}
}

/*===============================================
横幅431px以上
===============================================*/
@media screen and (min-width: 431px){
a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.sp{
	display: none;
}

/*home
----------------------------------------------------------*/
.home .inner{
	height: 97vh;
}
.home .inner img{
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
.home .inner .copy{
	font-size:10px;
	display:block;
	position:absolute;
	right:2px;
	bottom:0;
}
.home .inner ul{
	margin-top:8px;
}
.home .inner li{
	font-size:10px;
	display:inline-block;
	position:relative;
	padding-left:16px;
	margin-right:10px;
}
.home .inner li:after{
	content:url(images/icon.png);
	position:absolute;
	display:inline-block;
	top:2px;
	left:0;
}

/*common
----------------------------------------------------------*/
.common .inner ul{
	margin-top:8px;
}
.common .inner li{
	font-size:10px;
	display:inline-block;
	position:relative;
	padding-left:16px;
	margin-right:10px;
	letter-spacing:1px;
}
.common .inner li:after{
	content:url(images/icon.png);
	position:absolute;
	display:inline-block;
	top:2px;
	left:0;
}
.common .inner .box{
	width:900px;
	border-top: #CCC 1px solid;
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
	border-left: #CCC 1px solid;
	padding:40px 50px;
	margin:6px 0;
}
.common .inner .box .header_txt{
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#999;
	letter-spacing:2px;
	padding-bottom:20px;
}
.common .inner .copy{
	font-size:10px;
	display:block;
	text-align:right;
	letter-spacing:1px;
}

/*about
----------------------------------------------------------*/
.about .inner .box .text{
	color:#666;
	letter-spacing:1px;
	padding-left:20px;
}
.about .inner .box .attention{
	color:#F03;
	letter-spacing:1px;
	padding-left:20px;
	padding-top:20px;
}

/*back number
----------------------------------------------------------*/
.bnm .inner .box .text{
	color:#666;
	letter-spacing:1px;
	padding-left:20px;
	padding-bottom:50px;
}
.bnm .inner .box .cont{
	width:800px;
	margin:0 auto 50px;
	padding:20px;
	box-shadow:2px 2px 6px 1px rgba(100,100,100,0.1);
}
.bnm .inner .box .img{
	display:inline-block;
	width:430px;
}
.bnm .inner .box .p_text{
	display:inline-block;
	width:250px;
	padding-left:30px;
	font-size:14px;
}
.bnm .inner .box .p_text span{
	font-size:10px;
	padding-top:10px;
	display:inline-block;
}
.bnm .inner .box .p_n_box{
	width:900px;
	margin:30px auto;
}
.bnm .inner .box .prev{
	float:left;
	padding-left:20px;
	position:relative;
}
.bnm .inner .box .prev:before{
	content:url(images/p_icon.png);
	position:absolute;
	display:inline-block;
	top:2px;
	left:0;
}
.bnm .inner .box .next{
	float:right;
	padding-right:20px;
	position:relative;
}
.bnm .inner .box .next:after{
	content:url(images/icon.png);
	position:absolute;
	display:inline-block;
	top:2px;
	right:0;
}
.bnm .inner .box .past{
	display:inline-block;
	position:relative;
	padding-left:20px;
}
.bnm .inner .box .past:after{
	content:url(images/icon.png);
	position:absolute;
	display:inline-block;
	top:1px;
	left:0;
}

/*contact
----------------------------------------------------------*/
.contact .inner .box .text{
	color:#666;
	letter-spacing:1px;
	padding-left:20px;
}
.contact .inner .box span{
	color:#F03;
	letter-spacing:1px;
	padding-top:20px;
	font-size:10px;
}
.contact .inner .box form{
	color:#aaa;
	letter-spacing:1px;
	padding-top:20px;
	padding-left:40px;
}
.contact .inner .box form input[type="text"] {
	box-sizing: border-box;
	padding: 6px 4px;
	border: 1px solid #ccc;
}
.contact .inner .box form textarea {
	width: 95%;
	height:200px;
	box-sizing: border-box;
	padding: 6px 4px;
	border: 1px solid #ccc;
	margin-bottom:20px;
}
.contact .inner .box form .form_text{
	padding:8px 0;
}

}




/*===============================================
横幅430px以下
===============================================*/
@media screen and (max-width: 430px){

html,
body,
.wrap{
	width: 430px;
	position: relative;
}
.inner{
	width: auto;
}
img{
	max-width:430px;
}
.pc{
	display: none;
}


/*home
----------------------------------------------------------*/
.home .inner .copy{
	font-size:10px;
	display:block;
	position:fixed;
	right:16px;
	bottom:4px;
}
.home .inner ul{
	margin-top:20px;
	margin-left:16px;
}
.home .inner li{
	font-size:14px;
	display:block;
	position:relative;
	padding-left:20px;
	margin-bottom:18px;
}
.home .inner li:after{
	content:url(images/icon.png);
	position:absolute;
	display:inline-block;
	top:2px;
	left:0;
}

/*common
----------------------------------------------------------*/
.common .inner ul{
	margin-top:8px;
	text-align:center;
}
.common .inner li{
	font-size:12px;
	display:inline-block;
	position:relative;
	padding-left:16px;
	margin-right:10px;
	letter-spacing:1px;
}
.common .inner li:after{
	content:url(images/icon.png);
	position:absolute;
	display:inline-block;
	top:2px;
	left:0;
}
.common .inner .box{
	width:368px;
	padding:20px 30px;
	margin:6px 0;
}
.common .inner .box .header_txt{
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#999;
	letter-spacing:2px;
	padding-bottom:20px;
}
.common .inner .copy{
	font-size:10px;
	display:block;
	text-align:right;
	letter-spacing:1px;
	padding-right:30px;
}

/*about
----------------------------------------------------------*/
.about .inner .box .text{
	color:#666;
	letter-spacing:1px;
}
.about .inner .box .attention{
	color:#F03;
	letter-spacing:1px;
	padding-top:20px;
}

/*back number
----------------------------------------------------------*/
.bnm .inner .box .text{
	color:#666;
	letter-spacing:1px;
	padding-bottom:30px;
	padding-left:30px;
}
.bnm .inner .box{
	width:430px;
	padding:20px 0px;
	margin:6px 0;
}
.bnm .inner .box .header_txt{
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#999;
	letter-spacing:2px;
	padding-bottom:20px;
	padding-left:30px;
}
.bnm .inner .box .cont{
	width:430px;
	margin:0 auto 50px;
	box-shadow:2px 2px 6px 1px rgba(100,100,100,0.1);
}
.bnm .inner .box .img{
	display:inline-block;
	width:430px;
}
.bnm .inner .box .p_text{
	display:inline-block;
	width:250px;
	padding:12px 0 12px 30px;
	font-size:14px;
}
.bnm .inner .box .p_text span{
	font-size:10px;
	padding-top:10px;
	display:inline-block;
}
.bnm .inner .box .p_n_box{
	width:370px;
	margin:30px auto;
}
.bnm .inner .box .prev{
	float:left;
	padding-left:20px;
	position:relative;
}
.bnm .inner .box .prev:before{
	content:url(images/p_icon.png);
	position:absolute;
	display:inline-block;
	top:2px;
	left:0;
}
.bnm .inner .box .next{
	float:right;
	padding-right:20px;
	position:relative;
}
.bnm .inner .box .next:after{
	content:url(images/icon.png);
	position:absolute;
	display:inline-block;
	top:2px;
	right:0;
}
.bnm .inner .box .past{
	display:inline-block;
	position:relative;
	padding-left:20px;
	margin-left:30px;
}
.bnm .inner .box .past:after{
	content:url(images/icon.png);
	position:absolute;
	display:inline-block;
	top:1px;
	left:0;
}

/*contact
----------------------------------------------------------*/
.contact .inner .box .text{
	color:#666;
	letter-spacing:1px;
}
.contact .inner .box span{
	color:#F03;
	letter-spacing:1px;
	padding-top:20px;
	font-size:10px;
}
.contact .inner .box form{
	color:#aaa;
	letter-spacing:1px;
	padding-top:20px;
}
.contact .inner .box form input[type="text"] {
	box-sizing: border-box;
	padding: 6px 4px;
	border: 1px solid #ccc;
}
.contact .inner .box form textarea {
	width: 100%;
	height:200px;
	box-sizing: border-box;
	padding: 6px 4px;
	border: 1px solid #ccc;
	margin-bottom:20px;
}
.contact .inner .box form .form_text{
	padding:8px 0;
}


}