@charset "utf-8";
@media screen and (max-width: 640px) {
body{-webkit-text-size-adjust:100%;min-width:auto;}
img{max-width:100%;height:auto;}
#wrapper #main-Col{width:100%;height:auto;}
#top-head .inner .logo{display:inherit;text-align:center;padding-top:2.2em;}
#top-head .inner .logo img{max-width:24%;height:auto; padding-bottom:1vh;}

/* contents
======================================= */
#wrapper #mainContents{padding:0;background:none;}
#wrapper #mainContents #Contents{width:100%;}
#wrapper #mainContents #footer{padding-bottom: 40px;}
/* global Navigation
*********************************/
#top-head,
.inner{width:100%;}
#top-head {
top: 0;
position: fixed;
margin-top: 0;
}
#mobile-head {
background:#fff url(images/background/bg-top.png) repeat-x  left top;
width: 100%;
height: auto;
z-index: 9999;
position: relative;
}
#global-nav {
	background:rgba(253,242,243,1);
	position: absolute;
	top: -500px;
	width: 100%;
	text-align: center;
	padding: 160px 0 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	}
#global-nav ul {
	position: static;
	right: 0;
	bottom: 0;
	margin:0;
	}	
#global-nav ul li {
float: left;
width:50%;
padding-left:2%;
}
#global-nav ul li:after{
display: none;
}
#top-head #global-nav ul li a {
width: 100%;
display: block;
text-indent:-9999px;
line-height:1em;
}
#nav-toggle {
	display: block;
	}
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
	}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
	}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
	}
.open #global-nav {
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
	}
	
/* contents
======================================= */
#wrapper #mainContents #Contents #main{
float:none;
width:100%;
margin:16vh auto 3vh;
padding:15px;
min-height: auto;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
#wrapper #mainContents #Contents #main h2{
font-size:31px;
line-height:1.4;
margin-bottom: 25px;
}
#wrapper #mainContents #Contents #main h2 p{
font-size:18px;
line-height:1rem;
}
#wrapper #mainContents #Contents .layout {
margin: 20px auto 15px;
font-size:1.2rem;
line-height:2.4rem;
}
    
/* HOME
*********************************/
body.home #wrapper #main-Col{
float:none;
width:100%;
}
body.home #wrapper #main-Col #imgArea {margin-top:130px;}
body.home #wrapper #main-Col #imgArea #main{
float:none;
width:100%;
padding:0 ;
}
body.home #wrapper #main-Col #imgArea #main #img{
position:relative;
padding-bottom:70px;
}
body.home #wrapper #main-Col #imgArea #main #copy{
position: absolute;
top:20px;
right:10px;
}
body.home #wrapper #main-Col #imgArea #main #broadcast{
position: absolute;
top:72%;
left:0;
}
body.home #wrapper #main-Col #imgArea #main #broadcast img{width:90%;}
body.home #wrapper #mainContents #Contents #left-Col {
float:none;
width:100%;
}
body.home #wrapper #mainContents #Contents #left-Col .box {
margin:20px 10px;
padding:30px 20px;
}
body.home #wrapper #mainContents #Contents #pv {
margin-bottom:3vh;
}
body.home #wrapper #mainContents #Contents .pvtitle {
margin-bottom: 1.5vh;
line-height:2.2rem;
}
body.home #wrapper #mainContents #Contents #pv .mov {
display:none;
}
body.home #wrapper #mainContents #Contents #pv .smmov {
display:inherit;
margin:10px auto;
}
body.home #wrapper #mainContents #Contents .title {
padding-bottom:25px;
font-size:26px;
}
body.home #wrapper #mainContents #Contents #left-Col .box {
margin-top:15px;
padding:20px 0;
}
body.home #wrapper #mainContents #Contents #left-Col .timeline img{
width:100%;
}
	
/* NEWS
*********************************/
body.page-id-2 #wrapper #mainContents #Contents #main dl{
margin:10px auto;
padding-top:10px;
}
body.page-id-2 #wrapper #mainContents #Contents #main dl:last-child{
padding-bottom:10px;
}
body.page-id-2 #wrapper #mainContents #Contents #main dl dt{
float: none;
width: 100%;
}
body.page-id-2 #wrapper #mainContents #Contents #main dl dd{
float: none;
width: 100%;
}
body.single #wrapper #mainContents #Contents .title {
padding-bottom:1px;
margin-bottom:5px;
}
body.single #wrapper #mainContents #Contents #main dl{
margin:10px auto;
padding-top:0;
}
body.single #wrapper #mainContents #Contents #main dl dt{
padding-bottom:0;
font-size:1.1rem;
line-height: 1.6rem;
}
body.single #wrapper #mainContents #Contents #main dl dd{font-size:1.2rem;}
body.single #wrapper #mainContents #Contents .newsContents {font-size: 1.1rem;}

/* ONAIR
*********************************/
dl.onair{
width:100%;
margin:2% auto;
}
dl.onair h3{
margin-top:40px;
margin-bottom: 15px;
font-size:1.8rem;
}
dl.onair dt{
text-align:left;
float:none;
width:100%;
margin-top:10px;
}
dl.onair dd {
padding-left:0;
padding-bottom:0;
font-size:1.2rem;
line-height: 1.2rem;
text-align:left;
}
.onairTitle{font-size:1.6rem;}
.broadband p{font-size:1.3rem;}
/* STORY
*********************************/
.storyNavi li{width: 22%;}
.storyNavi li a{
background:none;
background:#EC6D7B;
padding: 0;
text-align:center;
}
/* STAFF CAST
*********************************/
.staffcast section {margin-bottom:0;}
.staffcast section h3 {margin-top:4vh;}
.staffcast section dl{font-size:1.4rem;}
.staffcast section dl dt{
text-align:center;
float:none;
width:100%;
margin-right:0;
}
.staffcast section dl dd {
padding-left:0;
text-align:center;
padding-bottom:0.5em;
}
/* CHARACTER
*********************************/
.character{min-height: inherit;}
.character .character-main,
.character .charal-nav{position: static;}
.character .charal-nav ul {
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
}
.character .charal-nav ul li {
display: table-cell;
vertical-align: top;
text-align: center;
}
.character .charal-nav ul li img{
width:93%;
}
.character ul li .listname {
font-size:.9rem;
line-height: 1rem;
margin-right:.0;
}
.character .pop{
margin-top:1rem;
background-position:top center;
background-size: contain;
}
.character .pop .sofi,
.character .pop .akari,
.character .pop .hinata,
.character .pop .sakuya{
background-position:center center;
background-size: 70%;
}
.character .pop .erie,
.character .pop .yuu{
background-position:center center;
background-size: 40%;
}
.character .pop .stand{
margin-left:3%;
width:47%;
text-align:center;
}
.character .pop .sofi img,
.character .pop .akari img{width:220px;}
.character .pop .hinata img{width:210px;}
.character .pop .erie img,
.character .pop .yuu img{width:190px;}
.character .pop .charaContents .left{
width: 50%;
padding-top:0;
padding-right: 0;
}
.character .pop .charaContents{
margin-right:3%;
width:47%;
}
.character .pop .charaContents .name{
background-size: 7.5%;
padding:15px 0 10px 22px;
font-size:1.3rem;
line-height:1.3rem;
}
.character .pop .charaContents .cv{
padding:5px 0 0 20px;
font-size:1.1rem;
}
.character .pop .charaContents .intor{
padding:20px 0 30px 20px;
line-height:1.4rem;
}
.character .pop .charaContents .intor br {
display: none;
}
.character .pop .charaContents .front{
padding-left:0;
float: right;
width: 49%;
padding-top:0;
}
[data-ruby]::before {
top: -1.3em;
left: .1rem;
}
/* Blu-ray&DVD
*********************************/
.dvdList,
.dvdProduct{width:100%;}
.dvdList .item{
width: 90%;
margin:0 auto 20px;
}
.dvdList dl dd dl dt,
.dvdList dl dd dl dd{
float:none;
width: 100%;
}
.dvdProduct .jaket{
width:90%;
margin:0 auto 20px;
}
.dvdProduct .productContents{
flex: auto;
margin-left:0;
}
.dvdProduct .sale{
margin: 10px auto 0;
display: block;
text-align:center;
font-size:1.1rem;
}
.dvdProduct .product{
font-size:1.1rem;
}
.dvdProduct dl dd,
.dvdProduct dl dd li,
.dvdSpecial dl dd li{
font-size:1.1rem;
}
.dvdSpecial{width:100%; }
.dvdSpecial .dvdSpecialContents{margin-left: 0;}
.dvdProduct dl,
.dvdSpecial dl{margin: 10px auto 0;}
.dvdProduct dl dd,
.dvdSpecial dl dd{margin-left: 0; }

/* CD
*********************************/
.cd section{margin-bottom:0;}
.cd section .elseproduct .elsephoto {
float:none;
width:70%;
margin:0 auto 20px;
text-align:center;
}
.cd section .elseproduct .elseproductlist{
padding-left: 0;
}
.cd section dl{
padding-top: 1em;
}
	
/* BOOKS
*********************************/
#books section {margin:3vh auto 0;}
#books p{
margin-top:7px;
font-size:1.3rem;
text-align:center;
}
#books section ul.comic{margin-top:4%;}
#books section ul.comic ul{text-align:center;}
#books section ul.comic li{
width: 46%;
margin:0 1% 3% 1.5%;
line-height: 1.2rem;
text-align:center;
font-size:1.2rem;
}
#books section ul.comic li img{
border: solid 4px #ec6d7b;
margin-bottom:5px;
}
#books section .sm{
font-family: "Mplus 1p";
font-weight:600;
text-align:left;
font-size:1.1rem;
}
/* read */
#wrapper .readtrial{font-size:18px;}
#wrapper .readtrial a{
text-align:left;
padding:20px 0 20px 80px;
}
/* coune */
#wrapper .coneArea{
margin:1vh auto 0;
padding:20px 0 10px;
}
#wrapper .coneArea .comiccune{
float:none;
width:100%;
margin:0 auto 20px;
text-align:center;
}
#wrapper .coneArea .comiccune img{
width:45%;
}
#wrapper .coneArea .comiccune p{
font-size:1rem;
}
#wrapper .coneArea .coneSite{
padding-left:0;
text-align:center;
}
#wrapper .coneArea .coneSite .conetitle{
font-size:1.4rem;
text-align:left;
}
#wrapper .coneArea .coneSite .subcopy{
font-size:1.2rem;
margin-bottom:10px;
text-align:left;
font-family: "Mplus 1p";
font-weight:500;
line-height: 1.6rem;
}
#wrapper .coneArea .coneSite .coneLink{
text-align:left;
}
#wrapper .coneArea .coneSite .coneLink img{
width:90%;
}


/* SPECIAL
*********************************/
/* l-nav */
.special #l-nav {
padding:10px 0 ;
}
.special #l-nav ul li{
text-align: left;
}
.special h3{margin-bottom:20px;}
.special dl {
width:100%;
margin:2vh auto 5vh;
}
.special dl dt {
line-height: 1.4rem;
}
.special .specialBox{
width:96%;
}
.special .specialBox ul li{
background-size: 4%;
font-size:1.1rem;
line-height: 1.4rem;
padding-top:20px;
padding-bottom:20px;
}
.youtube{
position: relative;
width:100%;
padding-top:56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.special .specialBox .countdown ul li{
width:100%;
}
.special .specialBox .countdown ul li a{
width:100%;
}
}

@media screen and (max-width: 600px) {
#global-nav {padding: 150px 0 0;}
#wrapper #mainContents #Contents #main,
body.home #wrapper #main-Col #imgArea{margin-top:24vh;}
.character .pop .stand{
margin-left:2%;
width:48%;
text-align:center;
}
.special .specialBox ul li{
padding-top:15px;
padding-bottom:15px;
}
}
@media screen and (max-width: 590px) {
.special .specialBox ul li{
padding-bottom:15px;
padding-left: 25px;
}

.character ul li .listname {
font-size:.7rem;
line-height:.7rem;
}
}
@media screen and (max-width: 586px) {
.special #l-nav ul li{
text-align: center;
width:32%;
margin-left:0;
margin-right:.5%
}
}
@media screen and (max-width: 580px) {
.character .pop .sofi img,
.character .pop .akari img{width:210px;}
.character .pop .hinata img{width:200px;}
.character .pop .erie img,
.character .pop .yuu img{width:180px;}
}
@media screen and (max-width: 560px) {
#global-nav {padding: 140px 0 0;}
.character .pop .sofi img,
.character .pop .akari img{width:200px;}
.character .pop .hinata img{width:190px;}
.character .pop .erie img,
.character .pop .yuu img{width:170px;}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 96%;}
}
@media screen and (max-width: 540px) {
#global-nav {padding: 130px 0 0;}
#wrapper #mainContents #Contents #main,
body.home #wrapper #main-Col #imgArea{margin-top:22.5vh;}
body.home #wrapper #main-Col #imgArea #main #copy{top:20px;right:0;}
body.home #wrapper #main-Col #imgArea #main #copy img{width:85%;}
body.home #wrapper #main-Col #imgArea #main #broadcast img{width:80%;}
.special .specialBox ul li{
background-size: 4.5%;
line-height: 1.2rem;
}
.character .pop .sofi img,
.character .pop .akari img{width:195px;}
.character .pop .hinata img{width:185px;}
.character .pop .erie img,
.character .pop .yuu img{width:165px;}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 94%;}
}
@media screen and (max-width: 520px) {
#global-nav {padding: 140px 0 0;}
#top-head .inner .logo{padding-top:3em;}
#top-head .inner .logo img{max-width:25%; }
#wrapper #mainContents #Contents #main,
body.home #wrapper #main-Col #imgArea{margin-top:24vh;}
.character .pop .sofi img,
.character .pop .akari img{width:190px;}
.character .pop .hinata img{width:180px;}
.character .pop .erie img,
.character .pop .yuu img{width:160px;}
.character .pop .charaContents .name{background-size: 9%;}
.character .pop .charaContents .cv{
padding:0 0 0 20px;
font-size:1rem;
}
.character .pop .sofi img,
.character .pop .akari img{width:185px;}
.character .pop .hinata img{width:175px;}
.character .pop .erie img,
.character .pop .yuu img{width:155px;}
.character .pop .charaContents{
margin-right:4%;
width:46%;
}
.character .pop .charaContents .intor{
font-size:.9rem;
line-height:1.3rem;
padding:15px 0 25px 20px;
}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 90%;}
}
@media screen and (max-width: 500px) {
#books section ul.comic li{
width: 46%;
font-size:1rem;
}
#books section ul.comic li img{
width: 100%;
}
.special #l-nav {padding:10px 0 0;}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 86%;}
.special .specialBox ul li{font-size:1rem;}
.special .specialBox .entry {font-size:1.1rem; line-height: 1.8rem;}
}
@media screen and (max-width: 490px) {
.special #l-nav ul li{width:44%;}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 100%;}
.special .specialBox ul li{padding-left: 25px;}
}
@media screen and (max-width: 480px) {
#top-head .inner .logo img{max-width:26%; }
body.home #wrapper #main-Col #imgArea #main #copy{right:-10px;}
body.home #wrapper #main-Col #imgArea #main #copy img{width:80%;}
body.home #wrapper #main-Col #imgArea #main #broadcast img{width:75%;}
dl.onair h3{font-size:1.6rem;}
.onairTitle{font-size:1.4rem;}
.character .pop .sofi img,
.character .pop .akari img{width:180px;}
.character .pop .hinata img{width:170px;}
.character .pop .erie img,
.character .pop .yuu img{width:150px;}
.character .pop .charaContents .name{padding-left:20px; padding-bottom:3px;}
.character .pop .charaContents .cv{padding:5px 0 0 5px;}
.character .pop .charaContents .intor{padding:15px 0 30px 5px;}
}
@media screen and (max-width: 470px) {
.character .pop .sofi img,
.character .pop .akari img{width:175px;}
.character .pop .hinata img{width:165px;}
.character .pop .erie img,
.character .pop .yuu img{width:145px;}
}
@media screen and (max-width: 460px) {
#global-nav {padding: 130px 0 0;}
#wrapper #mainContents #Contents #main,
body.home #wrapper #main-Col #imgArea{margin-top:23vh;}
.character .pop .sofi img,
.character .pop .akari img{width:170px;}
.character .pop .hinata img{width:160px;}
.character .pop .erie img,
.character .pop .yuu img{width:140px;}
.character .pop .charaContents .name{
padding-left:20px;
background-size: 10%;
font-size:1.2rem;
}
}
@media screen and (max-width: 440px) {
#top-head .inner .logo img{max-width:28%; }
.character .pop .sofi img,
.character .pop .akari img{width:165px;}
.character .pop .hinata img{width:155px;}
.character .pop .erie img,
.character .pop .yuu img{width:135px;}
.special .specialBox ul li{background-size: 5.2%; padding-left: 25px;}
}
@media screen and (max-width: 420px) {
.character .pop .sofi img,
.character .pop .akari img{width:160px;}
.character .pop .hinata img{width:150px;}
.character .pop .erie img,
.character .pop .yuu img{width:130px;}
}
@media screen and (max-width: 414px) {
#top-head .inner .logo img{max-width:29%; }
#global-nav li.gnav01 a,
#global-nav li.gnav02 a,
#global-nav li.gnav03 a,
#global-nav li.gnav03 span,
#global-nav li.gnav04 a,
#global-nav li.gnav04 span,
#global-nav li.gnav05 a,
#global-nav li.gnav06 a,
#global-nav li.gnav07 a,
#global-nav li.gnav07 span,
#global-nav li.gnav08 a,
#global-nav li.gnav09 a,
#global-nav li.gnav10 a,
#global-nav li.gnav10 span,
#global-nav li.gnav11 a {background-size: auto 96%;}
#wrapper #mainContents #Contents #main,
body.home #wrapper #main-Col #imgArea {margin-top:21.5vh;}
body.home #wrapper #main-Col #imgArea #main #copy img{width:75%;}
body.home #wrapper #main-Col #imgArea #main #broadcast img{width:65%;}
.character .pop .sofi img,
.character .pop .akari img{width:155px;}
.character .pop .hinata img{width:145px;}
.character .pop .erie img,
.character .pop .yuu img{width:125px;}
.character .pop .charaContents .name{font-size:1.1rem;}
.character .pop .charaContents .intor{font-size:.85rem;}
.special #l-nav ul li a,
.special #l-nav ul li span{padding-top:28%; }
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 96%;}
}
@media screen and (max-width: 411px) {
body.home #wrapper #main-Col #imgArea #main #copy img{width:75%;}
body.home #wrapper #main-Col #imgArea #main #broadcast img{width:65%;}
.character .pop .charaContents .name{background-size: 11%;}
.character .pop .charaContents .intor{
font-size:.85rem;
line-height:1.2rem;
padding:10px 0 15px 8px;}
}
@media screen and (max-width: 400px) {
#top-head .inner .logo img{max-width:30%; }
#wrapper #mainContents #Contents #main,
body.home #wrapper #main-Col #imgArea {margin-top:23vh;}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 94%;}
}
@media screen and (max-width: 390px) {
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 90%;}
}
@media screen and (max-width: 375px) {
#global-nav ul li{margin-bottom:10px;}
#global-nav li.gnav01 a,
#global-nav li.gnav02 a,
#global-nav li.gnav03 a,
#global-nav li.gnav03 span,
#global-nav li.gnav04 a,
#global-nav li.gnav04 span,
#global-nav li.gnav05 a,
#global-nav li.gnav06 a,
#global-nav li.gnav07 a,
#global-nav li.gnav07 span,
#global-nav li.gnav08 a,
#global-nav li.gnav09 a,
#global-nav li.gnav10 a,
#global-nav li.gnav10 span,
#global-nav li.gnav11 a {background-size: auto 90%;}
body.home #wrapper #main-Col #imgArea #main #copy img{width:65%;}
body.home #wrapper #main-Col #imgArea #main #broadcast img{width:55%;}
.character .pop .sofi img,
.character .pop .akari img{width:140px;}
.character .pop .hinata img{width:135px;}
.character .pop .erie img,
.character .pop .yuu img{width:115px;}
#books section ul.comic li{font-size:.9rem;}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 87%;}
}
@media screen and (max-width: 360px) {
#top-head .inner .logo img{max-width:31%; }
#global-nav ul li{margin-bottom:7px; }
#global-nav li.gnav01 a,
#global-nav li.gnav02 a,
#global-nav li.gnav03 a,
#global-nav li.gnav03 span,
#global-nav li.gnav04 a,
#global-nav li.gnav04 span,
#global-nav li.gnav05 a,
#global-nav li.gnav06 a,
#global-nav li.gnav07 a,
#global-nav li.gnav07 span,
#global-nav li.gnav08 a,
#global-nav li.gnav09 a,
#global-nav li.gnav10 a,
#global-nav li.gnav10 span,
#global-nav li.gnav11 a {background-size: auto 85%;}
#wrapper #mainContents #Contents #main,
body.home #wrapper #main-Col #imgArea {margin-top:21.5vh;}
body.home #wrapper #main-Col #imgArea #main #copy img{width:65%;}
body.home #wrapper #main-Col #imgArea #main #broadcast img{width:55%;}
.character .pop .sofi img,
.character .pop .akari img{width:135px;}
.character .pop .hinata img{width:125px;}
.character .pop .erie img,
.character .pop .yuu img{width:105px;}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 80%;}
.special .specialBox ul li{background-size: 6.5%; padding-left: 30px;}
}
@media screen and (max-width: 320px) {
#top-head .inner .logo img{max-width:33%; }
#global-nav {padding: 115px 0 0;}
#global-nav ul li{margin-bottom:3px;}
#global-nav li.gnav01 a,
#global-nav li.gnav02 a,
#global-nav li.gnav03 a,
#global-nav li.gnav03 span,
#global-nav li.gnav04 a,
#global-nav li.gnav04 span,
#global-nav li.gnav05 a,
#global-nav li.gnav06 a,
#global-nav li.gnav07 a,
#global-nav li.gnav07 span,
#global-nav li.gnav08 a,
#global-nav li.gnav09 a,
#global-nav li.gnav10 a,
#global-nav li.gnav10 span,
#global-nav li.gnav11 a {background-size: auto 77%;}
#wrapper #mainContents #Contents #main,
body.home #wrapper #main-Col #imgArea {margin-top:25vh;}
body.home #wrapper #main-Col #imgArea #main #broadcast{top:70%;}
.character .pop .sofi img,
.character .pop .akari img{width:125px;}
.character .pop .hinata img{width:115px;}
.character .pop .erie img,
.character .pop .yuu img{width:95px;}
.character .pop .charaContents .name{font-size:1rem; line-height:1rem;}
.character .pop .charaContents .cv{font-size:.9rem;}
.character .pop .charaContents .intor{font-size:.75rem;line-height:1rem;}
#books section ul.comic li{font-size:.8rem;}
.special #l-nav li.special01 a,
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,
.special #l-nav li.special02 a,
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,
.special #l-nav li.special03 a,
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-size: 74%;}
}
@media screen and (max-width: 640px) {
.onairText{font-size: clamp(1.25rem, 1.25rem + 0.7955vw, 1.6875rem);}
}

@media screen and (max-width: 640px) {
.goods dl dt img { height: auto; max-width: 100%; max-height: 94%;}
}
@media screen and (max-width: 600px) {
.goods{ display: block; }
.goods .item{ width: 100%; }
}