@charset "utf-8";
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");

/* ------------------------------
   Universal Reset
   Default Style
   Contents
   Common
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;}
input,select,textarea{margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;appearance:none;}
input[type="submit"]{border:none;border-radius:0;}
input[type="radio"]{-webkit-appearance:radio;appearance:radio;}
input[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
option{padding-right:5px;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Default Style
==================================================================*/
html{font-size:62.5%;height:auto;}
body{margin:0 auto;color:#484848;font-size:100%;-webkit-text-size-adjust:100%;font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.6;height:auto;-webkit-touch-callout:none;}
a{color:#0000ee;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover, a:active{color:#c49234;}
img,input[type="image"]{max-width:100%;}
video{display:block;max-width:100%;}

/*========== form ==========*/
input,select,textarea{width:100%;font-size:16px;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
input[type="submit"],input[type="button"],input[type="file"]{line-height:1;}
input[type="text"],input[type="search"],input[type="tel"],input[type="url"],input[type="email"],input[type="password"],
input[type="number"],input[type="range"],input[type="color"],
input[type="datetime"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime-local"],
select,textarea{padding: 0.5em;background:var(--form-color);border:solid 1px #EEE;border-radius:3px;}
input[type="radio"],input[type="checkbox"]{vertical-align:text-bottom;}
input::placeholder,input::-webkit-input-placeholder{font-size:16px;}
input[type="file"]{display:none;}
input[type="submit"].skip,input[type="button"].skip{background:none;color:#8c8c8c;font-size:1.3rem;text-decoration: underline;border:none;}
.selectwrap{position: relative;}
.selectwrap:after{position:absolute;content:'\f078';top:10px;right:6px;font-size:12px;font-family: "Font Awesome 5 Free";font-weight: 900;}


/*========== color setting ==========*/
:root {
  --head-color :#459ae3;
  --site-color :#005194;
  --sub-color  :#003866;
  --new-color  :#ff6000;
  --form-color :#eeeeee;
  --red-color  :#db0000;
}

/*==================================================================
   Contents
==================================================================*/
/*========== container ==========*/
.container{height:100%;max-width: 1000px;margin: 0 auto;position:relative;display: flex;flex-flow: column;min-height: 100vh;}

/*========== header ==========*/
header{position:fixed;left:0;top:0;width:100%;background:#FFF;z-index:100;}
header .gttl{position:relative;background:#333;border-bottom:0.5px solid rgba(0,0,0,0.3);}
header .gttl > .sitename{width:100%;color:#FFF;font-size:1.4rem;font-weight:bold;text-align: center;padding:0.8em 3em;}
header .gttl > .prev{position:absolute;left:0.3em;top:0.3em;font-size:2.1rem;}
header .gttl > .prev > a span{display: inline-block;vertical-align: middle;font-size:1rem;}
header .gttl > .ope{position:absolute;right:0.5em;top:0.3em;font-size:2.1rem;cursor: pointer;}
header .gttl > .ope .badge{right: 0 !important;padding: 0 !important;}
header .gttl a,
header .gttl span{color:#FFF;padding:0 0.5em;}
header .gmem{color:#FFF;padding:0.5em;background:var(--head-color);}
header .gmem > p{font-size:1.2rem;}
header .gmem > p > span{margin:0 0.5em;}
header .gmem > p.regist{text-align: right;}
header .gmem > p.regist > span{display: inline-block;padding:0.2em 1em;line-height: 1;border:1px solid #FFF;border-radius:15px;}
header ul.gnav{display: flex;border-bottom:1px solid #DDD;}
header ul.gnav > li {width:20%;text-align: center;}
header ul.gnav > li > a{display:block;color:#8c8c8c;padding:0.6em 0.1em 0.3em;position:relative;}
header ul.gnav > li > a > i{display:block;font-size:2rem;line-height:2.5rem;}
header ul.gnav > li > a > p{display:block;font-size:1rem;}
header ul.gnav > li.select > a{color:var(--head-color);}

/*========== main ==========*/
main{position: relative;flex: 1;}
main.contents{background:#F0F0F0;padding-bottom: 3em;}
main.white{background:#FFF;}

/*========== footer ==========*/
footer{width:100%;color:#FFF;background:#333;border-top:1px solid #EEE;}
footer .inner{padding:1em;}
footer .copyright{color:#FFF;text-align: center;}
footer ul.fnav{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom:1em;}
footer ul.fnav > li{margin:0.5em 0;}
footer ul.fnav > li:nth-child(odd){border-right:1px solid #FFF;}
footer ul.fnav > li > a{display: block;color:#FFF;font-size:1.2rem;padding:0 1em;text-decoration: underline;}

/*========== title ==========*/
.ttl_01{color:#555;font-size:1.5rem;font-weight:bold;text-align: center;padding: 1.5em 0.5em 0.5em;}
.ttl_02{color:#555;font-size:1.4rem;font-weight:bold;text-align: center;padding: 1em 0.5em 0.8em;margin-bottom:1em;position:relative;}
.ttl_02:before {content: '';position: absolute;left: 50%;bottom: 0;display: inline-block;width: 50%;height: 0.2em;background-color: var(--site-color);border-radius: 5px;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}
.ttl_03{color:#FFF;font-size: 1.4rem;text-align: left;padding: 0.5em 1em;background: var(--site-color);}
.ttl_04{color:#FFF;font-size: 1.4rem;text-align: left;padding: 0.5em 1em;background: var(--red-color);}
.ttl_05{color:var(--site-color);font-size: 1.4rem;font-weight:bold;text-align: center;padding: 0.5em;border:2px solid var(--site-color);border-width:2px 0;}
.ttl_06{color:var(--red-color);font-size: 1.4rem;font-weight:bold;text-align: center;padding: 0.5em;border:2px solid var(--red-color);border-width:2px 0;}

/* クライアント使用用に種類拡張 */
.ttl_02.red:before{background:var(--red-color);}
.ttl_02.blue:before{background:#00bccf;}
.ttl_02.green:before{background:#67c700;}
.ttl_02.orange:before{background:#ff8000;}
.ttl_02.pink:before{background:#ff6e96;}
.ttl_03.red{background:var(--red-color);}
.ttl_03.blue{background:#00bccf;}
.ttl_03.green{background:#67c700;}
.ttl_03.orange{background:#ff8000;}
.ttl_03.pink{background:#ff6e96;}
.ttl_05.red{color:var(--red-color);border-color:var(--red-color);}
.ttl_05.blue{color:#00bccf;border-color:#00bccf;}
.ttl_05.green{color:#67c700;border-color:#67c700;}
.ttl_05.orange{color:#ff8000;border-color:#ff8000;}
.ttl_05.pink{color:#ff6e96;border-color:#ff6e96;}

/*========== button ==========*/
/*-- btn_01 (site-color) --*/
.btn_01 a,
.btn_01 button,
.btn_01 input[type="submit"],
.btn_01 input[type="file"] + label,
.btn_01.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:var(--site-color);border:2px solid var(--site-color);border-radius:30px;box-shadow:0 5px 5px rgb(0 0 0 / 30%);cursor: pointer;}
.btn_01 i{margin-right:0.5em;}
.btn_01 a:hover,
.btn_01 button:hover,
.btn_01 input[type="submit"]:hover,
.btn_01 input[type="file"] + label:hover{color:var(--site-color);background:#FFF;}
.btn_01.inver a,
.btn_01.inver button,
.btn_01.inver input[type="submit"],
.btn_01.inver input[type="file"] + label,
.btn_01.inver.jsbtn > span{color:var(--site-color);background:#FFF;}

/* クライアント使用用に種類拡張 */
.btn_01.red > a{background:var(--red-color);border-color:var(--red-color);}
.btn_01.red > a:hover{color:var(--red-color);background:#FFF;}
.btn_01.blue > a{background:#00bccf;border-color:#00bccf;}
.btn_01.blue > a:hover{color:#00bccf;background:#FFF;}
.btn_01.green > a{background:#67c700;border-color:#67c700;}
.btn_01.green > a:hover{color:#67c700;background:#FFF;}
.btn_01.orange > a{background:#ff8000;border-color:#ff8000;}
.btn_01.orange > a:hover{color:#ff8000;background:#FFF;}
.btn_01.pink > a{background:#ff6e96;border-color:#ff6e96;}
.btn_01.pink > a:hover{color:#ff6e96;background:#FFF;}


/*-- btn_02 (red-color) --*/
.btn_02 a,
.btn_02 button,
.btn_02 input[type="submit"],
.btn_02 input[type="file"] + label,
.btn_02.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:var(--red-color);border:2px solid var(--red-color);border-radius:30px;box-shadow:0 5px 5px rgb(0 0 0 / 30%);cursor: pointer;}
.btn_02 i{margin-right:0.5em;}
.btn_02 a:hover,
.btn_02 button:hover,
.btn_02 input[type="submit"]:hover,
.btn_02 input[type="file"] + label:hover{color:var(--red-color);background:#FFF;}
.btn_02.inver a,
.btn_02.inver button,
.btn_02.inver input[type="submit"],
.btn_02.inver input[type="file"] + label,
.btn_02.inver.jsbtn > span{color:var(--red-color);background:#FFF;}

/*-- btn_03 #BBBBBB --*/
.btn_03 a,
.btn_03 button,
.btn_03 input[type="submit"],
.btn_03 input[type="reset"],
.btn_03.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:#BBB;border:2px solid #BBB;border-radius:30px;box-shadow:0 5px 5px rgb(0 0 0 / 30%);cursor: pointer;}
.btn_03 i{margin-right:0.5em;}
.btn_03 a:hover,
.btn_03 button:hover,
.btn_03 input[type="submit"]:hover,
.btn_03 input[type="reset"]:hover{color:#BBB;background:#FFF;}
.btn_03.inver a,
.btn_03.inver button,
.btn_03.inver input[type="submit"],
.btn_03.inver input[type="file"] + label,
.btn_03.inver.jsbtn > span{color:#BBB;background:#FFF;}

/*-- btn_04 (sub-color) --*/
.btn_04 a,
.btn_04 button,
.btn_04 input[type="submit"],
.btn_04 input[type="reset"],
.btn_04.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:var(--sub-color);border:2px solid var(--sub-color);border-radius:30px;box-shadow:0 5px 5px rgb(0 0 0 / 30%);cursor: pointer;}
.btn_04 i{margin-right:0.5em;}
.btn_04 a:hover,
.btn_04 button:hover,
.btn_04 input[type="submit"]:hover,
.btn_04 input[type="reset"]:hover{color:var(--sub-color);background:#FFF;}
.btn_04.inver a,
.btn_04.inver button,
.btn_04.inver input[type="submit"],
.btn_04.inver input[type="file"] + label,
.btn_04.inver.jsbtn > span{color:var(--sub-color);background:#FFF;}

/*-- btn_05 (black) --*/
.btn_05 a,
.btn_05 button,
.btn_05 input[type="submit"],
.btn_05 input[type="reset"],
.btn_05.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:#333;border:2px solid #333;border-radius:30px;box-shadow:0 5px 5px rgb(0 0 0 / 30%);cursor: pointer;}
.btn_05 i{margin-right:0.5em;}
.btn_05 a:hover,
.btn_05 button:hover,
.btn_05 input[type="submit"]:hover,
.btn_05 input[type="reset"]:hover{color:#333;background:#FFF;}
.btn_05.inver a,
.btn_05.inver button,
.btn_05.inver input[type="submit"],
.btn_05.inver input[type="file"] + label,
.btn_05.inver.jsbtn > span{color:#333;background:#FFF;}

.btn_05.arrow a{position:relative;padding-right:1.5em;}
.btn_05.arrow a::after {display: block;content: "";position: absolute;top: 50%;right: 1em;width: 5px;height: 5px;margin: -3px 0 0 0;
 border-top: solid 2px #FFF;
 border-right: solid 2px #FFF;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);}
.btn_05.arrow.inver a::after{
 border-top: solid 2px #333;
 border-right: solid 2px #333;}

/*-- btn_circle --*/
.btn_circle a,
.btn_circle.jsbtn > span{display:inline-block;width:70px;height:70px;color:#FFF;font-size:0.9rem;font-weight:bold;text-align: center;padding:1em 0;border-radius:50%;box-shadow:0 5px 5px rgb(0 0 0 / 30%);background:var(--site-color);}
.btn_circle a > i,
.btn_circle.jsbtn > span > i{width:100%;font-size:2.6em;margin-bottom:0.2em;}
.btn_circle a > span,
.btn_circle.jsbtn > span > span{width:100%;display:block;line-height:1.2;}

/*-- btn_line --*/
.btn_line a,
.btn_line input[type="submit"]{display:block;width:80%;max-width:300px;color:#fff !important;font-size:1.4rem;font-weight: bold; text-align:center;line-height:1;margin:15px auto;padding:1em;border-radius:5px;
 background:#00b900 url(../img/icon_line.png) no-repeat;
 background-size:auto 70%;
 background-position: calc(50% - 80px);}


/*========== box ==========*/
/*-- box_01 sitecolorbox --*/
.box_01{font-size:1.3rem;padding:1em;background:#FFF;border:2px solid var(--site-color);}

/*-- box_02 graybox --*/
.box_02{font-size:1.3rem;padding:1em;background:#FFF;border:2px solid #CCC;}

/*-- box_03 dl box --*/
dl.box_03{font-size:1.4rem;border:1px solid #CCC;border-width:1px 1px 0 1px;}
dl.box_03 > dt{color:#FFF;font-size:1.1em;font-weight:bold;padding:0.5em 0.8em;background:#333;}
dl.box_03 > dt > .date{margin-right:1em;}
dl.box_03 > dt > span{display: inline-block;}
dl.box_03 > dd{padding:0.8em;background:#FFF;}
dl.box_03 > dd:last-child{border-bottom:1px solid #CCC;}
/* review 
dl.box_03.review > dt{background:var(--sub-color);}
dl.box_03.review > dd:first-of-type{display: flex;align-items: center;font-size:1.1em;padding-bottom:0;}
dl.box_03.review > dd:first-of-type > p{font-weight:bold;}
dl.box_03.review > dd:first-of-type > p.name > i{color:var(--site-color);margin-right:0.5em;}
dl.box_03.review > dd:first-of-type > p.star{color:#e2c41f;font-size:1.1em;line-height: 1;margin-left:auto;}
dl.box_03.review > dd:first-of-type > p.star > i{margin:0 0.1em;}
dl.box_03.review > dd p.image{margin-top:1em;}
*/
/* expectation */
dl.box_03.expectation > dt{background:var(--red-color);}
dl.box_03.expectation > dd.detail{font-weight:bold;font-family: 'メイリオ',Meiryo,sans-serif;white-space:pre-wrap;}
/* image flexbox */
dl.box_03 > dd.flex{display:flex;align-items: center;}
dl.box_03 > dd.flex > .image{width:130px;margin-right:0.8em;}
dl.box_03 > dd.flex > .data {width:calc(100% - (130px + 0.8em));}
dl.box_03 > dd.flex.imgnarrow > .image{width:110px;}
dl.box_03 > dd.flex.imgnarrow > .data {width:calc(100% - (110px + 0.8em));}

/*-- box_04 dl box ribbon --*/
dl.box_04{font-size:1.3rem;padding:0.5em;background:#FFF;position:relative;}
dl.box_04 > dt{margin-bottom:0.5em;}
dl.box_04 > dt p{display: inline-block;width: calc(100% + 1em);color: #FFF;font-weight:bold;line-height: 1.2;padding: 0.5em 0.5em 0.5em 1em;margin: 0 0 0 -1em;background: var(--site-color);position: relative;}
dl.box_04 > dt p::before{position: absolute;content: '';top: 100%;left: 0;border: none;
 border-bottom: solid 0.5em transparent;
 border-right: solid 0.5em var(--site-color);}
/* image flexbox */
dl.box_04 > dd.flex{display:flex;align-items: center;}
dl.box_04 > dd.flex > .image{width:130px;margin-right:0.8em;}
dl.box_04 > dd.flex > .data {width:calc(100% - (130px + 0.8em));}

/*-- box_attention --*/
dl.box_attention{position:relative;font-size:1.3rem;padding-top:1em;}
dl.box_attention dt{position:absolute;left:0;right:0;top:0;margin:0 auto;padding:0.5em;max-width:50%;color:#FFF;text-align: center; background:var(--red-color);}
dl.box_attention dd{padding:2em 1em 1em;background:#FFF;border:2px solid var(--red-color);}
dl.box_attention.sitecolor > dt{background:var(--site-color);}
dl.box_attention.sitecolor > dd{border-color:var(--site-color);}

/*-- box_predictor --*/
.box_predictor{display: flex;align-items: center;font-size:1.3rem;margin-bottom: 1em;}
.box_predictor > .icon{min-width:55px;}
.box_predictor > .icon > img{width:55px;border-radius:50%;}
.box_predictor > .text{width: calc(100% - 55px);padding-left:0.5em;}
.box_predictor > .text > .name{color:#AAA;font-size:0.9em;margin-bottom: 0.3em;}
.box_predictor > .text > .name > span{color:#333;font-size:1.2em;font-weight:bold;margin-right:0.3em;}

/*-- box_hit --*/
dl.box_hit{position: relative;font-size:1.3rem;text-align: left;max-width: 330px;margin:0 auto;padding: 3em 2.5em 1em;background: url(../img/bg_hitbox.png) left top / contain no-repeat;}
dl.box_hit dt,
dl.box_hit dd{font-weight:bold;margin-bottom:0.2em;}
dl.box_hit dt.date > span.sunday{color:#ff0080;}
dl.box_hit dt.date > span.saturday{color:#0000cd;}
dl.box_hit dd.ticket{display: inline-block;color:#5B730B;font-size:1.8em;line-height:1;padding:0.1em 0.2em 0;border:3px solid #5B730B;}
dl.box_hit dd.race{font-size:1.2em;}
dl.box_hit dd.dividendttl{color:#FFF;display: inline-block;padding:0 0.5em;background:var(--red-color);}
dl.box_hit dd.dividend{color:var(--red-color);font-size:3em;font-weight:bold;line-height: 1;}
dl.box_hit dd.hitstamp{position:absolute;top:-0.2em;right:-0.2em;width:40%;max-width:130px;}


/*========== list ==========*/
ul.list_number,
ol.list_number{list-style-type:decimal;margin-left:1.5em;}
ul.list_disc{list-style-type: disc;margin-left:1.5em;}

ul.list_flex{display: flex;align-items: center;flex-wrap: wrap;}
ul.list_flex.aligntop{align-items: flex-start;}
ul.list_flex.clm2 > li{width:50%;}
ul.list_flex.clm3 > li{width:calc(100% / 3);}

/* クライアント使用用に種類拡張 */
ul.list_flex.imgflex01{justify-content: space-between;}
ul.list_flex.imgflex01 > li > p{font-size:1.4rem;padding-left:10px;}
ul.list_flex.imgflex02{justify-content: space-between;margin-bottom:-10px;}
ul.list_flex.imgflex02 > li{width:calc(50% - 5px);margin-bottom:10px;}
ul.list_flex.imgflex02 > li > p{font-size:1.4rem;padding-top:5px;}

/*--- list_btn ---*/
ul.list_btn > li{margin-bottom:0.5em;}
ul.list_btn.clm2,ul.list_btn.clm3,ul.list_btn.clm4{display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display: flex;align-items:center;flex-wrap:wrap;}
ul.list_btn.clm2 > li{width:50%;}
ul.list_btn.clm3 > li{width:33.3%;}
ul.list_btn.clm4 > li{width:25%;}
ul.list_btn.clm2 > li a, ul.list_btn.clm2 > li button, ul.list_btn.clm2 > li input[type="submit"], ul.list_btn.clm2 > li input[type="reset"], ul.list_btn.clm2 > li .jsbtn > span,
ul.list_btn.clm3 > li a, ul.list_btn.clm3 > li button, ul.list_btn.clm3 > li input[type="submit"], ul.list_btn.clm3 > li input[type="reset"], ul.list_btn.clm3 > li .jsbtn > span,
ul.list_btn.clm4 > li a, ul.list_btn.clm4 > li button, ul.list_btn.clm4 > li input[type="submit"], ul.list_btn.clm4 > li input[type="reset"], ul.list_btn.clm4 > li .jsbtn > span{width:95%;margin:1em auto;border-radius:5px;box-shadow:none;}

/*--- list_basic ---*/
dl.list_basic{font-size:1.3rem;text-align: left;margin-bottom:3em;}
dl.list_basic dt{font-size: 1.1em;font-weight:bold;margin:1.5em 0 1em;padding: 0.5em 0;border-bottom: 2px solid var(--site-color);}
dl.list_basic dt:first-child{margin-top:0;}
dl.list_basic dt > i{margin-right:0.5em;}
dl.list_basic dd{margin-bottom:0.5em;text-align: justify;}
dl.list_basic dd > ul > li,
dl.list_basic dd > ol > li{margin:0.5em 0;}

/* クライアント使用用に種類拡張 */
dl.list_basic.red > dt{border-color:var(--red-color);}
dl.list_basic.blue > dt{border-color:#00bccf;}
dl.list_basic.green > dt{border-color:#67c700;}
dl.list_basic.orange > dt{border-color:#ff8000;}
dl.list_basic.pink > dt{border-color:#ff6e96;}

/*--- list_terms ---*/
dl.list_terms{font-size:1.3rem;text-align: left;margin-bottom:3em;}
dl.list_terms dt{font-size: 1.1em;font-weight:bold;margin:1.5em 0 0.5em;}
dl.list_terms dt:first-child{margin-top:0;}
dl.list_terms dd{margin-bottom:0.5em;text-align: justify;}
dl.list_terms dd > ul > li,
dl.list_terms dd > ol > li{margin:0.5em 0;}

/*--- list_pager ---*/
ul.list_pager{display: flex;justify-content: center;align-items: center;font-size:1.4rem;margin:1em auto}
ul.list_pager > li{padding:0em 0.8em;border-left:1px solid #999;}
ul.list_pager > li > a{display: block;color:#333;}
ul.list_pager > li > a.current{font-weight:bold;border-bottom:1px solid #333;}
ul.list_pager > li > a:hover{color:var(--site-color);}
ul.list_pager > li.prev{border-left:0px;}

/*--- list_pageoperation ---*/
ul.list_pageoperation{display:flex;justify-content: space-between;margin:1em;font-size:1.2rem;}
ul.list_pageoperation > li > a{display:flex;align-items:center;color:#484848;font-weight:bold;}
ul.list_pageoperation > li > a > i{font-size: 1.5em;}
ul.list_pageoperation > li > a > span{text-decoration: underline;padding:0.2em 1em 0;}

/*--- list_input ---*/
dl.list_input{font-size:1.4rem;text-align: left;margin-bottom:3em;}
dl.list_input > dt{font-weight:bold;margin:1.5em 0 0.5em;}
dl.list_input > dt span.required{display: inline-block;vertical-align:text-top; color:#FFF;font-size:0.8em;padding:0 0.5em;margin:0 0.5em;border-radius:5px;background:var(--red-color);}
dl.list_input > dt:first-child{margin-top:0;}
dl.list_input > dd{margin-bottom:0.5em;}
dl.list_input > dd.birth{display: flex;}
dl.list_input > dd.birth > *{display: inline-flex;align-items: center;}
dl.list_input > dd.birth .year{width:40%;}
dl.list_input > dd.birth .year > input{width:calc(100% - 2em);margin-right:0.5em;}
dl.list_input > dd.birth .month,
dl.list_input > dd.birth .day{width:30%;}
dl.list_input > dd.birth .month > .selectwrap,
dl.list_input > dd.birth .day > .selectwrap{width:calc(100% - 2em);margin-right:0.5em;}
dl.list_input > dd.imagefile label{display: block;width:100%;text-align: center;background:var(--form-color);border:1px dashed #CCC;}
dl.list_input > dd.imagefile label > i{color:var(--site-color);font-size:2em;padding:0.5em;}
dl.list_input > dd ul.inputstar{display: flex;align-items: center;}
dl.list_input > dd ul.inputstar > li{margin:0 0.1em;color:#e2c41f;font-size:1.8em;}

/*--- list_radio ---*/
ul.list_radio{position: relative;margin:0;}
ul.list_radio > li input[type="radio"]{display:none;}
ul.list_radio > li input[type="radio"] + label{display:block;color:#8c8c8c;font-size:1.4rem;padding:0.5em 1em 0.5em 3em;position:relative;}
ul.list_radio > li input[type="radio"] + label:after {content: "\f111";font-family: "Font Awesome 5 Free";font-weight: 500;color:var(--site-color);position:absolute;left:1em;top:20%;}

ul.list_radio > li input[type="radio"]:checked + label{color:#333;background:var(--form-color);border-radius:3px;}
ul.list_radio > li input[type="radio"]:checked + label:after {content: "\f111";font-weight: 900;}

/*--- list_settlement ---*/
ul.list_settlement{font-size:1.4rem;font-weight:bold;margin:0 auto;}
ul.list_settlement > li{display: flex;align-items: baseline;padding:5px;margin-bottom:15px;border-bottom:2px solid #000;}
ul.list_settlement > li > p{width:50%;}
ul.list_settlement > li > p > span{font-size:14px;margin-left:3px;}
ul.list_settlement > li > p:first-child{text-align:left;}
ul.list_settlement > li > p:last-child{text-align: right;}
ul.list_settlement > li > p:last-child{font-size:1.6em;font-weight:bold;}

/*--- list_tab ---*/
ul.list_tab{display: flex;justify-content: center;align-items: flex-end;font-size:1.3rem;font-weight:bold;margin-top: 1em;position:relative;}
ul.list_tab.clm2 > li{width:48%;}
ul.list_tab > li{font-weight:bold;text-align:center;padding:0.5em;border-radius:0.5em 0.5em 0 0;}
ul.list_tab > li a{display:block;color:#FFF;}
ul.list_tab > li a > i{margin-right:0.5em;}
ul.list_tab > li.tab_column{background:var(--site-color);}
ul.list_tab > li.tab_free{background:var(--red-color);}
ul.list_tab > li.select{padding:0.8em 0.5em;}
ul.list_tab > li.select:after{content:"";position:absolute;left:0;bottom:0;width:100%;}
ul.list_tab > li.select.tab_column:after{border-bottom:0.3em solid var(--site-color);}
ul.list_tab > li.select.tab_free:after{border-bottom:0.3em solid var(--red-color);}

/*--- list_campaign ---*/
ul.list_campaign{padding:1em;}
ul.list_campaign > li{margin-bottom: 2.2em;box-shadow: 0 7px 5px #AAA !important;}
/*- list veiw -*/
ul.list_campaign > li.data_article .data .like{position:absolute;left:1em;bottom:1em;}
ul.list_campaign > li.data_article .data .more{position:absolute;right:1em;bottom:1em;}
ul.list_campaign > li.data_article .data .more > span{color:var(--site-color);padding:0.3em 1em;border:1px solid var(--site-color);cursor: pointer;}
ul.list_campaign > li.data_article .data .box_predictor > .text > .detail{line-height: 1.3em;overflow: hidden; display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}

/*--- list_item ---*/
ul.list_item{padding:1em;}
ul.list_item > li{margin-bottom:2em;box-shadow:0px 5px 5px #AAA;position:relative;}
/*- soldout -*/
ul.list_item > li.soldout:before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);z-index:1;}
ul.list_item > li.soldout > .txt_soldout{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 80%;color:#FFF;font-size:2.6rem;font-weight:bold;text-align: center;z-index:2;}
/*- estimate -*/
ul.list_item > li > dl dd .data p.estimate{display:flex;align-items:center;font-weight:bold;margin-top:0.5em;}
ul.list_item > li > dl dd .data p.estimate > img{max-height:2.3em;margin-right:0.5em;}
ul.list_item > li > dl dd .data p.estimate > span{display:block;font-size:1.4em;line-height: 1;}
/*- area_price -*/
ul.list_item > li > dl dd.area_price {display:flex;justify-content: center;align-items: center;font-weight:bold;text-align:center;margin:1em auto 0;padding:1em;
 border:2px dashed #EEE;
 border-width:2px 0;}
ul.list_item > li > dl dd.area_price .ttl{display:inline-block;color:#FFF;margin:0.3em 1em;padding:0 0.5em;background:var(--red-color);}
ul.list_item > li > dl dd.area_price .price{display:block;color:var(--red-color);font-size:1.2em;line-height: 1;}
ul.list_item > li > dl dd.area_price .price > em{font-size:1.8em;font-weight:bold;margin-right:0.1em;}
ul.list_item > li > dl dd.area_price.special{flex-direction: column;}
ul.list_item > li > dl dd.area_price.special div{display:flex;justify-content:center;flex-wrap:wrap;font-weight:bold;}
ul.list_item > li > dl dd.area_price.special div:first-child > .ttl{background:#555;}
ul.list_item > li > dl dd.area_price.special div:first-child > .price{color:#555;}
ul.list_item > li > dl dd.area_price.special div:first-child > .price > em{text-decoration: line-through;}
ul.list_item > li > dl dd.area_price.special div:last-child{display:block;}
ul.list_item > li > dl dd.area_price.special div:last-child > .price > em{font-size:2em;}
ul.list_item > li > dl dd.area_price.special div.arrow{color:var(--red-color);font-size:1.5em;margin:0.5rem;}
ul.list_item > li > dl dd.area_price.point .ttl{background:#005ac2;}
ul.list_item > li > dl dd.area_price.point .price{color:#005ac2;}

/*--- list_hit ---*/
ul.list_hit{padding:1em;}
ul.list_hit > li{margin-bottom:2em;box-shadow:0px 5px 5px #AAA;}
ul.list_hit > li > dl{position:relative;}
ul.list_hit > li > dl dt p{padding-right:4em !important;}
ul.list_hit > li > dl dd .data p.dividend{font-weight:bold;text-align: right;}
ul.list_hit > li > dl dd .data p.dividend > span{color:var(--red-color);}
ul.list_hit > li > dl dd .data p.dividend > span.price{font-size:2.2em;margin-right:0.1em;}
ul.list_hit > li > dl dd.hitstamp{position:absolute;display:block;right:0;top:1em;width:4em;}

/*--- list_mail ---*/
ul.list_mail{font-size:1.3rem;padding:1em;}
ul.list_mail > li{margin-bottom:0.8em;box-shadow: 0 1px 3px #CCC;cursor: pointer;}
ul.list_mail > li > dl{position:relative;background:#FFF;}
ul.list_mail > li > dl > dt{color:#777;font-weight:bold;padding:1em 4.6em 0.5em 1em;}
ul.list_mail > li > dl > dt > span.date{position:absolute;right:1em;top:1.2em;color:#AAA;font-size:0.9em;}
ul.list_mail > li > dl > dt > span.ttl{font-size:1.1em;}
ul.list_mail > li > dl > dd{color:#AAA;padding:0 2.5em 1em 1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.list_mail > li.new > dl{padding-left:1em;}
ul.list_mail > li.new > dl:before{position:absolute;content:'\f111';color:var(--new-color);top:1.5em;left:1em;font-size:0.8em;font-family: "Font Awesome 5 Free";font-weight: 900;}
ul.list_mail > li.new > dl > dt{color:#333;}
ul.list_mail > li.new > dl > dt > span.date{color:var(--new-color);}

/*--- list_inquiry ---*/
ul.list_inquiry{font-size:1.4rem;}
ul.list_inquiry > li{display:block;color:#484848;padding:1em 2em 1em 4.5em;min-height: 4em;background:#FFF;border-bottom:1px solid #EEE;position: relative;}
ul.list_inquiry > li:before{content:"\f590";font-family: "Font Awesome 5 Free";font-weight: 900;color:#FFF;font-size:1.6em;text-align: center;line-height:1.8em;position: absolute;top: 50%;left: 0.5em;width:1.8em;height:1.8em;background:var(--site-color);border-radius:5px;transform: translateY(-50%);}
ul.list_inquiry > li:after{display: block;content: "";position: absolute;top: 50%;right: 15px;width: 6px;height: 6px;margin: -4px 0 0 0;border-top: solid 2px #8c8c8c;border-right: solid 2px #8c8c8c;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);}
ul.list_inquiry > li p.date{color:#8c8c8c;}
ul.list_inquiry > li p.detail{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
ul.list_inquiry > li.new > p{font-weight:bold;}
ul.list_inquiry > li.new > p.date:before{content: "\f111";font-family: "Font Awesome 5 Free";color: var(--new-color);font-weight: 900;margin-right:0.5em;z-index:1;}

/*--- list_talk ---*/
ul.list_talk{font-size:1.3rem;}
ul.list_talk > li{display: flex;align-items:center;flex-wrap: wrap;width: 100%;padding: 1em;margin-bottom: 0.8em;box-shadow: 0 1px 3px #ccc;cursor: pointer;background: #FFF;position: relative;}
ul.list_talk > li > .image{width:20%;max-width: 100px;text-align: center;}
ul.list_talk > li > .image img{max-width: 100%;max-height: 100%;width: 100%;border-radius:50%;
 -o-object-fit: cover;
 object-fit: cover;}
ul.list_talk > li > .data{width: 80%;padding-left: 1em;}
ul.list_talk > li > .data > p.name{font-size: 1.1em;font-weight: bold;}
ul.list_talk > li > .data > p.text{color:#9aa5a7;margin-bottom:0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.list_talk > li > .data > p.time{color:#9aa5a7;font-size:0.8em;}
ul.list_talk > li.new > .data > p.name::before{content: '\f111';color: var(--new-color);font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 0.5em;}
ul.list_talk > li.new > .data > p.time{color: var(--new-color);font-weight:bold;}

/*--- list_chat ---*/
ul.list_chat{font-size:1.2rem;padding:3.5em 1em 1em;}
ul.list_chat > li{display: flex;align-items: flex-start; margin-bottom: 1.5em;}
ul.list_chat > li .icon{width: 20%;}
ul.list_chat > li .icon img{border-radius:50%;}
ul.list_chat > li .text > p{word-wrap: break-word;}
ul.list_chat > li .text > p.date{font-size:0.8em;margin-bottom:0.2em;}
ul.list_chat > li .text > p.message{display: inline-block;color:#484848;font-size:1.6rem;padding:0.5em;margin-bottom:0.5em;border:1px solid #484848;border-radius:8px;background: #FFF;word-break: break-word;}
ul.list_chat > li .text > p.image{padding:0.5em;border:1px solid #484848;border-radius:0.8em;max-width:130px;background: #FFF;}
ul.list_chat > li.opp{margin-right: 10%;justify-content: flex-start;}
ul.list_chat > li.opp .icon{display: flex;justify-content: center;align-items: center;min-width:50px;width:50px;height:50px;margin-right:1em;border-radius:50%;}
ul.list_chat > li.opp.first{margin-right: 0 !important;justify-content: center;}
ul.list_chat > li.opp.first .text > p.message{font-size:1.4rem;border-color: #FFF;padding:1em;}
ul.list_chat > li.my{text-align: right;margin-left: 20%;justify-content: flex-end;}
ul.list_chat > li.my .text > p.message,
ul.list_chat > li.my .text > p.image{text-align: left;background:var(--form-color);}

/*--- list_review ---*/
ul.list_review{padding:1em;}
ul.list_review > li{margin-bottom:2em;position:relative;}
ul.list_review > li:last-child{margin-bottom:0;}
ul.list_review > li dl{font-size:1.4rem;}
ul.list_review > li dl > dt{display: flex;align-items: center;flex-wrap: wrap;padding:0.5em 0.5em 0.7em;}
ul.list_review > li dl > dt p.name{font-size:1.1em;font-weight: bold;margin-right:1em;}
ul.list_review > li dl > dt p.name > i{color:var(--sub-color);line-height:1;margin-right:0.3em;}
ul.list_review > li dl > dt p.date{margin-left:auto;}
ul.list_review > li dl > dd{padding: 0.8em;background: #FFF;border-radius:3px;position:relative;box-shadow: 0 5px 5px #AAA;}
ul.list_review > li dl > dd::before{content: "";position: absolute;top: -15px;left:1em;
 border: 6px solid transparent;
 border-bottom: 12px solid #FFF;
 transform: rotate(15deg);}
ul.list_review > li dl > dd p.cpname{color:var(--sub-color);font-size: 1.1em;font-weight:bold;}
ul.list_review > li dl > dd p.star{color:#e2c41f;margin-bottom:0.5em;}
ul.list_review > li dl > dd p.star > i{margin:0 0.1em;}
ul.list_review > li dl > dd p.comment{white-space: pre-wrap;word-break: break-word;}
ul.list_review > li dl > dd p.image{margin-top:1em;}

/*--- list_expectation ---*/
ul.list_expectation{font-size:1.3rem;padding:1em;}
ul.list_expectation > li{padding:1em;margin-bottom:1.5em;background:#FFF;}
ul.list_expectation > li dl dt{display:flex;align-items: center;padding-bottom:0.8em;border-bottom: 2px solid #EEE;}
ul.list_expectation > li dl dt > .image{width: 110px;margin-right: 0.8em;}
ul.list_expectation > li dl dt > .data{width: calc(100% - (110px + 0.8em));}
ul.list_expectation > li dl dd > .txt_wait h3{color:var(--red-color);font-size:1.1em;font-weight:bold;text-align:center;margin:1em 0 0.5em;}
ul.list_expectation > li dl dd > .txt_wait p{text-align:justify;}

/*--- list_pay ---*/
ul.list_pay li{margin-bottom:1.5em !important;border-radius: 5%;box-shadow: 0px 3px 3px #AAA;position: relative;}
ul.list_pay li > a{display: block;}
ul.list_pay li p.recommend{position: absolute;background:#00000000 !important;top: -6px;right: -5px;width: 89px;height: 91px;overflow: hidden;}
ul.list_pay li p.recommend span{display: inline-block;position: absolute;width: 160px;top: 22px;left: -23px;color: #fff;font-size: 1em;font-weight:bold;text-align: center;line-height: 16px;padding: 7px 0;background:var(--red-color);letter-spacing: 0.05em;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);}
ul.list_pay li p.recommend span:before,
ul.list_pay li p.recommend span:after{position: absolute;content: "";bottom: -4px;
 border-top: 4px solid #cb1d23;
 border-left: 4px solid transparent;
 border-right: 4px solid transparent;}
ul.list_pay li p.recommend span:before{left: 14px;}
ul.list_pay li p.recommend span:after {right: 18px;}

/*--- list_qa ---*/
dl.list_qa{font-size:1.3rem;padding:1em;}
dl.list_qa > dt{color:#FFF;font-weight:bold;padding:0.7em 2.5em;margin-top:1em;background:var(--site-color);position: relative;cursor: pointer;}
dl.list_qa > dt::before{content:"Q.";position:absolute;left:0.9em;top:0.7em;}
dl.list_qa > dt::after{content:"\f00d";font-family: "Font Awesome 5 Free";font-weight: 900;position:absolute;right:1em;top:0.7em;transition:0.5s;transform: rotate(-45deg);}
dl.list_qa > dt.open::after{transform: rotate(0deg);}
dl.list_qa > dt:first-child{margin-top:0;}
dl.list_qa > dd{display:none;text-align: justify;padding:1em;background:var(--form-color);}


/*========== other ==========*/
/* slide banner */
.swiper-container{margin:0.5em auto;padding-bottom:1em !important;}
.swiper-wrapper{margin-bottom:0.5em;}
.swiper-slide{padding:0.5em;text-align: center;}
.swiper-pagination{bottom:0em !important;}


/*========== overlay ==========*/
/*-- overlay_01 standard --*/
.overlay_01{position:fixed;width: 100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);display:none;z-index:9999;}
.overlay_01 .inner{position:absolute;top:50%;left: 0;right: 0;width: 90%;max-width: 360px;margin: auto;padding:1.5em 1em;text-align: center;background: #FFF;border-radius:1em;
 -ms-transform: translateY(-50%);
 -webkit-transform : translateY(-50%);
 transform : translateY(-50%);}
.overlay_01 .inner > h3{font-size:1.4rem;font-weight:bold;margin-bottom:0.5em;}
.overlay_01 .inner > p,
.overlay_01 .inner > ul{font-size:1.2rem;}
.overlay_01 .inner > ul > li{margin-bottom:0.5em;}
.overlay_01 .inner .ope_01{font-size:1.2rem;margin:1em 0 0;border-top:1px solid #EEE;}
.overlay_01 .inner .ope_01 .menu{border-bottom:1px solid #EEE;}
.overlay_01 .inner .ope_01 .menu > a{display:block;padding:1em 0;color:var(--site-color);font-size:1.1em;font-weight:bold;}
.overlay_01 .inner .ope_01 .close > a{display:block;padding:1em 0 0;color:#8c8c8c;text-decoration: underline;}
.overlay_01 .inner .ope_02{font-size:1.2rem;margin:2em 0 0;}
.overlay_01 .inner .ope_02 p[class^="btn_"] > a,
.overlay_01 .inner .ope_02 p[class^="btn_"] > input[type="submit"]{margin-bottom:0;}
.overlay_01 .inner .ope_02 .close  > a,
.overlay_01 .inner .ope_02 .skip   > input[type="submit"]{display:block;padding:1em 0 0;color:#8c8c8c;text-decoration: underline;}
.overlay_01 .inner ul.list_btn a,
.overlay_01 .inner ul.list_btn .jsbtn span{margin-bottom:0;}
/* logininfo */
.overlay_01 .inner > .textarea {max-height: 65vh;min-height: 15vh;overflow-y: scroll;font-size:1.2rem;text-align: left;padding: 0.5em;border-top:1px solid #EEE;}
.overlay_01 .inner > .textarea > img{display: block;}
.overlay_01 .inner .infocheck label{position: relative;padding-left:2em;}
.overlay_01 .inner .infocheck label input[type="checkbox"]{display: none;}
.overlay_01 .inner .infocheck label input[type="checkbox"] + span::before{content: "";display: block;width: 11px;height: 11px;
 position: absolute;top: 50%;left: 0;transform: translateY(-50%);border: 2px solid #CCC;border-radius: 3px;cursor: pointer;}
.overlay_01 .inner .infocheck label input[type="checkbox"]:checked + span::before{border-color:#1c506f;background:#1c506f;}
.overlay_01 .inner .infocheck label input[type="checkbox"]:checked + span::after{content: "";display: block;width: 10px;height: 5px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;box-sizing: border-box;
 position: absolute;top: 40%;left: 4px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg) translateY(-50%);}


/*-- overlay_02 send --*/
.overlay_02{position:fixed;width: 100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);display:none;z-index:1000;}
.overlay_02 .inner{position:absolute;top:50%;left: 0;right: 0;width: 80%;max-width: 360px;margin: auto;padding:4em 1em 1.5em;text-align: center;background: #FFF;border-radius:1em;
 -ms-transform: translateY(-50%);
 -webkit-transform : translateY(-50%);
 transform : translateY(-50%);}
.overlay_02 .inner > h3{color:var(--red-color);font-size:1.8rem;font-weight:bold;margin-bottom:0.5em;}
.overlay_02 .inner > p.icon{position:absolute;top:-1em;left:0;right:0;width:2em;height:2em;margin:auto;color:#FFF;font-size:3rem;text-align: center; background:var(--red-color);border-radius:50%;}
.overlay_02 .inner > p.icon i{position: absolute;top: 50%;left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);}
.overlay_02 .inner > p.close > a{display:block;padding:1em 0 0;color:#8c8c8c;font-size:1.2em;text-decoration: underline;}


/*========== table ==========*/
/*--- tbl_01 graytable ---*/
table.tbl_01{width:100%;font-size:1.3rem;background:#FFF;}
table.tbl_01 thead th{color:#FFF;background:var(--site-color);}
table.tbl_01,
table.tbl_01 th,
table.tbl_01 td {border: 1px solid #CCC;border-collapse: collapse;}
table.tbl_01 th,
table.tbl_01 td {padding: 10px;}
table.tbl_01 th {width:25%;font-weight:bold;background:var(--form-color);}
table.tbl_01.max{border:none;}
/* width max */
table.tbl_01.max tr,
table.tbl_01.max th,
table.tbl_01.max td{display: block;width:100% !important;border-bottom: none;}
table.tbl_01.max tr:last-child{border-bottom:1px solid #CCC;}

/*--- tbl_02 sitecolortable ---*/
table.tbl_02{width:100%;font-size:1.3rem;background:#FFF;}
table.tbl_02 thead th{color:#FFF;background:var(--site-color);}
table.tbl_02,
table.tbl_02 th,
table.tbl_02 td {border: 1px solid #CCC;border-collapse: collapse;}
table.tbl_02 th,
table.tbl_02 td {padding: 10px;}
table.tbl_02 th {width:25%;color:#FFF;font-weight:bold;background:var(--site-color);}
table.tbl_02.max{border:none;}
/* width max */
table.tbl_02.max tr,
table.tbl_02.max th,
table.tbl_02.max td{display: block;width:100% !important;border-bottom: none;}
table.tbl_02.max tr:last-child{border-bottom:1px solid #CCC;}

/* クライアント使用用に種類拡張 */
table.tbl_02.red th{background:var(--red-color);}
table.tbl_02.blue th{background:#00bccf;}
table.tbl_02.green th{background:#67c700;}
table.tbl_02.orange th{background:#ff8000;}
table.tbl_02.pink th{background:#ff6e96;}

/*--- tbl_expdata 買い目表示用 ---*/
table.tbl_expdata th{position:relative;width:55px;vertical-align: top;font-weight:bold;}
table.tbl_expdata th::after{position:absolute;content:"：";right:0;top:0.1em;}
table.tbl_expdata td{font-weight:bold;}


/*========== contents ==========*/
/*=== キャンペーン記事 ===*/
/*--- data_article (article list/detail common style) ---*/
.data_article{font-size:1.3rem;background:#FFF;box-shadow: 0 1px 3px #CCC;position: relative;}
.data_article figure{margin-bottom:0.5em;}
.data_article .data{position:relative;padding:3em 1em 4em;}
.data_article .data .ttl{font-size:1.2em;font-weight:bold;}
.data_article .data .genre{position:absolute;left:0;top:0.5em;min-width: 30%;max-width: 60%;font-size:0.9em;line-height:1;padding: 0.5em 1em 0.5em 1em;border-radius: 0 2em 2em 0;}
.data_article .data .genre1{background:#e00000;color:#FFF;}
.data_article .data .genre2{background:#007fb7;color:#FFF;}
.data_article .data .genre3{background:#44a000;color:#FFF;}
.data_article .data .id{position:absolute;right:1em;top:0.5em;width:40%;text-align: right;}
.data_article .data .date{color:#AAA;}
.data_article .data .dividend{position:relative;margin:0.5em 0 1em;border-bottom:1px solid #CCC;}
.data_article .data .dividend > span.people{position:absolute;left:0;bottom:0.5em;padding:0 0.5em;background:#FF0;}
.data_article .data .dividend > span.money{display: block;width:100%;text-align: right;color:var(--red-color);}
.data_article .data .dividend > span.money > span{font-size:1.5em;font-weight:bold;}
.data_article .data .detailtext{font-size:1.4rem;line-height: 1.8;white-space:pre-wrap;word-break: break-all;}
.data_article .data .like{display: flex;align-items:center;font-size:0.9em;cursor: pointer;}
.data_article .data .like > i{background:var(--red-color);color:#FFF;padding:0.8em;margin-right:0.5em;margin-top:-0.1em;border-radius:50%;}
.data_article .data .like > span{font-size:1.5em;font-weight:bold;margin-right:0.2em;}
.data_article .data .proflink{font-size:0.9em;text-align: center;cursor: pointer;}
.data_article .data .proflink > span{display: block;width:80%;color:var(--site-color);padding:0.2em;border:1px solid var(--site-color);}
/*- soldout -*/
.data_article.soldout:before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);z-index:1;}
.data_article.soldout > .txt_soldout{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 80%;color:#FFF;font-size:2.6rem;font-weight:bold;text-align: center;z-index:2;}


/*- detail_lp -*/
.data_article.detail_lp .detailregist .moretxt{position:relative;text-align: center;}
.data_article.detail_lp .detailregist .moretxt:before{content:'';position:absolute;top:50%;left:0;width:100%;height:50%;border-top:2px solid #000;}
.data_article.detail_lp .detailregist .moretxt > span{position:relative;display:inline-block;font-size:1.4rem;font-weight:bold;padding:1.5em 1em;background:#FFF;}
.data_article.detail_lp .detailregist .regist > span{display: block;width:90%;margin:0 auto;color:#FFF;font-size:1.4rem;font-weight:bold;text-align: center;padding:0.5em;background:#00b900;border-bottom:2px solid #333;border-radius: 30px; z-index: 2;}

/*- detail_lp - mosic ver
.data_article.detail_lp .detailtext{position: relative;overflow: hidden;}
.data_article.detail_lp .detailtext .area_regist{position: relative;}
.data_article.detail_lp .detailtext .area_regist .regist > span{position: absolute;left:5%;top:15%;display: block;width:90%;color:#FFF;font-size:1.4rem;font-weight:bold;text-align: center;padding:0.5em;background:#00b900;border-bottom:2px solid #333;border-radius: 30px; z-index: 2;}
*/

/*=== 予想師詳細 ===*/
.predictor_prof{padding:1em;}
.predictor_prof dl{background:#FFF;padding:0.5em 1em;}
.predictor_prof dl dd .box_predictor > .text > p.name{color:#333;font-size: inherit;}
.predictor_prof dl dd .box_predictor > .text > p:last-child{display: flex;flex-wrap: wrap;}
.predictor_prof dl dd .box_predictor > .text > p:last-child > span{margin-right:0.8em;}

/*=== メルマガ詳細 ===*/
.mail_detail{margin:1em;padding:2em 1em;background:#FFF;}
.mail_detail > dl{font-size:1.4rem;}
.mail_detail > dl > dt{font-weight:bold;padding-bottom:1.8em;margin-bottom:1em;border-bottom:1px solid #EEE;position:relative;}
.mail_detail > dl > dt > span.date{position:absolute;right:0;bottom:0.2em;color:#AAA;font-size:0.8em;}
.mail_detail > dl > dd{line-height: 1.8;word-break: break-all;}

/*-- お問い合わせ詳細 --*/
.inquiry_detail{font-size:1.4rem;padding:1em;margin:0.75em;background:#FFF;}
.inquiry_detail .date{color:#8c8c8c;font-size:0.9em;text-align: right;margin-bottom:0.5em;}
.inquiry_detail .detail{text-align: justify;}
.inquiry_detail .detail img{display: block;}

/*=== チャット ===*/
.area_chat{position:relative;}
.area_chat > h1{position:fixed;width:100%;left:0;font-size:1.2rem;font-weight:bold;text-align: center;padding:0.5em 1em;background:#FFF;border-bottom:1px solid #DDD;}
.area_chat > h1 > img.icon{height: 1.6em;border-radius: 50%;margin:0 0.5em;}
.chatform{position:fixed;bottom:0;left:0;width: 100%;background: #FFF;padding:0.5em;}
.chatform > form{display:flex;justify-content:center;align-items: flex-end;}
.chatform > form .file{display:block;width:10%;color:var(--site-color);margin-right:2%;font-size:2.8em;line-height:1;text-align: center;}
.chatform > form .message{width: 73%;margin-right:2%;}
.chatform > form .message > textarea{height:35px;max-height: 200px;font-size:1.6rem;line-height: 1.5;}
.chatform > form p.btn{width: 13%;}
.chatform > form p.btn > input[type="submit"]{color:#FFF;font-size:1.2rem;font-weight:bold;text-align: center; padding:0.8em;border-radius:0.5em;background:var(--site-color);}


/*=== データなし画面 ===*/
/*-- area_empty --*/
.area_empty{padding: 5em 1em 1em;}
.area_empty > h2{font-size:1.4rem;text-align: center;margin-bottom:1em;}
.area_empty > p{font-size:1.4rem;text-align: center;margin-bottom:1em;}


/*========== 登録前 ==========*/
/*-- login --*/
main.login{max-width:1000px;width:100%;margin:3.4em auto 0;font-size:1.3rem;padding-bottom:3em;}
main.login .notes{font-size:0.8em;padding:1em 0;text-align: left;border:1px solid #EEE;border-width:1px 0;}
/*--- login_notes ---*/
ul.login_notes{display: inline-block;padding:1em;text-align: left;}
ul.login_notes li{font-weight:bold;margin-bottom:0.5em;}
ul.login_notes li:last-child{margin-bottom: 0;}
ul.login_notes li > i{color:var(--site-color);margin-right:0.5em;}
/*--- rulecheck ---*/
p.rulecheck{text-align: center;}
p.rulecheck label{position: relative;padding-left:2em;}
p.rulecheck label input[type="checkbox"]{display: none;}
p.rulecheck label input[type="checkbox"] + span::before{content: "";display: block;width: 11px;height: 11px;
 position: absolute;top: 50%;left: 0;transform: translateY(-50%);border: 2px solid #CCC;border-radius: 3px;cursor: pointer;}
p.rulecheck label input[type="checkbox"]:checked + span::before{border-color:var(--site-color);background:var(--site-color);}
p.rulecheck label input[type="checkbox"]:checked + span::after{content: "";display: block;width: 10px;height: 5px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;box-sizing: border-box;
 position: absolute;top: 40%;left: 4px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg) translateY(-50%);}

/*-- lineQR --*/
main.lineQR{max-width:1000px;width:100%;margin:3.4em auto 0;font-size:1.6rem;text-align:center;padding-bottom:3em;}
main.lineQR h1{font-size:1.2em;font-weight:bold;margin:1.5em 0 1em;}
main.lineQR p{color:#777;}

/*========== inview Animation ==========*/
/*-- fadeInUp --*/
.animated_fadeInUp{opacity: 1;
-webkit-animation:fadeInUp 0.5s ease 1;
-moz-animation:fadeInUp 0.5s ease 1;
animation: fadeInUp 0.5s ease 1;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInUp {
 0% { opacity: 0; -moz-transform: translateY(30px); }
 100% { opacity: 1; -moz-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; transform: translateY(30px); }
 100% { opacity: 1; transform: translateY(0); }
}

/*-- zoomIn inview(keyframe:animate.css) --*/
.animated_zoomIn{opacity: 0;}
.animated_zoomIn.active{opacity: 1;
 -webkit-animation:zoomIn 0.5s ease 1;
 -moz-animation:zoomIn 0.5s ease 1;
 animation: zoomIn 0.5s ease 1;
}
@-webkit-keyframes zoomIn {
 0% { opacity: 0; -webkit-transform: scale(0); }
 100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes zoomIn {
 0% { opacity: 0; -moz-transform: scale(0); }
 100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes zoomIn {
 0% { opacity: 0; transform: scale(0); }
 100% { opacity: 1; transform: scale(1); }
}
/*========== inview Animation ==========*/

/*==================================================================
   Common
==================================================================*/
/*========== text ==========*/
/* size */
.f_SS{font-size:0.6em !important;}
.f_S{font-size:0.8em !important;}
.f_L{font-size:1.2em !important;}
.f_LL{font-size:1.5em !important;}
/* color */
.f_red{color:var(--red-color) !important;}
.f_blue{color:#006edd !important;}
.f_green{color:#59ad00 !important;}
.f_yellow{color:#ffde00 !important;}
.f_white{color:#FFFFFF !important;}
/* クライアント使用用に種類拡張 */
.f_orange{color:#ff8000 !important;}
.f_pink{color:#ff6e96 !important;}
/* site color */
.f_color1{color:var(--site-color);}
/* align */
.t_right{text-align: right !important;}
.t_left{text-align: left !important;}
.t_center{text-align: center !important;}
/* decoration */
.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}
.t_line{text-decoration: underline;}
.t_mark{background: #FF0;}
.t_inline > span{display: inline-block;}

.textcont > h2{font-weight:bold;margin:2em 0;}
.textcont > p{text-align:justify;line-height:1.8;margin-bottom:1.5em;position: relative;}
.textcont > figure{margin-bottom:1.5em;}

.mb_0{margin-bottom: 0 !important;}
.mb_S{margin-bottom: 0.5em !important;}
.mb_M{margin-bottom: 1em !important;}
.mb_L{margin-bottom: 1.5em !important;}
.mb_LL{margin-bottom: 2em !important;}

.mt_0{margin-top:0 !important;}
.mt_S{margin-top: 0.5em !important;}
.mt_M{margin-top: 1em !important;}
.mt_L{margin-top: 1.5em !important;}
.mt_LL{margin-top: 2em !important;}
.mg_0{margin:0 !important;}
.pd_0{padding:0 !important;}

.wd_auto{width:auto;}
.wd_50 {width:50% !important;margin-left:auto;margin-right:auto;}
.wd_70 {width:70% !important;margin-left:auto;margin-right:auto;}
.wd_80 {width:80% !important;margin-left:auto;margin-right:auto;}
.wd_90 {width:90% !important;margin-left:auto;margin-right:auto;}
.wd_95 {width:95% !important;margin-left:auto;margin-right:auto;}
.wd_100{width:100% !important;}

.area_01{padding:1em;}
.area_02{padding:1em;margin:1em 1em 3em;background:#FFF;}
.area_text > p{font-size:1.3rem;}
.errormsg{color:var(--red-color);font-size:1.2rem;font-weight:bold;text-align: center;}

/*　new badge */
.badge{position:absolute;display:inline-block;top:10%;right:15%;width:18px;height:18px;color:#FFF;font-size:1rem;font-weight:bold;line-height:1.8;text-align: center;border-radius:50%;background:var(--new-color);}

/* fix */
.fix_btm{position: -webkit-sticky;position: sticky;left:0;bottom:0;width:100%;}
.fix_ribtm{position:fixed;right:1.5em;bottom:1em;}

/*==================================================================
   Responsive Style 374px以下
==================================================================*/
@media screen and (max-width: 374px) {
p[class^="btn_"] > *{font-size: 3.6vw !important;}
dl.box_hit{font-size:3.4vw;}
/**/}/**/