/* 自由エリア編集のCSS
---------------------------------------------*/
/*解答*/
.page_116{width:100%px !important; background:url(../../../core_sys/images/main/cont/special/kaitou/main_bg_sp.jpg) top center no-repeat; color:#000; min-height:600px; background-size:100% auto;}
#kaitou_area{width:100%px; min-height:370px; height:auto; position:relative;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
#mondai_wrap{margin:60px auto 0px; padding:20px 10px 10px 10px; position:relative; z-index:1; background:rgba(255,255,255,0.8); border-radius:5px;}
#mondai{margin:0px 0px 10px; font-size:15px; line-height:1.5;}
#mondai a,#mondai a:hover,#mondai a:visited{color:#ff6060; font-weight:bold;}
ul#key_list{font-size:0; text-align:center; border-radius:10px; padding:20px 25px;}
ul#key_list li{box-sizing: border-box;vertical-align:top; font-size:11px; display:inline-block; text-align:left; width:50%; padding:0px 5px 0px 0px;}
#ans_target_wrap{position:absolute; top:0px; left:0px; z-index:0; width:100%;}
#ans_target_wrap iframe{width:100%; height:550px;}

#cms_block div.read{width:100%;}
#answer_check{background:none !important;}

#answer_area{width:100%; text-align:center; margin:30px 0px 0px 0px;}
#answer_area #answer_input{width:95%; text-align:center; padding:5px 0px; border-radius:5px; border:1px solid #b2935f; font-size:18px; margin:0px 0px 10px;}

#result_wrap{width:100%; margin:0px auto; padding:0px 0px 0px 0px; position:relative; z-index:1;}

/*探検*/
.page_60{width:800px !important; height:200px;
-moz-transform: scale(0.37,0.37);
-webkit-transform: scale(0.37,0.37);
-o-transform: scale(0.37,0.37);
-ms-transform: scale(0.37,0.37);
-moz-transform-origin: 0 0%;  
-webkit-transform-origin: 0 0%; 
}
.page_60 #screen{width:100%; height:490px; background:url(../../images/main/cont/special/tanken/screen_bg.png) no-repeat;position:relative;}
.page_60 #sbg{width:100%;position:absolute; top:0px; left:0px; border:1px solid #b2935f; border-radius:5px; z-index:0;}
.page_60 #sbg #img1{border:2px solid #fff; border-radius:5px; width:100%;}

.page_60 #titlemes{position:absolute; left:0px; bottom:50px; width:100%; z-index:1; padding:10px;}
.page_60 #titlemes .inner{font-size:30px; font-weight:bold; color:#fff; text-align:center;}
.page_60 #end_text{position:absolute; left:0px; bottom:-15px; width:100%; z-index:1; padding:10px;}
.page_60 #end_text .inner{font-size:30px; font-weight:bold; color:#fff; text-align:center;}
.page_60 #end_text .inner .txt{line-height:1.3;}

.page_60 #question_wrap{width:717px; background:rgba(25,20,10,0.7); position:absolute; left:29px; bottom:60px; z-index:1; padding:5px; color:#fff; }
.page_60 #question{border:1px solid rgba(255,255,255,0.5); border-radius:3px; height:auto; text-align:center; font-size:20px; padding:0px 0px; height:100px;overflow:auto;}
.page_60 #question .inner{width:100%;text-align:center; font-size:20px;}
.page_60 #question .inner:before{content: ''; display:inline-block; vertical-align:middle; width:100%; height:100%;}
.page_60 #question .inner .txt{ visibility: visible; display:inline-block; vertical-align:middle; line-height:1.4;}

.page_60 #ans_list{width:100%; text-align:center; padding:200px 0px 0px 0px; position:relative; z-index:1;}
.page_60 #ans_list .cho{margin:0px 25px;display:inline-block; background:rgba(255,255,255,0.85); border:3px solid #00d8e5; font-size:24px; padding:10px 20px 5px; min-width:200px; border-radius:30px; font-weight:bold; line-height:1.1;}
.page_60 #ans_list .cho a{text-decoration:none; color:#3c352d; display:block;}

.page_60 #ans_list .cho:hover{background:rgba(0, 255, 184, 0.85);}
.page_60 #ans_list .cho a:hover,.page_60 #ans_list .cho:hover a{color:#fff;}

/*youtube調整*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*news調整*/
.img-smart {
    width: 100%;
}
.img-smart img{
    width: 100%;
    height:auto;
}


/***************************************************
登録画像幅（上位置）
***************************************************/
.img_t .ph img{width:100%;}

/***************************************************
ページタイトル
***************************************************/
h2#cont_ti{
margin:0px 0px 30px 0px;
}
h2#cont_ti img{
width:100%;
}


/***************************************************
SNSボタン
***************************************************/
#sns_bt_area{display:block !important; margin:10px 0px 10px 0px; text-align:center; padding:0px 0px 0px 0px; overflow:hidden; border-bottom:1px solid #55462d;}
#sns_bt_area a{text-decoration:none !important;}
#like_bt{margin:0px 0px 5px 0px;}
#like_bt,#tweet_bt{display:inline-block; padding:0px 10px;}
#likeCount,#tweetCount{display:none; font-size:10px; text-decoration:none; padding:0px 10px 0px 0px;}


/***************************************************
文字中央寄せ
***************************************************/
#intro,
#staff,#staff h3,
#cast,#cast h3
{text-align:center !important;}

#staff h3,
#cast h3{font-size:140%; padding:0px 0px 10px 0px;}
#cast h3{font-size:140%; padding:30px 0px 10px 0px;}


/***************************************************
英語表記削除
***************************************************/
.staff_en,
.intro_en
{display:none;}

/***************************************************
デザイン調整
***************************************************/
/*wrapperマージン*/
#wrapper{padding:40px 0px 0px 0px !important;}

/*スクロール禁止*/
.noscroll{overflow:hidden;}


/***************************************************
記事タイトル装飾
***************************************************/
/* ニュースタイトル */
.ti_n_h3 {margin: 0px 0px 5px 0px;padding: 10px 10px; font-size:130%; font-weight:normal;}

.ti_c_h3,.ti_c_h3_nm,h3.ti_c_h3_gl,h3.ti_c_h3_gl_nm,.ti_c_h3b_nm {
padding: 10px 10px 0px;  
font-weight:bold;
margin: 0px 0px 20px;
padding: 0px 0px 5px 0px;
color: #55462d;
font-size:140%;
border-bottom:1px solid #55462d;
}
.ti_m_h3 {margin: 0px 0px 0px 0px;padding: 10px 20px 0px; font-size:130%; font-weight:normal;}
.ti_c_h4{margin:20px 0px 0px 0px;}
h4.st_ti{
margin: 10px 0px 10px;
padding: 0px 0px 10px 0px;
font-size:140%;
background: url(../../../core_sys/images/main/cont/st_ti_bg.png) bottom center no-repeat ;
background-size:contain;
text-align:center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p.h_no {margin:0px;padding:0px;}