@charset "utf-8";
/* 2025/05/19 update */

/*** Common ***/
#wrap {z-index: 0; }
header {position: relative; background-color: #fff;}
header.logined {background-color: #D61518;}
footer {position: relative;}
main {width: 100%; position: relative; /*overflow: hidden;*/}
section{width: 100%; padding: 10.0rem 0; position: relative; overflow: hidden;}
section .content_box{max-width: 970px; margin: 0 auto;}

.sp_display{display:none;}
.pc_display{display:block;}
.animated {animation-duration: 1s; animation-fill-mode: both; visibility: visible;}
.go_top {z-index: 100; width: 100%; min-width: 970px; max-width: 1100px;}
.go_top a {background: #0d417a none repeat scroll 0 0; border: 3px solid #fff; border-radius: 20px; color: #ffffff; display: block; font-size: 16px; height: 40px; padding: 10px; text-align: center; width: 40px;}
.go_top span.glyphicon {top: -2px; left: -1px;}

/* h */
section h3{color: #fff; font-size: 6.8rem; font-weight: 700; letter-spacing: 2px; text-align: center;}
section h3 span{display: block; font-size: 3.5rem; letter-spacing: 0; margin: 1.5rem 0 0;}

/* color */
.rf_c_red{color: #cf0202;}
.rf_yellow{color: #f3f600;}

/* Loader */
#site_loader_overlay {background: #266ac4; opacity: 1;position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; width: 100vw; height: 100vh; z-index: 99999;}
.site_loader_logo {font-size: 10px; margin: -3em 0 0 0; text-indent: -9999em; width: 6em; height: 6em; border-radius: 50%; position: absolute; top: 50%; left: 50%;
background: #266ac4;
background: -moz-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%);
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);}
.site_loader_logo:before {
content: ''; width: 50%; height: 50%; background: #fff; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0;}
.site_loader_logo:after {content: ''; background: #266ac4; width: 75%; height: 75%; border-radius: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}


/* 1st View */
div.logo_box{width: 100%; position: relative;}
div.logo_box .rf_logo{position: absolute; top: 50%; left: 50%; margin: 100px 0 0 -235px; z-index: 10;}
div.logo_box .vsx_logo{position: absolute; top: 50%; left: 50%; margin: 575px 0 0 -195px; z-index: 10;}
div.logo_box .vsxMax_logo{position: absolute; top: 50%; left: 50%; margin: 575px 0 0 5px; z-index: 10;}

div.rf__content{background-image: url(/img/rf/rf_content_bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 2rem 0;}
div.rf__content .logo_box{z-index: 5;}
div.rf__content .logo_box .rf_logo{position: static; top: auto; left: auto; width: 8.5%; margin: 0 auto;}
div.rf__content .overlay {width: 100%; height: 20vh; min-height: 200px; position: absolute; top: 0; left: 0; z-index: 0;
background-color: rgba(255,255,255,0.35);
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 65%, rgba(255,255,255,.5) 50%);
background-size: 2px 2px;;
}

/* Top Video */
div.video_box{min-height: 760px; overflow: hidden;}
div.video_box .video-background {position: fixed; top: 0; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%); object-fit: cover;}
@media screen and (max-width: 1024px) {div.video_box .video-background {top: 0;}}
div.video_box .overlay {width: 100%; height: calc(100vh - 200px); min-height: 800px; position: absolute; top: 0; left: 0; z-index: 0;
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 65%, rgba(255,255,255,.5) 50%);
background-size: 2px 2px;
}

/* Navi */
#ev__modal{display: none;}
nav{position: sticky; top: 0; left: 0; width: 100%; background: #0a2037; font-size: 2.0rem; font-weight: 600; letter-spacing: 2px; /* margin-top: calc(100vh - 200px); */ padding: 2.6rem 0; z-index: 10;}
nav a:link,
nav a:visited{color: #fff; position: relative; display: inline-block; text-decoration: none;}
nav a::after {content: ''; position: absolute; bottom: -4px; left: 0;  width: 100%; height: 3px; background: #2ba8fc; transform: scale(0, 1); transform-origin: left top; transition: transform .3s;}
nav a:hover::after {transform: scale(1, 1);}
nav ul{width: 970px; display: flex; justify-content: space-between; align-content: center; margin: 0 auto;}
nav a.none:hover::after{display: none;}
nav .modal__btn{display: none;}

/* Contents rf__sec01 - about*/
section.rf__sec01{background-image: url(/img/rf/rf_sec01_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position-y: calc(55vh - 900px); background-color: rgba(255,255,255,1); z-index: 0;}
section.rf__sec01 h2{color: #0d417a; font-size: 5.5rem; font-weight: 600; letter-spacing: 2px; text-align: center; line-height: 1.33em; margin: 5rem 0 0; padding: 0;}
section.rf__sec01 ul{display: flex; justify-content: center; align-items: center; width: 50%; max-width: 970px; margin: 0 auto;}
section.rf__sec01 ul > li:first-child{margin-left: -20px;}
section.rf__sec01 .overlay {width: 100%; height: 200vh; position: absolute; top: 0; left: 0; z-index: -10;
background-color: rgba(255,255,255,0.25);
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 65%, rgba(255,255,255,.5) 50%);
background-size: 2px 2px;
}

/* Contents rf__sec02 - Howtoplay*/
section.rf__sec02{background-color: #f1f4f7; padding: 10rem 0;}
section.rf__sec02 h3{color: #0d417a;}
section.rf__sec02 ul.slick-slider {margin-top: 5rem; margin-left: -25rem; margin-right: -25rem; padding: 0;}
section.rf__sec02 ul.slick-slider li{margin: 0 25px;}
section.rf__sec02 ul.slick-slider .slick-dots {position: absolute; bottom: -5rem; z-index: 2; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
section.rf__sec02 ul.slick-slider .slick-dots li {position: relative; display: inline-block; width: 1rem; height: 1rem; margin: 0 12px; padding: 0; cursor: pointer;}
section.rf__sec02 ul.slick-slider .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 1rem; height: 1rem; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
section.rf__sec02 ul.slick-slider .slick-dots li button:before {font-size: 5rem; line-height: 9px; position: absolute; top: 0; left: 0; width: 1rem; height: 1rem; content: "•"; text-align: center; color: #ccc;}
section.rf__sec02 ul.slick-slider .slick-dots li.slick-active button:before {color: #0d417a;}
section.rf__sec02 .flow{background: #fff; min-height: 400px; padding: 30px;}
section.rf__sec02 .flow dl{display: flex; justify-content: flex-start; align-items: center;}
section.rf__sec02 .flow dt{width: 35%; margin-right: 5%;}
section.rf__sec02 .flow dd{width: 60%;}
section.rf__sec02 .flow dd h4{width: 125px; font-size: 1.8rem; font-weight: 600; background: #0d417a; color: #fff; text-align: center; margin: 0 0 15px; padding: 8px 5px 5px;}
section.rf__sec02 .flow dd h5{color: #0d417a; font-size: 2.5rem; font-weight: 600; line-height: 1.33em;}
section.rf__sec02 .flow dd p{font-size: 1.25rem; margin: 0; padding: 0;}
section.rf__sec02 .flow dd a{transition: .2s all linear;}
section.rf__sec02 .rf__guide{width: 85%; margin: 10rem auto 0; text-align: center;}
section.rf__sec02 .rf__guide p{color: #0d417a; font-size: 2.5rem; font-weight: 600; letter-spacing: 2px; line-height: 1.6em; margin: 0; padding: 0;}
section.rf__sec02 .rf__guide a {transition: .2s all linear;}
section.rf__sec02 .rf__guide a:link,
section.rf__sec02 .rf__guide a:visited{display: block; background: #0990e6; border: 2px solid #0990e6; font-size: 2.6rem; color: #fff; text-align: center; padding: 15px; margin: 1.5rem auto; width: 500px;}
section.rf__sec02 .rf__guide a:hover{background: #fff; color: #0990e6;}

/* Contents rf__sec03 - Ranking */
section.rf__sec03{background: none !important; padding: 10rem 0 !important;}
section.rf__sec03 h3{color: #0d417a;}
section.rf__sec03 a.rank_btn {overflow: hidden; position: relative; box-shadow: none;
transition: all 1000ms cubic-bezier(.08,.77,.84,.29);
-webkit-transition: all 1000ms cubic-bezier(.08,.77,.84,.29);
transform: rotate(35deg);
-webkit-transform: rotate(35deg);
}
section.rf__sec03 a.rank_btn:after {background: #fff; content: ""; width: 120px; height: 800px; left: -400px; top: -120px; opacity: .4; position: absolute; z-index: 10;
transition: all 0ms cubic-bezier(1.0,1.0,1.0,1.0);
-webkit-transition: all 0ms cubic-bezier(1.0,1.0,1.0,1.0);
transform: rotate(35deg);
-webkit-transform: rotate(35deg);
}
section.rf__sec03 a.rank_btn:hover:after {left: 600px;
transition: all 1000ms cubic-bezier(.08,.77,.84,.29);
-webkit-transition: all 1000ms cubic-bezier(.08,.77,.84,.29);
transform: rotate(35deg);
-webkit-transform: rotate(35deg);
}
section.rf__sec03 ul{display: flex; justify-content: space-around; align-items: flex-start; width: 85%; margin: 5rem auto 0;}
section.rf__sec03 ul > li{overflow: hidden;}
section.rf__sec03 dl{background: -webkit-linear-gradient(top, #988f4e, #928743); background: linear-gradient(to bottom, #988f4e, #928743); padding: 10px;}
section.rf__sec03 dd{font-size: 2.0rem; font-weight: 600; color: #fff; text-align: center; letter-spacing: 1px; padding: 15px 10px 5px;}
section.rf__sec03 .overlay {width: 100%; height: 200vh; min-height: 900px; position: absolute; bottom: 0; left: 0; z-index: -50;
background-color: rgba(255,255,255,0.55);
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 65%, rgba(255,255,255,.5) 50%);
background-size: 2px 2px;
}

/* Contents rf__sec04 - Picture Book */
section.rf__sec04{padding: 10rem 0; z-index: 0;
background-image: url(/img/rf/rf_sec04_bg.jpg) !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position-y: 0;
background-color: rgba(255,255,255,1) !important;
}
section.rf__sec04 h3 {color: #0d417a;}
section.rf__sec04 .pictbookArea {margin: 2.5rem 0 0;}
section.rf__sec04 .pictbookArea dl{display: flex; justify-content: flex-start; align-items: center;}
section.rf__sec04 .pictbookArea dt{width: 45%; margin-right: 5%;}
section.rf__sec04 .pictbookArea dd{width: 50%;}
section.rf__sec04 .pictbookArea dd h4{color: #0d417a; font-size: 5.5rem; font-weight: 600; letter-spacing: 2px; line-height: 1.33em; margin: 0 0 2.5rem; padding: 0;}
section.rf__sec04 .pictbookArea dd p{color: #0d417a; font-size: 2.0rem; font-weight: 600; letter-spacing: 2px; line-height: 1.6em; margin: 0 0 2.5rem; padding: 0;}
section.rf__sec04 .pictbookArea a{transition: .2s all linear;}
section.rf__sec04 .pictbookArea a:link,
section.rf__sec04 .pictbookArea a:visited{display: block; background: #0990e6; border: 2px solid #0990e6; font-size: 2.5rem; color: #fff; text-align: center; padding: 15px 10px;}
section.rf__sec04 .pictbookArea a:hover{background: #fff; color: #0990e6;}
section.rf__sec04 .overlay {width: 100%; height: 200vh; position: absolute; top: 0; left: 0; z-index: -10;
background-color: rgba(255,255,255,0.60);
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 65%, rgba(255,255,255,.5) 50%);
background-size: 2px 2px;
}

/* Contents rf__sec05 - Campaign */
section.rf__sec05{background-color: #0d417a; padding: 10rem 0 5rem;}
section.rf__sec05 .campaignArea{margin: 5rem 0 2.5rem;}
section.rf__sec05 .campaignArea dl{margin-bottom: 5rem;}
section.rf__sec05 .campaignArea dl:last-of-type{margin-bottom: 0;}
section.rf__sec05 .campaignArea dt{margin-bottom: 1.8rem;}
section.rf__sec05 .campaignArea dd{font-size: 2.0rem; font-weight: 600; letter-spacing: 2px; line-height: 1.6em;}
section.rf__sec05 .campaignArea dl a{transition: .2s all linear;}
section.rf__sec05 .campaignArea dl a:link,
section.rf__sec05 .campaignArea dl a:visited{color: #fff;}
section.rf__sec05 .campaignArea dl a:link img,
section.rf__sec05 .campaignArea dl a:visited img{transition: .2s all linear; opacity: 1.0;}
section.rf__sec05 .campaignArea dl a:hover img{transition: .2s all linear; opacity: 0.75;}

/* Contents rf__sec06 - login */
section.rf__sec06{background-color: #0d417a; padding: 0 0 10rem;}
section.rf__sec06::before{content: ''; display: block; background-color: #fff; width: 100%; max-width: 970px; height: 3px; margin: 0 auto 5rem;}
section.rf__sec06 ul{display: flex; justify-content: space-between; align-items: center;}
section.rf__sec06 ul > li{width: 48%;}
section.rf__sec06 ul > li a{transition: .2s all linear;}
section.rf__sec06 ul > li a:link,
section.rf__sec06 ul > li a:visited{display: block; background: #0990e6; border: 2px solid #0990e6; font-size: 2.5rem; color: #fff; text-align: center; padding: 15px 10px;}
section.rf__sec06 ul > li a:hover{background: #fff; color: #0990e6;}


/*responsive ==============================================================================*/
@media (max-width: 767px) {/*smart phone*/

/*** Common ***/
section{padding: 5rem 0;}
section .content_box{width: 80%;}
section#ranking .content_box,
section#pictbook .content_box{width: 90%;}
.sp_display{display:block;}
.pc_display{display:none;}
.go_top {display: none;}

/* Loader */
.site_loader_logo {margin: -1.5em 0em 0em -3em;}

/* h */
section h3{font-size: 3.8rem;}
section h3 span{font-size: 1.8rem; margin: 1rem 0 0;}

/* 1st View */
div.logo_box .rf_logo{width: 380px; margin: 140px 0 0 -185px;}
div.logo_box .vsx_logo{width: 152px; margin: 490px 0 0 -165px;}
div.logo_box .vsxMax_logo{width: 185px; margin: 490px 0 0 -5px;}
div.rf__content{padding: 0.5rem 0;}
div.rf__content .logo_box .rf_logo{width: 20%;}

/* Top Video */
div.video_box{min-height: 700px;}
/*** div.video_box .overlay {height: calc(50vh - 80px); min-height: 400px;} ***/

/* Navi */
nav{position: fixed; top: -100px;}
nav ul{width: auto; display: none;}
nav .navi__area {padding: 20px 0; position: relative;}
nav #slideMenu {height: 100%; position: fixed; justify-items: legacy; width: 100%; margin-top: -35px; transform: translateY(-150%); transition: transform 450ms ease-in-out; background: rgba(0,0,0,0.85); z-index: 5;}
nav.fixed{position: fixed; padding: 5px 0;}
.menu{display: block; width: 30px; height: 30px; position: absolute; top: 50%; right: 0; margin: -10px 15px 0 0; padding: 0; border: none; z-index: 1;}
.menu span:before {bottom: -10px;}
.menu span:after {bottom: -20px;}
.menu span,
.menu span::before,
.menu span::after {content: ''; display: block; width: 30px; height: 4px; border-radius: 0; background: #fff; transition: 0.5s; position: absolute;}

/* Contents rf__sec01 - about*/
section.rf__sec01{background-position-y: calc(35vh - 450px);}
section.rf__sec01 h2{font-size: 2.2rem; margin: 3rem 0 0;}
section.rf__sec01 ul{width: 75%; max-width: 970px; margin: 0 auto 2.5rem;}

/* Contents rf__sec02 - Howtoplay*/
section.rf__sec02{padding: 5rem 0;}
section.rf__sec02 ul.slick-slider {max-width: 500px; margin: 2.5rem auto;}
section.rf__sec02 ul.slick-slider li{margin: 0 5px;}
section.rf__sec02 ul.slick-slider .slick-dots {bottom: -4.5rem;}
section.rf__sec02 ul.slick-slider .slick-dots li {margin: 0 10px;}
section.rf__sec02 ul.slick-slider .slick-dots li button:before {font-size: 4.5rem; line-height: 5px;}
section.rf__sec02 ul .slick-list {padding: 0 20px !important;}

section.rf__sec02 .flow{min-height: 730px; padding: 30px 15px;}
section.rf__sec02 .flow dl{display: block;}
section.rf__sec02 .flow dt{width: 100%; max-width: 240px; margin: 0 auto;}
section.rf__sec02 .flow dd{width: 100%; margin: 0 auto;}
section.rf__sec02 .flow dd h4{width: 100px; font-size: 1.4rem; margin: 15px 0;}
section.rf__sec02 .flow dd h5{font-size: 1.6rem; margin: 10px 0;}
section.rf__sec02 .flow dd p{font-size: 1.15rem;}

section.rf__sec02 .rf__guide{width: 80%; margin: 7.5rem auto 0;}
section.rf__sec02 .rf__guide p{font-size: 1.4rem; letter-spacing: 1px; line-height: 1.33em;}
section.rf__sec02 .rf__guide a:link,
section.rf__sec02 .rf__guide a:visited{font-size: 1.8rem; padding: 8px; margin: 1rem auto; width: 90%; max-width: 500px;}

/* Contents rf__sec03 - Ranking */
section.rf__sec03{padding: 5rem 0 2.5rem !important;}
section.rf__sec03 a.rank_btn:after {content: ""; width: 100px; height: 800px; left: -400px; top: -120px;}
section.rf__sec03 ul{display: block; width: 100%; max-width: 280px; margin: 2.5rem auto 0;}
section.rf__sec03 ul > li{margin-bottom: 2.5rem;}
section.rf__sec03 dl{padding: 5px;}
section.rf__sec03 dd{font-size: 1.2rem; padding: 10px 5px 5px;}
/*section.rf__sec03 .overlay {height: calc(100vh + 250px);}*/

/* Contents rf__sec04 - Picture Book */
section.rf__sec04{padding: 5rem 0; background-position-y: 0 !important;}
section.rf__sec04 .pictbookArea {max-width: 500px; margin: 2.5rem auto 0;}
section.rf__sec04 .pictbookArea dl{flex-direction: column-reverse;}
section.rf__sec04 .pictbookArea dt{width: 65%; max-width: 320px; margin: 0 auto;}
section.rf__sec04 .pictbookArea dd{width: 100%; margin-bottom: 2.5rem;}
section.rf__sec04 .pictbookArea dd h4{font-size: 1.8rem; text-align: center; margin: 0 0 1.5rem;}
section.rf__sec04 .pictbookArea dd p{font-size: 1.4rem; margin: 0 0 1.5rem; line-height: 1.33em;}
section.rf__sec04 .pictbookArea a:link,
section.rf__sec04 .pictbookArea a:visited{width: 100%; max-width: 320px; font-size: 1.4rem; padding: 10px; margin: 0 auto;}

/* Contents rf__sec05 - Campaign */
section.rf__sec05{padding: 5rem 0 2.5rem;}
section.rf__sec05 .campaignArea{margin: 2.5rem 0;}
section.rf__sec05 .campaignArea dl{margin-bottom: 2.5rem;}
section.rf__sec05 .campaignArea dt{margin-bottom: 1.0rem;}
section.rf__sec05 .campaignArea dd{font-size: 1.25rem; line-height: 1.8em;}

/* Contents rf__sec06 - login */
section.rf__sec06{padding: 0 0 5rem;}
section.rf__sec06::before{content: ''; height: 2px; margin: 0 auto 5rem;}
section.rf__sec06 ul > li a:link{font-size: 1.4rem; padding: 10px;}
section.rf__sec06 ul > li a:link, section.rf__sec06 ul > li a:visited{background: #0990e6; border: 2px solid #0990e6; color: #fff;}

}
@media (max-width: 460px) {
/* h */
section h3{font-size: 2.4rem;}
section h3 span{font-size: 1.4rem; margin: 0.8rem 0 0;}

/* 1st View */
div.logo_box .rf_logo{width: 280px; margin: 185px 0 0 -135px;}
div.logo_box .vsx_logo{width: 100px; margin: 460px 0 0 -105px;}
div.logo_box .vsxMax_logo{width: 120px; margin: 460px 0 0 5px;}

/* Contents rf__sec01 - about*/
section.rf__sec01 h2{font-size: 1.4rem; margin: 0.8rem 0 0;}
section.rf__sec01 ul{width: 70%; max-width: 970px; margin: 0 auto 2.5rem;}

/* Contents rf__sec02 - Howtoplay*/
section.rf__sec02 .flow dt{width: 70%; max-width: 240px; margin: 0 auto;}
section.rf__sec02 .flow{min-height: 700px; padding: 30px 15px;}
}
@media (min-width: 768px) and (max-width: 991px) {/*tablet*/
/* Contents rf__sec01 - about*/
section.rf__sec01 {background-position-y: calc(55vh - 780px);}
section.rf__sec01 h2{font-size: 4.0rem; margin: 4rem 0 0;}
section.rf__sec01 ul{width: 70%; max-width: 970px; margin: 0 auto 2.5rem;}

/* Contents rf__sec02 - Howtoplay*/
section.rf__sec02 ul.slick-slider {max-width: 800px; margin: 4rem auto;}
section.rf__sec02 ul.slick-slider li{margin: 0 15px;}
section.rf__sec02 ul.slick-slider .slick-dots {bottom: -7rem;}
section.rf__sec02 ul.slick-slider .slick-dots li {margin: 0 12.5px;}
section.rf__sec02 ul .slick-list {padding: 0 50px !important;}
section.rf__sec02 .flow dl{display: block;}
section.rf__sec02 .flow{min-height: 860px; padding: 30px 15px;}
section.rf__sec02 .flow dt{width: 100%; max-width: 280px; margin: 0 auto;}
section.rf__sec02 .flow dd{width: 85%; margin: 0 auto;}
section.rf__sec02 .flow dd h4{width: 200px; font-size: 2.4rem; margin: 20px 0; padding: 10px 5px 8px;}
section.rf__sec02 .flow dd h5{font-size: 2.8rem; margin: 10px 0;}
section.rf__sec02 .flow dd p{font-size: 1.4rem; line-height: 1.6em;}

}
@media (min-width:990px) and (max-width:1299px) {/*Mid-PC*/
section.rf__sec02 .flow {min-height: auto;}
section.rf__sec02 .flow dt{width: 45%; margin-right: 5%;}
section.rf__sec02 .flow dd{width: 50%;}
section.rf__sec02 .flow dd h4{width: 90px; font-size: 1.4rem; padding: 8px 5px;}
section.rf__sec02 .flow dd h5{font-size: 1.6rem;}
section.rf__sec02 .flow dd p{font-size: 1.0rem;}
}
@media (min-width: 768px) {/*sm~lg*/}
@media (orientation: landscape){
article#main__area{background-image: none; height: auto;}
article#main__area .main__image{display: block;}
}


/*Campaign ==============================================================================*/
/*campaign_202209 ===*/
div#campaign_202209 {position: relative; background: #002f62 url(/img/rf/campaign/cp202209_bg.png) repeat-x; background-attachment: fixed; background-position: 50%; padding-bottom: 100px;}
div#campaign_202209 h2{color: #fff; text-align: center; font-size: 6.0rem; font-weight: 600; line-height: 1.25em; letter-spacing: 0.5px; margin: 0 0 5rem;}
div#campaign_202209 .btnArea{width: 700px; padding: 0; margin: 5rem auto 0; text-align: center;}
div#campaign_202209 .btnArea a{transition: .2s all linear;}
div#campaign_202209 .btnArea a:link,
div#campaign_202209 .btnArea a:visited{display: block; background: #0990e6; border: 2px solid #0990e6; font-size: 2.5rem; color: #fff; text-align: center; padding: 15px 10px;}
div#campaign_202209 .btnArea a:hover{background: #fff; color: #0990e6;}
div#campaign_202209 span.color_yellow{color: #f3f600;}
div#campaign_202209 span.color_red{color: #ed0808;}
div#campaign_202209 .rf_cp__sec01{background-image: url(/img/rf/campaign/cp202209_hero_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 0;}
div#campaign_202209 .rf_cp__sec01 .overlay {width: 100%; height: 200vh; position: absolute; top: 0; left: 0; z-index: -10;
background-color: rgba(255,255,255,0.15);
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 65%, rgba(255,255,255,.65) 50%);
background-size: 3px 3px;}
div#campaign_202209 .rf_cp__sec02{}
div#campaign_202209 .rf_cp__sec02 h2{font-size: 7.0rem; margin: 0;}
div#campaign_202209 .rf_cp__sec03{background: #fff; padding: 6rem;}
div#campaign_202209 .rf_cp__sec03 .event_date{border-radius: 32px; outline: 6px solid #002f62; outline-offset: -6px; overflow: hidden;}
div#campaign_202209 .rf_cp__sec03 .event_date h3{background: #002f62; font-size: 4.0rem; padding: 20px;}
div#campaign_202209 .rf_cp__sec03 .event_date div{color: #002f62; font-size: 3.8rem; font-weight: 600; text-align: center; padding: 35px 20px;}
div#campaign_202209 .rf_cp__sec04{}
div#campaign_202209 .rf_cp__sec04 .detail__box{margin-bottom: 5rem;}
div#campaign_202209 .rf_cp__sec04 .detail__box:nth-of-type(2)::after{content: ""; display: block; border-bottom: 2px dotted #fff; margin: 5rem 0;}
div#campaign_202209 .rf_cp__sec04 .detail__box h3{background: #fff; color: #002f62; font-size: 4.5rem; line-height: 1; letter-spacing: 1px; border-radius: 10px; padding: 20px 15px 15px; margin-bottom: 5rem;}
div#campaign_202209 .rf_cp__sec04 .detail__box h3 span{display: inline; font-size: 3.4rem;}
div#campaign_202209 .rf_cp__sec04 .detail__box ul{color: #fff; display: flex; justify-content: space-between; align-items: center;}
div#campaign_202209 .rf_cp__sec04 .detail__box ul > li h4{font-size: 5rem; font-weight: 600; line-height: 1.25; margin: 0 0 2.5rem;}
div#campaign_202209 .rf_cp__sec04 .detail__box ul > li h4 span{font-size: 2.0rem; display: block; margin: 1rem 0 0;}
div#campaign_202209 .rf_cp__sec04 .detail__box ul > li p{margin: 0 0 1.0rem; padding: 0;}
div#campaign_202209 .rf_cp__sec05{background-image: url(/img/rf/campaign/cp202209_hero_bg.jpg); background-repeat: no-repeat;
background-position: center; background-size: cover; z-index: 0;}
div#campaign_202209 .rf_cp__sec05 .overlay {width: 100%; height: 200vh; position: absolute; top: 0; left: 0; z-index: -10;
background-color: rgba(255,255,255,0.15);
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 65%, rgba(255,255,255,.65) 50%);
background-size: 3px 3px;}
div#campaign_202209 .rf_cp__sec05 h2{color: #002f62; text-shadow: #fff 0 0 2.5px, #fff 0 0 5px, #fff 0 0 2.5px; margin: 0;}
div#campaign_202209 .rf_cp__sec05 h2 span{display: block; font-size: 4.2rem;}
div#campaign_202209 .rf_cp__sec05 .slide__box{margin: 7.5rem 0;}
div#campaign_202209 .rf_cp__sec05 .slide__box ul.slick-slider li {margin: 0 35px;}
div#campaign_202209 .rf_cp__sec05 .detail__box{max-width: 970px; margin: 0 auto; position: relative;}
div#campaign_202209 .rf_cp__sec05 .detail__box .circle{position: absolute; top: -15px; left: 90px; font-size: 2.55rem; font-weight: 700; letter-spacing: -1px; width: 90px; height: 90px; line-height: 95px; border-radius: 50%; background: #fff; color: #002f62; text-align: center;  transform: rotate(-15deg); z-index: 1;}
div#campaign_202209 .rf_cp__sec05 .detail__box .inner{background: rgba(255,255,255,0.75); border-radius: 20px; outline: 6px solid #002f62; outline-offset: -6px; overflow: hidden;}
div#campaign_202209 .rf_cp__sec05 .detail__box .inner h3{background: #002f62; font-size: 4.0rem; padding: 20px; position: relative;}
div#campaign_202209 .rf_cp__sec05 .detail__box ul{display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 0 auto; padding: 2.5rem;}
div#campaign_202209 .rf_cp__sec05 .detail__box ul > li h4{color: #002f62; font-size: 3.8rem; line-height: 1.35; font-weight: 600;}
div#campaign_202209 .rf_cp__sec05 .detail__box ul > li span{font-size: 1.4rem;}
div#campaign_202209 .rf_cp__sec06{}
div#campaign_202209 .rf_cp__sec06 .detail__box{border: 5px solid #fff; background: rgba(0,24,49,0.75); border-radius: 10px; color: #fff;}
div#campaign_202209 .rf_cp__sec06 .detail__box h3{font-size: 3.6rem; line-height: 1.4; padding: 5rem 0 1rem;}
div#campaign_202209 .rf_cp__sec06 .detail__box h3 span{font-size: 3.6rem; display: inline; color: #f3f600; letter-spacing: inherit;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul{display: flex; justify-content: space-between; align-items: center; width: 780px; margin: 0 auto;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li:nth-child(1){width: 70%;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li:nth-child(2){width: 55%;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li h4{font-size: 4.2rem; font-weight: 600; line-height: 1.4; margin: 0 0 10px;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li p{font-size: 2.0rem; line-height: 1.6;}
div#campaign_202209 .rf_cp__sec07{background: rgba(255,255,255,0.2); margin: 0 0 -10rem;}
div#campaign_202209 .rf_cp__sec07 .notice{}
div#campaign_202209 .rf_cp__sec07 .notice h3{color: #fff; font-size: 5.4rem; font-weight: 600; margin-bottom: 30px;}
div#campaign_202209 .rf_cp__sec07 .notice h4{font-size: 2.4rem; font-weight: 600; line-height: 1; margin: 0 0 1.5rem;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box{padding: 4rem 3rem; border: 3px solid #fff; background: rgba(0,47,98,0.8); color: #fff;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail{height: 400px; overflow: auto; font-size: 1.6rem;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail a:link,
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail a:visited{color: #fff; text-decoration: underline;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail a.selected{color: #fff;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail ul{margin-bottom: 3rem;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail ul:last-of-type{margin-bottom: 0;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail ul > li{font-size: 1.25rem; list-style: disc; margin: 10px 0 10px 20px; padding: 0; line-height: 1.75;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail .jspVerticalBar{width: 5px;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail .jspTrack{background: none;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail .jspDrag{background: #fff; left: 0px;}


/*campaign_202305 ===*/
div#campaign_202305{width: 100%; position: relative;}

/* a */
div#campaign_202305 a.go_top{width: 140px; display: block; position: fixed; bottom: 20px; right: 20px; left: auto; z-index: 190; -webkit-transition: bottom .6s; transition: bottom 0.5s;
animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-direction: alternate; animation-duration: 1.5s;}
div#campaign_202305 a.go_top:hover {opacity: 1.0;}
div#campaign_202305 a.go_top .img {position: absolute; width: 185px; bottom: -120px; right: 25px;}
div#campaign_202305 a.go_top .txt {position: absolute; width: 80px; top: -148px; right: 70px;}
div#campaign_202305 a.go_top_Hidden {bottom: -30vw;}

/* Navi */
div#campaign_202305 nav{position: fixed; border-radius: 50%; top: 170px; left: calc(50% + 400px); width: 70px; height: 70px; background: #9f8d76; z-index: 100; padding: 0; cursor: pointer;}
div#campaign_202305 nav a:link,
div#campaign_202305 nav a:visited{color: #fff; position: relative; display: inline-block; text-decoration: none;}
div#campaign_202305 nav a::after {content: ''; position: absolute; bottom: -4px; left: 0;  width: 100%; height: 3px; background: #2ba8fc; transform: scale(0, 1); transform-origin: left top; transition: transform .3s;}
div#campaign_202305 nav a:hover::after {transform: scale(1, 1);}
div#campaign_202305 nav ul{width: auto; display: none;}
div#campaign_202305 nav a.none:hover::after{display: none;}
div#campaign_202305 nav .modal__btn{display: none;}
div#campaign_202305 nav .navi__area {padding: 20px 0; position: relative;}
div#campaign_202305 nav #slideMenu {height: 100%; position: fixed; justify-items: legacy; width: 100%; margin-top: -35px; transform: translateY(-150%); transition: transform 450ms ease-in-out; background: rgba(0,0,0,0.85); z-index: 5;}
div#campaign_202305 .menu{display: block; width: 35px; height: 35px; position: absolute; top: 50%; right: 0; margin: -17px 17px 0 0; padding: 0; border: none; z-index: 1;}
div#campaign_202305 .menu p{position: absolute; top: 28px; left: 0; font-size: 1.0rem; letter-spacing: 1px; color: #fff;}
div#campaign_202305 .menu span:before {bottom: -10px;}
div#campaign_202305 .menu span:after {bottom: -20px;}
div#campaign_202305 .menu span,
div#campaign_202305 .menu span::before,
div#campaign_202305 .menu span::after {content: ''; display: block; width: 35px; height: 3px; border-radius: 0; background: #fff; transition: 0.5s; position: absolute;}


/* campaign_202305 TOP ==============================================================================*/
/* h */
div#campaign_202305 section#rf_cp_2023__ranking h2,
div#campaign_202305 section#rf_cp_2023__item h2,
div#campaign_202305 section#rf_cp_2023__playCP h2,
div#campaign_202305 section#rf_cp_2023__snsCP h2 {color: #9f8d76; font-size: 6.2rem; font-weight: 600; text-align: center; margin: 0; padding: 0;}
div#campaign_202305 section h2 em{font-size: 4rem; font-weight: 600;}
div#campaign_202305 #overlay{width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1;
background-image: url(/img/rf/campaign/cp202305/cp_2023__bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; /* background-attachment: fixed; */}

/* p */
div#campaign_202305 #rf_cp_2023__about p,
div#campaign_202305 section#rf_cp_2023__ranking p,
div#campaign_202305 section#rf_cp_2023__item p,
div#campaign_202305 section#rf_cp_2023__playCP p,
div#campaign_202305 section#rf_cp_2023__snsCP p {font-size: 2.5rem; margin: 0; text-align: center;}

div#campaign_202305 #rf_cp_2023__ranking .content_box p,
div#campaign_202305 section#rf_cp_2023__item .content_box p,
div#campaign_202305 section#rf_cp_2023__playCP .content_box p,
div#campaign_202305 section#rf_cp_2023__snsCP .content_box p{margin: 3rem 0 5rem;}

/* flex */
div#campaign_202305 section .flex-reverse{flex-direction: row-reverse;}
div#campaign_202305 section{background-image: url(/img/rf/campaign/cp202305/cs__event_common_bg_01.gif); background-repeat: repeat; padding: 10rem 0;}

div#campaign_202305 #rf_cp_2023__intro{background-image: url(/img/rf/campaign/cp202305/cp_2023__main_bg_pc.jpg); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; height: calc(100vh - 150px); min-height: 740px;}
div#campaign_202305 #rf_cp_2023__intro .intro_logo{width: auto; max-width: 700px; position: absolute; top: 50%; left: 50%; margin: -360px 0 0 -350px;}
div#campaign_202305 #rf_cp_2023__intro .intro_sub{position: absolute; top: 50%; left: 50%; margin: 230px 0 0 -440px;}

div#campaign_202305 #rf_cp_2023__about{margin-bottom: 40vh;}
div#campaign_202305 #rf_cp_2023__about h2{margin: 0; padding: 0;}
div#campaign_202305 #rf_cp_2023__about p{margin: 4rem 0;}
div#campaign_202305 #rf_cp_2023__about .date,
div#campaign_202305 #rf_cp_2023__about .subject,
div#campaign_202305 #rf_cp_2023__about .group {background: rgb(255,21,21); background: linear-gradient(90deg, rgba(255,21,21,1) 0%, rgba(7,181,237,1) 100%); padding: 5px; margin-bottom: 20px;}
div#campaign_202305 #rf_cp_2023__about .date .date_Area,
div#campaign_202305 #rf_cp_2023__about .subject .subject_Area,
div#campaign_202305 #rf_cp_2023__about .group .group_Area {background: #fff; padding: 20px 30px; font-size: 2.8rem; font-weight: 600;}
div#campaign_202305 #rf_cp_2023__about .date .date_Area em{font-size: 2.0rem; font-weight: 600;}
div#campaign_202305 #rf_cp_2023__about .date .date_Area .stage,
div#campaign_202305 #rf_cp_2023__about .subject .subject_Area .stage,
div#campaign_202305 #rf_cp_2023__about .group .group_Area .stage {background: #ff1515; display: inline-block; color: #fff; font-size: 2.2rem; font-weight: normal; padding: 10px 15px 5px; margin-right: 30px;}

div#campaign_202305 #rf_cp_2023__about .group .group_Area ul{margin: 1rem 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
div#campaign_202305 #rf_cp_2023__about .group .group_Area ul > li{width: 48%; margin: 1%;}
div#campaign_202305 #rf_cp_2023__about .group .group_Area ul > li a{transition: all 0.5s ease;}
div#campaign_202305 #rf_cp_2023__about .group .group_Area ul > li a:hover{opacity: .75;}

div#campaign_202305 #rf_cp_2023__ranking{margin-bottom: 40vh; padding: 10rem 0 0;}
div#campaign_202305 #rf_cp_2023__ranking .game_banner{background: rgb(255 255 255 / .65); padding: 6rem 0;}
div#campaign_202305 #rf_cp_2023__ranking .game_banner ul{width: 970px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start;}
div#campaign_202305 #rf_cp_2023__ranking .game_banner ul > li{width: 48%; margin: 0 1%;}
div#campaign_202305 #rf_cp_2023__ranking .game_banner ul > li a{transition: all 0.5s ease;}
div#campaign_202305 #rf_cp_2023__ranking .game_banner ul > li a:hover{opacity: .75;}

div#campaign_202305 section#rf_cp_2023__item{}
div#campaign_202305 section#rf_cp_2023__item a.linkBtn{display: block; max-width: 320px; background-color: #9f8d76; color: #fff; margin: 15px auto 0; padding: 12px 22px 10px 10px; transition: all 0.5s ease; position: relative;}
div#campaign_202305 section#rf_cp_2023__item a.linkBtn:hover{opacity: .75;}
div#campaign_202305 section#rf_cp_2023__item a.linkBtn:after {content: ''; position: absolute; top: 0; bottom: 0; right: 18px; width: 14px; height: 14px; margin: auto; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); box-sizing: border-box;}
div#campaign_202305 section#rf_cp_2023__item .itemNotice{border: 2px solid #9f8d76; background: rgb(255 255 255 / 0.8); padding: 1.5rem; margin: -2.5rem auto 5rem; max-width: 600px;}
div#campaign_202305 section#rf_cp_2023__item .itemNotice ul > li{ list-style: disc; margin: 0 0 0 30px;}

div#campaign_202305 section#rf_cp_2023__item ul > li .itemData{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 5rem;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Image{width: 50%;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text{width: 50%; padding: 5%;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text p{max-width: 170px; background: #c9a74d; color: #fff; font-size: 2.0rem; font-weight: 600; padding: 8px 10px 7px; margin-bottom: 20px;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text div{font-size: 4.2rem; font-weight: 600; line-height: 5rem; margin-bottom: 15px;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text ol{margin-bottom: 15px;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text ol > li{font-size: 4.2rem; font-weight: 600; line-height: 5rem;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text span{font-size: 1.8rem;}

div#campaign_202305 section#rf_cp_2023__playCP{background: #eeebe7;}

div#campaign_202305 section#rf_cp_2023__snsCP{}
div#campaign_202305 section#rf_cp_2023__snsCP a.linkBtn{display: block; max-width: 320px; background-color: #9f8d76; color: #fff; margin: 15px auto 0; padding: 12px 22px 10px 10px; transition: all 0.5s ease; position: relative;}
div#campaign_202305 section#rf_cp_2023__snsCP a.linkBtn:hover{opacity: .75;}
div#campaign_202305 section#rf_cp_2023__snsCP a.linkBtn:after {content: ''; position: absolute; top: 0; bottom: 0; right: 18px; width: 14px; height: 14px; margin: auto; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); box-sizing: border-box;}
div#campaign_202305 section#rf_cp_2023__snsCP ul.snsLink{margin: -4rem auto 4rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
div#campaign_202305 section#rf_cp_2023__snsCP ul.snsLink > li{margin: 0 1rem;}
div#campaign_202305 section#rf_cp_2023__snsCP ul.snsLink a{font-size: 2.5rem; width: 320px; text-align: center;}
div#campaign_202305 section#rf_cp_2023__snsCP .snsImage{}
div#campaign_202305 section#rf_cp_2023__snsCP .snsImage p{background: #9f8d76; color: #fff; font-size: 2.0rem; font-weight: 600; padding: 10px; margin: 0;}
div#campaign_202305 section#rf_cp_2023__snsCP .snsImage span{background: #fff; color: #9f8d76; padding: 2px 15px 0; font-size: 1.5rem; margin-right: 10px; vertical-align: 2px;}

div#campaign_202305 section#rf_cp_2023__notice{background: #eeebe7;}
div#campaign_202305 section#rf_cp_2023__notice h3{color: #333; font-size: 5rem; margin-bottom: 4rem;}
div#campaign_202305 section#rf_cp_2023__notice h4{font-size: 2.5rem; font-weight: 600; margin: 25px 0 10px; padding: 0;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice{border: 2px solid #9f8d76; background: rgb(255 255 255 / 0.8); padding: 4rem;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail{height: 420px; overflow: auto;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail ul > li{list-style: disc; margin: 5px 0 5px 30px; padding: 0; font-size: 1.5rem;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail .jspVerticalBar {width: 10px;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail .jspTrack{background: none;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail .jspDrag{background: #9f8d76;left: -10px;}


/* dropdown__box 共通 */
.box__section .accordion_one {margin: 0 auto; position: relative;}
.box__section .accordion_one .accordion_header {background: #9f8d76; position: relative; z-index: +1; cursor: pointer; transition-duration: 0.2s;}
.box__section .accordion_one .accordion_header:hover:before{content: ""; background: rgb(255 255 255 / 0.25); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition-duration: 0.5s;}
.box__section .accordion_one .accordion_header .ah__Area{display: flex; justify-content: flex-start; align-items: center;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Image{width: calc(100%/2);}
.stage_box.rank_1st .box__section .accordion_one .accordion_header .ah__Area .detail_Image:after{content: ""; background-image: url(/img/rf/campaign/cp202305/cp_2023__ranking_ah_image01.jpg); background-size: cover; position: absolute; width: calc(100%/2); height: 100%; left: 0; top: 0; z-index: 0;}
.stage_box.rank_2nd .box__section .accordion_one .accordion_header .ah__Area .detail_Image:after{content: ""; background-image: url(/img/rf/campaign/cp202305/cp_2023__ranking_ah_image02.jpg); background-size: cover; position: absolute; width: calc(100%/2); height: 100%; right: 0; top: 0; z-index: 0;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title{width: calc(55%/2); min-width: 480px; padding: 2.5%; text-align: center; position: relative;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title h4{max-width: 240px; background: #c9a74d; color: #fff; font-size: 2.0rem; font-weight: 600; padding: 8px 10px 7px; margin: 0 auto 10px; text-align: center;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title .dt__title{}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title p{font-size: 1.8rem !important; margin: 15px 0 !important;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title .date{display: inline-block; background: #cf0202; color: #fff; font-size: 1.6rem; text-align: center; padding: 10px 25px; margin: 0 auto;}
.box__section .accordion_one .accordion_header .i_box {display: flex; justify-content: center; align-items: center; background: #8c7e6c; border-radius: 50%; width: 40px; height: 40px; position: absolute; top: 5%; right: 2.5%;
box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.5s;}
.box__section .accordion_one .accordion_header .i_box .one_i{display: block; width: 21px; height: 21px; position: relative;
-webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.5s;}
.box__section .accordion_one .accordion_header.open .i_box {-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.box__section .accordion_one .accordion_header .i_box .one_i:before,
.box__section .accordion_one .accordion_header .i_box .one_i:after {content: ''; display: flex; background-color: #fff; border-radius: 10px; width: 21px; height: 5px; position: absolute; top: 8px; left: 0;
-webkit-transform: rotate(0deg); transform: rotate(0deg); transform-origin: center center;}
.box__section .accordion_one .accordion_header .i_box .one_i:before {width: 5px; height: 21px; top: 0; left: 8px;}
.box__section .accordion_one .accordion_header.open .i_box .one_i:before {content: none;}
.box__section .accordion_one .accordion_header.open .i_box .one_i:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.box__section .accordion_one .accordion_inner {color: #333; display: none; padding: 50px; background: rgb(238 235 231 / 1.0); background-color: rgb(238 235 231 / 1.0);}
.box__section .accordion_one .accordion_inner .detail_image{margin: 0 0 30px;}
.box__section .accordion_one .accordion_inner .detail_list{width: 970px; margin: 0 auto;}
.box__section .accordion_one .accordion_inner .detail_list ul{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.box__section .accordion_one .accordion_inner .detail_list ul > li{width: 30%; margin: 1.5%;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dl.top{}
.box__section .accordion_one .accordion_inner .detail_list ul > li dt{background: #adadad; font-size: 1.8rem; font-weight: 600; color: #fff; text-align: center; padding: 5px; margin-bottom: 15px;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dl.top dt{background: #c9a74d;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dd{}
.box__section .accordion_one .accordion_inner .detail_list ul > li dd ol{}
.box__section .accordion_one .accordion_inner .detail_list ul > li dd ol > li{font-size: 1.8rem; color: #9f8d76; margin-bottom: 5px;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dd ol > li:nth-last-child(-n+2){font-size: 1.15rem; color: #333}
.box__section .accordion_one .accordion_inner .detail_list ul > li dd ol > li span{font-size: 1.05rem; margin: 5px 0 0; display: block;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dl.number dt{background: #3b85c5;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dl.number dt span{display: block; font-size: 1.25rem;}


/* campaign_202305 Ranking ==============================================================================*/
div.cp202305_head {padding: 3rem 0; background-size: auto; border-bottom: 2px solid #9f8d76;}
div.cp202305_head ul{width: 970px; display: flex; justify-content: flex-start; align-items: center; margin: 0 auto;}
div.cp202305_head ul > li:first-child{margin-right: 2.5rem;}
div.cp202305_head.cp__01{background-image: url(/img/rf/campaign/cp202305/cs__event_common_bg_02.gif); background-repeat: repeat;}
div.cp202305_head.cp__02{background-image: url(/img/rf/campaign/cp202305/cs__event_common_bg_03.gif); background-repeat: repeat;}
div.cp202305_head.cp__03{background-image: url(/img/rf/campaign/cp202305/cs__event_common_bg_04.gif); background-repeat: repeat;}
div.cp202305_head.cp__04{background-image: url(/img/rf/campaign/cp202305/cs__event_common_bg_05.gif); background-repeat: repeat;}

section#cp202305_ranking{background-image: url(/img/rf/campaign/cp202305/cs__event_common_bg_01.gif); background-repeat: repeat; padding: 10rem 0;}
section#cp202305_ranking hr{background: #9f8d76; margin: 4rem 0;}
section#cp202305_ranking::before{content: ''; display: none;}
section#cp202305_ranking .rf__rank_Notice{background: rgb(255 255 255 / .8); border: 2px solid #9f8d76;}

/*Category*/
section#cp202305_ranking .rf__rank_Category{margin-bottom: 5rem;}
section#cp202305_ranking #ranking_tab{background: #f2f2f2; border: 1px solid #cecece;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul{display: flex; justify-content: flex-start; align-items: center;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li{width: 50%; font-size: 3.2rem; line-height: 1.0em; text-align: center;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li div{background-color: #ebebeb; color: #9e9e9e; padding: 15px; transition: all 0.5s ease; position: relative; cursor: no-drop;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li span{display: block; font-size: 1.8rem;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a{display: block; margin: 0; padding: 15px; transition: all 0.5s ease; position: relative;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a:link,
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a:visited{background-color: #dedede; color: #9e9e9e;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a:hover{background-color: #9f8d76; color: #fff;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a.selected{background-color: #9f8d76; color: #fff;}

section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a:after{content: ''; position: absolute; top: 0; bottom: 0; right: 30px; width: 20px; height: 20px; margin: auto; border-top: 4px solid #9e9e9e; border-right: 4px solid #9e9e9e; transform: rotate(45deg); box-sizing: border-box;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a.selected:after{content: ''; position: absolute; top: 0; bottom: 0; right: 30px; width: 20px; height: 20px; margin: auto; border-top: 4px solid #fff; border-right: 4px solid #fff; transform: rotate(45deg); box-sizing: border-box;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a:hover:after{border-top: 4px solid #fff; border-right: 4px solid #fff; transition: all 0.5s ease;}

/*Title*/
section#cp202305_ranking .rf__rank_title{margin-bottom: 5rem;}
section#cp202305_ranking .rf__rank_title h2{text-align: center; margin-bottom: 2.5rem;}
section#cp202305_ranking .rf__rank_title p{text-align: center; font-size: 2.0rem; margin-bottom: 5rem;}
section#cp202305_ranking .rf__rank_title p span{color: #cf0202;}
section#cp202305_ranking .rf__rank_title .date{background: rgb(255,21,21); background: linear-gradient(90deg, rgba(255,21,21,1) 0%, rgba(7,181,237,1) 100%); padding: 5px;}
section#cp202305_ranking .rf__rank_title .date .date_Area{background: #fff; padding: 20px 30px; font-size: 2.8rem; font-weight: 600;}
section#cp202305_ranking .rf__rank_title .date .date_Area .stage{background: #ff1515; display: inline-block; color: #fff; font-size: 2.2rem; font-weight: normal; padding: 10px 15px 5px; margin-right: 30px;}

/*myRanking*/
section#cp202305_ranking .rf__ranking .my__ranking{background: rgb(255 255 255 / .8); border: 2px solid #9f8d76; padding: 30px;}
section#cp202305_ranking .rf__ranking .my__ranking h3{background: #9f8d76; color: #fff; width: auto; font-size: 2.6rem; font-weight: 600; letter-spacing: 1px; line-height: 1; text-align: left; padding: 20px 30px; margin: -30px -30px 20px;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul{width: 100%; display: flex; justify-content: space-between; align-items: center;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(1){width: 10%; margin-right: 2.5%;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(2){width: 42%; margin-right: 2.5%;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(3){width: 43%;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking div{width: 63px; font-size: 3.2rem; font-weight: 600; line-height: 1; text-align: right;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_1{background-image: url(/img/rf/ranking/rf_rank_rank_icon1st.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_2{background-image: url(/img/rf/ranking/rf_rank_rank_icon2nd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_3{background-image: url(/img/rf/ranking/rf_rank_rank_icon3rd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.rankin_high{color: #a1a1a1;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.rankin_low{color: #cd6d6d;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking span{display: block; width: 80px; font-size: 1.0rem; text-align: center; padding: 5px 0 4px; border-radius: 3px;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__name .rf__c_name{font-size: 2.2rem; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__name .rf__c_shop{font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__log{font-size: 4.2rem; line-height: 1; text-align: right;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__log span{font-size: 2.8rem;}
section#cp202305_ranking .rf__ranking .my__ranking .loginArea{}
section#cp202305_ranking .rf__ranking .my__ranking .loginArea a.linkBtn{display: block; max-width: 320px; background-color: #9f8d76; color: #fff; font-size: 2.5rem; text-align: center; margin: 30px auto 10px; padding: 12px 22px 10px 10px; transition: all 0.5s ease; position: relative;}
section#cp202305_ranking .rf__ranking .my__ranking .loginArea a.linkBtn:after{content: ''; position: absolute; top: 0; bottom: 0; right: 18px; width: 14px; height: 14px; margin: auto; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); box-sizing: border-box;}
section#cp202305_ranking .rf__ranking .my__ranking .loginArea p{margin: 0; text-align: center;}


/*Ranking*/
section#cp202305_ranking .rf__ranking .rf__rank_Area{background: rgb(255 255 255 / .8); border: 2px solid #9f8d76; padding: 30px;}
section#cp202305_ranking .rf__ranking .rf__rank_Area.cp__01{border: 2px solid #d70c19;}
section#cp202305_ranking .rf__ranking .rf__rank_Area.cp__02{border: 2px solid #bfa361;}
section#cp202305_ranking .rf__ranking .rf__rank_Area.cp__03{border: 2px solid #007440;}
section#cp202305_ranking .rf__ranking .rf__rank_Area.cp__04{border: 2px solid #8d8d8d;}

section#cp202305_ranking .rf__ranking .rf__rank_Area h3{font-size: 2.6rem; letter-spacing: 1px; line-height: 1; text-align: left; padding: 30px; margin: -30px -30px 20px;}
section#cp202305_ranking .rf__ranking .rf__rank_Area.cp__01 h3{background: #d70c19;}
section#cp202305_ranking .rf__ranking .rf__rank_Area.cp__02 h3{background: #bfa361;}
section#cp202305_ranking .rf__ranking .rf__rank_Area.cp__03 h3{background: #007440;}
section#cp202305_ranking .rf__ranking .rf__rank_Area.cp__04 h3{background: #8d8d8d;}

section#cp202305_ranking .rf__ranking .rf__rank_Area .rank_detail::after{content: ''; display: block; width: 105%; height: 1px; background: #d5d5d5; margin: 20px -2.5%;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .rank_detail:last-of-type::after{display: none;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul{display: flex; justify-content: space-between; align-items: center;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(1){width: 7%; margin-right: 2.5%;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 45%; margin-right: 2.5%;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 43%;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div{width: 63px; font-size: 3.2rem; font-weight: 600; line-height: 1; text-align: center; padding: 20px 0;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_1{background-image: url(/img/rf/ranking/rf_rank_rank_icon1st.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_2{background-image: url(/img/rf/ranking/rf_rank_rank_icon2nd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_3{background-image: url(/img/rf/ranking/rf_rank_rank_icon3rd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.rankin_high{color: #a1a1a1;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.rankin_low{color: #cd6d6d;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.rankin_num{color: #3b85c5;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name .rf__c_name{font-size: 2.2rem; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name .rf__c_shop{font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#cp202305_ranking .rf__rank_Area .entry_Data .noplay p{margin: 5rem 0 2.5rem; padding: 0; text-align: center;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log{font-size: 4.2rem; line-height: 1; text-align: right;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log span{font-size: 2.8rem;}

/*Notice*/
section#cp202305_ranking .rf__rank_Notice h3{background: #9f8d76; font-size: 2.4rem; font-weight: 600; letter-spacing: 1px; line-height: 1; text-align: left; padding: 20px;}
section#cp202305_ranking .rf__rank_Notice .rf__notice{padding: 30px;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail{height: 150px; overflow: auto; padding: 10px 5px;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail ul > li{list-style: disc; margin: 5px 0 5px 30px; padding: 0; font-size: 1.5rem;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail .jspVerticalBar {width: 10px;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail .jspTrack{background: none;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail .jspDrag{background: #9f8d76;left: -10px;}


/*campaign_202305 ShopList ==============================================================================*/
section#cp202305_shop{background-image: url(/img/rf/campaign/cp202305/cs__event_common_bg_01.gif); background-repeat: repeat; padding: 10rem 0;}
/*Title*/
section#cp202305_shop .rf__shop_title{margin-bottom: 5rem;}
section#cp202305_shop .rf__shop_title h2{text-align: center; margin: 0;}
/*areaList*/
section#cp202305_shop .rf__areaList{background: rgb(255 255 255 / .8); border: 2px solid #9f8d76; padding: 30px; margin-bottom: 5rem;}
section#cp202305_shop .rf__areaList ul{display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 1.8rem;}
section#cp202305_shop .rf__areaList ul > li{width: 14.25%;}
section#cp202305_shop .rf__areaList ul > li a{display: block; transition: all 0.5s ease; padding: 4px 4px 4px 18px; position: relative;}
section#cp202305_shop .rf__areaList ul > li a:hover{color: #9f8d76;}
section#cp202305_shop .rf__areaList ul > li a:before{content: ''; width: 0; height: 0; border-style: solid; border-width: 9px 6px 0 6px; border-color: #9f8d76 transparent transparent transparent; position: absolute; top: 35%; left: 0;}
/*shopDetail*/
section#cp202305_shop .rf__shop{margin-bottom: 5rem;}
section#cp202305_shop .rf__shop:last-of-type{margin-bottom: 0;}
section#cp202305_shop .rf__shop .rf__shop_Area{}
section#cp202305_shop .rf__shop .rf__shop_Area h3{color: #333; font-size: 3.2rem; text-align: left; display: block; position: relative;}
section#cp202305_shop .rf__shop .rf__shop_Area h3:after{content: ''; width: 100%; height: 2px; background: #9f8d76; display: block; margin: 10px 0 0;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail{background: rgb(255 255 255 / .8); border-bottom: 1px solid #d5d5d5; padding: 20px;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul{display: flex; justify-content: space-between; align-items: center;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_shop{color: #9f8d76; font-size: 2.4rem; margin-bottom: 0.5rem;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_address{font-size: 1.6rem;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_address a{color: #9f8d76;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_tel{font-size: 1.6rem;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__machine{display: flex; justify-content: flex-start; align-items: flex-start;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__machine .rf__m_icon{width: 60px; padding: 5px;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__machine .rf__m_icon img{width: 100%; border-radius: 5px; border: 1px solid #9f8d76;}



/* == Modal ================================================== */
div#campaign_202305 #ev__modal{display: block;}
div#campaign_202305 .js-modal__bg {width: 100%; height: 100%;background-color: rgba(0,0,0,0); position: fixed; top: 0; left: 0; z-index: 10; display: none;}
div#campaign_202305 .js-modal__main {display: none; width: 105%; height: 100vh; padding: 5%; margin: 0; position: fixed; top: 0; left: 0%; background-color: rgb(245 248 241 / .98); z-index: 200; overflow-y: scroll;}
div#campaign_202305 .js-modal__main .modal__contentsBox{width: 970px; margin: 60px 0 0 -485px; position: absolute; top: 0; left: calc(50% - 1.75%);}
div#campaign_202305 .js-modal__main .modal__contentsBox h2.logo{width: 100%; max-width: 320px; text-align: center; margin: 0 auto 50px;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul{list-style: none; margin: 0 auto; padding: 0;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li{border-top: 1px solid #9f8d76; margin: 0; text-align: left;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li a{display: block; color: #9f8d76 !important; font-size: 3.8rem; font-weight: 500; line-height: 10rem; transition: all 0.5s ease;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li a:hover{background: rgb(159 141 118 / .1);}
/* TOP RankingList */
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList{background: rgb(255 255 255 / .9); padding: 15px 30px;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList p{font-size: 2.4rem; margin: 0; padding: 0;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen{display: flex; justify-content: flex-start; align-items: flex-start;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen > li{width: 25%; border: none;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen > li a{font-size: 2.5rem; line-height: 6rem;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen > li a:hover{background: rgb(159 141 118 / .75); color: #fff !important;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen > li .none{font-size: 2.5rem; line-height: 6rem; color: #ccc;}
/* Content RankingList */
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li ul.clBtn_ranking{display: flex; justify-content: flex-start; align-items: flex-start; background: rgb(255 255 255 / .9);}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li ul.clBtn_ranking > li{border: none; width: 50%;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li ul.clBtn_ranking > li a{font-size: 3.0rem; line-height: 3.4rem; padding: 20px 30px;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li ul.clBtn_ranking > li a:hover{background: rgb(159 141 118 / .75); color: #fff !important;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li ul.clBtn_ranking > li a span{font-size: 2.0rem;}

div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li a span{display: block; font-size: 1.25rem;}
div#campaign_202305 .js-modal__btn--close--fix {width: 50%; padding: 10px; margin: 15px auto 30px;}
div#campaign_202305 .js-modal__btn--close--fix a:link,
div#campaign_202305 .js-modal__btn--close--fix a:visited{display: block; background: #9f8d76; border: none; font-size: 3.2rem; color: #fff; text-align: center; padding: 15px;}

@media (min-width:768px) and (max-width:1359px) {/*Mid-PC*/}

@media (max-width: 767px) {/*smart phone*/
div#campaign_202209 h2{font-size: 2.1rem; margin: 0 0 2.5rem;}
div#campaign_202209 .btnArea{width: 80%; margin: 0 auto;}
div#campaign_202209 .btnArea a:link,
div#campaign_202209 .btnArea a:visited{font-size: 1.6rem; padding: 12px 10px;}

div#campaign_202209 .rf_cp__sec01{padding: 0;}
div#campaign_202209 .rf_cp__sec01 .hero{border-top: 10px solid #002f62;}
div#campaign_202209 .rf_cp__sec02 h2{font-size: 2.4rem;}
div#campaign_202209 .rf_cp__sec03{padding: 3rem 0;}
div#campaign_202209 .rf_cp__sec03 .event_date{outline: 5px solid #002f62; outline-offset: -5px;}
div#campaign_202209 .rf_cp__sec03 .event_date h3{font-size: 2.0rem; padding: 15px;}
div#campaign_202209 .rf_cp__sec03 .event_date div{font-size: 1.8rem; padding: 15px;}
div#campaign_202209 .rf_cp__sec04 .detail__box{max-width: 480px; margin: 0 auto 2.5rem;}
div#campaign_202209 .rf_cp__sec04 .detail__box:nth-of-type(2)::after{margin: 2rem 0;}
div#campaign_202209 .rf_cp__sec04 .detail__box h3{font-size: 2.0rem; padding: 15px 0 10px; margin-bottom: 2.5rem;}
div#campaign_202209 .rf_cp__sec04 .detail__box h3 span{font-size: 1.6rem;}
div#campaign_202209 .rf_cp__sec04 .detail__box ul{flex-wrap: wrap-reverse;}
div#campaign_202209 .rf_cp__sec04 .detail__box ul > li h4{font-size: 2.5rem; margin: 1.5rem 0;}
div#campaign_202209 .rf_cp__sec04 .detail__box ul > li h4 span{font-size: 1.4rem; margin: 0.5rem 0 0;}
div#campaign_202209 .rf_cp__sec05 h2 span{font-size: 1.8rem; margin-top: 0.5rem;}
div#campaign_202209 .rf_cp__sec05 .slide__box{margin: 3rem 0;}
div#campaign_202209 .rf_cp__sec05 .slide__box ul.slick-slider li {margin: 0 20px;}
div#campaign_202209 .rf_cp__sec05 .detail__box{width: 80%; margin-bottom: 2.5rem;}
div#campaign_202209 .rf_cp__sec05 .detail__box .circle{top: -10px; left: 30px; font-size: 1.5rem; width: 55px; height: 55px; line-height: 60px;}
div#campaign_202209 .rf_cp__sec05 .detail__box .inner{width: 90%; outline: 5px solid #002f62; outline-offset: -5px; margin: 0 auto;}
div#campaign_202209 .rf_cp__sec05 .detail__box .inner h3{font-size: 1.6rem; padding: 20px 0 15px; text-indent: 55px; letter-spacing: 1px;}
div#campaign_202209 .rf_cp__sec05 .detail__box ul{width: 100%; max-width: 480px; flex-wrap: wrap-reverse;}
div#campaign_202209 .rf_cp__sec05 .detail__box ul > li{width: 100%;}
div#campaign_202209 .rf_cp__sec05 .detail__box ul > li h4{font-size: 1.8rem; line-height: 1.33; padding: 0; text-align: center;}
div#campaign_202209 .rf_cp__sec05 .detail__box ul > li span{display: inline-block; width: 100%; font-size: 1.15rem; text-align: center;}
div#campaign_202209 .rf_cp__sec05 .detail__box ul > li div{width: 60%; margin: 0 auto;}
div#campaign_202209 .rf_cp__sec06 .detail__box{border: 3px solid #fff; padding: 2.5rem 2.5rem 0; margin: 0 auto 3rem; max-width: 480px;}
div#campaign_202209 .rf_cp__sec06 .detail__box h3{font-size: 1.6rem; line-height: 1.5; padding: 0 0 1.5rem;}
div#campaign_202209 .rf_cp__sec06 .detail__box h3 span{font-size: 1.6rem;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul{width: 100%; flex-wrap: wrap;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li:nth-child(1),
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li:nth-child(2){width: 100%;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li:nth-child(2) div{width: 65%; margin: 0 auto;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li h4{font-size: 2.2rem; font-weight: normal; line-height: 1.4; margin: 0 0 5px; text-align: center;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li p{font-size: 1.2rem; text-align: center;}
div#campaign_202209 .rf_cp__sec07{margin: 0 0 -10rem;}
div#campaign_202209 .rf_cp__sec07 .notice h3{font-size: 2.4rem; margin-bottom: 2rem;}
div#campaign_202209 .rf_cp__sec07 .notice h4{font-size: 1.6rem;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box{padding: 2rem; border: 2px solid #fff;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail{height: 260px;}
div#campaign_202209 .rf_cp__sec07 .notice .notice__box .notice__detail ul{margin-bottom: 2.5rem;}


/*campaign_202305 ===*/
div#campaign_202305 .content_box{width: 90%;}

/* a */
div#campaign_202305 a.go_top{width: 120px; bottom: 20px; right: 10px;}
div#campaign_202305 a.go_top .img {width: 120px; bottom: -85px; right: -25px;}
div#campaign_202305 a.go_top .txt {position: absolute; width: 50px; top: -90px; right: 5px;}
div#campaign_202305 a.go_top_Hidden {bottom: -30vw;}

/* Navi */
div#campaign_202305 nav{top: 70px; left: 100%; width: 40px; height: 40px; margin: 0 0 0 -50px;}
div#campaign_202305 nav .navi__area {padding: 20px 0; position: relative;}
div#campaign_202305 .menu{margin: -8px -5px 0 0;}
div#campaign_202305 .menu p{display: none;}
div#campaign_202305 .menu span:before {bottom: -7px;}
div#campaign_202305 .menu span:after {bottom: -14px;}
div#campaign_202305 .menu span,
div#campaign_202305 .menu span::before,
div#campaign_202305 .menu span::after {content: ''; width: 20px;}


/* campaign_202305 TOP ==============================================================================*/
/* h */
div#campaign_202305 section#rf_cp_2023__ranking h2,
div#campaign_202305 section#rf_cp_2023__item h2,
div#campaign_202305 section#rf_cp_2023__playCP h2,
div#campaign_202305 section#rf_cp_2023__snsCP h2 {font-size: 2.8rem;}
div#campaign_202305 section h2 em{font-size: 2.2rem;}
div#campaign_202305 #overlay{background-size: 162vh;}

/* p */
div#campaign_202305 #rf_cp_2023__about p,
div#campaign_202305 section#rf_cp_2023__ranking p,
div#campaign_202305 section#rf_cp_2023__item p,
div#campaign_202305 section#rf_cp_2023__playCP p,
div#campaign_202305 section#rf_cp_2023__snsCP p {font-size: 1.6rem;}
div#campaign_202305 #rf_cp_2023__ranking .content_box p,
div#campaign_202305 section#rf_cp_2023__item .content_box p,
div#campaign_202305 section#rf_cp_2023__playCP .content_box p,
div#campaign_202305 section#rf_cp_2023__snsCP .content_box p{margin: 1.5rem 0 2.5rem;}

div#campaign_202305 section{padding: 3rem 0;}

div#campaign_202305 #rf_cp_2023__intro{background-image: url(/img/rf/campaign/cp202305/cp_2023__main_bg_sp.jpg); height: calc(100vh - 50px);}
div#campaign_202305 #rf_cp_2023__intro .intro_logo{max-width: 480px; margin: -250px 0 0 -250px;}
div#campaign_202305 #rf_cp_2023__intro .intro_sub{max-width: 320px; margin: 160px 0 0 -160px;}

div#campaign_202305 #rf_cp_2023__about{margin-bottom: 20vh;}
div#campaign_202305 #rf_cp_2023__about p{margin: 3rem 0;}
div#campaign_202305 #rf_cp_2023__about .date,
div#campaign_202305 #rf_cp_2023__about .subject,
div#campaign_202305 #rf_cp_2023__about .group {max-width: 480px; margin: 0 auto 20px;padding: 3px;}
div#campaign_202305 #rf_cp_2023__about .date .date_Area,
div#campaign_202305 #rf_cp_2023__about .subject .subject_Area,
div#campaign_202305 #rf_cp_2023__about .group .group_Area {padding: 10px 15px; font-size: 1.6rem;}
div#campaign_202305 #rf_cp_2023__about .date .date_Area em{font-size: 1.25rem;}
div#campaign_202305 #rf_cp_2023__about .date .date_Area .stage,
div#campaign_202305 #rf_cp_2023__about .subject .subject_Area .stage,
div#campaign_202305 #rf_cp_2023__about .group .group_Area .stage {font-size: 1.25rem; padding: 7px 10px 5px; margin: 0 0 8px; display: block; max-width: 140px; text-align: center;}
div#campaign_202305 #rf_cp_2023__about .group .group_Area ul > li{width: 100%; margin: 1.5% 0;}

div#campaign_202305 #rf_cp_2023__ranking{margin-bottom: 20vh; padding: 3rem 0 0;}
div#campaign_202305 #rf_cp_2023__ranking .game_banner{padding: 3rem 0;}
div#campaign_202305 #rf_cp_2023__ranking .game_banner ul{width: 90%; flex-wrap: wrap;}
div#campaign_202305 #rf_cp_2023__ranking .game_banner ul > li{width: 100%; margin: 3% 0;}

div#campaign_202305 section#rf_cp_2023__item a.linkBtn{max-width: 230px; margin: 15px auto 0; padding: 10px 20px 10px 10px;}
div#campaign_202305 section#rf_cp_2023__item a.linkBtn:after {content: ''; right: 15px; width: 12px; height: 12px;}
div#campaign_202305 section#rf_cp_2023__item .itemNotice{font-size: 1.15rem; padding: 1rem; margin: 0 auto 2.5rem; max-width: 480px;}
div#campaign_202305 section#rf_cp_2023__item .itemNotice ul > li{ list-style: disc; margin: 0 0 0 30px;}

div#campaign_202305 section#rf_cp_2023__item ul > li{max-width: 480px; margin: 0 auto;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData{flex-wrap: wrap; align-items: flex-start; margin-bottom: 2.5rem;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Image{max-width: 580px; width: 100%;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text{max-width: 580px; width: 100%; padding: 0;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text p{max-width: 150px; font-size: 1.6rem; margin: 15px 0 10px;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text div{font-size: 2.8rem; line-height: 3.4rem;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text ol > li{font-size: 2.8rem; line-height: 3.4rem;}
div#campaign_202305 section#rf_cp_2023__item ul > li .itemData .id__Text span{font-size: 1.2rem; display: block; margin: -5px 0 0;}

div#campaign_202305 section#rf_cp_2023__snsCP a.linkBtn{max-width: 230px; margin: 15px auto 0; padding: 10px 20px 10px 10px;}
div#campaign_202305 section#rf_cp_2023__snsCP a.linkBtn:after {content: ''; right: 15px; width: 12px; height: 12px;}
div#campaign_202305 section#rf_cp_2023__snsCP .snsImage p{font-size: 1.5rem; margin: 0;}
div#campaign_202305 section#rf_cp_2023__snsCP .snsImage span{padding: 3px 10px 2px; font-size: 1.25rem; margin-right: 5px; vertical-align: 1px;}
div#campaign_202305 section#rf_cp_2023__snsCP ul.snsLink{margin: -2rem auto 3rem;}
div#campaign_202305 section#rf_cp_2023__snsCP ul.snsLink a{font-size: 1.8rem;}

div#campaign_202305 section#rf_cp_2023__notice h3{font-size: 2.4rem; margin-bottom: 1rem;}
div#campaign_202305 section#rf_cp_2023__notice h4{font-size: 1.6rem; margin: 15px 0 10px;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice{padding: 2rem;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail{height: 280px;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail ul > li{margin: 5px 0 5px 20px; font-size: 1.25rem;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail .jspVerticalBar {width: 7px;}
div#campaign_202305 section#rf_cp_2023__notice .rf__notice .notice__detail .jspDrag{left: 0;}

/* dropdown__box 共通 */
.box__section .accordion_one .accordion_header .ah__Area{align-items: flex-start; flex-wrap: wrap;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Image{display: block; width: 40%;}
.stage_box.rank_1st .box__section .accordion_one .accordion_header .ah__Area .detail_Image:after,
.stage_box.rank_2nd .box__section .accordion_one .accordion_header .ah__Area .detail_Image:after{width: calc(80%/2); background-position: center;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title{width: 60%; min-width: auto; padding: 2.5%;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title h4{max-width: 240px; font-size: 1.6rem; margin: 0 auto 5px;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title .dt__title {max-width: 160px; margin: 0 auto;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title p{font-size: 1.15rem !important; margin: 5px 0 !important;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title .date{font-size: 1.15rem; padding: 5px 25px;}
.box__section .accordion_one .accordion_header .i_box {width: 32px; height: 32px;}
.box__section .accordion_one .accordion_header .i_box .one_i{width: 18px; height: 18px;}
.box__section .accordion_one .accordion_header .i_box .one_i:before,
.box__section .accordion_one .accordion_header .i_box .one_i:after {content: ''; width: 18px; height: 4px; top: 7px; left: 0;}
.box__section .accordion_one .accordion_header .i_box .one_i:before {width: 4px; height: 18px; top: 0; left: 7px;}
.box__section .accordion_one .accordion_inner {padding: 25px;}
.box__section .accordion_one .accordion_inner .detail_image{margin: 0 0 15px;}
.box__section .accordion_one .accordion_inner .detail_list{width: 100%;}
.box__section .accordion_one .accordion_inner .detail_list ul > li{width: 100%; margin: 0 0 5%;}
.box__section .accordion_one .accordion_inner .detail_list ul > li:last-child{margin: 0;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dt{font-size: 1.5rem; margin-bottom: 10px;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dd ol > li{font-size: 1.4rem;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dd ol > li:nth-last-child(-n+2){font-size: 1.25rem;}
.box__section .accordion_one .accordion_inner .detail_list ul > li dl.number dt span{font-size: 1.05rem;}


/*campaign_202305 Ranking ==============================================================================*/
div.cp202305_head {padding: 1.5rem 0;}
div.cp202305_head ul{width: 100%;}
div.cp202305_head ul > li:first-child{margin: 0 1rem;}
div.cp202305_head ul > li .cp_logo{max-width: 90px}
div.cp202305_head ul > li .cs_logo{max-width: 120px;}
section#cp202305_ranking{padding: 2.5rem;}
section#cp202305_ranking hr{margin: 3rem 0;}
section#cp202305_ranking{padding: 5rem 0;}

/*Category*/
section#cp202305_ranking .rf__rank_Category{margin-bottom: 2.5rem;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li{font-size: 1.6rem;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li span{font-size: 1.25rem;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a{display: block; margin: 0; padding: 15px; transition: all 0.5s ease; position: relative;}

section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a:after{content: ''; right: 10px; width: 14px; height: 14px; border-top: 3px solid #9e9e9e; border-right: 3px solid #9e9e9e;}
section#cp202305_ranking #ranking_tab .ranking_tab_btn ul > li a.selected:after{content: ''; right: 10px; width: 14px; height: 14px; border-top: 3px solid #fff; border-right: 3px solid #fff;}

/*Title*/
section#cp202305_ranking .rf__rank_title{margin-bottom: 2.5rem;}
section#cp202305_ranking .rf__rank_title h2{margin-bottom: 1.25rem;}
section#cp202305_ranking .rf__rank_title p{font-size: 1.6rem; margin-bottom: 2.5rem;}
section#cp202305_ranking .rf__rank_title .date{padding: 2px;}
section#cp202305_ranking .rf__rank_title .date .date_Area{padding: 10px 15px; font-size: 1.4rem;}
section#cp202305_ranking .rf__rank_title .date .date_Area .stage{display: block; width: 100px; text-align: center; font-size: 1.2rem; padding: 5px 10px 3px; margin: 0 0 10px;}

/*myRanking*/
section#cp202305_ranking .rf__ranking .my__ranking{padding: 15px;}
section#cp202305_ranking .rf__ranking .my__ranking h3{font-size: 1.4rem; padding: 15px; margin: -15px -15px 15px;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul{flex-wrap: wrap; justify-content: flex-start;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(1){width: 24%; max-width: 65px; margin-right: 0;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(2){width: 76%; margin-right: 0;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(3){width: 100%; margin: 10px 0 0;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking div{width: 46px; font-size: 2.0rem; padding: 10px 0;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__name .rf__c_name{font-size: 1.4rem; margin: 5px 0;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__name .rf__c_shop{font-size: 1.2rem;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__log{font-size: 2.6rem;}
section#cp202305_ranking .rf__ranking .my__ranking .rf__mydata ul > li .rf__mydata__log span{font-size: 1.4rem;}
section#cp202305_ranking .rf__ranking .my__ranking .loginArea a.linkBtn{max-width: 230px; font-size: 1.6rem; margin: 20px auto 10px; padding: 10px 20px 10px 10px;}
section#cp202305_ranking .rf__ranking .my__ranking .loginArea a.linkBtn:after{content: ''; right: 15px; width: 12px; height: 12px;}

/*Ranking*/
section#cp202305_ranking .rf__ranking .rf__rank_Area{padding: 15px;}
section#cp202305_ranking .rf__ranking .rf__rank_Area h3{font-size: 1.4rem; padding: 15px; margin: -15px -15px 15px;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .rank_detail::after{width: 100%; margin: 15px auto;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul{flex-wrap: wrap; justify-content: flex-start;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(1){width: 24%; max-width: 55px; margin-right: 0;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 76%; margin-right: 0;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 100%; margin: 10px 0 0;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div{width: 46px; font-size: 2.0rem; padding: 10px 0;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_1,
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_2,
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_3 {background-size: cover;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name .rf__c_name{font-size: 1.4rem; margin: 5px 0;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name .rf__c_shop{font-size: 1.2rem;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log{font-size: 2.6rem;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log span{font-size: 1.4rem;}
section#cp202305_ranking .rf__rank_Area .entry_Data .noplay p{margin: 5rem 0 2.5rem; padding: 0; text-align: center;}

/*Notice*/
section#cp202305_ranking .rf__rank_Notice h3{font-size: 1.4rem; padding: 15px;}
section#cp202305_ranking .rf__rank_Notice .rf__notice{padding: 15px;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail{height: 160px;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail ul > li{margin: 5px 0 5px 15px; font-size: 1.25rem;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail .jspVerticalBar {width: 7px;}
section#cp202305_ranking .rf__rank_Notice .rf__notice .notice__detail .jspDrag{left: -5px;}


/*campaign_202305 ShopList ==============================================================================*/
section#cp202305_shop{padding: 5rem 0;}
/*Title*/
section#cp202305_shop .rf__shop_title{margin-bottom: 2.5rem;}
/*areaList*/
section#cp202305_shop .rf__areaList{padding: 15px; margin-bottom: 2.5rem;}
section#cp202305_shop .rf__areaList ul{font-size: 1.6rem;}
section#cp202305_shop .rf__areaList ul > li{width: 25%; min-width: 84px;}
section#cp202305_shop .rf__areaList ul > li a{padding: 4px 4px 4px 15px;}
section#cp202305_shop .rf__areaList ul > li a:before{content: ''; border-width: 8px 5px 0 5px;}
/*shopDetail*/
section#cp202305_shop .rf__shop{margin-bottom: 3rem;}
section#cp202305_shop .rf__shop .rf__shop_Area h3{font-size: 2.5rem;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail{padding: 10px;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_shop{font-size: 1.4rem;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_address{font-size: 1.2rem;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_tel{font-size: 1.2rem;}
section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__machine .rf__m_icon{width: 36px; padding: 2px;}

/* == Modal ================================================== */
div#campaign_202305 .js-modal__main {width: 100%;}
div#campaign_202305 .js-modal__main .modal__contentsBox{width: 100%; margin: 40px 0 0 0; left: 0;}
div#campaign_202305 .js-modal__main .modal__contentsBox h2.logo{max-width: 160px; margin: 0 auto 25px;}
/* TOP RankingList */
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList{padding: 15px;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList p{font-size: 1.25rem; margin: 10px 0 5px;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen{width: 100%; flex-wrap: wrap;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen > li{width: 100%;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen > li a{font-size: 1.8rem; line-height: 3.6rem;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li .rankingList ul.clBtn_ranking_gen > li .none{font-size: 1.8rem; line-height: 3.6rem;}
/* Content RankingList */
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul{width: 90%; margin: 0 auto;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li a{font-size: 1.8rem; line-height: 6rem;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li ul.clBtn_ranking{width: 100%;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li ul.clBtn_ranking > li a{font-size: 1.2rem; line-height: 1.8rem; padding: 10px;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li ul.clBtn_ranking > li a span{font-size: 1rem;}
div#campaign_202305 .js-modal__main .modal__contentsBox .modal__menu ul > li a span{display: block; font-size: 1.25rem;}
div#campaign_202305 .js-modal__btn--close--fix {width: 70%; padding: 0; margin: 15px auto;}
div#campaign_202305 .js-modal__btn--close--fix a:link,
div#campaign_202305 .js-modal__btn--close--fix a:visited{font-size: 2.0rem; padding: 10px;}
}

@media (max-width: 460px) {/*smart phone*/
div#campaign_202209 .btnArea a:link,
div#campaign_202209 .btnArea a:visited{font-size: 1.4rem; padding: 12px 10px;}
div#campaign_202209 .rf_cp__sec02{padding: 3rem 0;}
div#campaign_202209 .rf_cp__sec02 h2{font-size: 2.2rem;}
div#campaign_202209 .rf_cp__sec04 .detail__box h3{font-size: 1.6rem; padding: 14px 0 12px; margin-bottom: 2.5rem;}
div#campaign_202209 .rf_cp__sec05 .detail__box .circle{top: -5px; left: -10px; font-size: 1.25rem; width: 45px; height: 45px; line-height: 48px;}
div#campaign_202209 .rf_cp__sec05 .detail__box .inner{width: 100%;}
div#campaign_202209 .rf_cp__sec05 .detail__box .inner h3{font-size: 1.4rem; padding: 18px 0 14px; text-indent: 35px; letter-spacing: 0.75px;}
div#campaign_202209 .rf_cp__sec06 .detail__box h3{font-size: 1.55rem; line-height: 1.5; padding: 0 0 1.2rem;}
div#campaign_202209 .rf_cp__sec06 .detail__box ul > li:nth-child(2) div{width: 80%; margin: 0 auto;}

div#campaign_202305 #rf_cp_2023__intro .intro_logo{max-width: 320px; margin: -220px 0 0 -160px;}
div#campaign_202305 #rf_cp_2023__intro .intro_sub{max-width: 320px; margin: 80px 0 0 -160px;}

/* dropdown__box 共通 */
.box__section .accordion_one .accordion_header .ah__Area .detail_Image{display: block; width: 30%;}
.stage_box.rank_1st .box__section .accordion_one .accordion_header .ah__Area .detail_Image:after,
.stage_box.rank_2nd .box__section .accordion_one .accordion_header .ah__Area .detail_Image:after{width: calc(60%/2); background-position: center;}
.box__section .accordion_one .accordion_header .ah__Area .detail_Title{width: 70%; min-width: auto; padding: 2.5%;}
}




/* campaign_202309 ==============================================================================*/
div#campaign_202309 {scroll-behavior: smooth;}
/* h */
div#campaign_202309 section#rf_cp_2023__ranking h2 {
color: #9f8d76; font-size: 6.2rem; font-weight: 600; text-align: center; margin: 0; padding: 0;}
div#campaign_202309 #overlay{
width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1;
background-image: url(/img/rf/campaign/cp202305/cp_2023__bg.jpg);
background-repeat: no-repeat; background-position: center; background-size: cover;
}

/* p */
div#campaign_202309 p {font-size: 2.5rem; margin: 0; text-align: center;}

/* flex */
div#campaign_202309 section .flex-reverse{flex-direction: row-reverse;}


/*menu*/
div#campaign_202309 .cpmenu { background-color: #0A1888; color: #FFFFFF;}
div#campaign_202309 .cpmenu .content { width: 750px; margin: 0 auto;}
div#campaign_202309 .cpmenu ul { display: flex;   justify-content: center;}
div#campaign_202309 .cpmenu li { margin: 10px 0; width: 220px;}
div#campaign_202309 .cpmenu li a:link,
div#campaign_202309 .cpmenu li a:visited{
text-align: center; display: block; font-size: 20px; padding: 1em; color: #FFFFFF; border-right: 1px solid rgba(255,255,255,0.5)}
div#campaign_202309 .cpmenu ul li:first-child a:link { border-left: 1px solid rgba(255,255,255,0.5)}
div#campaign_202309 .cpmenu h4 { display: none;}
div#campaign_202309.cptop a.btn-action {border: 3px outset rgba(0,0,0,0.25);}


/* campaign_202309 TOP =====*/
div#campaign_202309.cptop { background-color: #267cc4}
div#campaign_202309.cptop img.img-rounded { border-radius: 10px}
div#campaign_202309.cptop section { padding: 1em 0}
div#campaign_202309.cptop  .rf_cp__sec01 {
background-image: url(/img/rf/campaign/cp202209_hero_bg.jpg);
background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 0;
border-bottom: 3px solid #151e66; padding: 3rem 0;
}
div#campaign_202309.cptop .box-tbl { table-layout: fixed;}
div#campaign_202309.cptop .box-tbl .cell { padding: 1em}
div#campaign_202309.cptop a.btn-action { font-size: 2rem}

div#campaign_202309 .cp202309_head { background-image: none; padding: 0;}
div#campaign_202309.cptop section h3{ font-size: 3em;}
div#campaign_202309.cptop section h4{ font-size: 2em;}
div#campaign_202309.cptop section p{ font-size: 16px;}
div#campaign_202309.cptop section .content_box.snscp p{ font-size: 2rem; color: #FFFFFF; padding: 2rem 0}
div#campaign_202309.cptop section .content_box.snscp p a.link-text:link,
div#campaign_202309.cptop section .content_box.snscp p a.link-text:visited {color: #FFFFFF;}
div#campaign_202309.cptop section .areabtn { width: 372px; margin: 1rem auto 2rem auto}

div#campaign_202309 section .outline p { font-size:20px; color: #FFFFFF; font-weight: bold;}
div#campaign_202309.cptop .content_box.reward h4 { text-align:center; margin:0; padding: 2rem 0 3rem 0}
div#campaign_202309.cptop section .content_box {max-width: 800px;}
div#campaign_202309 .heading { display: flex; justify-content: center; align-items: center; color: #ffffff;}
div#campaign_202309 .heading::before,
div#campaign_202309 .heading::after { width: 3px; height: 40px; background-color: #ffe100; content: '';}

div#campaign_202309 .heading::before { transform: rotate(-35deg); margin-right: 30px;}
div#campaign_202309 .heading::after { transform: rotate(35deg); margin-left: 30px;}
div#campaign_202309.cptop .event_info {
border-radius: 20px;  outline: 6px solid #0A1888; outline-offset: -6px; overflow: hidden; width: 700px; margin: 1em auto;}
div#campaign_202309.cptop .event_info h3 {
background: #0A1888; font-size: 24px; padding: 10px;}
div#campaign_202309.cptop .event_info div {
color: #0A1888; font-size: 20px; font-weight: 600; text-align: center; padding: 20px;  background-color: #FFFFFF;}

div#campaign_202309 .row2 { display: flex; margin: 2em auto}
div#campaign_202309 .row2 .cellimg {  flex-basis: 30%;}
div#campaign_202309 .row2 .cellimg img { border-radius: 10px}
div#campaign_202309 .row2 .celltext { flex-basis: 70%; padding: 0 2rem}
div#campaign_202309 .row2 .celltext p { color: #FFFFFF; font-size: 2rem; text-align: left}
div#campaign_202309 .imgbox  { margin: 2rem auto}

div#campaign_202309 .flexb {display: flex;}
div#campaign_202309 .reward .flexb div {
background-color: #ffffff; margin:2rem 1rem; border-radius: 10px; border: 2px solid #0A1888; overflow: hidden;}
div#campaign_202309 .reward .flexb div h5 {
font-weight: bold; background-color: #CA080B; color: #ffffff; background-image: linear-gradient(180deg, rgba(255, 49, 49, 1), rgba(222, 10, 10, 1)); padding: 1rem; margin: 0;}

div#campaign_202309 .reward .flexb div h5 span { font-size:0.8rem;}
div#campaign_202309.cptop .rf_cp__sec05 {background-color: rgba(10,24,136,0.5);}
div#campaign_202309 .reward .flexb div ul { padding: 1.5rem 0.5rem}
div#campaign_202309 .reward .flexb div ul li { list-style-type: disc; margin-left: 3rem}


div#campaign_202309 .reward-wrap { margin-bottom: 3rem;}
div#campaign_202309 .reward-wrap p{ font-size: 14px; padding: 1em; text-align:left; color: #336699;}
div#campaign_202309 .reward-item {
float: left; width:246px; height: 330px; padding: 10px; margin: 10px 10px 20px 10px; border: 3px solid #0A1888;
background-color: #ffffff; border-radius: 10px; position: relative;
}
div#campaign_202309 .reward-item2,
div#campaign_202309 .reward-item4,
div#campaign_202309 .reward-item5{
padding:20px 10px 10px 10px; margin: 10px; border: 3px solid #0A1888; background-color: #ffffff; border-radius: 10px; position: relative;}
div#campaign_202309 h5.rewardclass{
font-size: 2.2rem; font-weight: bold; text-align: center;
margin: 0 0 10px 0; position: absolute; background-color: #F31A1D; border-radius: 50%; color: #ffffff; width: 65px;
height: 65px; line-height: 60px; left:-22px; top: -26px; border: 3px outset rgba(0,0,0,0.5);

}
div#campaign_202309 .itemname{ font-size: 1.8rem; font-weight: bold; padding:10px; text-align: left}
div#campaign_202309 .itemname span{ display: block; text-align: right; color: #093091}
div#campaign_202309 .rewardimg span { display: block; text-align: center; color: #666666}
div#campaign_202309 .reward-item .rewardimg { padding: 5px;}
div#campaign_202309 .reward-item2{ text-align: center;}
div#campaign_202309 .reward-item2 .rewardimg { width:300px; display: inline-block;}
div#campaign_202309 .reward-item4 .rewardimg { width:188px; float: left;}
div#campaign_202309 .reward-item5 .rewardimg { width:150px; float: left;}
div#campaign_202309 .reward-item2 .itemname,
div#campaign_202309 .reward-item4 .itemname,
div#campaign_202309 .reward-item5 .itemname {text-align: center}
div#campaign_202309 section .rf__notice{background: #267cc4; padding: 2rem 0;}
div#campaign_202309 section.rf_cp__sec05 h3,
div#campaign_202309 section.rf_cp__sec06 h3{color: #fff; font-size: 5rem; margin: 4rem 0;}
div#campaign_202309 section.rf_cp__sec05 h4,
div#campaign_202309 section.rf_cp__sec06 h4{color: #fff; font-size: 2.5rem; font-weight: 600; margin: 4rem 4rem 1rem; padding: 0;}
div#campaign_202309 section .rf__notice .notice__detail {height: 420px; overflow: auto; border: 5px solid #fff; background: rgba(0,0,0,0.275);}
div#campaign_202309 section .rf__notice .notice__detail ul{padding: 0 4rem;}
div#campaign_202309 section .rf__notice .notice__detail ul:last-child{padding: 0 4rem 4rem;}
div#campaign_202309 section .rf__notice .notice__detail ul > li{color: #fff; list-style: disc; margin: 5px 0 5px 30px; padding: 0; font-size: 1.5rem;}
div#campaign_202309 section .rf__notice .notice__detail .jspVerticalBar {width: 10px;}
div#campaign_202309 section .rf__notice .notice__detail .jspTrack{background: none;}
div#campaign_202309 section .rf__notice .notice__detail .jspDrag{background: #fff;left: -10px;}

div#campaign_202309 section.rf__sec06{padding: 10rem 0;}
div#campaign_202309 section.rf__sec06::before{display: none;}

div#campaign_202309 .game_banner { background: rgba(10,24,136,0.8); padding: 6rem 0;}
div#campaign_202309 .game_banner ul { width: 970px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start;}
div#campaign_202309 .game_banner ul > li { width: 48%; margin: 0 1%;}
div#campaign_202309 .game_banner ul > li a { transition: all 0.5s ease;}
div#campaign_202309 .game_banner ul > li a:hover {opacity: .75;}

/* campaign_202309 Ranking =====*/
div#cp202309_ranking section.rf_cp__sec03 {margin: 0; padding: 0}
div#cp202309_ranking section.rf_cp__sec05 {margin: 0; padding: 0}
#ev__bgScroll { 
width: 100vw; height: 100vh; position: fixed;top: 0px; left: 0px; z-index: -1; background-image: url(/img/rf/campaign/cp202309/common/rf202309_body_bg.png); background-color: #f2f2f2; background-repeat: repeat;}
div#cp202309_ranking .rf__ranking{background: #f2f2f2; border: 2px solid #d9d9d9; position: relative;}
div#cp202309_ranking .rf__ranking .my__ranking h3{
background: #132a88; color: #fff; width: 20%; font-size: 1.5rem; font-weight: 600; letter-spacing: 1px; line-height: 1; text-align: center; margin: 0; padding: 10px; position: absolute; top: 0; left: 15px;}
div#cp202309_ranking .rf__rank_title{background: #f2f2f2; border-top: 2px solid #d9d9d9; padding: 2rem 1rem;}
div#cp202309_ranking .rf__rank_title .date{font-size: 1.5rem; text-align: right; margin: 0; line-height: 1.25em;}
div#cp202309_ranking .rf__rank_title .date span{display: block; font-size: 1.1rem;}

/*myRanking*/
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata{}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul{width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 25px 10px 10px;}

div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(1){width: 7%; margin-right: 2.5%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(2){width: 48%; margin-right: 2.5%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(3){width: 42%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata::after {
content: ''; display: block; width: 100%; height: 10px; background: #d9d9d9; margin: 0;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__ranking{}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__ranking div{
width: 100%; background-repeat: no-repeat; background-size: contain; font-size: 3rem; font-weight: 600; letter-spacing: -1px; line-height: 1; text-align: center; padding: 20px 0;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__ranking div.top_1{
background-image: url(/img/rf/campaign/cp202309/ranking/ev_rank_icon1st.png); background-position: 50% 50%; background-repeat: no-repeat; color: #d24447;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__ranking div.top_2{
background-image: url(/img/rf/campaign/cp202309/ranking/ev_rank_icon2nd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #7f8591;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__ranking div.top_3{
background-image: url(/img/rf/campaign/cp202309/ranking/ev_rank_icon3rd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #b7764c;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__ranking div.rankin{
color: #948c53;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul.rank_detail.top_1{
background: rgb(226,220,188); background: linear-gradient(180deg, rgba(226,220,188,1) 0%, rgba(234,228,206,1) 50%, rgba(205,198,172,1) 100%);}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul.rank_detail.top_2{
background: rgb(224,225,233); background: linear-gradient(180deg, rgba(224,225,233,1) 0%, rgba(244,245,245,1) 50%, rgba(205,206,208,1) 100%);}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul.rank_detail.top_3{
background: rgb(224,201,186); background: linear-gradient(180deg, rgba(224,201,186,1) 0%, rgba(245,234,227,1) 50%, rgba(224,201,186,1) 100%);}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__name .ev__c_name{
font-size: 2.2rem; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__name .ev__c_shop{
font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul{
display: flex; justify-content: space-between; align-items: center;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li:nth-child(1){width: 40%; margin-right: 10%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li:nth-child(2){width: 50%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li span{ display: block; line-height: 1;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li span.ev__cap_name{
font-size: 1.8rem; margin-bottom: 5px;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li span.ev__cap_size{ font-size: 2.8rem;}
div#cp202309_ranking .rf__ranking  ul > li span.ev__cap_cnt {font-size: 1.5rem; margin-top: 5px;}

/*Ranking*/
div#cp202309_point section .content_box,
div#cp202309_ranking section .content_box {max-width:750px; margin: 0 auto;}
div#cp202309_ranking .rf__ranking .rf__rank_Area{}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail::after{
content: ''; display: block; width: 100%; height: 1px; background: #d5d5d5; margin: 0 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail:last-of-type::after{display: none;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.lower{}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.lower .ev__entry_Data__name .ev__c_name{
font-size: 1.8rem; margin: 3px 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.lower .ev__entry_Data__name .ev__c_shop{font-size: 1.6rem;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.lower .ev__entry_Data__log ul > li:nth-child(1){
width: 30%; margin: 0 auto 0 6%;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.lower .ev__entry_Data__log ul > li:nth-child(2){
width: 50%; margin: 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.lower .ev__entry_Data__log ul > li span.ev__cap_name{
font-size: 1.2rem; margin-bottom: 8px;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.lower .ev__entry_Data__log ul > li span.ev__cap_size{
font-size: 2.4rem;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(1){width: 7%; margin-right: 2.5%;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 48%; margin-right: 2.5%;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 40%;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__ranking div{
width: 100%; background-repeat: no-repeat; background-size: contain; font-size: 3rem; font-weight: 600; letter-spacing: -1px; line-height: 1; text-align: center; padding: 20px 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__ranking div.top_1{
background-image: url(/img/rf/campaign/cp202309/ranking/ev_rank_icon1st.png); background-position: 50% 50%; background-repeat: no-repeat; color: #d24447;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__ranking div.top_2{
background-image: url(/img/rf/campaign/cp202309/ranking/ev_rank_icon2nd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #7f8591;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__ranking div.top_3{
background-image: url(/img/rf/campaign/cp202309/ranking/ev_rank_icon3rd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #b7764c;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__ranking div.rankin{color: #948c53;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.top_1{
background: rgb(226,220,188); background: linear-gradient(180deg, rgba(226,220,188,1) 0%, rgba(234,228,206,1) 50%, rgba(205,198,172,1) 100%);}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.top_2{
background: rgb(224,225,233); background: linear-gradient(180deg, rgba(224,225,233,1) 0%, rgba(244,245,245,1) 50%, rgba(205,206,208,1) 100%);}
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail.top_3{
background: rgb(224,201,186); background: linear-gradient(180deg, rgba(224,201,186,1) 0%, rgba(245,234,227,1) 50%, rgba(224,201,186,1) 100%);}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__name .ev__c_name{
font-size: 2.2rem; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__name .ev__c_shop{
font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data .noplay p{
font-size: 1.75rem; margin: 8rem 0; padding: 0; text-align: center;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log{}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li:nth-child(1){
width: 40%; margin-right: 10%;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li:nth-child(2){
width: 50%; margin: 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li span{
display: block; line-height: 1;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li span.ev__cap_name{
font-size: 1.8rem; margin-bottom: 10px;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li span.ev__cap_size{
font-size: 2.8rem;}


/* campaign_202309 Point =====*/
div#cp202309_point section.rf_cp__sec04 {margin: 0; padding: 0}
div#cp202309_point section.rf_cp__sec05 {margin: 0 0 -10rem; padding: 0 0 10rem 0}
div#cp202309_point .rf__drawArea,
div#cp202309_point .rf__mydata,
div#cp202309_point .rf__howto{background: #f2f2f2; border: 1px solid #d9d9d9;}
div#campaign_202309 .ev__md_img {
width: 60px; height: 60px; overflow: hidden; border-radius: 50%; position: relative; border: 1px solid #cccccc;}
div#campaign_202309 .ev__md_img img { 
height: 60px !important; position: absolute; top: 50%; left:50%;    transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); }
div#cp202309_point .rf__drawArea{
background-image: url(/img/rf/campaign/cp202309/point/draw_bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding: 30px;}
div#cp202309_point .rf__drawArea h5{
color: #fff; font-size: 3.25rem; font-weight: bold; letter-spacing: 2px; line-height: 1.4em; text-align: center;
text-shadow: 2px 2px 0 #132a88, -1px -1px 0 #132a88, -1px 1px 0 #132a88, 1px -1px 0 #132a88, 2px 1px 0 #132a88, 0 2px 0 #132a88, -2px 0 0 #132a88, 2px 0 0 #132a88;}
div#cp202309_point .rf__drawArea h5 span{
color: #ff0; display: block; font-size: 2.0rem; text-shadow: 2px 2px 0 #333, -1px -1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, 2px 1px 0 #333, 0 2px 0 #333, -2px 0 0 #333, 2px 0 0 #333;}

div#cp202309_point .rf__drawArea .draw_comment{
width: 100%; max-width: 760px; text-align: center; margin: 30px auto 0;}
div#cp202309_point .rf__drawArea .draw_comment p{ 
color: #ea0c0c; font-weight: bold; margin-bottom: 0;}
div#cp202309_point .rf__drawArea .draw_comment h4{
color: #FFFFFF; padding: 10px; border: none;
background: rgb(255,48,25); background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); margin: 5px 0 0 0; font-size: 18px;}
div#cp202309_point .rf__drawArea .draw_wrap{
position: relative; overflow: hidden; max-width: 760px; margin: 0 auto; padding: 50px;}
div#cp202309_point .rf__drawArea .draw_wrap .dw__item img.present_item {
animation: bounceInDown 1.5s  1; position: relative; z-index: 1; box-shadow: 0 0 5px 5px rgba(255,255,255,0.8);}
div#cp202309_point .rf__drawArea .draw_wrap .dw__bg img.bgcircle {
animation: bgcircle 8s infinite linear; position: absolute; top: -55%; left: -6.0%;}

div#cp202309_point .rf__drawArea .draw_item{margin: 30px auto -20px;}
div#cp202309_point .rf__drawArea .draw_item p{font-size: 2.0rem;}

/*** Drawbtn ***/
div#cp202309_point .rf__drawArea .btn,
div#cp202309_point .rf__drawArea a.btn,
div#cp202309_point .rf__drawArea button.btn {
font-size: 1.6rem; font-weight: 700; line-height: 1.5; position: relative; display: inline-block; padding: 1rem 4rem; cursor: pointer; user-select: none; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #212529; border-radius: 0.5rem;}
div#cp202309_point .rf__drawArea .btn-engine-start {
position: relative; width: 320px; height: 320px; margin: 0 auto; border-radius: 50%; background: white;
background: linear-gradient( 135deg, white 0%, white 22%, #ddd 44%, #a5a5a5 52%, black 100% );
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);}
div#cp202309_point .rf__drawArea .btn-engine-start:before {
content: ""; position: absolute; top: 20px; left: 20px; display: block; width: 280px; height: 280px; border-radius: 50%;
background: #515151; background: linear-gradient( 135deg, #515151 0%, #515151 19%, #ededed 50%, white 77%, white 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#ffffff', GradientType=1);}
div#cp202309_point .rf__drawArea .btn-engine-start:hover a.btn-engine-start-in:before {
content: ""; top: 23px; background-image: url(/img/rf/campaign/cp202309/point/draw_btn_img_on.png);}
div#cp202309_point .rf__drawArea .btn-engine-start:hover a.btn-engine-start-in {
color: #2fa4ef; padding: 173px 0 0;
box-shadow: inset 0 1px 1px black, 0 1px 2px rgba(0, 0, 0, 0.5);
text-shadow: 0 0 6px rgba(255,255,255, 0.3), 0 0 6px rgba(255, 255, 255, 0.3);}
div#cp202309_point .rf__drawArea a.btn-engine-start-in {
font-size: 3.6rem; letter-spacing: 2px; line-height: 1; position: absolute; top: 37px; left: 36px; width: 248px; height: 248px; padding: 174px 0 0; color: #174aa8; border-radius: 50%; background: #959595;
background-image: linear-gradient(90deg, rgba(255, 242, 58, 1), rgba(224, 162, 8, 1) 80%);
box-shadow: inset 0 2px 2px white, 0 2px 4px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1);
overflow: hidden;}

div#cp202309_point .rf__drawArea a.btn-engine-start-in:before {
content: ""; position: absolute; top: 24px; left: calc(50% - 85px); width: 170px;
height: 140px; background-image: url(/img/rf/campaign/cp202309/point/draw_btn_img_off.png); background-position: 50% 50%; background-repeat: no-repeat; transition: all 0.3s ease;}

div#cp202309_point .rf__drawArea div.btn-engine-start-in.default {
font-size: 3.6rem; font-weight: 700; letter-spacing: 1px; line-height: 1; width: 248px; height: 248px; padding: 174px 0 0; border-radius: 50%; color: #595959; text-align: center; cursor: no-drop; position: absolute; top: 37px; left: 36px;
background: linear-gradient( 135deg, #b5b5b5 0%, #979797 46%, #939393 50%, #878787 69%, #676767 100% );
box-shadow: inset 0 2px 2px white, 0 2px 4px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1);}

div#cp202309_point .rf__drawArea div.btn-engine-start-in.default:before {
content: ""; position: absolute; top: 24px; left: calc(50% - 85px); width: 170px; height: 140px; background-image: url(/img/rf/campaign/cp202309/point/draw_btn_img_def.png); background-position: 50% 50%; background-repeat: no-repeat;}
#draw_action {
width:100%; height:100%; display:none; position:absolute; top: 0; left: 0; z-index:100;}
#draw_action.on {
display:block; background:rgba(255,255,255,1); animation: bg-flash 2s ease-in 1; -webkit-animation: bg-flash 2s ease-in 1;}

/*** DrawArea btn effect ***/
div#cp202309_point .rf__drawArea .btnArea ul {
width: 100%; max-width: 770px; margin: 20px auto 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
div#cp202309_point .rf__drawArea .btnArea ul li {
width: 48%; padding: 0; margin: 1%; border: none; position: relative;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn,
div#cp202309_point .rf__drawArea .btnArea ul > li a.btn,
div#cp202309_point .rf__drawArea .btnArea ul > li button.btn {
position: relative; display: inline-block; cursor: pointer; user-select: none; transition: all .3s;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn:hover{color: #e74137;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat {
width: 100%; font-size: 2.0rem; font-weight: 700; line-height: 1; color: #fff; padding: 1.75rem 0; border-radius: 0; background: #041d31; overflow: hidden; position: relative;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat span {position: relative;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat::before {
content: ''; position: absolute; top: 0; left: 255px; width: 250%; height: 800%; background: #132a88;
transform: translateX(-98%) translateY(-70%) rotate(135deg); transition: all .5s ease-in-out;
-webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
-webkit-transition: all .5s ease-in-out;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat:hover:before{
transform: translateX(-52%) translateY(-25%) rotate(135deg);
-webkit-transform: translateX(-52%) translateY(-25%) rotate(135deg);}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat::after{
content: ''; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; 
position: absolute; right: 20px; top: 50%; margin: -5px 0 0; transform: rotate(45deg);}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat:hover::after{
border-top: solid 2px #e74137; border-right: solid 2px #e74137;}

div#cp202309_point .rf__mydata{position: relative;}
div#cp202309_point .rf__mydata h3{
background: #132a88; color: #fff; width: 20%; font-size: 1.5rem; font-weight: 600; letter-spacing: 1px; line-height: 1; text-align: center; margin: 0; padding: 10px; position: absolute; top: 0; left: 15px;}
div#cp202309_point .rf__mydata ul{ margin:0 5px}
div#cp202309_point .rf__mydata ul >li:first-child{
display: flex; justify-content: flex-start; align-items: center; padding: 50px 15px 15px; border-bottom: 1px solid #a9a9a9;}
div#cp202309_point .rf__mydata ul >li{padding: 0;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__image{display: block; width: 100%; max-width: 100px; margin-right: 2.5%;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__image .ev__md_img img{border: 1px solid #d9d9d9;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__name{font-size: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li{padding: 30px 20px; border-bottom: 1px solid #a9a9a9}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dl{width: 100%; display: flex; justify-content: space-between; align-items: center;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dt{font-size: 2.4rem;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dd{font-size: 2.4rem;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dd span{font-size: 1.6rem;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea{padding: 15px; background: #e1e4e7; border: none; margin-bottom: 1em;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li{width: 98%; padding: 0; margin: 1%; border: none; position: relative;}

div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea h5{font-size: 2.8rem; font-weight: 700; margin: 0; padding: 1.4rem 0;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea p{font-size: 1.45rem; line-height: 2.25rem; margin: 0; padding: 1rem 0;}

/*** btn effect ***/
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn,
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea a.btn,
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea button.btn {
position: relative; display: inline-block; cursor: pointer; user-select: none; transition: all .3s;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn:hover{color: #e74137;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat {
width: 100%; font-size: 2.0rem; font-weight: 700; line-height: 1; color: #fff; padding: 1.75rem 0; border-radius: 0; background: #041d31; overflow: hidden; position: relative;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat span {position: relative;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat::before {
content: ''; position: absolute; top: 0; left: 615px; width: 250%; height: 800%; background: #132a88;
transform: translateX(-98%) translateY(-70%) rotate(135deg); transition: all .5s ease-in-out;
-webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
-webkit-transition: all .5s ease-in-out;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat:hover:before{
transform: translateX(-60%) translateY(-25%) rotate(135deg);
-webkit-transform: translateX(-60%) translateY(-25%) rotate(135deg);}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat::after{
content: ''; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; position: absolute; right: 20px; top: 50%; margin: -5px 0 0; transform: rotate(45deg);}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat:hover::after{
border-top: solid 2px #e74137; border-right: solid 2px #e74137;}

/*** btn effect app***/
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app{width: 98%; margin: 1% auto;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app > a.btn:hover{color: #fff;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app > a.btn-flat {
color: #ef6000; background: #ffbe39;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app > a.btn-flat::before {
left: 974px; width: 400%; height: 1250%; background: #ef6000;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app > a.btn-flat:hover:before{
transform: translateX(-80%) translateY(-25%) rotate(135deg);
-webkit-transform: translateX(-80%) translateY(-25%) rotate(135deg);}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app > a.btn-flat::after{
content: ''; border-top: 2px solid #ef6000; border-right: 2px solid #ef6000;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app > a.btn-flat:hover::after{
border-top: 2px solid #fff; border-right: 2px solid #fff;}


/*** Modal ***/
#rank__modal .js-modal__main,
#history__modal .js-modal__main{background-color: rgba(255,255,255,0.9); padding: 10%;}
#rank__modal .rank__modal__contentsBox,
#history__modal .history__modal__contentsBox{
width: 100%; max-width: 700px; background: #f2f2f2; border: 7px solid #132a88; border-radius: 30px; padding: 5rem; margin: 0 auto; position: relative;}

#rank__modal .rank__modal__contentsBox .md_ttl,
#history__modal .history__modal__contentsBox .md_ttl{text-align: center; margin-bottom: 3rem;}
#rank__modal .rank__modal__contentsBox .md_ttl h4,
#history__modal .history__modal__contentsBox .md_ttl h4{
display: inline-block; color: #132a88; font-size: 4.2rem; font-weight: 700; margin: 0; background: linear-gradient(transparent 60%, #12ebff 60%);}
#rank__modal .rank__modal__contentsBox .count__table th{
width: 50%; padding: 10px; color: #fff; font-size: 2.2rem; font-weight: 700; text-align: center; background: #e74137; border: 5px solid #333;}
#rank__modal .rank__modal__contentsBox .count__table td{
background: #fff; text-align: center; font-size: 2.1rem; padding: 15px; border: 5px solid #333;}
#rank__modal .rank__modal__contentsBox .count__table td div{
display: inline-block;}

#history__modal .history__modal__contentsBox .history__detail{height: 320px; overflow: auto; background: #fff;}
#history__modal .history__modal__contentsBox .history__detail dl{width: 100%; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #d5d5d5; padding: 15px;}
#history__modal .history__modal__contentsBox .history__detail dt{width: 30%; font-size: 1.4rem; font-weight: 700;}
#history__modal .history__modal__contentsBox .history__detail dd{width: 70%;}
#history__modal .history__modal__contentsBox .history__detail dd div{display: inline;}
#history__modal .history__modal__contentsBox .history__detail .jspDrag {background: #132a88; left: -10px;}
#history__modal .history__modal__contentsBox .history__detail .jspTrack {background: none;}
#history__modal .history__modal__contentsBox .history__detail .jspVerticalBar {width: 7px;}

#rank__modal .rank__modal__contentsBox .link__box,
#history__modal .history__modal__contentsBox .link__box{display: block; position: absolute; top: 20px; right: 20px;}
#rank__modal .rank__modal__contentsBox .link__box a,
#history__modal .history__modal__contentsBox .link__box a{display: block; width: 45px; height: 45px; border: 5px solid #132a88;}
#rank__modal .rank__modal__contentsBox .link__box a::before,
#rank__modal .rank__modal__contentsBox .link__box a::after,
#history__modal .history__modal__contentsBox .link__box a::before,
#history__modal .history__modal__contentsBox .link__box a::after {
content: ""; position: absolute; top: 50%; left: 50%; width: 5px; height: 30px; background: #132a88;}
#rank__modal .rank__modal__contentsBox .link__box a::before,
#history__modal .history__modal__contentsBox .link__box a::before{transform: translate(-50%,-50%) rotate(45deg);}
#rank__modal .rank__modal__contentsBox .link__box a::after,
#history__modal .history__modal__contentsBox .link__box a::after{transform: translate(-50%,-50%) rotate(-45deg);}
.js-modal__main._FadeOut {animation: FadeOut .5s ease-in-out forwards;}
.js-modal__main._FadeIn {animation: FadeIn .5s ease-in-out forwards;}

div#cp202309_point .rf__howto{padding: 50px;}
div#cp202309_point .rf__howto .howto_ttl{text-align: center;}
div#cp202309_point .rf__howto .howto_ttl h4{
display: inline-block; font-size: 4.2rem; font-weight: 700; margin: 0; color: #132a88; background: linear-gradient(transparent 60%, #12ebff 60%);}
div#cp202309_point .rf__howto ul{margin: 2rem 0; font-size: 1.6rem;}
div#cp202309_point .rf__howto ul > li{list-style: disc; margin: 5px 0 5px 30px;}
div#cp202309_point .rf__howto .pointList th{
width: 50%; padding: 10px; color: #fff; font-size: 2.2rem; font-weight: 700; text-align: center; background: #e74137; border: 5px solid #333;}
div#cp202309_point .rf__howto .pointList td{
background: #fff; text-align: center; font-size: 1.8rem; padding: 10px; border: 5px solid #333;}


/*appli_form*/
div#cp202309_point .content_box.appli_form { background-color: #ffffff;}
div#cp202309_point .appli_form .wrap { margin: 0 2rem; min-height: 70vh}
div#cp202309_point .appli_form .form_title h3{ font-size: 3rem; color: #333333; padding: 1rem; border-bottom: 1px solid #cccccc;}
div#cp202309_point .appli_form .form_title h4{ font-size: 2rem; text-align: center}
div#cp202309_point .appli_form #goldForm h5{ font-size: 1.8rem; font-weight: bold; padding: 5px;}
div#cp202309_point .appli_form p { font-size: 1.6rem; padding: 0.8rem}
div#cp202309_point .appli_form p.infosub { font-size: 1.4rem; text-align: left;}
div#cp202309_point .appli_form dl.dlstyle1 dt { background-color: #FF0033; }
div#cp202309_point .appli_form dl,
div#cp202309_point .appli_form dt,
div#cp202309_point .appli_form dd { border-color: #cccccc;}

@keyframes shiny {
0% { transform: scale(0) rotate(25deg); opacity: 0;}
50% { transform: scale(1) rotate(25deg); opacity: 1;}
100% { transform: scale(50) rotate(25deg); opacity: 0;}
}
.btn-engine-start-in.shine::after {
content: ''; position: absolute;
top: -100px; left: -100px; width: 50px; height: 50px;
background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);

/* アニメーション */
animation-name: shiny;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}

@media (max-width: 767px) {/*smart phone*/
div#campaign_202309{}
div#campaign_202309 + .go_top { display: none !important;}
div#campaign_202309 .content_box { width:auto !important; margin: 0 1rem}

div#campaign_202309 section .rf__notice{padding: 2rem 1.5rem 10rem;}
div#campaign_202309 section.rf_cp__sec05 h3,
div#campaign_202309 section.rf_cp__sec06 h3 {font-size: 2.6rem; margin-bottom: 2rem;}
div#campaign_202309 section.rf_cp__sec05 h4,
div#campaign_202309 section.rf_cp__sec06 h4 {font-size: 1.75rem; margin: 2rem 2rem 1rem;}
div#campaign_202309 section .rf__notice .notice__detail {height: 320px; border: 3px solid #fff;}
div#campaign_202309 section .rf__notice .notice__detail ul{padding: 0 2rem;}
div#campaign_202309 section .rf__notice .notice__detail ul:last-child{padding: 0 2rem 2rem;}
div#campaign_202309 section .rf__notice .notice__detail ul > li{margin: 5px 0 5px 20px; font-size: 1.25rem;}
div#campaign_202309 section .rf__notice .notice__detail .jspVerticalBar {width: 7px;}
div#campaign_202309 section .rf__notice .notice__detail .jspDrag{background: #fff;left: -5px;}

div#campaign_202309 section.rf__sec06{padding: 5rem 0;}
div#campaign_202309 section.rf__sec06::before{content: ''; height: 2px; margin: 0 auto 5rem;}
div#campaign_202309 section.rf__sec06 ul > li a:link{font-size: 1.4rem; padding: 10px;}
div#campaign_202309 section.rf__sec06 ul > li a:link, section.rf__sec06 ul > li a:visited{background: #132a88; border: 2px solid #132a88; color: #fff;}

div#campaign_202309 .game_banner {padding: 3rem 0;}
div#campaign_202309 .game_banner ul {width: 90%; flex-wrap: wrap;}
div#campaign_202309 .game_banner ul > li {width: 100%; margin: 3% 0;}
div#campaign_202309 section .outline p { font-size: 14px}
div#campaign_202309.cptop .event_info {
border-radius: 10px; outline: 3px solid #0A1888;
outline-offset: -3px;overflow: hidden;    width: 100%; margin: 1em auto;}
div#campaign_202309.cptop .event_info h3 { font-size: 20px; padding: 10px;}
div#campaign_202309.cptop .event_info div {font-size: 16px; padding: 10px;}
div#campaign_202309.cptop section h3 { font-size:3rem;}
div#campaign_202309.cptop section h4{ font-size: 2rem;}
div#campaign_202309.cptop section .content_box.snscp p{ font-size: 14px; padding: 2rem 0}
div#campaign_202309.cptop section .areabtn { width: 280px; margin: 1rem auto 2rem auto}

div#campaign_202309 .heading::before,
div#campaign_202309 .heading::after {width: 3px;    height: 20px;}
div#campaign_202309 .heading::before { margin-right: 20px;}
div#campaign_202309 .heading::after { margin-left: 20px;}

div#campaign_202309 .row2 { display: flex; margin: 1em auto}
div#campaign_202309 .row2 .cellimg {  flex-basis: 40%;}
div#campaign_202309 .row2 .celltext { flex-basis: 60%; padding: 0 10px}
div#campaign_202309 .row2 .celltext p { font-size: 14px;}

div#campaign_202309 .flexb {display: block;}
div#campaign_202309 .reward .flexb div {background-color: #ffffff; margin:2rem 1rem; border-radius: 10px;}
div#campaign_202309 .reward .flexb div h5 span { font-size:0.8rem;}

div#campaign_202309 .content_box.ranking .box-tbl,
div#campaign_202309 .content_box.point .box-tbl{ width: 280px; margin: 0 auto}
div#campaign_202309 .content_box.ranking .box-tbl .cell,
div#campaign_202309 .content_box.point .box-tbl .cell{padding-bottom: 10px;}

div#campaign_202309 .reward-wrap { margin-top: 1em;}
div#campaign_202309 .reward-item {
width:46%; padding: 10px; margin: 6px; border: 2px solid #0A1888;
border-radius: 10px;
height: 240px;
}
div#campaign_202309 .reward-item2,
div#campaign_202309 .reward-item4,
div#campaign_202309 .reward-item5{
margin: 6px;
border: 2px solid #0A1888;
background-color: #ffffff;
border-radius: 10px;
}

div#campaign_202309 h5.rewardclass{
width: 50px; height: 50px; line-height: 45px;
left:-10px; top:-10px;
font-size: 2rem;
}

div#campaign_202309 .itemname{ font-size: 14px; padding:5px 0 0 0}
div#campaign_202309 .itemname span { font-weight: bold; color: #0a1888; display:block; text-align: right;}
div#campaign_202309 .reward-item2 .rewardimg { width:45%;}
div#campaign_202309 .reward-item4 .rewardimg { width:50%;}
div#campaign_202309 .reward-item5 .rewardimg { width:33%;}

div#campaign_202309 .reward-item2 rdimg { width:45%;}
div#campaign_202309 .reward-item4 .rewardimg { width:50%;}
div#campaign_202309 .reward-item5 .rewardimg { width:33%;}

div#campaign_202309 .reward-item2 .itemname,
div#campaign_202309 .reward-item4 .itemname,
div#campaign_202309 .reward-item5 .itemname {  font-size: 16px;}

div#campaign_202309.cptop .reward-wrap p { font-size:12px;}
div#campaign_202309.cptop .box-tbl .cell { padding:5px 0;}
div#campaign_202309.cptop a.btn-action { font-size: 1.5rem;}


/*menu*/
div#campaign_202309 .cpmenu {width: 100%;position:fixed; bottom:0; z-index: 1}
div#campaign_202309 .cpmenu .content { width: 100%;}
div#campaign_202309 .cpmenu li { margin: 10px 0;}
div#campaign_202309 .cpmenu li a:link,
div#campaign_202309 .cpmenu li a:visited{ font-size: 1.2rem}
div#campaign_202309 .cpmenu h4 { display: block; font-size: 1.2rem; margin: 0; padding: 10px 10px 6px 10px; color: rgba(255,255,255,0.6); background-color: rgba(0,0,0,0.2)}
div#campaign_202309 .cpmenu ul li:first-child a:link{ border-left:0;}
div#cp202309_ranking section.login .content_box { margin-left: 10px; margin-right: 10px}


/* campaign_202309 Ranking =====*/
div#cp202309_ranking section.rf_cp__sec03 {margin: 0;}
div#cp202309_ranking section.rf_cp__sec03 .content_box {width: 100%;}
div#cp202309_ranking section.rf_cp__sec05 {margin: 0 0 -5rem; padding-top:0}
div#cp202309_ranking .rf__ranking{background: #f2f2f2; border-top: 2px solid #d9d9d9; border-bottom: 2px solid #d9d9d9; border-left: none; border-right: none;}
div#cp202309_ranking .rf__ranking .my__ranking h3{color: #fff; width: 35%; font-size: 1.15rem; margin: 0; padding: 8px;}
div#cp202309_ranking .rf__rank_title{padding: 1.25rem 0;}
div#cp202309_ranking .rf__rank_title .date{line-height: 1.0em; padding: 0 0.5em}

/*myRanking*/
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(1){width: 10%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(2){width: 40%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(3){width: 50%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata::after {content: ''; width: 100%; height: 7px; margin: 0;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__ranking div{
width: 100%; font-size: 1.6rem; letter-spacing: 0;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__name .ev__c_name{font-size: 1.4rem;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__name .ev__c_shop{font-size: 1.0rem;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul {padding: 0;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li:nth-child(1){margin-right: 5%;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li span.ev__cap_name{
font-size: 1.2rem;}
div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li span.ev__cap_size{
font-size: 1.6rem;}
div#cp202309_ranking .rf__ranking  ul > li span.ev__cap_cnt {font-size: 1.2rem; margin-top: 5px;}

/*Ranking*/
div#cp202309_ranking .rf__ranking .rf__rank_Area .rank_detail::after{content: ''; width: 100%; margin: 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul{padding: 15px 10px;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(1){width: 10%;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 40%;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 50%;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__ranking div{
font-size: 1.6rem; letter-spacing: 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__name .ev__c_name{font-size: 1.4rem;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__name .ev__c_shop{font-size: 1.0rem;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data .noplay p{font-size: 1.15rem; margin: 5rem 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul{padding: 0;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li span.ev__cap_name{
font-size: 1rem; margin-bottom: 5px;}
div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li span.ev__cap_size{
font-size: 1.6rem;}

/* campaign_202309 Point =====*/
div#cp202309_point section.rf_cp__sec04:last-child  {padding: 0 0 5rem}
div#cp202309_point section.rf_cp__sec04:last-child:first-child  {padding: 0}
div#cp202309_point section.rf_cp__sec04 {margin: 0;}

div#cp202309_point section.rf_cp__sec04 .content_box {width: 100%;}
div#cp202309_point section.rf_cp__sec05 {margin: 0; padding-bottom: 0}
div#cp202309_point .rf__drawArea{padding: 30px 15px; border: none; border-top: 2px solid #d9d9d9;}
div#cp202309_point .rf__drawArea h5{font-size: 1.85rem; line-height: 1.5em;}
div#cp202309_point .rf__drawArea h5 span{font-size: 1.8rem;}
div#cp202309_point .rf__drawArea .draw_comment{margin: 15px auto 0;}
div#cp202309_point .rf__drawArea .draw_comment h4{padding: 10px; margin: 10px 0 0 0; line-height: 2.25rem;}
div#cp202309_point .rf__drawArea .draw_wrap{padding: 25px;}
div#cp202309_point .rf__drawArea .draw_wrap .dw__bg img.bgcircle {
top: -100%; left: -100%; right: -100%; bottom: -100%; margin: auto; width: 800px; height: 800px;}
div#cp202309_point .rf__drawArea .draw_item{margin: 20px auto -20px;}
div#cp202309_point .rf__drawArea .draw_item p{font-size: 1.6rem;}


/*** Drawbtn ***/
div#cp202309_point .rf__drawArea .btn-engine-start {width: 240px; height: 240px;}
div#cp202309_point .rf__drawArea .btn-engine-start:before {top: 15px; left: 15px; width: 210px; height: 210px;}
div#cp202309_point .rf__drawArea .btn-engine-start:hover a.btn-engine-start-in:before {content: ""; top: 22px;}
div#cp202309_point .rf__drawArea .btn-engine-start:hover a.btn-engine-start-in {
padding: 155px 0 0;
box-shadow: inset 0 1px 1px black, 0 1px 2px rgba(0, 0, 0, 0.5);
text-shadow: 0 0 6px rgba(255,255,255, 0.3), 0 0 6px rgba(255, 255, 255, 0.3);}
div#cp202309_point .rf__drawArea a.btn-engine-start-in {
font-size: 2.2rem; letter-spacing: 1px; top: 19px; left: 18px; width: 204px; height: 204px; padding: 155px 0 0; color: #174aa8; border-radius: 50%; background: #959595;
background-image: linear-gradient(90deg, rgba(255, 242, 58, 1), rgba(224, 162, 8, 1) 80%);
box-shadow: inset 0 2px 2px white, 0 2px 4px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1);}
div#cp202309_point .rf__drawArea a.btn-engine-start-in:before {
content: ""; top: 20px; left: calc(50% - 75px); width: 150px; height: 120px; background-size: cover;}
div#cp202309_point .rf__drawArea div.btn-engine-start-in.default {
font-size: 2.2rem; width: 204px; height: 204px; padding: 155px 0 0; top: 18px; left: 19px;}
div#cp202309_point .rf__drawArea div.btn-engine-start-in.default:before {
content: ""; top: 20px; left: calc(50% - 75px); width: 150px; height: 120px; background-size: cover;}

/*** DrawArea btn effect ***/
div#cp202309_point .rf__drawArea .btnArea ul li {width: 98%;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat {font-size: 1.6rem;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat::before {left: 195px;}
div#cp202309_point .rf__drawArea .btnArea ul > li .btn-flat:hover:before{
transform: translateX(-58%) translateY(-25%) rotate(135deg);
-webkit-transform: translateX(-58%) translateY(-25%) rotate(135deg);}

div#cp202309_point .rf__mydata h3{color: #fff; width: 35%; font-size: 1.15rem; margin: 0; padding: 8px;}
div#cp202309_point .rf__mydata ul >li:first-child{padding: 40px 15px 15px;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__image {max-width: 80px;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__name{font-size: 1.6rem;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li{padding: 15px;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dt{font-size: 1.6rem;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dd{font-size: 2.0rem;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dd span{font-size: 1.4rem;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li{width: 98%;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea h5{font-size: 1.85rem; padding: 1.2rem 0;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea p{font-size: 1.25rem; line-height: 2.0rem; text-align: left;}

/*** btn effect ***/
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat {font-size: 1.6rem; padding: 1.5rem 0;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat::before {left: 210px;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea .btn-flat:hover:before{
transform: translateX(-58%) translateY(-25%) rotate(135deg);
-webkit-transform: translateX(-58%) translateY(-25%) rotate(135deg);}

/*** btn effect app***/
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app > a.btn-flat::before {left: 210px; width: 250%; height: 800%;}
div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li.btnArea ul > li.app > a.btn-flat:hover:before{
transform: translateX(-58%) translateY(-25%) rotate(135deg);
-webkit-transform: translateX(-58%) translateY(-25%) rotate(135deg);}

/*** Modal ***/
#rank__modal .js-modal__main,
#history__modal .js-modal__main{padding: 5%;}
#rank__modal .rank__modal__contentsBox,
#history__modal .history__modal__contentsBox{border: 4px solid #132a88; padding: 1.5rem;}
#rank__modal .rank__modal__contentsBox .md_ttl,
#history__modal .history__modal__contentsBox .md_ttl{margin-bottom: 1.75rem;}
#rank__modal .rank__modal__contentsBox .md_ttl h4,
#history__modal .history__modal__contentsBox .md_ttl h4{font-size: 2.2rem;}
#rank__modal .rank__modal__contentsBox .count__table th{font-size: 1.2rem; border: 3px solid #333;}
#rank__modal .rank__modal__contentsBox .count__table td{font-size: 1.4rem; padding: 10px; border: 3px solid #333;}
#history__modal .history__modal__contentsBox .history__detail{height: 280px;}
#history__modal .history__modal__contentsBox .history__detail dt{width: 100%; font-size: 1.4rem; font-weight: 700;}
#history__modal .history__modal__contentsBox .history__detail dd{width: 100%;}
#rank__modal .rank__modal__contentsBox .link__box a,
#history__modal .history__modal__contentsBox .link__box a{width: 32px; height: 32px; border: 3px solid #132a88;}
#rank__modal .rank__modal__contentsBox .link__box a::before,
#rank__modal .rank__modal__contentsBox .link__box a::after,
#history__modal .history__modal__contentsBox .link__box a::before,
#history__modal .history__modal__contentsBox .link__box a::after {width: 3px; height: 20px;}
#history__modal .history__modal__contentsBox .history__detail dl { display: block; }
div#cp202309_point .rf__howto{padding: 30px 15px;}
div#cp202309_point .rf__howto .howto_ttl h4{font-size: 2.5rem;}
div#cp202309_point .rf__howto ul{font-size: 1.4rem;}
div#cp202309_point .rf__howto ul > li{margin: 5px 0 5px 20px;}
div#cp202309_point .rf__howto .pointList th{padding: 7px; font-size: 1.4rem; border: 3px solid #333;}
div#cp202309_point .rf__howto .pointList td{font-size: 1.6rem; padding: 7px; border: 3px solid #333;}

/*appli_form*/
div#cp202309_point .appli_form .wrap { margin: 0 0.5em; min-height: 70vh}
div#cp202309_point .appli_form .form_title h3{ font-size: 2rem; padding: 1rem;}
div#cp202309_point .appli_form .form_title h4{ font-size: 1.5rem; text-align: center}
div#cp202309_point .appli_form p { font-size: 1.6rem; padding: 0.8rem}
div#cp202309_point .appli_form p.infosub { font-size: 12px;}

}

@media (min-width: 768px) {/*sm~lg*/}
@media (max-width: 460px) {}


/* campaign_2025 ==============================================================================*/
div#campaign_2025 {}
div#campaign_2025.cptop section {padding: 5rem 0;}
div#campaign_2025.cptop section .content_box {width: 100%; max-width: 970px; background-color: rgba(0 60 142 / 0.85); padding: 5rem;}
div#campaign_2025 .overlay{width: 100%; height: calc(100vh - -600px); position: fixed; top: 0; left: 0; z-index: -1;
background-image: url(../img/rf/campaign/cp202209_hero_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; /* background-attachment: fixed; */}

/* h */
div#campaign_2025 section#rf_cp_2023__ranking h2 {color: #9f8d76; font-size: 6.2rem; font-weight: 600; text-align: center; margin: 0; padding: 0;}

/* p */
div#campaign_2025 p {font-size: 2.5rem; margin: 0; text-align: center;}

/* flex */
div#campaign_2025 section .flex{width: 100%; display: flex; justify-content: flex-start; align-items: center;}
div#campaign_2025 section .flex-reverse{flex-direction: row-reverse;}

/*menu*/
div#campaign_2025 .cpmenu {background-color: #0A1888; color: #FFFFFF;}
div#campaign_2025 .cpmenu .content {width: 750px; margin: 0 auto;}
div#campaign_2025 .cpmenu ul {width: 100%; max-width: 970px; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
div#campaign_2025 .cpmenu li {width: 33.33%;}
div#campaign_2025 .cpmenu li a:link,
div#campaign_2025 .cpmenu li a:visited{display: block; font-size: 2.4rem; font-weight: 600; color: #fff; text-align: center; padding: 1.0rem; margin: 1.5rem 0; border-right: 1px solid rgba(255, 255, 255, 0.5); transition: all .3s; transition-delay: 0.1s;}
div#campaign_2025 .cpmenu li a:hover{opacity: 0.75;}
div#campaign_2025 .cpmenu ul li:first-child a:link {border-left: 1px solid rgba(255,255,255,0.5)}

/* Campaign TOP =====*/
div#campaign_2025.cptop .rf_cp__sec01 {z-index: 0; padding: 0; background-color: rgb(255 255 255 / 0.65);}
div#campaign_2025.cptop .rf_cp__sec01 .hero{padding: 4rem;}
div#campaign_2025 section.rf_cp__sec06{padding: 0;}
div#campaign_2025.cptop .box-tbl {table-layout: fixed;}
div#campaign_2025.cptop .box-tbl .cell {padding: 1em}
div#campaign_2025.cptop a.btn-action {font-size: 2.8rem; position: relative;}
div#campaign_2025.cptop a.btn-action {border: 3px outset rgba(0, 0, 0, 0.25);}
div#campaign_2025.cptop a.btn-action:before {font-size: 1em; width: 1em; height: 1em; display: block; position: absolute; right: 15px; top: -3px; bottom: 8px; margin: auto; color: #ffffff; font-family: 'Glyphicons Halflings'; content: "\e258";}

div#campaign_2025.cptop section h3{ font-size: 3em;}
div#campaign_2025.cptop section h4{ font-size: 2em;}
div#campaign_2025.cptop section .areabtn { width: 372px; margin: 1rem auto 2rem auto}

div#campaign_2025 section .outline .images{width: 40%;}
div#campaign_2025 section .outline .images img{border-radius: 10px}
div#campaign_2025 section .outline .txt{width: 60%; padding: 2.5rem;}
div#campaign_2025 section .outline .txt p{font-size: 3.2rem; font-weight: bold; color: #fff; line-height: 1.5em;}

div#campaign_2025 .heading {display: flex; justify-content: center; align-items: center; color: #fff;}
div#campaign_2025 .heading::before,
div#campaign_2025 .heading::after { width: 3px; height: 40px; background-color: #ffe100; content: '';}
div#campaign_2025 .heading::before {transform: rotate(-35deg); margin-right: 30px;}
div#campaign_2025 .heading::after {transform: rotate(35deg); margin-left: 30px;}
div#campaign_2025.cptop .event_info {border-radius: 10px; width: 100%; /* max-width: 800px; */ margin: 4rem auto 0; overflow: hidden;}
div#campaign_2025.cptop .event_info h3 {background: #0A1888; font-size: 3.4rem; line-height: 1; padding: 1.5rem 1rem 1rem;}
div#campaign_2025.cptop .event_info div {font-size: 2.8rem; font-weight: 600; text-align: center; color: #0A1888; background-color: #fff; padding: 2rem;}

div#campaign_2025 .row2 {display: flex; margin: 3rem auto; align-items: center;}
div#campaign_2025 .row2 .cellimg {flex-basis: 40%;}
div#campaign_2025 .row2 .cellimg img {border-radius: 10px}
div#campaign_2025 .row2 .celltext {flex-basis: 60%; padding: 2.5rem;}
div#campaign_2025 .row2 .celltext p {font-size: 2.95rem; font-weight: bold; color: #fff; line-height: 1.5em;}
div#campaign_2025 .row2 .celltext p em{font-size: inherit; font-weight: inherit; text-decoration: underline #ffe100;}
div#campaign_2025 .imgbox  { margin: 2rem auto}

div#campaign_2025.cptop .content_box .topranking{width: 100%; max-width: 760px; margin: 0 auto;}
div#campaign_2025.cptop .content_box .topranking h4{background: #0a1888; font-weight: 700; padding: 1.5rem 1.5rem 1.2rem; margin: 4rem 0 2rem; color: #fff; text-align: center; }
div#campaign_2025.cptop .content_box .topranking .rankingmenu{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 10px; margin: 10px auto;}
div#campaign_2025.cptop .content_box .topranking .rankingmenu .cell{flex-grow: 1; max-width: 183px;}
div#campaign_2025.cptop .content_box .topranking .rankingmenu a {display: block; background-color: #ffffff; border: 3px outset rgba(0, 0, 0, 0.25); padding: 3px; text-align: center; font-size: 0.8em;}
div#campaign_2025.cptop .content_box .topranking .rankingmenu a span{display: block; position: relative; padding-top: 0; padding-bottom: 0.5em;}
div#campaign_2025.cptop .content_box .topranking .rankingmenu a span:before {font-size: 1em; width: 1em; height: 1em; display: block; position: absolute; right: 0; top: 0; bottom: 8px; margin: auto; color: #8e8e8e; font-family: 'Glyphicons Halflings'; content: "\e258";}

div#campaign_2025.cptop .content_box.reward h4 { text-align:center; margin:0; padding: 2rem 0 3rem 0}
div#campaign_2025 .reward .flexb div h5 span {font-size:0.8rem;}
div#campaign_2025 .reward .flexb div ul { padding: 1.5rem 0.5rem}
div#campaign_2025 .reward .flexb div ul li { list-style-type: disc; margin-left: 3rem}
div#campaign_2025 .itemname{ font-size: 1.8rem; font-weight: bold; padding:10px; text-align: left}
div#campaign_2025 .itemname span{ display: block; text-align: right; color: #093091}
div#campaign_2025 .rewardimg span { display: block; text-align: center; color: #666666}
div#campaign_2025 .reward-item .rewardimg { padding: 5px;}
div#campaign_2025 .reward-item2{ text-align: center;}
div#campaign_2025 .reward-item2 .rewardimg { width:300px; display: inline-block;}
div#campaign_2025 .reward-item4 .rewardimg { width:188px; float: left;}
div#campaign_2025 .reward-item5 .rewardimg { width:150px; float: left;}
div#campaign_2025 .reward-item2 .itemname,
div#campaign_2025 .reward-item4 .itemname,
div#campaign_2025 .reward-item5 .itemname {text-align: center}

div#campaign_2025 section.rf_cp__sec04 h3,
div#campaign_2025 section.rf_cp__sec05 h3,
div#campaign_2025 section.rf_cp__sec06 h3{color: #fff; font-size: 5rem; margin: 0 0 4rem;}
div#campaign_2025 section.rf_cp__sec04 h4,
div#campaign_2025 section.rf_cp__sec05 h4,
div#campaign_2025 section.rf_cp__sec06 h4{font-size: 2.4rem; font-weight: 600; color: #fff; margin: 3rem 3rem 1.5rem; padding: 0;}

div#campaign_2025.cptop .rf_cp__sec04{background-color: rgb(255 255 255 / 0.45);}
div#campaign_2025 section.rf_cp__sec04 .reward p{color: #fff; font-size: 2.0rem; font-weight: 600; margin: -1.5rem 0 3rem 0;}
div#campaign_2025 section.rf_cp__sec04 .reward .reward-wrap{width: 100%; max-width: 760px; margin: 0 auto; border-radius: 10px; overflow: hidden;}

div#campaign_2025 .reward-item {width: 100%; max-width: 760px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 3rem; background-color: #ffffff; border-radius: 0 0 10px 10px;}
div#campaign_2025 .reward-item dl{width: 31.333%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; margin: 0 1% 3%;}
div#campaign_2025 .reward-item dt{width: 100%;}
div#campaign_2025 .reward-item dt div{background: #999; border-radius: 3px; color: #fff; text-align: center; font-size: 2rem; font-weight: 700; line-height: 1; padding: 9px 5px 8px; margin-bottom: 10px;}
div#campaign_2025 .reward-item dl:nth-of-type(1) dt div{background: #e5b019;}
div#campaign_2025 .reward-item dl:nth-of-type(2) dt div{background: #8995ab;}
div#campaign_2025 .reward-item dl:nth-of-type(3) dt div{background: #b96135;}
div#campaign_2025 .reward-item dt em{font-size: 1.85rem; font-weight: 600; margin: 0 2px;}
div#campaign_2025 .reward-item dt em.num{display: block; font-size: 0.85rem; line-height: 1.4em; letter-spacing: 1px; margin: 3px 0 -3px;}
div#campaign_2025 .reward-item dd{font-size: 2.0rem; letter-spacing: 1px; line-height: 1.5em;}

div#campaign_2025.cptop .rf_cp__sec05{background-color: rgb(255 255 255 / 0.45);}
div#campaign_2025 section.rf_cp__sec05 .digicon p{color: #fff; font-size: 2.0rem; font-weight: 600; margin: -1.5rem 0 3rem 0;}
div#campaign_2025 section.rf_cp__sec05 .digicon .digicon-wrap{width: 100%; max-width: 760px; margin: 0 auto; border-radius: 10px; overflow: hidden;}

div#campaign_2025 .digicon-item {width: 100%; max-width: 760px; padding: 4rem; background-color: #ffffff; border-radius: 0 0 10px 10px;}
div#campaign_2025 .digicon-item dl{width: 100%; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 2.5rem;}
div#campaign_2025 .digicon-item dl:last-of-type{margin-bottom: 0;}
div#campaign_2025 .digicon-item dt{width: 30%; margin-right: 2.5%;}
div#campaign_2025 .digicon-item dt div{background: #3577b9; border-radius: 50px; color: #fff; text-align: center; font-size: 2.4rem; font-weight: 700; letter-spacing: 2px; line-height: 1; padding: 11px 5px 8px;}
div#campaign_2025 .digicon-item dd{font-size: 2.8rem; letter-spacing: 1px; line-height: 0.675;}
div#campaign_2025 .digicon-item dd em{font-size: 1.05rem; letter-spacing: 2px;}

div#campaign_2025 section.rf__sec06{padding: 10rem 0;}
div#campaign_2025 section.rf__sec06::before{display: none;}

div#campaign_2025 .game_banner {background: rgb(0 0 90 / 0.75); padding: 5rem 0;}
div#campaign_2025 .game_banner ul { width: 970px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start;}
div#campaign_2025 .game_banner ul > li { width: 48%; margin: 0 1%;}
div#campaign_2025 .game_banner ul > li a { transition: all 0.5s ease;}
div#campaign_2025 .game_banner ul > li a:hover {opacity: .75;}

div#campaign_2025 .sponsorship{background: #464646; color: #fff; padding: 5rem 0;}
div#campaign_2025 .sponsorship h3{color: #fff; font-size: 5rem; margin: 0 0 2rem; font-weight: 700; text-align: center;}
div#campaign_2025 .sponsorship p{width: 100%; max-width: 970px; font-size: 1.2rem; text-align: right; margin: 1.2rem auto 0;}
div#campaign_2025 .sponsorship ul{width: 100%; max-width: 970px; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto;}
div#campaign_2025 .sponsorship ul > li{margin: 0.5rem 1.5rem; font-size: 1.8rem;}

div#campaign_2025 section .rf__notice{background: #267cc4; padding: 5rem 0 6rem;}
div#campaign_2025 section .rf__notice .content_box{padding: 0;}
div#campaign_2025 section .rf__notice .notice__detail {height: 420px; overflow: auto; padding: 2.5rem 3rem;}
div#campaign_2025 section .rf__notice .notice__detail ul{margin: 0 3rem 3rem; padding: 0;}
div#campaign_2025 section .rf__notice .notice__detail ul > li{font-size: 1.4rem; line-height: 1.6em; color: #fff; list-style: disc; margin: 7px 0 7px 25px; padding: 0;}
div#campaign_2025 section .rf__notice .notice__detail .jspVerticalBar {width: 10px;}
div#campaign_2025 section .rf__notice .notice__detail .jspHorizontalBar {height: 10px; background: rgba(0,0,0,0);}
div#campaign_2025 section .rf__notice .notice__detail .jspCorner{background: rgba(0,0,0,0);}
div#campaign_2025 section .rf__notice .notice__detail .jspTrack{background: none;}
div#campaign_2025 section .rf__notice .notice__detail .jspDrag{background: #fff;}


/* campaign_2025 Grove Only ==================*/
div#campaign_2025.cpgrove{}
div#campaign_2025.cpgrove section.rf_cp__sec04 h3,
div#campaign_2025.cpgrove section.rf_cp__sec05 h3,
div#campaign_2025.cpgrove section.rf_cp__sec06 h3 {color: #f0ff00;}
div#campaign_2025.cpgrove a.linkbox {border: 4px solid #fff; font-size: 1.85rem; font-weight: 600; line-height: 1; letter-spacing: 4px; width: 100%; max-width: 340px; display: block; background: rgb(0 0 0 / 0.35); color: #fff; margin: 1.5rem auto 0; padding: 2.2rem 2.2rem 2.3rem; text-align: center; position: relative;}
div#campaign_2025.cpgrove a.linkbox::before,
div#campaign_2025.cpgrove a.linkbox::after {content: ""; width: 15px; height: 4px; position: absolute; top: calc(50% - 2px); right: 20px; border-radius: 9999px; background-color: #fff; transform-origin: calc(100% - 1.75px) 50%;}
div#campaign_2025.cpgrove a.linkbox::before {transform: rotate(45deg);}
div#campaign_2025.cpgrove a.linkbox::after {transform: rotate(-45deg);}
div#campaign_2025.cpgrove .overlay {/* filter: hue-rotate(187deg) contrast(95%); */}
div#campaign_2025.cpgrove .cpmenu {background-color: #0A1888;}
div#campaign_2025.cpgrove section .content_box {background-color: rgba(0 60 142 / 0.85);}
div#campaign_2025.cpgrove .event_info h3 {background: #e5f039; color: #0A1888;}
div#campaign_2025.cpgrove .event_info div {color: #0A1888;}
div#campaign_2025.cpgrove .reward-item dd {font-size: 1.20rem;}
div#campaign_2025.cpgrove .reward-item dd ul > li {list-style: disc; margin: 0 0 0 17px;}
div#campaign_2025.cpgrove .reward-item div.tips{width: 100%; background: rgb(235 245 255 / 1); border: 1px solid #afafaf; padding: 1.5rem;}
div#campaign_2025.cpgrove .reward-item div.tips p{color: inherit; text-align: left; font-size: 1.2rem; font-weight: inherit; line-height: 2em; margin: 0;}
div#campaign_2025.cpgrove .reward-item div.tips p span{width: 100%; max-width: 60px; display: inline-block; background: #0A1888; border-radius: 3px; color: #fff; font-size: 1rem; text-align: center; line-height: 1; margin-right: 5px; padding: 5px 5px 4px;}
div#campaign_2025.cpgrove .game_banner {background: rgb(255 255 255 / 0.75);}
div#campaign_2025.cpgrove section .rf__notice {background: #363636;}
div#campaign_2025.cpgrove section .rf__notice .content_box {background-color: rgba(0 0 0 / 0.35);}
div#campaign_2025.cpgrove section .rf__notice .notice__detail .jspDrag {background: #e5f039;}

div#campaign_2025.cpgrove .subtitle {background-color: #0A1888;}
div#campaign_2025.cpgrove .my__ranking {border: 4px solid #0A1888;}
div#campaign_2025.cpgrove .rf__ranking .my__ranking h3 {background: #0A1888;}

@media (max-width: 767px) {/*smart phone*/
div#campaign_2025.cpgrove a.linkbox {border: 3px solid #fff; font-size: 1.5rem; letter-spacing: 3px; padding: 1.8rem 1.0rem 1.7rem;}
div#campaign_2025.cpgrove a.linkbox::before,
div#campaign_2025.cpgrove a.linkbox::after {content: ""; width: 11px; height: 3px; right: 12px; transform-origin: calc(100% - 1.25px) 50%;}
div#campaign_2025.cpgrove .reward-item dd {font-size: 1.25rem;}
div#campaign_2025.cpgrove .reward-item div.tips{width: 100%; background: rgb(235 245 255 / 1); border: 1px solid #afafaf; padding: 1.5rem;}
div#campaign_2025.cpgrove .reward-item div.tips p{color: inherit; text-align: left; font-size: 1.2rem; font-weight: inherit; line-height: 2em; margin: 0;}
div#campaign_2025.cpgrove .reward-item div.tips p span{width: 100%; max-width: 60px; display: inline-block; background: #0A1888; border-radius: 3px; color: #fff; font-size: 1rem; text-align: center; line-height: 1; margin-right: 5px; padding: 5px 5px 4px;}

div#campaign_2025 .sponsorship{padding: 3rem 0;}
div#campaign_2025 .sponsorship h3{font-size: 2.25em; margin: 0 0 1.25rem;}
div#campaign_2025 .sponsorship p{font-size: 1.0rem; text-align: center; margin: 1rem auto 0;}
div#campaign_2025 .sponsorship ul{justify-content: flex-start; flex-direction: column; text-align: center;}
div#campaign_2025 .sponsorship ul > li{margin: 0.5rem 1.0rem; font-size: 1.25rem;}
}


/*Ranking ==============================================================================*/
div#campaign_2025 .cp202309_head {background-image: url(../img/rf/campaign/cp202408/head_bg.jpg); background-position: bottom;}
div#campaign_2025 .subtitle {max-width: 970px; margin: 5rem auto 0; padding: 2rem;}
div#campaign_2025 .rf_cp__ranking{padding: 0 !important;}
div#campaign_2025 .rf_cp__ranking .content_box{background: none !important; padding: 0 !important;}
div#campaign_2025 .rf_cp__ranking .my__ranking {margin-bottom: 3rem; background: #f2f2f2;}
div#campaign_2025 .rf_cp__ranking .rf__ranking {background: none; border: none;}
div#campaign_2025 .rf_cp__ranking .rf__ranking .my__ranking h3 {width: 100%; max-width: 140px; position: absolute; top: 0; left: 0;}
div#campaign_2025 .rf_cp__ranking .loginbox a{margin: 1rem 0; width: 100%; max-width: 320px; border-radius: 10px; border: 2px solid #0c6ba7;}
div#campaign_2025 .rf_cp__ranking .loginbox p{font-size: 1.25rem;}
div#campaign_2025 .rf__ranking .rf__rank_Area{background: rgb(242 242 242 / 1);}
div#cp202309_ranking section.rf_cp__sec03 .content_box {width: 100%; max-width: none;}
div#cp202309_ranking section .rf__notice .notice__detail {height: 280px;}


/*ShopList ==============================================================================*/
div#campaign_2025.cptop section#cp202305_shop .content_box{background: none; padding: 0;}
div#campaign_2025.cptop section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_address a {color: #d61518;}
div#campaign_2025.cptop section#cp202305_shop .rf__shop .rf__shop_Area ul > li.shop_detail .entry_Data ul > li .entry_Data__shop .rf__s_address a:hover {text-decoration: underline;}


@media (max-width: 767px) {/*smart phone*/
	div#campaign_2025.cptop section {padding: 0;}
	div#campaign_2025.cptop section .content_box {padding: 2.5rem; margin: 2.5rem auto; width: 90%;}

	/* flex */
	div#campaign_2025 section .flex{flex-direction: column;}

	/*menu*/
	div#campaign_2025 .cpmenu {width: 100%; position: fixed; bottom: 0; z-index: 1;}
	div#campaign_2025 .cpmenu li a:link,
	div#campaign_2025 .cpmenu li a:visited{font-size: 1.25rem; margin: 1.25rem 0;}

	/* Campaign TOP =====*/
	div#campaign_2025.cptop .rf_cp__sec01 .hero{padding: 0;}
	div#campaign_2025.cptop a.btn-action {font-size: 1.6rem;}
	div#campaign_2025.cptop section h3{ font-size: 2.25em;}
	div#campaign_2025.cptop section h4{ font-size: 1.8em;}

	div#campaign_2025 section .outline .images{width: 100%;}
	div#campaign_2025 section .outline .txt{width: 100%; padding: 1.25rem;}
	div#campaign_2025 section .outline .txt p{font-size: 1.6rem; line-height: 1.5em;}

	div#campaign_2025.cptop .event_info {max-width: 480px; margin: 0 auto;}
	div#campaign_2025.cptop .event_info h3 {font-size: 2.0rem; padding: 1.25rem 1rem 1rem;}
	div#campaign_2025.cptop .event_info div {font-size: 1.8rem; padding: 1rem;}

	div#campaign_2025 .row2 {margin: 1.5rem auto; flex-direction: column;}
	div#campaign_2025 .row2 .cellimg {flex-basis: 100%;}
	div#campaign_2025 .row2 .celltext {flex-basis: 100%; padding: 1.5rem 0;}
	div#campaign_2025 .row2 .celltext p {font-size: 1.6rem; line-height: 1.5em;}

	div#campaign_2025.cptop .content_box .topranking{max-width: 580px;}
	div#campaign_2025.cptop .content_box .topranking h4{font-size: 1.6rem; margin: 1.5rem 0;}
	div#campaign_2025.cptop .content_box .topranking .rankingmenu .cell{width: 48.0%; flex-grow: 0; max-width: 285px;}

	div#campaign_2025.cptop .content_box.reward h4 {font-size: 2.25rem; margin: 0 0 2.5rem;}

	div#campaign_2025 section.rf_cp__sec04 h3,
	div#campaign_2025 section.rf_cp__sec05 h3,
	div#campaign_2025 section.rf_cp__sec06 h3{font-size: 2.25em; margin: 0 0 2.5rem;}
	div#campaign_2025 section.rf_cp__sec04 h4,
	div#campaign_2025 section.rf_cp__sec05 h4,
	div#campaign_2025 section.rf_cp__sec06 h4{font-size: 1.8rem; margin: 1.5rem 0;}

	div#campaign_2025 section.rf_cp__sec04 .reward p{margin: -1.0rem 0 1.5rem 0; font-size: 1.5rem; line-height: 1.5em;}
	div#campaign_2025 section.rf_cp__sec04 .reward .reward-wrap{max-width: 580px;}
	div#campaign_2025 .reward-item {padding: 2rem 1.5rem;}
	div#campaign_2025 .reward-item dl{width: 100%; margin-bottom: 1rem; flex-direction: column;}
	div#campaign_2025 .reward-item dt{width: 100%;}
	div#campaign_2025 .reward-item dt div{font-size: 2rem;}
	div#campaign_2025 .reward-item dt em{font-size: 1.25rem;}
	div#campaign_2025 .reward-item dd{font-size: 1.25rem; line-height: 1.7em;}

	div#campaign_2025 section.rf_cp__sec05 .digicon p{margin: -1.0rem 0 1.5rem 0; font-size: 1.5rem; line-height: 1.5em;}
	div#campaign_2025 section.rf_cp__sec05 .digicon .digicon-wrap{max-width: 580px;}

	div#campaign_2025 .digicon-item {padding: 2rem 1.5rem;}
	div#campaign_2025 .digicon-item dl{margin-bottom: 1.75rem; flex-direction: column;}
	div#campaign_2025 .digicon-item dt{width: 100%;}
	div#campaign_2025 .digicon-item dt div{font-size: 2rem;}
	div#campaign_2025 .digicon-item dd{font-size: 2.25rem; line-height: 0.85em; text-align: center;}
	div#campaign_2025 .digicon-item dd em{font-size: 0.9rem; letter-spacing: 1px;}

	div#campaign_2025 .game_banner {padding: 2.5rem;}
	div#campaign_2025 .game_banner ul {width: 100%; max-width: 320px; margin: 0 auto; flex-direction: column;}
	div#campaign_2025 .game_banner ul > li {width: 100%; margin: 0.75rem 0;}

	div#campaign_2025 section .rf__notice{padding: 3rem 0;}
	div#campaign_2025 section .rf__notice .notice__detail {height: 280px;}
	div#campaign_2025 section .rf__notice .notice__detail ul{margin: 0 0 2rem;}
	div#campaign_2025 section .rf__notice .notice__detail ul > li{font-size: 1.2rem; margin: 5px 10px 10px 20px;}

	/*Ranking ==============================================================================*/
	div#campaign_2025 .subtitle {margin: 0 auto; padding: 1.5rem;}
	div#campaign_2025 .subtitle h3{font-size: 12px;}
	div#campaign_2025 .rf_cp__ranking .loginbox a{max-width: 260px; padding: 0.75rem 0.75rem 0.5rem; font-size: 1.4rem;}
	div#cp202309_ranking section.rf_cp__sec03 .content_box {margin: 0 auto;}
	div#campaign_2025 section .rf__notice .notice__detail {height: 200px;}


}
@media (min-width: 768px) {/*sm~lg*/}
@media (max-width: 460px) {}









/*Ranking ==============================================================================*/
section#ranking{background: #f1f4f7; padding: 5rem 0;}
section#ranking h2{margin: 0 0 2.5rem; color: #0d417a; font-size: 6.8rem; font-weight: 700; letter-spacing: 2px; text-align: center;}
section#ranking h2 span{display: block; font-size: 3.5rem; letter-spacing: 0; margin: 1.5rem 0 0;}
section#ranking hr{margin: 3rem 0;}
section#ranking + .rf__sec06{padding: 10rem 0;}
section#ranking + .rf__sec06::before{content: ''; display: none;}
section#ranking .rf__ranking,
section#ranking .rf__rank_Notice{background: #f2f2f2; border: 2px solid #0d417a;}
section#ranking .my__ranking h3{background: #0d417a; color: #fff; width: 20%; font-size: 1.5rem; font-weight: 600; letter-spacing: 1px; line-height: 1; text-align: center; margin: -30px 0 20px 0; padding: 10px;}

/*Category*/
section#ranking .rf__rank_Category{margin-bottom: 2.5rem;}
section#ranking #ranking_tab{background: #f2f2f2; border: 1px solid #cecece;}
section#ranking #ranking_tab .ranking_tab_btn ul{display: flex; justify-content: flex-start; align-items: center;}
section#ranking #ranking_tab .ranking_tab_btn ul > li{width: 50%; font-size: 1.8rem; text-align: center;}
section#ranking #ranking_tab .ranking_tab_btn ul > li a{display: block; margin: 0; padding: 10px; transition: all 0.5s ease;}
section#ranking #ranking_tab .ranking_tab_btn ul > li a:link,
section#ranking #ranking_tab .ranking_tab_btn ul > li a:visited{background-color: #ccc; color: #333;}
section#ranking #ranking_tab .ranking_tab_btn ul > li a:hover{background-color: #b0a97a; color: #fff;}
section#ranking #ranking_tab .ranking_tab_btn ul > li a.selected{background-color: #f2f2f2; color: #333;}
section#ranking #ranking_tab .ranking_tab_btn ul > li a::before{content: ""; display: inline-block; width: 42px; height: 42px; vertical-align: middle; background-position: 50%; background-repeat: no-repeat; background-size: cover; margin-right: 15px;}
section#ranking #ranking_tab .ranking_tab_btn ul > li:nth-child(1) a::before{background-image: url(/img/rf/ranking/rf_rank_cat_icon1.png);}
section#ranking #ranking_tab .ranking_tab_btn ul > li:nth-child(2) a::before{background-image: url(/img/rf/ranking/rf_rank_cat_icon2.png);}

section#ranking #ranking_tab #shop_status{width: 93%; margin: 20px auto 0;}
section#ranking #ranking_tab #shop_status dl{display: flex; justify-content: space-between; align-items: center; background: #fff; color: #b0a97a; font-size: 1.8rem; border: 1px solid #b0a97a; padding: 10px; border-radius: 5px;}
section#ranking #ranking_tab #shop_status dt{color: #333;}
section#ranking #ranking_tab #shop_status dt span{color: #ddd;}
section#ranking #ranking_tab #shop_status dd{width: 15%; text-align: center; border-left: 1px solid;}
section#ranking #ranking_tab #shop_status dd span{width: 100%; display: block; cursor: pointer;}

section#ranking #ranking_tab .ranking_tab_content .loginArea{margin: 2.5rem 0;}
section#ranking #ranking_tab .ranking_tab_content .loginArea a{transition: .2s all linear;}
section#ranking #ranking_tab .ranking_tab_content .loginArea a:link,
section#ranking #ranking_tab .ranking_tab_content .loginArea a:visited{display: block; width: 580px; background: #0990e6; border: 2px solid #0990e6; font-size: 2.5rem; color: #fff; text-align: center; padding: 15px 10px; margin: 0 auto;}
section#ranking #ranking_tab .ranking_tab_content .loginArea a:hover{background: #fff; color: #0990e6;}
section#ranking #ranking_tab .ranking_tab_content .loginArea p{text-align: center; font-size: 1.25rem; margin: 15px 0 0; padding: 0;}
section#ranking #ranking_tab .ranking_tab_content ul{background: #f2f2f2; display: flex; justify-content: center; align-items: center;}
section#ranking #ranking_tab .ranking_tab_content ul > li{width: 45%; margin: 20px 1.5%;}
section#ranking #ranking_tab .ranking_tab_content ul > li a{transition: .2s all linear;}
section#ranking #ranking_tab .ranking_tab_content ul > li a:link,
section#ranking #ranking_tab .ranking_tab_content ul > li a:visited{display: block; background: #b0a97a; border: 1px solid #f9f8e4; font-size: 1.8rem; color: #fff; text-align: center; padding: 10px;}
section#ranking #ranking_tab .ranking_tab_content ul > li a:hover{background: #fff; color: #b0a97a; border: 1px solid #b0a97a;}
section#ranking #ranking_tab .ranking_tab_content ul > li a.selected{background: #fff; color: #b0a97a; border: 1px solid #b0a97a;}

/*myRanking*/
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata{}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul{width: 100%; display: flex; justify-content: space-between;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li:nth-child(1){width: 7%; margin-right: 2.5%;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li:nth-child(2){width: 53%; margin-right: 2.5%;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li:nth-child(3){width: 35%;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata::after {content: ''; display: block; width: 107%; height: 2px; background: #0d417a; margin: 20px -3.5%;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking{}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div{width: 63px; font-size: 3.2rem; font-weight: 600; line-height: 1; text-align: center; padding: 20px 0;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_1{background-image: url(/img/rf/ranking/rf_rank_rank_icon1st.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_2{background-image: url(/img/rf/ranking/rf_rank_rank_icon2nd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_3{background-image: url(/img/rf/ranking/rf_rank_rank_icon3rd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.rankin{color: #948c53;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking span{display: block; width: 80px; font-size: 1.0rem; text-align: center; padding: 5px 0 4px; border-radius: 3px;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__name{}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__name .rf__c_name{font-size: 2.2rem; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__name .rf__c_shop{font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log{}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul{display: flex; justify-content: space-between; align-items: center;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li:nth-child(1){width: 40%; margin-right: 10%;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li:nth-child(2){width: 50%;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li span{display: block; line-height: 1;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li span.rf__cap_name{font-size: 1.8rem; margin-bottom: 5px;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li span.rf__cap_size{font-size: 3.0rem;}

/*Ranking*/
/*
section#ranking .rf__ranking .rf__rank_title{background: #0d417a; font-size: 2.4rem; font-weight: 600; letter-spacing: 1px; line-height: 1; text-align: left; padding: 20px;}
section#ranking .rf__ranking .rf__rank_title ul{display: flex; justify-content: flex-start; align-items: center;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_image{width: 90px; height: 65px; border-radius: 5px; margin-right: 20px; overflow: hidden;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_name{color: #fff; font-size: 1.33rem; font-weight: normal; letter-spacing: 0;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_name span{font-size: 1.33rem; display: block; margin: 0 0 10px;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_name h3{font-size: 2.6rem; font-weight: 600; letter-spacing: 1px; text-align: left;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_name h3 span{display: inline-block; font-size: 2.6rem; margin: 0; text-overflow: unset; white-space: normal;}
*/

section#ranking .rf__ranking .rf__rank_Area{padding: 30px;}

section#ranking .rf__ranking .rf__rank_Area .rank_detail::after{content: ''; display: block; width: 105%; height: 1px; background: #d5d5d5; margin: 20px -2.5%;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail:last-of-type::after{display: none;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower{}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__name .rf__c_name{font-size: 1.8rem; margin: 3px 0;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__name .rf__c_shop{font-size: 1.6rem;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__log ul > li:nth-child(1){width: 30%; margin: 0 auto 0 6%;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__log ul > li:nth-child(2){width: 50%; margin: 0;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__log ul > li span.rf__cap_name{font-size: 1.2rem; margin-bottom: 8px;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__log ul > li span.rf__cap_size{font-size: 2.4rem;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul{display: flex; justify-content: space-between; align-items: center;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(1){width: 7%; margin-right: 2.5%;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 53%; margin-right: 2.5%;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 35%;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking{}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div{width: 63px; font-size: 3.2rem; font-weight: 600; line-height: 1; text-align: center; padding: 20px 0;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_1{background-image: url(/img/rf/ranking/rf_rank_rank_icon1st.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_2{background-image: url(/img/rf/ranking/rf_rank_rank_icon2nd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_3{background-image: url(/img/rf/ranking/rf_rank_rank_icon3rd.png); background-position: 50% 50%; background-repeat: no-repeat; color: #fff;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.rankin{color: #948c53;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name{}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name .rf__c_name{font-size: 2.2rem; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name .rf__c_shop{font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data .noplay p{margin: 5rem 0 2.5rem; padding: 0; text-align: center;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log{}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li:nth-child(1){width: 40%; margin-right: 10%;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li:nth-child(2){width: 50%; margin: 0;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li span{display: block; line-height: 1;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li span.rf__cap_name{font-size: 1.8rem; margin-bottom: 10px;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li span.rf__cap_size{font-size: 3.0rem;}

/*Notice*/
section#ranking .rf__rank_Notice{}
section#ranking .rf__rank_Notice h3{background: #0d417a; font-size: 2.4rem; font-weight: 600; letter-spacing: 1px; line-height: 1; text-align: left; padding: 20px;}
section#ranking .rf__rank_Notice .rf__notice{padding: 30px;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail{height: 200px; overflow: auto; padding: 10px 5px;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail ul > li{list-style: disc; margin: 5px 0 5px 30px; padding: 0; font-size: 1.5rem;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail .jspVerticalBar {width: 10px;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail .jspTrack{background: none;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail .jspDrag{background: #333333;left: -10px;}


@media (max-width: 767px) {/*smart phone*/
section#ranking {}
section#ranking h2{font-size: 3.8rem;}
section#ranking h2 span{font-size: 1.8rem; margin: 1rem 0 0;}
section#ranking hr{margin: 2rem 0;}
section#ranking + .rf__sec05{padding: 5rem 0;}
/*Category*/
section#ranking #ranking_tab .ranking_tab_btn ul > li{font-size: 1.4rem;}
section#ranking #ranking_tab .ranking_tab_btn ul > li a{display: block; margin: 0; padding: 10px; transition: all 0.5s ease;}
section#ranking #ranking_tab .ranking_tab_btn ul > li a::before{width: 32px; height: 32px; margin-right: 7px;}
section#ranking #ranking_tab #shop_status{width: 87%; margin: 20px auto 0;}
section#ranking #ranking_tab #shop_status dl{font-size: 1.4rem; padding: 10px 15px;}
section#ranking #ranking_tab #shop_status dd{width: 20%; margin: 0 -10px 0 0;}
section#ranking #ranking_tab .ranking_tab_content .loginArea{margin: 20px 0;}
section#ranking #ranking_tab .ranking_tab_content .loginArea a:link,
section#ranking #ranking_tab .ranking_tab_content .loginArea a:visited{width: 80%; font-size: 1.4rem; padding: 10px;}
section#ranking #ranking_tab .ranking_tab_content .loginArea p{font-size: 1.1rem; margin: 10px 0 0;}
section#ranking #ranking_tab .ranking_tab_content ul > li{width: 42%; margin: 15px 1.5%;}
section#ranking #ranking_tab .ranking_tab_content ul > li a:link,
section#ranking #ranking_tab .ranking_tab_content ul > li a:visited{font-size: 1.4rem; padding: 8px 8px 7px;}

/*myRanking*/
section#ranking .my__ranking h3{font-size: 1.2rem; letter-spacing: 0; padding: 10px; width: 45%; max-width: 180px; margin: -15px 0 10px 0;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul{flex-wrap: wrap; justify-content: flex-start;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata::after {content: ''; width: 100%; margin: 15px auto;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li:nth-child(1){width: 24%; max-width: 55px; margin-right: 0;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li:nth-child(2){width: 76%; margin-right: 0;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li:nth-child(3){width: 100%; margin: 10px 0 0;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div{width: 46px; font-size: 2.0rem; padding: 10px 0;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_1,
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_2,
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__ranking div.top_3{background-size: cover;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__name .rf__c_name{font-size: 1.4rem; margin: 5px 0;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__name .rf__c_shop{font-size: 1.2rem;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li:nth-child(1){width: 35%; max-width: none; margin-right: 5%;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li:nth-child(2){width: 60%; margin: 0;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li span.rf__cap_name{font-size: 1.4rem; margin-bottom: 7px;}
section#ranking .rf__ranking .rf__rank_Area .my__ranking .rf__mydata ul > li .rf__mydata__log ul > li span.rf__cap_size{font-size: 2.25rem;}

/*Ranking*/
/*
section#ranking .rf__ranking .rf__rank_title{font-size: 1.5rem; padding: 12px 10px;}
section#ranking .rf__ranking .rf__rank_title ul > li:nth-child(1){}
section#ranking .rf__ranking .rf__rank_title ul > li:nth-child(2){width: 75%; margin-left: 15px;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_image{width: 50px; height: 36px; margin: 0;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_name span{font-size: 1.1rem; margin: 0 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_name h3{font-size: 1.5rem; line-height: 1.33em;}
section#ranking .rf__ranking .rf__rank_title ul > li .rf__s_name h3 span{font-size: 1.5rem; overflow: unset;}
*/
section#ranking .rf__ranking .rf__rank_Area{padding: 15px;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail::after{content: ''; width: 100%; margin: 15px auto;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__name .rf__c_name{font-size: 1.4rem; margin: 5px 0;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__name .rf__c_shop{font-size: 1.1rem;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__log ul > li:nth-child(1){width: 25%; margin: 0 auto 0 5%;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__log ul > li:nth-child(2){width: 65%;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__log ul > li span.rf__cap_name{font-size: 1.1rem; margin-bottom: 5px;}
section#ranking .rf__ranking .rf__rank_Area .rank_detail.lower .rf__entry_Data__log ul > li span.rf__cap_size{font-size: 1.6rem;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul{flex-wrap: wrap; justify-content: flex-start;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(1){width: 24%; max-width: 55px; margin-right: 0;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 76%; margin-right: 0;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 100%; margin: 10px 0 0;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div{width: 46px; font-size: 2.0rem; padding: 10px 0;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_1,
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_2,
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__ranking div.top_3{background-size: cover;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name .rf__c_name{font-size: 1.4rem; margin: 5px 0;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__name .rf__c_shop{font-size: 1.2rem;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li:nth-child(1){width: 35%; max-width: none; margin-right: 5%;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li:nth-child(2){width: 60%; margin: 0;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li span.rf__cap_name{font-size: 1.4rem; margin-bottom: 7px;}
section#ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .rf__entry_Data__log ul > li span.rf__cap_size{font-size: 2.25rem;}

/*Notice*/
section#ranking .rf__rank_Notice h3{font-size: 1.5rem; padding: 12px 10px;}
section#ranking .rf__rank_Notice .rf__notice{padding: 15px;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail{height: 160px;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail ul > li{margin: 5px 0 5px 15px; font-size: 1.25rem;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail .jspVerticalBar {width: 7px;}
section#ranking .rf__rank_Notice .rf__notice .notice__detail .jspDrag{left: -5px;}
}

@media (min-width: 768px) {/*sm~lg*/}
@media (max-width: 460px) {
section#ranking h2{font-size: 2.4rem;}
section#ranking h2 span{font-size: 1.4rem; margin: 0.8rem 0 0;}
section#ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking ul > li{margin: 0 5%;}
section#ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking ul > li div{width: 46px; font-size: 2.0rem; padding: 10px 0;}
section#ranking .my__ranking .rf__mydata ul > li .rf__mydata__ranking ul > li span{width: 80px; font-size: 0.8rem; padding: 5px 0 4px;}
}


/*PICTURE BOOK ==============================================================================*/
section#pictbook{background: #f1f4f7;}
section#pictbook h2{margin: 0 0 2.5rem; color: #0d417a; font-size: 6.8rem; font-weight: 700; letter-spacing: 2px; text-align: center;}
section#pictbook h2 span{display: block; font-size: 3.5rem; letter-spacing: 0; margin: 1.5rem 0 0;}
section#pictbook hr{margin: 3rem 0;}

section#pictbook .rf__pb_Sort{}
section#pictbook .rf__pb_Sort dl{display: flex; justify-content: space-between; align-items: center; background: #0d417a; color: #fff; border-radius: 50px; padding: 1.5rem 4rem; margin-bottom: 2.5rem; font-size: 1.8rem;}
section#pictbook .rf__pb_Sort dt{width: 10%; border-right: 2px solid #fff;}
section#pictbook .rf__pb_Sort dd{width: 90%;}
section#pictbook .rf__pb_Sort dd ul{display: flex; justify-content: space-around; align-items: center;}
section#pictbook .rf__pb_Sort dd ul#filters li{transition: .2s all linear; cursor: pointer;}
section#pictbook .rf__pb_Sort dd ul#filters li:hover{color: #3997ff;}

section#pictbook .rf__pb_list{}
section#pictbook .rf__pb_list ul{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
section#pictbook .rf__pb_list ul li{width: 30%; margin: 1.5rem 1.5%;}
section#pictbook .rf__pb_list .fish-detail{cursor: pointer;}
section#pictbook .rf__pb_list figure{position: relative; border-radius: 5px; overflow: hidden;}
section#pictbook .rf__pb_list figure img{border: 1px solid #b0a97a; border-radius: 5px;}
section#pictbook .rf__pb_list figure .fish_image{}
section#pictbook .rf__pb_list figure .fish_image.get::before{content: 'GET!'; display: block; width: 200px; position: absolute; top: -15px; left: -75px; background: #0d417a; color: #fff; padding: 30px 10px 0; margin: 0;
font-family: "Anton",sans-serif; font-size: 3.2rem; text-align: center;
transform: rotate(-45deg);
}
section#pictbook .rf__pb_list figcaption{display: flex; justify-content: flex-start; align-items: center; margin-top: 1.5rem;}
section#pictbook .rf__pb_list figcaption .book_id{width: 40%; display: inline-block; background: #0d417a; text-align: center; color: #fff; font-weight: 600; padding: 5px 10px; margin-right: 3%; border-radius: 5px;}
section#pictbook .rf__pb_list figcaption .book_id div{display: inline-block;}
section#pictbook .rf__pb_list figcaption .fish_name{width: 60%; font-size: 1.7rem;}
section#pictbook .rf__pb_list ul li.fish-item figcaption .fish_name::before{content: ''; display: inline-block; width: 22px; height: 22px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; vertical-align: -5px; margin-right: 3px;}
section#pictbook .rf__pb_list ul li.fish-item.rank_s figcaption .fish_name::before{background-image: url(/img/rf/picture/medal_S.png);}
section#pictbook .rf__pb_list ul li.fish-item.rank_a figcaption .fish_name::before{background-image: url(/img/rf/picture/medal_A.png);}
section#pictbook .rf__pb_list ul li.fish-item.rank_b figcaption .fish_name::before{background-image: url(/img/rf/picture/medal_B.png);}
section#pictbook .rf__pb_list ul li.fish-item.rank_c figcaption .fish_name::before{background-image: url(/img/rf/picture/medal_C.png);}
section#pictbook .rf__pb_list ul li.fish-item.rank_d figcaption .fish_name::before{background-image: url(/img/rf/picture/medal_D.png);}

section#pictbook .rf__promoArea{margin: 0 0 3rem; border: 2px solid #0d417a; padding: 15px 10px; background: rgba(255,255,255,0.75);}
section#pictbook .rf__promoArea p{color: #d61518; font-size: 1.5rem; font-weight: 600; text-align: center; line-height: 1.33em; margin: 5px 0 0;}

@media (max-width: 767px) {/*smart phone*/
section#pictbook h2{font-size: 3.8rem;}
section#pictbook h2 span{font-size: 1.8rem; margin: 1rem 0 0;}
section#pictbook hr{margin: 2rem 0;}
section#pictbook .rf__pb_Sort dl{display: block; padding: 1rem 2rem; margin-bottom: 1.5rem; font-size: 1.2rem;}
section#pictbook .rf__pb_Sort dt{display: none;}
section#pictbook .rf__pb_Sort dd{width: 100%;}
section#pictbook .rf__pb_Sort dd ul{font-size: 1.0rem;}
section#pictbook .rf__pb_list ul li{width: 46%; margin: 1rem 2%;}
section#pictbook .rf__pb_list figure .fish_image.get::before{top: -10px; left: -37px; padding: 20px 5px 0; width: 100px; font-size: 1.6rem;}
section#pictbook .rf__pb_list figcaption{display: block; margin-top: 1.0rem;}
section#pictbook .rf__pb_list figcaption .book_id{width: auto; padding: 5px 10px; margin: 0 0 0.25rem; font-size: 1.0rem;}
section#pictbook .rf__pb_list figcaption .fish_name{width: auto; padding: 0; margin: 0.5rem 0 0; font-size: 1.25rem;}
section#pictbook .rf__pb_list ul li.fish-item figcaption .fish_name::before{width: 20px; height: 20px; vertical-align: -5px; margin-right: 5px;}
section#pictbook .rf__promoArea{margin: 0 0 2rem; padding: 10px;}
section#pictbook .rf__promoArea p{font-size: 1.1rem; letter-spacing: 0; line-height: 1.4em;}
}

@media (min-width: 768px) {/*sm~lg*/}

@media (max-width: 460px) {
section#pictbook h2{font-size: 2.4rem;}
section#pictbook h2 span{font-size: 1.4rem; margin: 0.8rem 0 0;}
}

/* == Modal ================================================== */
#ev__modal{display: block;}
.js-modal__bg {width: 100%; height: 100%;background-color: rgba(0,0,0,0); position: fixed; top: 0; left: 0; z-index: 10; display: none;}
.js-modal__main {display: none; width: 100%; height: 100vh; padding: 15%; margin: 0; position: fixed; top: 0; left: 0; background-color: rgba(13,65,122,0.95); z-index: 200;}
.js-modal__main .modal__contentsBox{width: 70%; margin: -240px 0 0 -35%; position: absolute; top: 50%; left: 50%;}
.js-modal__main .modal__contentsBox h2.logo{width: 100%; max-width: 180px; text-align: center; margin: 0 auto;}
.js-modal__main .modal__contentsBox .modal__menu ul{list-style: none; margin: 0; padding: 0;}
.js-modal__main .modal__contentsBox .modal__menu ul > li{text-align: center; margin-bottom: 20px;}
.js-modal__main .modal__contentsBox .modal__menu ul > li a{display: block; color: #fff !important; font-size: 2.2rem; line-height: 2.0rem;}
.js-modal__main .modal__contentsBox .modal__menu ul > li a span{display: block; font-size: 1.25rem;}
.js-modal__btn--close--fix {width: 80%; padding: 5px; margin: 15px auto;}
.js-modal__btn--close--fix a:link,
.js-modal__btn--close--fix a:visited{display: block; background: #0990e6; border: 2px solid #0990e6; font-size: 1.6rem; color: #fff; text-align: center; padding: 10px;}
.js-modal__main._slideUp {animation: SlideUp .5s ease-in-out forwards;}
.js-modal__main._slideDown {animation: SlideDown .5s ease-in-out forwards;}


/* == reModal ================================================== */
.remodal-overlay {position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none;}
.remodal-overlay {background: rgba(0, 0, 0, 0.7);}
.remodal-wrapper {position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch;}
.remodal {max-width: 970px !important; padding: 0 !important;}
.remodal-close {color: #fff !important; width: 32px !important; height: 32px !important; top: 18px !important; right: 30px !important; left: auto !important;}
.remodal-close:before{content: "" !important; width: 35px !important; height: 34px !important; border-right: 7px solid #fff; transform: rotate(-45deg); top: 9px !important; left: -11px !important;}
.remodal-close:after{content: ""; width: 35px; height: 34px; border-right: 7px solid #fff; transform: rotate(45deg); position: absolute; top: -11px; left: -11px;}
.remodal-is-initialized {display: inline-block;}
.get__board .get__inner h3{background: #0d417a; color: #fff; text-align: left; font-size: 2.5rem; font-weight: 600; padding: 20px 20px 15px;}
.get__board .get__inner h3 span::after{content: ''; display: inline-block; width: 1px; height: 25px; background: #fff; vertical-align: -3px; margin: 0 10px;}
.get__board .get__inner .detail{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 50px; border: 2px solid #0d417a;}
.get__board .get__inner .detail .thum{width: 45%; margin-right: 5%; border-radius: 5px; border: 2px solid #c7c3a4;}
.get__board .get__inner .detail .media{width: 50%;}
.get__board .get__inner .detail .media .media-object dl{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dotted #c7c3a4; padding: 20px 0 18px;}
.get__board .get__inner .detail .media .media-object dt{font-size: 2.4rem; font-weight: 600; line-height: 1; width: 50%; text-align: left;}
.get__board .get__inner .detail .media .media-object dd{width: 50%; font-size: 2.6rem; line-height: 1; text-align: right;}
.get__board .get__inner .detail .media .media-object dd img{width: 50px; display: inline-block;}
.get__board .get__inner .detail .media .media-object dd .num_get,
.get__board .get__inner .detail .media .media-object dd .num_max,
.get__board .get__inner .detail .media .media-object dd .num_min{display: inline-block;}
.get__board .get__inner .detail .media .media-object dd .num_max,
.get__board .get__inner .detail .media .media-object dd .num_min{color: #af9c66;}
.get__board .get__inner .detail .media .media-object dd .num_max::before,
.get__board .get__inner .detail .media .media-object dd .num_min::before{content: ''; display: inline-block; width: 32px; height: 32px; background-image: url(/img/rf/picture/crown_gold.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; vertical-align: -5px; margin-right: 7px;}
.get__board .get__inner .detail .media .media-object dd .theo{color: #c40e0e !important;}
.get__board .get__inner .detail .media .media-object dd .theo::before{background-image: url(/img/rf/picture/crown_red.svg) !important;}

@media (max-width: 767px) {/*smart phone*/
.remodal {max-width: 400px !important;}
.remodal-close {width: 22px !important; height: 22px !important; top: 10px !important; right: 10px !important;}
.remodal-close:before{width: 23px !important; height: 20px !important; border-right: 4px solid #fff; transform: rotate(-45deg); top: 6px !important; left: -9px !important;}
.remodal-close:after{width: 23px;height: 20px; border-right: 4px solid #fff; top: -8px; left: -9px;}
.get__board .get__inner h3{font-size: 1.5rem; padding: 10px 10px 8px;}
.get__board .get__inner h3 span::after{height: 15px; vertical-align: -2px; margin: 0 8px;}
.get__board .get__inner .detail{padding: 15px;}
.get__board .get__inner .detail .thum{width: 100%; margin-right: 0;}
.get__board .get__inner .detail .media{width: 100%;}
.get__board .get__inner .detail .media .media-object dl{padding: 10px 0 9px;}
.get__board .get__inner .detail .media .media-object dt{font-size: 1.4rem;}
.get__board .get__inner .detail .media .media-object dd{font-size: 1.5rem;}
.get__board .get__inner .detail .media .media-object dd img{width: 28px;}
.get__board .get__inner .detail .media .media-object dd .num_max::before,
.get__board .get__inner .detail .media .media-object dd .num_min::before{width: 21px; height: 22px;}
}

@media (max-width: 460px) {}


/* == shopSwitch ================================================== */
.js__switch__bg {width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 100; display: none;}
.js__switch-main{display: none; width: 100%; max-width: 900px; color: #3c4455; height: 65vh; padding: 30px; margin: 0 0 0 -450px; bottom: 0; left: 50%; background: #fff; border-radius: 10px 10px 0 0; position: fixed; z-index: 101; opacity: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .60);}
.js-switch__btn--close--fix {width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 25px; right: 35px; z-index: 101; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.js-switch__btn--close--fix:before{content: ""; width: 21px; height: 23px; border-right: 3px solid #d2d2d7; transform: rotate(-45deg); position: absolute; top: 5px; left: -7px;}
.js-switch__btn--close--fix:after{content: ""; width: 20px; height: 22px; border-right: 3px solid #d2d2d7; transform: rotate(45deg); position: absolute; top: -7px; left: -6px;}
.js__switch-main .modal__switchArea{}
.js__switch-main .modal__switchArea h4{font-size: 2.0rem; font-weight: 600; text-align: center; position: relative; margin: 2.5rem 0;}
.js__switch-main .modal__switchArea h4::before{content: ""; width: 50%; max-width: 180px; height: 3px; background: #bbbbbb; position: absolute; top: -25px; left: 50%; margin: 0 0 0 -90px; border-radius: 6px;}
.js__switch-main .modal__switchArea dl{display: flex; font-size: 0.8rem; margin-bottom: 25px;}
.js__switch-main .modal__switchArea dl > dt{margin-right: 10px;}
.js__switch-main .modal__switchArea .shopList ul > li{display: flex; justify-content: flex-start; align-items: center; margin: 20px 0; padding: 0 0 20px; border-bottom: 1px dotted #d2d2d7; position: relative;}
.js__switch-main .modal__switchArea .shopList ul > li a{display: flex; justify-content: flex-start; align-items: center; width: 100%;}
.js__switch-main .modal__switchArea .shopList ul > li a:after{position: absolute; content: ""; border-top: 2px solid #d2d2d7; border-right: 2px solid #d2d2d7; width: 18px; height: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 35px; top: 50%; margin: -18px 0 0 0; transition-duration: 0.5s;}
.js__switch-main .modal__switchArea .shopList li .shop__icon{margin-right: 15px;}
.js__switch-main .modal__switchArea .shopList li .shop__icon div img{object-fit: cover; border-radius: 50%; min-width: 60px; min-height: 60px; max-width: 60px; max-height: 60px; font-family: 'object-fit: cover;';}
.js__switch-main .modal__switchArea .shopList li .shop__image{width: 17.5%; border-radius: 5px; overflow: hidden; margin-right: 2.5%;}
.js__switch-main .modal__switchArea .shopList li .shop__name{width: 80%; overflow: hidden;}
.js__switch-main .modal__switchArea .shopList li .shop__name p{font-size: 2.0rem; margin-bottom: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: 0.5s;}
.js__switch-main .modal__switchArea .shopList ul > li a:hover .shop__name p{color: #2ba8fc;}
.js__switch-main .modal__switchArea .shopList li .shop__name span{font-size: 1.25rem;}
.js__switch-main .modal__switchArea .shopList li .shop__name span div{display: inline-block; margin-left: 5px;}
.js__switch-main .modal__switchArea .shopList .shopList_detail{height: 390px; overflow: auto; padding: 10px 5px;}
.js__switch-main .modal__switchArea .shopList .shopList_detail .jspVerticalBar {width: 10px;}
.js__switch-main .modal__switchArea .shopList .shopList_detail .jspTrack{background: none;}
.js__switch-main .modal__switchArea .shopList .shopList_detail .jspDrag{background: #333333;left: -10px;}
.js__switch-main._slideUp {animation: Shop_SlideUp .5s ease-in-out forwards;}
.js__switch-main._slideDown {animation: Shop_SlideDown .5s ease-in-out forwards;}

@media (max-width: 767px) {/*smart phone*/
.js__switch-main{display: none; max-width: 440px; height: 55vh; padding: 20px; margin: 0 0 0 -220px;}
.js-switch__btn--close--fix {top: 15px; right: 15px;}
.js__switch-main .modal__switchArea h4{font-size: 1.5rem; margin: 1.8rem 0;}
.js__switch-main .modal__switchArea h4::before{margin: 0 0 0 -70px;}
.js__switch-main .modal__switchArea .shopList ul > li{margin: 15px 0; padding: 0 0 15px;}
.js__switch-main .modal__switchArea .shopList ul > li a:after{width: 12px; height: 12px; right: 15px;}
.js__switch-main .modal__switchArea .shopList li .shop__image{width: 22.5%;}
.js__switch-main .modal__switchArea .shopList li .shop__name{width: 75%;}
.js__switch-main .modal__switchArea .shopList li .shop__name p{font-size: 1.4rem;}
.js__switch-main .modal__switchArea .shopList li .shop__name span{font-size: 1.1rem;}
.js__switch-main .modal__switchArea .shopList .shopList_detail{height: calc(30vh);}
.js__switch-main .modal__switchArea .shopList .shopList_detail .jspVerticalBar {width: 7px;}
.js__switch-main .modal__switchArea .shopList .shopList_detail .jspDrag{left: 0;}
}

@media (max-width: 460px) {
.js__switch-main{display: none; max-width: 320px; height: 55vh; padding: 20px; margin: 0 0 0 -160px;}
}

/*animated ==============================================================================*/
.animated {animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}

@keyframes FadeOut {
	0%   {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes FadeIn {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes SlideUp {
	0%   {opacity: 1; transform: translateX(0%);}
	100% {opacity: 0; transform: translateX(100%);}
}
@keyframes SlideDown {
	0%   {opacity: 0; transform: translateX(100%);}
	100% {opacity: 1; transform: translateX(0%);}
}
@keyframes bgcircle {
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}
@keyframes bg-flash {
	0%   { background-color: rgba(255,255,255,0) }
	100% { background-color: rgba(255,255,255,1) }
}
@keyframes bound{
	0%   {transform: translateY(0px);}
	50%  {transform: translateY(-10px);}
	60%  {transform: translateY(1px);}
	70%  {transform: translateY(0px);}
	100% {transform: translateY(0px);}
}
@keyframes load3 {
	0%   {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}