@charset "utf-8";

/* ==================================================
Required to CMS-8341
================================================== */
/* banner
================================================== */
#tmp_banner {
    padding: 13px 10px 8px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 0 18px;
	background-position:right top;
    background-size: 960px 100%;
    -moz-background-size:  960px 100%;
    -webkit-background-size:  960px 100%;
}
#tmp_banner .banner_ttl {
    width: 100%;
    display: block;
    padding: 0 10px;
    margin-bottom: 10px;
}
#tmp_banner .banner_ttl img {
    max-width: 100%;
    height: auto;
}
#tmp_banner .banner_txt {
    padding: 0;
    font-size: 100%;
    width: 100%;
    display: block;
}
#tmp_cnt_provided .chanel_head .chanel_number {
    min-width: 44px;
    min-height: 43px;
    padding: 11px 5px 8px;
    font-size:100%;
}
#tmp_cnt_provided .chanel_head h1 {
    font-size: 150%;
    padding: 9px 10px 6px 54px;
    line-height: 1.4;
}
body:not(.editor_pc) #tmp_contents #tmp_cnt_provided .items_lists {
    margin:0 !important;
}
#tmp_cnt_provided .items_lists > li {
    width: 100%;
    padding: 0;
    margin-bottom: 23px;
}
#tmp_cnt_provided .items_lists > li:nth-child(3n+1) {
    clear: none;
}
#tmp_cnt_provided .items_lists .tem_txt_cnt a {
    line-height: 1.6;
}
.format_free .wrap_col_lft_navi {
    display: block;
    width: 100%;
    margin-right: 0;
}
.box_search_lft {
    padding: 12px 10px 15px;
}
.box_search_lft .site_sch_ttl {
    margin-bottom: 4px;
}
.box_search_lft .site_sch_ttl label {
    font-size: 125%;
    background: transparent url(/shared/templates/movie/images/icon/icon_search.png) no-repeat left 3px;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
}
#tmp_movie_top_slide.splide {
}
body:not(.editor_pc) #tmp_movie_top_slide .splide__list {
	display:block;
	margin:0 !important;
}
.used_javascript .mv_inner {
	background-color:transparent;
	background-image:none;
	padding:0;
}
.used_javascript .mv_txt {
	display:none;
}
#tmp_site_query {
    margin-bottom: 10px;
}
#tmp_site_sch_btn {
    min-height: 27px;
    font-size: 100%;
    margin: 0;
    min-width: 90px;
}
.section_chanel {
    margin-bottom: 30px;
}
.section_chanel .section_chanel_head {
    padding: 11px 10px 9px 20px;
    font-size: 125%;
}
.section_chanel .section_chanel_head p {
    padding-left: 35px;
    background: transparent url(/shared/templates/movie/images/icon/icon_chanel_head.png) no-repeat left 1px;
    background-size: 26px 22px;
    -moz-background-size: 26px 22px;
    -webkit-background-size: 26px 22px;
}
.section_chanel .section_chanel_lists .chanel_number {
    font-size: 112.5%;
    width: 60px;
}
.section_chanel .section_chanel_lists .chanel_cnt {
    font-size: 100%;
}
.section_chanel .section_chanel_lists .txt_block {
    display: inline;
}
.section_chiba_img {
    text-align: center;
    margin-bottom: 20px;
}
.section_chiba_img img {
    max-width: 100%;
    height: auto;
}
#tmp_share {
    margin-bottom: 12px;
}
#tmp_share ul li {
    margin: 0 12px;
}

/* =============================
Top Page 
============================== */
.used_javascript #tmp_tab_sp {
	display: block;
	margin: 20px -10px 0;
}
.box_tab_info {
    display: flex;
    flex-wrap: wrap;
    position: relative;
	flex:1;
}
.box_tab_info {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.box_tab_info .tab_video_ttl {
    order: 1;
    font-weight: bold;
    text-align: center;
    color: #222222;
    background: transparent;
    cursor: pointer;
	width: 33.3333333%;
	margin: 0 0 18px;
}
.box_tab_info .tab_video_ttl:first-child {
    padding: 0 1px 0 0;
}
.box_tab_info .tab_video_ttl:nth-child(5) {
    padding: 0 0 0 1px;
}
.box_tab_info .tab_video_ttl a {
    font-size: 93.75%;
    display: block;
    text-decoration: none;
    background-color: #cee1f2;
    color: #1761a6;
    padding: 9px 0 8px;
    font-weight: bold;
}
.box_tab_info .tab_video_cnt {
    order: 3;
    width: 100%;
}
.box_tab_info .tab_video_ttl.active a {
    color: #ffffff;
    background-color: #1d5a86;
    padding: 9px 5px 8px;
}
.box_tab_info .tab_video_cnt {
	padding: 0 10px;
}
#tmp_top_block {
    padding: 4px 0 0; 
}
.no_javascript #tmp_top_block {
	margin-bottom:20px;
}
.top_block_inner {
    margin: 0 -10px;
    padding: 0 10px;
    background: transparent url(/shared/templates/movie/images/top/sp_top_banner_bg.png) no-repeat top left;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.top_block_lft {
    width: 100%;
    float: none;
    padding: 18px 10px 0;
}
.top_banner_lbl img {
    max-width: 100%;
    height: auto;
}
.top_banner_sub {
    font-size: 112.5%;
    padding: 8px 0 0;
    letter-spacing: -0.2px;
	margin-bottom:10px;
}
.top_banner_txt {
    font-size: 100%;
    line-height: 1.75;
    padding: 0 0 17px;
}
.top_block_rgt {
	float:none;
	width:100%;
}
.used_javascript.type_movietop #tmp_cnt_provided .chanel_head {
    display: none;
}
.slide_block {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.mv_id,
#tmp_youtu_api {
	position:relative;
	display:block;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	min-width:200px;
}
.mv_id iframe,
#tmp_youtu_api iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.mv_slide .mv_item:nth-child(n+2) {
    display:block;
}
.mv_cap {
    padding: 10px 0 24px;
}
.learning_inner {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 18px 0 0;
}
.learning_img,
.learning_img a,
.learning_img a span {
	width:175px;
	height:125px;
}
.learning_img a {
	background:url(/shared/templates/movie/images/top/sp_cnt_img.png) no-repeat left top;
	background-size:100% auto;
}
.learning_txt {
    font-size: 100%;
    padding: 16px 10px 13px 9px;
}
.banner_list {
    margin: 30px 0 10px;
    padding: 16px 0 8px;
}
.banner_list_ttl {
    font-size: 125%;
    padding: 0 30px;
    line-height: 1.45;
}
body:not(.editor_pc) #tmp_contents .banner_list_block ul {
    list-style: none;
    margin: 13px -5px 0 !important;
}
.banner_list_block ul li {
	float:left;
    width: 50%;
	padding:0 5px;
	margin:0 0 10px;
}
.banner_list_block ul li img {
    width: 100%;
    max-width:none;
    height: auto;
}
.banner_list_block ul li:nth-child(2n) {
    clear: right;
}
.banner_list_block ul li:nth-child(2n+1) {
    clear: left;
}
#tmp_cnt_provided .items_lists .cnt_date .chanel_nu {
    margin-top: -3px;
}
body:not(.editor_pc) #tmp_contents .section_chanel_lists ul {
    margin: 0 !important;
}
#tmp_contents #tmp_share ul {
    margin-left: 0;
}
/* learning_cnt
================================================== */
.learning_cnt {
    margin-bottom:0;
}
/* =============================
Free Page 
============================== */
#tmp_youtu_api {
    width: 100%;
}
.type_moviefree #tmp_cnt_provided .chanel_head {
    margin: 0 0 21px;
}
#tmp_contents .mv_outline {
    font-size: 100%;
    line-height: 1.6;
    margin-bottom:20px;
}
#tmp_youtu_api {
    margin-bottom: 10px;
}
#tmp_contents ul.link_btn {
    list-style: none;
    margin: 0 0 25px;
}
#tmp_contents ul.link_btn li {
    margin: 0 0 10px;
    background-size: auto 42px;
    -webkit-background-size: auto 42px;
    -moz-background-size:  auto 42px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#tmp_contents ul.link_btn li a {
    font-size: 100%;
    padding: 13px 20px 14px 24px;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
    background: url(/shared/templates/movie/images/icon/arrow_icon.png) no-repeat 10px 17px;
    background-size: 8px auto;
    -webkit-background-size: 8px auto;
    -moz-background-size: 8px auto;
    line-height: 1.6;
}
.box_link {
    margin: 0 0 20px;
    padding: 5px 0 2px;
}
.box_link_ttl {
    font-size: 125%;
    background: transparent url(/shared/templates/movie/images/icon/box_link_icon.png) no-repeat 0 3px;
    padding: 5px 0 0 12px;
}
.box_link_cnt {
    padding: 8px 8px 10px 8px;
}
#tmp_contents .box_link ul {
    padding: 11px 10px 10px 11px;
}
#tmp_contents .box_link li {
    margin: 0 0 7px;
    background: transparent url(/shared/templates/movie/images/icon/dot_icon.png) no-repeat 0 9px;
    background-size: 6px auto;
    -webkit-background-size: 6px auto;
    -moz-background-size: 6px auto;
}
#tmp_contents .box_link li a {
    font-size: 100%;
}
/* ==================================================
font - bold -
================================================== */
.box_tab_info .tab_video_ttl,
.box_tab_info .tab_video_ttl a,
#tmp_contents ul.link_btn li a {
	font-family: "UD Shin Go DemiBold", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}