@charset "utf-8";
/*メインコンテンツ*/
#main{
	padding-top:9vw;
}
#pr{
	position:fixed;
	bottom:0;
	width:100vw;
	height:60px;
	text-align: center;
}
.rakuten{
	clear:both;
	padding:20px;
	margin:0 auto;
	text-align:center;
}
html body{
	width:100vw;
	overflow-x:hidden;
}
html *{
	font-size:1em;
	border:0;
	font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
}
/*可変画像共通設定*/
header h1 a,header ol a,
.top h2 span,.top p,
.insta h3 a,.youtube h3 a{
	display:block;
	height:0;
	white-space:nowrap;
	background-repeat:no-repeat;
	text-indent: -9999px;
	background-size:100%;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
}
/*ヘッダー*/
header{
	position: fixed;
	top:0;
	width:100%;
	z-index: 100;
	background-color:#FFF;
}
header h1{
	width:5vw;
	padding:2vw 3vw;
	margin:0;
	float:left;
}
header h1 a{
	width:100%;
	padding-top:120%;
	background-image: url("../images/top/logo.png");
}
header ol{
	display:block;
	float:left;
	/*width:50vw;*/
	width:15vw;
	/*margin:0 0 0 34vw;*/
	margin:0 0 0 70vw;
	padding:0;
	list-style-type:none;
}
header ol li{
	width:5vw;
	padding:2vw 0;
	margin:0 2.5vw 0 0;
	float:left;
}
header a:hover,.sns h3 a:hover{
	animation:thover 0.5s ease forwards;
}
@keyframes thover{
	0%{opcity:1;}
	100%{opacity:0.5;}
}
header .level1 a{
	background-image:url("../images/top/sns_insta.png");
	padding-top:100%;
}
header .level2 a{
	background-image:url("../images/top/sns_youtube.png");
	padding-top:100%;
	background-position: center;
}
/*トップ画像*/
.top{
	clear: left;
	display: block;
	width:50vw;
	padding:20px 25vw;
}
.top h2{
	font-weight: lighter;
	background:url("../images/top/title_free.png") no-repeat 35vw 6vw;
	background-size:15vw;
	font-size:2.7vw;
	line-height:1em;
	padding:0;
	margin:0;
}
.top h2 rt{
	font-size:0.7vw;
	text-align: center;
}
.top h2 span{
	width:30vw;
	background-image: url("../images/top/logo_kana.png");
	padding-top:40%;
	margin:10px 0 0;
}
.top p{
	background-image: url("../images/top/topimage.png");
	padding-top:143%;
	margin:50px 0;
}
/*サブタイトル*/
.list,.about,.sns{
	width:80vw;
	margin:0 10vw;
	display:block;
	min-height:100vh;
}
.list h2,.notice h2,.about h2,.sns h2{
	background:#6E5C50 url("../images/top/title_bg.gif") no-repeat right;
	border-radius: 10px;
	padding:1vw 8vw 1vw 2vw;
	background-size:auto 70%;
	margin-top:50px;
	margin-bottom:10px;
	color:#fff;
	display:inline-block;
	text-indent: -9999px;
	line-height:12vw;
	white-space: nowrap;
	height:6vw;
	overflow: hidden;
}
.list ruby,.notice ruby,.about ruby,.sns ruby{
	display:none;
}
.list h2:before,.notice h2:before,
.about h2:before,.sns h2:before{
	content:" ";
	display:block;
	height:6vw;
}
.list h2{
	width:31vw;
	margin:0 19.5vw;
}
.list h2:before{
	width:31vw;
	background: url("../images/top/title_anime_jp.png");
	background-size:100%;
}
.notice h2{
	width:16vw;
	margin-right:27vw;
	margin-left:27vw;
}
.notice h2:before{
	width:16vw;
	background: url("../images/top/title_notice_jp.png");
	background-size:100%;
}
.about h2{
	width:55vw;
	margin-right:7.5vw;
	margin-left:7.5vw;
}
.about h2:before{
	width:55vw;
	background-image:url("../images/top/title_about_kana.png");
	background-size:100%;
}
.sns h2{
	width:16vw;
	margin-right:27vw;
	margin-left:27vw;
}
.sns h2:before{
	width:16vw;
	background-image:url("../images/top/title_sns.png");
	background-size:100%;
}
/*アニメリスト配信予定*/
.list{
	background:url("../images/top/tap_ja_w.png") no-repeat right top;
	background-size:15vw;
}
.notice{
	clear:left;
	float:left;
	background:#eee;
	width:80vw;
	padding:0 10vw;
	display:block;
	min-height:100vh;
}
.list section,.notice section{
	width:17vw;
	height:17vw;
	display:block;
	float:left;
	margin:0 0 4vw 4vw;
	padding:0;
	position:relative;
}
.list section:nth-child(4n-1),
.notice section:nth-child(4n-1){
	margin-left:0;
	clear:left;
}
.list>p,.notice>p{
	font-size:1em;
	text-align:center;
	padding:0 0 30px;
	margin:0;
}
.list section p,
.notice section p{
	background-image:url("../images/common/bg_opblack.png");
	color:#fff;
	font-weight:block;
	font-size:2vw;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:1vw 2vw;
}
.list h3,.notice h3{
	margin:0;
	padding:1vw;
	vertical-align: middle;
	display:table-cell;
	width:15vw;
	height:15vw;
}
.list h3 img,.notice h3 img{
	width:100%;
	height:auto;
	max-height:16vw;
}
.list ul,.notice ul{
	display:none;
	position:absolute;
	padding:15px 30px;
	border-radius:10px;
	text-align:center;
	font-size:1.5em;
	z-index:30;
	min-width:12vw;
}
.list section:hover ul,
.notice section:hover ul{
	display:block;
}
.list ul,.detail ul{
	background-color:#eee;
	top:14vw;
	left:5vw;
}
.notice ul{
	background-color:#C0A9A9;
	top:8vw;
	left:2vw;
}
.list ul li,
.notice ul li,
.detail ul li{
	display:inline-block;
	white-space: nowrap;
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
	background:url("../images/common/ten.png") no-repeat left;
	background-size:3px 3px;
}
.list ul li:first-child,
.notice ul li:first-child,
.detail ul .first{
	list-style-type: none;
	padding-left:0;
	background:none;
}
.list li span,.detail li span{
	color:#C0A9A9;
}
.notice li span{
	color:#eee;
}
/*sns*/
.sns{
	clear:left;
	font-size:1.5em;
}
.sns section{
	display:table;
	margin:0 auto 3vw;
	padding:0;
	table-layout: fixed;
}
.sns section h3{
	width:20vw;
	height:20vw;
	display:table-cell;
	padding:0 3vw 0 0;
	margin:0;
}
.sns section p{
	margin:0;
	display:table-cell;
	padding:2vw 0 0;
	vertical-align: top;
}

.insta h3 a{
	background-image:url("../images/top/sns_insta.png");
	padding-top:100%;
}
.youtube h3 a{
	background-image:url("../images/top/sns_youtube.png");
	padding-top:70%;
}
/*about*/
.about{
	clear:left;
	font-size:2em;
}
.about h3{
	border-bottom:5px solid #6E5C50;
}
/*詳細ページ*/
.detail{
	clear:left;
	padding:20vw 10vw;
	display:block;
}
.detail h2{
	text-align:center;
	margin:0;
	padding:0 0 5vw;
}
.detail h2 img{
	width:30vw;
	height:auto;
}
.detail ul{
	display:block;
	padding:15px 30px;
	border-radius:10px;
	text-align:center;
	font-size:1.5em;
	background-color:#eee;
}
.detail h3{
	lihe-height:8vw;
	font-size:5.7vw;
	background:none;
}
.detail ul .en{
	font-size:1.5em;
	display:block;
	text-align:center;
	background:none;
}
.detail ul .ja{
	font-size:2em;
	font-weight: bold;
	background:none;
}
.detail h3 rt{
	font-size:2vw;
}
.detail h3 span{
	display:block;
	border-top:3px solid #6E5C50;
	font-weight: lighter;
	font-size:2vw;
	line-height:3vw;
}
html .center{
	text-align:center;
}
.detail p{
	font-size:1.5em;
	lihe-height:2.3em;
}
.detail rt{
	font-size:0.4em;
}
.youtube-b{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	margin-bottom:2rem;
}
.youtube-b iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*著作権表記*/
footer p{
	margin:0;
	padding:10px 0 100px;
	text-align:center;
}
footer a{
	color:#000;
	text-decoration:none;
}
footer a:hover{
	color:blue;
}
footer a:visit{
	color:blueviolet;
}