html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol, li {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:2px solid #cccccc;margin:4em 0;padding:0}
input, select {vertical-align:middle}

/* responsive view */
.spView{display:none;}
@media screen and (max-width: 767px) { 
.pcView{display:none;}
.spView{display:block;}
}
/* other */
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;} 
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/*========================================
BASIC
=======================================*/
html{-webkit-text-size-adjust:100%}
body{max-width: 1920px; margin: 0 auto;overflow-x: hidden;width: 100%;color:#0B0B0B;font-family: 'Noto Sans JP', sans-serif;line-height:1.4;font-size: 18px;font-weight: 700;background:#00151c url("../img/bg.png") no-repeat; background-position: top center;background-size:1920px auto;position: relative;}
figure {line-height: 0}
img{line-height: 1;width: 100%;height: auto;}
h1,h2,h3,dt,th {font-weight: 600}
@media screen and (max-width: 1366px) {
body{background:#00151c url("../img/bg2.png") no-repeat;background-position: top center;background-size:1366px auto;}
}
@media screen and (max-width: 767px) {
body{background:#00151c url("../img/bg_sp.png") no-repeat;background-position: top center;background-size:100% auto;}
}
p {margin-bottom: 3%;}
.Hv {transition: .4s;}
.Hv:hover {transition: .4s; opacity: 0.7;}

/*========================================
MENU
=======================================*/

/**SCROLLBAR STYLE FOR IE**/
body {scrollbar-base-color: #138a72; scrollbar-3dlight-color: #fff; scrollbar-highlight-color: #1abc9c; scrollbar-track-color: #fff; scrollbar-arrow-color: #1abc9c; scrollbar-shadow-color: #1abc9c; scrollbar-dark-shadow-color: #1abc9c; -ms-overflow-style: -ms-autohiding-scrollbar;}

/*========================================
TEXT & TEXTAREA
=======================================*/
input, textarea, select {font-family:'Noto Sans JP', "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], textarea {width:100%;border:1px solid #ECE1E1;background:#FFF;margin:0 0 2%;padding:2%;border-radius:4px;box-sizing: border-box;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus{border: 2px solid #F85E8E;outline: none;}


/*========================================
 COMMON STYLE
=======================================*/
a{color:#674F52;text-decoration:none;}
a:hover{color:#674F52;}


/* フォントカラー */
.red, .color-red {color:#dd3f00;}

/* フォント位置 */
.txt-l {text-align: left;}
.txt-r {text-align: right;}
.txt-c {text-align: center !important;}
.midNote {margin-bottom: 30px;}

/* フォントサイズ */
.fs-80 {font-size:80%;}
.fs-90 {font-size:90%;}
.fs-120 {font-size:120%;}
.fs-140 {font-size:140%;}
.fs-160 {font-size:160%;}
.fs-180 {font-size:180%;}
.fs-200 {font-size:200%;}
.quoteNote {text-align: right;font-size: 8px;padding-right: 5px;}

.effect-fade {opacity : 0;transform : translate(0, 60px);transition : all 1000ms;}
.effect-fade.effect-scroll {opacity : 1;transform : translate(0, 0);}
.effect-zoom {opacity : 0.1;transform : scale(1.2,1.2);transition : all 500ms;}
.effect-zoom.effect-scroll {opacity : 1;transform : scale(1,1);}

/* margin */
.mt-0 {margin-top: 0!important;}
.mt-2 {margin-top: 2%!important;}
.mt-4 {margin-top: 4%!important;}
.mt-5 {margin-top: 5%!important;}
.mt-6 {margin-top: 6%!important;}
.mt-8 {margin-top: 8%!important;}
.mt-10 {margin-top: 10%!important;}
.mt-20px {margin-top: 20px!important;}

.mb-0 {margin-bottom: 0!important;}
.mb-2 {margin-bottom: 2%!important;}
.mb-4 {margin-bottom: 4%!important;}
.mb-5 {margin-bottom: 5%!important;}
.mb-6 {margin-bottom: 6%!important;}
.mb-8 {margin-bottom: 8%!important;}
.mb-10 {margin-bottom: 10%!important;}
.mb-12px {margin-bottom: 12px!important;}
.mb-15px {margin-bottom: 15px!important;}
@media screen and (max-width: 767px) {
.mt-20px {margin-top: 0px!important;}
}

/* フォントデコレーション */
.u-l { text-decoration:underline;}
.bold, .Bold {font-weight: 700;}
/* section */
section{}


/*========================================
CONTENTS
=======================================*/
section {width: 100%;position: relative;margin: 0 auto;box-sizing: border-box;}
@media screen and (max-width: 767px) {
section {max-width: 100%;width: 100%; display: block;overflow: hidden;}
}

/*====
header
=====*/
header {position: absolute; top: 10px; left: 10px; width: 191px; height: 55px;}
header .logo{}
@media screen and (max-width: 767px) {
header {position: absolute; top: 10px; left: 10px; width: 83.35px; height: 24px;}
}
/*====
hero
=====*/
.hero {width: 100%;position: relative;padding: 20px 0 20px;}
.hero .Cnt {margin: 0 auto;width: 100%;width: 1025px;overflow: hidden;}
.hero .Cnt h1 {width: 543px;margin: 0 auto 15px;}
.hero .Cnt h2 {width: 1020px;margin: 0 auto 10px;}
.hero .Cnt p {text-align: center;font-size: 20px;line-height: 1.7;margin-bottom: 15px;}
.hero .Cnt .start {width: 692px;margin: 0 auto 5px;}
.hero .Cnt .endMessage {border-radius: 16px;background: #fff;padding: 20px;margin: 25px auto 25px;box-sizing: border-box; max-width: 920px;width: 90%}
.hero .Cnt .endMessage h3 {text-align: center;font-size: 26px;margin-bottom: 20px;font-weight: 900}
.hero .Cnt .endMessage p {text-align: left;}
.hero .Cnt p .red {background: #fff;padding: 5px 10px;font-size: 90%}
@keyframes gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
@media screen and (max-width: 767px) {
.hero {padding: 20px 0 12px;}
.hero .Cnt {width: 96%}
.hero .Cnt h1 {width: 240px;margin: 10px auto 10px;}
.hero .Cnt h2 {width: 90%;margin: 0 auto 6px;}
.hero .Cnt p {font-size: 15px;line-height: 1.2}
.hero .Cnt .start {width: 96%;margin: 0 auto 5px;}
.hero .Cnt .endMessage {padding: 15px;margin: 20px auto;width: 96%;}
.hero .Cnt .endMessage h3 {font-size: 16px;margin-bottom: 10px;letter-spacing: -1px;}
.hero .Cnt .endMessage p {font-weight:400:}
.hero .Cnt p .red {padding: 2px 5px;font-size: 14px}
}

/*====
descSec
=====*/
section.descSec {width: 1132px;margin: 0 auto 30px;}
section.descSec .Cnt{display: block;}
section.descSec .Cnt ul{width: 100%;display: inline-block;}
section.descSec .Cnt li{width: 24%; float: left; margin-right: 1.333333%;}
section.descSec .Cnt li:last-child {margin-right: 0;float: right;}
section.descSec .Cnt .icon{background:#fff;width: 144px; height: 72px; border-radius: 50% / 100% 100% 0 0;position: relative;margin: 0 auto;}
section.descSec .Cnt .icon .ico{position: absolute;margin: auto;top: 40px;left: 0; right: 0 ;bottom: 0;}
.ico-radio{width: 72.08px;height: 72px;}
.ico-predict{width: 63.58px;height: 72px;}
.ico-point{width: 55.77px;height: 72px;}
.ico-prize{width: 49.5px;height: 72px;}
section.descSec .Cnt .desc{background: #fff; border-radius: 16px;box-sizing: border-box;min-height: 257px;padding: 30px 25px 10px;}
section.descSec .Cnt h3{width: 224px; margin: 0 auto 10px;}
section.descSec .Cnt p{font-size: 18px;margin-bottom: 0;font-weight: 500;}
@media screen and (max-width: 767px) {
section.descSec {width: 92%;margin: 0 auto 0px;overflow: visible;}
section.descSec .Cnt li{width: 100%; margin-right:0;position: relative;margin-bottom: 10px;}
section.descSec .Cnt li:last-child {float: left;}
section.descSec .Cnt .icon{background:#fff;width: 40px; height: 80px; border-radius: 100% 0 0 100% / 50%;position: absolute; top: calc(50% - 40px);float: left;}
section.descSec .Cnt .icon .ico{top: 2px; left: 21px;}
.ico-radio{width: 40px;height: 39.6px;}
.ico-predict{width: 38.55px;height: 43.66px;}
.ico-point{width: 33.82px;height: 43.66px;}
.ico-prize{width: 30.29px;height: 43.68px;}
section.descSec .Cnt .desc{width: calc(100% - 40px); min-height: auto;padding: 20px 15px 15px 25px;float: right;}
section.descSec .Cnt h3{width: 256px; margin: 0 0 8px;}
section.descSec .Cnt p{font-size: 15px; margin-bottom: 0}
}

/*====
bnrSec
=====*/
section.bnrSec {width: 1132px;margin: 0 auto 40px;}
section.bnrSec .Cnt{}
.shadow {filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));}
@media screen and (max-width: 767px) {
section.bnrSec {width: 100%;margin: 0 auto 0;}
section.bnrSec .bnrs {width: 94%; margin: 0 auto;}
section.bnrSec .bnrs img {width: 100%;height: auto;}
section.bnrSec .bnrs a {margin-bottom: 15px;display: block;}
}

/*====
presentSec
=====*/
section.presentSec {width: 1132px;margin: 50px auto 20px;padding-bottom: 30px;}
section.presentSec .Cnt {position: relative;}
section.presentSec .Cnt h2 {width: 98%;max-width: 1084px; margin: 0 auto;position: relative;z-index: 100}
section.presentSec .Cnt .box {background: #FAF9C4;margin-top: -120px;border-radius: 16px;position: relative;z-index: 50;padding: 86px 20px 30px}
section.presentSec .Cnt ul{width: 100%;display: inline-block;margin-bottom: 15px;}
section.presentSec .Cnt ul li {box-sizing: border-box;padding: 10px 20px 0;position: relative;background: #fff; border-radius: 16px;float: left;}
section.presentSec .Cnt ul li .mask {width: 100%;height: 100%;background:rgba(0, 0, 0, .5);position: absolute;border-radius: 16px;left: 0 ;top: 0;z-index: 1}
section.presentSec .Cnt ul li .mask .mes{ color: #fff;text-align: center;font-weight: 900;font-size: 28px;line-height: 100%;width: 100%;height: 28px;margin: auto;top: 0;bottom: 0;position: absolute}
section.presentSec .Cnt ul.column3 li{width: 32%; margin-right: 2%;font-weight: 900}
section.presentSec .Cnt ul.column3 li:last-child,
section.presentSec .Cnt ul.column4 li:last-child
{margin-right: 0;float: right;}
section.presentSec .Cnt ul.column4 li{width: 24%; margin-right: 1.333333%;}
section.presentSec .Cnt ul li .limited {position: absolute;width: 72px; height: 72px;left: 10%}
section.presentSec .Cnt ul.column3 li figure {margin: 0 auto 10px; width: 70%; max-width: 240px; height: auto; overflow: hidden;}
section.presentSec .Cnt ul.column4 li figure {margin: 0 auto 10px; width: 70%;max-width: 160px; height: auto; overflow: hidden;}
section.presentSec .Cnt ul li .tit {text-align: center;font-size: 18px;line-height: 1.2;}
section.presentSec .Cnt ul.column3 li .tit {min-height: 48px;}
section.presentSec .Cnt ul li .point {text-align: center;font-size: 32px;margin-bottom: 0;font-family: "Yantramanav", sans-serif;}
section.presentSec .Cnt ul li .point span {font-size:18px; }
section.presentSec .Cnt .notion {width: 70%;max-width: 721px;margin: 0 auto 30px}
section.presentSec .Cnt .notion h3 {font-weight: 900;font-size: 18px;margin-bottom: 4px;}
section.presentSec .Cnt .notion p {margin-bottom: 15px;font-weight: 500;font-size: 14px;}
section.presentSec .Cnt .exBtn {position: absolute;bottom: -40px;left: 0;right: 0;margin: auto;max-width: 748px;max-height: 80px;width: 70%;}
@media screen and (max-width: 767px) {
section.presentSec {width: 100%;margin: 0px auto 0px;padding-bottom: 65px;}
section.presentSec .Cnt h2 {width: 100%;position: relative;top: 0px; z-index: 100}
section.presentSec .Cnt .box {margin: -380px auto 0; border-radius: 16px; position: relative; z-index: 50; padding: 330px 16px 30px; width: 92%;box-sizing: border-box;}
section.presentSec .Cnt .notion {width: 100%;max-width: 748px;margin: 0 auto 20px}
section.presentSec .Cnt .exBtn {width: 100%;bottom: -30px;}
.slideContainer {position: relative;z-index: 70;top: -30px;}
section.presentSec .Cnt .notion {width: 100%;}
section.presentSec .Cnt .notion h3 {font-weight: 900;font-size: 12px;margin-bottom: 4px;}
section.presentSec .Cnt .notion p {margin-bottom: 15px;font-weight: 500;font-size: 10px;}
}

/*====
slider
=====*/


/*====
howtoSec
=====*/
section.howtoSec {width: 1132px;margin: 70px auto 20px;}
section.howtoSec .Cnt {position: relative;}
section.howtoSec .Cnt h2 {background: #18464C;height: 40px;border-radius: 20px;margin-bottom: 30px; text-align: center; box-sizing: border-box; padding: 1px 0;font-family: "Mochiy Pop P One", sans-serif;font-weight: 400;font-size: 28px;color: #fff;}
section.howtoSec .Cnt ul{width: 100%;display: inline-block;margin-bottom: 15px;}
section.howtoSec .Cnt li{width: 32%; margin-right: 2%;float: left;background: #fff;position: relative;box-sizing: border-box;padding: 8px;border-radius: 16px;}
section.howtoSec .Cnt li:last-child {margin-right: 0;float: right;}
section.howtoSec .Cnt li .box {}
section.howtoSec .Cnt li .num {width: 70px; height: 70px; position: absolute;margin: auto;left: 0;right: 0;top: -20px;}
section.howtoSec .Cnt li .heading {background: #FAF9C4;height: 118px;box-sizing: border-box;border-top-right-radius: 12px;border-top-left-radius: 12px;}
section.howtoSec .Cnt li h3 {font-weight: 700;font-size: 23px;line-height: 120%;text-align: center;color: #18464C;padding-top: 48px;}
section.howtoSec .Cnt li .mid {box-sizing: border-box;min-height: 118px;padding: 12px 15px;font-weight: 500;font-size: 18px;line-height: 1.4;}
section.howtoSec .Cnt li:last-child .mid {min-height:auto;padding: 15px 15px 0px;line-height: 1.2}
section.howtoSec .Cnt li .bottom {background: #EDE2CC;height: 150px;box-sizing: border-box;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;padding: 15px 0;position: relative;bottom: 0}
section.howtoSec .Cnt li .bottom .logged {background: #FFFFFF; border-radius: 14px; text-align: center; color: #231F20; width: 90%; /*position: absolute; top: 0; bottom: 0; left: 0; right: 0;*/ height: 29px; margin: auto; box-sizing: border-box; line-height: 29px;}
section.howtoSec .Cnt li .bottom .joined {background: #FFFFFF; border-radius: 14px;font-size: 18px; text-align: center; color: #231F20; width: 90%; height: 22px; margin: 0 auto; box-sizing: border-box; line-height: 22px;}
section.howtoSec .Cnt li:last-child .bottom {background: #fff;height: auto;padding: 0;width: 100%;margin: 0 auto; bottom: -7px;}
section.howtoSec .Cnt li .btn {position: relative;display: block;width: 90%;height: 56px;box-sizing: border-box; margin: 0 auto;border-radius: 16px;color:#231F20;}
section.howtoSec .Cnt li .btn.yellow {background: #FFF100;}
section.howtoSec .Cnt li .btn.yellow:before {position: absolute; top: 5px; left: 5px; width: calc(100% - 16px); height: calc(100% - 16px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 2px dotted rgba(0, 0, 0, .10); border-radius: 12px;}
section.howtoSec .Cnt li .btn.black,
section.howtoSec .Cnt li .btn.black2
{background: #000;color: #fff}
section.howtoSec .Cnt li .btn.black:before,
section.howtoSec .Cnt li .btn.black2:before
{position: absolute; top: 5px; left: 5px; width: calc(100% - 16px); height: calc(100% - 16px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 2px dotted rgba(255,255,255,.20); border-radius: 12px;}
section.howtoSec .Cnt li .btn.gray {background: #EBEBEB;color: #C3C2C2;}
section.howtoSec .Cnt li .btn.gray:before {position: absolute; top: 5px; left: 5px; width: calc(100% - 16px); height: calc(100% - 16px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 2px dotted rgba(0, 0, 0, .10); border-radius: 12px;}
section.howtoSec .Cnt li .btn .tx {text-align: center;position: relative;font-size: 24px;line-height: 56px;}
section.howtoSec .Cnt li .btn .tx.reg:before {content: "";display: inline-block; background-image: url("../img/icon_member.svg");width: 34.67px; height: 32px;background-repeat: none; vertical-align: -5px; margin-right: 8px;}
section.howtoSec .Cnt li .btn .tx.join:before {content: "";display: inline-block; background-image: url("../img/icon_check.svg");width: 35px; height: 32px;background-repeat: none;vertical-align: -5px; margin-right: 8px;}
section.howtoSec .Cnt li .btn .tx.twitter:before {content: "";display: inline-block; background-image: url("../img/icon_move.svg");width: 35px; height: 32px;background-repeat: none;vertical-align: -5px; margin-right: 8px;}
section.howtoSec .Cnt li .btn.gray .tx.join:before,
section.howtoSec .Cnt li .btn.gray .tx.twitter:before {content: "";display: inline-block; background-image: url("../img/icon_check_transparent.svg");width: 0px; height: 0px;background-repeat: none;vertical-align: -5px; margin-right: 8px;}
section.howtoSec .Cnt li .arrow {position: absolute; top: calc(50% - 28px); right: -39px; height: 56px; width: 56px; z-index: 10;}
section.howtoSec .Cnt li .x-input {background:#EDE2CC;background-image: url("../img/icon-tw.svg");background-repeat: no-repeat;background-position: 3% 50%;background-size: 43px auto; border-bottom: 1px solid #000;margin: 0 auto 15px; width: 90%;overflow: hidden;padding-bottom: 14px;}
section.howtoSec .Cnt li .x-input input {background-color: #EDE2CC; font-size: 16px; width: calc(100% - 55px); float: right; padding: 5px 5px; box-sizing: border-box; margin: 0;position: relative; top: 6px;}
section.howtoSec .Cnt li .accountName {text-align: center;display: flex;width: 100%;height: 45px;box-sizing: border-box; margin: 0 auto;border-radius: 16px; justify-content: center; align-items: center;}
section.howtoSec .Cnt li .accountName .icon {background-image: url("../img/icon-tw.svg");background-repeat: no-repeat;background-size: 36px auto; width: 40px; height: 25px; background-position: 0px 3px;}
section.howtoSec .Cnt li .accountName .txt {font-size:24px; font-weight: 700 }
section.howtoSec .Cnt li .x-input.mrgNone {margin-bottom: 4px;padding-bottom: 5px;background-position: 3% 12px;}
section.howtoSec .Cnt li .x-input input ::placeholder {color: #231F20;}
@media screen and (max-width: 767px) {
section.howtoSec {width: 94%;margin: 0px auto 20px;}
section.howtoSec .Cnt {position: relative;}
section.howtoSec .Cnt h2 {height: 40px;margin-bottom: 20px;padding: 6px 0;font-size: 21px;}
section.howtoSec .Cnt ul{width: 100%;display: inline-block;margin-bottom: 0;}
section.howtoSec .Cnt li{width: 100%; margin-right: 0;padding: 8px;margin-bottom: 15px;}
section.howtoSec .Cnt li:last-child {margin-right: 0;margin-bottom: 0}
section.howtoSec .Cnt li .box {}
section.howtoSec .Cnt li .num {width: 48px; height: 48px; position: absolute;margin: auto;left: 8px;right: auto;top:16px;}
section.howtoSec .Cnt li .heading {height: 65px;box-sizing: border-box;padding: 10px 10px 10px 52px;}
section.howtoSec .Cnt li h3 {font-size: 18px;text-align: left;padding: 0 5px;}
section.howtoSec .Cnt li .mid {min-height: 80px;padding: 15px 15px;font-size: 14px;line-height: 120%;}
section.howtoSec .Cnt li:last-child .mid {min-height:auto;padding: 15px 15px 11px;}
section.howtoSec .Cnt li .bottom {height: auto;min-height: 72px; padding: 12px 15px;position: relative;}
section.howtoSec .Cnt li:last-child .bottom {background: #fff;height: auto;padding: 0;width: 96%;margin: 0 auto;}
section.howtoSec .Cnt li .btn {position: relative;display: block;width: 100%;height: 48px;}
section.howtoSec .Cnt li .btn.flL {float: left; width: 48%;}
section.howtoSec .Cnt li .btn.flR {float: right; width: 48%;}
section.howtoSec .Cnt li .btn.mb-12px {/*margin-bottom: 0!important*/}
section.howtoSec .Cnt li .btn.yellow:before {top: 4px; left: 4px; width: calc(100% - 14px); height: calc(100% - 14px); content: ''; border: 2px dotted rgba(0, 0, 0, .10); border-radius: 12px;}
section.howtoSec .Cnt li .btn.black:before {top: 4px; left: 4px; width: calc(100% - 14px); height: calc(100% - 14px); content: '';border: 2px dotted rgba(255,241,0,.50); border-radius: 12px;}
section.howtoSec .Cnt li .btn .tx {font-size: 18px;line-height: 48px;}
section.howtoSec .Cnt li .btn .tx.reg:before {width: 26px; height: 24px;vertical-align: -5px; margin-right: 6px;background-size: 26px auto;}
section.howtoSec .Cnt li .btn .tx.join:before {width: 26px; height: 24px;vertical-align: -5px; margin-right: 6px;background-size: 26px auto;}
section.howtoSec .Cnt li .btn .tx.twitter:before {width: 26px; height: 24px;vertical-align: -4px; margin-right: 6px;background-size: 26px auto;}
section.howtoSec .Cnt li .arrow {position: absolute; left: calc(50% - 18px); bottom: -24px; top:auto; right:0; height: 36px; width: 36px;}
section.howtoSec .Cnt li .x-input {background-position: 3% 50%;background-size: 40px auto; border-bottom: 1px solid #000;margin: 0 auto 15px; width: 100%;}
section.howtoSec .Cnt li .x-input input {font-size: 12px;}
section.howtoSec .Cnt li .bottom .logged { position: relative; margin: 0 auto; line-height: 17px; font-size: 14px; width: 100%; height: 17px}
section.howtoSec .Cnt li .bottom .joined {font-size: 14px; width: 100%; height: 17px; margin: 0 auto; line-height: 17px;}
section.howtoSec .Cnt li .x-input.mrgNone {background-position: 3% 50%;background-size: 40px auto; border-bottom: 1px solid #000;margin: 10px auto 10px; padding-bottom: 12px; width: 100%;}
section.howtoSec .Cnt li .accountName {text-align: center;display: flex;width: 100%;height: 55px;box-sizing: border-box; margin: 0 auto;border-radius: 16px; justify-content: center; align-items: center;}
}

/*====
socialSec
=====*/
section.socialSec {width: 1132px;margin: 0 auto 0px;background-image: url("../img/border-social.png"); background-repeat: repeat-x;background-size: 12px 2px;padding-top: 40px;}
section.socialSec .Cnt {position: relative;overflow: hidden;}
section.socialSec .Cnt .lefter {float: left;max-width: 748px;width: 66%}
section.socialSec .Cnt .righter {float: right;max-width: 364px;width: 32%}
section.socialSec .Cnt .bnrs {overflow: hidden;margin-bottom: 20px;width: 364px;float: left;}
section.socialSec .Cnt .bnrs.horizontal {width: 100%;}
section.socialSec .Cnt .bnrs li {width: 100%;float: left;box-sizing: border-box;border: 8px solid #FFFFFF;border-radius: 16px;text-align: center;height: 100px;position: relative;margin-bottom: 12px;}
section.socialSec .Cnt .bnrs.horizontal li {width: 32%;margin-right: 2%;}
section.socialSec .Cnt .bnrs.horizontal li:last-child {margin-right: 0}
section.socialSec .Cnt .bnrs li.bbp {background:#B0D137}
section.socialSec .Cnt .bnrs li.radiko {background:#0099DD}
section.socialSec .Cnt .bnrs li.tw {background:#0F1419}
section.socialSec .Cnt .bnrs li .bnr {display: block;vertical-align: middle;width: 100%;}
section.socialSec .Cnt .bnrs li img {width: 186px; height: 72px;position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0}
section.socialSec .Cnt .bnrs li:last-child {margin-bottom: 0;}
section.socialSec .Cnt .commentary {border-radius: 16px; background: #fff;box-sizing: border-box;padding: 16px 20px;position: relative;width: 748px;float: right;}
section.socialSec .Cnt .commentary .Cnt {}
section.socialSec .Cnt .commentary .Cnt h2 {position: relative;font-family: "Mochiy Pop P One", sans-serif;font-size: 28px;font-weight: 400; padding: 5px 0 0 50px;margin-bottom: 0px;}
section.socialSec .Cnt .commentary .Cnt h2:before {content: "";background: url("../img/icon-mic.svg") no-repeat;background-size:48px auto;width: 48px; height: 48px;position: absolute;left: 0;top: 0;}
section.socialSec .Cnt .commentary .Cnt table {width: 540px;margin: 16px auto 40px;}
section.socialSec .Cnt .commentary .Cnt .lSide {width: 100%;position: relative;margin: 0 auto 10px;}
section.socialSec .Cnt .commentary .Cnt .rSide {width: 100%;/* margin: 0 auto; */}
section.socialSec .Cnt .commentary .Cnt .lSide .playCancel,
section.socialSec .Cnt .commentary .Cnt .lSide .playCancel2
{position: absolute;left: 15%;top: 184px;margin: 0 auto;background: #D14931;width: 70%;height: 22px;line-height: 22px;color: #fff;text-align: center;}
section.socialSec .noBroadcastiong {min-height: 224px;}
section.socialSec .noBroadcastiong figure{width: 420px; height:130px;position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin: auto;}
@media screen and (max-width: 767px) {
section.socialSec {width: 94%;margin: 0 auto 20px;background-image:none;padding-top: 0px;}
section.socialSec .Cnt {position: relative;overflow: hidden;}
section.socialSec .Cnt .lefter,
section.socialSec .Cnt .righter {width: 100%;}
section.socialSec .Cnt .bnrs {margin-bottom: 5px;width: 100%}
section.socialSec .Cnt .bnrs li {width: 100%;background: #B0D137;border: 4px solid #FFFFFF;height: 54px;}
section.socialSec .Cnt .bnrs li .bnr {}
section.socialSec .Cnt .bnrs li img {width: 100px; height: 41px;position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0}
section.socialSec .Cnt .bnrs li:last-child {background: #0099DD;float: right;}
section.socialSec .Cnt .commentary {width: 100%; padding: 15px;margin-bottom: 15px;}
section.socialSec .Cnt .commentary .Cnt {}
section.socialSec .Cnt .commentary .Cnt h2 {font-size: 21px;padding: 5px 0 0 40px;margin-bottom: 20px;}
section.socialSec .Cnt .commentary .Cnt h2:before {background-size:36px auto;width: 36px; height: 36px;}
section.socialSec .Cnt .commentary .Cnt table {width: 100%;margin: 0 auto;}
section.socialSec .Cnt .commentary .Cnt .lSide,
section.socialSec .Cnt .commentary .Cnt .rSide {float: none;width: 100%}
section.socialSec .Cnt .commentary .Cnt .lSide {min-height:auto;}
section.socialSec .Cnt .commentary .Cnt .lSide .playCancel,
section.socialSec .Cnt .commentary .Cnt .lSide .playCancel2{position: relative;left: 0;top: 8px;width: 100%;height: 17px;line-height: 17px;font-size: 14px;/* margin-bottom: 15px; */}
section.socialSec .noBroadcastiong {min-height: auto;}
section.socialSec .noBroadcastiong figure{width: 100%; height:auto;position: relative;}
}


section.socialSec .box {overflow: hidden;}
section.socialSec table {margin: 0 auto; width: 100%}
section.socialSec table td {vertical-align: middle;text-align: center;line-height: 1;}
section.socialSec table .time {background: #EBEBEB;font-weight: 700;font-size: 28px;height: 24px;}
section.socialSec table .teamName {font-weight: 700;font-size: 32px;line-height: 1;padding:20px 0 20px;width: 36%;}
section.socialSec table .nml {font-weight: 700;font-size: 16px;line-height: 100%;width: 28%}
section.socialSec table .teamLogo {}
section.socialSec table .teamLogo img {width: 40px; height: 40px;}
section.socialSec table .nml {font-weight: 700;font-size: 16px;}
section.socialSec table .nml.place {font-size: 14px;}
section.socialSec .personality {width: 100%;/* margin: 0 auto; */}
section.socialSec .personality ul {overflow: hidden;display: flex;justify-content: center;/* text-align: center; *//* margin: auto; *//* width: auto; */}
section.socialSec .personality li {position: relative;width: 25%;float: left;display: table;/* margin: 0 auto; */}
section.socialSec .personality li figure {display: table-cell;vertical-align: middle;border: 4px solid #EDE2CC;overflow: hidden;width: 70px;height: 70px;border-radius: 50%;margin-bottom: 6px;}
section.socialSec .personality li figure img {width: 100%;height: auto;}
section.socialSec .personality li .txt {display: table-cell;vertical-align: middle;width: 100px;box-sizing: border-box;padding-left: 4px;}
section.socialSec .personality li .label {background: #231F20; width: 48px; height: 25px; text-align: center; color: #fff; font-size: 14px; border-radius: 22px; box-sizing: border-box; padding: 4px 0;display: block;font-weight: 700;margin-bottom: 4px;}
section.socialSec .personality li .name {font-weight: 700;font-size: 16px;text-align: left;display: block;}
section.socialSec .twBlock {width: 100%; margin: 0 auto 20px;}
@media screen and (max-width: 767px) {
section.socialSec table {margin: 0 auto 10px;}
section.socialSec table .time {font-size: 28px;height: 24px;}
section.socialSec table .teamName {font-size: 20px;line-height: 1;padding:0px 0 8px;width: 40%;}
section.socialSec table .teamLogo img {width: 26px; height: 26px;}
section.socialSec table .nml {font-size: 11px;vertical-align: middle; padding-bottom: 3px;width: 20%}
section.socialSec .personality {width: 100%;}
section.socialSec .personality ul {display: table;width: 100%;}
section.socialSec .personality li {position: relative;width: 50%;display: table;float: left;margin-top: 8px;}
section.socialSec .personality li:last-child {/* float: right; */}
section.socialSec .personality li figure {vertical-align: middle;width: 72px;height: 72px; margin-bottom: 6px;float: none;display: table-cell}
section.socialSec .personality li .txt {width: calc(100% - 72px);padding-left: 8px}
section.socialSec .personality li .label {width: 42px; height: 21px; font-size: 11px;line-height: 21px; border-radius: 22px; padding: 0 0;margin-bottom: 2px;}
section.socialSec .personality li .name {text-align: left;font-size: 12px;}
section.socialSec .twBlock {display: none;}
}

/*====
predictSec
=====*/
section.predictSec {width: 1132px;margin: 0 auto;overflow: hidden;}
section.predictSec .Cnt {position: relative;}
section.predictSec .Cnt h2 {background: #337F99;height: 40px;border-radius: 20px;margin-bottom: 30px; text-align: center; box-sizing: border-box; padding: 1px 0;font-family: "Mochiy Pop P One", sans-serif;font-weight: 400;font-size: 28px;color: #fff;}
section.predictSec .Cnt ul {}
section.predictSec .Cnt ul li {float: left;width: 556px;border-radius: 16px;background: #fff;box-sizing: border-box;padding: 8px;margin-bottom: 15px;}
section.predictSec .Cnt ul li:nth-child(2n) {float: right;}
section.predictSec .Cnt ul li .heading {background: #EFEA3A4D;border-top-right-radius: 12px;border-top-left-radius: 12px;padding: 5px 0 8px;}
section.predictSec .Cnt ul li .heading table {width: 100%;margin-bottom: 5px;margin-top: 10px;}
section.predictSec .Cnt ul li .heading table td {vertical-align: middle;text-align: center;}
section.predictSec .Cnt ul li .heading table .teamName {font-weight: 700;font-size: 26px;line-height: 0;vertical-align: middle; width: 36%;}
section.predictSec .Cnt ul li .heading table .vs {font-weight: 900;font-size: 24px;width: 28%;font-family: "Yantramanav", sans-serif;height: 50px;top: 3px; position: relative;}
section.predictSec .Cnt ul li .heading table .vs .num {font-size: 72px; line-height: 0;position: relative; top: 10px;}
section.predictSec .Cnt ul li .heading table .vs .bar {padding: 0 20px 0px; position: relative; font-size: 36px;}
section.predictSec .Cnt ul li .heading table .teamLogo {vertical-align: middle;}
section.predictSec .Cnt ul li .heading table .teamLogo img {width: 37px; height: 37px;top: 4px; position: relative;}
section.predictSec .Cnt ul li .heading table .nml {font-weight: 500;font-size: 14px;line-height: 1;vertical-align: middle;}
section.predictSec .Cnt ul li .heading table .nml span {display: block;font-weight:700; position: relative;top: -4px;}
section.predictSec .Cnt ul li .heading .btns {margin: 0 auto;overflow: hidden;}
section.predictSec .Cnt ul li .heading .btns.one {width: 154px;}
section.predictSec .Cnt ul li .heading .btns.two {width: 290px;}
section.predictSec .Cnt ul li .heading .btns .btn-detail{width: 154px; height: auto;}
section.predictSec .Cnt ul li .heading .btns .btn-radiko{width: 116.75px; height: auto;float: right;}
section.predictSec .Cnt ul li .heading .btns.two .btn-detail {float: left;}
section.predictSec .Cnt ul li .heading .playCancel,
section.predictSec .Cnt ul li .heading .playCancel2
{background:#D14931;width: 94%;height: 22px;font-size: 18px;line-height: 22px;  color: #fff;text-align: center;margin: 18px auto 10px;}
section.predictSec .Cnt .noPlay {text-align: center;color: #fff;font-weight: 900;font-size: 28px;margin: 50px auto;}
@media screen and (max-width: 767px) {
section.predictSec {width: 94%;}
section.predictSec .Cnt h2 {height: 40px;margin-bottom: 20px;padding: 9px 0;font-size: 18px;}
section.predictSec .Cnt ul li {width: 100%;padding: 8px;margin-bottom: 15px; position:relative;}
section.predictSec .Cnt ul li .heading {padding: 8px 0}
section.predictSec .Cnt ul li .heading table {width: 100%;margin-bottom: 30px;margin-top: 5px;}
section.predictSec .Cnt ul li .heading table .teamName {font-size: 20px;width: 40%;height: 27px;}
section.predictSec .Cnt ul li .heading table .vs {font-size: 24px; width: 40%; height: 50px; top: 38px; position: absolute; left: 0; right: 0; margin: auto; display: table;}
section.predictSec .Cnt ul li .heading table .vs .num {font-size: 54px;line-height: 1; display: table-cell;top: 0; width: 50%; text-align: right; padding: 0 30px 0 0;box-sizing: border-box;}
section.predictSec .Cnt ul li .heading table .vs .num.right{text-align: left; padding: 0 0 0 30px;}	
section.predictSec .Cnt ul li .heading table .vs .bar {opacity: 0; padding:0 20px; font-size: 1px;display: table-cell; display: none;}
section.predictSec .Cnt ul li .heading table .teamLogo img {width: 26px; height: 26px;top: 4px; position: relative;}
section.predictSec .Cnt ul li .heading table .nml {font-size: 12px;line-height: 2; position: absolute; top: 56px; left: 0; right: 0; margin: auto;}
section.predictSec .Cnt ul li .heading table .nml span {display: block;font-weight:700; position: relative;top: -4px;}
section.predictSec .Cnt ul li .heading .btns {margin: 0 auto;overflow: hidden;}
section.predictSec .Cnt ul li .heading .btns img {width: 100%;height: auto}
section.predictSec .Cnt ul li .heading .btns.one {width: 125px;}
section.predictSec .Cnt ul li .heading .btns.two {width: 230px;}
section.predictSec .Cnt ul li .heading .btns .btn-detail{width: 125px; height: auto;}
section.predictSec .Cnt ul li .heading .btns .btn-radiko{width: 92px; height: auto;float: right;}
section.predictSec .Cnt ul li .heading .btns.two .btn-detail {float: left;}
section.predictSec .Cnt ul li .heading .playCancel {height: 17px;font-size: 14px;line-height: 17px;  color: #fff;text-align: center;margin: 40px auto 14px;}
section.predictSec .Cnt .noPlay {font-size: 20px;margin: 40px auto;}
}


section.predictSec .Cnt ul li .mid {padding: 6px 0 8px;}
section.predictSec .Cnt ul li .mid table {width: 500px; margin: 0 auto 5px;}
section.predictSec .Cnt ul li .mid table td {vertical-align: middle;text-align: center;}
section.predictSec .Cnt ul li .mid table td.percent {font-family: "Yantramanav", sans-serif;font-weight: 900;font-size: 12px;vertical-align:bottom;text-align: left;line-height: 1;}
section.predictSec .Cnt ul li .mid table td.percent.rSide,
section.predictSec .Cnt ul li .mid table td.num.rSide
{text-align: right;}
section.predictSec .Cnt ul li .mid table td.num {font-family: "Yantramanav", sans-serif;font-weight: 900;font-size: 24px;line-height: 100%;width: 38px;text-align: left;}
section.predictSec .Cnt ul li .mid table td.graph {width: 180px;height: 46px;}
section.predictSec .Cnt ul li .mid table td .barBG {width: 180px;height: 32px;background: #EBEBEB;position: relative;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
section.predictSec .Cnt ul li .mid table td .bar {position: absolute;right: 0;height: 32px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
section.predictSec .Cnt ul li .mid table td.graph.rSide .barBG {border-radius: 0;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
section.predictSec .Cnt ul li .mid table td.graph.rSide .bar {left: 0;border-radius: 0;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
section.predictSec .Cnt ul li .mid table td.centerLogo {border-right: 2px solid #EBEBEB;border-left: 2px solid #EBEBEB;width: 68px;box-sizing: border-box;}
section.predictSec .Cnt ul li .mid table td.centerLogo img {width: 48px; height: auto;}
section.predictSec .Cnt ul li .mid table td .bar.bar-yakuklt {background: #4CAF50;}
section.predictSec .Cnt ul li .mid table td .bar.bar-carp {background: #F44336;}
section.predictSec .Cnt ul li .mid table td .bar.bar-dragons {background: #1976D2;}
section.predictSec .Cnt ul li .mid table td .bar.bar-dena {background: #004A8F;}
section.predictSec .Cnt ul li .mid table td .bar.bar-tigers {background: #FFDF00;}
section.predictSec .Cnt ul li .mid table td .bar.bar-giants {background: #FF6F00;}
section.predictSec .Cnt ul li .mid table td .bar.bar-ham {background: #0277bd;}
section.predictSec .Cnt ul li .mid table td .bar.bar-softbank {background: #ffd740;}
section.predictSec .Cnt ul li .mid table td .bar.bar-rakuten {background: #d32f2f;}
section.predictSec .Cnt ul li .mid table td .bar.bar-lions {background: #00214b;}
section.predictSec .Cnt ul li .mid table td .bar.bar-lotte {background: #000000;}
section.predictSec .Cnt ul li .mid table td .bar.bar-orix {background: #B7A436;}
@media screen and (max-width: 767px) {
section.predictSec .Cnt ul li .mid table {width: 100%; margin: 0 auto;}
section.predictSec .Cnt ul li .mid table td.percent {font-size: 10px;}
section.predictSec .Cnt ul li .mid table td.num {font-size: 18px;width: 8%;text-align: left;}
section.predictSec .Cnt ul li .mid table td.graph {width: 34%;height: 34px;}
section.predictSec .Cnt ul li .mid table td .barBG {width: 100%;height: 18px;}
section.predictSec .Cnt ul li .mid table td .bar {position: absolute;right: 0;height: 18px;}
section.predictSec .Cnt ul li .mid table td.centerLogo {border-right: 1px solid #EBEBEB;border-left: 1px solid #EBEBEB;width: 16%;padding: 4px 0 0 0;}
section.predictSec .Cnt ul li .mid table td.centerLogo img {width: 36px; height: auto;}
}


section.predictSec .Cnt ul li .bottom {height: 70px; padding: 1px 0;background: #EBEBEB;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px}
section.predictSec .Cnt ul li .bottom .btns {width: 96%;margin: 0 auto;}
section.predictSec .Cnt ul li .bottom .btns li{width: 50%;background: none;margin-bottom: 0;}
section.predictSec .Cnt ul li .bottom .btns li:last-child {float: right;}
section.predictSec .Cnt ul li .bottom .btns li.short {width:36%;}
section.predictSec .Cnt ul li .bottom .btns li.long {width: 64%;}
section.predictSec .Cnt ul li .bottom .btn {text-align: center;display: flex;width: 100%;height: 52px;box-sizing: border-box; margin: 0 auto;border-radius: 16px; justify-content: center; align-items: center; }
section.predictSec .Cnt ul li .bottom .btn.shadow {filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.2));}
section.predictSec .Cnt ul li .bottom .btn .tx {line-height: 1.2;font-size: 20px;padding-left: 5px;}
section.predictSec .Cnt ul li .bottom .btn.gray .tx {padding-left: 0px;}
section.predictSec .Cnt ul li .bottom .btn .icon {width: 33px;}
section.predictSec .Cnt ul li .bottom .btn.yellow {background: #FFF100;}
section.predictSec .Cnt ul li .bottom [vote_active="0"] .btn.yellow {cursor: pointer;}
section.predictSec .Cnt ul li .bottom .btn.gray {background: #EBEBEB;color: #C3C2C2;}
section.predictSec .Cnt ul li[allow_vote="1"] .bottom .btn.gray { cursor: pointer;}
section.predictSec .Cnt ul li .bottom .btn.black {background: #231f20;color: #fff; cursor: pointer;}
section.predictSec .Cnt ul li .bottom .btn.yellow .icon {background-image: url("../img/icon_check.svg"); background-repeat: no-repeat; background-size: 100% auto; width: 33px; height: 31px;}
section.predictSec .Cnt ul li .bottom .btn.yellow.twitter .icon {background-image: url("../img/icon_move.svg"); background-repeat: no-repeat; background-size: 100% auto; width: 33px; height: 31px;}
section.predictSec .Cnt ul li .bottom .btn.gray .icon { width: 0px; height: 0;}
section.predictSec .Cnt ul li .bottom .btn.black .icon {background-image: url("../img/icon_check2.svg"); background-repeat: no-repeat; background-size: 100% auto; width: 33px; height: 31px;}
section.predictSec .Cnt ul li .bottom .btn.yellow:before {position: absolute; top: 4px; left: 4px; width: calc(100% - 12px); height: calc(100% - 12px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 2px dotted rgba(0, 0, 0, .10); border-radius: 12px;}
section.predictSec .Cnt ul li .bottom .btn.gray:before {position: absolute; top: 4px; left: 4px; width: calc(100% - 12px); height: calc(100% - 12px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 2px dotted rgba(0, 0, 0, .10); border-radius: 12px;}
section.predictSec .Cnt ul li .bottom .btn.black:before {position: absolute; top: 4px; left: 4px; width: calc(100% - 12px); height: calc(100% - 12px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 2px dotted #4f4c4d; border-radius: 12px;}
section.predictSec .Cnt ul li .bottom a .btn {transition: .4s;}
section.predictSec .Cnt ul li .bottom a .btn:hover {transition: .4s; opacity: 0.7;}
@media screen and (max-width: 767px) {
section.predictSec .Cnt ul li .bottom {height: 68px;bpadding: 8px 0;}
section.predictSec .Cnt ul li .bottom .btns {width: 100%;margin: 0 auto;}
section.predictSec .Cnt ul li .bottom .btns li,
section.predictSec .Cnt ul li .bottom .btns li.short,
section.predictSec .Cnt ul li .bottom .btns li.long
{width: 50%;}
section.predictSec .Cnt ul li .bottom .btns li:last-child {float: right;}
section.predictSec .Cnt ul li .bottom .btn {text-align: center;display: flex;width: 100%;height: 52px;box-sizing: border-box; margin: 0 auto;border-radius: 16px; justify-content: center; align-items: center; }
section.predictSec .Cnt ul li .bottom .btn .tx {line-height: 1.2;font-size: 14px;padding-left: 5px;}
section.predictSec .Cnt ul li .bottom .btn.yellow .icon,
section.predictSec .Cnt ul li .bottom .btn.yellow.twitter .icon,
section.predictSec .Cnt ul li .bottom .btn.black .icon
{width: 26px; height: 24px;}
section.predictSec .Cnt ul li .bottom .btn.gray .icon { width: 0px; height: 0;}
section.predictSec .Cnt ul li .bottom .btn.gray:before {position: absolute; top: 4px; left: 4px; width: calc(100% - 12px); height: calc(100% - 12px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 2px dotted rgba(0, 0, 0, .10); border-radius: 12px;}
section.predictSec .Cnt ul li .bottom .btn.black:before {position: absolute; top: 4px; left: 4px; width: calc(100% - 12px); height: calc(100% - 12px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 2px dotted #4f4c4d; border-radius: 12px;}
section.predictSec .Cnt ul li .bottom .btn.yellow.join .tx {font-size:18px;}
section.predictSec .Cnt ul li .bottom .btn.yellow.twitter .tx {font-size:14px; line-height: 1.1;}
}


/*====
campBnrSec
=====*/
section.campBnrSec {width: 1132px;margin: 0 auto 20px;}
section.campBnrSec .Cnt {position: relative;}
@media screen and (max-width: 767px) {
section.campBnrSec {width: 94%;margin: 0 auto 20px;}
}

/*====
campBnrSec2
=====*/
section.campBnrSec2 {width: 1132px;margin: 0 auto 20px;}
section.campBnrSec2 .Cnt {position: relative;}
@media screen and (max-width: 767px) {
section.campBnrSec2 {width: 94%;margin: 0 auto 20px;}
}
/*====
rankingSec
=====*/
section.rankingSec {width: 1132px;margin: 0 auto;}
section.rankingSec .Cnt {position: relative;}
section.rankingSec h2 {width: 832px;margin: 0 auto 15px;}
section.rankingSec h2 img {width: 100%;height: auto;}
section.rankingSec .prof {width: 940px; height: 108px; border: 4px solid #FFF100;background: #231F20; box-sizing: border-box;padding: 10px;margin: 0 auto 15px;}
section.rankingSec h3 {font-weight: 900;font-size: 20px;line-height: 100%;color: #fff;text-align: center;margin-bottom: 5px;}
section.rankingSec .points {text-align: center;font-weight: 900;font-size: 20px;display: flex;width: 100%; justify-content: center; align-items: center;}
section.rankingSec .points .set{}
section.rankingSec .label {background: #fff;border-radius: 4px;color: #231F20;line-height: 1; margin-right: 12px;padding: 0px 8px;position: relative;top: -9px;}
section.rankingSec .point {color: #FFF100;font-family: "Yantramanav", sans-serif;font-size: 25px;margin-right: 12px;line-height: 1;}
section.rankingSec .point span {font-size:56px;padding-right: 4px;}
section.rankingSec .point.last {margin-right: 0}
@media screen and (max-width: 767px) {
section.rankingSec {width: 94%;margin: 0 auto 30px;}
section.rankingSec h2 {width: 100%;margin: 0 auto 15px;}
section.rankingSec .prof {width: 100%; height: auto; margin: 0 auto 15px;}
section.rankingSec h3 {font-size: 14px; margin-bottom: 10px;}
section.rankingSec .points {font-size: 15px;display: block;}
section.rankingSec .points .set{display: table; width: 80%;margin: 0 auto 5px;border-bottom: 1px solid rgba(255,255,255,.3)}
section.rankingSec .label {background: none; margin-right: 0;padding: 0px ;top:auto;display: table-cell;vertical-align: middle;text-align: left}
section.rankingSec .label .deco {background: #fff;border-radius: 4px;color: #231F20;padding: 5px 0;width: 60px;display: inline-block;text-align: center;}
section.rankingSec .point {font-size: 18px;margin-right: 0px;text-align: right;display: table-cell;}
section.rankingSec .point span {font-size:36px;padding-right: 2px;}
section.rankingSec .point.last {margin-right: 0}
}

section.rankingSec .seasons {background: #001C3A;width: 876px;height: 58px;margin: 0 auto 15px;box-sizing: border-box;padding: 8px;}
section.rankingSec .seasons ul {}
section.rankingSec .seasons li {width: 80px; height: 42px;text-align: center;border-radius: 12px;float: left;line-height: 42px;color: #fff;}
section.rankingSec .seasons li a {display: block;width: 100%}
section.rankingSec .seasons li.sum {width: 140px;}
section.rankingSec .seasons li.active {background: #FFF100;}
section.rankingSec .seasons li a {transition: .4s;color: #fff}
section.rankingSec .seasons li.active a {color:#231F20}
section.rankingSec .seasons li a:hover {transition: .4s; opacity: 0.7;}
section.rankingSec .seasons li a.disabled {opacity: 0.5; }
@media screen and (max-width: 767px) {
section.rankingSec .seasons {width: 100%;height: 58px;margin: 0 auto 15px;padding: 0; background: none;}
.selectbox {display: inline-flex; align-items: center; position: relative;width: 100%}
.selectbox::after {position: absolute; right: 15px; width: 10px; height: 7px; background-color: #fff; clip-path: polygon(0 0, 100% 0, 50% 100%); content: '';pointer-events: none;}
.selectbox select { appearance: none;width: 100%; height: 2.8em; padding: .4em calc(.8em + 30px) .4em .8em; border: 1px solid rgba(255,255,255,.3); border-radius: 6px; background-color: #001730; color: #ffffff; font-size: 1em; cursor: pointer;}
}

section.rankingSec .ranking {width: 1132px;margin: 0 auto;overflow: hidden;}
section.rankingSec .ranking .lefter {float: left;width: 565px;border-right: 1px solid #004E68}
section.rankingSec .ranking .righter {float: right;width: 565px;border-left: 1px solid #004E68}
section.rankingSec table {width: 100%;overflow: hidden;}
section.rankingSec table.head {border-top-left-radius: 8px;border-top-right-radius: 8px;}
section.rankingSec .lefter table {border-bottom-left-radius: 8px;}
section.rankingSec .righter table{border-bottom-right-radius: 8px}
section.rankingSec tr {background:#001730}
section.rankingSec tr:nth-child(2n) {background: #001c3b;}
section.rankingSec th {text-align: center;vertical-align: middle; font-weight: 900;font-size: 16px;background: #113154; color: #5C8D9E;height: 40px;}
section.rankingSec td {vertical-align: middle;color: #fff;font-size: 20px;padding: 0 15px;height: 64px;}
section.rankingSec th.rank {width: 96px;}
section.rankingSec th.name {width: 320px;}
section.rankingSec th.pt {width: 114px;}
section.rankingSec td.rank {text-align: center;font-family: "Yantramanav", sans-serif;font-size: 32px;}
section.rankingSec td.name {text-align: left;}
section.rankingSec td.pt {text-align: right;font-family: "Yantramanav", sans-serif;font-size: 32px;}
section.rankingSec td.name .abbr {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;max-width:290px; }
@media screen and (max-width: 767px) {
section.rankingSec .ranking {width: 100%;}
section.rankingSec .ranking .lefter,
section.rankingSec .ranking .righter
{width: 100%;border:none;float: none;}
section.rankingSec th {font-size: 12px;}
section.rankingSec th.rank {width: 45px!important;}
section.rankingSec th.name {width: calc(100% - 145px);}
section.rankingSec th.pt {width: 100px!important;}	
section.rankingSec td {height: 30px;box-sizing: border-box;padding: 0 10px;}
section.rankingSec td.rank {font-size: 22px;width: 45px!important;}
section.rankingSec td.name {font-size: 15px;width: calc(100% - 145px);}
section.rankingSec td.pt {font-size: 22px;width: 100px!important;}
}

section.contactSec {width: 100%;overflow: hidden;}
section.contactSec .btn.contact {width: 160px;height: 40px;line-height: 36px; text-align: center; position: relative;box-sizing: border-box; margin: 20px auto;border-radius: 8px;color:#fff;border:1px solid #fff;background: url("../img/icon-btnarrow.png") 94% 50% no-repeat;font-size: 16px;}

footer {width: 100%;text-align: center;font-size: 14px;color: #fff;padding: 25px 0;}
footer p {margin-bottom: 0;font-weight: 500}
@media screen and (max-width: 767px) {
	footer {padding: 0px 20px 25px;font-size: 12px;box-sizing: border-box}
}