@charset "utf-8";
/* reset ------------------------- */
* {box-sizing:content-box; margin: 0;}
*,*::before,*::after {box-sizing: border-box;}
html { line-height: 1.5; -webkit-text-size-adjust: 100%;}
body {background-color:#d0d0d0; color: #333; text-align:center;width:100%;}
ol,ul { list-style: none; padding: 0;}
button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}
/* ------------------------- */
.SicGothicDuex-HDL-E_R{
font-family: "sicgothicduex-hdl-e", sans-serif;
font-weight: 400;
font-style: normal;
}
.MonopinJRegular_R{
font-family: "monopin-j", sans-serif;
font-weight: 400;
font-style: normal;
}
.MonopinJBold_B{
font-family: "monopin-j", sans-serif;
font-weight: 700;
font-style: normal;
}
.f_small{
font-size:50%;
font-weight:bold;
}
#wrapper{
line-height:1.2;
text-align:center;
width:100%;
}

main#main{
background-color:#fff;
margin: 0 auto;
position:relative;
text-align:left;
width:1000px;
}
main header#anime_header{
background:#d0d0d0 url(../images/p_anime_header_back.png) no-repeat;
height:110px;
position:relative;
width:100%;
}
main header#anime_header h1{
height:90px;
position:absolute;
left:10px;
top:10px;
width:480px;
}
main header#anime_header h1 a{
display:block;
height:100%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width:100%;
}
main header#anime_header .sns {
position: absolute;
bottom: 0;
right: 0;
width: 70px;
}
main header#anime_header .sns #sns_button {
display: flex;
}
main header#anime_header .sns #sns_button a{
margin: 0 2px;
}
main header#anime_header .sns #sns_button img{
height:30px;
width:30px;
}

/*パンくずリスト----------------------------------*/
nav.panlist{
color: #333;
padding: 4px 0;
width: 100%;
}
nav.panlist strong{
font-weight:normal;
}
nav.panlist ol {
color: #730d52;
display: flex;
white-space: nowrap;
font-size: min(0.7em,2.4vw);
list-style: none;
line-height:1.5;
margin: 0 auto;
padding: 0;
max-width: 1270px;
width: 98%;
}
nav.panlist li + li::before {
content: ">";
margin: 0 0.5em;
}
nav.panlist li a{
color: #730d52;
text-decoration: none;
}
/*
.panlist{
display:block;
font-size:0.7em;
line-height:1.1em;
height:auto;
text-align:left;
margin: 0 auto;
padding:4px 0;
width: 1000px;
}
.panlist p{
margin: 0;
padding: 0 5px 0 10px;
}
.panlist a{
color:#666;
text-decoration:none;
}
.panlist span{
color:#999;
}
*/
/*パンくずリスト ----------------------------------*/

/* g_search ************************************************************/
/*
*/
#g_search{
width:300px;
height:40px;
padding:0;
margin:0;
position:absolute;
right:8px;
top:20px;
}
#g_search .g_search_in{
width:96%;
height:40px;
margin:0 auto;
display:block;
}
input.gsc-search-button{
display:block;
}
#g_search .g_search_in *:before,#g_search .g_search_in *:after {
box-sizing:dummy !important;
}
.g_search {
height: 40px;
padding: 0;
margin: 0;
position: absolute;
right: 8px;
top: 20px;
width: 300px;
}

/*
#special{
border:#d00 double 3px;
background:#FdE5E5;
margin:10px 0 10px 20px;
width:725px;
}
#special h2{
background-color:#d00;
background: -moz-linear-gradient(top,#f00014 0%,#c90414 50%,#ff5967 75%,#ff5967);
background: -webkit-gradient(linear, left top, left bottom,from(#f00014),color-stop(0.50, #c90414),color-stop(0.75, #ff5967),to(#ff5967));
text-align:center;
font-weight:bold;
color:#fff;
margin:5px 0 10px;
padding:5px 0;
width:100%;
}
#special ul{
width:98%;
font-size: 0.8em;
line-height:1.4em;
margin:8px auto;
}
#special li{
color:#e32d3f;
padding:0 0 0 14px;
background:url(../images/p_spe_point.png) left top no-repeat;
}
#special li span{
color:#333;
margin:0 0 0 4px;	
}
#special li a{
color:#e32d3f;
}
*/
/*  ***********************************************************/
/*
#reco_list{
width: 200px;
float: left;
}
#reco_list h2.title{
background:url(../images/p_midashi_reco_list.png) no-repeat center left;
color: #444;
font-size: 0.9em;
font-weight:bold;
line-height:44px;
height:44px;
margin:0;
padding:0 0 0 20px;
text-align:left;
text-decoration:none;
text-shadow:0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,1);
width:100%;
}
#reco_list .inbox{
background-color: #fff2fd;
border-right: 2px solid #E62E8B;
border-bottom: 2px solid #E62E8B;
border-left: 2px solid #E62E8B;
padding:2px 0 8px;
width:96%;
}
#reco_list .btn_more a{
background-color:#ff92ed;
background: -moz-linear-gradient(top,#ff92ed 0%,#ff92ed 50%,#ffafff 50%,#f8a9f8);
background: -webkit-gradient(linear, left top, left bottom,from(#ff92ed),color-stop(0.50, #ff92ed),color-stop(0.50, #ffafff),to(#f8a9f8));
-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;border: 2px solid #fff;
-moz-box-shadow:0px 0px 2px rgba(51,51,51,1),inset 0px 0px 3px rgba(249,121,228,1);
-webkit-box-shadow:0px 0px 2px rgba(51,51,51,1),inset 0px 0px 3px rgba(249,121,228,1);
box-shadow:0px 0px 2px rgba(51,51,51,1),inset 0px 0px 3px rgba(249,121,228,1);
color: #292929;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:bold;
text-align:center;
text-decoration:none;
padding: 6px 2%;
margin:0 auto;
text-shadow:0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,1);
width:86%;
}
#reco_list .btn_more a:hover{
opacity:0.65;
}
#reco_list dl{
height:auto;
overflow:auto;
margin: 0 auto;
padding:5px;
width:94%;
}
#reco_list dt{
height:auto;
float:left;
clear:left;
width:10%;
}
#reco_list dd{
float:left;
width:88%;
}
#reco_list dd a{
color:#e62e8b;
font-size:0.8em;
}
#reco_list .setsumei{
border-top:#ff91d9 dashed 1px;
border-bottom:#ff91d9 dashed 1px;
clear:both;	
display:block;
font-size:0.8em;
text-align:center;
padding:8px 1%;
width:98%;
}
#reco_list .deli{
box-sizing: border-box;
clear:both;
display:block;
font-size:0.8em;
padding:8px 5px;
width:100%;
}
#reco_list .deli a{
color:#e62e8b;
}
*/

/* ニュース一覧部分 ******************************************************/
/* 新着情報部分 */
#news_area{
margin: 10px auto 0;
width: 98%;
}
#news_area h2 {
background: #ff66cc;
background: linear-gradient(to bottom, #ff66cc 0%, #ff66cc 50%, #ff7af4 51%, #f87ce4 100%);
border: 1px #787878 solid;
border-radius: 5px;
box-shadow: inset #ffffff 0px 0px 0px 2px;
color: #fff;
font-family: "monopin-j", sans-serif;
font-weight: 400;
font-size: 1.2em;
font-weight: bold;
margin: 0 auto 10px;
padding: 10px 25px;
text-shadow: #6b447a 2px 2px 0px;
user-select: none;
width: 96%;
}
#reco_news{
background: url(../images/loading.gif) no-repeat center;
min-height: 800px;
width: 100%;
}

.news_set {
background: white;
border-bottom: #333 dotted 1px;
/*display: flow-root;*/
display: flex;
margin: 0 auto;
padding: 8px 0;
width: 95%;
}
.news_set .rn_img{
width:15%;
}
.news_set .rn_img img{
height: auto;
margin:auto;
width:90%;
}
.news_set .rn_text{
/*float:left;*/
font-size: 1.1em;
width:85%;
}
.tx_strong{
font-size:1.2em;
font-weight:bold;
}
.news_set .rn_text .newarrivals{
position: absolute;
right:-10px;
top:-10px;	
}
.news_set .rn_text .newarrivals .in{
background: #fb2c62;
border-radius: 60%;
color: #fff;
display: inline-block;
font-size:1.2em;
font-weight:bold;
line-height: 40px;
height: 40px;
text-align: center;
padding: 0 10px;
position: relative;
width: auto;
min-width: 40px;
}
.news_set .rn_text .newarrivals .in span{
font-size:0.7em;
font-weight:bold;
}
.news_set .rn_text h3{
font-size: min(1.1em, 4.0vw);
margin: 0 0 2px;
width: 100%;
}
.news_set .rn_text h3 a{
color: #dc1e7d;
font-weight: bold;
text-decoration: none;
}
.news_set .rn_text dl{
display: flex;
}
.news_set .rn_text dt {
box-sizing: border-box;
display: flex;
font-size: min(1.0em, 4.0vw);
padding: 6px 0;
width: 84%;
}
.news_set .rn_text dt .dtIn{
display: flex;
width: 100%;
}
.news_set .rn_text dt .dtIn p{
width: 8%;
}
.news_set .rn_text dt .dtIn p span{
border-radius: 0px;
color: white;
display: block;
font-weight: bold;
margin: 0 1% 0 0;
padding: 2px 0 0;
text-align: center;
user-select: none;
width: 100%;
}
.news_set .rn_text dt .dtIn p span.ct01{
background: #2f4ec7;
}
.news_set .rn_text dt .dtIn p span.ct02{
background: #b05b00;
}
.news_set .rn_text dt a{
color: #d1237a;
font-size: 0.9em;
max-height: 1.2em;
margin: 0 0 0 1%;
line-height: 1.5;
overflow: hidden;
}
.news_set .rn_text dd {
box-sizing: border-box;
color: #666;
font-size: 0.7em;
padding: 2px 0 0;
text-align: right;
width: 16%;
}
/* ニュース一覧部分 ******************************************************/

/* 広告バナー ******************************************************/
#ad_area{
display: block;
margin: 0 0 10px;
width:100%;
}
#ad_area p{
margin: 6px 0 0;
padding: 0;
text-align:center;
width:100%;
}
#ad_area p img{}
/* 広告バナー ******************************************************/

/* 番組表 ///////////////////////////////// */
#bangumiArea h2 {
background: radial-gradient(rgba(255, 255, 255, 0.5) 4px, transparent 4px), 
			radial-gradient(rgba(255, 255, 255, .5) 4px, transparent 4px), 
			linear-gradient(135deg, #afccf1 10%, #afafd1 25%, #fcf4ee 40%, #ffe9af 60%, #ffcdaf 75%, #afc7af 90%);
background-size: 20px 20px, 20px 20px, 100% 100%;
background-position: 0 0, 10px 10px, 0 0;
display: block;
font-family: "sicgothicduex-hdl-e", sans-serif;
font-size: 2.0em;
font-weight: 100;
margin: 5% auto 0;
padding: 0.5% 0 0.7%;
paint-order: stroke;
-webkit-text-stroke: 3px #fff;
text-stroke: 3px #fff;
text-align: center;
user-select: none;
}
#bangumiArea nav.bangumi_menu{
margin:0;
padding:0;
width:100%;
}
#bangumiArea nav.bangumi_menu ul{
display: flex;
margin: 1.5% auto;
width: 95%;
}
#bangumiArea nav.bangumi_menu li{
margin:0 0 0 1%;
width: 9%;
}
#bangumiArea nav.bangumi_menu li a{
background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 60%,#cccccc);
background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(0.60, #ffffff),to(#cccccc));
box-shadow:0px 1px 3px rgba(000,000,000,0),inset 0px 0px 3px rgba(255,255,255,0);
border-radius: 6px;
border:2px solid #ddd;
color:#666;
display:block;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:0.8em;
padding:10px 0;
text-shadow:0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,1);
text-align:center;
text-decoration:none;
user-select: none;
width: 100%;
}
#bangumiArea nav.bangumi_menu li a:hover{
opacity:0.65;
}

/* 番組一覧 -------------------- */
#list_area{}
#list_area .week_area{
height:auto;
overflow:hidden;
padding: 0 0 8px;
margin: 0 auto;
width:95%;
}
#list_area h3 {
background: #cfcfcf;
border-radius: 5px;
display: block;
font-family: "sicgothicduex-hdl-e", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5em;
margin: 2% auto 1%;
text-align: center;
padding: 0.8% 0 1.0%;
paint-order: stroke;
-webkit-text-stroke: 3px #fff;text-stroke: 3px #fff;
user-select: none;
white-space: nowrap;
width: 100%;
}
#list_area .boxNew h3 {
color: #670020;
background: #ff6868;
background: linear-gradient(0deg, rgb(255, 104, 131, 1) 0%, rgba(255, 193, 193, 1) 50%, rgba(255, 104, 131, 1) 100%);
}
#list_area .boxMonFri h3 {
background: #F9D1B1;
background: linear-gradient(0deg,rgba(249, 209, 177, 1) 0%, rgba(238, 199, 210, 1) 50%, rgba(190, 194, 223, 1) 100%);
}
#list_area .boxMon h3{
background: #bdc3e0;
background: linear-gradient(0deg,rgba(232, 236, 250, 1) 0%, rgba(189, 195, 224, 1) 50%, rgba(232, 236, 250, 1) 100%);
}
#list_area .boxTue h3{
background: #bb9bd6;
background: linear-gradient(0deg,rgba(234, 212, 255, 1) 0%, rgba(187, 155, 214, 1) 50%, rgba(234, 212, 255, 1) 100%);
}
#list_area .boxWed h3{
background: #ffBfe7;
background: linear-gradient(0deg,rgba(255, 227, 244, 1) 0%, rgba(255, 191, 231, 1) 50%, rgba(255, 227, 244, 1) 100%);
}
#list_area .boxThu h3{
background: #f7c9bb;
background: linear-gradient(0deg,rgba(247, 224, 218, 1) 0%, rgba(247, 201, 187, 1) 50%, rgba(247, 224, 218, 1) 100%);
}
#list_area .boxFri h3{
background: #f9d1af;
background: linear-gradient(0deg,rgba(255, 233, 212, 1) 0%, rgba(249, 209, 175, 1) 50%, rgba(255, 233, 212, 1) 100%);
}
#list_area .boxSat h3{
background: #edda9d;
background: linear-gradient(0deg,rgba(255, 241, 196, 1) 0%, rgba(237, 218, 157, 1) 50%, rgba(255, 241, 196, 1) 100%);
}
#list_area .boxSun h3{
background: #f9d1af;
background: linear-gradient(0deg,rgba(233, 247, 195, 1) 0%, rgba(203, 214, 137, 1) 50%, rgba(233, 247, 195, 1) 100%);
}
#list_area .boxOther h3{
background: #cbd689;
background: linear-gradient(0deg, rgb(149 131 117) 0%, rgb(207 195 185) 50%, rgba(149 131 117) 100%);
}
#list_area .week_area ul{
display: flex;
flex-wrap: wrap;
width: 100%;
}
#list_area .week_area li{
border: #ddd solid 3px;
line-height: 1.2;
margin: 0 0 10px 1%;
min-height: 160px;
padding: 4px 4px 6px;
width: 15.5%;
}
#list_area .week_area li.new{
border-left:#d00 solid 3px;
}
#list_area .week_area li a{
color: #333;
}
#list_area .week_area li.new a{
color:#d00;
}
/*
#list_area .week_area ul li .btn_reco{
position: absolute;
bottom : 4px;
left: 2%;
margin: 0 auto;
text-align: center;
width: 96%;
}
#list_area .week_area li dd a.btn_reco img{
max-width: 160px;
width: 100%;
}
#list_area .week_area li .btn_mcas,#list_area .week_area li .btn_mcas_lw{
background:url(../images/icon_mcas.png) no-repeat top / 100%;
width:24%;
max-height:24%;
min-height:34px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
position:absolute;
top:-10px;
right:-10px;
}
#list_area .week_area li .btn_mcas a,#list_area .week_area li .btn_mcas_lw a{
display:block;
height:100%;
min-height:34px;
width:100%;
}*/

#list_area .week_area li .oatime {
color: #222;
display: flex;
font-size: 1.1em;
font-style: italic;
font-weight: bold;
line-height: 1.4;
margin: 0 auto 2px;
padding: 0;
}
#list_area .week_area li .oatime .youbi {
background: #d00;
border-radius: 4px;
color: #fff;
font-size: 0.85em;
line-height: 1.0;
margin: 0 2% 0 0;
padding: 5px 1% 0;
text-align: center;
min-width: 20%;
}
#list_area .week_area li dl{
clear:both;
}
#list_area .week_area li dt{
aspect-ratio: 170 / 106;
width:100%;
}
#list_area .week_area li dt img{
height: auto;
margin:0;
padding:0;
width: 100%;
}
#list_area .week_area li dd {
margin: 0 auto;
width:100%;
}
#list_area .week_area li dd h4 {
font-size: 0.7em;
line-height: 1.2;
margin: 2% auto 0;
width: 95%;
}
#list_area .week_area li dd h4 .caution {
color: #d00;
display: block;
line-height: 1.2;
padding: 5% 0 0;
}
#list_area .week_area li dd a.icon_tver {
align-items: center;
background-color: #e2f2fc;
border-radius: 2em;
color: #333 !important;
display: inline-flex;
font-size: 90%;
gap: 0.4em;
justify-content: center;
line-height: 1.5;
margin: 0.4em auto 0;
padding: 0.4em 1em;
text-decoration: none;
user-select: none;
white-space: nowrap;
width: 100%;
}
#list_area .week_area li dd a.icon_tver img {
height: auto;
margin: 0;
vertical-align: middle;
width: 1.8em;
}
#list_area .week_area li dd a.icon_rCh {
align-items: center;
background-color: #b91514;
border-radius: 2em;
color: white !important;
display: inline-flex;
font-size: 90%;
justify-content: center;
margin: 0.4em auto 0;
padding: 0.57em 0 0.37em;
text-decoration: none;
user-select: none;
white-space: nowrap;
width: 100%;
}
#list_area .week_area li dd a.icon_rCh img {
height: auto;
margin: -0.1em 0 0;
vertical-align: middle;
width: 5em;
}

/** Scrooltop **************************************/
#page-top {
width: 120px;
position: fixed;
font-size: 0.8em;
bottom: 15px;
right: 15px;
}
#page-top a {
width: 100%;
color: #fff;
text-align: center;
text-decoration: none;
background: #666;
padding: 15px 10px;
display: block;
border-radius: 8px;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}
/****************************************/
.fixHeightChild_banner img{
border:1px solid #ccc;	
height: auto;
max-height:129px;
margin:auto 0;
}
.week_area dt img {
height: auto;
border: none;
}
/* sort **********/
.week_area .sort {
display: flex;
margin: 20px auto;
overflow: auto;
/* padding: 10px 0 15px; */
width: 90%;
}
.week_area .sort button {
border-radius: 6px;
color: #626666;
font-family: "sicgothicduex-hdl-e", sans-serif;
font-size: min(1.2em, 3.5vw);
/*font-weight: bold;*/
margin: 0 2%;
padding: 5px 0 4px;
text-decoration: none;
text-align: center;
user-select: none;
width: 45%;
}
.week_area .sort button:hover{opacity:0.65;}
.week_area .sort .button_off{
background: linear-gradient(0deg,rgba(180, 182, 184, 1) 0%, rgba(245, 245, 245, 1) 100%);
border: 2px solid #898b8c;
box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,1);
text-shadow:0 0 2px #fff;
}
.week_area .sort .button_on{
color: #dd2d30;
border: 2px solid #dd2d30;
background: linear-gradient(0deg,rgba(252, 218, 211, 1) 0%, rgba(255, 252, 252, 1) 100%);
box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,1);
text-shadow:0px 0px 2px #fff;
}
.week_area .midashi_sort {
border-top: 3px solid #fd9c9c;
border-bottom: 3px solid #fd9c9c;
color: #dd2d30;
font-family: "sicgothicduex-hdl-e", sans-serif;
font-size: 1.5em;
min-height: 48px;
margin: 10px auto;
text-align: center;
user-select: none;
padding: 6px 0 7px;
}
/* sort **********/
.copy_all {
color: #333;
font-size: 0.7em;
line-height: 1.2;
margin: 1% auto;
text-align: left;
max-width: 1000px;
/* width: 70%; */
}

/* アーカイブリンク ---------------------------------------------- */
aside.arc_bnr a {
background: #7e6902 !important;
border-radius: 8px;
color: white;
display: block;
font-size: min(1.2em, 4.5vw);
font-weight: bold;
margin: 2% auto;
padding: 1%;
text-align: center;
text-decoration: none !important;
user-select: none;
max-width: 800px;
width: 90%;
}
aside.arc_bnr a:hover{
opacity: 0.6;
}

/*-- ローディング ----------------------*/
#loader{background-color:#ccc; position:fixed;width:100%;height:100%;z-index: 100;}/*背景*/
.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;
	}
}
/*--------------------------------------------------------*/

/* SP  -------------------------------------------------- */
@media screen and (max-width:640px) {
	body {font-family: "游ゴシック Medium", Yu Gothic Medium, "游ゴシック体", YuGothic, sans-serif;}
	main#main{
	padding: 0.5% 0;
	width: 100%;
	}
	#reco_news{
	min-height: 100vh;
	}
	.news_set{
	display: flex;
	}
	.news_set .rn_img{
	width: 25%;
	}
	.news_set .rn_text{
	width: 75%;
	}
/*	.news_set .rn_text h3{
	font-size: 3.5vw;
	}
*/
	.news_set .rn_text dl{
	/*display: block;*/
	display: flex;
	flex-direction: column;
	width: 100%;
	}
	.news_set .rn_text dt{
	display: block;
	padding: 6px 0 0;
	width: 100%;
	}
	.news_set .rn_text dd{
	clear: both;
	display: block;
	/*margin-top: 4px;*/
	width: 100%;
	}
	.news_set .rn_text dt .dtIn p{
	width: 15%;
	}
	.news_set .rn_text dt .dtIn a{
	display: inline-table;
	max-height: unset;
	margin: 0 0 0 2%;
	width: 85%;
	}
	.news_set .rn_text dt a {
    line-height: 1.3;
    overflow: unset;
	}
	.week_area .midashi_sort{
	width: 98%;
	}
	.week_area .sort {
	margin: 12px auto;
	padding: 2%;
	}
	#bangumiArea nav.bangumi_menu {
    margin: 4% auto 0;
    width: 95%;
	}
	#bangumiArea nav.bangumi_menu ul{
	flex-wrap: wrap;
    width: 100%;
	}
	#bangumiArea nav.bangumi_menu li{
    font-size: 4vw;
    margin: 0 1% 4px;
    width: 31.3%;
	}
	#list_area .week_area ul{
    width: 100%;
	}
	#list_area .week_area li{
	font-size: min(0.9em, 4vw);
    margin: 0 1% 4px;
	width: 31.3%;
	}
	#list_area .week_area li dd h4{
	font-size: 3.0vw;
	}
	#list_area h3{
	margin: 2% auto;
	width: 98%;
	}
	aside.arc_bnr a {
    margin: 5% auto;
    padding: 4%;
    text-align: center;
    text-decoration: none !important;
    user-select: none;
    max-width: 800px;
    width: 90%;
	}
	.copy_all {
	margin: 2% auto;
	width: 95%;
	}
}