@charset "UTF-8";
body.pc,
body.tablet,
body.sp {
	background: #372620;
    background-image: url(../images/bg.jpg), url(../images/bg_back.png);
    background-size: 2000px auto, 100px auto;
    background-repeat: no-repeat, repeat;
    background-position: 0 56px, 0 0;
}
body.sp {
    background-size: 230% auto, 70px auto;
    background-position: 0 233px, 0 0;
}
#contentSection {
    font-family: 'Noto Serif JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.section {
	padding: 51px 0 50px;
	color: #000000;
}
body.sp .section {
    padding-bottom: 5%;
}

body.sp .section p {
	width: 100%;
}

body.pc .section h1,
body.tablet .section h1 {
	margin-bottom: 120px;
}

body.sp .section h1 {
	width: 14%;
	padding: 5.1% 0 0;
	margin: 0 auto 12%;
}
body .section h1 img {
	width: 106px;
}

body.sp .section h1 img {
	width: 100%;
}

.section .section_block_title {
	color: #ffd26e;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
	background-image: url(../images/subtitle_bg.png);
	background-size: 100% auto;
	background-position:  center bottom;
	background-repeat: no-repeat;
    margin-bottom: 40px;
	padding: 32px 0;
}
body.sp .section .section_block_title {
    font-size: 260%;
    padding-bottom: 90px;
	background-image: url(../images/subtitle_bg_sp.png);
}




body.pc .section h3.staff,
body.tablet .section h3.staff {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size:150%;
}

body.sp .section h3.staff {
	padding: 6% 0 0;
	margin: 0% auto 3%;
}


.section dl {
	padding: 15px 0 18px;
	margin: 0 0 3px;
	border-bottom: 1px solid #fff;
}

.section dl.columnEnd {
	border: none;
}


body.sp .section dl {
	padding: 1% 0 1.3%;
	margin: 0 0 0.3%;
	border-bottom: 2px solid #fff;
}

.section dt,
.section dd {
	font-size: 14px;
	line-height: 1.2857;
	float: right;
}

.section dt span {
	padding-right: 1%;
}

.section dt {
	width: 37%;
	padding: 0 2% 0 0;
	margin: 0 1% 0 0;
	color: #ffd26e;
	font-weight: bold;
	float: left;
	background: url(../images/cast_border.gif) 0 0.5em repeat-x;
}

body.sp .section dt {
	background: url(../images/s/cast_border.gif) 0 0.5em repeat-x;
}

.section dd {
	width: 60%;
	color: #ffffff;
	float: right;
}

body.sp .section dt,
body.sp .section dd {
	font-size: 180%;
}

.twoColumnsType1,
.oneColumnsType1 {
	width: 100%;
	padding: 0;
	margin: 0 0 40px;
	box-sizing: border-box;
}

.oneColumnsType1 {
}

.twoColumnsType1 .column,
.twoColumnsType1 .columnEnd {
	width: 450px;
}

body.sp .section .twoColumnsType1 .column,
body.sp .section .twoColumnsType1 .columnEnd {
	width: 49%;
}

body.sp .section .twoColumnsType1 .column {
	margin: 0 2% 0 0;
}

body.sp .section .twoColumnsType1 dl {
	padding: 2% 0 2.6%;
	margin: 0 0 0.6%;
}

.threeColumnsType2,
body.sp .threeColumnsType2 {
	margin: 75px auto;
}