<style>
/* ============================== 共通 ============================== */
/* ============================== ウェブフォント　googleフォント ============================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Noto+Sans+JP:wght@100;300;500;700;900&family=Noto+Serif+JP:wght@300;500;700&display=swap');

.material-symbols-outlined {
	display: inline-flex;
	vertical-align: middle;
	font-variation-settings:
	'FILL' 1,
	'wght' 400,
	'GRAD' 0,
	'opsz' 40
}
.middle {
	display: inline-flex;
	vertical-align: middle;
}

/* Anton */
.Anton {
	font-family: 'Anton', sans-serif;
}

/* Noto ゴシック */
.NotoJP {
	font-family: 'Noto Sans JP', sans-serif;
}

/* Noto 明朝 */
.NotoserifJP {
	font-family: 'Noto Serif JP', serif;
}

/* Lora */
.Lora {
	font-family: 'Lora', serif;
}
/* garamond */
.Garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/* ============================== font weight ============================== */

/* NotoJP のみ */
.fw_100 {
	font-weight: 100;
}

.fw_300 {
	font-weight: 300;
}

.fw_500 {
	font-weight: 500;
}

.fw_700 {
	font-weight: 700;
}

.fw_900 {
	font-weight: 900;
}

/* ============================== font-size ============================== */

.f_XXL {
	font-size: xx-large;
}

.f_XL {
	font-size: x-large;
}

.f_XS {
	font-size: x-small;
}

.f_XXS {
	font-size: xx-small;
}

/* ============================== font-style ============================== */

.f_italic {
	font-style: italic;
}

/* ============================== 点滅 ============================== */
.blinking{
	-webkit-animation:blink 2.5s ease-in-out infinite alternate;
	-moz-animation:blink 2.5s ease-in-out infinite alternate;
	animation:blink 2.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

/* ============================== FADEIN ============================== */

.fadeInTrigger .fadeUpTrigger .fadeDownTrigger .fadeLeftTrigger .fadeRightTrigger {
opacity: 0;
}

/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 上から */

.fadeDown{
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

.fadedelay02 {transition-delay: .2s;}
.fadedelay04 {transition-delay: .4s;}
.fadedelay06 {transition-delay: .6s;}
.fadedelay08 {transition-delay: .8s;}
.fadedelay10 {transition-delay: 1s;}


/* ============================== SCROLL 1 blue ============================== */

/*スクロールダウン全体の場所*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
    /*全体の高さ*/
	width: 1px;
	height:80px;
	background: #eee;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
	position: absolute;
	left: 50%;
	top: -40px;
    /*テキストの形状*/
	color: #000;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	transform: translateX(-50%);
}

/* 線の描写 */
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 2px;
	height: 30px;
	background: #00b0f0;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:80px;
		opacity: 0;
	}
}

/* ============================== SCROLL 1 pink ============================== */

/*スクロールダウン全体の場所*/
.scrolldownpink1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
    /*全体の高さ*/
	width: 1px;
	height:80px;
	background: #eee;
}

/*Scrollテキストの描写*/
.scrolldownpink1 span{
    /*描画位置*/
	position: absolute;
	left:-15px;
	top: -15px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldownpink1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 2px;
	height: 30px;
	background: #d2004c;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:80px;
		opacity: 0;
	}
}

/* ============================== SCROLL 1 green ============================== */

/*スクロールダウン全体の場所*/
.scrolldowngreen1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
    /*全体の高さ*/
	width: 1px;
	height:80px;
	background: #eee;
}

/*Scrollテキストの描写*/
.scrolldowngreen1 span{
    /*描画位置*/
	position: absolute;
	left:-15px;
	top: -15px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldowngreen1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 2px;
	height: 30px;
	background: #00b898;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:80px;
		opacity: 0;
	}
}



/* ============================== SCROLL 4 ============================== */

/*スクロールダウン全体の場所*/
.scrolldown4{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:1%;
	right:50%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }

/*Scrollテキストの描写*/
.scrolldown4 span{
    /*描画位置*/
	position: absolute;
	left:-20px;
	bottom:10px;
    /*テキストの形状*/
	color: #fff;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #fff;
    transform: skewX(-31deg);
}

.scrolldown4:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	right:0;
    /*矢印の形状*/
	width:1px;
	height: 50px;
	background:#fff;
}

/* ============================== ARROWS-ANIME 4 ============================== */

.arrows-anime {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
}

.arrows-anime path {
  stroke: #2994D1;
  fill: transparent;
  stroke-width: 1px;  
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows-anime path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows-anime path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows-anime path.a3 { 
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}


/*========= 流れるテキスト ===============*/

/*全共通*/

.slide-in {
	overflow: hidden;
    display: inline-block;
}

.slide-in_inner {
	display: inline-block;

}

/*左右のアニメーション*/
.leftAnime{
    opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextX100 {
  from {
	transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}


@keyframes slideTextX-100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

/* 上下のアニメーション*/
.downAnime{
    opacity: 0;/* 事前に透過0 にして消しておく*/
}

.slideAnimeDownUp {
    animation-name:slideTextY100;
    animation-duration:0.8s;
    animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextY100 {
    from {
        transform: translateY(100%);/* 要素を上の枠外に移動*/
        opacity: 0;
    }
    to {
        transform: translateY(0);/* 要素を元の位置に移動*/
        opacity: 1;
    }
}

.slideAnimeUpDown {
    animation-name:slideTextY-100;
    animation-duration:0.8s;
    animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextY-100 {
    from {
        transform: translateY(-100%);/* 要素を下の枠外に移動*/
        opacity: 0;
    }
    to {
        transform: translateY(0);/* 要素を元の位置に移動*/
        opacity: 1;
    }
}
/* ============================== zoom ============================== */

/* 拡大のみ  */
.zoom-1 img {
	width: 100%;
	height: auto;
	animation: animationZoom1 5s ease-in-out forwards;
	}

/* 拡大縮小  */
.zoom-2 img {
	width: 100%;
	height: auto;
	animation: animationZoom2 10s ease-in-out infinite;
	}

.zoom {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px
	}

	@keyframes animationZoom1 {
	100% { transform:scale(1.1)} 
    }
    @keyframes animationZoom2 {
	50% { transform:scale(1.1)} 
	}

/* ============================== リンクボタン 大小動き ============================== */

.cv_btn {
	margin: 0 auto;
}
.cv_btn {
	animation: anime1 0.8s ease 0s infinite alternate;
	transform-origin:center;
}

@keyframes anime1 {
	from {
		transform: scale(0.9,0.9);
	}
	to {
		transform: scale(1,1);
	}
}

/* ============================== 画像のスライドショー slick ============================== */

.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
    margin:0 auto;
}

.slider img {
    width:60vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}

.slider .slick-slide {
	transform: scale(0.8);/*左右の画像のサイズを80%に*/
	transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
	opacity: 0.5;/*透過50%*/
}

.slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:12px;/*ドットボタンのサイズ*/
    height:4px;/*ドットボタンのサイズ*/
    display:block;
    background:#f5f5f5;/*ドットボタンの色*/
    border: none;
}

.slick-dots .slick-active button{
    background:#0877c0;/*ドットボタンの現在地表示の色*/
}

/* ============================== growAnime ============================== */

.glowAnime span{opacity: 0;}

/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.glowAnime.glow span{ animation:glow_anime_on 1s ease-out forwards; }

@keyframes glow_anime_on{
	0% { opacity:0; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
	50% { opacity:1;text-shadow: 0 0 10px #fff,0 0 15px #fff; }
	100% { opacity:1; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
}

/* ============================== modaal POPUPWINDOW ============================== */

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

/* ============================== bgextend 背景伸びてテキスト表示 ============================== */

/*全共通*/

.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;/*　はみ出た色要素を隠す　*/
	opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

/*左から右*/
.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

/*右から左*/
.bgRLextend::before{
	animation-name:bgRLextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgRLextendAnime{
	0% {
		transform-origin:right;
		transform:scaleX(0);
	}
	50% {
		transform-origin:right;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:left;
	}
	100% {
		transform-origin:left;
		transform:scaleX(0);
	}
}

/*上から下*/
.bgUDextend::before{
	animation-name:bgUDextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgUDextendAnime{
	0% {
		transform-origin:top;
		transform:scaleY(0);
	}
	50% {
		transform-origin:top;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:bottom;
	}
	100% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
}

/*下から上*/
.bgDUextend::before{
	animation-name:bgDUextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgDUextendAnime{
	0% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
	50% {
		transform-origin:bottom;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:top;
	}
	100% {
		transform-origin:top;
		transform:scaleY(0);
	}
}
/*ZONE blue*/
.bgLRextend.blue::before{
	background-color: #0877c0;
}

.bgRLextend.blue::before{
	background-color: #0877c0;
}
.bgUDextend.blue::before{
	background-color: #0877c0;
}

.bgDUextend.blue::before{
	background-color: #0877c0;
}

/*濃いピンク ff0077*/
.bgLRextend.pink::before{
	background-color: #ff0077;
}

.bgRLextend.pink::before{
	background-color: #ff0077;
}

.bgUDextend.pink::before{
	background-color: #ff0077;
}

.bgDUextend.pink::before{
	background-color: #ff0077;
}

/*ヤマブキ色*/
.bgLRextend.orangeyellow::before{
	background-color: #ffc400;
}

.bgRLextend.orangeyellow::before{
	background-color: #ffc400;
}

.bgUDextend.orangeyellow::before{
	background-color: #ffc400;
}

.bgDUextend.orangeyellow::before{
	background-color: #ffc400;
}

/*green*/
.bgLRextend.green::before{
	background-color: #67c700;
}

.bgRLextend.green::before{
	background-color: #67c700;
}

.bgUDextend.green::before{
	background-color: #67c700;
}

.bgDUextend.green::before{
	background-color: #67c700;
}

/*orange*/
.bgLRextend.orange::before{
	background-color: #ff8000;
}

.bgRLextend.orange::before{
	background-color: #ff8000;
}

.bgUDextend.orange::before{
	background-color: #ff8000;
}

.bgDUextend.orange::before{
	background-color: #ff8000;
}

/*gold*/
.bgLRextend.gold::before{ 
	background-color: #ac8704;
}

.bgRLextend.gold::before{ 
	background-color: #ac8704;
}

.bgUDextend.gold::before{ 
	background-color: #ac8704;
}

.bgDUextend.gold::before{ 
	background-color: #ac8704;
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgLRextendTrigger{
    opacity: 0;
}

.bgappearTrigger,
.bgRLextendTrigger{
    opacity: 0;
}

.bgappearTrigger,
.bgUDextendTrigger{
    opacity: 0;
}

.bgappearTrigger,
.bgDUextendTrigger{
    opacity: 0;
}

/* ============================== GAMING LIGHT EFFECT 1 その場で発光 ============================== */
.EF_gaming1 {
/* アニメーションの長さ */
	animation: EF_gaming1 2s linear infinite;
}
@keyframes EF_gaming1 {
/* 色の指定 */
	0% { background-color: Magenta; }
	33% { background-color: yellow; }
	66% { background-color: Cyan; }
	100% { background-color: Magenta; }
}

/* ============================== GAMING LIGHT EFFECT 2 流れて発光 ============================== */
.EF_gaming2 {
/* 横長で虹色を作る */
	background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
	animation: EF_gaming2 2s linear infinite;
}
@keyframes EF_gaming2 {
/* backgroundを移動させる */
	100% { background-position-x: 200%; }
}

/* ============================== ANIME BG GRD01  ============================== */
.shine_grd01 {
	background: linear-gradient(45deg, #FFFFFF, #FFD7E7, #FAD7FF, #D7D7FF, #D7FFFE, #D7FFD9, #FFFED7, #FFF2D7, #FFD7D7);
	background-size: 1800% 1800%;
	animation: GradientBackground 15s ease infinite;
}

	@keyframes GradientBackground {
0% {
	background-position: 0% 50%;
}

50% {
	background-position: 100% 50%;
}

100% {
	background-position: 0% 50%;
}
	};


/* ============================== box-shadow ============================== */

.shadow90 {
	box-shadow: 0px 8px 10px -1px #b0b0b0;
}

.shadow45 {
box-shadow: 20px 20px 15px -15px #b0b0b0;
}

/* ============================== 画像 ============================== */

.image {
	vertical-align:bottom;
	width:100%;
	max-width:100%;
	height: auto;
	margin: 0 auto;
}

/* ============================== 動画 ============================== */

video {
	max-width: 100%;
	max-height: 100%;
	background-color: #FFFFFF;
	background-size: cover;
	object-fit: contain;
}

.mv {
	width: 100%;
	height: auto;
}

/* ============================== 蛍光ペン　マーカー ============================== */
/* red */
.MKred {
	background: linear-gradient(transparent 70%, #ff8a9d 70%);
	padding-bottom: 3px;
}
/* green */
.MKgreen {
	background: linear-gradient(transparent 70%, #75ff8c 70%);
	padding-bottom: 3px;
}

/* blue */
.MKblue {
	background: linear-gradient(transparent 70%, #75ccff 70%);
	padding-bottom: 3px;
}

/* yellow */
.MKyellow {
	background: linear-gradient(transparent 70%, #ffff47 70%);
	padding-bottom: 3px;
}

/* ============================== color ============================== */

/* ゴールド STRONG */
.f_gold {
	color: #ac8704;
}

.f_Dgold {
	color: #805603;
}

/* znblue ZONE */
.f_znblue {
	color: #01a6db;
}

/* glgreen GALAXY */
.f_glgreen {
	color: #00ba9a;
}

/* 濃い赤 */
.f_Dred {
	color: #990000;
}

/* 黄色 */
.f_yellow {
	color: #fac559;
}

/* オレンジ */
.f_orange {
	color: #ff8000;
}

/* ヤマブキ色 */
.f_orangeyellow {
	color: #ffc400;
}

/* 水色 bg_blueと同じ */
.f_Lblue {
	color: #00bccf
}

/* 濃い青 */
.f_Dblue {
	color:#143d66;
}

/* 黒 */
.f_black {
	color: #000000;
}

/* 白 */
.f_white {
	color: #FFFFFF;
}

/* 濃グレー */
.f_gray {
	color: #636363;
}

/* 薄いグレー */
.f_Lgray {
	color: #bababa;
}

/* 濃ピンク */
.f_Dpink {
	color: #ff0077;
}

/* めちゃ濃いピンク */
.f_DDpink {
	color: #b31a30;
}

/* 桜色 */
.f_Lpink {
	color: #ffa1cd;
}

/* SG */
.f_sg {
	color: #ef3d3a;
}

/* G1 */
.f_g1 {
	color: #f0bc15;
}

/* G2 */
.f_g2 {
	color: #78b04a;
}

/* G3 */
.f_g3 {
	color: #3e7ece;
}

/* 無限用濃い赤 */
.f_MGDred {
	color:#6b363a;
}

/* ============================== background-color ============================== */

/* ゴールド */
.bg_gold {
	background-color: #ac8704;
}

.bg_Dgold {
	background-color: #805603;
}
/* znblue ZONE */
.bg_znblue {
	background-color: #01a6db;
}

/* glLgreen GALAXY */
.bg_glLgreen {
	background-color: #EAFEF2;
}

/* glgreen GALAXY */
.bg_glgreen {
	background-color: #00ba9a;
}

/* 赤 */
.bg_red {
	background-color: #e00000;
}

/* 薄い赤 */
.bg_Lred {
	background-color: #ffebeb;
}

/* 濃い赤 */
.bg_Dred {
	background-color: #990000;
}

/* 青 */
.bg_blue {
	background-color: #00bccf;
}

/* 薄い青 */
.bg_Lblue {
	background-color: #edfdff;
}

/* 濃い青 */
.bg_Dblue {
	background-color:#143d66;
}

/* 緑 */
.bg_green {
	background-color: #67c700;
}

/* 薄い緑 */
.bg_Lgreen {
	background-color: #f4ffe8;
}

/* オレンジ */
.bg_orange {
	background-color: #ff8000;
}

/* 薄いオレンジ */
.bg_Lorange {
	background-color: #fff6ed;
}

/* ヤマブキ色 */
.bg_orangeyellow {
	background-color: #ffc400;
}

/* 黄色 */
.bg_yellow {
	background-color: #ffff00;
}

/* 薄い黄色 */
.bg_Lyellow {
	background-color: #fff6d6;
}

/* ピンク */
.bg_pink {
	background-color: #ff6e96;
}

/* 薄いピンク */
.bg_Lpink {
	background-color: #ffebf0;
}
/* 濃いピンク */
.bg_Dpink {
	background-color: #ff0077;
}

/* めちゃ濃いピンク */
.bg_DDpink {
	background-color: #b31a30;
}

/* 黒 */
.bg_black {
	background-color: #000;
}

/* 白 */
.bg_white {
	background-color: #FFF;
}

/* 濃グレー */
.bg_gray {
	background-color: #636363;
}

/* 薄いグレー */
.bg_Lgray {
	background-color: #f5f5f5;
}

/* 無限用濃い赤 */
.bg_MGDred {
	background-color:#6b363a;
}

/* ============================== t_line ============================== */

.t_line3 {
	text-decoration: underline;
	text-underline-offset:3px;
}

/* ============================== border ============================== */

/* ゴールド4辺 */
.bd_gold {
	border: 1px solid #ac8704;
}

/* znblue ZONE */
.bd_znblue {
	border: 1px solid #01a6db;
}


/* 赤4辺 */
.bd_red {
	border: 1px solid #e00000;
}

/* 青4辺 */
.bd_blue {
	border: 1px solid #00bccf;
}

/* 緑4辺 */
.bd_green {
	border: 1px solid #67c700;
}

/* オレンジ4辺 */
.bd_orange {
	border: 1px solid #ff8000;
}

/* ヤマブキ色4辺 */
.bd_orangeyellow {
	border: 1px solid #ffc400;
}

/* ピンク4辺 */
.bd_pink {
	border: 1px solid #ff6e96;
}

/* 黒4辺 */
.bd_black {
	border: 1px solid #000;
}

/* 白4辺 */
.bd_white {
	border: 1px solid #FFF;
}

/* 濃グレー */
.bd_gray {
	border: 1px solid #636363;
}

/* 薄いグレー */
.bd_Lgray {
	border: 1px solid #f5f5f5;
}

/* ============================== border-top ============================== */

/* ゴールドtop */
.bdtop_gold {
	border-top: 1px solid #ac8704;
}

/* znblue ZONE */
.bdtop_znblue {
	border-top: 1px solid #01a6db;
}

/* 赤top */
.bdtop_red {
	border-top: 1px solid #e00000;
}

/* 青top */
.bdtop_blue {
	border-top: 1px solid #00bccf;
}

/* 緑top */
.bdtop_green {
	border-top: 1px solid #67c700;
}

/* オレンジtop */
.bdtop_orange {
	border-top: 1px solid #ff8000;
}

/* ヤマブキ色top */
.bdtop_orangeyellow {
	border-top: 1px solid #ffc400;
}

/* ピンクtop */
.bdtop_pink {
	border-top: 1px solid #ff6e96;
}

/* 黒top */
.bdtop_black {
	border-top: 1px solid #000;
}

/* 白top */
.bdtop_white {
	border-top: 1px solid #FFF;
}

/* 濃グレー */
.bdtop_gray {
	border-top: 1px solid #636363;
}

/* 薄いグレー */
.bdtop_Lgray {
	border-top: 1px solid #f5f5f5;
}

/* ============================== border-bottom ============================== */

/* ゴールドbottom */
.bdbottom_gold {
	border-bottom: 1px solid #ac8704;
}

/* znblue ZONE */
.bdbottom_znblue {
	border-bottom: 1px solid #01a6db;
}

/* 赤bottom */
.bdbottom_red {
	border-bottom: 1px solid #e00000;
}

/* 青bottom */
.bdbottom_blue {
	border-bottom: 1px solid #00bccf;
}

/* 緑bottom */
.bdbottom_green {
	border-bottom: 1px solid #67c700;
}

/* オレンジbottom */
.bdbottom_orange {
	border-bottom: 1px solid #ff8000;
}

/* ヤマブキ色bottom */
.bdbottom_orangeyellow {
	border-bottom: 1px solid #ffc400;
}

/* ピンクbottom */
.bdbottom_pink {
	border-bottom: 1px solid #ff6e96;
}

/* 黒bottom */
.bdbottom_black {
	border-bottom: 1px solid #000;
}

/* 白bottom */
.bdbottom_white {
	border-bottom: 1px solid #FFF;
}

/* 濃グレー */
.bdbottom_gray {
	border-bottom: 1px solid #636363;
}

/* 薄いグレー */
.bdbottom_Lgray {
	border-bottom: 1px solid #f5f5f5;
}

/* ============================== SHADOWbox ============================== */

/* 立体ボックス */

.SHADOWbox {
	padding: 20px;
	box-shadow:
		inset 0 -3em 3em rgba(0,0,0,0.1),
			  0 0  0 2px rgb(255,255,255),
			  0.3em 0.3em 1em rgba(0,0,0,0.3);
}

/* ============================== padding ============================== */

.box_pad,.pad10 {
	padding: 10px;
}

.pad2 {
	padding: 2px
}

.pad4 {
	padding: 4px
}

.pad6 {
	padding: 6px
}

.pad8 {
	padding: 8px
}

.pad12 {
	padding: 12px
}

.pad24 {
	padding: 24px
}

.pad36 {
	padding: 36px
}

/* ============================== レースグレード ============================== */

/* SG */
.sg {
	color: #FFFFFF;
	background-color: #ef3d3a;
	font-family: 'Anton', sans-serif;
	padding: 0 4px;
	margin:0 4px;
	display: inline-block;
}

/* G1 */
.g1 {
	color: #FFFFFF;
	background-color: #f0bc15;
	font-family: 'Anton', sans-serif;
	padding: 0 4px;
	margin:0 4px;
	display: inline-block;
}

/* G2 */
.g2 {
	color: #FFFFFF;
	background-color: #78b04a;
	font-family: 'Anton', sans-serif;
	padding: 0 4px;
	margin:0 4px;
	display: inline-block;
}

/* G3 */
.g3 {
	color: #FFFFFF;
	background-color: #3e7ece;
	font-family: 'Anton', sans-serif;
	padding: 0 4px;
	margin:0 4px;
	display: inline-block;
}

/* ヴィーナスシリーズ */
.vs {
	color: #FFFFFF;
	background-color: #fc91ae;
	font-family: 'Anton', sans-serif;
	padding: 0 4px;
	margin:0 4px;
	display: inline-block;
}

/* オールレディース */
.al {
	color: #FFFFFF;
	background-color: #fa628b;
	font-family: 'Anton', sans-serif;
	padding: 0 4px;
	margin:0 4px;
	display: inline-block;
}

/* ルーキー */
.rk {
	color: #FFFFFF;
	background-color: #1cacd9;
	font-family: 'Anton', sans-serif;
	padding: 0 4px;
	margin:0 4px;
	display: inline-block;
}

/* マスターズリーグ */
.ml {
	color: #FFFFFF;
	background-color: #35a971;
	font-family: 'Anton', sans-serif;
	padding: 0 4px;
	margin:0 4px;
	display: inline-block;
}



/* ============================== 短い下線 タイトル共通 ============================== */

.ttl_shortline {
	position: relative;
	padding: 1.5rem;
}

.ttl_shortline:before {
	position: absolute;
	bottom: -10px;
	left: 12px;
	width: 60px;
	height: 3px;
	content: '';
	background: #000;
}

.ttl_shortline.maincolor:before {
	background: #32bb98;
}

/* ============================== オリジナルタイトル共通 ============================== */
.o_ttl {
	position: relative;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px solid #f6f6f6;
}

.o_ttl::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
}

/* ============================== オリジナルタイトル青 ============================== */

.o_ttl.blue {
	color: #7a8e99;
}

.o_ttl.blue::after {
	background-color: #0095d9;
}

/* ============================== オリジナルタイトル緑 ============================== */

.o_ttl.green {
	color: #8fb39a;
}

.o_ttl.green::after {
	background-color: #07b53b;
}

/* ============================== タイトル　カウントアップ共通 ============================== */

.ttl_countUP {
	position: relative;
	padding-left: 60px;
	font-size: 20px;
	font-weight: bold;
}

.ttl_countUP::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 50px;
	font-weight: 400;
	font-family: 'Impact','Anton', sans-serif;
}

.ttl_countUP::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 1px;
}

/* ============================== タイトル　カウントアップ　青 ============================== */

.ttl_countUP.blue::before {
	color: rgba(0,149,217,0.4);
}

.ttl_countUP.blue::after {
	background-color: rgba(0,149,217,1);
}

/* ============================== タイトル　カウントアップ　オレンジ ============================== */

.ttl_countUP.orange::before {
	color: rgba(255,140,25,0.4);
}

.ttl_countUP.orange::after {
	background-color: rgba(255,140,25,1);
}

/* ============================== icon　location_on ============================== */

.icon_location {
	position: relative;
	background: #f4f4f4;
	padding: 2px 5px 2px 20px;
	color: #474747;
	border-radius: 0 10px 10px 0;
	border-bottom: 1px dashed #ff6363;
}

.icon_location:before {
	font-family: 'Material Symbols Outlined';
	content: "\e0c8";
	display: inline-block;
	position: absolute;
	padding: 0em;
	color: white;
	background: #ff6363;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	left: -1.35em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

/* ============================== ボタン関連 ============================== */

a.btn {
	font-weight: bold;
}

/* ============================== ボタン青 ============================== */
.btn_blue a {
	background: #00bccf;
	border: 1px solid #00bccf;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 260px;
	padding: 10px 25px;
	color: #FFF;
	font-weight: bold;
	transition: 0.3s ease-in-out;
	font-weight: 500;
	filter: drop-shadow(1px 3px 6px rgba(0,0,0,0.6));
}
.btn_blue a:hover {
	background: #edfdff;
	color: #00bccf;
	border: 1px solid #00bccf;
}
.btn_blue a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}
.btn_blue a:hover:after {
	border-color: #00bccf;
}

/* ============================== ボタン緑 ============================== */
.btn_green a {
	background: #67c700;
	border: 1px solid #67c700;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 260px;
	padding: 10px 25px;
	color: #FFF;
	font-weight: bold;
	transition: 0.3s ease-in-out;
	font-weight: 500;
	filter: drop-shadow(1px 3px 6px rgba(0,0,0,0.6));
}
.btn_green a:hover {
	background: #f4ffe8;
	color: #67c700;
	border: 1px solid #67c700;
}
.btn_green a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}
.btn_green a:hover:after {
	border-color: #67c700;
}

/* ============================== ボタンオレンジ ============================== */
.btn_orange a {
	background: #ff8000;
	border: 1px solid #ff8000;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 260px;
	padding: 10px 25px;
	color: #FFF;
	font-weight: bold;
	transition: 0.3s ease-in-out;
	font-weight: 500;
	filter: drop-shadow(1px 3px 6px rgba(0,0,0,0.6));

}
.btn_orange a:hover {
	background: #fff6ed;
	color: #ff8000;
	border: 1px solid #ff8000;
}
.btn_orange a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}
.btn_orange a:hover:after {
	border-color: #ff8000;
}

/* ============================== ボタンゴールド ============================== */
.btn_gold a {
	background: #ac8704;
	border: 1px solid #ac8704;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 260px;
	padding: 10px 25px;
	color: #FFF;
	font-weight: bold;
	transition: 0.3s ease-in-out;
	font-weight: 500;
	filter: drop-shadow(1px 3px 6px rgba(0,0,0,0.6));

}
.btn_gold a:hover {
	background: #fff3cc;
	color: #ac8704;
	border: 1px solid #ac8704;
}
.btn_gold a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}
.btn_gold a:hover:after {
	border-color: #ac8704;
}

/* ============================== ボタン赤 ============================== */
.btn_red a {
	background: #e00000;
	border: 1px solid #e00000;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 260px;
	padding: 10px 25px;
	color: #FFF;
	font-weight: bold;
	transition: 0.3s ease-in-out;
	font-weight: 500;
	filter: drop-shadow(1px 3px 6px rgba(0,0,0,0.6));

}
.btn_red a:hover {
	background: #ffebeb;
	color: #e00000;
	border: 1px solid #e00000;
}

.btn_red a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}
.btn_red a:hover:after {
	border-color: #e00000;
}

/* ============================== ボタン ZONE青 ============================== */
.btn_znblue a {
	background: #01a6db;
	border: 1px solid #01a6db;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 260px;
	padding: 10px 25px;
	color: #FFF;
	font-weight: bold;
	transition: 0.3s ease-in-out;
	font-weight: 500;
	filter: drop-shadow(1px 3px 6px rgba(0,0,0,0.6));

}
.btn_znblue a:hover {
	background: #ECFFFF;
	color: #01a6db;
	border: 1px solid #01a6db;
}

.btn_znblue a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}
.btn_znblue a:hover:after {
	border-color: #01a6db;
}

/* ============================== ボタン タップアニメ－ション ============================== */
.tapAnime {
	transition: transform .2s;
	&:active{
		transform: scale(.95);
	}
}

/* ============================== ボタン MUGENデフォルト青 ============================== */
a.mgbtn {
	position: relative;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 75%;
	max-width:320px;
	height:48px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	background: linear-gradient(to top, rgb(5, 130, 174), #27acd9);
	color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;
}

a.mgbtn::after {
	content: "\f0a9";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right:16px;
}

a.mgbtn:hover {
	color: #fff;
	opacity: 0.5;
}

a.mgbtn.orange {
	background: linear-gradient(0deg, rgba(255, 135, 0, 1), rgba(255, 201, 13, 1));
}

a.mgbtn.red {
	background: linear-gradient(0deg, rgba(149, 37, 15, 1), rgba(255, 76, 76, 1));
}

a.mgbtn.green {
	background: linear-gradient(0deg, rgba(17, 101, 50, 1), rgba(145, 237, 160, 1));
}

a.mgbtn.pink {
	background: linear-gradient(0deg, rgba(179, 14, 73, 1), rgba(255, 95, 165, 1));
}


/* ============================== 見出し MUGENデフォルト緑 ============================== */

h1.mggreen {
	position: relative;
	padding: 0 .5em .5em 1.4em;
	border-bottom: 2px solid;
	border-image:linear-gradient(to right,#3c7170,#dfebea);
	border-image-slice: 1;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	color:#203d3d;
	font-size:4.8vw;
}
h1.mggreen::before,
h1.mggreen::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h1.mggreen::before {
	top: .3em;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: rgba(60,113,112,.5);
	z-index: 2;
}
h1.mggreen::after {
	top: .8em;
	left: .5em;
	width: 13px;
	height: 13px;
	background-color: rgba(60,113,112,.2);
}

/* ============================== 見出し MUGENデフォルト赤 ============================== */

h1.mgred {
	position: relative;
	padding: 0 .5em .5em 1.4em;
	border-bottom: 2px solid;
	border-image:linear-gradient(to right,#f52754,#faebee);
	border-image-slice: 1;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	color:#520d1c;
	font-size:4.8vw;
}
h1.mgred::before,
h1.mgred::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h1.mgred::before {
	top: .3em;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: rgba(245,39,84,.5);
	z-index: 2;
}
h1.mgred::after {
	top: .8em;
	left: .5em;
	width: 13px;
	height: 13px;
	background-color: rgba(245,39,84,.2);
}

/* ============================== 見出し MUGENデフォルト青 ============================== */

h1.mgblue {
	position: relative;
	padding: 0 .5em .5em 1.4em;
	border-bottom: 2px solid;
	border-image:linear-gradient(to right,#143d66,#d5e1ed);
	border-image-slice: 1;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	color:#143d66;
	font-size:4.8vw;
}
h1.mgblue::before,
h1.mgblue::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h1.mgblue::before {
	top: .3em;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: rgba(20, 61, 102,.5);
	z-index: 2;
}
h1.mgblue::after {
	top: .8em;
	left: .5em;
	width: 13px;
	height: 13px;
	background-color: rgba(20, 61, 102,.2);
}



/* ============================== メニュー ============================== */
/* ============================== plan list ============================== */

.p-list {
	background-image: url(https://b-strong.jp/kmbo/product/AdbStck_541529655_200.jpg); 
	background-repeat: repeat; 
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:lighten;
}

.content {
	width: 94%;
	height: auto;
	background-color: #FFF;
	margin: 0 auto;
	border: 1px solid #fcd575;
	box-shadow: 0 2px 4px;
}

th.img {
	padding: 8px 4px 8px 8px;
}

.p-img {
	width: 100%;
}

.overview {
	width: 60%;
	padding: 8px 8px 8px 4px;
}

h1.p-name {
	position: relative;
	padding: 0.5rem 0 1rem 0;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}

h1.p-name:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	content: '';
	background-image: -webkit-gradient(linear, left top, right top, from(#ec6d71), to(#fbd26b));
	background-image: -webkit-linear-gradient(left, #ec6d71 0%, #fbd26b 100%);
	background-image: linear-gradient(to right, #ec6d71 0%, #fbd26b 100%);
	display: block;
	margin: 0 0 10px 0:
}

.label {
	text-align: left;
	padding: 2px;
	font-size: 12px;
	line-height: 12px;
	background-color: yellow;
}

.detail_1 {
	padding: 8px;
	vertical-align: middle;
	text-align: center;
}

.result_wrap {
	display: block;
	margin: 0 auto;
	width: 80%;
	background-color: #FFF;
	border-bottom: 3px solid #f8f4e6;
	padding-bottom: 10px;
}

.seika {
	background-color: #FF0000;
	padding: 4px;
	color: #FFF;
	font-size:12px;
	vertical-align: middle;
}

.result {
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	line-height: 30px;
	padding: 0 0 0 8px;
	vertical-align: middle;
}

.b-box {
	background-color: #000;
	padding: 2px;
	color: #FFF;
	font-size:12px;
	vertical-align: middle;
	text-align: center;
	margin: 0 2px 0 0;
}

.detail_2 {
	padding: 8px;
	vertical-align: middle;
	text-align: left;
	width: 50%;
}

h2.recom_ttl {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	margin: 12px 0 auto;
	padding-left: 0.5em;
	vertical-align: middle;
	background: rgb(255,147,0);
	background: -moz-linear-gradient(0deg, rgba(255,147,0,1) 0%, rgba(255,215,29,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,147,0,1) 0%, rgba(255,215,29,1) 100%);
	background: linear-gradient(0deg, rgba(255,147,0,1) 0%, rgba(255,215,29,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9300",endColorstr="#ffd71d",GradientType=1);
	border: none;
	border-radius: 14px 0 0 14px;
}

.icontup {
	font-size: 20px;
	vertical-align: -5px;
	padding: 2px;
	margin: 2px;
	color: #FFF;
}

.detail_3 {
	margin-top: 20px;
	padding: 8px;
	vertical-align: middle;
	text-align: center;
	width: 50%;
	color: #ac8704;
}

.detail_3_wrap {
	display: block;
	margin: 0 auto;
	width: 80%;
	background-color: #FFF;
	border-top: 3px solid #f8f4e6;
	padding-top: 30px 0 20px 0;
}

/* ============================== predict ============================== */

.predict {
	background-color: #FFF;
	font-size: 16px;
}

.point {
	color: #fac559;
	font-weight: bold;
}

.small {
	color: #999;
	font-size: 14px;
}

.lineimg {
	margin: 0 auto;
	text-align: center;
}

.lineimg a{
	margin: 0 10px;
}


/* ============================== faq ============================== */

.qa-list dl {
	position: relative;
	margin: 30px 0 0;
	cursor: pointer;
	border: 1px solid #ccb8af;
}
.qa-list dl:first-child {
  margin-top: 0;
}
.qa-list dl::after {
	position: absolute;
	top: 27px;
	right: 26px;
	display: block;
	width: 7px;
	height: 7px;
	margin: auto;
	content: '';
	transform: rotate(135deg);
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}
.qa-list .open::after {
	transform: rotate(-45deg);
}
.qa-list dl dt {
	position: relative;
	margin: 0;
	padding: 20px 20px 20px 60px;
	font-weight: bold;
	background: #ccb8af;
}
.qa-list dl dt::before {
	font-size: 22px;
	line-height: 1;
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	content: 'Q.';
	color: #FFF;
}
.qa-list dl dd::before {
	font-size: 22px;
	line-height: 1;
	position: absolute;
	left: 20px;
	display: block;
	content: 'A.';
	font-weight: bold;
	color: #9d8e87;
}
.qa-list dl dd {
	position: relative;
	margin: 0;
	padding: 20px 20px 20px 60px;
}
.qa-list dl dd p {
	margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
	margin-top: 0;
}

@media screen and (max-width: 767px) {
 .qa-list dl {
	margin: 10px 0 0;
}
.qa-list dl:after {
	top: 20px;
	right: 20px;
	width: 7px;
	height: 7px;
}
.qa-list dl dt {
	padding: 16px 16px 16px 50px;
	font-size: 14px;
}
.qa-list dl dt::before {
	font-size: 14px;
	top: 20px;
	left: 20px;
}
.qa-list dl dd::before {
	font-size: 14px;
	left: 20px;
	margin-top: 5px;
}
.qa-list dl dd {
	margin: 0;
	padding: 16px 16px 16px 50px;
	font-size: 14px;
}
.qa-list dl dd p {
	margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
	margin-top: 0;
}
}

.buybtnR {
	padding: 4px 6px;
	background-color: #FF0000;
	color: #fff;
	border-radius: 8px;
}

/* faqbtn */

.faqbtn {
	max-width: 260px;
	padding: 8px 12px;
	background-color: #56E3A5;
	border-radius: 50px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	position: relative;
}

.faqbtn a {
	color: #FFF;
	font-weight: bold;
}

.faqbtn a::after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}

.faqbtn2 {
	max-width: 260px;
	padding: 8px 12px;
	background-color: #FF8E00;
	border-radius: 50px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	position: relative;
}

.faqbtn2 a {
	color: #FFF;
	font-weight: bold;
}

.faqbtn2 a::after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}

.btnFAQ {
	display: block;
	font-weight: bold;
}


/* マーカー黄色 */
.lineFAQ {
	background: linear-gradient(transparent 60%, #ff6 60%);
}


/* ============================== ABOUT US ZONE ============================== */

table.aboutus1 {
	width: 100%;
	margin: 8px;
	padding: 8px;
	border-bottom: 2px solid #dcdcdc;
}

.aboutus1 th {
	width: 24%;
	text-align: center;
	padding-right: 4px;
}

.aboutus1 td {
	padding-left: 4px;
}

.cicle1 {
	display: inline-block;
	width: 60px;
	height: 60px; 
	background-color: #172f2e;
	border-radius: 50%; 
	line-height: 60px;
}

/* ============================== GROWING ZONE ============================== */

/* color */
.f_growgreen {
	color: #104459;
}

.f_growblue {
	color: #0877c0;
}

/* background-color */

/* 強調文字用　背景色 */
.bg_grow {
	background-color: #c0d841;
}

.bg_growgreen {
	background-color: #104459;
}

.bg_growblue {
	background-color: #0877c0;
}

/* 強調文字用　padding */
.layout_grow {
	display: inline-block;
	padding: 0 2px;
}

/* SCROLL4 用 */
.grow_wrap {
	position: relative;
}

/* h1 用 */
.grow_ttl {
	position: relative;
	padding: 1.0rem 0;
	text-align: center;
}

.grow_ttl:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	border-radius: 3px;
	background: #0faf7e;
}

.arrowdown {
	position: relative;
	background: #ff9600;
	color: #fff;
	border-radius: 10px;
}

.arrowdown:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 150, 0, 0);
	border-top-color: #ff9600;
	border-width: 20px;
	margin-left: -20px;
}

.arrowdown2 {
	position: relative;
	background: #001420;
	color: #fff;
	border-radius: 10px;
}

.arrowdown2:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 150, 0, 0);
	border-top-color: #001420;
	border-width: 10px;
	margin-left: -10px;
}

/* h2用 */
.grow_ttl2 {
  position: relative;
  padding: 0;
  text-align: center;
}

.grow_ttl2:before {
  position: absolute;
  top: calc(49% - 0.5px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #104459;
}

.grow_ttl2 span {
  position: relative;
  padding: 0 2px;
  background: #fff;
}



/* ============================== attention ============================== */

.section_attention {
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.35);
}

.title_attention {
	position: relative;
	padding: 1rem;
	font-size: 16px;
	color: #414559;
	text-align: left;
	margin: 10px 0;
}

.title_attention:before,
.title_attention:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background-image: -webkit-gradient(linear, right top, left top, from(#e8ecff), to(#181c30));
	background-image: -webkit-linear-gradient(right, #e8ecff 0%, #181c30 100%);
	background-image: linear-gradient(to left, #e8ecff 0%, #181c30 100%);
}

.title_attention:before {
	top: 0;
}

.title_attention:after {
	bottom: 0;
}

.date_attention {
	font-size: 14px;
	text-align: right;
	color: #768087;
	font-weight: normal;
}

.article_attention {
	color: #414559;
}

.detail_attention {
	border-left:4px solid #414559;
	margin:10px 0;
}

/* ============================== 常設　記事本文 ============================== */

.planbody {
	font-size: 18px;
	width: 100%;
}

.Gbox {
	background-color: #e6ebd3;	/* lightgreen */
	border: 1px solid #e0ebaf;	/* green */
	padding: 8px;
}

.difference {
	font-size: 14px;
	color: #9e8b8e;

}

.ttl_advise {
	position: relative;
	padding: 1.5rem 2rem;
	color: #fff;
	background: #c53d43;	/* c53d43 */
	font-size: 18px;
	font-weight :bold;
}

.ttl_advise:after {
	position: absolute;
	bottom: -9px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #c53d43 transparent transparent transparent;
}

.list_advise {
	list-style: circle;
	background-color: #fef4f4;	/* f7e2c6 */
	border-top: 1px #c53d43 solid;
	border-bottom: 1px #c53d43 solid;
	padding: 5px 10px 5px 30px;
	margin-top: -12px;
}

.list_advise li {
	text-indent: -5px;
}

/* ============================== ブラック　記事本文 ============================== */

.BLKttl {
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	text-align: center;
	margin: 0 auto;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
.BLKbody {
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	background-image: url(https://b-strong.jp/kmbo/product/AdbStck_541529655_200.jpg); 
	background-repeat: repeat; 
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:lighten;
	margin: 10px 0;
	padding: 2px 10px;
}
/* ゴールド背景　TTL */
.BLKbg_gold {
	background: rgb(121,72,0);
	background: -moz-linear-gradient(146deg, rgba(121,72,0,1) 0%, rgba(255,231,195,1) 36%, rgba(121,72,0,1) 100%);
	background: -webkit-linear-gradient(146deg, rgba(121,72,0,1) 0%, rgba(255,231,195,1) 36%, rgba(121,72,0,1) 100%);
	background: linear-gradient(146deg, rgba(121,72,0,1) 0%, rgba(255,231,195,1) 36%, rgba(121,72,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#794800",endColorstr="#794800",GradientType=1);
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	font-style: normal;
	color: #000000;
	font-size: 18px;
	text-align: center;
	margin: 18px auto 10px;
	padding: 6px 0;
	border-top: 1px solid #fff7eb;
	border-bottom: 1px solid #3e2500;
}


/* ============================== GALAXY セクションタイトル ============================== */

.gltitle {
	border-radius:1000px 0 0 1000px;
	padding:12px; 28px;
	color:#000000;
}

.gltitle2 {
  border-bottom: solid 3px #d3d3d3;
  position: relative;
  letter-spacing:-0.025em;
}

.gltitle2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #00ba9a;
  bottom: -3px;
  width: 30%;
}

.gltitle2.Dred:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #990000;
  bottom: -3px;
  width: 30%;
}

/* ============================== メール ============================== */
/* ============================== 署名 ============================== */

.R_person {
	text-align: right;
	padding: 5px 16px;
}


wrap_result {
	overflow: auto;
}

.list_result {
	width: 100%;
	list-style: none outside;
	margin: 0 auto;
	}
.list_result li {
	float: left;
	width: 48%;
	text-align: center;
	background-image: radial-gradient(circle, rgba(255, 253, 225, 1), rgba(249, 215, 130, 1) 80%);
	border: 1px solid #c59722;
	box-shadow: 3px 3px 3px rgba(153,153,153, 0.7);
	padding: 20px 6px 10px 6px;
	margin: 3px;
}

.name_result {
	display: block;
	font-weight: bold;
	background-color: #e00000;
	color: #FFF;
}

.yen {
	font-family: sans-serif;
	font-weight: bold;
}

.racecard {
	border-bottom: 1px solid #003f97;
	text-align: center;
}

.player_name {
	color: #0069d5;
}

/* ============================== 買い目ページ ============================== */
/* ============================== Racebody　区切り線用　単発 ST ============================== */

.racebody {
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px;
	color: #000000;
	font-size: 16px;
	text-align: center;
	margin: 0 auto -1.5rem;
	border-bottom: 1px solid #b8860b;
	font-family: 'Noto Sans JP', sans-serif;

}
/* ============================== Racebody2　矢印用　コロがし ST ============================== */

.racebody2 {
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px;
	color: #000000;
	font-size: 16px;
	text-align: center;
	margin: 0 auto -1.5rem;
	font-family: 'Noto Sans JP', sans-serif;
}

/* ============================== Racebody　区切り線用　単発 ZN ============================== */

.racebodyZN {
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px;
	color: #000000;
	text-align: center;
	margin: 0 auto -1.5rem;
	border-bottom: 1px solid #01a6db;
	font-family: 'Noto Sans JP', sans-serif;
}
/* ============================== Racebody2　矢印用　コロがし ST ============================== */

.racebodyZN2 {
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px;
	color: #000000;
	text-align: center;
	margin: 0 auto -1.5rem;
	font-family: 'Noto Sans JP', sans-serif;
}

/* ============================== レース名　h1用 ST ============================== */

.st-racename {			/* main race */
	height: 36px;
	border-radius: 18px;
	border: none;
	background-color: #b8860b;	/* dark gold */
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}

.st-racename2 {			/* sub race 1 */
	height: 36px;
	border-radius: 18px;
	border: none;
	background-color: #e6d9b8;	/* light gold */
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}

.st-racename3 {			/* sub race 2 */
	height: 36px;
	border-radius: 18px;
	border: none;
	background-color: #abced8;	/* light blue */
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}

/* ============================== レース名　h1用 ZN ============================== */

.zn-racename {			/* main race */
	border: none;
	background-image: linear-gradient(0deg, rgba(0, 117, 195, 1), rgba(36, 202, 255, 1));	/* blue grd */
	color: #FFFFFF;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding: 6px;
	font-family: 'Noto Sans JP', sans-serif;
}

.zn-racename2 {			/* sub race 1 */
	border: none;
	background-image: linear-gradient(0deg, rgba(0, 195, 92, 1), rgba(36, 255, 139, 1));	/* green grd */
	color: #FFFFFF;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	margin: 0 auto;
	padding: 6px;
	font-family: 'Noto Sans JP', sans-serif;
}

.zn-racename3 {			/* sub race 2 */
	border: none;
	background-image: linear-gradient(0deg, rgba(255, 166, 0, 1), rgba(255, 221, 36, 1));	/* yellow blue */
	color: #000000;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding: 6px;
	font-family: 'Noto Sans JP', sans-serif;
}


/* ============================== 推奨投資　点数 ST ============================== */
.st-invest {
	color: #543f32;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
}

/* ============================== 推奨投資　点数 ZN ============================== */
.zn-invest {
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
}

/* ============================== 買い目 ============================== */

.st-predict {
	background-color: #FFFFFF;
	font-family: 'Noto Sans JP', sans-serif;
}

.sq1 {
	display: inline-block;
	height: 30px; 
	width: 28px; 
	background-color: #ebebeb;
	border: 1px solid #cccccc;
	color: #000000;
	font-weight: bold;
	margin: 2px 1px;
	text-align: center;
	line-height: 28px;/* 上マージン1pxと下マージン1pxの分を高さから引く */
}

.sq2 {
	display: inline-block;
	height: 30px; 
	width: 28px; 
	background-color: #505050;
	border: 1px solid #333333;
	color: #FFFFFF;
	font-weight: bold;
	margin: 2px 1px;
	text-align: center;
	line-height: 28px;/* 上マージン1pxと下マージン1pxの分を高さから引く */
}

.sq3 {
	display: inline-block;
	height: 30px; 
	width: 28px; 
	background-color: #f04141;
	border: 1px solid #cc3737;
	color: #FFFFFF;
	font-weight: bold;
	margin: 2px 1px;
	text-align: center;
	line-height: 28px;/* 上マージン1pxと下マージン1pxの分を高さから引く */
}

.sq4 {
	display: inline-block;
	height: 30px; 
	width: 28px; 
	background-color: #4184d0;
	border: 1px solid #3771b3;
	color: #FFFFFF;
	font-weight: bold;
	margin: 2px 1px;
	text-align: center;
	line-height: 28px;/* 上マージン1pxと下マージン1pxの分を高さから引く */
}

.sq5 {
	display: inline-block;
	height: 30px; 
	width: 28px; 
	background-color: #ece962;
	border: 1px solid #ccca56;
	color: #000000;
	font-weight: bold;
	margin: 2px 1px;
	text-align: center;
	line-height: 28px;/* 上マージン1pxと下マージン1pxの分を高さから引く */
}

.sq6 {
	display: inline-block;
	height: 30px; 
	width: 28px; 
	background-color: #54b74d;
	border: 1px solid #469940;
	color: #FFFFFF;
	font-weight: bold;
	margin: 2px 1px;
	text-align: center;
	line-height: 28px;/* 上マージン1pxと下マージン1pxの分を高さから引く */
}

/* ============================== 無料用コメント ============================== */

.st-comments {
	background-color: #fffaf0;
	font-size: 14px;
	padding: 14px;
	font-family: 'Noto Sans JP', sans-serif;
}

/* ============================== コロがし用矢印 ============================== */

img.arrow{
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* ============================== カウントダウン用 ============================== */

.count-box{
	max-width:500px;
	width:100%;
	margin: 0 auto;
}

.count-size{
	font-size: 3rem;
}

</style>