@charset "utf-8";
/* 2025/09/18 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: 800px; margin: 0 auto;}

body { 
	/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; */  
}

#container { width:1024px; margin:0 auto; padding-top:55px; }


.sp_display{display:none;}
.pc_display{display:block;}
.animated {animation-duration: 1s; animation-fill-mode: both; visibility: visible;}
.go_top {z-index: 90; 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;}

.separator  { display: block; border: 0;height: 0;  border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);     margin-top: 20px;     margin-bottom: 20px; }
.clearfix:before, .clearfix:after{ display: table;content: " ";}
.clearfix:after{clear: both;}
.img-responsive { display: block;max-width: 100%;height: auto;margin:0 auto;}

/* icon font */
@font-face {
 font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
  url('/fonts/glyphicons-halflings-regular.woff') format('woff'), 
  url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.glyphicon {
  position: relative;
  top: 0;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before { content: "\2a";}
.glyphicon-plus:before { content: "\2b";}
.glyphicon-euro:before,.glyphicon-eur:before { content: "\20ac";}
.glyphicon-minus:before { content: "\2212";}
.glyphicon-cloud:before { content: "\2601";}
.glyphicon-envelope:before { content: "\2709";}
.glyphicon-pencil:before { content: "\270f";}
.glyphicon-glass:before { content: "\e001";}
.glyphicon-music:before { content: "\e002";}
.glyphicon-search:before { content: "\e003";}
.glyphicon-heart:before { content: "\e005";}
.glyphicon-star:before { content: "\e006";}
.glyphicon-star-empty:before { content: "\e007";}
.glyphicon-user:before { content: "\e008";}
.glyphicon-film:before { content: "\e009";}
.glyphicon-th-large:before { content: "\e010";}
.glyphicon-th:before { content: "\e011";}
.glyphicon-th-list:before { content: "\e012";}
.glyphicon-ok:before { content: "\e013";}
.glyphicon-remove:before { content: "\e014";}
.glyphicon-zoom-in:before { content: "\e015";}
.glyphicon-zoom-out:before { content: "\e016";}
.glyphicon-off:before { content: "\e017";}
.glyphicon-signal:before { content: "\e018";}
.glyphicon-cog:before { /*content: "\e019";*/ font-family: 'FontAwesome'; content: "\f013"; }
.glyphicon-trash:before { content: "\e020";}
.glyphicon-home:before { /*content: "\e021";*/ font-family: 'FontAwesome'; content: "\f015";}
.glyphicon-file:before { content: "\e022";}
.glyphicon-time:before { content: "\e023";}
.glyphicon-road:before { content: "\e024";}
.glyphicon-download-alt:before { content: "\e025";}
.glyphicon-download:before { content: "\e026";}
.glyphicon-upload:before { /*content: "\e027";*/  font-family: 'FontAwesome'; content: "\f093";}
.glyphicon-inbox:before { content: "\e028";}
.glyphicon-play-circle:before { content: "\e029";}
.glyphicon-repeat:before { content: "\e030";}
.glyphicon-refresh:before { content: "\e031";}
.glyphicon-list-alt:before { content: "\e032";}
.glyphicon-lock:before { content: "\e033";}
.glyphicon-flag:before { content: "\e034";}
.glyphicon-headphones:before { content: "\e035";}
.glyphicon-volume-off:before { content: "\e036";}
.glyphicon-volume-down:before { content: "\e037";}
.glyphicon-volume-up:before { content: "\e038";}
.glyphicon-qrcode:before { content: "\e039";}
.glyphicon-barcode:before { content: "\e040";}
.glyphicon-tag:before { content: "\e041";}
.glyphicon-tags:before { content: "\e042";}
.glyphicon-book:before { content: "\e043";}
.glyphicon-bookmark:before { content: "\e044";}
.glyphicon-print:before { content: "\e045";}
.glyphicon-camera:before { content: "\e046";}
.glyphicon-font:before { content: "\e047";}
.glyphicon-bold:before { content: "\e048";}
.glyphicon-italic:before { content: "\e049";}
.glyphicon-text-height:before { content: "\e050";}
.glyphicon-text-width:before { content: "\e051";}
.glyphicon-align-left:before { content: "\e052";}
.glyphicon-align-center:before { content: "\e053";}
.glyphicon-align-right:before { content: "\e054";}
.glyphicon-align-justify:before { content: "\e055";}
.glyphicon-list:before { content: "\e056";}
.glyphicon-indent-left:before { content: "\e057";}
.glyphicon-indent-right:before { content: "\e058";}
.glyphicon-facetime-video:before { content: "\e059";}
.glyphicon-picture:before { content: "\e060";}
.glyphicon-map-marker:before { content: "\e062";}
.glyphicon-adjust:before { content: "\e063";}
.glyphicon-tint:before { content: "\e064";}
.glyphicon-edit:before { content: "\e065";}
.glyphicon-share:before { content: "\e066";}
.glyphicon-check:before { content: "\e067";}
.glyphicon-move:before { content: "\e068";}
.glyphicon-step-backward:before { content: "\e069";}
.glyphicon-fast-backward:before { content: "\e070";}
.glyphicon-backward:before { content: "\e071";}
.glyphicon-play:before { content: "\e072";}
.glyphicon-pause:before { content: "\e073";}
.glyphicon-stop:before { content: "\e074";}
.glyphicon-forward:before { content: "\e075";}
.glyphicon-fast-forward:before { content: "\e076";}
.glyphicon-step-forward:before { content: "\e077";}
.glyphicon-eject:before { content: "\e078";}
.glyphicon-chevron-left:before { content: "\e079";}
.glyphicon-chevron-right:before { content: "\e080";}
.glyphicon-plus-sign:before { content: "\e081";}
.glyphicon-minus-sign:before { content: "\e082";}
.glyphicon-remove-sign:before { content: "\e083";}
.glyphicon-ok-sign:before { content: "\e084";}
.glyphicon-question-sign:before { content: "\e085";}
.glyphicon-info-sign:before { content: "\e086";}
.glyphicon-screenshot:before { content: "\e087";}
.glyphicon-remove-circle:before { content: "\e088";}
.glyphicon-ok-circle:before { content: "\e089";}
.glyphicon-ban-circle:before { content: "\e090";}
.glyphicon-arrow-left:before { content: "\e091";}
.glyphicon-arrow-right:before { content: "\e092";}
.glyphicon-arrow-up:before { content: "\e093";}
.glyphicon-arrow-down:before { content: "\e094";}
.glyphicon-share-alt:before { content: "\e095";}
.glyphicon-resize-full:before { content: "\e096";}
.glyphicon-resize-small:before { content: "\e097";}
.glyphicon-exclamation-sign:before { content: "\e101";}
.glyphicon-gift:before { content: "\e102";}
.glyphicon-leaf:before { content: "\e103";}
.glyphicon-fire:before { content: "\e104";}
.glyphicon-eye-open:before { content: "\e105";}
.glyphicon-eye-close:before { content: "\e106";}
.glyphicon-warning-sign:before { content: "\e107";}
.glyphicon-plane:before { content: "\e108";}
.glyphicon-calendar:before { content: "\e109";}
.glyphicon-random:before { content: "\e110";}
.glyphicon-comment:before { content: "\e111";}
.glyphicon-magnet:before { content: "\e112";}
.glyphicon-chevron-up:before { content: "\e113";}
.glyphicon-chevron-down:before { content: "\e114";}
.glyphicon-retweet:before { content: "\e115";}
.glyphicon-shopping-cart:before { content: "\e116";}
.glyphicon-folder-close:before { content: "\e117";}
.glyphicon-folder-open:before { content: "\e118";}
.glyphicon-resize-vertical:before { content: "\e119";}
.glyphicon-resize-horizontal:before { content: "\e120";}
.glyphicon-hdd:before { content: "\e121";}
.glyphicon-bullhorn:before { content: "\e122";}
.glyphicon-bell:before { content: "\e123";}
.glyphicon-certificate:before { content: "\e124";}
.glyphicon-thumbs-up:before { content: "\e125";}
.glyphicon-thumbs-down:before { content: "\e126";}
.glyphicon-hand-right:before { content: "\e127";}
.glyphicon-hand-left:before { content: "\e128";}
.glyphicon-hand-up:before { content: "\e129";}
.glyphicon-hand-down:before { content: "\e130";}
.glyphicon-circle-arrow-right:before { content: "\e131";}
.glyphicon-circle-arrow-left:before { content: "\e132";}
.glyphicon-circle-arrow-up:before { content: "\e133";}
.glyphicon-circle-arrow-down:before { content: "\e134";}
.glyphicon-globe:before { content: "\e135";}
.glyphicon-wrench:before { content: "\e136";}
.glyphicon-tasks:before { content: "\e137";}
.glyphicon-filter:before { content: "\e138";}
.glyphicon-briefcase:before { content: "\e139";}
.glyphicon-fullscreen:before { content: "\e140";}
.glyphicon-dashboard:before { content: "\e141";}
.glyphicon-paperclip:before { content: "\e142";}
.glyphicon-heart-empty:before { content: "\e143";}
.glyphicon-link:before { content: "\e144";}
.glyphicon-phone:before { content: "\e145";}
.glyphicon-pushpin:before { content: "\e146";}
.glyphicon-usd:before { content: "\e148";}
.glyphicon-gbp:before { content: "\e149";}
.glyphicon-sort:before { content: "\e150";}
.glyphicon-sort-by-alphabet:before { content: "\e151";}
.glyphicon-sort-by-alphabet-alt:before { content: "\e152";}
.glyphicon-sort-by-order:before { content: "\e153";}
.glyphicon-sort-by-order-alt:before { content: "\e154";}
.glyphicon-sort-by-attributes:before { content: "\e155";}
.glyphicon-sort-by-attributes-alt:before { content: "\e156";}
.glyphicon-unchecked:before { content: "\e157";}
.glyphicon-expand:before { content: "\e158";}
.glyphicon-collapse-down:before { content: "\e159";}
.glyphicon-collapse-up:before { content: "\e160";}
.glyphicon-log-in:before { content: "\e161";}
.glyphicon-flash:before { content: "\e162";}
.glyphicon-log-out:before { content: "\e163";}
.glyphicon-new-window:before { content: "\e164";}
.glyphicon-record:before { content: "\e165";}
.glyphicon-save:before { content: "\e166";}
.glyphicon-open:before { content: "\e167";}
.glyphicon-saved:before { content: "\e168";}
.glyphicon-import:before { content: "\e169";}
.glyphicon-export:before { content: "\e170";}
.glyphicon-send:before { content: "\e171";}
.glyphicon-floppy-disk:before { content: "\e172";}
.glyphicon-floppy-saved:before { content: "\e173";}
.glyphicon-floppy-remove:before { content: "\e174";}
.glyphicon-floppy-save:before { content: "\e175";}
.glyphicon-floppy-open:before { content: "\e176";}
.glyphicon-credit-card:before { content: "\e177";}
.glyphicon-transfer:before { content: "\e178";}
.glyphicon-cutlery:before { content: "\e179";}
.glyphicon-header:before { content: "\e180";}
.glyphicon-compressed:before {content: "\e181";}
.glyphicon-earphone:before { content: "\e182";}
.glyphicon-phone-alt:before { content: "\e183";}
.glyphicon-tower:before { content: "\e184";}
.glyphicon-stats:before { content: "\e185";}
.glyphicon-sd-video:before { content: "\e186";}
.glyphicon-hd-video:before { content: "\e187";}
.glyphicon-subtitles:before { content: "\e188";}
.glyphicon-sound-stereo:before { content: "\e189";}
.glyphicon-sound-dolby:before { content: "\e190";}
.glyphicon-sound-5-1:before { content: "\e191";}
.glyphicon-sound-6-1:before { content: "\e192";}
.glyphicon-sound-7-1:before { content: "\e193";}
.glyphicon-copyright-mark:before { content: "\e194";}
.glyphicon-registration-mark:before { content: "\e195";}
.glyphicon-cloud-download:before { content: "\e197";}
.glyphicon-cloud-upload:before { content: "\e198";}
.glyphicon-tree-conifer:before { content: "\e199";}
.glyphicon-tree-deciduous:before { content: "\e200";}
.glyphicon-cd:before { content: "\e201";}
.glyphicon-save-file:before { content: "\e202";}
.glyphicon-open-file:before { content: "\e203";}
.glyphicon-level-up:before { content: "\e204";}
.glyphicon-copy:before { content: "\e205";}
.glyphicon-paste:before { content: "\e206";}
.glyphicon-alert:before { content: "\e209";}
.glyphicon-equalizer:before { content: "\e210";}
.glyphicon-king:before { content: "\e211";}
.glyphicon-queen:before { content: "\e212";}
.glyphicon-pawn:before { content: "\e213";}
.glyphicon-bishop:before { content: "\e214";}
.glyphicon-knight:before { content: "\e215";}
.glyphicon-baby-formula:before { content: "\e216";}
.glyphicon-tent:before { content: "\26fa";}
.glyphicon-blackboard:before { content: "\e218";}
.glyphicon-bed:before { content: "\e219";}
.glyphicon-apple:before { content: "\f8ff";}
.glyphicon-erase:before { content: "\e221";}
.glyphicon-hourglass:before { content: "\231b";}
.glyphicon-lamp:before { content: "\e223";}
.glyphicon-duplicate:before { content: "\e224";}
.glyphicon-piggy-bank:before { content: "\e225";}
.glyphicon-scissors:before { content: "\e226";}
.glyphicon-bitcoin:before { content: "\e227";}
.glyphicon-yen:before { content: "\00a5";}
.glyphicon-ruble:before { content: "\20bd";}
.glyphicon-scale:before { content: "\e230";}
.glyphicon-ice-lolly:before { content: "\e231";}
.glyphicon-ice-lolly-tasted:before { content: "\e232";}
.glyphicon-education:before { content: "\e233";}
.glyphicon-option-horizontal:before { content: "\e234";}
.glyphicon-option-vertical:before { content: "\e235";}
.glyphicon-menu-hamburger:before { /*content: "\e236";*/ font-family: 'FontAwesome';  content: "\f0c9";}
.glyphicon-modal-window:before { content: "\e237";}
.glyphicon-oil:before { content: "\e238";}
.glyphicon-grain:before { content: "\e239";}
.glyphicon-sunglasses:before { content: "\e240";}
.glyphicon-text-size:before { content: "\e241";}
.glyphicon-text-color:before { content: "\e242";}
.glyphicon-text-background:before { content: "\e243";}
.glyphicon-object-align-top:before { content: "\e244";}
.glyphicon-object-align-bottom:before { content: "\e245";}
.glyphicon-object-align-horizontal:before { content: "\e246";}
.glyphicon-object-align-left:before { content: "\e247";}
.glyphicon-object-align-vertical:before { content: "\e248";}
.glyphicon-object-align-right:before { content: "\e249";}
.glyphicon-triangle-right:before { content: "\e250";}
.glyphicon-triangle-left:before { content: "\e251";}
.glyphicon-triangle-bottom:before { content: "\e252";}
.glyphicon-triangle-top:before { content: "\e253";}
.glyphicon-console:before { content: "\e254";}
.glyphicon-superscript:before { content: "\e255";}
.glyphicon-subscript:before { content: "\e256";}
.glyphicon-menu-left:before { content: "\e257";}
.glyphicon-menu-right:before { content: "\e258";}
.glyphicon-menu-down:before { content: "\e259";}
.glyphicon-menu-up:before { content: "\e260";}
.clearfix:before,.clearfix:after,.container:before,.container:after { display: table;  content: " "; }
.clearfix:after,.container:after  {  clear: both; }


/*button*/
.btn {   display: inline-block;  padding: 8px 12px;  margin-bottom: 0;  font-size: 14px;  font-weight: normal;  line-height: 1.42857143;  text-align: center;
  white-space: nowrap;  vertical-align: middle;  cursor: pointer;
   -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;  background-image: none; 
   border: 1px solid transparent;-webkit-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);}
.btn:focus,.btn:active:focus,.btn.active:focus {  outline: thin dotted;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
.btn:hover,.btn:focus {  color: #333;  text-decoration: none;   -webkit-box-shadow:none;  box-shadow:none;}
.btn:active,.btn.active {  background-image: none;  outline: 0;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none;  box-shadow: none; opacity: .65;}
.btn-default {  color: #333;  background-color: #fff;  border-color: #d8d8d8;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; /* background-color: #ebebeb;*/  border-color: #adadad;}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {  background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {  background-color: #fff;  border-color: #ccc;}
.btn-default .badge {  color: #fff;  background-color: #333;}

.btn-action { color: #fff !important;  background-color: #d61518;  border-color: #bd1316;  -webkit-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);  box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);}
.btn-action:hover,.btn-action:focus,.btn-action:active{color: #fff;  background-color: #f03033;  border-color: #d62b2e;}
.btn-action:active,.btn-action.active {  background-image: none;}

.btn-del {  color: #fff !important;  background-color: #6a6d74;  border-color: #4c4e54;}
.btn-del:hover,.btn-del:focus,.btn-del:active{  color: #fff;  background-color: #4c4e54;  border-color: #323337;}

.btn.arrow {position:relative; padding-right:20px;}
.btn.arrow:after {
	font-size:14px;width:14px;height:18px;display:block;position:absolute;right:5px;top:0; bottom:2px;margin:auto;
	font-family: 'Glyphicons Halflings';content: "\e258";}
.btn.arrowimg {position:relative; padding-right:25px;}
.btn.arrowimg span.iconb {display:block;position:absolute;right:6px; top:0; bottom:2px;margin:auto;}

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0;}
.btn-block + .btn-block { margin-top: 5px;}
.btn-sm{ padding: 5px 10px; font-size: 12px; line-height: 1.5;}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%;}

.input-group { border-collapse: separate; display: table;  position: relative;}
.input-group .form-control, .input-group-addon, .input-group-btn {  display: table-cell;}
.input-group-btn { font-size: 0; position: relative; white-space: nowrap; vertical-align:top;}
.input-group input[type="text"] { height:38px !important; line-height:38px;}
.input-group-btn .btn { border-radius:0 4px 4px 0}

/* layout */
.section { padding:0 10px;}
.section-inner { margin:20px 0;}
.box-tbl { display:table; width:100%;border-collapse: collapse;}
.box-tbl .cell { display:table-cell; vertical-align:top}

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

	main {margin-top: 0px;}

    /*** 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: 8%; margin: 0 1.0%;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 30%; margin-left: 1.0%;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 25%;}
section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(4){width: 35%;}
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: 8%; margin: 0 1.0%;}
    section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 30%; margin-left: 1.0%;}
    section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 35%;}
    section#cp202305_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 35%;}
    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: 12px 12px 12px 12px;}
        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:28px; color: #FFFFFF; font-weight: bold;}
        div#campaign_202309.cptop .content_box.reward h4 { text-align:center; margin:0; padding: 1rem 0 2rem 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: 40%;}
        div#campaign_202309 .row2 .cellimg img { border-radius: 10px}
        div#campaign_202309 .row2 .celltext { flex-basis: 60%; 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:0; 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: 2rem}


        div#campaign_202309 .reward-wrap { margin-bottom: 3rem;}
        div#campaign_202309 .reward-wrap2 { margin-bottom: 3rem; display: flex;justify-content: center;}
        div#campaign_202309 .reward-wrap p{ font-size: 14px; padding: 1em; text-align:left; color: #336699;}
        div#campaign_202309 .reward-item {
            float: left; width:220px; height: 290px; padding: 10px; margin: 10px 10px 20px 10px; border: 3px solid #0A1888;
            background-color: #ffffff; border-radius: 10px; position: relative;
        }
        div#campaign_202309 .reward-item1 {
        	padding:20px 10px 10px 10px; margin: 10px; border: 3px solid #0A1888; background-color: #ffffff; border-radius: 10px; position: relative;
        }
        div#campaign_202309 .reward-item2{
            padding:20px 10px 10px 10px; margin: 10px; border: 3px solid #0A1888; background-color: #ffffff; border-radius: 10px; position: relative;
        }
        div#campaign_202309 .reward-item3{
            padding:20px 10px 10px 10px; margin: 10px; border: 3px solid #0A1888; background-color: #ffffff; border-radius: 10px; position: relative;}
        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: 20px; font-weight: bold; text-align: center;
            margin: 0 0 10px 0; position: absolute; background-color: #F31A1D; border-radius: 50%; color: #ffffff; width: 72px;
            height: 68px; line-height: 60px; left:-58px; top: -38px; border: 3px outset rgba(0,0,0,0.5);

        }    
        div#campaign_202309 h5.rewardclass2{
            font-size: 22px; 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: 14px; font-weight: bold; padding:10px; text-align: center;     background-color: antiquewhite;}
        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: 32px; /*margin: 4rem 0;*/}
        div#campaign_202309 section.rf_cp__sec05 h4,
        div#campaign_202309 section.rf_cp__sec06 h4{color: #fff; font-size: 18px; font-weight: 600; margin: 10px 40px 2px; padding: 0;}
        div#campaign_202309 section.rf_cp__sec05 h5,
        div#campaign_202309 section.rf_cp__sec06 h5{color: #fff; font-size: 20px; font-weight: 600; margin: 10px 40px 2px; padding: 0;}        
        div#campaign_202309 section.rf_cp__sec05 h6,
        div#campaign_202309 section.rf_cp__sec06 h6{color: #fff; font-size: 10px; font-weight: 600; margin: 10px 40px 2px; padding: 0;}
		div#campaign_202309 section.rf_cp__sec05 h5.jp p,
        div#campaign_202309 section.rf_cp__sec06 h5.jp p{line-height: normal; margin-top: 6px;} 
        
        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: 16px;}
        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{display: flex; justify-content: space-between; align-items: center; padding: 10px;margin-top: 10px;}

        div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(1){width: 8%; margin: 0 1.0%;}
        div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(2){width: 30%; margin-left: 1.0%;}
        div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(3){width: 15%;}
        div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(4){width: 45%;}
        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: 30px; 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: 16px; 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: 4%;}
        div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li:nth-child(2){width: 56%;}
        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: 18px; 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: 20px;}
        div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li span.ev__cap_size span.ev__cm{font-size: 1.4rem;display: inline;}
        div#cp202309_ranking .rf__ranking  ul > li span.ev__cap_cnt {font-size: 18px; margin-top: 5px;}

        /*Ranking*/
        div#cp202309_point section .content_box,
        div#cp202309_ranking section .content_box {max-width:1024px; 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 .rank_detail.lower .ev__entry_Data__log ul > li span.ev__cap_size span.ev__cm{ font-size: 1.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: 8%; margin: 0 1.0%;}
        div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 30%; margin-left: 1.0%;}
        div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 15%;}
        div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(4){width: 45%;}
        
        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: 30px; 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: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
        div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data .noplay p{
            font-size: 18px; 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: 4%;}
        div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li:nth-child(2){
            width: 56%; 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: 16px; margin: 4px 0;}
        div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li span.ev__cap_size{ font-size: 20px;}
		div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li span.ev__cap_size span.ev__cm{ font-size: 20px;display:inline; }

        /* 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%); max-width: none;}
        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: 2.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 !important;}
        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 !important;}

        div#cp202309_point .rf__drawArea .draw_comment{
            width: 100%; max-width: 640px; 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: 640px; margin: 0 auto; padding: 24px;}
        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: -25%; left: -25%;}

        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: 16px; letter-spacing: 2px; line-height: 1; position: absolute; top: 37px; left: 36px; width: 246px; height: 246px; 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: 2.2rem; 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: 1.4rem; font-weight: 700; line-height: 1; color: #fff; padding: 1.0rem 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: 0;}
        #rank__modal .rank__modal__contentsBox,
        #history__modal .history__modal__contentsBox{
            width: 80%; max-width: 700px; background: #f2f2f2; border: 7px solid #132a88; border-radius: 30px; padding: 5rem; margin: 0 auto; position: relative;
        	top: 126px;    
        }

        #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: 2.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,
            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: 1.6rem; margin-bottom: 1rem;}
            div#campaign_202309 section.rf_cp__sec05 h4,
            div#campaign_202309 section.rf_cp__sec06 h4 {font-size: 16px; margin: 10px 10px 2px;}
            div#campaign_202309 section.rf_cp__sec05 h5,
        	div#campaign_202309 section.rf_cp__sec06 h5 {font-size: 16px; margin: 6px 6px 2px;}        
        	div#campaign_202309 section.rf_cp__sec05 h6,
        	div#campaign_202309 section.rf_cp__sec06 h6 {font-size: 8px; margin: 10px 10px 2px;}
			
			div#campaign_202309 section.rf_cp__sec05 h5.jp p,
			div#campaign_202309 section.rf_cp__sec06 h5.jp p{font-size: 12px; margin-top: 2px;} 
            
            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 2px; font-size: 12px;}
            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:30px;}
            div#campaign_202309.cptop section h4{ font-size: 16px;}
            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:0; border-radius: 10px;}
            div#campaign_202309 .reward .flexb div h5 span { font-size:0.8rem;}
            div#campaign_202309 .reward .flexb div ul li {list-style-type: disc;margin-left: 1rem;}

            div#campaign_202309 .content_box.ranking .box-tbl,
            div#campaign_202309 .content_box.point .box-tbl{ width: 360px; 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-wrap2 { margin-top: 1em;         display: block;}
            div#campaign_202309 .reward-item {
                width:40%; padding: 10px; margin: 6px; border: 2px solid #0A1888;
                border-radius: 10px;
                height: 210px;
            }
            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;
                margin-bottom: 3rem;
            }

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

            div#campaign_202309 .itemname{ font-size: 12px; padding:4px 0 0 0;text-align: center;}
            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 14px 5px 5px;}
            div#campaign_202309.cptop a.btn-action { font-size: 14px;}


        /*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: 2px 0;}
            div#campaign_202309 .cpmenu li a:link,
            div#campaign_202309 .cpmenu li a:visited{ font-size: 1.0rem}
            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;     font-size: 14px;}

            /*myRanking*/
            div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(1){width: 8%;}
            div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(2){width: 32%;}
            div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(3){width: 15%;}
            div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li:nth-child(4){width: 45%;}
            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{padding: 10px 4px;}
            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: 0.8rem;}
            div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__name .ev__c_shop{font-size: 0.8rem;}
            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: 0.8rem;}
            div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li span.ev__cap_size{ font-size: 1.0rem;}
            div#cp202309_ranking .rf__ranking .my__ranking .rf__mydata ul > li .ev__mydata__log ul > li span.ev__cap_size span.ev__cm{ font-size: 1.2rem;}
            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: 1px 4px;}
            div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(1){width: 8%; margin: 0 1.0%;}
            div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(2){width: 30%; margin-left: 1.0%;}
            div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(3){width: 15%;}
            div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li:nth-child(4){width: 45%;}
            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: 0.8rem;}
            div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__name .ev__c_shop{font-size: 0.8rem;}
            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: 0.8rem; 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.0rem;}
            div#cp202309_ranking .rf__ranking .rf__rank_Area .entry_Data ul > li .ev__entry_Data__log ul > li span.ev__cap_size span.ev__cm{font-size: 1.0rem;display: inline;}

            /* 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;max-width: none;}
            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: 10px; letter-spacing: 1px; top: 24px; left: 28px; width: 184px; height: 184px; 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: 0.9rem; width: 186px; height: 186px; padding: 155px 0 0; top: 26px; left: 28px;}
            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.4rem;}
            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: 16px;}
            div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dd{font-size: 20px;}
            div#cp202309_point .rf__mydata ul >li .ev__mydata__log ul > li dd span{font-size: 14px;}
            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.0rem; 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: 16px;}
            #rank__modal .rank__modal__contentsBox .md_ttl h4,
            #history__modal .history__modal__contentsBox .md_ttl h4{font-size: 16px;}
            #rank__modal .rank__modal__contentsBox .count__table th{font-size: 12px; border: 3px solid #333;}
            #rank__modal .rank__modal__contentsBox .count__table td{font-size: 14px; 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: 14px; 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: 14px;}
            div#cp202309_point .rf__howto ul > li{margin: 5px 0 5px 16px;}
            div#cp202309_point .rf__howto .pointList th{padding: 7px; font-size: 14px; border: 3px solid #333;}
            div#cp202309_point .rf__howto .pointList td{font-size: 16px; 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) {}






/*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 .rank_detail.lower .rf__entry_Data__log ul > li span.rf__cap_size span.ev__cm{font-size: 0.6rem;display: inline;}
    
    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: 58px; left: 0; z-index: 10; display: none;}
.js-modal__main {display: none; width: 100%; height: 100%; padding: 15%; margin: 0; position: fixed; top: 58px; 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);}
}

/* */
#ranking_tab{background: #f2f2f2; border: 1px solid #cecece;}
.ranking_tab_btn ul{display: flex; justify-content: flex-start; align-items: center; list-style: none; margin: 0; padding: 0;}
.ranking_tab_btn ul > li{width: 50%; font-size: 1.2rem; font-weight: 600; text-align: center;}
.ranking_tab_btn ul > li a{display: block; margin: 0; padding: 10px; transition: all 0.5s ease; text-decoration: none;}
.ranking_tab_btn ul > li a:link,
.ranking_tab_btn ul > li a:visited{background-color: #ccc; color: #333;}
.ranking_tab_btn ul > li:nth-child(1) a:hover{background-color: #0d417a; color: #fff;}
.ranking_tab_btn ul > li:nth-child(2) a:hover{background-color: #d61518; color: #fff;}
.ranking_tab_btn ul > li:nth-child(1) a:hover::before,
.ranking_tab_btn ul > li:nth-child(1) a.selected:hover::before{background-image: url(/img/event/realfishing/ev_rank_cat_icon1_hover.png);}
.ranking_tab_btn ul > li:nth-child(2) a:hover::before,
.ranking_tab_btn ul > li:nth-child(2) a.selected:hover::before{background-image: url(/img/event/realfishing/ev_rank_cat_icon2_hover.png);}

.ranking_tab_btn ul > li a.selected{background-color: #f2f2f2; color: #333;}
.ranking_tab_btn ul > li a::before{content: ""; display: inline-block; width: 52px; height: 42px; vertical-align: middle; background-position: 50%; background-repeat: no-repeat; background-size: cover; margin-right: 5px;}
.ranking_tab_btn ul > li:nth-child(1) a::before{background-image: url(/img/event/realfishing/ev_rank_cat_icon1_off.png);}
.ranking_tab_btn ul > li:nth-child(2) a::before{background-image: url(/img/event/realfishing/ev_rank_cat_icon2_off.png);}
.ranking_tab_btn ul > li:nth-child(1) a.selected::before{background-image: url(/img/event/realfishing/ev_rank_cat_icon1_on.png);}
.ranking_tab_btn ul > li:nth-child(2) a.selected::before{background-image: url(/img/event/realfishing/ev_rank_cat_icon2_on.png);}
#ranking_tab_content { color: #333; }
#ranking_tab_content ul{background: #f2f2f2; display: flex; justify-content: center; align-items: center; list-style: none; margin: 0; padding: 0;}
#ranking_tab_content ul > li{width: 22%; margin: 15px 1.5%;}
#ranking_tab_content ul > li a{transition: .2s all linear; text-decoration: none;}
#ranking_tab_content ul > li a:link,
#ranking_tab_content ul > li a:visited{display: block; background: #fff; color: #0d417a; border: 1px solid #0d417a; font-size: 1.55rem;  text-align: center; padding: 10px;}
#ranking_tab_content ul > li a:hover{background: #0d417a; color: #fff; border: 1px solid #f9f8e4;}
#ranking_tab_content ul > li a.selected{background: #0d417a; color: #fff; border: 1px solid #f9f8e4;}
#ranking_tab_content ul > li a.none{background: #cfcfcf; color: #fff; border: 1px solid #adadad; cursor: no-drop;}
.ev__date{font-size: 1.0rem; text-align: center; margin: 0.1rem 1.5rem 0.5rem; line-height: 1.20em;}
.ev__date span{display: block; font-size: 0.7rem;}
.ev__date_notice{font-size: 1.0rem; /* text-align: right;*/ margin: -0.5rem 1.5rem 0.5rem; line-height: 1.20em;}
.ev__date_notice span{display: block; font-size: 0.6rem;}

@media (max-width: 767px) {
#ranking_tab_content ul > li a:link,
#ranking_tab_content ul > li a:visited{font-size: 1.2rem;}
#ranking_tab_content ul > li a:hover{background: #0d417a; color: #fff; border: 1px solid #f9f8e4;}
#ranking_tab_content ul > li a.selected{background: #0d417a; color: #fff; border: 1px solid #f9f8e4;}
#ranking_tab_content ul > li a.none{background: #cfcfcf; color: #fff; border: 1px solid #adadad; cursor: no-drop;}
.ev__date{font-size: 0.4rem; margin: 0.1rem 0.1rem 0.0rem;}
.ev__date span{display: block; font-size: 0.5rem; margin: 3px 0 0;}
.ev__date_notice{font-size: 0.6rem; margin: 0.5rem 0.5rem 0.5rem;}
.ev__date_notice span{display: block; font-size: 0.55rem; margin: 3px 0 0;}
.ev__date_event_notice{font-size: 1.2rem; /* margin: 0.5rem 0.5rem 0.5rem; */}
.ev__date_event_notice span{display: block; left: 36%; font-size: 1.0rem; text-align: center; color:#e70d0d;}
}