@charset "utf-8";
/* 2025/06 update */
html,
body {background: none; margin: 0; width: 100%; height: auto !important;}

/*** Event - Common ***/
.sp_display{display:none;}
.pc_display{display:block;}
::selection {color: #fff; background-color: #c9151e;}
#wrap {background: none;}
article{width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
article#contents.primary{padding: 0 !important; margin: -15rem auto 0 !important;}
article#contents.secondary{padding: calc(0rem - -50px) 0 0 !important;}
section{padding: calc(4rem - -50px) 0 0;}
header {position: relative; background-color: #fff;}
header.logined {background-color: #D61518;}
footer {position: relative;}
hr {height: 1px; background-color: #ededed; border: none; margin: 2.5rem 0;}

#page-top {position: fixed; right: 1.6rem; bottom: 0.8rem; z-index: 10;
-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
#page-top .scroll.show{bottom: 1rem;}
#page-top a .scroll {width: 2rem; height: 7.25rem; position: absolute; right: 0; bottom: -10rem; transition: all 1.0s; z-index: 9;}
#page-top a .scroll .arw::after {content: ""; display: block; position: absolute; right: -17.25px; top: 0; width: 7px; height: 7px; border-right: 2px solid #c9151e; border-top: 2px solid #c9151e; transform: rotate(-45deg);}
#page-top a .scroll .arw {position: absolute; top: 0; left: 50%; margin-left: -0.7rem;}
#page-top a .scroll .txt {color: #2c2c2c; font-size: 1rem; font-weight: 700; mix-blend-mode: difference; position: absolute; left: 0.82rem; bottom: 5px;
text-shadow: 1px 1px 0 #f2f2f2, -1px 1px 0 #f2f2f2, -1px -1px 0 #f2f2f2, 1px -1px 0 #f2f2f2; white-space: nowrap;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;}

/*** Event - VSPRO ***/
#wrap_vspro{background: #f2f2f2; color: #333; font-size: 1.6rem; font-weight: 500; position: relative;}

/* Loader */
#site_loader_overlay {background: #c9151e; opacity: 1;position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999;}
.site_loader_logo,
.site_loader_logo:before,
.site_loader_logo:after {background: #fff; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em;
-webkit-animation: load1 1s infinite ease-in-out;}
.site_loader_logo {color: #fff; text-indent: -9999em; margin: 48vh auto; position: relative; font-size: 0.65em; transform: translateZ(0); animation-delay: -0.16s;
-webkit-animation-delay: -0.16s;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);}
.site_loader_logo:before,
.site_loader_logo:after {content: ''; position: absolute; top: 0;}
.site_loader_logo:before {left: -1.75em; animation-delay: -0.32s;
-webkit-animation-delay: -0.32s;}
.site_loader_logo:after {left: 1.75em;}

/* Navi */
#vp__modal{display: none;}
nav{width: 100%; background: rgb(255 255 255 / 0.9); border-bottom: 3px solid #c9151e; position: absolute; padding: 0; z-index: 10;}
nav .navi__area{width: 970px; margin: 0 auto; position: relative;}
nav .navi__area h2.logo{width: 200px; position: absolute; top: 20px; left: 5px; margin: 0;}
nav .navi__area h2 img{width: 100%;}
nav .navi__area .vp___modal__btn{display: none;}
nav.g-nav .checkbox_check,
nav.g-nav .radio_check {display: none;}
nav .navi__area ul{width: 100%; margin: 0; display: flex; justify-content: flex-end; align-items: center;}
nav .navi__area li{width: 14.5%; text-align: center;}
nav .navi__area li a{display: inline-block; color: #333 !important; font-size: 1.45rem; font-weight: 700; letter-spacing: 1px; position: relative; text-decoration: none !important; padding: 3rem 0;}
nav .navi__area li a:hover{text-decoration: none !important;}
nav .navi__area li a::after {content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background: #1b853a; transform: scale(0, 1); transform-origin: right top; transition: transform .15s;}
nav .navi__area li a:hover::after {transform-origin: left top; transform: scale(1, 1);}
nav.fixed{position: fixed; top: 0; left: 0;}

/* Contents Common */
#wrap_vspro #contents{width: 970px; margin: 0 auto; padding: 0;}
#wrap_vspro #contents a{color: #434343; }
#wrap_vspro #contents a:hover{color: #c9151e;}
#wrap_vspro #contents a.image,#wrap_vspro #contents a.image::before,#wrap_vspro #contents a.image::after{display: block; outline: 0px solid #c9151e;  outline-offset: 0px; color: #fff; -webkit-transition: all .1s; transition: all .1s;}
#wrap_vspro #contents a.image:hover{outline: 5px solid #c9151e;  outline-offset: -8px; color: #c9151e;}

#wrap_vspro #contents .boxLink {display: block; color: #fff; font-weight: 700; line-height: 55px; width: 500px; text-align: center; text-decoration: none !important; margin: 0 auto; position: relative; cursor: pointer; z-index: 1;}
#wrap_vspro #contents .boxLink:after {pointer-events: none; position: absolute; width: 100%; height: 100%; content:''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#wrap_vspro #contents .boxLink:before {speak: none; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased;}
#wrap_vspro #contents .boxLink.effect {color: #333333; font-size: 1.8rem; border: 1px #cccccc solid; -webkit-transition: color 0.3s; transition: color 0.3s;}
#wrap_vspro #contents .boxLink.effect:after {top: 0; left: 0; padding: 0; z-index: -1;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;}
#wrap_vspro #contents .boxLink.effect.sub:hover,section.base .boxLink.effect.sub:hover i {color: #c9151e;}
#wrap_vspro #contents .boxLink.effect.sub:hover:after {}
#wrap_vspro #contents .boxLink i{background: url(../img/event/cpn_vspro/vspro_arrow.png) no-repeat 50%; padding: 10px 20px;}
/* #wrap_vspro #contents .event-detail{width: 100%;} */
#wrap_vspro #contents .content-block{width: 100%; background: #fff; margin: 0; position: relative; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%); overflow: hidden;}
#wrap_vspro #contents .content-block .block-ttl h3{width: 100%; color: #fff; font-size: 2.6rem; line-height: 1.33em; padding: 15px 20px 10px;
border-bottom: 5px #c9151e solid;
background: #252525;
background: -moz-linear-gradient(top, #252525 1%, #434343 80%);
background: -webkit-linear-gradient(top, #252525 1%,#434343 80%);
background: linear-gradient(to bottom, #252525 1%,#434343 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#434343',GradientType=0 );}
#wrap_vspro #contents .content-block .block-box{padding: 4rem;}
#wrap_vspro #contents .foot_logo{width: 100%; padding: 5rem 0;}
#wrap_vspro #contents .foot_logo a{background: url(../img/event/cpn_vspro/vspro_foot_logo.png) no-repeat 50% 50%; display: block; width: 220px; text-indent: -9999px; height: 100px; margin: 0 auto;}
#wrap_vspro #contents .foot_logo a:hover{opacity: 0.5;}
#wrap_vspro #contents .foot_logo a,#wrap_vspro #contents .foot_logo a::before,#wrap_vspro #contents .foot_logo a::after {display: block; -webkit-transition: all .3s; transition: all .3s;}

/* Main image */
article#main__area{width: 100%; padding: 0;
background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 500px, rgba(242, 242, 242, 1) 540px), url(../img/event/cpn_vspro/vspro_index_hero_bg.png);
background-repeat: repeat-x;
background-position: center -25px;}
article#main__area .main__image{display: flex; align-items: center; justify-content: center;　width: 100%; max-width: 970px; height: calc(85vh - 0px); min-height: 720px; margin: 0 auto;}
article#main__area .contents-image_Area{margin: 30px 0;}
article#main__area .contents-image_Area .logoArea a{display: block; width: 300px; margin: 0 auto;}

/* Contents PlayerData */
#wrap_vspro #contents .content-block .playData .name-box {border: 1px #e3dfdf solid; background-color: rgba(255,255,255,0.8); display: table; width: 100%;}
#wrap_vspro #contents .content-block .playData .name-box h4{display: table-cell; margin: 0; color: #fff; font-size: 1.8rem; font-weight: 600; line-height: 1.8rem; padding: 3px 0 0; width: 150px; text-align: center; border-right: 5px #c9151e solid; vertical-align: middle;
background: #252525;
background: -moz-linear-gradient(top, #252525 1%, #434343 80%);
background: -webkit-linear-gradient(top, #252525 1%,#434343 80%);
background: linear-gradient(to bottom, #252525 1%,#434343 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#434343',GradientType=0 );}
#wrap_vspro #contents .content-block .playData .name-box .entry-name{display: table-cell; margin: 0; font-size: 22px; font-weight: 700; padding: 10px 15px; vertical-align: middle;}
#wrap_vspro #contents .content-block .playData .name-box .entry-name i{}
#wrap_vspro #contents .content-block .playData .name-box .entry-name i:before{content: ""; background: url(../img/event/cpn_vspro/pf-icon.svg) no-repeat; width: 32px; height: 24px; vertical-align: -4px; display: inline-block;}

/* V2 playData */
#wrap_vspro #contents .content-block .playData .v2__userData{border: 1px #e3dfdf solid; background-color: rgba(240,240,240,1.0); padding: 0;}
#wrap_vspro #contents .content-block .playData .v2__userData h3{width: 100%; color: #fff; font-size: 1.8rem; line-height: 1.6em; padding: 15px 30px 12px; margin: 0; border-bottom: 5px #c9151e solid;
background: #252525;
background: -moz-linear-gradient(top, #252525 1%, #434343 80%);
background: -webkit-linear-gradient(top, #252525 1%,#434343 80%);
background: linear-gradient(to bottom, #252525 1%,#434343 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#434343',GradientType=0 );}
#wrap_vspro #contents .content-block .playData .v2__userData h3 span{font-size: 1.25rem; margin: 0 0 0 10px; vertical-align: middle;}
#wrap_vspro #contents .content-block .playData .v2__userData h4{font-size: 2.0rem; font-weight: 800;}
#wrap_vspro #contents .content-block .playData .v2__userData h4 span{display: inline-block; color: #333; font-size: 1.25rem; font-weight: normal; margin-left: 10px; vertical-align: middle;}
#wrap_vspro #contents .content-block .playData .v2__userData h4::after{content: ""; display: block; width: 100%; height: 2px; background: #333; margin: 10px 0 15px;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount{margin-bottom: 20px;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount:last-of-type {margin-bottom: 0;}
#wrap_vspro #contents .content-block .playData .v2__userData .pro h4{color: #0a54af;}
#wrap_vspro #contents .content-block .playData .v2__userData .pro h4::after{background: #0a54af;}
#wrap_vspro #contents .content-block .playData .v2__userData .com h4{color: #c9151e;}
#wrap_vspro #contents .content-block .playData .v2__userData .com h4::after{background: #c9151e;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount dl{display: flex; justify-content: space-between; margin: 5px 0;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount dt{font-size: 1.85rem; font-weight: 700;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount dd{font-size: 2.0rem;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount dl div{display: inline-block;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount dl div.rank_in{font-weight: 700; color: #c9151e;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount dl div.top{color: #daa520;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount dd p.sub{display: inline-block; font-size: 1.25rem; margin: 0; padding: 0;}
#wrap_vspro #contents .content-block .playData .v2__userData .playCount dd p.top{font-weight: 700; font-size: 1.35rem; color: #fff; letter-spacing: 1px; background: #daa520; padding: 4px 7px 2px; margin: 0 0 0 5px; vertical-align: 3px; }
/* GetItem */
#wrap_vspro #contents .content-block .playData .v2__getItem{}
#wrap_vspro #contents .content-block .playData .v2__getItem h4{font-size: 2.0rem; font-weight: 700; color: #c9151e;}
#wrap_vspro #contents .content-block .playData .v2__getItem dl{display: flex; justify-content: space-between;}
#wrap_vspro #contents .content-block .playData .v2__getItem dt{font-size: 1.85rem; font-weight: 700;}
#wrap_vspro #contents .content-block .playData .v2__getItem dd{font-size: 2.0rem;}
#wrap_vspro #contents .content-block .playData .v2__getItem dd sup{top: 0; font-size: 2.8rem; color: #c9151e;}
/* NoLogin */
#wrap_vspro #contents .content-block .playData .v2__MLArea{width: 100%; margin: 0; padding: 0;}
#wrap_vspro #contents .content-block .playData .v2__MLArea p{margin: 10px 0 0; font-size: 1.25rem; text-align: center;}

#wrap_vspro #contents .content-block .playData .userData{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 0; margin: 0;}
#wrap_vspro #contents .content-block .playData .userData:last-of-type{margin: 0;}
#wrap_vspro #contents .content-block .playData p.notice{font-size: 1.2rem; border: none; font-weight: 700; margin: 5px 0 0; color: #c9151e;}
#wrap_vspro #contents .content-block .playData .userData .playCount{background-color: #cccccc; color: #fff; width: 70%; border-radius: 3px; padding: 20px 10px;}
#wrap_vspro #contents .content-block .playData .data-box .userData .playCount h4,
#wrap_vspro #contents .content-block .playData .data-box .userData .getItem h4{margin: 0 0 15px; font-size: 1.8rem; text-align: center;}
#wrap_vspro #contents .content-block .playData .data-box .userData .playCount ul{display: table; width: 100%;}
#wrap_vspro #contents .content-block .playData .data-box .userData .playCount ul:after{content: ""; clear: both; display: block;}
#wrap_vspro #contents .content-block .playData .data-box .userData .playCount li{display: table-cell; width: 50%; padding: 0 2%; text-align: center;}
#wrap_vspro #contents .content-block .playData .data-box .userData .playCount li:nth-of-type(2){width: 56%; padding: 0 2%; border-left: 2px #fff solid;}
#wrap_vspro #contents .content-block .playData .data-box .userData .playCount p{font-size: 2.8rem; font-weight: 600; margin: 5px 0; padding: 0; line-height: 2.4rem; display: block;}
#wrap_vspro #contents .content-block .playData .data-box .userData .playCount span{font-size: 22px; margin: 0 0 0 5px;}
#wrap_vspro #contents .content-block .playData .data-box .userData .playCount p.sub{font-size: 1.2rem; line-height: 1.2rem; margin: 0;}
#wrap_vspro #contents .content-block .playData .data-box .userData .com{background-color: #c9151e;}
#wrap_vspro #contents .content-block .playData .data-box .userData .pro{background-color: #0a54af; width: 100%;}
#wrap_vspro #contents .content-block .playData .data-box .userData .getItem{background-color: #c9151e; width: 28%; text-align: center; color: #fff; padding: 20px 10px; border-radius: 3px;}
#wrap_vspro #contents .content-block .playData .data-box .userData .getItem p.getCount{font-size: 2.8rem; font-weight: 600; margin: 23px 0 0; padding: 0; line-height: 2.8rem; display: block;}
#wrap_vspro #contents .content-block .playData .data-box .userData .getItem p.already{font-size: 2.8rem; line-height: 2.8rem;}
#wrap_vspro #contents .content-block .playData .data-box .userData .getItem span{font-size: 22px; margin: 0 0 0 5px;}

/* Ranking Result */
#wrap_vspro #contents .content-block .playData .result{margin: 25px 0 0; padding: 1px; background: #434343;}
#wrap_vspro #contents .content-block .playData .result h4{margin: 0 0 5px; font-weight: 700;  font-size: 24px; display: inline-block; text-align: center; padding: 0;}
#wrap_vspro #contents .content-block .playData .result p{text-align: center; margin: 0;}
#wrap_vspro #contents .content-block .playData .result table{background: #fff; text-align: center;}
#wrap_vspro #contents .content-block .playData .result td{padding: 35px;}
#wrap_vspro #contents .content-block .playData .rankIn{margin: 0; padding: 5px; background: url(../img/event/cpn_vspro/vspro_ranking_item_bg.gif) repeat;}
#wrap_vspro #contents .content-block .playData .rankIn h4{margin: 0 0 15px; font-size: 24px; font-weight: 700; color: #c9151e; border-bottom: #c9151e 3px solid; display: inline-block; text-align: center; padding: 0 15px 5px;}
#wrap_vspro #contents .content-block .playData .rankIn p{text-align: center; margin-bottom: 10px;}

/* No Login */
#wrap_vspro #contents .content-block .nologinArea{position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
#wrap_vspro #contents .content-block .MLArea{background-color: rgba(255,255,255,0.85); position: absolute; top: 54px; left: 0; width: 100%; height: 100%; z-index: 10;}
#wrap_vspro #contents .content-block .MLArea .linkbtnArea{width: 520px; margin: 0 auto; padding: 130px 0;}
#wrap_vspro #contents .content-block .MLArea p{margin: 10px 0; font-size: 14px; text-align: center; font-weight: 700;}

/* Contents Howto */
#wrap_vspro #contents .content-block .howto{}
#wrap_vspro #contents .content-block .block-box .event-catch {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; padding: 1rem; margin: 0;}
#wrap_vspro #contents .content-block .block-box .event-catch .ecText {text-align: center;}
#wrap_vspro #contents .content-block .block-box .event-catch .ecText h3{color: #c9151e; font-size: 2.55rem;}
#wrap_vspro #contents .content-block .block-box .event-linkArea{width: 100%; margin: 2.5rem auto 5rem;}
#wrap_vspro #contents .content-block .block-box .event-linkArea ul{width: 50%; display: flex; justify-content: center; margin: 0 auto;}
#wrap_vspro #contents .content-block .block-box .event-linkArea li{width: 100%;}
#wrap_vspro #contents .content-block .block-box .event-linkArea li .boxLink {width: 100%; height: 60px;}
#wrap_vspro #contents .content-block .block-box .event-outline h4{background: #c9151e; color: #fff; font-size: 2.0rem; font-weight: 700; padding: 10px 20px; margin-bottom: 20px;}
#wrap_vspro #contents .content-block .block-box .event-outline ul{width: 100%;}
#wrap_vspro #contents .content-block .block-box .event-outline li{font-size: 2.8rem; font-weight: 700; margin-bottom: 20px;}
#wrap_vspro #contents .content-block .block-box .event-outline dl{width: 100%; display: table; border: 2px solid #c9151e; border-radius: 5px;}
#wrap_vspro #contents .content-block .block-box .event-outline dt.ttl{background: #c9151e; display: table-cell; color: #fff; font-size: 2rem; text-align: center; width: 150px; vertical-align: middle;	}
#wrap_vspro #contents .content-block .block-box .event-outline dd{display: table-cell; vertical-align: middle; font-size: 2.0rem; padding: 20px;}
#wrap_vspro #contents .content-block .block-box .event-outline dd p{font-size: 1.6rem;}
#wrap_vspro #contents .content-block .block-box .event-outline dd ol{margin: 0 0 0 25px;}
#wrap_vspro #contents .content-block .block-box .event-outline dd ol > li{list-style: disc; font-size: 2.0rem; margin-bottom: 3px;}
#wrap_vspro #contents .content-block .block-box .event-outline dd ol > li:last-child{margin-bottom: 0;}
#wrap_vspro #contents .content-block .block-box .event-outline span{font-size: 1.2rem; line-height: 1.6em; display: block; margin-top: 0;}
#wrap_vspro #contents .content-block .block-box .event-outline .outline__period{font-size: 1.6rem; margin-bottom: 10px;}
#wrap_vspro #contents .content-block .block-box .event-outline .outline__period:last-of-type{margin-bottom: 0;}
#wrap_vspro #contents .content-block .block-box .event-outline .outline__period h4{background: #c9151e; display: inline-block; color: #fff; font-size: 1.35rem; line-height: 1; padding: 8px 10px 6px; margin: 0 10px 0 0; border-radius: 3px; position: relative; letter-spacing: 1px;}

/* Contents Present */
#wrap_vspro #contents .content-block .block-box .preItem{margin: 4rem 0;}
#wrap_vspro #contents .content-block .block-box .preItem:first-of-type{margin: 0 0 4rem;}
#wrap_vspro #contents .content-block .block-box .preItem:last-of-type{margin: 4rem 0 0;}
#wrap_vspro #contents .content-block .block-box .preItem ul{width: 100%; margin-top: 1rem;}
#wrap_vspro #contents .content-block .block-box .preItem li{font-size: 2.8rem; font-weight: 700; margin-bottom: 20px;}
#wrap_vspro #contents .content-block .block-box .preItem dl{width: 100%; display: table; border: 2px solid #c9151e; border-radius: 5px;}
#wrap_vspro #contents .content-block .block-box .preItem dt.ttl{background: #c9151e; display: table-cell; color: #fff; font-size: 2rem; text-align: center; width: 150px; vertical-align: middle;	}
#wrap_vspro #contents .content-block .block-box .preItem dd{display: table-cell; vertical-align: middle; font-size: 2.0rem; padding: 20px;}
#wrap_vspro #contents .content-block .block-box .preItem dd p{font-size: 1.6rem;}

#wrap_vspro #contents .content-block .block-box .preItem .detail{background: url(../img/event/cpn_vspro/vspro_ranking_item_bg.gif) repeat; padding: 5px;}
#wrap_vspro #contents .content-block .block-box .preItem .detail .box{background: #fff; padding: 30px; width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_1{background: #c9151e; color: #fff; position: relative; display: inline-block; margin: 30px 0 0; padding: 10px; width: 100%;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_1:before{content: ""; position: absolute; top: -40px; left: 50%; margin-left: -20px; border: 20px solid transparent; border-bottom: 20px solid #c9151e;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dl{display: table; width: 100%;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dt{display: table-cell; background: #fff; color: #c9151e; text-align: center; border-radius: 5px; vertical-align: middle; font-size: 3rem; font-weight: 700; letter-spacing: -2px; padding: 15px 10px; width: 170px; line-height: 3.2rem;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dt span{font-size: 2.2rem;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dd{font-size: 1.6rem; line-height: 3.0rem; margin: 0; text-align: center;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dd span{font-size: 2.8rem;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 .badge{position: absolute; top: -34px; left: -32px; transform: rotate(-15deg);}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_2{background: #fff; border: 7px solid #c9151e; border-radius: 10px; position: relative; margin: 30px 0 0; padding: 20px 20px 40px; width: 100%;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_2::before,#wrap_vspro #contents .content-block .block-box .preItem .add-info_2::after{content: ""; position: absolute; right: 0; left: 0; width: 0; height: 0; margin: auto;}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_2::before{top: -20px; left: 0; border-style: solid; border-color: transparent #c9151e; border-width: 35px 0px 0px 35px; transform: rotate(135deg);}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_2::after{top: -10px; left: 0; border-style: solid; border-color: transparent #fff; border-width: 35px 0px 0px 35px; z-index: 10; transform: rotate(135deg);}
#wrap_vspro #contents .content-block .block-box .preItem .add-info_2 .howto_image{width: 90%; margin: 10px auto 25px;}

#wrap_vspro #contents .content-block .block-box .itemSet .box .ttl{width: 100%; margin-bottom: 20px;}
#wrap_vspro #contents .content-block .block-box .itemSet .box .images{width: 100%; display: flex; justify-content: flex-start; align-items: center;}
#wrap_vspro #contents .content-block .block-box .itemSet .box .images ul{display: flex; justify-content: flex-start; align-items: flex-start;}
#wrap_vspro #contents .content-block .block-box .itemSet .box .images ul > li{width: 46%; margin: 0 2%;}
#wrap_vspro #contents .content-block .block-box .itemSet .box .images ul > li p{font-size: 1.4rem; margin: 10px 0 0; text-align: center; font-weight: 700;}
#wrap_vspro #contents .content-block .block-box .itemSet .box .images .movie{position:relative; width:100%; padding-top:56.25%; margin: 0;}
#wrap_vspro #contents .content-block .block-box .itemSet .box .images .movie iframe{position:absolute; top:0; right:0; width:100%; height:100%;}

#wrap_vspro #contents .content-block .block-box .preItem ul.tips li{font-size: 1.1rem; font-weight: normal; line-height: 1.75rem; margin: 0 0 0 15px;}
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .ttl{display: table-cell; vertical-align: middle; width: 55%;}
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .images{margin-bottom: 20px;}
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList h4{background: #c9151e; color: #fff; text-align: center; padding: 10px; margin-bottom: 20px;}
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dl{margin-bottom: 20px;}
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dl:last-of-type,
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dd:last-of-type{margin-bottom: 0;}
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dt{color: #c9151e; font-size: 1.9rem; line-height: 2.0rem; font-weight: 600; border-left: 5px solid; padding: 0 0 1px 10px;}
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dt span{font-size: 1.25rem;}
#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dd{font-size: 1.3rem; margin: 15px 0;}

/* Contents About */
#wrap_vspro #contents .content-block .about{border-top: none;}
#wrap_vspro #contents .content-block .about h4{font-size: 2.8rem; font-weight: normal; border-bottom: 2px #bc0000 solid; margin: 0 0 25px; padding-bottom: 10px;}
#wrap_vspro #contents .content-block .about h5{font-size: 20px; font-weight: 700; border-bottom: 2px #434343 solid; margin: 0 0 10px; padding-bottom: 5px;}
#wrap_vspro #contents .content-block .about .movieArea{margin-bottom: 40px; position: relative;}
#wrap_vspro #contents .content-block .about .movieArea a:before {display: block; content: ""; position: absolute;
top: 50%; left: 50%; width: 80px; height: 80px; border-radius: 50%; margin: -40px 0 0 -40px; border: 10px solid #fff;}
#wrap_vspro #contents .content-block .about .movieArea a:after {display: block; content: ""; position: absolute;
top: 50%; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-left: 30px solid #fff; margin: -20px 0 0 -10px;}
#wrap_vspro #contents .content-block .about .movieArea a:hover{outline: 0 solid #b71c25; outline-offset: 0;}
#wrap_vspro #contents .content-block .about .movieArea a:hover:before {
top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; margin: -60px 0 0 -60px; border: 15px solid #c9151e;}
#wrap_vspro #contents .content-block .about .movieArea a:hover:after {
top: 50%; left: 50%; width: 0; height: 0; border: 25px solid transparent; border-left: 35px solid #c9151e; margin: -25px 0 0 -13px;}

#wrap_vspro #contents .content-block .about .about-box{width: 100%; margin-bottom: 40px;}
#wrap_vspro #contents .content-block .about .about-box:last-child{margin-bottom: 0;}
#wrap_vspro #contents .content-block .about .about-box .detail{width: 48%; float: left; margin: 0 2% 0 0;}
#wrap_vspro #contents .content-block .about .about-box .detail:last-child{width: 48%; margin: 0 0 0 2%;}
#wrap_vspro #contents .content-block .about .about-box .detail p{font-size: 1.45rem; line-height: 2.5rem;}
#wrap_vspro #contents .content-block .about .about-box .outline p{font-size: 1.45rem; line-height: 2.5rem; display: block; margin: 0;}
#wrap_vspro #contents .content-block .about .about-box .detail .ttl{background: #c9151e; color: #fff; text-align: center; padding: 10px 0 8px; margin-bottom: -3px; font-weight: 700; font-size: 20px;}
#wrap_vspro #contents .content-block .about .about-box .detail .images{border: 3px solid #c9151e; margin-bottom: 15px; padding: 15px;}

#wrap_vspro #contents .content-block .about .about-box .eventInfo .event-linkArea a.boxLink{width: 185px; position: absolute; bottom: 100px; left: 15px;}
#wrap_vspro #contents .content-block .about .about-box ul{margin-bottom: 30px;}
#wrap_vspro #contents .content-block .about .about-box li{list-style: disc; line-height: 1.6em; font-size: 1.45rem; margin:0 0 0 25px;}
#wrap_vspro #contents .content-block .about .about-box li span.notice{padding: 0; color: #c9151e; font-size: 1.15rem; font-weight: 700;}
#wrap_vspro #contents .content-block .about .about-box a,#wrap_vspro #contents .content-block .about .about-box a::before,#wrap_vspro #contents .content-block .about .about-box a::after {display: block; -webkit-transition: all .3s; transition: all .3s;}
#wrap_vspro #contents .content-block .about .about-box .event-linkArea a.boxLink{width: 360px;}
#wrap_vspro #contents .content-block .about .about-box .sns_btnSet{width: 100%; display: flex; justify-content: space-between; align-items: center;}
#wrap_vspro #contents .content-block .about .about-box .sns_btnSet a:hover{opacity: 0.5;}
#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_fb,
#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_x,
#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_ig{width: 31.5%; text-align: left; font-size: 1.6rem; font-weight: 600; display: block;}
#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_fb a{background-color: #4267b2; background-image: url(../img/event/cpn_vspro/vspro_about_sns_icon_01.gif); background-repeat: no-repeat; background-position: 10% 50%; color: #fff; padding: 25px 25px 25px 85px; text-indent: 0; text-decoration: none;}
#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_x a{background-color: #000000; background-image: url(../img/event/cpn_vspro/vspro_about_sns_icon_02.gif); background-repeat: no-repeat; background-position: 10% 50%; color: #fff; padding: 25px 25px 25px 85px; text-indent: 0; text-decoration: none;}
#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_ig a{background-color: #e44160; background-image: url(../img/event/cpn_vspro/vspro_about_sns_icon_03.gif); background-repeat: no-repeat; background-position: 10% 50%; color: #fff; padding: 25px 25px 25px 85px; text-indent: 0; text-decoration: none;}

/* Notice 共通 */
#wrap_vspro #contents .content-block .notice{padding: 50px;}
#wrap_vspro #contents .content-block .notice .content-block{background: rgba(0,0,0,.75); padding: 75px 25px 50px;}
#wrap_vspro #contents .content-block .notice h4{font-size: 3.2rem; font-weight: 700; margin: -50px 0 25px; padding: 0;}
#wrap_vspro #contents .content-block .notice a:hover{text-decoration: underline;}
#wrap_vspro #contents .content-block .notice .notice__detail{height: 370px; overflow: auto; padding: 10px 5px;}
#wrap_vspro #contents .content-block .notice .notice__detail h5{font-size: 2.4rem; font-weight: 700; margin: 0 0 -1.5rem;}
#wrap_vspro #contents .content-block .notice .notice__detail ul{width: 97%;}
#wrap_vspro #contents .content-block .notice .notice__detail li{list-style: none; margin: 0;}
#wrap_vspro #contents .content-block .notice .notice__detail ul.notice-list{margin: 3rem 0;}
#wrap_vspro #contents .content-block .notice .notice__detail ul.notice-list li{list-style: disc; margin: 10px 0 10px 50px;}
#wrap_vspro #contents .content-block .notice .notice__detail .jspVerticalBar {width: 10px;}
#wrap_vspro #contents .content-block .notice .notice__detail .jspTrack{background: none;}
#wrap_vspro #contents .content-block .notice .notice__detail .jspDrag{background: #a60519;left: -10px;}


/* Ranking  */
#wrap_vspro #contents h2.contents_header_logo{display: none;}
#wrap_vspro #contents .period-bana_Area{}
#wrap_vspro #contents .period-bana_Area h3{font-size: 2.6rem; color: #333; position: relative; margin: -30px 0 10px 15px;}
#wrap_vspro #contents .period-bana_Area h3:before{content: ""; display: block; background: #a60519; width: 5px; height: 100%; position: absolute; margin: -2px 0 0 -15px;}
#wrap_vspro #contents .period-bana_Area ul{display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 20px;}
#wrap_vspro #contents .period-bana_Area ul > li{margin: 1%;}
#wrap_vspro #contents .period-bana_Area ul > li a{display: block; -webkit-transition: all .3s; transition: all .3s;}
#wrap_vspro #contents .period-bana_Area ul > li a:hover{outline: 5px solid #b71c25; outline-offset: -8px; color: #b71c25;}
#wrap_vspro #contents .period-bana_Area ul > li .end{position: relative;}
#wrap_vspro #contents .period-bana_Area ul > li a.end:before{content: ""; display: block; background: rgba(0, 0, 0, 0.65); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .3s;}
#wrap_vspro #contents .period-bana_Area ul > li a.end:hover:before{background: rgba(0, 0, 0, 0.0);}
#wrap_vspro #contents .period-bana_Area ul > li .none{position: relative; cursor: no-drop;}
#wrap_vspro #contents .period-bana_Area ul > li .none:before{content: ""; display: block; background: rgba(0, 0, 0, 0.65); width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

#wrap_vspro #contents .content-block .ranking{padding: 0;}
#wrap_vspro #contents .content-block .ranking-btn_Area{margin: 0; width: 100%;}
#wrap_vspro #contents .content-block .ranking-btn_Area p{display: inline; line-height: 1em; padding: 0; margin: 0;}
#wrap_vspro #contents .content-block .ranking-btn_Area .jp p:after,
#wrap_vspro #contents .content-block .ranking-btn_Area .gl p:after{content: ""; display: inline-block; background-repeat: no-repeat; padding: 1.4rem; margin-left: 7px; vertical-align: -7px; border-radius: 50%;
box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 15%);
-webkit-box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 15%);}
#wrap_vspro #contents .content-block .ranking-btn_Area .jp p:after{background-image: url(../img/event/cpn_vspro2025/flags_jp.svg);}
#wrap_vspro #contents .content-block .ranking-btn_Area .gl p:after{background-image: url(../img/event/cpn_vspro2025/flags_gl.svg);}
#wrap_vspro #contents .content-block .ranking-btn_Area:after{content: ""; clear: both; display: block;}
#wrap_vspro #contents .content-block .ranking-btn_Area ul{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; margin: 0; padding: 0;}
#wrap_vspro #contents .content-block .ranking-btn_Area li{width: 100%; margin: 0; position: relative;}
#wrap_vspro #contents .content-block .ranking-btn_Area li:last-child{margin:0; position: relative;}
#wrap_vspro #contents .content-block .ranking-btn_Area a.boxLink{width: 100%;}
#wrap_vspro #contents .content-block .ranking-btn_Area a:hover {color: #c9151e;}
#wrap_vspro #contents .content-block .ranking-btn_Area .effect{border-bottom: none;}
#wrap_vspro #contents .content-block .ranking-btn_Area .active {color: #fff !important; border: 1px #252525 solid; border-radius: 0;}
#wrap_vspro #contents .content-block .ranking-btn_Area .active:after {background: #252525; color: #fff;}
#wrap_vspro #contents .content-block .ranking-end{font-size: 24px; font-weight: 700; margin: 0 0 30px; text-align: center; padding: 10px; background: #c9151e; color: #fff;}
#wrap_vspro #contents .content-block .ranking-date{font-size: 1.15rem; color: #fff; text-align: right; padding: 0.75rem;
background: #252525;
background: -moz-linear-gradient(top, #252525 1%, #434343 80%);
background: -webkit-linear-gradient(top, #252525 1%, #434343 80%);
background: linear-gradient(to bottom, #252525 1%, #434343 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#434343',GradientType=0 );}
#wrap_vspro #contents .content-block .ranking-date span{font-size: 12px; display: block;}
#wrap_vspro #contents .content-block .ranking-detail{}
#wrap_vspro #contents .content-block .ranking-detail table{background:rgba(255, 255, 255, 0.3);}
#wrap_vspro #contents .content-block .ranking-detail tr{border: 1px #e3dfdf solid; background-color: rgba(255,255,255,0.8);}

#wrap_vspro #contents .content-block .ranking-detail tr.rankIn{background-color: #e7cecf;}
#wrap_vspro #contents .content-block .ranking-detail tr.top{background-color: #f0ebde;}
#wrap_vspro #contents .content-block .ranking-detail tr.rankIn td.rank div{background-color: #c9151e;}
#wrap_vspro #contents .content-block .ranking-detail tr.top td.rank div{background-color: #daa520;}

#wrap_vspro #contents .content-block .ranking-detail th{background: #c9151e; color: #fff; font-size:18px; font-weight: 700; padding: 10px 0; text-align: center;}
#wrap_vspro #contents .content-block .ranking-detail th:last-child{border-right: none;}
#wrap_vspro #contents .content-block .ranking-detail td{color: #2a281f; padding:15px; font-size:20px;}
#wrap_vspro #contents .content-block .ranking-detail td span.sub{font-size:14px;}
#wrap_vspro #contents .content-block .ranking-detail td.rank{width: 10%; font-size:20px;}
#wrap_vspro #contents .content-block .ranking-detail td.rank div{background-color: #969696; color: #fff; display: block; width: 50px; vertical-align: middle; margin: 0 auto; padding: 10px 0;}
#wrap_vspro #contents .content-block .ranking-detail td.rank span{ font-size: 13px;}
#wrap_vspro #contents .content-block .ranking-detail td.before{width:8%;text-align:center;}
#wrap_vspro #contents .content-block .ranking-detail td.name{width: 60%;}
#wrap_vspro #contents .content-block .ranking-detail td.name .cd-name{font-size: 16px; font-weight: 700;}
#wrap_vspro #contents .content-block .ranking-detail td.name .cd-name i{}
#wrap_vspro #contents .content-block .ranking-detail td.name .cd-name i:before{content: ""; background: url(../img/event/cpn_vspro/pf-icon.svg) no-repeat; width: 25px; height: 17px; display: inline-block;}
#wrap_vspro #contents .content-block .ranking-detail td.name .cd-shop{font-size: 12px;}
#wrap_vspro #contents .content-block .ranking-detail td.name .cd-shop span{font-size: 16px; display: inline-block;}
#wrap_vspro #contents .content-block .ranking-detail td.name .cd-shop a:hover{color: #cb0504; text-decoration: underline;}
#wrap_vspro #contents .content-block .ranking-detail td.max-score{text-align:center;}
#wrap_vspro #contents .content-block .ranking-detail td.rank span.interval-icon{margin:0 0 0 -9px;}
#wrap_vspro #contents .content-block .ranking-detail td.round{text-align:center;}
#wrap_vspro #contents .content-block .ranking-detail td.round span{font-size:12px;}
#wrap_vspro #contents .content-block .ranking-detail td.get-item{text-align:center;}
#wrap_vspro #contents .content-block .ranking-detail td.announce{text-align:center; font-weight:bold; color:#888;}

#wrap_vspro #contents .content-block .pager{margin: 2% auto; width: 95%; text-align: center;}
#wrap_vspro #contents .content-block .pager li{display: inline-block;}
#wrap_vspro #contents .content-block .pager a{background: #fff; width:100%; font-weight:bold; font-size:16px; text-align:center; color:#bc0000; display:block; padding:0; border: 2px solid #fff; box-shadow:0 0 0 2px rgba(201, 21, 30, 1) inset; text-decoration: none;}
#wrap_vspro #contents .content-block .pager a:hover{background: #bc0000; color:#fff;}
#wrap_vspro #contents .content-block .pager a.active p{background: #bc0000; color:#fff; border-bottom:5px solid #fff;}
#wrap_vspro #contents .content-block .pager p{border-bottom: 5px solid #bc0000; display: block; font-size: 16px; margin: 2px; min-width: 35px; padding: 10px 5px;}
#wrap_vspro #contents .content-block .pager p:hover{border-bottom:5px solid #fbfbfb;}

/* dropdown__box 共通 */
#wrap_vspro #contents .v2__userData.accordion_one {}
#wrap_vspro #contents .v2__userData.accordion_one .userData__Ttl {position: relative; /* z-index: +1; cursor: pointer; transition-duration: 0.2s; */}
#wrap_vspro #contents .v2__userData.accordion_one .userData__Ttl .i_box {display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 3%; width: 26px; height: 26px; margin-top: -8px; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.2s;}
#wrap_vspro #contents .v2__userData.accordion_one .userData__Ttl .i_box .one_i {display: block; width: 26px; height: 26px; position: relative; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.2s;}
#wrap_vspro #contents .v2__userData.accordion_one .userData__Ttl .i_box .one_i:before{content: ''; display: block; width: 26px; height: 6px; background-color: #fff; position: absolute; top: 0; bottom: 0; right: 6px; border-radius: 10px; margin: auto 0; transition: .2s;}
#wrap_vspro #contents .v2__userData.accordion_one .userData__Ttl .i_box .one_i:after {content: ''; display: block; width: 26px; height: 6px; background-color: #fff; position: absolute; top: 0; bottom: 0; right: 6px; border-radius: 10px; margin: auto 0; transition: .2s;}
#wrap_vspro #contents .v2__userData.accordion_one .userData__Ttl .i_box .one_i:before{transform: rotate(90deg);}
#wrap_vspro #contents .v2__userData.accordion_one .userData__Ttl.open .i_box .one_i:before{transform: rotate(270deg);}
#wrap_vspro #contents .v2__userData.accordion_one .userData__Ttl.open .i_box .one_i:after{transform: rotate(180deg); opacity: 0;}
#wrap_vspro #contents .v2__userData.accordion_one .accordion_inner {padding: 2rem;}



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

	/*Event - Common*/
	.sp_display{display:block !important;}
	.pc_display{display:none !important;}
	.share {margin:5% auto; position: static; text-align:right; z-index:10;}
	.share .box-tbl {margin: 0 auto; max-width:60%;}
	.share .box-tbl img {width:55px !important;}
	.share .box-tbl .cell {text-align: center; padding:0 1%;}
	article#contents.primary{margin: 0 auto !important;}
	article#contents.secondary{padding: 0 0 !important;}
	article#main__area .main__image{min-height: auto !important; height: auto !important;}
	section{padding: calc(2rem - -25px) 0 0;}
	hr {margin: 1.5rem 0;}

	/*** Event - VSPRO ***/
	#wrap_vspro{font-size: 1.4rem;}

	/* Navi */
	nav{padding: 40px 0; background: none; border: none;}
	nav .navi__area h2.logo{display: none;}
	nav .navi__area .vp___modal__btn{display: block; width: 36px; height: 36px; position: absolute; top: 50%; right: 20px; margin: -15px 0 0;}
	nav .navi__area ul{display: none; justify-content: flex-start; align-items: normal;}
	nav .navi__area li{width: 100%; text-align: center;}
	nav .navi__area li a{color: #fff !important; font-size: 1.8rem; font-weight: 700; text-shadow: 0 3px 1px #000; position: relative; text-decoration: none !important;}
	nav .navi__area li a::after {display: none;}
	nav .navi__area li a:hover::after {display: none;}
	nav.fixed{padding: 40px 0; background: none; border: none;}
	nav.g-nav #hju__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;}
	.menu{display: block; width: 38px; height: 38px; position: absolute; top: 50%; right: 0; margin: -20px 10px 0 0; padding: 6px; border-radius: 4px; background: rgba(255, 255, 255, 0.9); border: 2px solid #fff;}
	.menu span:before {bottom: -9px;}
	.menu span:after {bottom: -18px;}
	.menu span,
	.menu span::before,
	.menu span::after {content: ''; display: block; width: 22px; height: 4px; border-radius: 0; background: #c9151e; transition: 0.5s; position: absolute;}

	/* Contents Common */
	/* Main image */
	article#main__area{background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 220px, rgba(242, 242, 242, 1) 320px), url(../img/event/cpn_vspro/vspro_index_hero_bg.png); background-position: center top; background-size: 125%;}
	article#main__area .main__image{height: auto; min-height: auto;}

	#wrap_vspro #contents{width: 95%;}
	#wrap_vspro #contents .boxLink {display: block; line-height: 40px; width: 90%; height: 50px; margin: 0 auto;}
	#wrap_vspro #contents .boxLink:after {pointer-events: none; position: absolute; width: 100%; height: 100%; content:''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
	#wrap_vspro #contents .boxLink:before {speak: none; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased;}
	#wrap_vspro #contents .boxLink.effect {font-size: 16px;}
	#wrap_vspro #contents .boxLink i{background: url(../img/event/cpn_vspro/vspro_arrow.png) no-repeat 50% 55%; background-size: 10px; padding: 0px 8px;}
	#wrap_vspro #contents .content-block{margin: 0;}
	#wrap_vspro #contents .content-block .block-box{padding: 1.5rem; border: none;}
	#wrap_vspro #contents .content-block .block-ttl h3{font-size: 1.6rem; padding: 15px 10px 10px;}
	#wrap_vspro #contents .foot_logo{width: 100%; padding: 1.5rem 0;}
	#wrap_vspro #contents .foot_logo a{width: 140px; background-size: contain;}

	/* Contents PlayerData */
	#wrap_vspro #contents .content-block .playData .name-box {margin-bottom: 15px; display: block; width: 100%;}
	#wrap_vspro #contents .content-block .playData .name-box h4{display: block; font-size: 1.6rem; font-weight: normal; padding: 12px 10px 10px; width: 100%; text-align: left; border-right: none; border-bottom: 3px #c9151e solid;}
	#wrap_vspro #contents .content-block .playData .name-box .entry-name{display: block; font-size: 16px; padding: 10px;}
	#wrap_vspro #contents .content-block .playData .name-box .entry-name i:before{width: 28px; height: 21px; vertical-align: -5px;}


	/* V2 playData */
	#wrap_vspro #contents .content-block .playData .v2__userData h3{font-size: 1.6rem; line-height: 1.33em; padding: 12px 12px 10px;}
	#wrap_vspro #contents .content-block .playData .v2__userData h3 span{display: block; font-size: 1.05rem; margin: -3px 0; letter-spacing: 1px;}
	#wrap_vspro #contents .content-block .playData .v2__userData h4{font-size: 1.6rem;}
	#wrap_vspro #contents .content-block .playData .v2__userData h4 span{display: block; font-size: 1.05rem; margin: 6px 0;}
	#wrap_vspro #contents .content-block .playData .v2__userData h4::after{margin: 3px 0 15px;}
	#wrap_vspro #contents .content-block .playData .v2__userData .playCount dt{font-size: 1.6rem;}
	#wrap_vspro #contents .content-block .playData .v2__userData .playCount dd{font-size: 1.6rem; text-align: right;}
	#wrap_vspro #contents .content-block .playData .v2__userData .playCount dd p.sub{display: block; font-size: 1.2rem;}
	#wrap_vspro #contents .content-block .playData .v2__userData .playCount dd p.top{font-size: 1.25rem; padding: 4px 10px 2px; margin: 0; vertical-align: 2px;}
	/* GetItem */
	#wrap_vspro #contents .content-block .playData .v2__getItem h4{font-size: 1.6rem;}
	#wrap_vspro #contents .content-block .playData .v2__getItem dt{font-size: 1.4rem;}
	#wrap_vspro #contents .content-block .playData .v2__getItem dd{font-size: 1.6rem;}
	#wrap_vspro #contents .content-block .playData .v2__getItem dd sup{font-size: 1.6rem;}
	/* NoLogin */
	#wrap_vspro #contents .content-block .playData .v2__MLArea p{font-size: 1.05rem;}
	#wrap_vspro #contents .content-block .playData .userData{margin: 0 0 5px;}
	#wrap_vspro #contents .content-block .playData .userData:last-of-type{margin: 0;}
	#wrap_vspro #contents .content-block .playData p.notice{font-size: 1rem;}
	#wrap_vspro #contents .content-block .playData .userData .playCount{padding: 15px; float: none; width: 100%; height: auto; margin: 0 0 10px;}
	#wrap_vspro #contents .content-block .playData .data-box{padding: 0;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .playCount h4{font-size: 1.4rem;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .playCount ul{display: block; width: 100%;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .playCount li{width: 100%; padding: 0 0 10px; display: block; border-bottom: 2px #fff solid; margin-bottom: 15px;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .playCount li:nth-of-type(2){width: 100%; padding: 0; border: none; margin-bottom: 0;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .playCount p{font-size: 2.4rem; display: block;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .playCount span{font-size: 1.3rem;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .playCount p.sub{font-size: 1.1rem; margin: 0;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .getItem{float: none; width: 100%; height: auto; padding: 10px; margin: 0;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .getItem h4{margin: 0 0 5px; font-size: 16px;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .getItem p.getCount{font-size: 2.4rem; margin: 10px 0 0;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .getItem p.already{font-size: 2.0rem;}
	#wrap_vspro #contents .content-block .playData .data-box .userData .getItem span{font-size: 18px;}
	#wrap_vspro #contents .content-block .AdBox{width: 90%; margin: 0 auto;}


	/* Ranking Result */
	#wrap_vspro #contents .content-block .playData .result{margin: 25px 0 0; padding: 1px; background: #434343;}
	#wrap_vspro #contents .content-block .playData .result h4{margin: 0 0 5px; font-weight: 700;  font-size: 16px; display: inline-block; text-align: center; padding: 0;}
	#wrap_vspro #contents .content-block .playData .result p{text-align: center; margin: 0;}
	#wrap_vspro #contents .content-block .playData .result td{padding: 15px;}
	#wrap_vspro #contents .content-block .playData .rankIn{margin: 0; padding: 5px; background: url(../img/event/cpn_vspro/vspro_ranking_item_bg.gif) repeat;}
	#wrap_vspro #contents .content-block .playData .rankIn h4{margin: 0 0 10px; font-size: 16px; padding: 0 0 5px;}
	#wrap_vspro #contents .content-block .playData .rankIn p{font-size: 1.25rem; text-align: center; margin-bottom: 10px;}

	/* No Login */
	#wrap_vspro #contents .content-block .MLArea .linkbtnArea{width: 90%; margin: 0 auto; padding: 175px ​0 0;}
	#wrap_vspro #contents .content-block .MLArea p{margin: 10px 0; font-size: 14px;}

	/* Contents Howto */
	#wrap_vspro #contents .content-block .block-box .event-catch {padding: 2rem 0;}
	#wrap_vspro #contents .content-block .block-box .event-catch .ecText {float: none; width: 90%; margin: 0 auto;}
	#wrap_vspro #contents .content-block .block-box .event-catch .ecText h3{font-size: 2.0rem;}
	#wrap_vspro #contents .content-block .block-box .event-catch .ecImage {float: none; width: 90%; margin: 0 auto;}
	#wrap_vspro #contents .content-block .block-box .event-linkArea{width: 100%; margin: 1rem auto;}
	#wrap_vspro #contents .content-block .block-box .event-linkArea ul{width: 100%; justify-content: center; flex-direction: column;}
	#wrap_vspro #contents .content-block .block-box .event-linkArea li{width: 100%; margin-bottom: 15px;}
	#wrap_vspro #contents .content-block .block-box .event-linkArea li:last-child{margin-bottom: 0;}
	#wrap_vspro #contents .content-block .block-box .event-linkArea li .boxLink {height: 50px;}
	#wrap_vspro #contents .content-block .block-box .event-outline {padding: 25px 0 0;}
	#wrap_vspro #contents .content-block .block-box .event-outline h4{background: #c9151e; color: #fff; font-size: 20px; font-weight: 700; padding: 10px 20px; margin-bottom: 20px;}
	#wrap_vspro #contents .content-block .block-box .event-outline li{font-size: 16px;}
	#wrap_vspro #contents .content-block .block-box .event-outline li:last-child{margin: 0;}
	#wrap_vspro #contents .content-block .block-box .event-outline dl{width: 100%; display: block;}
	#wrap_vspro #contents .content-block .block-box .event-outline dt.ttl{display: block; font-size: 1.6rem; padding: 5px; width: 100%; margin-bottom: 0;}
	#wrap_vspro #contents .content-block .block-box .event-outline dd{display: block; font-size: 1.35rem; padding: 5%;}
	#wrap_vspro #contents .content-block .block-box .event-outline dd p{font-size: 1.2rem;}
	#wrap_vspro #contents .content-block .block-box .event-outline dd ol{margin: 0 0 0 25px;}
	#wrap_vspro #contents .content-block .block-box .event-outline dd ol > li{font-size: 1.5rem; margin-bottom: 3px;}
	#wrap_vspro #contents .content-block .block-box .event-outline span{display: block; font-size: 1.05rem; line-height: 1.6em; margin-top: 10px;}
	#wrap_vspro #contents .content-block .block-box .event-outline .outline__period{font-size: 1.2rem;}
	#wrap_vspro #contents .content-block .block-box .event-outline .outline__period h4{display: block; width: 85px; text-align: center; font-size: 1.1rem; line-height: 1; padding: 6px 0 5px; margin: 0 0 5px; letter-spacing: 0;}

	/* Contents Present */
	#wrap_vspro #contents .content-block .block-box .preItem{margin: 2rem 0;}
	#wrap_vspro #contents .content-block .block-box .preItem h4{margin-bottom: 15px;}
	#wrap_vspro #contents .content-block .block-box .preItem:first-of-type{margin: 0 0 2rem;}
	#wrap_vspro #contents .content-block .block-box .preItem:last-of-type{margin: 2rem 0 0;}
	#wrap_vspro #contents .content-block .block-box .preItem ul{margin-top: 0;}
	#wrap_vspro #contents .content-block .block-box .preItem li{font-size: 2.8rem; font-weight: 700; margin-bottom: 20px;}
	#wrap_vspro #contents .content-block .block-box .preItem dl{width: 100%; display: table; border: 2px solid #c9151e; border-radius: 5px;}
	#wrap_vspro #contents .content-block .block-box .preItem dt.ttl{font-size: 1.5rem; width: 80px;}
	#wrap_vspro #contents .content-block .block-box .preItem dd{font-size: 1.4rem; padding: 10px;}
	#wrap_vspro #contents .content-block .block-box .preItem dd p{font-size: 1.6rem;}

	#wrap_vspro #contents .content-block .block-box .preItem .detail{background: url(../img/event/cpn_vspro/vspro_ranking_item_bg.gif) repeat; padding: 5px;}
	#wrap_vspro #contents .content-block .block-box .preItem .detail .box{background: #fff; padding: 5%; display: block;}
	#wrap_vspro #contents .content-block .block-box .itemSet .box .images{width: 100%; display: flex; justify-content: flex-start; align-items: center;}
	#wrap_vspro #contents .content-block .block-box .itemSet .box .images ul{flex-direction: column;}
	#wrap_vspro #contents .content-block .block-box .itemSet .box .images ul > li{width: 100%; max-width: 400px; margin: 0 auto 2rem;}
	#wrap_vspro #contents .content-block .block-box .itemSet .box .images ul > li p{font-size: 1.4rem; margin: 10px 0 0; text-align: center; font-weight: 700;}

	#wrap_vspro #contents .content-block .block-box .itemSet-1 .box .ttl{display: block; width: 90%; margin: 0 auto 15px;}
	#wrap_vspro #contents .content-block .block-box .itemSet-2 .box .ttl{width: 90%; margin: 0 auto 15px;}
	#wrap_vspro #contents .content-block .block-box .itemSet-1 .box .images ul{width: 100%; flex-wrap: wrap;}
	#wrap_vspro #contents .content-block .block-box .itemSet-1 .box .images ul > li{width: 100%; margin: 0 0 15px;}
	#wrap_vspro #contents .content-block .block-box .itemSet-1 .box .images ul > li:last-child{margin: 0;}
	#wrap_vspro #contents .content-block .block-box .itemSet-1 .box .images ul > li p{margin: 5px 0 0;}
	#wrap_vspro #contents .content-block .block-box .itemSet-2 .box .imagesSet{width: 100%; flex-wrap: wrap;}
	#wrap_vspro #contents .content-block .block-box .itemSet-2 .box .imagesSet .images{width: 100%; margin: 0 0 15px;}
	#wrap_vspro #contents .content-block .block-box .itemSet-2 .box .imagesSet .images:last-of-type{margin: 0;}
	#wrap_vspro #contents .content-block .block-box .itemSet-2 .box .imagesSet .images .icon_pf{top: -10px; left: -5px; width: 160px;}
	#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .images{width: 100%; margin: 0 auto;}
	#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList h4{padding: 7px; margin: 15px 0; font-size: 1.4rem;}
	#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dl{margin-bottom: 20px;}
	#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dt{font-size: 1.35rem; line-height: 1.8rem; padding: 0 0 0 5px;}
	#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dt span{font-size: 0.9rem;}
	#wrap_vspro #contents .content-block .block-box .itemSet-3 .box .itemList dd{font-size: 1.15rem; line-height: 1.6; margin: 10px 0;}

	#wrap_vspro #contents .content-block .block-box .preItem .photo_image{margin: 20px 0 5px;}
	#wrap_vspro #contents .content-block .block-box .preItem ul.tips li{margin: 0 0 0 5px;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_1{padding: 10px; background: #c9151e;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dl{display: block;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dt{display: block; font-size: 1.8rem; letter-spacing: 0; padding: 5px 0; margin: 0 0 10px; width: 100%;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dt span{font-size: 3.2rem;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dd{display: block; font-size: 1.4rem; line-height: 2.4rem;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 dd span{font-size: 2rem;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_1 .badge{top: -25px; left: -15px; width: 20%; max-width: 100px;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_2{background: #fff; border: 5px solid #c9151e; padding: 20px 0;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_2::before{top: -15px; border-width: 20px 0px 0px 20px;}
	#wrap_vspro #contents .content-block .block-box .preItem .add-info_2::after{top: -8px; border-width: 20px 0px 0px 20px;}

	/* Contents About */
	#wrap_vspro #contents .content-block .about h4{font-size: 1.8rem; margin: 25px 0 10px; padding-bottom: 10px;}
	#wrap_vspro #contents .content-block .about h4:first-of-type{margin: 0 0 1.5rem;}
	#wrap_vspro #contents .content-block .about h5{font-size: 18px; margin: 25px 0 10px; padding-bottom: 5px;}
	#wrap_vspro #contents .content-block .about .movieArea{margin-bottom: 15px;}
	#wrap_vspro #contents .content-block .about .about-box{margin-bottom: 30px;}
	#wrap_vspro #contents .content-block .about .about-box .detail{width: 100%; float: none; margin: 0 0 2.5rem;}
	#wrap_vspro #contents .content-block .about .about-box .detail:last-child{margin: 0; width: 100%;}
	#wrap_vspro #contents .content-block .about .about-box .detail .ttl{margin-bottom: 0px; padding: 10px 5px 5px; font-size: 1.6rem;}
	#wrap_vspro #contents .content-block .about .about-box .detail .images{margin-bottom: 10px;}
	#wrap_vspro #contents .content-block .about .about-box .detail .images a{width: 100%; max-width: 400px; margin: 0 auto;}
	#wrap_vspro #contents .content-block .about .about-box .outline p {font-size: 1.2rem; line-height: 2.2rem;}
	#wrap_vspro #contents .content-block .about .about-box .eventInfo{height: auto; padding-top: 0; background: none;}
	#wrap_vspro #contents .content-block .about .about-box .eventInfo .event-linkArea a.boxLink{width: 185px; position: absolute; bottom: 100px; left: 15px;}
	#wrap_vspro #contents .content-block .about .about-box ul{margin-bottom: 15px;}
	#wrap_vspro #contents .content-block .about .about-box li{margin: 0 0 10px 20px;}
	#wrap_vspro #contents .content-block .about .about-box li span.notice{display: block; line-height: 1.6em; margin-top: 5px;}

	#wrap_vspro #contents .content-block .about .about-box .event-linkArea a.boxLink{width: 100%;}
	#wrap_vspro #contents .content-block .about .about-box .sns_btnSet{display: block;}
	#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_fb,
	#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_x,
	#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_ig{width: 100%; max-width: 360px; margin: 15px auto;}
	#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_fb a,
	#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_x a,
	#wrap_vspro #contents .content-block .about .about-box .sns_btnSet .sns_ig a{padding: 15px 10px 15px 65px; background-size: 35px; background-position: 5% 50%; text-indent: 0;}

	/* Notice 共通 */
	#wrap_vspro #contents .content-block .notice{padding: 1.5rem;}
	#wrap_vspro #contents .content-block .notice .notice__detail{height: 260px;}
	#wrap_vspro #contents .content-block .notice .notice__detail h5{font-size: 1.6rem; margin: 0.75rem 0;}
	#wrap_vspro #contents .content-block .notice .notice__detail ul > li{margin-bottom: 2.5rem;}
	#wrap_vspro #contents .content-block .notice .notice__detail ul > li:last-child;{margin-bottom: 0;}
	#wrap_vspro #contents .content-block .notice .notice__detail ul.notice-list{margin: 0;}
	#wrap_vspro #contents .content-block .notice .notice__detail ul.notice-list li{font-size: 1.25rem; line-height: 1.6em; margin: 1rem 0 1rem 2.5rem;}
	#wrap_vspro #contents .content-block .notice .notice__detail .jspVerticalBar {width: 7px;}
	#wrap_vspro #contents .content-block .notice .notice__detail .jspDrag{left: -7px;}


	/* Ranking  */
	#wrap_vspro #contents h2.contents_header_logo{display: block; width: 100%; max-width: 240px; text-align: center; padding: 1rem; margin: 1.5rem auto -3rem;}
	#wrap_vspro #contents .period-bana_Area h3{font-size: 2.0rem; margin: -40px 0 15px 25px;}
	#wrap_vspro #contents .period-bana_Area h3:before{content: ""; display: block; background: #a60519; width: 5px; height: 100%; position: absolute; margin: -2px 0 0 -15px;}
	#wrap_vspro #contents .period-bana_Area ul{display: block; margin: 0 0 20px;}
	#wrap_vspro #contents .period-bana_Area ul > li{width: 80%; margin: 10px auto; max-width: 485px;}
	#wrap_vspro #contents .period-bana_Area ul > li a{display: block; -webkit-transition: all .3s; transition: all .3s;}
	#wrap_vspro #contents .period-bana_Area ul > li a:hover{outline: 5px solid #b71c25; outline-offset: -8px; color: #b71c25;}
	#wrap_vspro #contents .period-bana_Area ul > li .none{position: relative; cursor: no-drop;}
	#wrap_vspro #contents .period-bana_Area ul > li .none:before{content: ""; display: block; background: rgba(0, 0, 0, 0.65); width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

	#wrap_vspro #contents .content-block .ranking{border: none; border-top: none; padding: 0;}
	#wrap_vspro #contents .content-block .ranking-btn_Area{margin: 0; width: 100%;}
	#wrap_vspro #contents .content-block .ranking-btn_Area .jp p:after,
	#wrap_vspro #contents .content-block .ranking-btn_Area .gl p:after{padding: 0.95rem; margin-left: 4px; vertical-align: -6px;
	box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 15%);
	-webkit-box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 15%);}
	#wrap_vspro #contents .content-block .ranking-btn_Area:after{content: ""; clear: both; display: block;}
	#wrap_vspro #contents .content-block .ranking-btn_Area ul{width: 100%; margin: 0; padding: 0;}
	#wrap_vspro #contents .content-block .ranking-btn_Area li{float: left; width: 50%; margin: 0; position: relative;}
	#wrap_vspro #contents .content-block .ranking-btn_Area li:last-child{margin:0; position: relative;}
	#wrap_vspro #contents .content-block .ranking-btn_Area a.boxLink{font-size: 1.15rem;}
	#wrap_vspro #contents .content-block .ranking-btn_Area a:hover {color: #c9151e;}
	#wrap_vspro #contents .content-block .ranking-btn_Area .effect{ border-bottom: none;}
	#wrap_vspro #contents .content-block .ranking-btn_Area .active {color: #fff !important; border:4px #252525 solid;}
	#wrap_vspro #contents .content-block .ranking-btn_Area .active:after {background: #252525; color: #fff;}
	#wrap_vspro #contents .content-block .ranking-end{font-size: 14px; margin: 0 0 15px;}
	#wrap_vspro #contents .content-block .ranking-date{font-size: 1.05rem; padding: 0.55rem;}

	#wrap_vspro #contents .content-block .ranking-detail table{table-layout: fixed;}
	#wrap_vspro #contents .content-block .ranking-detail tbody{width:100%;}
	#wrap_vspro #contents .content-block .ranking-detail th{font-size:12px; padding: 6px 0;}
	#wrap_vspro #contents .content-block .ranking-detail th.ttl-rank{width: 55px;}
	#wrap_vspro #contents .content-block .ranking-detail th.ttl-card{width: auto;}
	#wrap_vspro #contents .content-block .ranking-detail th.ttl-score{width: 90px;}
	#wrap_vspro #contents .content-block .ranking-detail td{padding:5px 2px; font-size:12px;}
	#wrap_vspro #contents .content-block .ranking-detail td span.sub{font-size:12px;}

	#wrap_vspro #contents .content-block .ranking-detail td.rank{width: 15%; font-size: 1.35rem;}
	#wrap_vspro #contents .content-block .ranking-detail td.rank div{width: 40px; padding: 10px 0;}
	#wrap_vspro #contents .content-block .ranking-detail td.rank span{ font-size: 13px;}
	#wrap_vspro #contents .content-block .ranking-detail td.before{width:8%;text-align:center;}

	#wrap_vspro #contents .content-block .ranking-detail td.rank span{ font-size: 10px;}
	#wrap_vspro #contents .content-block .ranking-detail td.before{min-width:50px; text-align:center; width:10%;}
	#wrap_vspro #contents .content-block .ranking-detail td.name{width: auto;}
	#wrap_vspro #contents .content-block .ranking-detail td.name .cd-name{font-size: 12px; line-height: 1.33em; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 5px 0 -3px;}
	#wrap_vspro #contents .content-block .ranking-detail td.name .cd-name i:before{content: ""; background: url(../img/event/cpn_vspro/pf-icon.svg) no-repeat; width: 28px; height: 17px; display: inline-block; vertical-align: -3px;}
	#wrap_vspro #contents .content-block .ranking-detail td.name .cd-shop{font-size: 12px; line-height: 1.33em; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
	#wrap_vspro #contents .content-block .ranking-detail td.round{min-width:65px;}
	#wrap_vspro #contents .content-block .ranking-detail td.round span{font-size:9px;}

	#wrap_vspro #contents .content-block .pager{margin: 3% auto; width: 240px; width:95%;}
	#wrap_vspro #contents .content-block .pager a{padding:0; border: 2px solid #fff;}
	#wrap_vspro #contents .content-block .pager p{font-size: 12px; margin: 1px; min-width: 35px; padding: 8px;}


	/* == Modal ================================================== */
	#vp__modal{display: block;}
	.vp__js-modal__bg {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; display: none;}
	.vp__js-modal__main {display: none; width: 100%; height: 100%; padding: 0; margin: 0; position: fixed; top: 0; left: 0; background-color: rgb(255 255 255 / 0.95); z-index: 50;}
	.vp__js-modal__main .modal__contentsBox{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0;}
	.vp__js-modal__main .modal__contentsBox .vp__modal__menu ul{list-style: none; margin: 0; padding: 0;}
	.vp__js-modal__main .modal__contentsBox .vp__modal__menu ul > li a{display: flex; justify-content: flex-start; align-items: center; color: #c9151e; font-size: 3.2rem; font-weight: 700; padding: 0.75rem 0;}
	.vp__js-modal__main .modal__contentsBox .vp__modal__menu ul > li a:hover {text-decoration: none !important;}
	.vp__js-modal__btn--close--fix {display: block; width: 100%; max-width: 200px; background: #c9151e; border: 2px solid #fff; border-radius: 10px; color: #fff; font-size: 1.85rem; font-weight: 700; text-decoration: none; text-align: center; padding: 1rem; margin: 2.5rem auto 0; transition: all .3s; cursor: pointer;}
	.vp__js-modal__main._slideUp {animation: SlideUp .5s ease-in-out forwards;}
	.vp__js-modal__main._slideDown {animation: SlideDown .5s ease-in-out forwards;}
}
@media (max-width: 1024px) {
	article#main__area .main__image {height: calc(65vh - 0px); min-height: 720px;}
}
@media (max-width: 560px) {
}
@media (max-width: 400px) {
    #wrap_vspro #contents .content-block .ranking-btn_Area a.boxLink{font-size: 0.85rem;}
	#wrap_vspro #contents .content-block .ranking-btn_Area .jp p:after,
	#wrap_vspro #contents .content-block .ranking-btn_Area .gl p:after{padding: 0.7rem; vertical-align: -4px;}
}
@media (min-width: 768px) and (max-width: 991px) {/*tablet*/}
@media (min-width: 992px) and (max-width: 1199px) {/* desk top */}
@media (min-width: 1200px) {/*desk top learge */}
@media (min-width: 768px) {/*sm~lg*/}


/*animated ==============================================================================*/
.animated {animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@keyframes load1 {
  0%,
  80%,
  100% {box-shadow: 0 0; height: 4em;}
  40%  {box-shadow: 0 -2em; height: 5em;}
}
@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 sdb {
  0%   {opacity: 0;}
  50%  {opacity: 1;}
  100% {opacity: 0;}
}