@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	background: #000;
	color: #fff;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

a {
	color: #fff;
	text-decoration: none;
}

/*
a:visited {
	text-decoration: none;
}
*/
img {
	vertical-align: top;
	max-width: 100% !important;
	height: auto !important;
}

img:not([width]) {
	zoom: .5; /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

p, dl, ol, ul {
}

ol, ul {
	list-style:none;
}

.mr20{
	margin-right: 20px;
}

.mb10{
	margin-bottom: 10px;
}

.mb20{
	margin-bottom: 20px;
}

.mb30{
	margin-bottom: 30px;
}

/* --------------------------------------------------- */
/* wrapper */
/* ---------------------------------------------------- */
#wrapper {
	background-size: 100% 355px ;
	-webkit-background-size: 100% 355px ;
	-moz-background-size:  100% 355px ;
	overflow: hidden;
	margin: 0 auto;
}

/* ---------------------------------------------------- */
/* ランドスケープ表示 */
/* ---------------------------------------------------- */
@media all and (orientation:landscape) {
	#wrapper {
		width: 100%;
	}
}

/* ---------------------------------------------------- */
/* header */
/* ---------------------------------------------------- */
header {
	border-top: 5px solid #430102;
	padding-bottom: 10px;
	background: #000;
}
header h1{
}

header .logo{
	text-align:center;

}

header .logo img{
	vertical-align: bottom;
}


/* ---------------------------------------------------- */
/* footer */
/* ---------------------------------------------------- */
footer{
	padding: 0 0 0px;
	font-size:12px;
}
footer nav{
	margin:5px;
}
nav.homenav div{
	float: left;
	width: 48%;
	background-color: #930e10;
	margin-bottom: 10px;
	margin-top: 30px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
nav.homenav div a{
	display:block;
	padding:5px;
	color: #fff;
}
nav.homenav div:nth-child(even){
	float:right;
}
footer nav ul{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #000;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	background-color: #430102;
}
footer nav ul li{
	float: left;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-right-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-top-style: solid;
	border-right-color: #000;
	border-top-color: #000;
}
footer nav ul li:first-child,
footer nav ul li:nth-child(2){
	border-top:none;
}
footer nav ul li:nth-child(even){
	border-right:none;
}

footer nav ul li a{
	background:url(/images/common/arrow-next.png) right center no-repeat ;
	background-size: 25px 20px;
	-webkit-background-size: 25px 20px;
	-moz-background-size: 25px 20px;
	display:block;
	padding:8px;
	color: #fff;
	font-size: 10px;
}
footer .info {
	margin:10px;
}

footer .info a {

}

footer .under {
	background-color: #430102;
}
footer .under ul {
	width: 100%;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000;
}
footer .under ul li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	width:50%;
	text-align:center;
}
footer .under ul li a {
	display:block;
	padding:10px 10px;
	color: #fff;
}
footer .under ul li:first-child{

}
footer .under ul li:nth-child(even){
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
}
footer small {
	margin: 0;
	padding: 10px;
	display: block;
	font-size: 10px;
	clear: both;
	background-color: #430102;
	color: #FFF;
}
footer small#copy a{
	color: #fff;
}

/* ---------------------------------------------------- */
/* visual */
/* ---------------------------------------------------- */
#mainvisual {
	background: url(/images/common/bg_mainvisual2.png) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.visual{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background: #430102;
}
.visual h2{
	text-align: center;
}
.visual.sub h2{
	text-align: center;
}
/* ---------------------------------------------------- */
/* content */
/* ---------------------------------------------------- */

.container-content{
	padding:10px 5px 5px;
}

.container-content{

}

section.content {
	margin-bottom:20px;
	margin-top: 10px;
}

section.content h3 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 120%;
	background:#555;
	padding: 7px 10px 5px;
	margin: 0px;
	border-radius: 6px 6px 0 0;
}
section.content h1.sp{
	border-radius: 6px;
}
section.content nav{
	margin-bottom: 10px;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	margin-bottom: 10px;
	border: 1px solid #666;
	background-color: #000;
}

section.content nav.none_h1{
	margin-bottom: 10px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	margin-bottom: 10px;
	border: 1px solid #666;
	background-color: #000;
}

section.content nav ul {
	width: 100%;
	overflow: hidden;
}
section.content nav ul li {
	line-height: 120%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}
section.content nav ul li a{
	background:url(/images/common/arrow-next.png) right center no-repeat ;
	background-size: 25px 20px;
	-webkit-background-size: 25px 20px;
	-moz-background-size: 25px 20px;
	display:block;
	padding:12px;
}
section.content nav ul li:last-child {

}
section.content nav ul li:first-child{
	border-top:none;
}

section.content nav.search li{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:50%;
	float:left;
}
section.content nav.search li:nth-child(2n){
	border-left:1px solid #25acdf;
}
section.content nav.search ul li:nth-last-child(2) {
	border-bottom:none;
}
section.content nav.search ul li:nth-child(2){
	border-top:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.list-base li{
	height:100%;
}


.list-base2 li{
	height:150px;
}


.sticking_ph{
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}

.tit_l{
	font-size:12px;
}

/* 汎用 */
.container{
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #c0b3a3;
	background: #fef7ef;
	overflow: hidden;
	border-top: none;
}
.container.no_sp {
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	margin-bottom: 10px;
	padding: 0px 10px 10px;
	border: 1px solid #c0b3a3;
	background: #fef7ef;
	overflow: hidden;
	border-top: none;
}

.container h2{
	background-color: #e5d7c8;
	font-size: 16px;
	color: #4c0801;
	line-height: 120%;
	border: 1px solid #4c0801;
	padding: 6px 10px 5px;
	margin: 20px -10px 10px;
}

.container h2:first-child{
	margin-top:0px;
	border-radius: 6px 6px 0 0;
}

/* ---------------------------------------------------- */
/* btn */
/* ---------------------------------------------------- */

/* btn ベース */

.btn,.listbtn li{
	background:url(/images/common/bg_op.png) left top repeat-x ;
	background-size: 1px 100% ;
	-webkit-background-size: 1px 100% ;
	-moz-background-size: 1px 100% ;
	border-radius:6px ;
	-moz-border-radius:6px ;
	-webkit-border-radius:6px ;
	box-shadow: 1px 2px 1px ##75440f;
	-webkit-box-shadow:1px 2px 1px ##75440f;
	-moz-box-shadow: 1px 2px 1px ##75440f;
	line-height:100%;
	font-size:18px;
	text-align:center;
	margin:10px 0px 15px 0px;
}
.btn a,.listbtn li a{
	background:url(/images/common/arrow-next.png) right center no-repeat ;
	background-size: 26px 22px ;
	-webkit-background-size: 26px 22px ;
	-moz-background-size: 26px 22px ;
	padding:18px 7px;
	display:block;
	color:#ffffff;
}

/* btn各カスタマイズ */

.btn.entrybtn{
	background-color: #930e10;
}
.btn.entrybtn2{
	background-color: #0a4ab6;
}
.btn.entrybtn2 a{
	color: #fff;
}
.btn.detailbtn{
	background-color:#2e9d50;
	padding:0px;
	line-height: 22px;
}

.btn.detailbtn2 {
	background-color:#0eb089;
	padding:0px;
}

.btn.graybtn{
	background-color:#eee ;
}
.btn.graybtn a{
	color:#666666 ;
}
.listbtn li{
	background:url(/images/common/bg_op40.png) left top repeat-x ;
	background-size: 1px 100% ;
	-webkit-background-size: 1px 100% ;
	-moz-background-size: 1px 100% ;
	background-color:#eaeaea ;
	margin:8px 0px;
}
.listbtn li a{
	padding:12px 5px;
	color:#666666;
}

.green {
	color:#009900;
}

.red{
	color:#FF0000;
}
.blue {
	color: #003366;
}
.brn{
	color: #430102;
}

.bold {
	font-weight:bold;
}

.under_line{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #75440f;
}

.small{
	font-size: 90%;
}

.mb10{
	margin-bottom: 10px;
}

.mb20{
	margin-bottom: 20px;
}

.mb30{
	margin-bottom: 30px;
}
@media only screen and (orientation : landscape) { /*横向き*/


}
@media only screen and (orientation : portrait) { /*縦向き*/
.pagenavi li:nth-child(9n) {
	clear:both;
}

}
.center {
	text-align: center;
}
.textright{
	text-align: right;
}
.container h3 {
	font-size:16px;
	color:#999;
	line-height:120%;
	font-weight: bold;
}
.belt {
	background-color: #ececec;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dashed #bfbfbf;
}

.kado,
.kado img{
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */
}

.waku{
    border: 1px solid #DDDDDD;
    padding: 4px;
}

.container table{

}

.container table th,
.container table td{
	border: 1px solid #000;
	padding: 10px;
}

.container table th{
	background: #e3d4c4;
	text-align: left;
	width: 40%;
}
/*
横並び画像1列2枚
*/

ul.sp2{
	overflow: hidden;
}
ul.sp2 li{
	text-align:center;
	margin:5px 0 ;
	padding:5px;
	width:45%;
	float:left;
	overflow:hidden;
}

ul.sp2 li:nth-child(2n){
	float:right;
}


ul.sp2 li p{
	text-align:left;
	margin:0px;
	font-size:12px !important;
}


ul.sp2 li img{
	padding:0px;

}

/*
横並び画像1列3枚
*/
ul.sp3{
	font-size:12px;
	color:#000;
	padding:0px;
	margin:5px;
	overflow: hidden;
}


ul.sp3 li{
	width:32%;
	float:left;
	color:#000;
	margin:2px;
	padding-top:2px;
	overflow:hidden;
}


#news dl {
	margin: 5px 0 20px 0;
	padding: 5px;
	border-bottom: #555 1px dotted;
}
#news dt {
	color: #782020;
	margin: 10px 0 5px 0;
}

.rcrttl {
	text-align: center;
	margin: 10px 0 10px 0;
}

#box_staff {
	border: #272727 2px solid;
	padding: 5px;
	background: url(/images/common/bg_staff-h02.png) top left no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.kodawari-box {
	background: url(/images/common/bg_mainvisual2.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#wkau {
	background: url(/images/menu/waku-bg.jpg) center center repeat-y;
	-webkit-background-size: contain;
	background-size: contain;
}

.txt {
	color: #666;
	padding: 7px;
}

ul.spmenu{
	overflow: hidden;
}
ul.spmenu li:first-child{
	text-align:center;
	margin:5px 0 ;
	padding:5px;
	width:12%;
	float:left;
	overflow:hidden;
}
ul.spmenu li:nth-child(2n){
	float:right;
	width: 84%;
}
ul.spmenu li p{
	text-align:left;
	margin:0px;
	font-size:12px !important;
}
ul.spmenu li img{
	padding:0px;
}

.box_a, .box_mid {
	background: url(/images/faq/box_mid.png) repeat-y;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 0 5px 5px 5px;
	color: #666;
}
#list_q a {
	color: #666;
}
.question {
	padding: 3px;
	margin-bottom: 5px;
	border-bottom: #666 1px dotted;
}

.answer {
	background: url(/images/faq/bg_a.jpg) left top no-repeat;
	-webkit-background-size: 35px 35px;
	background-size: 35px 35px;
}

.box_head {
	margin-bottom: -20px;
}

.box_mid {
	padding: 5px;
}
.box_mid dt {
	font-weight: bold;
	color: #b10000;
}

.privacy-box {
	padding: 5px;
}
.privacy-box h3 {
	font-weight: bold;
}