/*-- 共通パーツ --*/
.mz-tit-mantube { padding-left: 1.5em; background: url(https://dimj76dz6kqyc.cloudfront.net/ico_mantube_bk.svg) 0 70% no-repeat; background-size: 1.2em; }

/*-- index：動画ジャンル選択ボタン --*/
div.genre_wrap { width: 100%; margin-bottom: 10px; padding: 5px; background: #eaeaea; border-radius: 6px 6px 0 0; }
div.genre_wrap dfn { margin: 0 10px; font-size: 12px; line-height: 36px; letter-spacing: 1px; display: block; float: left; }
ul.video_genre { margin: 0; }
ul.video_genre li.allvideo { margin-top: 2px; font-size: 14px; line-height: 30px; display: block; }
ul.video_genre li.allvideo span { padding: 5px; color: #FFF; background: #00bee7; border: #00bee7 solid 2px; }
ul.video_genre li.allvideo a { padding: 5px 10px; color: #00bee7; font-weight: bold; border: #eaeaea solid 2px; }
ul.video_genre li.allvideo a:hover { border: #00bee7 solid 2px; }
ul.video_genre_button { padding: 0; background: #FFF; }
ul.shopch { margin-bottom: 4px; }
ul.video_genre_button li { width: 18%; margin: 6px .5%; font-size: 11px; line-height: 24px; text-align: center; float: left; }
ul.video_genre_button li.top { width: 23%; margin: 0 .5% 0 0;  font-size: 14px; line-height: 36px; }
ul.video_genre_button li a { color: #666; background: none; font-weight: bold; border: #AAA solid 2px; border-radius: 6px; display: block; }
ul.manzokuch li.top a { color: #00bee7; }
ul.shopch li.top a { color: #00bee7; }
ul.video_genre_button li a:hover { color: #FFF; border-width: 2px; }
ul.video_genre_button li.top a { border-color: #FFF; border-radius: 0; }
ul.manzokuch li.top a:hover { color: #00bee7; border-color: #00bee7; border-width: 2px; }
ul.shopch li.top a:hover { color: #00bee7; border-color: #00bee7; border-width: 2px; }
ul.video_genre_button li.gold a:hover { color: #C94; border-color: #C94; }
ul.video_genre_button li.pink a:hover { color: #ff598a; border-color: #ff598a; }
ul.video_genre_button li.blue a:hover { color: #3AA2F4; border-color: #3AA2F4; }
ul.video_genre_button li.orange a:hover { color: #ff8d2e; border-color: #ff8d2e; }
ul.video_genre_button li.green a:hover { color: #00D8BF; border-color: #00D8BF; }
ul.video_genre_button li.purple a:hover { color: #8200D8; border-color: #8200D8; }
ul.video_genre_button li.red a:hover { color: #e3004b; border-color: #e3004b; }
ul.video_genre_button li span { color: #FFF; font-weight: bold; border: #FFF solid 2px; border-radius: 6px; display: block; }
ul.video_genre_button li.top span { color: #FFF; border-radius: 0; }
ul.manzokuch li.top span { background: #00bee7; border-color: #00bee7; }
ul.shopch li.top span { background: #00bee7; border-color: #00bee7; }
ul.video_genre_button li.gold span{ background: #C94; border-color: #C94; }
ul.video_genre_button li.pink span{ background: #ff598a; border-color: #ff598a; }
ul.video_genre_button li.blue span{ background: #3AA2F4; border-color: #3AA2F4; }
ul.video_genre_button li.orange span{ background: #ff8d2e; border-color: #ff8d2e; }
ul.video_genre_button li.green span{ background: #00D8BF; border-color: #00D8BF; }
ul.video_genre_button li.purple span{ background: #8200D8; border-color: #8200D8; }
ul.video_genre_button li.red span{ background: #e3004b; border-color: #e3004b; }

/*-- view：動画詳細 --*/
.mtb_videotitle { padding: 10px 10px 10px 30px; font-size: 20px; font-weight: bold; line-height: 1.2em; background-image: url(https://dimj76dz6kqyc.cloudfront.net/ico_arr4_w.svg); background-position: left 10px top 50%; background-repeat: no-repeat; background-size: 10px; }
.mtb_detailbody { padding: 10px 20px; background: #efefef; box-shadow: 0 0 0 1px #CCC inset, 0 0 0 3px #FFF inset; border-radius: 0 0 5px 5px; }
.mtb_data { width: 100%; margin: 0; font-size: 15px; line-height: 23px; display: flex; }
.mtb_data .thumb a { width: 80px; display: block; }
.mtb_data .thumb a img { width: 100%; object-fit: cover; display: block; }
.mtb_data .thumb a:hover img { box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5); filter: brightness(0.7); }
.mtb_data .data { padding-top: 5px; margin-left: 10px; flex-grow: 1; position: relative; }
.mtb_data .data .update { font-size: 11px; line-height: 11px; text-align: right; color: #444; position: absolute; top: 0; right: 0; }
.mtb_data .data .name a { font-size: 20px; font-weight: bold; color: #e3004b; }
.mtb_data .data .shop a { color: #222; }
.mtb_data .data a:hover { color: #49E; }
.mtb_data .data .name span, .mtb_data .data .shop span { margin: 0 5px; font-size: 13px; font-weight: normal; }
.mtb_data .tag { display: flex; flex-wrap: wrap; }
.mtb_data .tag li a { padding: 0 6px; margin: 3px 0 0 5px; font-size: 13px; line-height: 19px; color: #FFF; background: #888; border-radius: 3px; display: block; }
.mtb_data .tag li a:hover { color: #FFF; background: #49E; }

.mtb_video_description { padding: 20px 2% 35px 2%; margin: 10px auto; border-top: #CCC solid 1px; position: relative; }
.mtb_video_description .switch_open, .mtb_video_description .switch_close { position: absolute; bottom: 0; }
.mtb_video_description #description_box { display: none; }
.mtb_video_description label { width: 96%; padding: 10px 0 0 25px; font-weight: bold; text-align: center; background-position: 43% 70%; background-repeat: no-repeat; background-size: 15px; border-top: #CCC dotted 1px; cursor: pointer; }
.mtb_video_description #description_box ~ .switch_open { background-image: url(https://dimj76dz6kqyc.cloudfront.net/ico_down.svg); display: block; }
.mtb_video_description #description_box ~ .switch_open:hover { color: #49E; background-image: url(https://dimj76dz6kqyc.cloudfront.net/ico_down_b.svg); }
.mtb_video_description #description_box ~ .switch_close { background-image: url(https://dimj76dz6kqyc.cloudfront.net/ico_up.svg); display: none; }
.mtb_video_description #description_box ~ .switch_close:hover { color: #49E; background-image: url(https://dimj76dz6kqyc.cloudfront.net/ico_up_blue.svg); }
.mtb_video_description #description_box:checked ~ .switch_open { display: none; }
.mtb_video_description #description_box:checked ~ .switch_close { display: block; }
.mtb_video_description .description { width: 100%; min-height: 90px; height: 90px; line-height: 30px; overflow: hidden; }
.mtb_video_description #description_box:checked ~ .description { height: 100%; }