@charset "utf-8";
/*********************************************************************
 *
 *  For REPORT_brand
 *
*********************************************************************/

.eOp {
    -webkit-backface-visibility: hidden;
}

img{	  
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

*{
	letter-spacing: inherit;
	font-feature-setting: "palt";
}

@media print {
    img { display: none !important; }
}

@media print, screen and (min-width: 768px) {

/* report */
/* --------------------------------------------------------------------------- */
#report {
}
#report h1 {
	margin: 0 auto 10%;
	width: 600px;
}
#report h2 {
    width: 30%;
    margin: 0 auto;
    padding-top: 2%;
}
#report div.box{
	margin: 4% 0;
}
#report div.logo_back{
    min-height: 180px;
    background: url(../../stage/img/back_box.png) center top no-repeat;
    background-size: 40% 100%;
    margin: 0 auto 20px;
}

#report p {
	padding:0 4% 2%;
}

#report h3 {
	margin: 0 auto 4%;
	width: 524px;
}

#report .red_tx{
	color: #f64a52;
    font-size: 2.2rem;
    font-weight: bold;
}
#report .comingsoon {
	margin:0 auto;
	width:382px;
}

ul.top_btn{
	max-width: 768px;
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	padding-bottom: 25px;
}
ul.top_btn li{
	width: 18%;
}
ul.top_btn img{
}

ul.time_btn{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	padding-right: 2%;
}
ul.time_btn li{
	width: 18%;
}
ul.time_btn img{
}

/* 個別ロゴ大きさ調整 */
#report h2.daiso_logo {
    width: 27%;
    padding-top: 1.8%;
}
#report h2.kce_logo {
    width: 25%;
    padding-top: 1.8%;
}
#report h2.bunka_logo {
    width: 25%;
    padding-top: 2%;
}
#report h2.girl_logo {
    width: 26%;
}
#report h2.rady_logo {
	width: 28.5%;
    padding-top: 1%;
}
#report h2.kids_logo {
    width: 24%;
    padding-top: 2.2%;
}
#report h2.ssize_logo {
    width: 20%;
	padding-top: 3%;
}
#report h2.gyda_logo {
    width: 19%;
	padding-top: 3.2%;
}


/* スライダーcss */
#regalect_bx-pager, #s2_bx-pager, #s3_bx-pager, #s4_bx-pager, #s5_bx-pager, #s6_bx-pager, #s7_bx-pager, #s8_bx-pager, #s9_bx-pager, #s10_bx-pager, #s11_bx-pager, #s12_bx-pager, #s13_bx-pager, #s14_bx-pager, #s15_bx-pager, #s16_bx-pager, #s17_bx-pager, #s18_bx-pager, #s19_bx-pager, #s20_bx-pager, #s21_bx-pager, #s22_bx-pager, #s23_bx-pager {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#slider_box {
	width: 960px;
    margin: 0 auto;
	padding-top:1%;
    padding-bottom: 2%;
}

.bx-wrapper{
	margin-bottom: 0px;
}

.slider {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.stage_area01 .slide_left {
    width: 45%;
    float: none;
}
.stage_area01 .slide_left li{
	width: auto !important;
}

.stage_area01 .slide_right {
    width: 50%;
    float: none;
}
.stage_area01 .slide_right li{
    width: 24%;
    margin: 0.5%;
}
.stage_area01 .slide_right li img {
}


#report .gk_odds_p{
	font-size: 2.2rem;
	line-height: 1;
	text-align: center;
	font-weight: 600;
	color:#E9518E;
	padding: 2% 0 0;
}






}
/* min-width: 768px */

@media screen and (max-width: 767px) {



/* report */
/* --------------------------------------------------------------------------- */
#report {
}
#report .comingsoon {
	margin:0 auto;
	width:50%;
}

#report h1 {
	margin-top: 10%;
}
.brand_h4{
	width: 100%;
	margin: 0 auto 32px;
}

#report h2 {
    width: 70%;
    margin: 0 auto;
	padding: 1% 0;
}
#report div.box{
	margin: 4% 0;
}
#report div.logo_back{
    min-height: 80px;
	max-width: 70%;
	margin: 0 auto;
    background: url(../../stage/img/back_box.png) center top no-repeat;
    background-size: 100% 100%;
}
#report p {
	padding:0 4% 2%;
}
#report h3 {
	margin:0 auto;
	width:100%;
}

#report .red_tx{
	color: #f64a52;
    font-size: 1.5rem;
    font-weight: bold;
}


ul.top_btn{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	padding-bottom:4%;
}
ul.top_btn li{
	width: 20%;
}
ul.top_btn img{
}

ul.time_btn{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	padding-right: 2%;
}
ul.time_btn li{
	width: 18%;
}
ul.time_btn img{
}

/* スライダーcss */
#regalect_bx-pager, #s2_bx-pager, #s3_bx-pager, #s4_bx-pager, #s5_bx-pager, #s6_bx-pager, #s7_bx-pager, #s8_bx-pager, #s9_bx-pager, #s10_bx-pager, #s11_bx-pager, #s12_bx-pager, #s13_bx-pager, #s14_bx-pager, #s15_bx-pager, #s16_bx-pager, #s17_bx-pager, #s18_bx-pager, #s19_bx-pager, #s20_bx-pager, #s21_bx-pager, #s22_bx-pager, #s23_bx-pager {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#slider_box {
	width: 100%;
    margin: 0 auto;
    padding-bottom: 2%;
}
.bx-viewport {
    padding-bottom: 2%;
}
.bx-wrapper{
	margin-bottom: 0px;
}

.slider {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.stage_area01 .slide_left {
    width: 90%;
    float: none;
}
.stage_area01 .slide_left li{
	width: auto !important;
}
.stage_area01 .slide_left li img{
	width: 58%;
	margin: 0 auto;
}
.slide_left li img.yp {
    width: 100%;
    margin: 0 auto;
}

.stage_area01 .slide_right {
	width: 90%;
    margin: 2% auto 0;
    float: none;
}
.stage_area01 .slide_right li{
    width: 24%;
    margin: 0.5%;
}

#report .gk_odds_p{
	font-size: 1.6rem;
	line-height: 1;
	text-align: center;
	font-weight: 600;
	color:#E9518E;
	padding: 2% 0 0;
}


/* 個別ロゴ大きさ調整 */
#report h2.daiso_logo {
    width: 61%;

}
#report h2.kce_logo {
    width: 61%;

}
#report h2.bunka_logo {
    width: 61%;

}
#report h2.girl_logo {
    width: 57%;
}
#report h2.rady_logo {
    width: 61%;

}
#report h2.kids_logo {
    width: 55%;

}
#report h2.ssize_logo {
	width: 43%;
    padding: 2% 0;
}
#report h2.gyda_logo {
    width: 43%;
	padding: 4% 0;
}



}
/* min-width: 768px */