@charset "utf-8";

/*======================================================================

　大須商店街殺人事件
　
	[01] 基本・レイアウト
	[02] トップ
	[03] ストーリー
	[04] 参加方法
	[05] キャスト
    [06] SNS
    [07] エピソード1
    [08] エピソード2
    [09] 捜査ファイル
	[99] メディアクエリ

======================================================================*/


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

	[01] 基本・レイアウト

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

/*@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);


html { /*font-size:62.5%; 10px*/ }
.sitemap_box { /*font-size: 160%;*/ }
#wrapper { font-family: "Zen Old Mincho", sans-serif; width: 100%; min-width: 1000px; padding: 0; background: #000; }
/*#wrapper { font-family: 'LINE Seed JP', "Zen Old Mincho", sans-serif; width: 100%; min-width: 1000px; padding: 0; background: #000; }*/
#wrapper .mark_mys{background: url("/tan_pro/images/bg_wrapper.png") 50% 0% repeat-y fixed;}
.cnt_box{width: 100%; max-width: 1000px; margin: 0 auto; padding: 30px 0;}
/*.cnt_box p.article{width: 920px; margin: 0 40px 20px;}*/
.vpc{display: inherit;}
.vsp{display: none;}
p{color:#fff;}
p.article{font-size: 1.8rem; line-height: 1.8;}
.link-off{pointer-events: none;}
.bnr{width: 234px; margin: 0 auto 40px;}
.bnr img{width: 100%;}
.btn_back{width: 40%; min-width: 120px; max-width: 360px; margin:30px auto; text-align: center;}
.btn_back a{display: block; font-size: 1.8rem; font-weight: 600; padding: 8px 20px; text-decoration:none; text-align:center; border-radius: 4px; color:#000!important; background:#fff; transition:0.3s;}
.btn_back a:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}

/* Flex Box
---------------------------------*/
.flb{display:flex; flex-wrap: wrap; /*justify-content:center;*/ width: 100%; max-width: 1000px; margin: 0 auto;}


/* フェード
---------------------------------*/
/* 上からフェードイン */
.slide-top {opacity: 0;	transform: translate(0, -20px);	transition: all 1s ease-out;}

/* 下からフェードイン */
.slide-bottom1 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.3s ease-out; }
.slide-bottom2 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.4s ease-out; }
.slide-bottom3 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.5s ease-out; }
.slide-bottom4 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.6s ease-out; }
.slide-bottom5 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.7s ease-out; }
.slide-bottom6 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.8s ease-out; }

 /* 左からフェードイン */
.slide-left1 {opacity: 0; transform: translate(-60px, 0); transition: all 1.5s 0.8s ease-out; }

/* 右からフェードイン */
.slide-right1 {opacity: 0; transform: translate(60px, 0); transition: all 1.2s 1.6s ease-out; }



/* フッタ
---------------------------------*/
footer#common_foot{margin: 0 0 0;}
#footer img{vertical-align: top !important;}
#footer{width:100%; padding:0 0 10px; text-align:center;}
p#copyright{padding: 30px 0; font-size: 1.4rem; line-height: 1.8; color: #fff;}

/* SNSボタン */
#sns_btbox img{vertical-align: top !important;}
.sns_btn{margin: 60px 0 0; text-align: center;}
.sns_btn div, .sns_btn p{display: inline-block; vertical-align: top;}
.sns_btn div iframe{height: inherit !important; max-height: 30px;}
.sns_btn a.ssp{margin: 0px; padding: 0 0 0 10px; vertical-align: top; line-height: 0;}


/* リンク
---------------------------------*/
a{font-weight: 500; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
a:link		{color:#0952a1;}
a:visited	{color:#0952a1;}
a:hover		{text-decoration:none; color:#0952a1; opacity:0.7;}
a:active	{text-decoration:none;}


/* 見出し
---------------------------------*/
#mys_top h2, #ep1_top h2 { width: 100%; margin: 100px auto; /*max-width: 280px; margin: 190px auto 100px;*/ text-align: center; }
#mys_top h2 img, #ep1_top h2 img { width: 100%; }
.cnt_box h3{width: 100%; max-width: 320px; /*height: 84px;*/ margin: 0 auto 50px; padding: 0; text-align: center;}
.cnt_box h3 img{width: 100%;}
#box_howto .cnt_box h3{width: 100%; margin: 0 auto 50px; padding: 0; text-align: center; border-bottom: 2px solid #fff;}
#box_howto .cnt_box h3 img{width: 100%; max-width: 320px;}
h4{margin: 0 0 30px; max-width: 460px;}
h4 img{width: 100%;}
#box_cast h4{margin: 0 10px 30px; max-width: 745px;}
#box_cast h4 img{width: 100%;}
#box_cast_ep1 h4{margin: 0 10px 30px; max-width: 745px;}
#box_cast_ep1 h4 img{width: 100%;}
#box_ranking h4{margin: 0 auto 30px; max-width: 600px;}
#box_ranking h4 img{width: 100%;}
/*#box_ep1 h4{margin: 0 10px 30px; max-width: 460px;}
#box_ep1 h4 img{width: 100%;}*/

#ep1_top h5{width: 100%; margin: 0 0 20px; font-size: 1.8rem; color: #fff; border-bottom: 2px solid #fff;}
#ep1_top h6{width: 100%; margin: 0 0 20px; }
#ep1_top h6 img{width: 100%; max-width: 370px;}


/* 脚注
---------------------------------*/
ul.notice{max-width: 900px; margin: 0 auto 3rem;}
ul.notice li{list-style: none; margin: 0 0 6px; padding-left: 1em; font-size: 1.4rem; line-height: 1.3; text-indent: -1em; color: #df0101;}
span.notice{display:block; font-size: 1.4rem; color:#fff; margin:0 0 6px 0;}





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

	[02] トップ

------------------------------------------------*/
#mys_top .cnt_box{/*padding: 90px 0 30px;*/}
#mys_top #main{position: relative; width: 100%; margin:0 0 40px;  background: url(/tan_pro/images/bg_main.png) no-repeat 50% 50% / cover;}
/*#mys_top #main .flb{background: #000;}*/
#mys_top #main .flb > div{/*width: 50%;*/}
.cnt_box p.cc { margin-bottom: .5em; font-size: 3rem; font-weight: 900; } 
.cnt_box p.article { width: 94%; margin: 0 3% 20px; font-size: 1.5rem; line-height: 1.8; }

.box_cc2 { display: grid; justify-content: center; width: 100%; margin: 3em auto; }
.cnt_box p.cc2 { width: 100%; margin: 0 0 20px; font-size: 2.4rem; font-weight: 900; line-height: 1.6; }
.cnt_box p span.ylw1 { color: #edf510; }
.cnt_box p span.ylw2 { color: #edf510; padding-left: 1em; }
.cnt_box p span.ylw3 { color: #000; margin: 0 0.125em; padding: 0 0.125em; background: #edf510; }
.cnt_box p span.nowrap { white-space: nowrap; }
.center { display: grid; justify-content: center; width: 100%; }


/* 番宣動画 
---------------------------------*/
/**,::after,::before{box-sizing:border-box}*/
.close-modal,::after,::before{box-sizing:border-box}

/* jquery.modal */
.blocker,.modal{box-sizing:border-box}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;background-color:#000;background-color:rgba(0,0,0,.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.modal-spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.5)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,100%,40%{transform:scaleY(.5);-webkit-transform:scaleY(.5)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}

/* youtube video */
.vdo-unit{margin-top: 20px;}
.vdo-base {margin-bottom: .8rem; position: relative;}
.modal-open {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 6;}
.vdo-body {max-width: 100%; height: auto; padding-bottom: 56.25%; position: relative; overflow: hidden;}
.vdo-body iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.dialog .vdo-txt {margin-top: 20px; margin-left: 1%;}
.dialog .vdo-txt p.txt-ttl {font-size: 2.1rem; margin-top: -.2rem; color: #fff;}
.dialog .vdo-txt p.txt-txt span {font-size: 1.4rem; margin-bottom: .4rem; color: #fff;}

/* modal */
.blocker {z-index: 11;}
.modal {background: #242424; border-radius: 4px; max-width: 1200px; padding: 10px;}
.modal-window .vdo-txt {margin-left: 0%;}
.modal-window .vdo-txt p.txt-ttl {font-size: 2.1rem; margin-top: -.2rem; color: #fff;}
.modal-window .vdo-txt p.txt-txt {font-size: 1.4rem; margin-bottom: .4rem; color: #fff;}
.modal a.close-modal {background: #000; border: 2px solid #242424; border-radius: 50%; display: block; width: 26px; height: 26px; padding: 30px 30px 0 0; overflow: hidden; position: absolute; top: -13px; right: -13px;}
.modal a.close-modal:hover {background: #424242;}
.modal a.close-modal::before,
.modal a.close-modal::after {background: #999; content: ''; display: block; width: 2px; height: 24px; margin-left: -1px; position: absolute; top: 3px; left: 50%;}
.modal a.close-modal::before {transform: rotate(-45deg);}
.modal a.close-modal::after {transform: rotate(45deg);}



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

	[03] ストーリー

------------------------------------------------*/
#box_topics{width: 100%; max-width: 1000px; margin: 0 auto 30px;}
/*.cc{width: 100%; max-width: 936px; margin: 100px 0 60px;}
.cc2{width: 100%; max-width: 616px; margin: 100px auto 60px;}
.cc img, .cc2 img{width: 100%;}*/



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

	[04] 参加方法

------------------------------------------------*/
/*#mys_top #box_flow .flb div{width: calc(48% - 2px); margin: 0 1%;}
#mys_top #box_flow .flb div p{color: #fff;}*/
#box_flow{margin: 40px 0 100px;}

.btn-square1{display: inline-block; padding: 30px 20px; text-decoration: none; /*background: #fff; border-bottom: solid 10px #bc0412; border-radius: 10px;*/ }
.btn-square2{display: inline-block; padding: 30px 20px; text-decoration: none; /*background: #fff; border-bottom: solid 10px #0c61a5; border-radius: 10px;*/ }
.btn-square1:active,
.btn-square2:active{-webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}

.flb.list_flow{justify-content: left; margin: 1% 0 3%;}
.flb.list_flow div{width: calc(48% - 4px); margin: 0 1% 30px; text-align: center;}
.flb.list_flow div img{width: 100%;}


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

	[05] キャスト

------------------------------------------------*/
.flb.list_cast{display: flex; flex-wrap: wrap; justify-content: left; width: 100%; margin: 40px 0;}
.flb.list_cast div{width: calc(31.3% - 4px); margin: 0 1% 60px; text-align: center;}
p.img_cast{margin: 0 0 10px;}
p.img_cast img{width: 100%;}
p.name{font-size: 1.8rem; margin: 0 0 10px;}


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

	[06] SNS

------------------------------------------------*/
#box_tw{width: 100%; padding: 100px 0 50px; text-align: center; background: #15344d;}
#box_sns .flb{justify-content: center; margin-bottom: 60px;}


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

	[07] エピソード1

------------------------------------------------*/
#ep1_top #main{position: relative; width: 100%; margin:0 0 40px;  background: url(/10ch_mystery/images/bg_main.png) no-repeat 50% 50% / cover;}

.sub_tit{width: 100%; border-bottom: 2px solid #fff; margin-bottom: 18px; text-align: center;}
.sub_tit img{width: 100%; max-width: 524px;}
.oa{width: 100%; text-align: center; margin-bottom: 20px;}
.oa img{width: 100%; max-width: 542px;}

#box_cast_ep1{margin-top: 60px;}
#box_tarekomi .flb{max-width: 920px;}
.flb.list_cast_ep1{display: flex; flex-wrap: wrap; justify-content: left; width: 100%; margin: 40px 0;}
.flb.list_cast_ep1 div{width: calc(23% - 4px); margin: 0 1% 60px; text-align: center;}
.flb.list_cast_ep1 p.article{font-size: 1.4rem; line-height: 1.8; text-align: left;}
p.article span.caption{display: block; text-align: right; font-size: 1.2rem;}
p.intro{font-size: 3.0rem; line-height: 1.8; text-align: left; margin-bottom: 60px;}
p.intro span.marker{background: linear-gradient(transparent 60%, #620000 60%); font-weight: bold;}

.flb.list_cast_ep1.nowide{margin: 40px 0 0;}
.flb.list_cast_ep1.wide{margin: 0 0 40px;}
.flb.list_cast_ep1.nowide div{margin: 0 1% 0px;}
.flb.list_cast_ep1.wide div{width: calc(48% - 4px); margin: 0 1% 60px; text-align: center;}

ul.notice67{width: 88%; margin: 0 auto 60px; list-style: disc;}
ul.notice67 li{font-size: 1.4rem; padding-bottom: 5px; color: #ffff00;}

.flb.btn_mov_pf, .flb.btn_join, .flb.btn_file{display: flex; flex-wrap: wrap; justify-content: left; width: 100%; margin: 40px auto;}
.flb.btn_mov_pf div, .flb.btn_join div, .flb.btn_file div{width: calc(48% - 4px); margin: 0 1% 60px; text-align: center;}
/*.flb.btn_mov_pf div, .flb.btn_join div, .flb.btn_file div img{width: 100%;}*/
.flb.btn_mov_pf div, .flb.btn_join div{background: #fff; border-radius: 10px;}
.flb.btn_mov_pf div a, .flb.btn_join div a, .flb.btn_file div a{display: block;}
.flb.btn_mov_pf div img, .flb.btn_join div img{width: 70%; max-width: 220px; margin: 12px auto;}
.flb.btn_file div img{width: 100%; margin: 12px auto;}

.no_link{-webkit-filter: grayscale(1); /* Webkit */ filter: gray; /* IE6-9 */ filter: grayscale(1); /* W3C */}

/*タレコミ電話*/
.tarekomi1 div{width: 50%; margin-bottom: 20px; text-align: center;}
.tarekomi1 div img{width: 100%;}
.tarekomi2 div{width: 47.5%;}
.tarekomi2 div:nth-child(odd){margin: 2em 2.5% 2em 0;}
.tarekomi2 div:nth-child(even){margin: 2em 0% 2em 2.5%;}

.tarekomi2 div a{cursor:default; pointer-events: none;}

/*.tarekomi2 div a{cursor: pointer; pointer-events: auto; padding: 3em 0.5em 0.75em 8%; background: url(/10ch_mystery/episode1/images/bg_67no.png) no-repeat left center; -webkit-background-size: 90%; background-size: 90%;}*/
.tarekomi2 div a img{width: 90%;}

/*注意事項*/
section.note_txt {font-family: 'Lucida Grande', Meiryo, sans-serif; position:relative; z-index:99; width:100%; margin:30px auto 0px; padding:50px 0; background-color: rgba(114,1,1,0.9);}
section.note_txt div { width:80%; max-width:1000px; margin:0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
section.note_txt div dl { color:#fff; width:46%;}
section.note_txt div dl dt { font-size: 1.6rem; font-weight:bold; margin-bottom:12px; padding:2px 0; border-bottom:solid 1px #fff;}
section.note_txt div dl dd { font-size:1.2rem; position:relative;}
/*section.note_txt div dl dd:before{
    content: "・";
	position: absolute;
	top: 0px;
	left: 0px;
}*/
section.note_txt div dl dd ul { list-style:disc;}
section.note_txt div dl dd ul li { margin-bottom:7px;}
section.note_txt div a { color:#fff;}
section.note_txt div a:hover { text-decoration:none;}


/* ランキング
---------------------------------*/
.flb table{width: calc(100% / 3 - 20px); margin: 0 10px; color: #fff;}
.tb_res01 {border-collapse: collapse; vertical-align: middle; width: 100%; margin: 0 auto 60px; font-size: 1.4rem; color: #000;}
.tb_res01 th, .tb_res01 td {border: 1px solid #4d4d4d; padding: 3px 8px;}
.tb_res01 th {background: rgba(255,255,255,0.3);}
.tb_res01 td:nth-of-type(1),.tb_res01 td:nth-of-type(2){text-align: center;}
.tb_res01 label {line-height: 34px; margin: 0;}



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

	[08] エピソード2

------------------------------------------------*/
#ep2_top #main{position: relative; width: 100%; margin:0 0 40px;  background: url(/10ch_mystery/images/bg_main.png) no-repeat 50% 50% / cover;}

ul.number li{margin: 0 0 20px 10px; padding: 0 0 10px 33px; font-size: 1.8rem; line-height: 1.6; color: #fff;}
ul.number li span{margin: 0 6px 0 0; padding: 2px 14px 0; display: inline-block; color: #000; font-size: 1.8rem; font-weight: 600; background: #fff; border-radius: 4px; vertical-align: middle;}
ul.number li a span{color: #fff; background: #0c61a5;}
ul.number li:nth-child(1){background: url(/10ch_mystery/episode2/images/icon_n01.png) no-repeat 0% 2px; background-size: 24px 24px;}
ul.number li:nth-child(2){background: url(/10ch_mystery/episode2/images/icon_n02.png) no-repeat 0% 2px; background-size: 24px 24px;}
ul.number li:nth-child(3){background: url(/10ch_mystery/episode2/images/icon_n03.png) no-repeat 0% 2px; background-size: 24px 24px;}
ul.number li:nth-child(4){background: url(/10ch_mystery/episode2/images/icon_n04.png) no-repeat 0% 2px; background-size: 24px 24px;}
ul.number li:nth-child(5){background: url(/10ch_mystery/episode2/images/icon_n05.png) no-repeat 0% 2px; background-size: 24px 24px;}
ul.number li:nth-child(6){background: url(/10ch_mystery/episode2/images/icon_n06.png) no-repeat 0% 2px; background-size: 24px 24px;}
ul.number li:nth-child(7){background: url(/10ch_mystery/episode2/images/icon_n07.png) no-repeat 0% 2px; background-size: 24px 24px;}
ul.number li:nth-child(8){background: url(/10ch_mystery/episode2/images/icon_n08.png) no-repeat 0% 2px; background-size: 24px 24px;}
ul.number li:nth-child(9){background: url(/10ch_mystery/episode2/images/icon_n09.png) no-repeat 0% 2px; background-size: 24px 24px;}

.btn_buy{width: 40%; min-width: 120px; max-width: 360px; margin:30px auto; text-align: center;}
.btn_buy a{display: block; font-size: 3rem; font-weight: 600; padding: 18px 20px; text-decoration:none; text-align:center; border-radius: 4px; color:#fff!important; background:#0c61a5; transition:0.3s;}
.btn_buy a:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}

/*注意事項*/

#ep2_top section.note_txt div dl{width:100%;}



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

	[09] 捜査ファイル

------------------------------------------------*/
.flb.filing{display: flex; flex-wrap: wrap; justify-content: left; width: 100%; margin: 40px auto;}
.flb.filing div{width: calc(48% - 4px); margin: 0 1% 60px; text-align: center;}
.flb.filing div img{width: 100%;}

.cnt_box .vdo-txt p.txt-ttl {font-size: 2.1rem; margin-top: -.2rem; color: #fff; text-align: center;}
.cnt_box .vdo-txt p.txt-txt {text-align: center;}
.cnt_box .vdo-txt p.txt-txt span {font-size: 1.4rem; margin-bottom: .4rem; color: #fff; text-align: center;}
.modal-window .vdo-txt p.txt-ttl {font-size: 2.1rem; margin-top: -.2rem; color: #fff; text-align: center;}
.modal-window .vdo-txt p.txt-txt {font-size: 1.4rem; margin-bottom: .4rem; color: #fff; text-align: center;}


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

	[99] メディアクエリ

------------------------------------------------*/
@media screen and (min-width: 769px) {



}


@media screen and (max-width: 768px) {

/* [01] 基本・レイアウト
---------------------------------*/
#resNav{z-index:9999;}
.bg-subnav{display:none;}
header{min-width:150px;}
#wrapper{min-width:200px;}
.mark_mys{margin: 7px auto 0px;}
.cnt_box{width: 90%; max-width: none; padding-top: 0px;}
.vpc{display: none;}
.vsp{display: inherit;}
.btn_back{width: 70%; max-width: none;}

/* 見出し */

#mys_top h2, #ep1_top h2, #ep2_top h2{width: 100%; max-width: none; margin: 2em auto;}
#mys_top h2 img, #ep1_top h2 img, #ep2_top h2 img{width: 100%;}
.cnt_box h3{}
#box_cast h4{margin: 0 auto 30px; text-align: center;}

/* [02] トップ
---------------------------------*/
/*#mys_top #main .flb{background: #000;}
#mys_top #main{position: relative; width: 100%; margin:0 0 40px;  background: url(/10ch_mystery/images/bg_main.png) no-repeat 50% 50% / cover;}*/
#mys_top #main .flb > div, #ep1_top #main .flb > div{width: 100%;}

/* 番宣動画 */
.pkg {display: block; width: 100%;}
.modal-open {display: none;}

.cnt_box p.cc { font-size: 2rem; } 
.cnt_box p.article { width: 100%; margin: 0 0 20px; font-size: 1.125rem; line-height: 1.8; text-align: justify; }

.box_cc2 { display: grid; justify-content: center; width: 100%; margin: 3em auto; }
.cnt_box p.cc2 { width: 100%; margin: 0 0 20px; font-size: 2rem; font-weight: 900; line-height: 1.6; }
.cnt_box p span.ylw2 { padding-left: 0em; }



/* [03] ストーリー
---------------------------------*/


/* [04] 参加方法
---------------------------------*/
.flb.list_flow div{width: calc(100% - 0px); margin: 0 0 2em; text-align: center;}
.btn-square1 { display: inline-block; padding: 0; text-decoration: none; /*background: #fff; border-bottom: solid 10px #bc0412; border-radius: 10px;*/ }
.btn-square2 { display: inline-block; padding: 0; text-decoration: none; /*background: #fff; border-bottom: solid 10px #0c61a5; border-radius: 10px;*/ }

/* [05] キャスト
---------------------------------*/
#box_cast h4 img{max-width: 480px;}
.flb.list_cast{margin: 1% 0 30px;}
.flb.list_cast div{width: calc(48% - 4px);}



/* [07] エピソード1
---------------------------------*/
.flb.list_cast_ep1 div{width: calc(46% - 4px); margin: 0 2% 60px; text-align: center;}
.flb.list_cast_ep1.wide div{width: calc(96% - 4px); margin: 0 2% 60px;}

/*タレコミ電話*/
.tarekomi2 div a{cursor: pointer; pointer-events: auto; padding: 3.5em 0.5em 0.75em 8%; background: url(/10ch_mystery/episode1/images/bg_67no.png) no-repeat left center; -webkit-background-size: 70%; background-size: 70%;}
.tarekomi2 div:nth-child(odd){margin: 2em 0;}
.tarekomi2 div:nth-child(even){margin: 2em 0;}

/*注意事項*/
section.note_txt div { width:90%; max-width:90%; display: block;}
section.note_txt div dl { width:100%; margin-bottom:30px;}
section.note_txt div dl dd ul { margin-left:1.5em;}

/*ランキング*/
.flb table{width: calc(100% / 1 - 12px); margin: 0 3px; color: #fff;}


/* [08] エピソード2
---------------------------------*/
.btn_buy{width: 90%; max-width: none;}




/* [09] 捜査ファイル
---------------------------------*/
/*.flb.filing{display: flex; flex-wrap: wrap; justify-content: left; width: 100%; margin: 40px auto;}*/
.flb.filing div{width: calc(96% - 4px); margin: 0 2% 60px; text-align: center;}
/*.flb.filing div img{width: 100%;}*/

}


@media screen and (max-width: 639px) {
/* 番宣動画 */
header .txt-ttl {font-size: 5.625vw;}
main .block-inner > .txt-ttl {font-size: 5vw;}
.pkg .txt-ttl {font-size: 5vw;}
.pkg .txt-txt {font-size: 4.375vw;}
.copyright p small {font-size: 3.75vw;}
}


@media screen and (max-width: 480px) {

/* [01] 基本・レイアウト
---------------------------------*/
/* フッタ */
/*p#copyright{font-size: 1.2rem; line-height: 1.6;}*/

/* [05] キャスト
---------------------------------*/
/*.flb.list_cast div{width: calc(98% - 4px); margin: 0 1% 30px; text-align: center;}*/


/* [07] エピソード1
---------------------------------*/

.flb.btn_mov_pf div, .flb.btn_join div, .flb.btn_file div{width: calc(98% - 4px); margin: 0 1% 20px; text-align: center;}
/*タレコミ電話*/
.tarekomi2 div a{padding: 4.5em 0.5em 0.75em 8%;}
.tarekomi1 div{width: 100%; margin-bottom: 20px; text-align: center;}
.tarekomi2 div{width: 100%;}

p.intro{font-size: 2.1rem; margin-bottom: 30px;}

}