@charset "utf-8";


/*　fontstyle
*********************************************************/
html { 
  font-size: 62.5%;

}

.mincho{
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:300;
}

.mincho2{
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:500;
}

.mincho3{
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:700;
}

.mincho4{
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:900;
}

/*************************************************/

.lh1{line-height:1;}
.lh1_1{line-height:1.1;}
.lh1_2{line-height:1.2;}
.lh1_3{line-height:1.3;}
.lh1_4{line-height:1.4;}
.lh1_5{line-height:1.5;}
.lh1_6{line-height:1.6;}
.lh1_7{line-height:1.7;}
.lh1_8{line-height:1.8;}
.lh1_9{line-height:1.9;}
.lh2{line-height:2;}
.lh2_1{line-height:2.1;}
.lh2_2{line-height:2.2;}
.lh2_3{line-height:2.3;}
.lh2_4{line-height:2.4;}
.lh2_5{line-height:2.5;}

/*************************************************/

.lss1{letter-spacing:-1px;}
.lss2{letter-spacing:-2px;}
.lss3{letter-spacing:-3px;}
.lss4{letter-spacing:-4px;}
.lss5{letter-spacing:-5px;}
.lss6{letter-spacing:-6px;}
.lss7{letter-spacing:-7px;}
.lss8{letter-spacing:-8px;}
.lss9{letter-spacing:-9px;}
.lss10{letter-spacing:-10px;}
.lss11{letter-spacing:-11px;}
.lss12{letter-spacing:-12px;}
.lss13{letter-spacing:-13px;}
.lss14{letter-spacing:-14px;}
.lss15{letter-spacing:-15px;}
.lss16{letter-spacing:-16px;}
.lss17{letter-spacing:-17px;}
.lss18{letter-spacing:-18px;}
.lss19{letter-spacing:-19px;}
.lss20{letter-spacing:-20px;}

/*************************************************/

.fs12{ font-size:1.2rem;}
.fs13{ font-size:1.3rem;}
.fs14{ font-size:1.4rem;}
.fs15{ font-size:1.5rem;}
.fs16{ font-size:1.6rem;}
.fs17{ font-size:1.7rem;}
.fs18{ font-size:1.8rem;}
.fs19{ font-size:1.9rem;}
.fs20{ font-size:2.0rem;}
.fs22{ font-size:2.2rem;}
.fs25{ font-size:2.5rem;}
.fs28{ font-size:2.8rem;}
.fs30{ font-size:3.0rem;}
.fs35{ font-size:3.5rem;}
.fs40{ font-size:4.0rem;}
.fs45{ font-size:4.5rem;}
.fs50{ font-size:5.0rem;}
.fs55{ font-size:5.5rem;}
.fs60{ font-size:6.0rem;}
.fs65{ font-size:6.5rem;}
.fs70{ font-size:7.0rem;}
.fs80{ font-size:8.0rem;}
.fs100{ font-size:10.0rem;}
.fs130{ font-size:13.0rem;}

.m0a{margin:0 auto;}
.m10{margin-top:1.0rem;}
.m20{margin-top:2.0rem;}
.m30{margin-top:3.0rem;}
.m40{margin-top:4.0rem;}
.m50{margin-top:5.0rem;}
.m60{margin-top:6.0rem;}
.m70{margin-top:7.0rem;}
.m80{margin-top:8.0rem;}
.m90{margin-top:9.0rem;}
.m100{margin-top:10.0rem;}
.m120{margin-top:12.0rem;}
.m150{margin-top:15.0rem;}
.m200{margin-top:20.0rem;}

.mb10{margin-bottom:1.0rem;}
.mb20{margin-bottom:2.0rem;}
.mb30{margin-bottom:3.0rem;}
.mb40{margin-bottom:4.0rem;}
.mb50{margin-bottom:5.0rem;}
.mb60{margin-bottom:6.0rem;}
.mb70{margin-bottom:7.0rem;}
.mb80{margin-bottom:8.0rem;}
.mb90{margin-bottom:9.0rem;}
.mb100{margin-bottom:10.0rem;}
.mb120{margin-bottom:12.0rem;}
.mb150{margin-bottom:15.0rem;}
.mb200{margin-bottom:20.0rem;}

.p0{padding-top: 0;}
.p10{padding-top:1.0rem;}
.p20{padding-top:2.0rem;}
.p30{padding-top:3.0rem;}
.p40{padding-top:4rem;}
.p50{padding-top:5rem;}
.p60{padding-top:6rem;}
.p70{padding-top:7rem;}
.p80{padding-top:8rem;}
.p90{padding-top:9rem;}
.p100{padding-top:10rem;}
.p120{padding-top:12rem;}
.p130{padding-top:13rem;}
.p150{padding-top:15rem}
.p170{padding-top:17rem;}
.p200{padding-top:20rem;}

.pb0{padding-bottom:0rem;}
.pb10{padding-bottom:1rem;}
.pb20{padding-bottom:2rem;}
.pb30{padding-bottom:3rem;}
.pb40{padding-bottom:4rem;}
.pb50{padding-bottom:5rem;}
.pb60{padding-bottom:6rem;}
.pb70{padding-bottom:7rem;}
.pb80{padding-bottom:8rem;}
.pb90{padding-bottom:9rem;}
.pb100{padding-bottom:10rem;}
.pb150{padding-bottom:15rem;}

.ps10{padding:0 1rem}
.ps50{padding:0 5rem}

/*************************************************/

.w100{width: 100%;}
.w95{width: 95%;}
.w90{width: 90%;}
.w80{width: 80%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w20{width: 20%;}
.w10{width: 10%;}
.w8{width: 8%;}
.w5{width: 5%;}

.mcenter{margin: 10rem auto}

.bld{font-weight: 600;}
.b-bld{font-weight: 800;}

/*************************************************/

.nml{font-weight: normal;}
.str{text-decoration: line-through;}
.und{border-bottom:0.1rem solid;}
.und2{border-top:0.1rem solid;}
.wav{text-decoration: underline wavy;}
.dou{text-decoration: underline double;}

.border-td{border-top: 1px dashed #9e9e9e; }
.border-bd{border-bottom: 1px dashed #9e9e9e; }

.und_yl{background: linear-gradient(transparent 40%, #FCEB95 80%);padding:0 1rem;}
.und_bl{background: linear-gradient(transparent 40%, #b3f0ff 80%);}
.und_rd{background: linear-gradient(transparent 40%, #ff99ab 80%);}
.und_or{background: linear-gradient(transparent 40%, #ffb744 80%);}

.under{border-bottom:0.15rem solid;}
.und-dash{border-bottom:0.15rem dashed;}
.und-dot{border-bottom:0.2rem dotted;}


.sai-red{color:#ec1c24;}
.sai-yellow{color:#ffdc00;}
.sai-green{color:#00be00;}
.sai-blue{color:#0079ff;}
.sai-purple{color:#a500ff;}

/*************************************************/

.red{color:#F6272D;}
.red2{color:#B9270A;}
.red3{color:#dc3125;}

.pink{color:#ffadd4;}
.blue{color: #1c54a8;}
.sky{color: #49d4ed;}
.yellow{color:#fffb8e;}
.yellow2{color:#FDF077;}
.yellow3{color:#FDF4A2;}

.or{color:#FFE564;}
.orange{color: #FFAB25;}
.orange2{color: #E13F00;}
/* .green{color: #037B5B;} */
.green{color: #44c20d;}
.green2{color: #237102;}
.bk{color: #000000;}
.wt{color: #ffffff;}
.gray{color: #777777;}

.d_orange{color:#ff6600;}

.bg-y{background: #fffdbd;  color: #000000;}

.bg-yellow{background: #fffb8e;  color: #000000;padding:1.5rem ;}
.bg-yellow2{background: #f7df2a;  color: #000000;padding:1.0rem ;}

.bg-gray{background: #e9e9e980;}
.bg-wt{background: #fcfcfc; padding:.3rem ;}
.bg-yl{background: #fff049; padding:.3rem ;}
.bg-bl{background: #dbf8ff; padding:1.5rem ;}
.bg-bk{background: #000000;}
.bg-black{background: #000000e6;}
.bg-black2{background: #444444;padding:.5rem 1rem;border-radius:1.5rem;color:#fcfcfc;}
.bg-r{background-color:#DB2F11; }
.bg-rp{background-color:#fea99c;}
.bg-pk{background-color:#ffcddd;}
.bg-gr{background-color: #9B9B9B;}
.bg-o{background-color: #ffd385;}
.bg-result{background-color: #5e5e67;}

.bg-pk{background: #ffdddd;  color: #000000;}

/*the_hit treasured color*/
.tr_red{color:#ff533d;}
/* .tr_yl{color:#ffd63d;} */
.tr_yl{color:#e4b508;}
.tr_gr{color:#286400;}

.bg_tr_red{background-color:#e84731d1;}
.bg_tr_gr{background-color:#6CBA38;}



/*************************************************/
.huti{
    color: #000;
    text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
}

.center{text-align:center;}
.left{text-align: left;}
.right{text-align: right;}

.bd_gold{
border: 0.5rem solid;
border-image: linear-gradient(to right,#F2CC5A,#FDF5DD,#E0B025) 1;
}


.br5{border-radius: 0.5rem;}

.area-y{background:#fcf688;}

.area-gr{
	background:#ededed;
	border: 1px solid #dddddd;
}

/*************************************************/

.area-wt{background-color: #ffffff;padding:2rem;}
.area-rd{background-color: #DD3032;}
.area-bk{background-color: #000000;}
.area-2a{background-color: #2A2A2A;}

.area-lg{background-color: #B0E860; margin:1rem; padding:1rem 1rem;}
.area-mz{background-color: #cce6ff; padding:1rem 1rem; width:80%; margin:5rem auto;}
.area-ki{background-color: #fffb8e; padding:1rem 1rem; width:80%; margin:5rem auto;}
.area-or{background-color: #ffbf00; margin:3rem; padding:1rem 1rem;}


.area-bbk{border: 0.5rem solid #000000;}
.area-bwt{border: 0.2rem solid #ffffff;}

.area-p10{padding: 1rem;}
.area-p20{padding: 2rem;}
.area-p40{padding: 4rem;}

.area-ss{
	filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.4));
}



.shadow{
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
}
.shadow-in{
		box-shadow:0px 0px 20px 0px #4c280d inset;
}

.flash-wt{
	box-shadow:rgba(255, 255, 255, 0.55) 0px 0px 5px 5px;
	-webkit-box-shadow:rgba(255, 255, 255, 0.55) 0px 0px 5px 5px;
	-moz-box-shadow:rgba(255, 255, 255, 0.55) 0px 0px 5px 5px;	
	padding: 30px 20px;
}

.t-shadow{
 text-shadow: 0 5px 10px rgba(0, 0, 0, 1);

}

.t-shadow_f{
	color: #ffffff;
	text-shadow: 0 0 3px #fff,0 0 60px #fff;
}

.box-dou{
	padding: 10px;
	border: 0.5rem solid #000000;
	box-shadow:rgba(104, 66, 30, 0.5) 0px 0px 15px 5px inset;
	-webkit-box-shadow:rgba(104, 66, 30, 0.5) 0px 0px 15px 5px inset;
	-moz-box-shadow:rgba(104, 66, 30, 0.5) 0px 0px 15px 5px inset;	
}

.area-cwt{
	background-color: rgba(255,255,255,0.6);
}

.area-cbk{
	background-color: rgba(0,0,0,0.5);
}

.clr{clear: both;}
.fr{float:right;}
.fl{float: left;}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


.huti_wt{
  text-shadow    : 
       4px  4px 3px #ffffff,
      -4px  4px 3px #ffffff,
       4px -4px 3px #ffffff,
      -4px -4px 3px #ffffff,
       4px  0px 3px #ffffff,
       0px  4px 3px #ffffff,
      -4px  0px 3px #ffffff,
       0px -4px 3px #ffffff;        /* 文字の影 */
}

/*---光る文字---*/


.pika-yellow{
	color: #fbed21;
	text-shadow: 0px 0px 10px #fbed21;
}

.pika-or{
	color: #ff6600;
	text-shadow: 0px 0px 10px #ff0000;
}


/**文字縁取り******/
.wtshadow {
  text-shadow    : 
       5px  5px 9px #fffff0,
      -5px  5px 9px #fffff0,
       5px -5px 9px #fffff0,
      -5px -5px 9px #fffff0,
       5px  0px 9px #fffff0,
       0px  5px 9px #fffff0,
      -5px  0px 9px #fffff0,
       0px -5px 9px #fffff0;        /* 文字の影 */
}
.ylshadow {
  text-shadow    : 
       5px  5px 9px #FDEC98,
      -5px  5px 9px #FDEC98,
       5px -5px 9px #FDEC98,
      -5px -5px 9px #FDEC98,
       5px  0px 9px #FDEC98,
       0px  5px 9px #FDEC98,
      -5px  0px 9px #FDEC98,
       0px -5px 9px #FDEC98;        /* 文字の影 */
}
.ylshadow2 {
  text-shadow    : 
       2px  2px 4px #FDEC98,
      -2px  2px 4px #FDEC98,
       2px -2px 4px #FDEC98,
      -2px -2px 4px #FDEC98,
       2px  0px 4px #FDEC98,
       0px  2px 4px #FDEC98,
      -2px  0px 4px #FDEC98,
       0px -2px 4px #FDEC98;        /* 文字の影 */
}
.rdshadow2 {
  text-shadow    : 
       2px  2px 7px #db3102,
      -2px  2px 7px #db3102,
       2px -2px 7px #db3102,
      -2px -2px 7px #db3102,
       2px  0px 7px #db3102,
       0px  2px 7px #db3102,
      -2px  0px 7px #db3102,
       0px -2px 7px #db3102;        /* 文字の影 */
}


/************************************/
.marker{
	background:linear-gradient(transparent 60%, #fdf48c5c 60%);
}
.marker_g{
	background:linear-gradient(transparent 60%, #E1E1E0 60%);
}
.marker_r{
	background:linear-gradient(transparent 60%, #FDC0C0 60%);
}

/***********************************
* 220718_kato add  slide gra text
***********************************/


/*グラデーションで文字色が変わるアニメーション*/
.nizi{
	/*background: linear-gradient(to right,#fff09b,#ffc2d1,#cac9ff,#fff09b) 0/ 200%;*/
    background: linear-gradient(to right,#ff1c1c,#ff8a3c,#ff1c1c) 0/ 200%;
	-webkit-background-clip: text;/*テキストの形でくりぬく*/
    -webkit-text-fill-color: transparent;/*テキストの形でくりぬく*/
    display: inline-block;
    /*height: 120px;*/
	height: 12rem;
    animation: 3s nizi linear infinite;
}

@keyframes nizi{
    100% { background-position: 200%; }
}


.nizi2{
	/*background: linear-gradient(to right,#fff09b,#ffc2d1,#cac9ff,#fff09b) 0/ 200%;*/
    background: linear-gradient(to right,#ff1c1c,#ff8a3c,#ff1c1c) 0/ 200%;
	-webkit-background-clip: text;/*テキストの形でくりぬく*/
    -webkit-text-fill-color: transparent;/*テキストの形でくりぬく*/
    display: inline-block;
    /*height: 120px;*/
	height: 15rem;
    animation: 3s nizi linear infinite;
}

@keyframes nizi{
    100% { background-position: 200%; }
}


.gold{
	/*background: linear-gradient(to right,#fff09b,#ffc2d1,#cac9ff,#fff09b) 0/ 200%;*/
    background: linear-gradient(to right,#d0ac00,#ffdc4b,#fffccb,#ffe267,#d0ac00) 0/ 200%;
	-webkit-background-clip: text;/*テキストの形でくりぬく*/
    -webkit-text-fill-color: transparent;/*テキストの形でくりぬく*/
    display: inline-block;
    /*height: 120px;*/
	height: 12rem;
    animation: 3s nizi linear infinite;
}

@keyframes nizi{
    100% { background-position: 200%; }
}


.gold2{
	/*background: linear-gradient(to right,#fff09b,#ffc2d1,#cac9ff,#fff09b) 0/ 200%;*/
    background: linear-gradient(to right,#d0ac00,#ffdc4b,#fffccb,#ffe267,#d0ac00) 0/ 200%;
	-webkit-background-clip: text;/*テキストの形でくりぬく*/
    -webkit-text-fill-color: transparent;/*テキストの形でくりぬく*/
    display: inline-block;
    /*height: 120px;*/
	height: 15rem;
    animation: 3s nizi linear infinite;
}

@keyframes nizi{
    100% { background-position: 200%; }
}

/*打消し線*/
.kesi{
    text-decoration: line-through;
}