@charset "utf-8";
/*-------------------------*/
.onlyPc{}
.onlySp{display: none;}

/*-------------------------*/
#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 ----------------------*/
#sns_button_pc{
clear: both;
text-align: center;
}
#sns_button_pc .btn_sns img{
height: 50px;
width: 50px;
margin: 0 5px;
}
.sns{display:flex;height:40px;margin: 20px auto;justify-content:space-between;flex-wrap:wrap;width:30%;}
.sns a{display:block;margin:0 !important;height:40px;width:40px;}
.sns img{margin:0 !important;height:40px !important;width:40px !important;}
/*-------------------------*/

/*-- Pan_box ----------------------*/
#pan_box{
color: white;
font-size: 0.8em;
padding: 8px 0 8px 10px;
width: 100%;
}
#pan_box .in{
margin:0 auto;
width:1260px;
}
#pan_box a{
color: white;
text-decoration:none;
}
#pan_box a:hover{
color: white;
}

/*-- left side ----------------------*/
#left_box{
background: #fff;
float: left;
padding-bottom: 30px;
text-align: center;
}
#area_left{
width: 50%;
}
#area_right{
width: 50%;
}
.cbox{
color: white;
position: relative;
}
.cbox a{
color: white;
}
/*-- right side  -------------------*/
#main{
display: flex;
}
#left_side {
width: 980px;
}
#right_side {
margin-left:10px;
text-align: left;
width: 300px;
}

#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.6em;
padding: 30px 0 0 0;
width: 960px;
}
#contents .cBox {
color:white;
margin: 0 auto 10%;
padding: 8% 0 0 0;
position: relative;
width: 95%;
}
#contents:after {
content: "";
display: block;
width: 50%;
height: 0;
}
#contents h3 {
filter: drop-shadow(8px 8px 0px rgba(0,0,0,0.4));
position: absolute;
left: -5%;
top: 20px;
z-index: 10;
}
#contents .inbox{
font-family: "happy-ruika", sans-serif;
font-size: min(1.2em, 3.5vw);
line-height: 1.5;
padding: 5%;
}

h3{
filter: drop-shadow(8px 8px 0px rgba(0,0,0,0.4));
position: absolute;
left: -5%;
top: 20px;
z-index: 10;
}
#item01,#item02,#item03,#item04,#item05,#item06,#itemHrd {
position: absolute;
filter: drop-shadow(8px 8px 0px rgba(0, 0, 0, 0.4));
}
#item01 img{
width: 100%;
}
#item01 {
right: 0%;
bottom: -20%;
width: 25%;
}
#item02 {
left: -6%;
top: -30%;
}
#item03 {
right: -5%;
top: -30%;
}
#item04 {
left: -5%;
bottom: -5%;
}
#item05 {
right: -5%;
bottom: -5%;
}
#item06 {
right: -3%;
bottom: -15%;
}
#itemHrd{
right: 3.5%;
top: 7%;
width: 30%;
}
#itemHrd img{
width: 100%;
}

/* #title -------------------------------------------- */
#title {
margin: 0 0 1%;
}
#title h2{
margin: 1% auto 0%;
text-align: center;
}
#title h2.kv {
padding: 0 2.5% 0 0;
}
#title h2.kv img{
height: auto;
width: 100%;
}
#title #oatime {
color: #ff0054;
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%;
}
#title .stream{
margin: 0 auto;
}
#title .stream .rCh {
padding: 4% 2% 0;
}
#title .stream div{
margin: 0 auto 1%;
width: 50%;
}
#title .stream div img{
width:100%;
}
#title .stream .rCh {
padding: 4% 2% 0;
}

/* #about ------------------------------  */
#about .inbox {}
#about .message{
margin: 0 0 8%;
text-align: center;
}

/* #oadata ------------------------------  */
#oadata .date{
font-size: 125%;
}
#oadata .title {
font-size: 1.7em;
line-height: 1.5;
margin: 0 0 1%;
}
#oadata .photo {
margin: 6px 0 15px;
}
#oadata .photo img {
width: 100%;
}
#oadata .text{
line-height: 1.5em;
margin: 2% 0 0;
}
#oadata .list {
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: white;
font-size: 0.75em;
margin: 0 1%;
text-align: center;
width: 23%;
}
#oadata .list ul#oalist li a{
color: white;
}
#oadata .list ul#oalist li a:hover{
opacity: 0.6;
}
#oadata .list ul#oalist li img{
width: 100%;
}
#oadata .linkYouTube {
margin: 0 auto;
padding: 0 0 4%;
width: 50%;
}
#oadata .linkYouTube a{
background: #f33b98;
border-radius: 8px;
color: #fff;
display: block;
font-family: wanpaku-ruika, sans-serif;
font-weight: 100;
font-style: normal;
font-size: 1.2em;
line-height: 1.5em;
margin: 0 auto;
padding: 12px;
text-align: center;
text-decoration: none;
width: 100%;
}
#oadata .linkYouTube a::before{
content: ">";
margin: 0 10px 0 0;
}
#bn{
margin: 15% auto 0;
padding: 8% 0 10%;
position: relative;
}


/*-- SNS ----------------------*/
#sns{}
#sns a{
color: white;
text-decoration: underline!important;
}

/*-- Contents all ----------------------*/

/*-- 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;
}