z@charset "Shift-JIS";
/* CSS Document */

/*===============
base
=================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}  
img{
border:0;
vertical-align: top;
}

body{
/*min-width: 320px;*/
font-size: 14px;
font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.4;
color:#333;
background:#f9b900;
overflow-x: hidden;
}


a:link,
a:visited,
a:active{
color:#333;
text-decoration:none;
}

a:hover{
color:#069;
text-decoration:none;
}

ul{
list-style: none;
}

/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




p,dd{
font-size:1em;
}


.nonsp{
display: none;
}

.pc{
display: none !important;

}

.sp{
display:block;
}
.sp img {
    max-width: 98%;
}

.pc a:link{
color:#ffffff;
text-align:center;
}

.pc a:visited{
color:#ffffff;
text-align:center;
}


.tablet{
display: none;

}


.sp {
display:block !important;
}








/*==================
header
====================*/


.read_top{
width:100px;
height:30px;
position:absolute;
top:2px; 
left:2px;
color:#fff;
z-index:-100;
}


/*==================
contents
====================*/
#contents{

margin:0 auto;

/*max-width:1400px;*/
margin:0 auto;
/*padding:0 14px;*/
    background-color: #faed00;
    background-image: url("/img/bk_moyou.png");
}


.mainimg{
width:100%;
text-align:center;
margin:0 auto;
position:relative;
}


.mainimg img{
width:200%;
margin:0 0 0 -50%;
}


.titleimg{
width:100%;
height:60px;
height:auto;
text-align:center;
padding: 12px 0;
}

.titleimg img{
/*
    margin-left: -250px;
    width: 810px;
*/
max-width:90%;
padding:4px 0;
}


.titleimg_2{
width:100%;
}

.titleimg_2 img{
/*
    margin-left: -90px;
    width: 500px;
*/
width:95%;
height:auto;
}


.body_copy {
    font-size: 1em;
        width: 90%;
    margin: 0 auto;
    display: block;
}

.interior{
text-align:center;
margin: 0 auto;
padding: 25px 0;
}




.pointbox{
width:120px;
margin:20px auto;
text-align:center;
}

.pointbox img{
width:60%;
text-align:center;
}


.texstyle1{
font-size:120%;
line-height:26px;
font-weight:bold;
color:#e32350;
padding-bottom:10px;
}


.texstyle0{
font-size:120%;
line-height:26px;
font-weight:bold;
color:#403f3f;
padding-bottom:10px;
}

.hudo img{
width:100%;
}




.color_r{
color:#e32350;
}

.pd75{
padding-bottom:40px;
}

.pd50{
padding-bottom:30px;
}

.pd40{
padding-bottom:20px;
}

.pd60{
padding-bottom:30px;
}

.pd30{
padding-bottom:10px;
}

.pd35{
padding-bottom:15px;
}

.pd45{
padding-bottom:25px;
}

.pd28{
padding-bottom:8px;
}

.mg30{
margin-top:16px;
}






.team_title{
width:70%;
margin:1px auto 1px auto;
height:65px;
}

.team_title img{
width:80%;
margin:24px auto 24px auto;
}


.team_tb{
width:100%;
margin:0 auto 30px auto;
}

.team_tb th{
width:25%;
text-align:left;
}

.team_tb th img{
width:90%;
text-align:left;
}

.member_name{
width:100%;
text-align:center;
font-size:18px;
line-height:20px;
font-weight:bold;
color:#3a3a3a;
margin-bottom:8px;
}


.member_category{
background:#53cab9;
text-align:center;
color:#fff;
line-height:18px;
height:auto;
font-size:14px;
padding:4px 0;
margin-bottom:8px;
}


.member_description{
font-size:12px;
line-height:18px;
color:#535353;
text-align:left;
padding-right:4px;
}



.inbox{
width:96%;
text-align:center;
/*margin-bottom:60px;*/
margin:0 auto 25px auto;
}


.inbox h4{
margin-bottom:10px;
}

.inbox h4 img{
width:100%;
}

.texstyle-d{
font-size:12px;
line-height:20px;
color:#3e3e3e;
}


.longbtn{
width:100%;
height:20px;
line-height:20px;
display:block;
color:#fff !important;
font-size:16px;
font-weight:bold;
background:#fc0864;
position:absolute;
top:65%; 
left:0;
}



.mainimg a:hover {
width:100%;
height:20px;
line-height:20px;
display:block;

font-size:16px;
font-weight:bold;

position:absolute;
top:65%; 
left:0;

color:#fff !important;
background:#fd95bc;
}








.fig-s img{
width:100%;
}


nav ul li {
    float: none !important;
    margin: 13px 18px 13px 0 !important;
    width: 100% !important;
}

/*==================
top
====================*/
.topitem1 {
    position: absolute;
    right: 0;
    max-width: 100% !important;
    top: 60px;
}
.topitem4 {
    position: absolute;
    left: 10px !important;
    /* bottom: 30%; */
    width: 120px !important;
    margin-top: -36% !important;
}

.topitem2 {
    margin-top: 10px;
    margin-left: 10px;
    max-width: 14% !important;
}
.aori {
	font-size: 1.2em;
	color: #1a1a1a;
	font-weight: bold;
}
.aori1 {
	font-size: 1.4em;
}
.aori2 {
	font-size: 2.5em;
}
.aori3 {
	font-size: 1.1em;
}
.aori4 {
	font-size: 0.8em;
}
.aori5 {
	font-size: 2em;
	line-height: 2.2em;
}
.ex {
	font-style: ;
}
.comment {
	font-size: 1em;
	color: #1a1a1a;
	font-weight: bold;
}

.ctr_logo{
/*
	position:absolute;
	top:12%;
	left:0;
	right:0;
*/
    max-width: 80%;
	}


/*==================
about
====================*/
#about p {
	font-size: 14px !important;
}
p.intro,
p.low {
	padding: 0 16px !important;
}
p.caption {
	margin: 0 16px !important;
}
.about_h2 {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-shadow:
		-1.5px -1.5px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	line-height: 34px;
    padding: 10px 0;
	background: #ffef71;
	margin: 30px auto 20px auto;
	width: 95%;
}
.about_h3 {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 18px;
	font-weight: bold;
	color: #ffef71;
	text-shadow:
		-1.5px -1.5px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px !important;
	background: none no-repeat top left;
	background-size: 10%;
	text-align: left;
	/*margin: 30px auto 10px auto;*/
	width: 88%;
}
.button-toggle {
    position: absolute;
    width: 28px;
    height: 28px;
    margin: 10px;
    color: #333;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    font-size: 90%;
    border: 1px solid #fff;
}
.active {
    /*color: #fff;
    background: #000;*/
}

.menu {
    position: absolute;
    top: 51px;
    left: 0px;
    width: 100%;
    background: #1D2B52;
    color: #fff;
    overflow: hidden;
    z-index: 999;
}
.menu a {
        display: block;
    color: #DCB95B;
    text-decoration: none;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #555;
    height: 50px;
    line-height: 40px;
    font-size: 90%;
}
section {
    padding: 40px;
}

#top {
	background-image: url("/img/bk_huda.png");
/*    background-position: center 50px !important;*/
	background-position: top !important;
    background-size: 100% auto !important;
/*    padding-bottom: calc(100%*1300/855) ;*/
        padding-top: 50px;
        background-repeat: repeat-y;
}
@media screen and (max-width:360px) {
    #top {
    /*padding-bottom: calc(100%*1635/855) !important;*/
/*    padding-bottom: 200% !important;*/
    }
    
}
.intro_top h3 img {
    width:60%;
}
.introitem1{
    
}
#contIntro_sp .intro_top {
    padding-bottom: calc(100%*290/750);
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center -45%;
}
#contIntro_sp .intro_top ul {
    width: 100%;
}
#contIntro_sp .intro_mdl {
    background-image: none, none;
    background-repeat: repeat-y, no-repeat;
    padding-bottom: calc(100%*564/1112);
    background-size: , 100% auto;
    background-position: center, center top;
}
#contIntro_sp .intro_btm {
    background-image: none !important;
    padding: 0 !important;
    background-repeat: no-repeat;
    background-position: center 115%;
}
#contIntro_sp .btmtxt {
    position: static !important;
    padding: 1% 5% 10% 5% !important;
}
#contIntro_sp .btmtxt h4 {
    font-size: 14px !important;
}
#contIntro_sp .btmtxt p {
    font-size: 0.8em !important;
}
#contIntro {
        background-position: left 100%, left top !important;
}/*
#contIntro_sp .intro_top ul li:nth-child(1) {
    width: 46%;
}
#contIntro_sp .intro_top ul li:nth-child(2) {
    width: 46%;
}
#contIntro_sp .intro_top ul li:nth-child(1) {
    width: 69%;
}*/
#contIntro_sp .toptxt, #contIntro_sp .btmtxt {
    width: 90%;
    margin: 0 auto;
}
.story_left {
    padding: 3% 0 !important;
}
.story_right {
    padding: 0 3% !important;
}
.bditem2, .bditem3 {
    display: none;
}
.st_name {
    display: block;
}
.str_btm {
    font-size: 0.8em !important;
}
#title h4 {
    font-size: 18px !important;
    margin-bottom: 12px;
    margin-left: -30px;
}
#title ol li {
    font-size: 14px !important;
    margin-bottom: 5px !important;
    text-align: left;
    width: 100%;
}
.introitems li:nth-child(2n+1) {
    float: left;
}
.introitems li:nth-child(2) {
    float: right;
}
@media screen and (max-width:480px) {
    p,dd {
/*        font-size: 0.9em;*/
    }

    #contIntro h3 {
        font-size: 16px !important;
    }
    .introitems li {
        display: block;
    }
    .introitems li:nth-child(2n+1) {
    float: left;
    width: 100%;
    text-align: center;
    }
    .introitems li:nth-child(2) {
    float: right;
    width: 100%;
    }
    .intro_cmt p {
        font-size: 11px;
        padding: 15px;
    }
    .story_inner {
        padding: 0 2%;
    }
    .storyitem2 {
        max-width: 60%;
    }
    
}
.bditem1, .bditem2, .bditem4 {
    display: none;
}
.top_text {
	text-align: center;
    width: 100% !important;
}
@media screen and (max-width:480px) and (min-width:361px) {
    .top_inr {
        margin-bottom: -100% !important;
    }
    .topitem2 {
            right: 5% !important;
    top: 60px;
    }
    #top_bg {
/*            padding-top: 130% !important;*/
    }
    #top {
            padding-bottom: calc(100%*200/855) !important;
    }
}
@media screen and (max-width:360px) {
    .top_inr {
        margin-bottom: -20% !important;
    }
    .topitem2 {
    top: 60px;
        right: 5%;
    }
    #top_bg {
            padding-top: 130% !important;
    }
}
/*====================
cast
======================*/
#contCast {
    background-color:#f9b900;
}
.castbox {
        /*margin: 20px !important;*/
}
.castbox h2 {
    padding: 10px 0 10px 0 !important;
    font-size: 15px !important;
}

#contCast .white {
    padding-top: 25px;
}
.blue .castimg {
    text-align: left;
}
.white .castimg {
    text-align: right;
}
/*==================
footer
====================*/
#staff, #news {
	background-size: 50%;
}
#onair {
	background-size: 40%;
}
#trailer {
	background-size: 70%;
}
#ftr_line {
	background: #fff;
	height: 6px;
	width: 100%;
}
#footer{
/*width:94%;*/
height:40px;
line-height:20px;
margin: 0 auto;
padding-top: 20px;
    padding-bottom: 20px;
background: none no-repeat right bottom;
background-size: 20%;
text-align:center;
    background-color: #b2913a;
    color: #fff;
font-size:10px;
}


.youtube iframe {
    width: 90% !important;
    /*height: auto !important;*/
}





/*------------------------------------*/









.texstyle_s{
font-size:12px;
color:#403f3f;
line-height:24px;
width:100%;
margin-bottom:2px;
text-align:center;
}






.from_area{
width:95%;
margin:0 auto 30px auto;
}

.f-inp{
width:90%;
padding:3px;
font-size:12px;
border:1px solid #9d9d9d;
}


.select-inp{
padding:3px;
font-size:14px;
border:1px solid #9d9d9d;
}


.texa-inp{
width:100%;
height:180px;
padding:3px;
font-size:12px;
border:1px solid #9d9d9d;
}


.f-inp-2{
width:90%;
padding:3px;
font-size:12px;
}


/*==================
contact form
====================*/
#section_form {
	padding: 30px 10px;
}

#request_form {
	margin-bottom: 40px;
}

form.contact {
width: 100%;
font-size: 80%;
font-weight: normal;
}

form.contact p {
line-height: 130%;
}


form.contact table {
	margin: 0 auto;
width:100%;
border-collapse:collapse;

}

form.contact th {
width: 30%;
padding: 12px 4px;
text-align: center;
font-size:13px;
font-weight: normal;
}

form.contact th span.supplement {
font-weight: normal;
}

form.contact td {
padding: 10px 5px 7px;
text-align:left;

}
/
form.contact td span.supplement {
color: #808080;
}

/* --- 任意項目セル --- */
form.contact td.arbitrary {
background-color: #e0f1fc; /* 任意項目セルの背景色 */
}



form.contact p.button {
margin: 20px 0 0;
text-align: center;
}

form.contact p.button .submit_btn {
	cursor: pointer;
	width: 245px;
	height: 58px;
	text-indent: -9999px;
	border: none;
	background: none left top no-repeat;
}


.form_area{
width:100%;
margin-bottom:80px;
font-size:14px;
}

.form_tb{
	margin-bottom: 40px;
width:70%;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
/*background:#cccccc;*/
}

.thbg{
width:30%;
	background-color: #e5eeff;
	padding:6px;
	text-align:left;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}


.td-conte{
padding:6px;
background-color:#fff;
border-bottom:1px solid #cccccc;
}


.form_tdinp{
width:96%;
height:20px;
padding:2px;
}


/*==================
confirm(確認画面)
====================*/
.btn .conf_submit_btn {
	background: none no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 60px;
    text-indent: -9999px;
    width: 300px;
}

.btn .conf_back_btn {
	background: none no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 60px;
    text-indent: -9999px;
    width: 300px;
}










.button input:hover{
filter: alpha(opacity=70);
-ms-filter: alpha(opacity=70);
opacity: 0.7;
}





/*---------------------------------------------------------------------*/



.smp1 img{
width:15%;
}


.smp2 img{
width:55%;
}





/*-----------------.campaign-------------------*/


.campaign .howto_list li {
    float: none !important;
    width: 90% !important;
    margin: 10px auto !important;
}

.campaign #contIntro .intro_inner p {
    font-size: 1em !important;
    font-weight: normal !important;
    padding-bottom: 0.8em;
}
.campaign #contIntro .intro_inner {
    width: 90% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
.campaign h2 {
    height: 2em !important;
    margin-top: 2em !important;
    font-size: 1.2em !important;
    background-size: contain !important;
}

.campaign .howto_ttl {
    font-size: 1em !important;
}
.campaign .accept {
    font-size: 1em !important;
}
.campaign #contIntro h3 {
     color: #333 !important; 
}
.cp_bnr {
    max-width: 100% !important;
}