*, *::before, *::after {box-sizing: border-box;border: 0;margin: 0;padding: 0;}
html {line-height: 1.5;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scrollbar-gutter: stable;scroll-behavior: smooth;}
body {background-color: #fff;border: 0;font-family: system-ui, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: inherit;}p, figure, blockquote, dl, dd {margin: 0;}a {color: inherit;text-decoration: none;}a:focus-visible {outline: 2px solid #000;outline-offset: 2px;}ul, ol {list-style: none;margin: 0;padding: 0;}
img, video, iframe, svg {height: auto;max-width: 100%;}button, input, select, textarea {appearance: none;background: none;border: none;color: inherit;font: inherit;}
table {border-collapse: collapse;width: 100%;}th, td {padding: 0.5em;text-align: left;}[hidden] { display: none !important;}
body{
background-color: white;
background-image: linear-gradient(45deg, #f3f3f3 25%, transparent 25%, transparent 75%, #f3f3f3 75%), linear-gradient(45deg, #f3f3f3 25%, transparent 25%, transparent 75%, #f3f3f3 75%);
background-position: 0 0, 40px 40px;
background-size: 80px 80px;
color: #000;
font-family: kozuka-gothic-pr6n, sans-serif;
line-height: 1.5;
margin: 0;
padding: 0;
text-align: left;
}
a{color:#3d3d3d;text-decoration:none;}
a:hover{color:#111;text-decoration:underline;}
.f_corydanceR{
font-family: "ads-corydance", sans-serif;
font-weight: 400;
font-style: normal;
}
.f_KozukaGR{
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 400;
font-style: normal;
}
.f_KozukaGM{
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
}
.sr-only {
border-width: 0;
clip: rect(0, 0, 0, 0);
margin: -1px;
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}

.all{
background-color:#f7f7f7;
/*border-top:1px solid #484848;*/
/*border-bottom:1px solid #484848;*/
width: 100%;
}
.wrapper{
background-image: url(../img/bg_top.webp), url(../img/bg_btm.webp);
background-repeat: no-repeat;
background-position: top center,bottom center;
background-size: 100%;
min-height: 100vh;
}

/* pankuzu ----------------------------------*/
nav#pan_box{
background-image: linear-gradient(90deg, #cfcce3, #b9e5f9 14%, #cbf1e9 29%, #e2f2d3 43%, #f2f1c2 56%, #fce7b8 70%, #f9d4c0 87%, #f6b9cc);
color: #666;
overflow-x: auto;
overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
/*#pan_box {
	background: var(--c_onair);
	box-sizing: border-box;
	color: #fff;
	font-size: 0.8em;
	line-height: 24px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding: 3px 2%;
	text-align: left;
	width: 100%;
}
#pan_box .in {
color: #fff;
height: 24px;
	width: 520px;
}
*/
nav#pan_box .in{
margin: 2px auto 4px;
font-size: min(0.8em, 3.0vw);
line-height: 22px;
height: 24px;
padding: 0 1%;
text-align: left;
max-width: 1400px;
/*width: 100%;*/
}
nav#pan_box strong{
font-weight:normal;
}
/*
nav.panlist{
background-color:#c9c9c9;
padding: 4px 0;
width: 100%;
}
nav.panlist p{
color:#484848;
display: flex;
font-size: min(0.7em,2.4vw);
flex-wrap: nowrap;
line-height:1.5;
margin: 0 auto;
max-width: 1300px;
}
nav.panlist a{}
nav.panlist span{
color: #999;
margin: 0 4px;
}
*/
/* main ----------------------------------*/
main {
margin: 0;
padding: 0;
}
main.allIn{
position: relative;
overflow: hidden;
}
main.allIn .item01{
filter: drop-shadow(0px 0px 10px #d793d8);
position: absolute;
top: 5vh;
left: 0%;
width: 32%;
}
main.allIn .item02{
filter: drop-shadow(0px 0px 10px #ff4200);
position: absolute;
top: 2vh;
right: -10%;
width: 40%;
}
main.allIn .item01 img,
main.allIn .item02 img{
height: auto;
width: 100%;
}
.container {
position: relative;
z-index: 1;
}

/*- #presentBnr -----------------------------------------------------*/
#presentBnr {
margin: 0 auto 2%;
text-align: center;
width: 100%;
}
#presentBnr img{
height: auto;
margin: 0 auto;
max-width: 720px;
width: 75%;
}
.itemText{
margin: 0 auto 1em;
}
.itemText a {
color: #eb5836;
}

/* #title ----------------------------------*/
#title{}
#title h1 {
text-align: center;
padding: 1.5vh 0;
}
#title h1 a {
display: block;
margin: 0 auto;
max-width: 380px;
}
#title h1 a:hover {
opacity: 0.6;
}
#title h1 img{
display: block;
height: auto;
margin: 0 auto;
width: 100%;
}

/* -- #recommend  ----------------------------------------*/
#recommend {
background: rgba(255, 233, 147, 0.8);
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
/*background: #aaa;*/
margin: 0 auto 1%;
padding: 1% 0;
width: 100%;
min-width: 1200px;
}
/*#recommend ul {
display: flex;
}*/
#recommend::before {
content: "";
border-top: 5px solid #ffe993;
}
#recommend::after {
content: "";
border-bottom: 5px solid #ffe993;
}
#recommend ul li{
margin: 0 0.5%;
/*width: 33%;*/
}
#recommend ul li a{
height: auto;
width: 100%;
}
.splide {/* 一旦入れとく */
visibility: unset;
}
/*.splide__pagination {
bottom: -1.5em!important;
}*/

/* -- #schedule  ----------------------------------------*/
#schedule .scheduleIn {
font-family: ab-kokoro-no3, sans-serif;
font-weight: 400;
font-style: normal;
min-height: 80px;
padding: 0;
}
#schedule .scheduleIn ul {
/*background: rgba(255, 255, 255, 0.75); */
background: #f3f1e9;
border-radius: 8px;
/* box-shadow: 2px 2px 4px #ebc151; */
display: flex;
font-size: 2.4em;
/* flex-wrap: wrap; */
justify-content: center;
padding: 6px 0;
margin: 0 auto;
width: 1200px;
}
#schedule .scheduleIn ul li {
background-size: contain;
color: #494949;
font-family: "ads-corydance", sans-serif;
width: 7%;
height: 100%;
}
#schedule .scheduleIn ul li a {
display: block;
line-height: 0.9;
/*height: 80px;*/
padding: 20% 0;
text-align: center;
text-decoration: none;
/*text-shadow: 2px 2px 0px rgb(255 255 255);*/
/*width: 100%;*/
/*width: 74px;*/
}
#schedule .scheduleIn ul li a:hover {
opacity: 0.6;
}
#schedule .scheduleIn ul li.fc_sat a {
background: url(../img/bg_wSat.png) no-repeat center / 100%;
color: #4a58d5;
}
#schedule .scheduleIn ul li.fc_sun a {
background: url(../img/bg_wSun.png) no-repeat center / 100%;
color: #d00;
}
#schedule .scheduleIn ul li span {
display: block;
font-size: 0.6em;
}
/*
.sche2512,
.sche2601 {
background: url(../img/bg_wY.png) no-repeat center / 100%;
font-size: min(0.8em, 3.0vw);
width: 100px !important;
}
.p01{
display: flex;
height: 20px;
}
.p02{
display: flex;
height: 20px;
}
.p01 span:nth-child(1){
font-size: 75% !important;
letter-spacing: -0.1em;
line-height: 0.3 !important;
width: 75%;
}
.p01 span:nth-child(2){
font-size: 75% !important;
letter-spacing: -0.1em;
line-height: 0.3 !important;
width: 25%;
}
.p02 span:nth-child(1){
font-size: 75% !important;
letter-spacing: -0.1em;
line-height: 0.3 !important;
width: 75%;
}
.p02 span:nth-child(2){
font-size: 75% !important;
letter-spacing: -0.1em;
line-height: 0.3 !important;
width: 25%;
}
*/
.sche2512,
.sche2601 {
align-items: center;
background: url(../img/bg_wY.png) no-repeat center / 100%;
display: flex;
flex-direction: column;
/*height: 110px;*/
justify-content: center;
position: relative;
/*width: 110px !important;*/
}
.sche2512 p ,
.sche2601 p {
display: flex;
line-height: 1.2;
margin: 0;
text-align: center;
}
.sche2512 .p01 span,
.sche2601 .p01 span { 
/*font-size: 18px; */
font-weight: 700; 
}
.sche2512 .p02 span:first-child ,
.sche2601 .p02 span:first-child { 
font-size: 1.1em !important;
font-weight: 700;
line-height: 0.5;
}
.sche2512 .p02 span:last-child,
.sche2601 .p02 span:last-child { 
/*font-size: 18px; */
font-weight: 700; 
}

.li1229,
.li0105{
background: url(../img/bg_wMon.png) no-repeat center / 100%;
}
.li1230{
background: url(../img/bg_wTue.png) no-repeat center / 100%;
}
.li1231{
background: url(../img/bg_wWed.png) no-repeat center / 100%;
}
.li0101{
background: url(../img/bg_wThu.png) no-repeat center / 100%;
}
.li1226,
.li0102{
background: url(../img/bg_wFri.png) no-repeat center / 100%;
}
.li1227,
.li0103{
background: url(../img/bg_wSat.png) no-repeat center / 100%;
}
.li1228,
.li0104{
background: url(../img/bg_wSun.png) no-repeat center / 100%;
}

/* -- #category  ----------------------------------------*/
#category {
/*background: rgba(243, 241, 233, 0.75);*/
border-radius: 8px;
margin: 0 auto;
padding: 1% 0;
text-align: center;
max-width: 1200px;
width: 80%;
}
#category ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}
#category ul li {
/*background: #aaa; */
/* background-repeat: no-repeat; */
color: white;
font-family: "ads-corydance", sans-serif;
font-weight: 400;
font-style: normal;
margin: 0;
/* width: 140px; */
min-width: max(170px, 13%);
}
/*#category ul li a{
color: white;
display: block;
padding: 1%;
text-decoration: none;
}*/
#category ul li a {
/*background-color: #d45bcf;*/
/*border-radius: 4px;*/
color: white;
display: inline-block;
font-size: min(1.2em, 3.5vw);
letter-spacing: -0.2em;
padding: calc(5% + 4px) 5%;
position: relative; /* 三角の位置を相対的に */
width: 100%;
}
/* 下の三角 */
#category ul li a::after {
border-color: #d45bcf transparent transparent transparent; /* 上がタグ色、他は透明 */
border-style: solid;
border-width: 12px 12px 0 12px;
content: "";
position: absolute;
bottom: -11.5px;
left: 50%;
transform: translateX(-50%);
}

#category ul li a:hover{
text-decoration: none;
}
#category ul li.cat_variety a {
background: #037b41;
}
#category ul li.cat_variety a::after {
border-color: #037b41 transparent transparent transparent;
}
#category ul li.cat_hodo-sports a {
background: #6da810;
}
#category ul li.cat_hodo-sports a::after {
border-color: #6da810 transparent transparent transparent;
}
#category ul li.cat_anime a {
background: #ce4ca3;
}
#category ul li.cat_anime a::after {
border-color: #ce4ca3 transparent transparent transparent;
}
#category ul li.cat_movieDrama a {
background: #cd4b0c;
}
#category ul li.cat_movieDrama a::after {
border-color: #cd4b0c transparent transparent transparent;
}
#category ul li.cat_TVer a {
background-color: white;
border: solid 4px #0595cf;
color: #0595cf;
letter-spacing: -0.1em;
padding: 5%;
}
#category ul li.cat_TVer a::after {
border-color: #0595cf transparent transparent transparent;
}
#category ul li.cat_Rch a {
background-color: white;
color: #bf0000;
border: solid 4px #bf0000;
padding: 5%;
}
#category ul li.cat_Rch a::after {
border-color: #bf0000 transparent transparent transparent;
}
#category ul li.cat_pre a {
background: #ff5d38;
}
#category ul li.cat_pre a::after {
border-color: #ff5d38 transparent transparent transparent;
}
#category ul li.wFri{
background-image: url(../img/bg_wFri.png);

}


/* -- .thumb_area  ----------------------------------------*/
.thumb_area {
margin: 3% auto 0;
max-width: 1200px;
}
.thumb_info {
padding: 2% 0;
}
.thumb_info .thumb_time_wrap{
margin: 0 0 2%;
}
.thumb_info .thumb_time_wrap .thumb_title {
border-bottom: 3px dotted rgb(239, 117, 117);
color: #ac2323;
font-weight: bold;
/*font-size: 1.3em;*/
font-size: min(1.15em, 3.5vw);
margin: 0 0 6px;
line-height: 1.4;
padding: 0 0 1%;
}
.thumb_info .thumb_time_wrap .thumb_title a {
color: #931414;
}
.thumb_info .thumb_time_wrap .thumb_time_date,
.thumb_info .thumb_time_wrap .thumb_oatimeRe{
font-size: min(1.0em, 3.2vw);
}
.thumb_list {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
/*justify-content: space-between;*/
justify-content: left;
}
.thumb_list li {
background-color: #fff;
box-sizing: border-box;
/* flex: 0 0 32.5%; */
max-width: 31%;
margin: 0 1% 2%;
padding: 15px 15px 50px;
position: relative;
}
.li_variety{
box-shadow: 0 0 5px rgba(3,123,65,0.6);
}
.li_hodo-sports{
box-shadow: 0 0 5px rgba(109,168,16,0.6);
}
.li_anime{
box-shadow: 0 0 5px rgba(206,76,163,0.6);
}
.li_movieDrama{
box-shadow: 0 0 5px rgba(205,75,12,0.6);
}
.co_present{
box-shadow: 0 0 5px rgba(235,88,54,0.6);
}


/* .thumb_img ++++++++++++++++++++++++++++ */
.thumb_img .info {
display: flex;
margin: 0 auto 2%;
}
.thumb_img .info .chBox {
display: flex;
width: 50%;
}
.thumb_img .info .chBox .icon_mx {
display: block;
font-size: min(0.8em, 2.5vw);
/* height: 32px; */
margin: 0 4% 0 0;
padding: 2% 0.5em;
text-align: center;
/* min-width: 50px; */
/* max-width: 25%; */
}
.thumb_img .info .chBox .icon_mx1 {
background: #e87000;
color: #fff;
}
.thumb_img .info .chBox .icon_mx2 {
background: #c33c3c;
color: #fff;
}
.thumb_img .info .chBox .icon_mx12 {
background: #fff;
border: 1px solid #c33c3c;
border-right-color: #e87000;
border-bottom-color: #e87000;
color: #c33c3c;
font-size: min(0.9em, 2.5vw);
width: 45% !important;
}
.thumb_img .info .chBox .pre {
border-radius: 4px;
background: #ff5d38;
display: flex;
/*height: 32px;*/
padding: 2%;
/*width: 32px;*/
width: 15%;
}
.thumb_img .streambox {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: 50%;
}
.thumb_img .streambox a{
box-sizing: border-box;
display: inline-block;
/*height: 32px;*/
margin: 0 1%;
width: 48%;
}
.thumb_img .thumb_tver {
background: url(../img/logo_TVer.svg) no-repeat center / 45%;
border: 1px solid #096cbc;
}
.thumb_img .thumb_rch {
background: url(../img/logo_rCh.svg) no-repeat center / 100%;
border: 1px solid #bf0000;
}

.thumb_list li .thumb_more a {
background-color: #e2d8ec;
border-radius: 20px;
font-size: min(0.9em, 3.5vw);
margin: 0 auto;
padding: 2% 5%;
position: absolute;
bottom: 15px;
left: 0;
right: 0;
text-align: center;
width: 90%;
}
.thumb_list li .thumb_more a:hover {
opacity: 0.6;
text-decoration: none;
}


/* 下層ページ --------------------------------------- */
#bangumi .contents,
#present .contents{
background: white;
border-radius: 8px;
font-size: min(1.2em, 3.5vw);
margin: 0 auto 2%;
padding: min(40px, 5%);
text-align: left;
max-width: 1200px;
width: 95%;
}
#bangumi .contents #bangumiArea{
display: flex;
flex-wrap: wrap;
}
#bangumi .contents #bangumiArea h3 {
border-top: dashed 2px #f3eae6;
font-size: min(1.2em, 4.0vw);
font-weight: bold;
/*margin: 0 auto 2%;*/
padding: 1%;
display: block;
text-align: left;
width: 100%;
}
#bangumi .contents .bangumiImg{
margin: 0 auto 2%;
}

#bangumi .contents .bangumiInfo{
display: flex;
flex-wrap: wrap;
width: 100%;
}
#bangumi .contents .oaInfo{
display: flex;
font-size: min(1.2em, 3.5vw);
flex-wrap: wrap;
margin: 0 auto 0 0;
width: 75%;
}
#bangumi .contents .oaInfo .icon_mx {
width: 16%;
}
#bangumi .contents .oaInfo .icon_mx span{
border-radius: 6px;
display: block;
font-weight: bold;
margin: 0 2% 2% 0;
text-align: center;
width: 90%;
}
#bangumi .contents .oaInfo .icon_mx1 span{
background: #e87000;
color: #fff;
}
#bangumi .contents .oaInfo .icon_mx2 span{
background: #c33c3c;
color: #fff;
}
#bangumi .contents .oaInfo .time{
display: block;
width: 84%;
}
#bangumi .contents .preIcon{
text-align: right;
width: 23%;
}
#bangumi .contents .preIcon a{
display: block;
margin: 0 0 0 auto;
width: 100%;
}
#bangumi .contents .preIcon img{
height: auto;
width: 100%;
}

#bangumi .contents .stream{
display: flex;
margin: 0 auto 2%;
width: 100%;
}
#bangumi .contents .stream div{
width: 49%;
}
#bangumi .contents .stream div:nth-child(1){
margin: 0 1% 0 0;
}
#bangumi .contents .stream div:nth-child(2){
margin: 0 0 0 1%;
}
#bangumi .contents .stream img{
height: auto;
width: 100%;
}
#bangumi .contents #bangumiArea .bangumiText {
margin: 0 auto 2%;
width: 100%;
}


/* プレゼント部分 ------------------------------ */
#presentArea{
display: block;
border-radius: 8px;
border: solid 3px #eb5836;
margin: 15% auto 0;
padding: min(20px,5%);
width: 100%;
}
#presentArea h3 {
background: #eb5836;
border-radius: 5px;
color: white;
font-family: "ads-corydance", sans-serif;
font-size: min(1.8em, 4.5vw);
margin: -50px auto 20px;
padding: 1%;
text-align: center;
min-width: 150px;
width: 55%;
position: relative;
}
#present #presentArea h3 {
letter-spacing: -0.15em!important;
}
#presentArea h3:before {
background-image: url(../img/logo_preCap.webp);
background-repeat: no-repeat;
background-size: contain;
content: '';
display: inline-block;
filter: drop-shadow(0px 0px 3px #ff4200);
position: absolute;
height: 6vw;
left: -7vw;
top: -1vw;
vertical-align: middle;
max-width: 210px;
width: 50%;
}

#presentArea .preImg{
/*background-image: linear-gradient(45deg, #f3f3f3 25%, transparent 25%, transparent 75%, #f3f3f3 75%), linear-gradient(45deg, #f3f3f3 25%, transparent 25%, transparent 75%, #f3f3f3 75%);
background-position: 0 0, 40px 40px;
background-size: 80px 80px;
margin: 0 auto 2%;
max-height: 640px;
text-align: center;*/
background-image: linear-gradient(45deg, #f3f3f3 25%, transparent 25%, 
transparent 75%, #f3f3f3 75%), 
linear-gradient(45deg, #f3f3f3 25%, transparent 25%, 
transparent 75%, #f3f3f3 75%);
background-position: 0 0, 40px 40px;
background-size: 80px 80px;
margin: 0 auto 2%;
text-align: center;

/* 追加 */
max-height: 640px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;  /* 画像がはみ出る可能性に備える */
}
#presentArea .preImg img{
/*display: block;
height: auto;
margin: 0 auto;
max-width: 720px;
max-height: 560px;
max-width: 100%;*/
display: block;
max-height: 640px;
max-width: 100%;
width: auto;
height: auto;
margin: 0 auto;
}
#presentArea .preInfo{
border-bottom: dashed 2px #eb5836;
margin: 0 auto 2%;
padding: 0 0 2%;
text-align: center;
}
#presentArea .preInfo p{
display: block;
text-align: center;
}
#presentArea .preText{
margin: 0 auto 2%;
}
#presentArea .preText a{
color: #eb5836;
word-break: break-all;
}
#presentArea .preApp{
border-top: dashed 2px #eb5836;
text-align: center;
padding: 2% 0 1%;
margin: 0 auto;
}
#presentArea .btnArea {
margin: 1% auto 0;
width: 75%;
}
#presentArea .btnArea a,
#presentArea .btnArea p{
border-radius: 8px;
display: block;
font-family: "ads-corydance", sans-serif;
font-size: min(1.8em, 4.5vw);
letter-spacing: -0.2em;
padding: 1.5% 0;
text-align: center;
}
#presentArea .btnArea a{
text-decoration: none;
}
#presentArea .btnArea a:hover{
opacity: 0.6;
}
#presentArea .btnArea .preNow {
background: #ff1f3f;
color: #fff;
font-weight: bold;
}
#presentArea .btnArea .preOver{
background: #999;
color: #333;
user-select: none;
}

#pageBack{
margin: 0 auto 2%;
text-align: center;
width: 100%;
}
#pageBack a {
background: white url(../img/bg_top.webp) no-repeat top center;
border: #f6bccb solid 2px;
display: block;
margin: 0 auto;
padding: 1% 0 0;
max-width: 320px;
width: 50%;
}
#pageBack a img{
height: auto;
width: 75%;
}
#pageBack a:hover{
opacity: 0.6;
}

/*- #presentページ -----------------------------------------------------*/
#present h2 {
margin: 0 auto 2%;
text-align: center;
width: 100%;
}
#present h2 img{
height: auto;
margin: 0 auto;
max-width: 400px;
width: 75%;
}
#present .itemText a.topBnr {
margin: 0 auto 2%;
text-align: center;
width: 100%;
}
#present a.topBnr {
background: white url(../img/bg_top.webp) no-repeat top center;
border: #f6bccb solid 2px;
display: block;
margin: 0 auto;
padding: 1% 0 0;
max-width: 320px;
width: 50%;
}
#present .contents_wrap a img {
height: auto;
width: 75%;
}

/* footer -------------------------------  */

footer{text-align: center;}
#footer #f_PC{margin: 0 auto !important;}
.foot{margin: 0 auto;}


/* TOPにもどる・ボタンの基本スタイル ------------------------- */
.top-btn {
background: #333;
border-radius: 5px;
color: white;
font-size: min(1.2em,4.0vw);
bottom: 30px;
right: 30px;			/* 初期は見えない */
opacity: 0;
padding: 10px 15px;
position: fixed;
pointer-events: none;   /* 初期はクリック不可 */
transition: opacity 0.3s ease; /* フェードアニメーション */
text-decoration: none;
z-index: 200;
}
/* スクロールしたら見えるようにする */
body.scrolled .top-btn {
opacity: 1;
pointer-events: auto; /* スクロールしたらクリック可能に */
}

/* 動画囲いタグ ----------------------　<div class="video-container"></div> */
.video-container {padding: 56.25% 0 0;position: relative;width: 100%;}
.video-container iframe{height: 100% !important;position: absolute;right: 0;top: 0;width: 100% !important;}
.visually-hidden {border: none !important;display: block !important;height: 4px !important;margin: 0 !important;padding: 0 !important;opacity: 0 !important;overflow: hidden !important;position: fixed !important;top: 0px !important;left: 0px !important;width: 4px !important;visibility: visible !important;}

/*-- google翻訳 ----------------------*/
.skiptranslate.goog-te-gadget,a.goog-logo-link{color:#fff !important;}

/*-- ローディング ----------------------*/
#loader{background-color: white; position:fixed; height:100%; width:100%; z-index: 21000;}/*背景*/
.loader,.loader:before,.loader:after {background: #aaa;-webkit-animation: load1 1s infinite ease-in-out;animation: load1 1s infinite ease-in-out;height: 4em;width: 1em;top: 50%;}
.loader {color: #ccc;text-indent: -9999em;margin: auto;position: relative;font-size: 11px;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s;animation-delay: -0.16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.loader:before,.loader:after {position: absolute;top: 0;content: '';}
.loader:before {left: -1.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.loader:after {left: 1.5em;}
@-webkit-keyframes load1 {0%,80%,100% {box-shadow: 0 0;height: 4em;}40% {box-shadow: 0 -2em;height: 5em;}}
@keyframes load1 {0%,80%,100% {box-shadow: 0 0;height: 4em;}40% {box-shadow: 0 -2em;height: 5em;}}



/* PC  -------------------------------------------------- */
@media screen and (min-width:900px) {
	.sche2512, .sche2601 {
	height: 90px !important;
	width: 8% !important;
	}
	/*#sns{}*/
	#sns_button_pc {
	margin: 2% 0;
	text-align: center;
	}
	#sns_button_pc .btn_sns {
	margin: 0 4px;
	}
	/*#sns_button_pc .sns img, .btn_x img, .btn_facebook img,.btn_line img{*/
	#sns_button_pc .btn_sns img{
	height: 50px;
	width: 50px;
	}
	#sns_button_sp{
	display: none;
	}
}
/* PC  -------------------------------------------------- */
@media screen and (max-width:1100px) {
	#presentArea h3:before {
	left: -10vw;
	top: 0vw;
	max-width: 150px;
	width: 35%;
	}
}
/* TAB  -------------------------------------------------- */
@media screen and (max-width:900px) {
	body{-webkit-text-size-adjust: 100%;}
	.onlyPc{display:none;}
	header{ min-height: 70px;}
	main.allIn .item01{
	top: 2vh;
	left: -5%;
	width: 30%;
	}
	main.allIn .item02 {
	top: 1vh;
	right: -16%;
	}
	#title h1{
	padding: 1vh 0 0.5vh;
	}
	#title h1 img{
	width: 40%;
	}
	#recommend{
	margin: 0 auto 2%;
	padding: 2% 0;
	}
	#recommend ul li{
	width: 20% !important;
	}

	/* schedule -------------------------------- */
	#schedule {
	background: rgba(255, 255, 255, 0.75);
	margin: 0 auto 3%;
	/*overflow: scroll;*/
	position: relative;
	width: 100%;
	}
	#schedule:before {
	animation: pikopiko 1s steps(2, start) infinite;
	color: #e87000;
	font-size: 5.0vw;
	content: "◀";
	position: absolute;
	left: 0;
	top: 35%;
	z-index: 10;
	}
	#schedule:after {
	animation: pikopiko 1s steps(2, start) infinite;
	color: #e87000;
	font-size: 5.0vw;
	content: "▶";
	position: absolute;
	right: 1%;
	top: 35%;
	z-index: 10;
	}
	#schedule .scheduleIn {
	overflow: auto;
	}
	#schedule .scheduleIn ul {
	display: flex;
	font-size: 2.0em;
	margin: 0 auto;
	width: 540px;
	}
	#schedule .scheduleIn ul li{
	height: 70px;
	width: 15vw;
	}
	@keyframes pikopiko {
		0% {
		transform: rotate(20deg);
		}
		to {
		transform: rotate(-10deg);
		}
	}

	#category {
	width: 100%;
	}
	#category ul li{
	margin: 0 0 3%;
	min-width: 25%;
	}
	.thumb_area {
	width: 98%;
	}
	.thumb_list li{
	max-width: 47%;
	margin: 0 1.5% 4%;
	padding: 3% 3% 50px;
	}
	.thumb_img .info .chBox .pre{
	max-width: 18px;
	width: 18%;
	}
	.thumb_img .info .chBox .icon_mx12 {
	line-height: 1.0;
	}

	#sns_button_pc {display: none;}
	#sns_button_pc .btn_sns { margin: 0;}
	#sns_button_sp {
	text-align: center;
	}
	#sns_button_sp .btn_sns img {
	margin: 10px 3px 25px;
	width: 50px;
	height: 50px;
	}
	#bangumi .contents .oaInfo .time{
	word-break: auto-phrase;
	}

	/* 下層ページ -------------------------------------- */
	#bangumi .contents,
	#present .contents{
	margin: 0 auto 5%;
	}
	#bangumi .contents #bangumiArea{
	display: block;
	}
	#bangumi .contents #bangumiArea h3 {
	margin: 0 auto 2%;
	padding: 2% 0 0;
	}
	#bangumi .contents .preIcon a{
	width: 25%;
	width: 100%;
	}
	#presentArea h3 {
	margin: -10vw auto 5vw;
	min-width: 150px;
	width: 60%;
	padding: 2%;
	}
	#presentArea h3:before{
	background-size: 100%;
	height: 100%;
	top: 15%;
	vertical-align: middle;
	}
	#presentArea .preInfo:nth-child(1){
	display: block;
	text-align: left;
	}
	#presentArea .preImg{
	max-height: 640px;
	}
	#presentArea .btnArea{
	width: 100%;
	}
	#presentArea .btnArea a,
	#presentArea .btnArea p{
	padding: 1.5% 0;
	}
	#pageBack a {
	padding: 2% 0 0;
	}
	#footer #f_SP{
	margin: 0!important;
	}
}
/* SP  -------------------------------------------------- */
@media screen and (max-width:640px) {
	nav#pan_box{
	height: 24px;
	overflow-x: auto;
	overflow-y: hidden;
	}
	#pan_box .in {
	/*color: #fff;*/
	height: 24px;
	width: 520px;
	}
	#presentBnr img{
	width: 100%;
	}
	#bangumi .contents .stream {
	display: block;
	}
	#bangumi .contents .stream div{
	width: 100%;
	}
	#bangumi .contents .stream div:nth-child(1),
	#bangumi .contents .stream div:nth-child(2){
	margin: 0;
	}
	#presentArea h3:before{
	height: 40px;
	left: -20vw;
	top: 5%;
	vertical-align: middle;
	width: 50%;
	}
	#presentArea .preImg img{
	max-height: 480px;
	}
}