@charset "utf-8";

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width : 1242px) and (max-width: 960px){

/* font */
.tab-button { font-size: 7vw;}

.intro { font-size: 12vw;}
span.intro_zz { font-size: 28px; background-position: center 24px;}
.item_name { font-size: 8vw;}
.item_name span { font-size: 10vw;}
.item_jjjl_vodlist ul li a h3 { font-size: 6vw;}

.list_item2 li a h3 { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 10px 0; font-size: 7vw; line-height: 1.15em;}
.list_item2 li a h3 span:last-child { width: 60%;}
.list_item2 li a h3 span:first-child { padding: 0 16px 0 20px; font-size: 9vw; line-height: 1.25em;}

/*
.list_item2 li { width: 1124px;}
.list_item2 li a h3 { padding-top: 20px; width: 100%; height: 55px; background: url("bg_title_s2.png") no-repeat 0 0; color: #fff; font-size: 8vw; line-height: 1em;}
.list_item2 li a h3 span { display: inline-block; margin-right: 16px; padding: 0 16px 0 20px; border-right: 1px solid #fff; font-size: 10vw; font-weight: 600; line-height: 1.25em;}
.list_item2 li a img { width: 1124px; height: 632px;}
.icon_vods2 { width:1124px; height:632px;}
*/