@charset "utf-8";

/*　fontstyle
*********************************************************/
html{font-size: 62.5%;}
/* SP */
@media screen and (max-width: 768px) {
	.fs14{font-size:1.2rem;}
	.fs15{font-size:1.3rem;}
	.fs16{font-size:1.4rem;}
	.fs18{font-size:1.6rem;}
	.fs20{font-size:1.8rem;}
	.fs22{font-size:2.0rem;}
	.fs24{font-size:2.2rem;}
	.fs25{font-size:2.3rem;}
	.fs27{font-size:2.5rem;}
	.fs30{font-size:2.8rem;}
	.fs40{font-size:3.8rem;}

	.fs50{font-size:5.0rem;}
	.fs80{font-size:8.0rem;}
	.fs100{font-size:10.0rem;}
}

/* PC */
@media screen and (min-width: 768px) {
	.fs14{font-size:1.6rem;}
	.fs15{font-size:1.7rem;}
	.fs16{font-size:1.8rem;}
	.fs18{font-size:2.0rem;}
	.fs20{font-size:2.2rem;}
	.fs22{font-size:2.4rem;}
	.fs24{font-size:2.6rem;}
	.fs25{font-size:2.7rem;}
	.fs27{font-size:2.9rem;}
	.fs30{font-size:3.2rem;}
	.fs40{font-size:4.2rem;}

	.fs50{font-size:6.0rem;}
	.fs80{font-size:9.0rem;}
	.fs100{font-size:11.0rem;}

}
.m10{margin-top:1rem;}
.m20{margin-top:2rem;}
.m30{margin-top:3rem;}
.m40{margin-top:4rem;} 
.mb0{margin-bottom:0rem;}
.mb10{margin-bottom:1rem;}
.mb20{margin-bottom:2rem;}
.mb30{margin-bottom:3rem;}
.mb40{margin-bottom:4rem;}
.mb60{margin-bottom:6rem;}
.mb80{margin-bottom:8rem;}
.mb100{margin-bottom:10rem;}
.mb120{margin-bottom:12rem;}
.mb200{margin-bottom:20rem;}
.p20{padding-top:2rem;}
.p30{padding-top:3rem;}
.p40{padding-top:4rem;}

.pb0{padding-bottom:0rem;}
.pb50{padding-bottom:5rem;}

.bld{font-weight: 900;}

.red0{color:#ff4c4c;}
.red{color:#ff0f0f;}
.red3{color:#a72525;}
.blue2{color: #4770a5;}
.wt{color: #ffffff;}
.bg-y{background-color: #FCF76C;}

/* hutidori */

.center{display:block;text-align:center;}
.left{text-align: left;}

img{vertical-align:bottom;}

/******明朝体******/
.mincho{
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:300;
	transform: rotate(0.03deg);
	line-height: 1.5;
}

.mincho4{
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:900;
	transform: rotate(0.03deg);
}
/******明朝体_end******/

/******ゴシック体******/
.gothic{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:300;
	transform: rotate(0.03deg);
}

.gothic2{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:400;
	transform: rotate(0.03deg);
}

.gothic3{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:700;
	transform: rotate(0.03deg);
}

.gothic4{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:800;
	transform: rotate(0.03deg);
}
/******ゴシック体_end******/

/* ------------------------------------------------------------------------------------- */

@media screen and (max-width: 680px) {
  .m10{margin-top:1rem;}
  .m20{margin-top:2.5rem;}
  .m30{margin-top:2.5rem;}
  .m40{margin-top:3.2rem;}
  
  .mb10{margin-bottom:0.5rem;}
  .mb20{margin-bottom:1rem;}
  .mb30{margin-bottom:1rem;}
  .mb40{margin-bottom:2rem;}
  .mb100{margin-bottom:5rem;}
  .p20{padding-top:1rem;}
  .p30{padding-top:1rem;}
  .p40{padding-top:2rem;}
  
  
  .pb0{padding-bottom:0rem;}
  .pb50{padding-bottom:2rem;}
  
   }
html { 
  font-size: 62.5%;

}





.m10{margin-top:1.0rem;}
.m20{margin-top:2.0rem;}
.m30{margin-top:3.0rem;}
.m40{margin-top:4.0rem;}

.mb20{margin-bottom:2rem;}
.mb30{margin-bottom:3.0rem;}
.mb100{margin-bottom:10.0rem;}
.p20{padding-top:2.0rem;}
.p30{padding-top:3.0rem;}
.p40{padding-top:4rem;}

.pb0{padding-bottom:0rem;}
.pb50{padding-bottom:5rem;}

.red{color:#DE2024;}
.orange2{color: #ff7300;}
.wt{color: #ffffff;}

.bg-y{background: #FFF000; padding: 0.2%;}

.center{
	/* display:block; */
	text-align:center;
}
.left{text-align: left;}

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

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

@media screen and (max-width: 480px) {

.pconly{
	display: none;
}

.sponly{
	display: block;

}

}

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

.neon-bl{
			text-shadow:
			0 0 5px  #0055ff,
			0 0 10px #00aeff,
			0 0 12px #00aeff,
			0 0 15px #ffffff,
			0 0 20px #eeeeee,
			0 0 0px #00aeff,
			0 0 0px #00aeff;
        }

/* === ゴシック体(M PLUS 1p)：黒字＋白フチ === */
.fuchi-gothic-bk {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  color: #000;
  text-shadow: 
    -1px -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff,
     2px  2px 0 #666,
    -2px -2px 0 #eee;
}

/* === ゴシック体(M PLUS 1p)：白字＋黒フチ === */
.fuchi-gothic-wt {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  color: #fff;
  text-shadow: 
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000,
     2px  2px 0 #222,
    -2px -2px 0 #888;
}

/* === 明朝体(Noto Serif JP)：黒字＋白フチ === */

/* === 明朝体(Noto Serif JP)：白字＋黒フチ === */

.kiran-text {
  position: relative;
  overflow: hidden;
}

/* 白い光の帯 */
.kiran-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: -30%;
  width: 30%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 40%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0.6) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: shine 4s linear infinite;
}

@keyframes shine {
  0%   { left: -30%; }
  100% { left: 130%; }
}


/****************tablet対応******************/

/****************sp対応******************/

/******spのみ改行******/
br.spbr{display: none;}
br.pcbr{display: inline-block;}
@media screen and (max-width: 768px) {
br.spbr{display: inline-block;}
br.pcbr{display: none;}
}
/******改行_end******/

@media screen and (max-width: 480px) {
	
td {
	font-size: 1.2rem;
}

.fs20{
	font-size: 1.3rem;
	line-height: 1.5;
}

.fs22{
	font-size: 1.8rem;
	line-height: 1.5;
}

.fs25{
	font-size: 1.8rem;
	line-height: 1.2;
}

.fs30{
	font-size: 2.0rem;
	line-height: 1.2;
}

.fs40{
	font-size: 2.5rem;
	line-height: 1.2;
}

.fs80{
	font-size: 4.5rem;
	line-height: 1.2;
}

.goukabox .fs40{
	font-size: 2.4rem;
	line-height: 1.2;
}

.metal_box .fs40{
	font-size: 1.8rem;
	line-height: 1.2;
}

.metal_box .fs50{
	font-size: 2.8rem;
	line-height: 1.2;
}

.metal_box .fs80{
	font-size: 4rem;
	line-height: 1.2;
}

.mb40 {
	margin-bottom: 2.5rem;

}

.mb60 {
	margin-bottom: 4rem;

}

.mb80 {
	margin-bottom: 5rem;

}

.mb120 {
	margin-bottom: 8rem;

}

}