/* ユーザー定義CSS
---------------------------------------------*/
/* 1.全体共通指定
---------------------------------------------*/

.dib{display:inline-block;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top;}
img.lp {border:1px solid #a9a9a9;}
li{list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

[id^="layout"]{
position:relative;
font-size: 1.3rem;
line-height:1.7;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
font-style:normal !important;
margin:0px; padding:0px;
color:#271b02;
}
/* 基本リンク色指定 */

a:link {
color: #fff;
   text-decoration: none;
}
[class^="page_"]:not([class^="page_l"]):not(.page_navi) a:link {
color: #fff;
   text-decoration: none;
   border-bottom: 1px solid #efefef;
   padding-bottom: -1px;
}

a:visited {
color: #fff;
}

a:hover {
opacity:0.8;
}

a:active {
}

#side a:link {
color: #45330b;
}

#side a:visited {
color: #45330b;
}

#side a:hover {
opacity:0.8;
}

#side a:active {
}

/* 2.基本エリア指定
---------------------------------------------*/
/* 全体外枠指定 */
[id^="layout"] #wrapper {
margin: 0px auto;
padding: 0px;
min-width:1200px;
font-size: 1.5rem;
}

/* コンテンツ全体枠指定 */
[id^="layout"] #container {
margin: 0px auto;
padding: 0px;
}

/* ヘッダー枠指定 */
[id^="layout"] #header {
margin: 0px auto;
padding: 0px;
}

/* 段組全体枠指定 */
[id^="layout"] #contents {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px;
}

/* コンテンツ・サイド グループ枠指定 */
[id^="layout"] #contents_main {
width: 100%;
margin: 0px auto 0px -300px;
}
#contents_main_inner {
margin: 0px auto 0px 300px;

}
#layout1 #contents_main_inner {
margin: 0px auto 0px 300px;
background-attachment:scroll;
}


/* メインエリア部分指定 */
[id^="layout"] #main {
padding: 0px;
word-break: break-all;
}

/* サイド指定 */
[id^="layout"] #side {
width: 300px;
margin: 0px;
padding: 0px;
text-align: center;
position:relative;
}
[id^="layout"] #side_inner {
width: 260px;
margin: 0px auto;
padding: 0px 0px 50px;
}


/* 右サイド指定 */
[id^="layout"] #right_side {
width: px;
margin: 0px;
padding: 0px;
text-align: right;
}

/* フッター枠指定 */
[id^="layout"] #footer {
clear: both;
margin: 0px auto 0px auto;
padding: 0px;
}

/* 拡張エリア01枠指定 */
[id^="layout"] #ext_area_01 {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px;
}

/* 拡張エリア02枠指定 */
[id^="layout"] #ext_area_02 {
clear: both;
margin: 0px auto;
padding: 0px;
}

/* タイトル指定 */
/* コンテンツタイトル */
h3.ti_c_h3 {
margin: 0px 0px 20px;
padding: 0px 0px 20px 0px;
/*border-bottom:1px dotted #fff;*/
font-size:2.4rem;
line-height:1.5;
}
h3.ti_c_ul_h3 {
margin-bottom: 20px;
padding: 0px 0px 20px 0px;
border-bottom:2px dotted #fff;
font-size:2.4rem;
line-height:1.5;
}
h3.ti_c_ul_h3 span{display:inline-block;}

/* 中見出し(h4) */
h4.ti_c_h4 {
margin-bottom:15px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #fff;
font-size:1.7rem;
position:relative;
}
/* 中見出し(h4) */
h4.ti_c2_h4 {
margin-bottom:15px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #d2b072;
font-size:3.0rem;
position:relative;
}

p.h_no {
margin: 0px;
padding: 0px;
}

@media screen and (max-width:375px){
#cont_ti h2{font-size:3.5rem !important;}
#cont_ti h2 span{display:block !important; font-size:1.3rem !important; padding:0px 0px 0px 0px !important}

/*[id^="layout"] {background-position:0% 600% !important; background:url(../../images/main/top/t_main_bg.jpg) top no-repeat; background-size:100% auto; min-height:200% !important;}*/
[id^="layout"] #wrapper{min-width:375px; width:375px; }

#menu_button{display:block !important;}

#layout1 #news_wrap2{display:block !important;}
#cw2{text-align:center; padding:20% 0px; display:block !important;}

/*SIDE*/
[id^="layout"] #side {position:absolute; top:0px; left:-300px; padding:0px !important; background:#fff;}
[id^="layout"] #side_staff{border-top:none;}
#side_oainfo{padding: 0px 0px 0px 0px !important; display:none;}
#news_wrap{display:none;}
#cw{display:none;}

/*intro*/
#intro{padding:0px 5%; font-size:1.5rem !important;}
#intro span{font-size:2.0rem !important;}

#logo_wrap{position:absolute; top:0% !important; left:0px !important; padding: 20px 0px 40px 0px !important; width: auto !important;}
[id^="layout"] #side_logo{width:100%; text-align:center !important;}
[id^="layout"] #side_logo h1 img,[id^="layout"] #read img{width:90% !important; height:auto !important;}
[id^="layout"] #read{margin:0px !important}
[id^="layout"] #contents_main{margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important; position: relative; top:0px; left:0px; text-align:center;}
[id^="layout"] #contents_main_inner{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px !important;}
#layout1 #contents_main_inner{background-attachment:scroll;}
[id^="layout"] #main{padding:30% 0px 0px 0px !important; position:relative;}
#layout1 #main{padding:0% 0px 0px 0px !important;}
[id^="layout"] #main_inner{padding:0px 3% 0px 3% !important;}

#layout1 #contents_main_inner{margin:0px; background-position:bottom !important;}
#contents_main_inner:before {}
#layout1 #contents_main_inner:before {
content: ""; display: block;
padding-bottom: 161% !important;
padding-top: 0% !important;
}

/*#layout1 #contents_main_inner{margin:0px; padding:0px !important; background:none !important;}*/

#layout4 #contents_main_inner
,#layout5 #contents_main_inner
,#layout6 #contents_main_inner
,#layout7 #contents_main_inner
,#layout8 #contents_main_inner{background:none !important;}
#layout4 #contents_main_inner:before ,#layout5 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_main_bg.jpg) top no-repeat; background-size:100% auto; position:fixed; top:0px; left:0px; width:100%; height:130%;}
#layout6 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_chara_bg.jpg) top no-repeat; background-size:100% auto; position:fixed; top:0px; left:0px; width:100%; height:130%;}
#layout7 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_staff_bg.jpg) top no-repeat; background-size:100% auto; position:fixed; top:0px; left:0px; width:100%; height:130%;}

#layout8 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_special_bg.jpg) top no-repeat; background-size:100% auto; position:fixed; top:0px; left:0px; width:100%; height:130%;}

/*INTRO 背景*/
#layout5.cno1 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_intro_bg.jpg) top no-repeat !important; background-size:100% auto !important; position:fixed; top:0px; left:0px; width:100%; height:130%;}
/*ON AIR 背景*/
#layout5.cno9 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_onair_bg.jpg) top no-repeat !important; background-size:100% auto !important; position:fixed; top:0px; left:0px; width:100%; height:130%;}
/*MUSIC 背景*/
#layout5.cno10 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_music_bg.jpg) top no-repeat !important; background-size:100% auto !important; position:fixed; top:0px; left:0px; width:100%; height:130%;}
/*BOOKS 背景*/
#layout5.cno2 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_books_bg.jpg) top no-repeat !important; background-size:100% auto !important; position:fixed; top:0px; left:0px; width:100%; height:130%;}
/*STORY 背景*/
#layout9.cno11 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_story_bg.jpg) top no-repeat !important; background-size:100% auto !important; position:fixed; top:0px; left:0px; width:100%; height:130%;}
/*BDDVD 背景*/
#layout10.cno12 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_bddvd_bg.jpg) top no-repeat !important; background-size:100% auto !important; position:fixed; top:0px; left:0px; width:100%; height:130%;}
/*BDDVD 背景*/
#layout5.cno13 #contents_main_inner:before {content: ""; display: block; background:url(../../images/main/cont/c_radio_bg.jpg) top no-repeat !important; background-size:100% auto !important; position:fixed; top:0px; left:0px; width:100%; height:130%;}

/*PAGE TOP*/
body #pagetop_bt {
margin: 0px;
padding: 0px;
position:fixed;
z-index:100;
right:10px;
width: 60px;
height: 60px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 50px;
background-color: #70592F;
border:3px solid #fff;
}
body #pagetop_bt p{
padding:17px 0px 0px 0px;
text-align:center;
font-size:1.3rem;
line-height:1.0;
color:#fff;
}
body #pagetop_bt p span{
margin:0px auto -10px;
display:block;
font-size:2.0rem;
border-top:solid 1px #fff;
width:60%;
}

/*books*/
body #cms_block .page_2 .line_00 .atl_inner{padding:0px 0%;}
body #cms_block .page_2 .line_01 .atl_inner{padding:0px 0%;}
body #cms_block .page_2 div.read{padding:0px 0%;}
body #cms_block .page_2 div.img_l{width:40%;}
body #cms_block .page_2 .line_01{margin: 0px 0px 0px 0px;}
body #cms_block .page_2 .line_01 div.img_l{width:100%;}
body #cms_block .page_2 div.img_l img{width:100%; height:auto;}

/*news*/
#list_01 .title{font-size:1.8rem !important;}
.nb_navi{text-align:center;}
.page,.page_navi{text-align:center;margin:0px auto !important;display:inline-block !important; clear:both !important; float:none !important;}
.page_navi{text-align:center !important;margin:0px auto !important;display:block !important; clear:both !important; float:none !important;}
.page_navi ul{display:inline-block !important; }
#list_01 tr {padding:0px 5% 20px !important; }
#news_block .efsbg{font-size:1.3rem !important;}
h3.ti_n_h3{font-size: 1.6rem !important;}
#news_block h3,
#news_block h4,
#news_block h5,
#news_block p,
#news_block ul,
#js_newsdate {padding:0px 5% !important;}
body#layout4 #news_block .atl_inner{padding:0px 5%;}
body#layout4 #news_block div.img_l
,body#layout4 #news_block div.img_r
,body#layout4 #news_block div.img_t
,body#layout4 #news_block div.img_b{margin:0px 0px 10px 0px !important; padding:0px; width:100%;}
body#layout4 #news_block div.img_l img
,body#layout4 #news_block div.img_r img
,body#layout4 #news_block div.img_t img
,body#layout4 #news_block div.img_b img{width:100%; height:auto;}

/*SPECIAL*/
#layout8 [class^="page_"]:not([class^="page_l"]):not(.page_navi),.cno10 [class^="page_"]:not([class^="page_l"]):not(.page_navi){
padding:0px 5%;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* タイトル指定 */
/* コンテンツタイトル */
h3.ti_c_h3 {
margin: 0px 0px 20px;
padding: 0px 0px 20px 0px;
/*border-bottom:1px dotted #fff;*/
font-size:2.2rem;
line-height:1.5;
text-align:center;
}
h3.ti_c_ul_h3 {
margin-bottom: 20px;
padding: 0px 0px 20px 0px;
border-bottom:2px dotted #fff;
font-size:2.2rem;
line-height:1.5;
}
/* 中見出し(h4) */
h4.ti_c_h4 {
margin-bottom:15px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #fff;
font-size:1.7rem;
text-align:center;
}
h4.ti_c2_h4 {
margin-bottom:15px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #fff;
font-size:2.6rem;
text-align:center;
}


}



/* OP */
#op_area{
position:fixed;
width:100%;
height:100%;
z-index:1000;
top:0px;
left:0px;
}
#op_area_bg{
position:fixed;
width:100%;
height:100%;
z-index:0;
top:0px;
left:0px;
background:#fff;
filter:alpha(opacity=50);
opacity:0.8;
}
#op_area_bg a{
position:fixed;
display:block;
width:100%;
height:100%;
z-index:99;
}
#op_area_inner{
padding:0px;
margin:auto;
width:80%;
height:auto;
position:absolute;
z-index:98;
top: 0px;
bottom: 0px;
left: 0;
right: 0;
}
#op_area_inner .inner{
    position: absolute;
    padding-bottom: 56.3%;
    padding-top: 0px;
    height: 0;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}
#op_area_inner iframe{
padding:0% 0px 0px 0px;
width:100%; height:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
#op_movie_area{
}
#layer {
width:100%;
height:auto;
min-height:20px;
margin:0px;
position:absolute;
top:0px;
left:65px;
z-index:100;
}
#skip_bt{
text-align:right;
}
@media screen and (max-width:375px){
#layer{
left:10%;
}
#skip_button{
display:inline-block;
width:10%;
}
#skip_bt img{
width:100%;
height:auto;
}

}