#sns_button_pc@charset "utf-8";
/* Reset ----------------------*/
html{margin:0; padding:0; border:0; overflow-y:scroll;}
*{border:0; box-sizing: border-box; margin:0; padding:0;}
body{
background: url("../img/bg.jpg") fixed top center / 100%;
color: #e00;
line-height:1;
-webkit-text-size-adjust:100%;
width:100%;
}
h1,h2,h3,h4,h5,h6,p,span,table,a,img,dl,dt,dd,ul,li,ol,iframe,nav,small{
margin:0;padding:0; font-size:100%;font-weight:normal; background:transparent;vertical-align:baseline; border:none;}
img{vertical-align:top;}
ol, ul{list-style:none; list-style-type:none;}
form, label, select,input{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.slick-prev{
left: 2%!important;
}
.slick-prev:before {
content: ''!important;
display: inline-block;
width: 50px;
height: 50px;
background-image: url(../img/icon_curLeft.png);
background-size: contain;
vertical-align: middle;
}
.slick-next {
right: 6%!important;
}
.slick-next:before {
content: ''!important;
display: inline-block;
width: 50px;
height: 50px;
background-image: url(../img/icon_curRight.png);
background-size: contain;
vertical-align: middle;
}
.slick-arrow{
z-index: 100!important;
}

/*-- Link --*/
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{color:#f00; text-decoration:none;}
.onlyPc{display: block;}
.onlySp{display: none;}

.WanpakuRuika{
font-family: wanpaku-ruika, sans-serif;
font-weight: 100;
font-style: normal;
}
.KozukaGothicPr6NR{
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 400;
font-style: normal;
}

/*-------------------------*/
#wrapper{
color: #6a5656;
font-family: Arial, Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,"sans-serif";
margin: 0 auto;
width: 1300px;
}
.onlyPc{}
.onlySp{display: none;}
/*-------------------------*/
#sns_button_pc{
margin: 0 auto 30px;
text-align: center;
}
#sns_button_pc .btn_sns img{
height: 50px;
width: 50px;
margin: 0 5px;
}

/*-- header -----------------------*/
#header{}

/*パンくずリスト----------------------------------*/
nav.panlist{
padding: 4px 0;
width: 100%;
}
nav.panlist strong{
font-weight:normal;
}
nav.panlist ol {
color: #e9004d;
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 a:hover{
color: #e9004d;
}

main#main {
display: flex;
}

/*-- left side ----------------------*/
#left_box{
background: #fff;
float: left;
padding-bottom: 30px;
text-align: center;
}
h2{
padding: 0 0 20px;
}

#area_left{
width: 50%;
}
#area_right{
width: 50%;
}

/*-- SNS ----------------------*/
.sns{
width:30%;
height:40px;
margin: 20px auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sns a{
display:block;
width:40px;
height:40px;
margin:0 !important;
}
.sns img{
width:40px !important;
height:40px !important;
margin:0 !important;
}
/*-- Contents all ----------------------*/

#contents {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
-webkit-box-align: start;-ms-flex-align: start;
align-items: flex-start;
line-height: 1.6;
padding: 30px 0 0 0;
width: 960px;
}
#contents .cBox {
box-shadow: 10px 10px 0px 1px #ff669f;
margin: 0 auto 50px;
padding: 14px 0 0 0;
width: 92%;
}
#contents:after {
content: "";
display: block;
height: 0;
width: 50%;
}
#contents h3 {
background: url("../img/bg_ttl.png") no-repeat center right / cover;
color: #d7237d;
font-family: wanpaku-ruika, sans-serif;
font-size: 1.5em;
font-style: normal;
font-weight: 100;
line-height: 2.5em;
padding: 0 0 6px 3%;
margin: 0 auto 0 0;
min-height: 50px;
}
#contents .inbox{
line-height: 1.5em;
padding: 5%;
}

/* --#event-------------------------------------------- */
#event {
background-image: conic-gradient(#fff0f5 90deg, transparent 90deg 180deg, #fff0f5 180deg 270deg, transparent 270deg);
background-size: 54px 54px;
background-color: #ffffff;
border: dashed 5px #ff0054;
border-radius: 15px;
box-sizing: border-box;
margin: 0 auto 5%;
padding: 3% 0;
text-align: center;
width: 100%;
}
#event a{
font-size: min(1.3rem, 3.5vw);
display: block;
color: #5959ff;
font-weight: bold;
line-height: 1.2;
transform: rotate(0.1deg);
}
#event.cBox{
background: #fff;
}
#event h3{
width: 35%;
}
#event .mds{
border-bottom: 1px dashed #aaa;
content: "▼";
font-weight: bold;
margin: 0 0 1%;
padding: 5px;
text-align: left;
}
#event .mds:before{
content: "▼";
}
#event a{
color: #5959ff;
text-decoration: underline;
}
#event .img{
margin: 0 0 1.5%;
max-width: 100%;
}
#event .img img{
height: auto;
max-width: 100%;
}
#event img.logo{
height: auto;
margin: 0 auto 1.5%;
max-width: 480px;
width: 100%;
}

#title{
position: relative;
}
#title #oatime {
color: #e9004d;
font-size: 1.5em;
font-family: wanpaku-ruika, sans-serif;
font-weight: 100;
font-style: normal;
line-height: 1.4em;
position: absolute;
bottom: 130px;
left: 50px;
}
#title #oatime span{
display: block;
font-size: 85%;
}

/*-- 配信 ----------------------*/
.stream{
position: absolute;
left: 3.5%;
bottom: 7%;
width:280px;
}
.stream img{
height: auto;
width:100%;
}
.stream div{
margin: 0 0 1%;
}
/*-- 配信 -----------------------*/

/*
#movie h3{
width: 25%;
}
*/
#oadata h3{
width: 20%;
}
#oadata .date{
font-family: wanpaku-ruika, sans-serif;
font-size: 1.5em;
line-height: 1.5;
}
#oadata .title {
color: #ff0054;
font-family: wanpaku-ruika, sans-serif;
font-size: 1.8em;
line-height: 1.5;
margin: 0 0 1%;
}
#oadata .photo {
margin: 6px 0 15px;
}
#oadata .photo img {
height: auto;
width: 100%;
}
#oadata .text{
line-height: 1.5;
margin: 2% 0 0;
}
#oadata .list {
background: url(../img/bar_koremade_pc.png) no-repeat top left;
margin: 0 auto 30px;
padding: 8% 5% 2%;
width: 100%;
}
#oadata .list ul#oalist{
display: flex;
flex-wrap: wrap;
width: 100%;
}
#oadata .list ul#oalist li {
color: #5959ff;
font-size: 0.75em;
line-height: 1.2;
margin: 0 1% 1%;
text-align: center;
width: 23%;
}
#oadata .list ul#oalist li a{
color: #5959ff;
}
#oadata .list ul#oalist li a:hover{
opacity: 0.6;
}
#oadata .list ul#oalist li img{
height: auto;
width: 100%;
}

#oadata .linkYouTube {
margin: 0 auto;
padding: 0 0 4%;
width: 50%;
}
#oadata .linkYouTube a{
background: #d7237d;
border-radius: 8px;
color: #fff;
display: block;
font-family: wanpaku-ruika, sans-serif;
font-style: normal;
font-size: 1.2em;
font-weight: 100;
line-height: 1.5;
margin: 0 auto;
padding: 12px;
text-align: center;
text-decoration: none;
width: 100%;
}
#oadata .linkYouTube a:hover{
opacity: 0.6;
}
#oadata .linkYouTube a::before{
content: ">";
margin: 0 10px 0 0;
}
#about.cBox{
background: #fff url("../img/bg_point01.png") no-repeat 95% 5%;
}
#sponsor.cBox{
background: #fff;
}
#oadata.cBox{
background: #fff url("../img/bg_point02.png") no-repeat 95% 5%;
}
#movie.cBox{
background: #fff url("../img/bg_point03.png") no-repeat 95% 5%;
}
#offshot.cBox{
background: #fff url("../img/bg_point04.png") no-repeat 95% 5%;
}
#cast.cBox{
background: #fff url("../img/bg_point05.png") no-repeat 95% 5%;
}

/* --#offshot-------------------------------------------- */
#offshot h3{
width: 26%;
}
#offshot .oadateTtl {
font-family: wanpaku-ruika, sans-serif;
font-size: 1.2em;
line-height: 1.5;
text-align: center;
}
#offshot .inbox img{
height: auto;
width: 100%;
}
#offshot .list {
background: url(../img/bar_koremade_pc.png) no-repeat top left;
margin: 0 auto 30px;
padding: 8% 5% 2%;
width: 100%;
}
#offshot .list ul{
display: flex;
flex-wrap: wrap;
width: 100%;
}
#offshot .list ul li {
color: #5959ff;
font-size: 0.75em;
line-height: 1.5;
margin: 0 1%;
text-align: center;
width: 23%;
}
#offshot .list ul li a{
color: #5959ff;
}
#offshot .list ul li a:hover{
opacity: 0.6;
}
#offshot .list ul li img{
height: auto;
width: 100%;
}
/* --#offshot-------------------------------------------- */

/* #about ------------------------------  */
#about h3{
width: 20%;
}
#about .inbox {
color: #d70047;
font-size: 0.95em;
}
#about .message{
display: block;
margin: 0 0 4%;
}
#about .message strong {
color: #5959ff;
display: block;
font-family: wanpaku-ruika, sans-serif;
font-size: 1.6em;
font-weight: normal;
line-height: 1.4;
text-align: center;
}
#about .castWrap{
display: flex;
flex-wrap: wrap;
}
#about .castWrap .c_momoiro,
#about .castWrap .c_fujii{
border-radius: 15px;
margin: 0 1%;
padding: 2.5%;
width: 48%;
}
#about .castWrap .c_momoiro{
background: url(../img/bg_cast_momo.png);
color: #d50032;
}
#about .castWrap .c_fujii{
background: url(../img/bg_cast_fujii.png);
color: #31318d;
}
#about .castWrap .castPhoto{
display: block;
width: 100%;
}
#about .castWrap .castPhoto img{
height: auto;
width: 100%;
}
#about .castWrap .c_fujii .castPhoto{
margin: 0 auto;
width: 48%;
width: 50%;
}
#about .castWrap .castText strong {
display: block;
font-size: 1.4em;
line-height: 1.5em;
margin: 4% auto;
text-align: center;
padding: 0 0 2%;
width: 80%;
}
#about .castWrap .c01 strong {
border-bottom: #d50032 dashed 2px;
}
#about .castWrap .c02 strong {
border-bottom: #31318d dashed 2px;
}
#about .castWrap .c02 strong span{
display: block;
font-size: 0.6em;
line-height: 1.0;
}
/*
.boxMcz {
padding: 10px 0 0 0;
}
.boxFujii {
height: 100%;
width: 100%;
}*/

/* #cast -------------------------------------- 
#cast .castWrap{
display: flex;
flex-wrap: wrap;
margin: 0 0 3%;
}
#cast .castWrap div{
width: 50%;
}
#cast div img {
height:auto;
object-fit: scale-down;
width:auto;
max-width:100%;
max-height:100%;
}
#cast div .dd01{
display: inline-block;
vertical-align: middle;
justify-content: space-between;
height: 160px;
}
#cast div .dd02{
display: inline-block;
vertical-align: middle;
justify-content: space-between;
height: 300px;
}
#cast div .dd01 p{
margin: 32% 0 0 5%;
}
#cast div .dd02 p{
margin: 65% 0 0 5%;
}
#cast div .dd01 p span,
#cast div .dd02 p span {
font-size: 0.7em;
display: block;
}
#cast .castText{
border-radius: 6px;
box-sizing: border-box;
font-size: 0.9em;
line-height: 1.5em;
margin: 0 0 6%;
padding: 4%;
text-align: left;
width: 100%;
}
#cast .c01{
background: #fff1f6;
color: #dc0047;
}
#cast .c02{
background: #dddcf4;
color: #31318d;
}
*/
/* #cast -------------------------------------- */

#sponsor h3{
line-height: 1.5;
padding: 2.4% 0 3.5% 3%;
width: 75%;
}
#sponsor ul{
display: flex;
flex-wrap: wrap;
}
#sponsor ul li{
display: block;
margin: 0;
padding: 2px 0;
text-align: left;
width: 25%;
}

/*-- right side  -------------------*/
#right_side{
margin-left:10px;
}

/*-- footer/PC  -----------------
footer{
background: #ceb0b9;
clear: both;
font-size: 0.9em;
line-height: 1.5em;
margin: 20px 0 0 0;
text-align: center;
}
footer .mx_copyright{
color: #3b0f1c;
padding: 8px 0;
}
footer .mx_copyright a{
color: #3b0f1c;
text-decoration:underline;
}
footer a{
color: #3b0f1c;
text-decoration: none;
}--*/

/*-- 緊急テキスト -------------------- */
#rp_textbox{
box-sizing: border-box;
color: #111;
font-size: 120%;
margin: 1% auto 1.5%;
padding: 0;
width: 1200px!important;
}
#rp_textbox .txt_text {
line-height: 1.5!important;
padding: 2%!important;
text-align: left!important;
width: 100%!important;
}

/* 動画囲いタグ ----------------------　 */
.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;
}

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

/*-- ローディング ----------------------*/
#loader{height: 100em;display: block;padding-top: 5em;z-index: 100;width: 100%;}
#loader2{height: 100em;height: 220px;display: block;padding-top: 5em;z-index: 100;width: 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;}
.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;}
.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;
	}
}
/*--------------------------------------------------------*/
.mgn240102 {margin: 0 0 -20px;}

@media screen and (max-width:640px){
	.onlyPc{display: none;}
	.onlySp{display: block;}
	.slick-prev:before {
	width: 20px;
	height: 20px;
	}
	.slick-next {
	right: 3%!important;
	}
	.slick-next:before {
	width: 20px;
	height: 20px;
	}

	/*-------------------------*/
	#wrapper{
	font-size: 1.6em;
	width: 100%;
	}

	/*-- SNS -----------------------*/
	#sns_button_sp{
	padding: 15px 0;
	text-align: center;
	}
	#sns_button_sp .btn_sns{
	margin: 0 2px;
	}
	#sns_button_sp .btn_sns img{
	height: 50px; width: 50px;
	}
	#title img{
	height: auto;
	width: 100%;
	}

	/*-- Contents all-----------------------*/
	#contents {
	-webkit-box-align: start;-ms-flex-align: start;
	line-height: 1.6;
	padding: 5% 0 0 0;
	width: 100%;
	}
	#contents:after {
	display: none;
	}
	#contents h3 {
	font-family: wanpaku-ruika, sans-serif;
	font-size: 4.8vw;
	line-height: 2.5;
	}
	#contents .inbox{
	font-size: 3.9vw;
	padding: 4%;
	}
	main#main {
	display: block;
	}

	/* --#event-------------------------------------------- */
	#event {
	width: 90%;
	}
	#event h3{
	width: 60%;
	}
	#event .inbox{
	font-size: 3.7vw!important;
	}
	#event img.logo{
	width: 80%;
	}
	/*--  -----------------------*/
	#title {
	padding: 0 0 10%;
	text-align: center;
	width: 100%;
	}
	#title img{
	height: auto;
	max-width: 960px;
	width: 100%;
	}
	#title #oatime {
	background: #fff;
	border-top: #ff0054 6px solid;
	border-bottom: #ff0054 6px solid;
	font-size: 4.0vw;
	line-height: 1.5;
	padding: 2% 0;
	bottom: 0;
	left: 0;
	width: 100%;
	}
	#title #oatime span{
	display: unset;
	font-size: 3.0vw;
	margin: 0 2% 0 0;
	}

	/*-- 配信 -----------------------*/
	.stream{
	position: unset;
	margin: 4% auto 0;
	max-width: 460px;
	width: 90%;
	}
	.stream div{
	margin: 0 0 2%;
	}
	/*-- 配信 -----------------------*/

	#movie h3{
	width: 25%;
	}
	#sponsor h3{
	line-height: 1.2em;
	padding: 4% 0 6% 3%;
	width: 91%;
	}
	#oadata h3{
	width: 30%;
	}

	#oadata .date{
	font-size: 4.2vw;
	}
	#oadata .title {
	font-size: 5.8vw;
	}
	#oadata .photo {
	margin: 3% 0;
	}
	#oadata .text{
	font-size: 3.8vw;
	}
	#oadata .list {
	background: url(../img/bar_koremade_sp.png) no-repeat top left / 80%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 10% 5% 5%;
	}
	#oadata .list ul#oalist{
	font-size: 2.2vw;
	line-height: 1.2;
	}
	#oadata .list ul#oalist li {
	font-size: 2.5vw;
	margin: 0 1% 4%;
	width: 31%;
	}
	#oadata .list ul#oalist li a{
	color: #6a5656;
	}
	#oadata .list ul#oalist li img{
	height: auto;
	margin: 0 0 2%;
	width: 100%;
	}
	#oadata .linkYouTube {
	padding: 0 0 5%;
	width: 65%;
	}
	#oadata .linkYouTube a{
	font-size: 3.5vw;
	padding: 3% 0;
	}

	/* --#offshot-------------------------------------------- */
	#offshot h3{
	width: 40%;
	}
	#offshot .oadateTtl {
	color: #6a5656;
	font-size: 3.8vw;
	}
	#offshot .list {
	background: url(../img/bar_koremade_sp.png) no-repeat top left / 80%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 10% 5% 5%;
	}
	#offshot .list ul{
	font-size: 2.2vw;
	line-height: 1.2;
	}
	#offshot .slider,
	#offshot .slider img{
	height: auto;
	width: 100%;
	}
	#offshot .list ul li {
	font-size: 2.5vw;
	margin: 0 1% 4%;
	width: 31%;
	}
	#offshot .list ul li a{
	color: #6a5656;
	}
	#offshot .list ul li img{
	margin: 0 0 2%;
	}
	/* --#offshot-------------------------------------------- */

	/* #about ------------------------------  */
	#about h3{
	width: 30%;
	}
	#about .inbox {
	}
	#about.cBox{
	background: #fff url(../img/bg_point01.png) no-repeat 95% 1% / 30%;
	}
	#about .message{
	margin: 0 0 5%;
	text-align: left;
	}
	#about .message strong {
	font-size: 4.0vw;
	}
	#about div{
	margin: 0 0 5%;
	text-align: center;
	}
	#about div img {
	height:auto;
	object-fit: scale-down;
	width:auto;
	max-width:100%;
	max-height:100%;
	}
	#about div .dd01 p span,
	#about div .dd02 p span {
	font-size: 0.7em;
	display: block;
	}
	#about .castText{
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 0.9em;
	line-height: 1.5em;
	/*margin: 0 0 6%;*/
	padding: 4%;
	text-align: left;
	width: 100%;
	}
	#about .castWrap .c_momoiro,
	#about .castWrap .c_fujii{
	box-sizing: border-box;
	width: 100%;
	}
	#about .castWrap .c_momoiro{
	margin: 0 0 5%;
	}
	#about .castWrap .c_fujii{
	}
	#about .castWrap .castPhoto{
	margin: 5% auto 0;
	width: 90%;
	}
	#about .castWrap .c_fujii .castPhoto{
	width: 60%;
	}
	#about .castWrap .castText strong {
	margin: 2% auto;
	}
	#about .castWrap .c01{
	color: #d50032;
	}
	#about .castWrap .c01 strong {
	color: #d50032;
	}
	#about .castWrap .c02{
	color: #31318d;
	}
	#about .castWrap .c02 strong {
	color: #31318d;
	}
	/* #about ------------------------------  */

	#sponsor ul li{
	width: 50%;
	}

	/*-- right side -----------------------*/
	#right_side{
	margin: 0 auto 4%;
	max-width: 720px;
	width: 95%;
	}
	/*-- 緊急テキスト -------------------- */
	#rp_textbox{
	font-size: 0.9em;
	width: 100% !important;
	}
}

@media screen and (min-width:480px) {
	#event img.logo{
	height: auto;
	max-width: 360px;
	width: 90%;
	}
}
@media screen and (max-width: 300px){
	#about .message strong {
	font-size: 70%!important;
	}
}