@charset "UTF-8";
.cont .slider>div a img{
height:300px;
}

.menubtn,
.searchbtn,
.searchmenu{
	display:none;
}

@media (min-width: 769px){
.forSP{display:none;}
}

/*Tablet & SmartPhone*/
@media (max-width: 768px) {
	.searchmenu,
	.searchbtn,
	.menubtn{
	display:inline-block;
    }
.srch{
	display:none;
}
.menubtn{width:28px;float:right;background:#eee;position:relative;margin:3px;border-radius:5px;}
.menubtn:before{padding-top:100%;display:block;content:"";}
.menubtn>div{position:absolute;top:0;bottom:0;right:0;left:0:padding:5px;text-align:center;vertical-align:middle;}
.menubtn>div>img{display:inline-block;width:60%;vertical-align:middle;}
.searchbtn{width:28px;float:right;background:#eee;position:relative;margin:3px;border-radius:5px;}
.searchbtn:before{padding-top:100%;display:block;content:"";}
.searchbtn>div{position:absolute;top:0;bottom:0;right:0;left:0:padding:5px;text-align:center;vertical-align:middle;}
/*.searchbtn>div:before{content:"";display:block;width:100%;height:100%;background: url('/images/icon-search.png') 0 0 no-repeat;background-size:60% 60%;}*/
.searchbtn>div>img{width:60%;vertical-align:middle;display:inline-block;}
/*.menubtn,
.searchbtn,
.searchmenu{
	display:none;
}

.srch{
	display:block;
}*/
*{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
header {
	width:100%;
}
	header > div {
		width:100%;
	}
	header nav {
		width:100%;
		padding:2px;
	}
		header nav > div {
			width:100%;
			overflow:hidden;
	}
		header nav .col.first{
			position:relative;
			flex: 7;
			padding:3px;
		}
		header nav .col.second,
		header nav .col.third {
			position:relative;
			flex: 1;
			padding:3px;
		}
/*		header nav ul{justify-content: none;
			position:relative;
			height:100%;
}
		header nav ul li {
			padding-top:3px;
			width:100%;
			height:100%;
			padding-bottom:3px;
		}
		header nav .col.first ul li{
			border:solid 1px #000;
		}
*/		header nav ul li a {
			padding: 0px;
			display: block;
			font-size:95%;
		}

.cont{
	width:100%;
}
.cont .slider>div a img{
	height:200px;
}
.cont .slider .prevslide {
	width: 40px;
	height: 40px;
	left: 15px;
	top: 50%;
	margin-top: -20px;
}
	.cont .slider .prevslide img {
		width: 40px;
		height: 40px;
	}
.cont .slider .nextslide {
	width: 40px;
	height: 40px;
	right: 15px;
	top: 50%;
	margin-top: -20px;
}
	.cont .slider .nextslide img {
		width: 40px;
		height: 40px;
	}

.main {
	width:100%;
	margin-bottom:15px;
}
	.catalbox .info {
		position: relative;
	}
		.catalbox .info .pic {
			float:none;
			display:inline-block;
			vertical-align:top;
			text-align: center;
		}
		.catalbox .info .txt {
			width: 400px;
			max-width: 100%;
			display:inline-block;
			vertical-align:top;
		}
			.catalbox .info .txt .date {
				width: 100%;
				margin-bottom: 0px;
			}
			.catalbox .info .txt h2 {
				padding-top: 15px;
/*				position: absolute;
				top:0px;
				left:0px;
*/				font-size:25px;
				margin-bottom: 15px;
			}
			.catalbox .info .txt .buy {
				text-align: center;
			}
.special>.package>.jacket{display:inline-block;vertical-align:top;width:100%;}
.special>.package>.jacket img{display:inline-block;vertical-align:middle;max-width:80%;}
/*.special>.package>.jacket img+p{display:inline-block;vertical-align:middle;max-width:20%;}*/
.special>.package>.data  {width:100%;border-left:none;}
.special .schedule-old > ul{width:100%;}
.special > .package-mini{width:100%;}
.special > .officialHP{font-size:2vw;}



.side {
	width:100%;
	margin:0px;
}
.footcats > div {
	width:100%;
	margin:0px;
}
.forPC{display:none;}
}

/*Onry SmartPhone*/
@media (max-width: 425px) {
	header > div {
		padding:12px 5px;;
	}
	header h1 {
	display:inline-block;float:left;
		max-width:75%;
	}
	header h1 img{
		width:100%;
	}
	header .sns {
		display:none;
	}
	header .srch {
		display:none;
	}
		header nav>div div ul{
			display:none;
		}
	.special{
		font-size:3vw;
	}

/*		header nav:hover ul{
width:100%;
display: block;
float:left;
/*position:absolute;
bottom:0;*/
/*z-index:20;
/*			display: flex;
			justify-content: space-around;/*space-between;*/
/*			transition: 1s;
		}
*/
/*
		header nav ul li{
			overflow:hidden;
			height:0px;
		}
		header nav:hover ul li{
			overflow:visible;
			height:100px;
			transition: 1s;
		}
*/

		header nav ul li a {
//			height:100px;
//			writing-mode: vertical-rl;
		}

.cont .slider{
margin-left:-15px;
margin-right:-15px;
padding:-15px;
}
.cont .slider>div a img{
	height:130px;
}
/*
			.main .catlist{
				width: 48%;
			}
*/	.main .catlist > div {
		padding: 2px;
	}
	.main .catlist > h2{
				width: 100%;
		font-size: 10px;
		padding: 5px 0px;
	}
			.main .catlist ul li h3 {
				font-size: 10px;
			}
			.main .bigbox ul li h3 {
				padding: 5px;
				font-size: 13px;}
		.main .company h4 p{
			display: block;
		}
	.side .sns {
		width:100%;
	}
	.side .sns .fb-page iframe{
		width:100%;
	}
	.side .sns .twitter-timeline iframe{
		width:100%;
	}

  .forPC{display:none;}
}



/*
@media screen and (max-width: 1140px){

.container {
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.imgfull img {
	width: 100%;
	height: auto;
}
#top .container {
	background: url(../../images/top_bg.png) center top no-repeat;
	background-position: right 20px top 0;
}
.sidecol {
	width: 250px;
	float: left;
}
	#top .sidecol h1 {
		width: 250px;
		height: 74px;
		background: url(../../images/logo.png) 0 0 no-repeat;
		background-size: 250px 74px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#low .sidecol h1 img {
		width: 250px;
		height: 74px;
	}
	.sidecol ul.menu li img {
		width: 100%;
		height: auto;
	}
	.sidecol p img {
		width: 100%;
		height: auto;
	}
#top .maincol {
	padding-top: 900px;
}
#low .maincol .cont.news {
	min-height: 500px;
}

}

@media screen and (max-width: 1050px){
.sidecol {
	width: 200px;
	float: left;
}
	#top .sidecol h1 {
		width: 200px;
		height: 59px;
		background-size: 200px 59px;
	}
	#low .sidecol h1 img {
		width: 200px;
		height: 59px;
	}
.maincol {
	width: 750px;	
}
#top .maincol {
	padding-top: 750px;
}
#low .maincol h2 img {
	width: 100%;
	height: auto;
}
#low .maincol .cont.news {
	min-height: 610px;
}

}

@media screen and (max-width: 990px){

.videobox{
	position: relative;
	padding-bottom: 50%;
	padding-top: 69px;
	overflow: hidden;
}

.videobox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container {
	width: 100%;
	margin: 0 auto;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
	overflow: hidden;
}
.ovfl {
	padding: 0 10px;
}

#top .container {
	background: #f8f6f0;
}
.sidecol {
	width: 100%;
	float: none;
	padding-top: 10px;
}
#top .sidecol h1 {
	width: 200px;
	height: 59px;
	margin: 0 auto 10px auto;
	background: url(../../images/logo.png) 0 0 no-repeat;
	background-size: 200px 59px;
}
#low .sidecol h1 {
	margin-bottom: 10px;
}
#low .sidecol h1 img {
	width: 200px;
	height: 59px;
}

.sidecol ul.menu {
	overflow: hidden;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 3px 0 0 0;
	margin: 5px 0;
}
	.sidecol ul.menu li {
		padding-bottom: 10px;
	}
	.sidecol ul.menu li a {
		background: none;
		text-indent: 0;
		text-align: center;
		color: #555;
		font-size: 16px;
		font-weight: bold;
		padding: 0;
		text-decoration: none;
	}
	.sidecol ul.menu li.m_intro a:link {background: none;}
	.sidecol ul.menu li.m_intro a:visited {background: none;}
	.sidecol ul.menu li.m_intro a:hover {background: none;}
	.sidecol ul.menu li.m_intro a:active {background: none;}
	.sidecol ul.menu li.m_intro.active a {background: none;}
	.sidecol ul.menu li.m_news a:link {background: none;}
	.sidecol ul.menu li.m_news a:visited {background: none;}
	.sidecol ul.menu li.m_news a:hover {background: none;}
	.sidecol ul.menu li.m_news a:active {background: none;}
	.sidecol ul.menu li.m_news.active a {background: none;}
	.sidecol ul.menu li.m_movie a:link {background: none;}
	.sidecol ul.menu li.m_movie a:visited {background: none;}
	.sidecol ul.menu li.m_movie a:hover {background: none;}
	.sidecol ul.menu li.m_movie a:active {background: none;}
	.sidecol ul.menu li.m_movie.active a {background: none;}
	.sidecol ul.menu li.m_char a:link {background: none;}
	.sidecol ul.menu li.m_char a:visited {background: none;}
	.sidecol ul.menu li.m_char a:hover {background: none;}
	.sidecol ul.menu li.m_char a:active {background: none;}
	.sidecol ul.menu li.m_char.active a {background: none;}
	.sidecol ul.menu li.m_cast a:link {background: none;}
	.sidecol ul.menu li.m_cast a:visited {background: none;}
	.sidecol ul.menu li.m_cast a:hover {background: none;}
	.sidecol ul.menu li.m_cast a:active {background: none;}
	.sidecol ul.menu li.m_cast.active a {background: none;}
	.sidecol ul.menu li.m_comics a:link {background: none;}
	.sidecol ul.menu li.m_comics a:visited {background: none;}
	.sidecol ul.menu li.m_comics a:hover {background: none;}
	.sidecol ul.menu li.m_comics a:active {background: none;}
	.sidecol ul.menu li.m_comics.active a {background: none;}
	.sidecol ul.menu li.m_special a:link {background: none;}
	.sidecol ul.menu li.m_special a:visited {background: none;}
	.sidecol ul.menu li.m_special a:hover {background: none;}
	.sidecol ul.menu li.m_special a:active {background: none;}
	.sidecol ul.menu li.m_special.active a {background: none;}

.sidecol p {
	display: none;
}
.sidecol .twitter {
	display: none;
}
.sidecol .sns {
	display: none;
}

.maincol {
	width: 100%;
	float: none;
	text-align: left;
	border-top: 3px solid #f9c5c3;
}
#top .maincol {
	background: url(../../images/topbgsp.jpg) center top no-repeat;
	background-size: 375px 350px;
	padding-top: 360px;
	padding-left: 0;
}

#top .maincol .fl_l,
#top .maincol .fl_r {
	float: none;
}

.maincol .topbox {
	width: 100%;
}
.maincol .topbox h2 img {
	width: 100%;
	height: auto;
}
.maincol .topbox .cont {
	min-height: 0;
}
.maincol .topbox .cont,
.maincol .lowcont {
	padding: 10px;
}

.twittersp {
	display: block;
	width: 85%;
	margin: 15px auto;
}
.snssp {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 5px;
}

footer {
	padding: 15px 0;
	margin-top: 0px;
}
footer ul li {
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

#low .maincol {
	padding-top: 5px;
	width: 100%;
}
#low .maincol h2 {
	display: none;
}
	#low .maincol h2.sp {
		display: block;
	}
	#low .maincol h2.sp img {
		width: 100%;
		height: auto;
	}
#low .maincol .cont {
	background: #fff;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	box-shadow: 0px 1px 3px rgba(133, 92, 92, 0.2);
}
#low .maincol .cont.news {
	min-height: 0;
}
#low .maincol .cont.caststaff {
	background: url(../../images/storychar.png) no-repeat #fff;
	background-size: 100px 132px;
	background-position : right 10px bottom 10px;
	padding-bottom: 140px;
}
#low .maincol .cont.caststaff .textin {
	padding: 0 5px;
	font-size: 14px;
}

#low .maincol .cont.goods ul li .pic {
	float: none;
	margin-right: 0;
	text-align: center;
	margin-bottom: 8px;
}

#low .maincol .cont.special ul li {
	padding-left: 5px;
	padding-right: 5px;
}

#low .maincol .cont.character ul li {
	padding-left: 5px;
	padding-right: 5px;
}
#low .maincol .cont.character ul li h3 img {
	width: auto;
	height: 43px;
}
#low .maincol .cont.character ul li .char img {
	width: 100%;
	height: auto;
}
#low .maincol .cont.introduction p {
	padding: 0 5px;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .8s;
	box-sizing: border-box;
}
.menu-trigger {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 40px;
	height: 34px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #f8a8a5;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 15px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
}


}

@media screen and (max-width: 768px){

#layer_board_area {
	display: none;
}
.maincol .topbox .cont ul {
	max-height: none;
	overflow: visible;
}
}

@media screen and (max-width: 320px){
#top .sidecol h1 {
	margin: 0 0 10px 10px;
}
#low .sidecol h1 {
	text-align: left;
	margin-left: 10px;
}
#low .maincol .cont.special h3 img {
	width: 100%;
	height: auto;
}
}
*/