/*
Theme Name: TVアニメ「となりの吸血鬼さん」
Description: TVアニメ「となりの吸血鬼さん」
Author: kyuketsukisan-anime.com
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;}pre,code,kbd,samp,tt{*font-size:108%;line-height:100%} 

 /* =======================================================
    HTML, Body
========================================================== */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0;
padding:0;
}
body{
background: url(images/background/bg-bottom.png) repeat-x  left bottom;
color:#7e594e;
font-family:"Rounded Mplus 1c";
font-size:87.5%;
line-height:1.42857;
text-align:center;
word-break:break-all;
min-width: 900px;  
}
img{vertical-align:bottom;}
a{color:#ec6d7b;text-decoration:none;}
a:link,a:visited,a:focus {color:#7e594e;outline:0;text-decoration:none;}
a:hover,a:active {color:#ec6d7b;text-decoration:none;}

/* common
======================================= */
#wrapper {
margin:0 auto;
padding:0;
box-sizing:border-box;
background: url(images/background/bg.png) repeat;
}
#wrapper #mainContents {
margin:0 auto;
padding:30px 0 40px;
background: url(images/background/bg-top.png) repeat-x  left top;
}
#wrapper #mainContents #Contents{
width:1220px;
margin:20px auto;
padding:0;
overflow:hidden;
_zoom:1;
}
/* =======================================================
    header
========================================================== */
#wrapper #main-Col{
float:left;
margin:0 auto;
position:relative;
width:235px;
}
#wrapper #main-Col .logo{
display:inherit;
margin-left:0;
}
#wrapper #main-Col .logo img{
width:235px;
}

/* global Navigation
*********************************/
#top-head {
line-height:1;
margin:0 auto;
padding:0;
position:absolute;
top:0;
width:100%;
z-index:999;
}
#top-head .inner {
position:relative;
}
#top-head .inner .logo {
display:none;
}
/* Toggle Button */
#nav-toggle {
display:none;
position:absolute;
right:12px;
top:40%;
width:34px;
height:36px;
cursor:pointer;
z-index:101;
}
#nav-toggle div {
position:relative;
}
#nav-toggle span {
background:#ee7b87;
display:block;
height:4px;
left:0;
position:absolute;
width:100%;
-webkit-transition:.35s ease-in-out;
-moz-transition:.35s ease-in-out;
transition:.35s ease-in-out;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
}
#nav-toggle span:nth-child(1) {
top:0;
}
#nav-toggle span:nth-child(2) {
top:10px;
}
#nav-toggle span:nth-child(3) {
top:20px;
}

/* global Navigation */
#global-nav {
padding:40px 0 ;
}
#global-nav ul li{
margin-bottom:15px;
}
#global-nav ul li a,
#global-nav ul li span{
overflow:hidden;
display:block;
padding-top:40px; 
width:186px;
height:0!important;
line-height: 3.0em;
text-indent: 100%;
}
#global-nav li.gnav01 a {background:url(images/header/gnav01.svg) no-repeat;}
#global-nav li.gnav02 a {background:url(images/header/gnav02.svg) no-repeat;}
#global-nav li.gnav03 a,
#global-nav li.gnav03 span{background:url(images/header/gnav03.svg) no-repeat;}
#global-nav li.gnav04 a,
#global-nav li.gnav04 span{background:url(images/header/gnav04.svg) no-repeat;}
#global-nav li.gnav05 a {background:url(images/header/gnav05.svg) no-repeat;}
#global-nav li.gnav06 a {background:url(images/header/gnav06.svg) no-repeat;}
#global-nav li.gnav07 a,
#global-nav li.gnav07 span{background:url(images/header/gnav07.svg) no-repeat;}
#global-nav li.gnav08 a {background:url(images/header/gnav08.svg) no-repeat;}
#global-nav li.gnav09 a {background:url(images/header/gnav09.svg) no-repeat;}
#global-nav li.gnav10 a,
#global-nav li.gnav10 span{background:url(images/header/gnav10.svg) no-repeat;}
#global-nav li.gnav11 a {background:url(images/header/gnav11.svg) no-repeat;}

/* contents
======================================= */
#wrapper #mainContents #Contents #main{
position:relative;
float:right;
width:910px;
margin: 10px ;
background-color:#ffffff;
margin:10px 5px 20px;
padding:35px 50px 25px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
box-shadow: 0 0 12px #b29b95;
text-align: left;
min-height: 840px;
}
#wrapper #mainContents #Contents #main h2{
background: url(images/common/h2.svg) no-repeat top center;
font-size:40px;
line-height:1.3;
color: #ec6d7b;
padding: 50px 0 50px;
text-align: center;
margin-bottom: 40px;
font-family: 'Sorts Mill Goudy';
font-weight: bold;
}
#wrapper #mainContents #Contents #main h2 p{
font-size:18px;
line-height:1rem;
font-family: "Sawarabi Mincho";
font-weight: bold;
color:#7e594e;
}
#wrapper #mainContents #Contents .layout {
margin: 20px auto 15px;
font-size:1.2rem;
line-height:2.4rem;
}
h3 {
text-align: center;
margin-bottom:40px;
font-weight:600;
font-size:2rem;
color: #ec6d7b;
}
.pageLink ul {
text-align: center;
margin-top:40px;
}
.pageLink ul li {
display: inline-block;
background-color:#ec6d7b;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.pageLink ul li a {
display:block;
color: #FFF;
padding:3px 10px;
font-size:.9rem;
}

/* HOME
*********************************/
body.home #wrapper #main-Col{
position:relative;
margin:0 auto;
text-align:left;
float:left;
width:965px;
}
body.home #wrapper #main-Col .logo{
display:inherit;
}
/* main
=========================== */	
body.home #wrapper #main-Col #imgArea #main {
position:relative;
width:717px;
padding: 0 0 70px;
margin:0 -10px 0 0;
z-index:0;
background-color: rgba(255,255,255,0);
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
box-shadow:none;
text-align: left;
min-height:auto;
}
body.home #wrapper #main-Col #imgArea #main #img{
position:relative;
z-index:0;
}
body.home #wrapper #main-Col #imgArea #main #copy{
position:absolute;
top:10px;
right:50px;
z-index:10;
}
body.home #wrapper #main-Col #imgArea #main #broadcast{
position: absolute;
bottom:0;
left:-10px;
z-index:10;
}

/* right
================================ */	
body.home #wrapper #mainContents #Contents #left-Col {
position:relative;
float:right;
width:253px;
text-align: right;
}
body.home #wrapper #mainContents #Contents #left-Col .box {
background-color:#FFF;
margin:10px 10px 20px 5px;
padding:15px 0 10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
box-shadow: 0 0 7px #7e594e;
text-align: center;
}

/* pv */
body.home #wrapper #mainContents #Contents #pv {
text-align: center;
margin-bottom:1.8vh;
}
body.home #wrapper #mainContents #Contents .pvtitle {
background-color: #ec6d7b;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
color: #FFF;
margin-bottom: .7vh;
font-size:23px;
font-weight:500;
line-height:1.8rem;
text-align: center;
}
body.home #wrapper #mainContents #Contents #pv .mov {
position:relative;
margin-top:10px;
}
body.home #wrapper #mainContents #Contents #pv .mov .mqdefault {
z-index:0;
}
body.home #wrapper #mainContents #Contents #pv .mov .mqdefault img {
border: solid 3px #ec6d7b;
width:96%;
}
body.home #wrapper #mainContents #Contents #pv .mov .linkBtn {
position:absolute;
top:35%;
bottom:0;
right:0;
left:0;
z-index:10;
}
body.home #wrapper #mainContents #Contents #pv .smmov {
display:none;
}

/* news */
body.home #wrapper #mainContents #Contents .title {
background: url(images/toppage/line.png) repeat-x left bottom;
padding-bottom: 20px;
margin-bottom:5px;
font-size:24px;
font-weight:600;
line-height:1.4rem;
}
body.home #wrapper #mainContents #Contents .title span {
color:#ec6d7b;
}
body.home #wrapper #mainContents #Contents #left-Col .scroll_area {
margin:10px 5px;
height:285px;
overflow:auto;
}
body.home #wrapper #mainContents #Contents #left-Col #news .jspContainer {
overflow:hidden;
position:relative;
}
body.home #wrapper #mainContents #Contents #left-Col #news .jspPane{position:absolute;}
body.home #wrapper #mainContents #Contents #left-Col #news .jspVerticalBar {
position:absolute;
top:0;
right:0;
height:10%;
width:10px;
}
body.home #wrapper #mainContents #Contents #left-Col #news .jspHorizontalBar {
position:absolute;
bottom:0;
left:0;
width:100%;
height:10px;
}
body.home #wrapper #mainContents #Contents #left-Col #news .jspTrack {
background:#ccc;
position:relative;
}
body.home #wrapper #mainContents #Contents #left-Col #news .jspDrag {
background:#7e594e;
cursor:pointer;
position:relative;
top:0;
left:0;
}
body.home #wrapper #mainContents #Contents #left-Col #news .jspHorizontalBar .jspTrack,
body.home #wrapper #mainContents #Contents #left-Col #news .jspHorizontalBar .jspDrag {
float:left;
height:90%;
}
body.home #wrapper #mainContents #Contents #left-Col #news dl{
text-align: left;
margin-bottom: 5px;
padding: 0 15px;
font-size:.8rem;
}
body.home #wrapper #mainContents #Contents #left-Col #news dl dt{
font-weight:500;
color: #ec6d7b;
margin-top:3%;
}
body.home #wrapper #mainContents #Contents #left-Col #news dl dd{
padding-bottom:3%;
margin-bottom:.3%;
border-bottom: solid 1px #ec6d7b;
}
body.home #wrapper #main-Col #news a{color:#000;}
body.home #wrapper #main-Col #news a:hover{
color:#000;
text-decoration:underline;
}

/* twitter */
body.home #wrapper #mainContents #Contents #left-Col .timeline{height:300px; padding:0 15px 0;}
/* NEWS
*********************************/
body.page-id-2 #wrapper #mainContents #Contents #main dl{
margin:15px auto;
padding-top:15px;
border-top: solid 2px #7e594e;
text-align: left;
font-size:1rem;
line-height: 1.6rem;
overflow:hidden;
_zoom:1;
}
body.page-id-2 #wrapper #mainContents #Contents #main dl:last-child{
border-bottom: solid 2px #7e594e;
padding-bottom:15px;
}
body.page-id-2 #wrapper #mainContents #Contents #main dl dt{
font-weight:500;
color: #ec6d7b;
float: left;
width: 14%;
}
body.page-id-2 #wrapper #mainContents #Contents #main dl dd{
float: left;
width: 80%;
}
body.single #wrapper #mainContents #Contents .title {
background: url(images/common/line.png) repeat-x left bottom;
padding-bottom: 4px;
margin-bottom:20px;
}
body.single #wrapper #mainContents #Contents #main dl{
margin:13px auto;
text-align: left;
overflow:hidden;
_zoom:1;
}
body.single #wrapper #mainContents #Contents #main dl dt{
font-weight:500;
color: #ec6d7b;
padding-bottom:3px;
}
body.single #wrapper #mainContents #Contents #main dl dd{
padding-bottom:7px;
line-height: 1.8rem;
}
body.single #wrapper #mainContents #Contents .newsContents {
margin: 20px auto 15px;
background: url(images/common/line.png) repeat-x left bottom;
padding-bottom: 40px;
font-size:1rem;
}

/* INTRODUCTION
*********************************/
ul.introduction {
margin:10vh auto;
text-align:center;
}
ul.introduction li {
display: inline-block;
margin: 0 3px 7px;
text-align:center;
}
/* ONAIR
*********************************/
dl.onair,
.broadband{
width:90%;
margin:2% auto 10%;
font-size:1.4rem;
line-height: 2rem;
}
dl.onair h3{
background: url(images/toppage/line.png) repeat-x left bottom;
padding-bottom: 20px;
margin-bottom: 30px;
}
dl.onair dt{
font-weight:500;
color:#ec6d7b;
text-align:right;
float:left;
width:34%;
display:block;
margin-right:2%;
}
dl.onair dd {
font-weight:400;
padding-left: 36%;
padding-bottom:0.4em;
}
dl.onair dd p {
font-size:1.1rem;
line-height: 1.6rem;
padding-left: 1%;
}
.onairTitle{
font-weight:500;
color:#ec6d7b;
text-align:center;
margin:3% auto;
font-size:1.7rem;
}
.broadband p{
text-align:center;
font-size:1.4rem;
line-height: 2rem;
}
.onairsm{
text-align:center;
font-size:.9rem;
line-height: 1rem;
color:#7e594e;
margin-top:10px;
}

/* STORY
*********************************/
.storyNavi ul{
display: flex;
flex-wrap:wrap;
justify-content: center;
align-items: center;
}
.storyNavi li{
width: 16.6%;
}
.storyNavi li a{
background:#EC6D7B url(images/story/cross-icon.svg) no-repeat 28px center;
background-size: 16%;
color: #FFF;
display: block;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
font-size:1rem;
padding: 0 0 0 53px;
margin: 0 .5rem .5rem 0;
}
.storyContents{
margin:3.5em auto;
font-size:1rem;
line-height:1.7rem;
}
.storyContents .number{
color:#7e594e;
font-size:1.4rem;
font-weight:700;
line-height:0;
text-align: center;
}
.storyContents h3{
background: url(images/toppage/line.png) repeat-x left bottom;
color: #ec6d7b;
font-weight:700;
font-size:1.6rem;
line-height:4.5rem;
margin-bottom: 25px;
text-align: center;
}
.storyContents dl{margin: 25px auto 0;}
.storyContents dl dt{
background: url(images/common/icon.svg) no-repeat left center;
color:#ec6d7b;
padding-left:20px;
font-size:1.2rem;
font-weight:600;
}
.storyContents dd{margin-left: 20px;}


/* STAFF CAST
*********************************/
.staffcast section {
margin-bottom: 3em;
}
.staffcast section h3 {
font-weight:700;
margin-bottom:20px;
}
.staffcast section dl{
padding-top: .5em;
font-size:1.1rem;
line-height: 1.6rem;
}
.staffcast section dl dt{
font-weight:500;
color:#ec6d7b;
text-align:right;
float:left;
font-size:1rem;
width:48%;
display:block;
margin-right:2%;
}
.staffcast section dl dd {
font-weight:400;
font-size:1.1rem;
padding-left: 50%;
padding-bottom:0.8em;
}
/* CHARACTER
*********************************/
.character{
position: relative;
min-height:900px;
}
.character .character-main{
position:absolute;
top:100px;
left:0;
right:0;
}
.character .charal-nav{
position:absolute;
top:0;
left:0;
right:0;
}
.character ul li {
display:inline-block;
vertical-align:top;
text-align:center;
margin-left:.1rem;
}
.character ul li .listname {
font-size:1rem;
line-height: 1.2rem;
margin-top:.4rem;
margin-right:.8rem;
}
.character .pop{
margin-top:5rem;
background: url(images/character/bg.png) no-repeat center center;
}
.character .pop .sofi{
background: url(images/character/sofi-name.png) no-repeat center center;
overflow:hidden;
_zoom:1;
}
.character .pop .akari{
background: url(images/character/akari-name.png) no-repeat center center;
overflow:hidden;
_zoom:1;
}
.character .pop .hinata{
background: url(images/character/hinata-name.png) no-repeat center center;
overflow:hidden;
_zoom:1;
}
.character .pop .erie{
background: url(images/character/elly-name.png) no-repeat center center;
overflow:hidden;
_zoom:1;
}
.character .pop .sakuya{
background: url(images/character/sakuya-name.png) no-repeat center center;
overflow:hidden;
_zoom:1;
}
.character .pop .yuu{
background: url(images/character/yuu-name.png) no-repeat center center;
overflow:hidden;
_zoom:1;
}
.character .pop .stand{
float: left;
width:38%;
text-align: center;
}
.character .pop .charaContents{
float: right;
width:60%;
text-align: left;
overflow:hidden;
_zoom:1;
}
.character .pop .charaContents .name{
background:url(images/common/cross-icon.svg) no-repeat left center;
padding:15px 0 20px 48px;
font-weight:600;
color:#ec6d7b;
font-size:2.1rem;
}
.character .pop .charaContents .cv{
padding:0 0 0 48px;
font-weight:400;
line-height: 0.9rem;
}
.character .pop .charaContents .intor{
padding:20px 0 0 48px;
font-size:.95rem;
font-weight:500;
line-height: 1.7rem;
}
.character .pop .charaContents .left{
float: left;
width: 48%;
padding-top: 6%;
padding-right: 1%;
}
.character .pop .charaContents .front{
padding-left: 52%;
padding-top:16%;
}
[data-ruby] {
position: relative;
}
[data-ruby]::before {
content: attr(data-ruby);
position: absolute;
top: -1.3em;
left: .4rem;
right: 0;
margin: auto;
font-size:0.45em;
}
/* Blu-ray&DVD
*********************************/
.dvdContents{
margin:3.5em auto;
font-size:1rem;
line-height:1.7rem;
}
.dvdContents h3{
background: url(images/toppage/line.png) repeat-x left bottom;
color: #ec6d7b;
font-weight:700;
font-size:1.6rem;
line-height:4.5rem;
margin-bottom: 25px;
text-align: center;
}
.dvdList,
.dvdProduct{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:96%;
margin:3em auto;
}
.dvdList h3{
background:none;
line-height: 3rem;
margin-bottom:0;
}
.dvdList .item{
margin-bottom:2rem;
width: 47%;
}
.dvdList dl dt img{
width:100%;
border: solid 4px #ec6d7b;
}
.dvdList dl dd dl{
width:100%;
margin-bottom:5px;
overflow: hidden;
}
.dvdList dl dd dl dt{
background-color:#ec6d7b;
color: #fff;
text-align: center;
float:left;
width: 20%;
}
.dvdList dl dd dl dd{
float:right;
width: 78%;
}
.dvdSpecial{
width:96%; 
margin:3em auto;
}
.dvdSpecial h3{
background: url(images/common/line.png) repeat-x left bottom;
color:#7e594e;
font-weight:700;
font-size:1.6rem;
line-height:4.5rem;
margin-bottom: 25px;
text-align: center;
}
.dvdSpecial .title{
background: url(images/common/cross-icon.svg) no-repeat left top;
background-size: 25px;
color:#ec6d7b;
font-size:1.4rem;
font-weight:600;
padding-bottom:10px;
padding-left: 35px;
margin-top: 35px;
margin-bottom:15px;
text-align: left;
line-height:2rem;
border-bottom: solid 2px #ec6d7b;
}
body.single #wrapper #mainContents #Contents .dvdSpecial .title{
background: url(images/common/cross-icon.svg) no-repeat left top;
background-size: 25px;
padding-bottom: 20px;
padding-bottom:10px;
}
.dvdSpecial .dvdSpecialContents{margin-left: 20px;}
.dvdProduct .jaket{width:220px;}
.dvdProduct .jaket img{
width:100%;
border: solid 4px #ec6d7b;
}
.dvdProduct .productContents{
flex: 1;
margin-left:60px;
}
.dvdProduct .sale{
background-color: #ec6d7b;
display: inline;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
padding: 5px 15px;
color: #fff;
font-size:.9rem;
}
.dvdProduct .product{
margin-top:18px;
font-weight: 600;
}
.dvdProduct dl,
.dvdSpecial dl{
margin: 25px auto 0;
}
.dvdProduct dl dt,
.dvdSpecial dl dt{
border-bottom: solid 2px #ec6d7b;
background: url(images/common/icon.svg) no-repeat left center;
padding-left:20px;
margin-bottom:10px;
}
.dvdProduct dl dd,
.dvdSpecial dl dd{
margin-left: 20px;
}
.dvdProduct dl dd li,
.dvdSpecial dl dd li{
list-style-type: disc;
margin-left: 20px;
}
.dvdProduct .else,
.dvdSpecial .else{
margin-top: 5vh;
}
.dvdSpecial img,
.dvdProduct dl dd img,
.dvdSpecial dl dd img{
max-width:100%;
height:auto;
border: solid 4px rgba(236,109,123,0.3);
margin:10px auto 20px;
}
.dvd_box_List {
    width: 96%;
    margin: 3em auto;
}
.dvd_box_List .spec {
    margin: 3em auto;
    width: 40%;
}
.dvd_box_List .spec dl{
    display: flex;
    justify-content: space-between;
    margin: 0 auto .5em;
    font-size:1.2em;
}
.dvd_box_List .spec dl dt{
    background-color: #ec6d7b;
    color: #fff;
    text-align: center;
    float: left;
    width: 20%;
}
.dvd_box_List .spec dl dd{
    width: 76%;
    text-align: left;
}
@media screen and (max-width: 640px){
.dvd_box_List .spec {
    width: 80%;
}
.dvd_box_List .spec dl{
    display: block;
}
.dvd_box_List .spec dl dt{
    background-color: #ec6d7b;
    color: #fff;
    text-align: center;
    float: left;
    width: 100%;
    margin: .4em auto;
    padding:.2em 0;
}
.dvd_box_List .spec dl dd{
    width: 100%;
    text-align: center;
}
}

.dvd_box_List .spec {
width: 55%;
margin: 2rem auto .5rem;
}
.dvd_box_List .spec_List {
width: 55%;
margin: 0 auto;
}
.dvd_box_List .spec_List dl{
display: flex;
margin: 0 auto 5px;
line-height: 1.4;
font-size: 1rem;
}
.dvd_box_List .spec_List dl dt{
text-align: left;
white-space: nowrap;
}
.dvd_box_List .spec_List dl dt:after{
content: '\FF1A';
}
.dvd_box_List .spec_List dl dd{
text-align: left;
}
@media screen and (max-width: 640px){
.dvd_box_List .spec_List  {
width: 90%;
}
.dvd_box_List .spec_List dl{
display: block;
}
.dvd_box_List .spec_List dl dt{
text-align: center;
width: 100%;
color: #ec6d7b;
}
.dvd_box_List .spec_List dl dt:after{
 content: none;
}
.dvd_box_List .spec_List dl dd{
width: 100%;
text-align: center;
}
}

.dvd_box_List h3 {
    background: url(images/common/line.png) repeat-x left bottom;
    color: #7e594e;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 4.5rem;
    margin-bottom: 25px;
    text-align: center;
}
.dvd_box_List ul {
    margin: 1em auto .5em;
}
.dvd_box_List ul li {
    border-bottom: solid 2px #ec6d7b;
    background: url(images/common/icon.svg) no-repeat left center;
    padding-left: 25px;
    margin-top: 20px;
}
.dvd_box_List .text {
    margin: 3em auto 1em;
    text-align: center;
}
.dvd_box_List .else{
    text-align: center;
}
.dvdSpecial dl.bb dd img {
width:400px;
height: auto;
}
@media screen and (max-width: 640px){
.dvdSpecial dl.bb dd {
width: 94%;
margin: 0 auto;
} 
.dvdSpecial dl.bb dd img {
width:auto;
} 
}
.dvdSpecial dl dd dl.bl_box {
  margin: 0 auto;
  display:flex;
}
.dvdSpecial dl dd dl.bl_box dt {
    border-bottom: none;
    background: none;
    padding-left:0;
    margin-bottom:0;
    font-weight: bold;
    color: #ec6d7b;
}
.dvdSpecial dl dd dl.bl_box dd {
    margin-left:0;
}
.res__btn a{
width:40%;
display: block;
margin: 2vw auto;
background: #ec6d7b;
border-radius: 4px;
text-align: center;
line-height: 2;
color: #FFFFFF;
padding-top: .5vw;
padding-bottom: .5vw;
font-size: 1em;
}
.res__btn a:hover{
background: #eb5e6e;
}
ul.bb__photo {
width:90%;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
}
ul.bb__photo li {
background: none;
padding-left: 0;
margin-top: 0;
border-bottom: none;
color:#ec6d7b;
text-align: center;
line-height: 1.4;
}
ul.bb__photo li img {
border: solid 4px #ec6d7b;
margin-bottom:5px;
}
@media screen and (max-width: 480px){
.dvdSpecial dl dd dl.bl_box dt {
white-space:nowrap;
}
}
@media screen and (max-width: 640px){
.res__btn a{
width:80%;
}
ul.bb__photo {
width:90%;
margin: 0 auto;
display: block;
}
ul.bb__photo li {
margin: 0 auto 20px;
}
ul.bb__photo li img {
width:auto;
height:auto;
}
}

/* CD
*********************************/
.cd section {
clear:both;
margin-top: 10%;
margin-bottom: 20%;
}
.cd section h3 {
text-align: center;
font-weight:500;
font-size:1.4rem;
background: url(images/common/line.png) repeat-x left bottom;
margin-bottom: 40px;
padding-bottom: 20px;
color:#7e594e;
}
.cd section .elseproduct {
text-align: left;
font-size:1rem;
line-height: 1.4rem;
}
.cd section .elseproduct .elsephoto {
float:left;
width:30%;
}
.cd section .elseproduct .elsephoto img{
width:100%;
border: solid 4px #ec6d7b;
}
.cd section .elseproduct .elseproductlist{
padding-left: 33%;
}
.cd section dl{
padding-top: 2em;
}
.cd section dl dt{
font-weight:500;
color:#ec6d7b;
float:left;
display:block;
margin-right:2%;
}
.cd section dl dd {
font-weight:400;
font-size:1rem;
padding-bottom:0.2em;
}

/* BOOKS
*********************************/
#books section {
text-align:left;
margin:2vh auto;
overflow:hidden;
}
#books h3{
background: url(images/toppage/line.png) repeat-x left bottom;
padding-bottom: 15px;
margin-bottom: 25px;
margin-top: 30px;
font-weight:500;
font-size:24px;
}
#books p{
font-family: "Mplus 1p";
font-weight:600;
font-size:24px;
line-height: 1.2;
}
#books section ul.comic{
margin-top:1%;
}
#books section ul.comic li{
display:inline-block;
width: 22.5%;
margin:1% 1.5% 1% 0;
font-size:1rem;
color: #ec6d7b;
text-align: center;
}
#books section ul.comic li:last-child{
margin-right:0;
}
#books section ul.comic li img{
border: solid 4px #ec6d7b;
width: 100%;
height: auto;
}
#books section .sm{
font-family: "Mplus 1p";
font-weight:500;
font-size:1.2rem;
line-height: 1.4;
margin-top:1vh;
}

/* read */
#wrapper .readtrial{
margin:0 auto;
font-size:26px;
font-family: "Mplus 1p";
}
#wrapper .readtrial a{
color:#FFF;
display:block;
padding:30px 0 30px 80px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#ec6d7b url(images/books/smp.svg) no-repeat 20px center;
}
#wrapper .readtrial  a:hover{
background-color:#e8566d;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

/* coune */
#wrapper .coneArea{
text-align:left;
padding:20px 0 ;
margin:3vh auto;
overflow:hidden;
}
#wrapper .coneArea .comiccune{
float:left;
width:20%;
text-align:left;
font-size:.8rem;
line-height: 1.2;
}
#wrapper .coneArea .comiccune img{
width:100%;
margin-bottom: 5px;
}
#wrapper .coneArea .comiccune p{
font-size:.8rem;
line-height: 1.2;
}
#wrapper .coneArea .coneSite{
padding-left:22%;
text-align: left;
}
#wrapper .coneArea .coneSite .conetitle{
color:#ec6d7b;
font-size:24px;
margin-bottom: 5px;
}
#wrapper .coneArea .coneSite .subcopy{
font-size:1.1rem;
line-height: 1.5rem;
margin-top:10px;
margin-bottom:10px;
}
#wrapper .coneArea .coneSite ul{
margin-top:2%;
}
#wrapper .coneArea .coneSite ul li{
margin-top:1vh;
text-align: left;
}
body.single-books #wrapper #mainContents #Contents .comicphoto {
width: 22.5%;
text-align: center;
margin:0 auto;
}
body.single-books #wrapper #mainContents #Contents .comicphoto img{
width:100%;
border: solid 4px #ec6d7b;
} 
/* artbook  */
.coneArea_artbook {
padding: 20px 0 0;
margin: 3vh auto 0;
}
#wrapper .coneArea_artbook .comiccune {
float: left;
width: 20%;
text-align: left;
font-size: .8rem;
line-height: 1.2;
}
#wrapper .coneArea_artbook .comiccune img { width: 100%;}
#wrapper .coneArea_artbook .coneSite {
padding-left: 22%;
text-align: left;
}
@media screen and (max-width: 640px) {
#wrapper .coneArea_artbook {
margin: 1vh auto 0;
padding: 20px 0 10px;
}
#wrapper .coneArea_artbook .comiccune {
float: none;
width: 100%;
margin: 0 auto 20px;
text-align: center;
}
#wrapper .coneArea_artbook .comiccune img {
width: 45%;
}
}
/* GOODS
*********************************/
.goods{
margin:3.5em auto;
font-size:1rem;
line-height:1.7rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:96%;
margin:3em auto;
}
.goods .item{
margin-bottom:2rem;
width: 47%;
}
.goods dl dt {
margin-bottom:.5rem;
text-align:center;
overflow:hidden;
max-height:280px;
min-height:280px!important;
position: relative;
}
.goods dl dt {
border: solid 4px #ec6d7b;
}
.goods dl dt img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
width: auto;
}
.goods dl dd h3{
text-align: left;
color: #ec6d7b;
font-weight:500;
font-size:1.4rem;
line-height:2rem;
margin-bottom: 10px;
}
.goods dl dd dl{
width:100%;
margin-bottom:5px;
overflow: hidden;
}
.goods dl dd dl dt{
margin-bottom:0;
overflow:hidden;
position: relative;		
background-color:#ec6d7b;
color: #fff;
float:left;
width: 20%;
line-height:1rem;
}
.goods dl dd dl dd{
float:right;
width: 78%;
}
.goodsList {
font-size:1rem;
line-height:1.7rem;
margin:3em auto;
}
.goodsList section {
width:100%;
margin:0 auto;
}
.goodsList section h3 {
text-align: center;
font-weight:500;
font-size:1.4rem;
background: url(images/common/line.png) repeat-x left bottom;
margin-bottom: 40px;
padding-bottom: 20px;
color:#7e594e;
}
.goodsList section .elseproduct {
text-align: left;
font-size:1rem;
line-height: 1.4rem;
width:75%;
margin:3em auto;
}
.goodsList section .elseproduct .elsephoto {
float:none;
width:100%;
margin-bottom: 3%;
}
.goodsList section .elseproduct .elsephoto img{
width:100%;
border: solid 4px #ec6d7b;
}
.goodsList section .elseproduct dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:3rem auto 5rem;
width:100%;
}
.goodsList section .elseproduct dl dt{
font-weight:500;
color:#ec6d7b;
float:left;
display:block;
margin-right:2%;
width:22%;
}
.goodsList section dl dd {
font-weight:400;
font-size:1rem;
width:76%;
}

/* SPECIAL
*********************************/
.special{text-align: center;}
/* l-nav */
.special #l-nav{padding:20px 0;}
.special #l-nav ul li{
display:inline-block;
text-align: center;
margin-left:5px;
margin-right:5px;
}
.special #l-nav ul li a,
.special #l-nav ul li span{
width:163px;
padding-top:38px;
overflow:hidden;
display:block;
height:0!important;
line-height: 3.0em;
text-indent: 100%;
}
.special #l-nav li.special01 a {background:url(images/special/l-nav01on.png) no-repeat;}
body.page-template-default .special #l-nav li.special01 a,
body.single-special #specialcatmovies #l-nav li.special01 a,
.special #l-nav li.special01 a:hover {background:url(images/special/l-nav01.png) no-repeat;}
.special #l-nav li.special02 a {background:url(images/special/l-nav02on.png) no-repeat;}
body.term-event .special #l-nav li.special02 a,
body.single-special #event #l-nav li.special02 a,
.special #l-nav li.special02 a:hover {background:url(images/special/l-nav02.png) no-repeat;}
.special #l-nav li.special03 a {background:url(images/special/l-nav03on.png) no-repeat;}
body.single-special #others #l-nav li.special03 a,
body.term-others .special #l-nav li.special03 a,
.special #l-nav li.special03 a:hover {background:url(images/special/l-nav03.png) no-repeat;}

.special h3{margin-top:2vh;}
.special dl {
width:560px;
margin:2vh auto 5vh;
}
.special dt {
background: url(images/toppage/line.png) repeat-x left bottom;
padding-bottom: 25px;
font-size:18px;
color: #ec6d7b;
line-height:1.2rem;
}
.special dd{margin-top: 25px;}
.special .specialBox{
width:90%;
margin: 0 auto;
text-align: left;
}
.special .specialBox ul{
border-bottom: solid 2px #7e594e;
}
.special .specialBox ul li{
padding-top:15px;
padding-bottom: 10px;
border-top: solid 2px #7e594e;
font-size:1.2rem;
color: #ec6d7b;
background: url(images/common/cross-icon.svg) no-repeat left center;
background-size: 3.5%;
padding-left: 30px;
}
.special .specialBox .post h3{
font-size:24px;
margin-bottom:10px;
}
body.single-special .special .specialBox{
padding-bottom:60px;
background: url(images/toppage/line.png) repeat-x left bottom;
}
body.single-special .special .specialBox dl{
width:100%;
}
body.single-special #wrapper #mainContents #Contents #main dl dt{
background:none;
padding-bottom:0;
font-size:1.2rem;
color: #ec6d7b;
font-weight: 400;
}
body.single-special #wrapper #mainContents #Contents #main dl dd{
background: url(images/toppage/line.png) repeat-x left bottom;
margin-top:5px;
margin-bottom:18px;
padding-bottom:18px;
font-size:1.3rem;
line-height: 1.8rem;
text-align: left;
color:#7e594e;
}
body.single-special #wrapper #mainContents #Contents #main  #specialcatmovies dl dt{
background: url(images/toppage/line.png) repeat-x left bottom;
margin-bottom:30px;
padding-bottom:10px;
}
body.single-special #wrapper #mainContents #Contents #main  #specialcatmovies dl dd{
background: none;
}
body.single-special #specialcatmovies dl dt{
text-align: center;
line-height:3.4rem;
}
.post{
color: #7e594e;
font-weight:700;
font-size:1.6rem;
line-height:4.5rem;
margin-bottom: 25px;
text-align: center;
width:100%;
}
.special .specialBox .countdown ul{
border-bottom: none;
display:flex;
flex-wrap: wrap;
}
.special .specialBox .countdown ul li{
width:44%;
padding:0;
margin:20px;
border-top: none;
background: none;
}
.special .specialBox .countdown ul li img{
width:100%;
}
img.alignright{display:block;margin:0 0 0 auto;}
img.alignleft{display:block;margin:0 auto 0 0;}
img.aligncenter{display:block;margin:0 auto;}
strong{font-weight:700;}
	

.dvd_box_List ul li dl {
display: block;
margin-bottom:15px;
}
.dvd_box_List ul li dl dt {
font-weight:bold;
margin-top:10px;
}
.dvd_box_List ul li.disc {
background-position: 0 1%;
}
.disc_title {
color: #ec6d7b;
font-weight: bold;
}

#books section ul.comic li {
line-height: 1.2;
}
#books section ul.comic li img {
margin-bottom:3px;
}
#books section .sm br.br {
display:none;
}
@media screen and (max-width: 640px) {
#books section .sm br.br {
display:block;
}
}
/* main
=========================== */	
#global-nav li.gnav03 a,
#global-nav li.gnav03 span{background:url(images/header/gnav03re.svg) no-repeat;}
body.home #wrapper #main-Col #imgArea #main #img img{
width:100%;
max-width:682px;
}
/* ONAIR
*********************************/
body.page-id-136 h3{
background: url(images/toppage/line.png) repeat-x left bottom;
padding-bottom: 20px;
margin-bottom: 30px;
}
.broadband ul{
margin:2em auto 0;
}
.broadband ul li{
font-weight:500;
color:#ec6d7b;
text-align: center;
font-size: 1.4rem;
line-height: 1.6rem;
margin-bottom:.5em;
}
.onairText{
font-weight:500;
color: #7e594e;
text-align:center;
margin:2em auto;
font-size:1.7rem;
}