@charset "utf-8";

@-ms-viewport {
    width: device-width;
}


/* clearfix
------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content:"";
	line-height: 0;
}
.clearfix:after { clear: both; }

body{
	margin: 0;
	background-color: #fbf09b;
}

/* Androidの行間アケ
-------------------------------------------------*/
body.Android p,dl,tr,.accordion,.guide_text{
	line-height: 1.5em;
  }
  
/* wrapper
-------------------------------------------------*/
.wrapper{
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}
@media screen and (min-width:620px) {
	.wrapper{
		width: 620px;
	}
}
.wrapper_inner{
	background:url(../images/bg_left.jpg) repeat-y left / 10px, url(../images/bg_right.jpg) repeat-y right / 10px;
	padding: 0 18px 5px 18px;
}
.wrapper_inner img{
	width: 100%;
}
.top_info_bn{
	margin-bottom: 3vw;
}
@media screen and (min-width:620px) {
	.top_info_bn{
	margin-bottom:  20px;
}
}
/* header
-------------------------------------------------*/
header img{
	width: 70%;
	padding: 10px 0 0  25px;
	display: inline;
}
/* footer
-------------------------------------------------*/
footer ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border: solid #297d3a;
	border-width: 2px 0 0 2px;
	text-align: center;
	font-size: 0.8rem;
} 
footer a{
	display: block;
}
footer ul li{
	border: solid #297d3a;
	border-width: 0 2px 2px 0;
	width: 50%;
	padding: 2vw;
	color: #434343;
}
footer ul li:first-child{
	width: 100%;
}
 footer p{
	background-color: #297d3a;
	color: #fff;
	font-size: 0.4rem;
	text-align: center;
	padding: 1.2vw;
 }
 @media screen and (min-width:620px) {
	footer ul{
		font-size: 15px;
	} 
	footer ul li{
		padding:  20px;
	}
}


/* TOP ページ　　※prof
-------------------------------------------------*/
.top_prof {
	border: solid #297d3a;
	border-width: 0 3vw 3vw 3vw;
	border-radius: 15px;
	overflow: hidden;
	background-color: #297d3a;
	margin-bottom: 4vw;
}
.top_prof dl {
	display: flex;
	justify-content: center;
	color: #474747;
}
.top_prof dd {
	margin-left: 0px;
}
.top_prof dt::after {
	content:":";
	margin: 0 5px;
}
.top_prof h1 {
	background: #297d3a;
	color: #fff;
	padding: 2vw;
	font-size: 4vw;
}
@media screen and (min-width:620px) {
	.top_prof {
		border-width: 0 20px 20px 20px;
		margin-bottom: 20px;
	}
	.top_prof h1 {
		font-size: 25px;
		padding: 10px;
	}
}
.top_prof_inner{
	padding: 3vw;
	background-color: #fffef6;
	font-size: 4.3vw;
	line-height: 6vw;
}
@media screen and (min-width:620px) {
	.top_prof_inner{
		padding: 20px;
		font-size: 27px;
		line-height:  36px;
	}
}
/*  TOP ページ　　※nav_wrapper
-------------------------------------------------*/
.nav_wrapper {
	text-align: center;
	margin-bottom: 3vw;
}
.nav_wrapper_inner {
	display: flex;
	flex-wrap: wrap;
	border: solid #297d3a;
	border-width: 0 1.5vw 1.5vw 1.5vw;
	padding: 2vw 0  2vw 0;
}
.nav_wrapper_inner li {
	width: 30%;
	display: inline-block;
}
@media screen and (min-width:620px) {
.nav_wrapper_inner {
	padding: 20px 0  20px 0;
}
}
/* ログイン前　TOP ページ　　※prof
-------------------------------------------------*/

.top_login_inner{
	text-align: center;
	padding: 10px;
	background-color: #fffef6;
}
.top_login_inner dl{
	text-align: center;
	margin-bottom: 10px;
}
.top_login_inner dt{
	width: 40%;
}
.top_login_inner dd{
	display: inline-block;
	width: 70%;
}

.sousin{
	border-radius: 5px;
	padding: 2px 5px;
	margin: 5px;
	background-color: #297d3a;
	display: inline-block;
	color: #fff;
}




/* plan_list 　商品一覧
-------------------------------------------------*/
.plan_wrapper li{
	margin: 0 0  10vw 0; 
}
@media screen and (min-width:620px) {
	.plan_wrapper li{
		margin: 0 0  60px 0; 
	}
}
.plan_item_inner{/* plan_list全体*/
	border-radius: 15px;
	text-align: center;
	border: 8px solid #fb6d04;
	padding: 10px;
}
.plan_item_titlebn{/* plan　各コンテンツbn title*/
	display: flex;
	margin-bottom: 3vw;
	align-items: flex-start; 
	align-items: center;
}
@media screen and (min-width:620px) {
	.plan_item_titlebn{/* plan　各コンテンツbn title*/
		margin-bottom: 20px;
	}
}
.plan_item_titlebn img{
	height: auto;
	/*
	width:  70%;
	*/
	width:  100%;
	display: inline-block;
}
.plan_item_titlebn h3{
	text-align:  left;
	margin-left: 10px;
	font-size:  3vw;
}
@media screen and (min-width:620px) {
	.plan_item_titlebn h3{
		font-size:  20px;
	}
}
.plan_item_goal{/* plan　各コンテンツ 目標金額*/
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 3vw;
}
@media screen and (min-width:620px) {
	.plan_item_goal{/* plan　各コンテンツ 目標金額*/
		margin-bottom: 20px;
	}
}
.plan_item_goal_title{
	background-color: #fb6d04;
	border-radius: 15px;
	color: #fff;
	margin-right: 5px;
	padding: 0.3vw 5vw;
}
@media screen and (min-width:620px) {
	.plan_item_goal_title{
		padding:  3px 20px;
	}
}

.plan_item_goal_price{
	color: #fb6d04;
}
.plan_item_price_inner{/* plan　各コンテンツ 販売価格box*/
	border: solid #bdbdbd;
	border-width: 0 1px 1px 1px;
	margin-bottom: 3vw;
}
@media screen and (min-width:620px) {
	.plan_item_price_inner{/* plan　各コンテンツ 販売価格box*/
		margin-bottom: 20px;
	}
}
.plan_item_price_title{
	background-color: #e4e4e4;
	border: solid #bdbdbd;
	border-width: 1px 0 ;
	letter-spacing: 10px;
	padding:  3px;
}
.plan_item_price_before{
	text-decoration: line-through;
	font-weight: bold;
}
.plan_item_price_comment{
	background-color: #000;
	color: #ffd800;
	display: inline-block;
	padding:  1.5vw  3vw;
	border-radius: 15px;
	font-size: 0.6rem;
	margin-bottom: 5%;
	line-height: 0.8rem;
}
@media screen and (min-width:620px) {
	.plan_item_price_comment{
		border-radius:  20px;
		padding:  0.5vw  3vw;
		line-height: 1rem;
		margin-bottom: 3%;
	}
}
.plan_item_price_after{
	color: #fb6d04;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 3%;
}
.price_btn{
	display: inline-block;
	margin-top: 0.2vw;
}
.plan_comment{/* plan　各コンテンツ 「今週の超オススメ情報」コメントx*/
	margin: 0 30px 1vw 30px;
	padding: 1vw;
	margin-top: 1vw;
	text-align: center;
	font-size: 1rem;
	color: #fff;
}
.plan_item{/* plan　soldout暗転x*/
	position: relative;
}
.mask-soldout{
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:1;
}
.mask-soldout .soldout_text{
	background: rgba(0,0,0,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	border-radius:15px;
}
.mask-soldout .soldout_text>p{
	font-size:34px;
	font-weight:bold;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#fff;
}
/* plan_content 　詳細ページ
-------------------------------------------------*/
.plan_content_titlebn{
	text-align: center;
}
.plan_content_titlebn h2{
	margin-bottom: 1vw;
}
.plan_content_titlebn img{
	margin-bottom: 3vw;
}
.plan_content_titlebn h3{
	margin-bottom: 3vw;
}
.plan_content_goal{
	text-align: center;
	padding:  10px 0;
	margin-bottom: 3vw;
}
.plan_content_titlebn h2{
	margin-bottom: 1vw;
}
@media screen and (min-width:620px) {
	.plan_content_titlebn img{
		margin-bottom: 10px;
	}
	.plan_content_titlebn h3{
		margin-bottom: 10px;
	}
	.plan_content_goal{
		margin-bottom: 10px;
	}
}
.plan_content_goal_titleprice{
	display: flex;
	justify-content: center;
	align-items: center;
}
.plan_content_goal_title{
	font-size: small;
	margin-right: 10px;
}
.plan_content_comment{
	margin-bottom: 3vw;
	padding: 0 5px;
}
.plan_content_comment p{
	text-align: left;
	display: inline-block;
}
.plan_content_price{
	text-align: center;
}

/* buy~~~ 共通
-------------------------------------------------*/
.buy_wrapper{/* 灰色背景*/
	background-color: #4d4d4d;
	border-radius: 15px;
	padding-bottom: 2px;
}
.buy_wrapper h1{/* タイトル*/
	color: #fff;
	text-align: center;
}
.buy_maintitle{
	padding: 10px 10px 0 10px;
}
.buy_subtitle{
	font-size: large;
	margin-bottom: 10px;
}
@media screen and (min-width:620px) {
	.buy_subtitle{
		font-size: 20px;
	}
}
/* buy_select　決済方法の選択ページ
-------------------------------------------------*/
.buy_select_wrapper h1{/* タイトル*/
	color: #fff;
	text-align: center;
	padding: 10px 10px 0 10px;
}
.buy_select_inner>h2{
	text-align: center;
	margin-bottom: 7px;
}
.buy_wrapper h2{
	text-align: center;
	margin-bottom: 3vw;
}
.buy_select_ul li{
	margin-top: 8vw;
}
@media screen and (min-width:620px) {
	.buy_wrapper  h2{
		margin-bottom: 8px;
	}
	.buy_select_ul li{
		margin-top:  40px;
	}
}
.buy_child_h1{/* 子要素　囲みタイトル　*/
	font-size: 1.3rem;
}
.buy_select_coment{
	background-color: #fff3d5;
	padding: 3vw;
	margin: 1.4vw;
	font-weight: lighter;
	margin-bottom: 1vw;
}
@media screen and (min-width:620px) {
	.buy_select_coment{
		padding: 10px;
		margin: 10px;
		margin-bottom: 10px;
	}
}
.buy_select_sankaku_1{
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #1967d2;
	margin: 0 auto 10px auto;
}
.buy_select_sankaku_2{
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #d50000;
	margin: 0 auto 10px auto;
}
.buy_select_wrapper{/* 灰色背景*/
	background-color: #4d4d4d;
	border-radius: 15px;
	padding-bottom: 2px;
}
.buy_select_wrapper h1{/* タイトル*/
	color: #fff;
	text-align: center;
	padding: 10px 10px 0 10px;
}
.buy_select_inner{/* 白背景*/
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	padding: 10px;
	margin: 6px 6px 6px 6px;

}
.buy_select_blue{/* 青背景*/
	background-color: #1967d2;
	border-radius: 15px;
	padding-bottom: 2px;

}
.buy_select_red{/* 青背景*/
	background-color: #d50000;
	border-radius: 15px;
	padding-bottom: 2px;

}
.buy_select_title{
	color: #fff;
}

/* buy_bank/buy_credit/
-------------------------------------------------*/
.buy_credit_bank_comment{
	border: #a3a3a3 2px solid;
	border-radius: 14px;
	text-align: center;
	padding-bottom: 10px;
	margin: 30px 0;
	
}
.buy_credit_bank_comment h3{/* 決済・購入に関するお願い*/
	border-bottom: #a3a3a3 2px solid;
	color: #4d4d4d;
	padding: 10px 0;
	width: 90%;
	display: inline-block;
}
.buy_credit_bank_comment p{/* テキスト*/
	color: #4d4d4d;
	text-align: left;
	display: inline-block;
	width: 90%;
	margin: 10px 0;
	font-size: small;
	text-align: justify;/* 文字を両端揃え*/
  	text-justify: inter-ideograph;
}
.buy_credit_bank_flow ol{
	color: #4d4d4d;
	margin: 0;
	padding:0.5em 1em 1em 1em;
}
.buy_credit_bank_flow ol li{
	margin-top: 8px;
	font-size: small;
	list-style: none;
	padding-left: 1.3em;
	text-indent: -1.3em;
	text-align: justify;/* 文字を両端揃え*/
  	text-justify: inter-ideograph;
}

.buy_info_table_text01{
	text-align: center;
	width: 25%;
	color: #297d3a;
	font-weight: bold;	
 }
td.buy_info_table_text02{
	color: #434343;
	padding: 1px;
 }

/* table */
.buy_table{
	width: 100%;
	margin-bottom: 10px;
}
.buy_table tbody tr td {
	border: 2px solid #297d3a;
	padding: 0.7vw;
}

  /* buy_info_list/
-------------------------------------------------*/
.buy_title_p{/* タイトル*/
	background-color: #297d3a;
}
.border_container_green{/* 枠*/
	border-radius: 15px;
	border: solid #297d3a;
	border-width: 6px;
	background-color: #297d3a;
}
.buy_item_inner{/* 白背景部分 */
	background-color: #ffffff;
	border-radius:10px;
	padding: 10px 10px 10px 10px;
}
.buy_item_inner h2{
	background-color: #297d3a;
	text-align: center;
	color: #fff;
	border-radius:10px;
	margin-bottom: 1vw;
}
.buy_btn01 img{
	margin: 0 auto;
	width: 70%;
	margin-bottom: 5vw;
}
@media screen and (min-width:620px) {
	.buy_btn01 img{
		margin-bottom: 25px;
	}
}
.buy_btn02 img{
	margin: 0 auto;
	width: 70%;
	margin-bottom: 1vw;
}
  /* buy_info_list01,02/
-------------------------------------------------*/
.buy_item_inner:not(:first-child){
	margin-top: 8px;
}
.buytext_box_h2{
	margin: 20px 0;
}
  /* free_content_list/
-------------------------------------------------*/
.free_title_p{/* タイトル*/
	background-color: #1967d2;
}
.border_container_blue02{/* 枠*/
	border-radius: 15px;
	border: solid #1967d2;
	border-width: 6px;
	background-color: #1967d2;
}
.free_item_inner{/* 白背景部分 */
	background-color: #ffffff;
	border-radius:10px;
	padding: 10px;
}
.free_item_inner h2{
	background-color: #1967d2;
	text-align: center;
	color: #fff;
	border-radius:10px;
	margin-bottom: 10px;
}
  /* テキストのみの　詳細ページ用/
-------------------------------------------------*/
.text_box{
	width: 100%;
	padding: 10px;
	text-align: justify;/* 文字を両端揃え*/
	text-justify: inter-ideograph;
}
.text_box p{
	width: 100%;
	word-wrap:break-word;
}
  /* voice  感謝の声/
-------------------------------------------------*/
.voice_title_p{/* タイトル*/
	background-color: #297d3a;
}
.voice_item_inner{/* 白背景部分 */
	background-color: #ffffff;
	border-radius:10px;
	padding: 10px 15px;
	margin: 0 5px 10px 5px;
}
.voice_item_inner h3{/* 感謝の声タイトル */
	background-color: #ffffff;
	font-size: medium;
}
.voice_item_txt{
	padding: 7px 0;
	border: solid #a3a3a3;
	border-width: 1px 0px 1px 0px;
}
.voice_item_prof{
	color: #929292;
	text-align: right;
	font-size: small;
}
  /* mail  メールボックス/
-------------------------------------------------*/
.mail_item_inner{/* 白背景部分 */
	background-color: #ffffff;
	border-radius:10px;
	padding: 10px;
	margin: 5px 5px 10px 5px;
}
.mail_item_title{/* タイトル */
	font-size: medium;
	color:#d50000;
	border-bottom: 2px solid #d50000;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mail_info{
	font-size: small;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.mail_info img{
	color: #3d3d3d;
	width: 10%;
}
  /* mail  メールボックス詳細/
-------------------------------------------------*/
.mail_content01_border{
	border: 6px solid #297d3a;
	border-radius: 15px;
}
.mail_content01{/* 白背景部分 */
	background-color: #ffffff;
	border-radius:10px;
	margin: 15px 10px;
}

.mail_content_title{/* タイトル */
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-align: justify;/* 文字を両端揃え*/
  	text-justify: inter-ideograph;

}
.mail_content_text{/*テキスト */
	margin: 10px 0;
	text-align: justify;/* 文字を両端揃え*/
  	text-justify: inter-ideograph;

}
  /* お問い合わせ
-------------------------------------------------*/
.inquiry_error_text{
	color: #f72a25;
	font-size: small;
	display: block;
}
.inquiry_txt{
	padding: 10px;
	text-align: center;
}
.inquiry_wrapper h2{/* タイトル大 */
	color: #ffffff;
	text-align: center;
}
.inquiry_title_p{/* タイトル*/
	color: #297d3a;
	font-weight: bold;
	margin-bottom: 20px;
}
.inquiry_inner{/* 白背景部分 */
	background-color: #ffffff;
	border-radius:10px;
	padding: 20px;
	margin: 0 10px 10px 10px;
}
.inquiry_inner_item{
	width: 100%;
	margin-bottom:  10px;
	border-radius: none;
}
.inquiry_inner_item select{
	height: 2em;
	width: 100%;
}
.inquiry_inner_item input{
	height: 2em;
	width: 100%;
}
.inquiry_inner_item textarea{
	width: 100%;
	text-overflow: clip;
}
.inquiry_inner_title {
	margin:20px 0;
	font-weight: bold;
}
.inquiry_icon_ninni{
	margin-left: 5px;
	background-color: #b8b8b8;
	padding:1px 10px;
	font-size: small;
	color: #3d3d3d;
}
.inquiry_icon_hissu{
	margin-left: 5px;
	background-color: #f72a25;
	padding:1px 10px;
	font-size: small;
	color: #fff;
}
.inquiry_naiyou{
	height: 100px;
}
@media screen and (min-width:620px) {
	.inquiry_naiyou{
	height: 10vw;
}
}
.inquiry_subtitle_h2{
	font-size: 1.2em;
	margin-top: -1.2em;
	padding-bottom: -2em;
}
@media screen and (min-width:620px) {
	.inquiry_subtitle_h2{
		font-size: 20px;
		margin-top: -20px;
	}
}
/* table */
.inquiry_table{
	width: 100%;
	margin-bottom: 30px;
}
.inquiry_table tbody tr td {
	border: 2px solid #297d3a;
	padding: 0.7vw;
}
  /* 的中実績
-------------------------------------------------*/
.win_result_item_inner{
	background-color: #ffffff;
	border-radius:10px;
	padding: 10px;
}
.login_winresult>p{
	color: #434343;
	text-align: center;
	padding:  10px 10px 2px 10px;	
}
.login_winresult ul{
	display: flex;
	flex-wrap: wrap;
}
.login_winresult li{
	width: 50%;
	margin-top:  3vw;
}
@media screen and (min-width:620px) {
	.login_winresult li{
		margin-top:  8px;
	}
}

.tekichuSet{
	position: relative;
}

.tekichuSet_bg{
	text-align: center;
	width: 100%;
	height: 0;
	/* (画像の高さ / 画像の横幅) × 100 */
	padding-top:  95.4274353877%;
	background: url(../images/win_result_tekityu.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.tekichuSet_inner{
	position: absolute;
	bottom: 2.5vw;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.tekichuSet_day,.tekichuSet_race,.tekichuSet_class{
	line-height: 4.5vw;
	color: #fff;
	font-size: 3.4vw;
}
.tekichuSet_money{
	color: #fff600;
	font-size: 5vw;
	font-weight: bold;
}
@media screen and (min-width:620px) {
	.tekichuSet_inner{
		bottom: 18px;
	}
	.tekichuSet_day,.tekichuSet_race,.tekichuSet_class{
		font-size:  20px;
		line-height:  30px;
	}
	.tekichuSet_money{
		font-size: 30px;
	}
}
.pager_eml{
	padding: 5%;
}

/* faq　よくある質問
------------------------------------------------*/
.faq_wrapper h2{/* タイトル大 */
	color: #ffffff;
	text-align: center;
	margin-bottom: 3px;
}
.faq_square_q{
	display: flex;
	background-color: #297d3a;
	color: #fff;
	align-items: center;
	padding: 0 0.5em;
	margin-right: 0.5em;
}

.faq_square_a{
border-bottom: 1px solid #297d3a;
margin-bottom: 10px;
}
/*アコーディオンメニュー*/
.toggle {
	display: none;
	font-weight: bold;
}
.acco_title  {/*タイトル*/
	padding: 1em 3em 1em  1em;
	display: block;
	color: #297d3a;
	background:#ffffff;
	display: flex;
}
.acco_title::before{	/*タイトル横の矢印*/
	content:"";
	width: 10px;
	height: 10px;
	border-top: 4px solid #297d3a;
	border-right: 4px solid #297d3a;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 6px );
	right: 20px;
	transform: rotate(135deg);
}
.acco_title,.acco_child {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.acco_child {/*回答部分*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .acco_title + .acco_child {	/*開閉時*/
	height: auto;
	padding:10px 20px 20px 20px ;
	transition: all 0.3s;
}
.toggle:checked + .acco_title::before {
	transform: rotate(-45deg) !important;
}



/* read  利用規約・プラポリ・特商・競馬法　全体
------------------------------------------------*/
.read_wrapper h2{/* タイトル大 */
	color: #ffffff;
	text-align: center;
	margin-bottom: 3px;
}

.read_wrapper_inner{
	padding: 0.6em;
	width: 100%;
	height:94vw;
	white-space:wrap;
	overflow:scroll;
	background: rgb(255, 255, 255);
	overflow-x: hidden;
	
}
.read_wrapper dt{
	border-bottom: 2px solid#297d3a;
	color: #297d3a;
	font-weight: bold;
	margin-bottom: 1em;
}
.read_wrapper dd{
	margin-left: 1em;

}
.read_wrapper dt:not(:first-child){
	margin-top: 2em;
}
.read_wrapper_inner_noscroll{
	padding: 1.5em;
	width: 100%;
	white-space:wrap;
	background: rgb(255, 255, 255);
}
/* guide 初心者ガイド
------------------------------------------------*/
.guide_wrapper{
	background:
	url( "../images/guide_bg_top.png") no-repeat top / 100%,
	url("../images/guide_bg_bottom.png") no-repeat bottom / 100%,
	url("../images/guide_bg_left.png") repeat-y left /  4.6vw,
	url("../images/guide_bg_right.png") repeat-y right /  4.75vw,#ffffff;	
}
@media screen and (min-width:620px) {
	.guide_wrapper{
	background:
	url( "../images/guide_bg_top.png") no-repeat top / 100%,
	url("../images/guide_bg_bottom.png") no-repeat bottom / 100%,
	url("../images/guide_bg_left.png") repeat-y left /    31.4px,
	url("../images/guide_bg_right.png") repeat-y right /  32px,#ffffff;	
	}
}

/* コピペ &　修正--*/
.guide_wrapper img{
	width: 100%;
}
.guide_inner{
	width: 100%;
	padding: 8vw;
}
@media screen and (min-width:620px) {
	.guide_inner{
		padding: 50px;
	}
}
.guide_inner h2{
	text-align: center;
	margin-bottom: 3vw;
}
.guide_select_ul li{
	margin-top: 8vw;
}
@media screen and (min-width:620px) {
	.guide_inner  h2{
		margin-bottom: 8px;
	}
	.guide_select_ul li{
		margin-top:  40px;
	}
}
.guide_child_h1{/* 子要素　囲みタイトル　*/
	font-size: 1.3rem;
}
.guide_select_coment{
	background-color: #fff3d5;
	padding: 3vw;
	margin: 1.4vw;
	font-weight: lighter;
	margin-bottom: 1vw;
}
@media screen and (min-width:620px) {
	.guide_select_coment{
		padding: 10px;
		margin: 10px;
		margin-bottom: 10px;
	}
}

/* 個要素（共通）のレイアウト指定*/
.guide_title{
	position: relative;
	top:30px;
}
.guide_title img{
	display: inline;
}
.guide_text{
	padding: 1vw;
	text-align: justify;/* 文字を両端揃え*/
	text-justify: inter-ideograph;
}
.br_2{
	margin-bottom: 4vw;
	display: block;
}
@media screen and (min-width:620px) {
	.br_2{
		margin-bottom: 15px;
	}
}
/* 枠① ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.guide_border_container01{/* 枠　周り*/
	border-radius: 15px;
	background-color: #297d3a;
	padding-bottom: 2px;

}
.guide_border_container01_inner{/* 枠下部　白い背景部分*/
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	margin: 10px;
	padding: 20px 3px 3px 3px;
	text-align: justify;/* 文字を両端揃え*/
  	text-justify: inter-ideograph;
}

/* 枠②  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.guide_border_container02{/* 枠　周り*/
	border-radius: 15px;
	background-color: #f72a25;
	padding-bottom: 2px;

}
.guide_border_container02_inner{/* 枠下部　白い背景部分*/
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	margin: 10px;
	padding: 30px 10px 10px 10px;
	text-align: justify;/* 文字を両端揃え*/
	text-justify: inter-ideograph;
}
.guide_select_sankaku_1{/* 三角オレンジ　*/
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f72a25;
	margin: 0 auto 10px auto;
}

/* 枠③  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.guide_border_container03{/* 枠　周り*/
	border-radius: 15px;
	background-color: #1967d2;
	padding-bottom: 2px;

}
.guide_border_container03_inner{/* 枠下部　白い背景部分*/
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	margin: 10px;
	padding: 30px 10px 10px 10px;
	text-align: justify;/* 文字を両端揃え*/
	text-justify: inter-ideograph;
}
.guide_select_sankaku_1{/* 三角オレンジ　*/
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f72a25;
	margin: 0 auto 10px auto;
}
.guide_border_container03_txt{/* 薄黄色　全体*/
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #fff2d4;
	color: #434343;
	padding: 15px;
	margin: 25px 0;
}
.guide_border_container03_txt img{
	width: 100%;
	margin: 0 5px 5px 0;
	text-align: center;
}
@media screen and (min-width:620px) {
	.guide_border_container03_txt p{/* 薄黄色　全体*/
		width: 90%;
	}
	.guide_border_container03_txt img{
		width: 60%;
	}
}
/* 丸四角　青枠 1 2*/
.guide_comment01{/* 全体*/
	border: #1967d2 2px solid;
	border-radius: 14px;
	text-align: center;
	padding-bottom: 10px;
	margin: 15px 0 0 0;
}
.guide_comment01 h3{/* 丸四角　青枠 1 2　タイトル*/
	border-bottom: #1967d2 2px solid;
	color: #1967d2;
	padding: 13px 0 10px 0;
	width: 98%;
	display: inline-block;
}
.guide_comment01 p{/* 丸四角　青枠 1 2　テキスト*/
	color: #1967d2;
	text-align: left;
	display: inline-block;
	width: 90%;
	margin: 10px 0 0 0;
	font-size:  small;
}

.guide_comment01 ul{/* 丸四角　青枠 1 2　list*/
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	padding: 4vw 1vw 0 1vw;
}
.guide_comment01 ul li{/* 丸四角　青枠 1 2　list*/
	margin: 0.3vw;
	width: calc(25% -  1.2vw);
}
@media screen and (min-width:620px) {
	.guide_comment01 ul{/* 丸四角　青枠 1 2　list*/
		padding:  20px  3px 0  3px;
	}
	.guide_comment01 ul li{/* 丸四角　青枠 1 2　list*/
		margin: 3px;
		width: calc(25% -  12px);
	}
}
.guide_select_sankaku_2{/* 三角ブルー*/
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #1967d2;
	margin: 0 auto 10px auto;
}
/* 枠④  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 丸四角　緑枠 1*/
.guide_comment03{/* 全体*/
	border: #297d3a 4px solid;
	background-color: #fff;
	border-radius: 14px;
	text-align: center;
	padding-bottom: 10px;
	margin: 50px 0 0 0;
}
.guide_comment03 h3{/* 丸四角　青枠 1 2　タイトル*/
	border-bottom: #297d3a 2px solid;
	color: #297d3a;
	padding: 13px 0 10px 0;
	width: 98%;
	display: inline-block;
}
.guide_comment03 p{/* 丸四角　青枠 1 2　テキスト*/
	color: #297d3a;
	display: inline-block;
	width: 90%;
	margin: 10px 0 0 0;
}
.guide_select_sankaku_3{
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #297d3a;
	margin: 0 auto 10px auto;
}
/* 枠⑤  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.guide_border_container04{/* 枠　周り*/
	border-radius: 15px;
	background-color: #fb6d04;
	padding-bottom: 2px;

}
.guide_border_container04_inner{/* 枠下部　白い背景部分*/
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	margin: 10px;
	padding: 30px 10px 10px 10px;
}
.guide_border_container04 dt{
	display: inline-block;
	font-weight: bold;
	border-bottom: 2px solid #fb6d04;
	margin-bottom: 3px;
}
.guide_border_container04 dd{
	margin-left:  10px;
}

.guide_border_container04 dt:not(:first-child){
	margin-top: 20px;
}

/* guide　　footer
-------------------------------------------------*/
.guide_footer ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
	font-size: 0.8rem;
} 
.guide_footer ul li{
	border-radius: 7px;
	width: calc(50% - 1vw);
	padding: 2vw;
	background:linear-gradient(180deg, rgba(47,108,73,1) 85%, rgba(29,85,53,1) 100%);
	margin: 0.5vw;
	color: #ffffff;
}
@media screen and (min-width:620px) {
	.guide_footer ul li{
		width: calc(50% - 10px);
		padding: 10px;
		margin: 5px;
		color: #ffffff;
	}
}
.guide_footer a{
	display: block;
	font-size: 0.8em;
} 
.guide_footer ul li:first-child{
	width: 100%;

}
.guide_footer p{
	color: #297d3a;
	font-size: 0.7rem;
	text-align: center;
	padding: 1.2vw;
 }
 @media screen and (min-width:620px) {
	.guide_footer ul{
		font-size: 15px;
	} 
	.guide_footer ul li{
		padding:  20px;
	}
}

/*--レイアウト調整0727-*/
.guide_wrapper_margin_top{
	margin-top: 6%;
}

.plan_item_titlebn {
	justify-content: space-between;
}
.plan_item_titlebn img {
	/*
	width: 60%;
	*/
	width:  100%;
}
.mail_info img{
width: 8%;
}
.border_container_green>h2{
	margin-bottom: 1%;
}




















































/* 全ページ共通
--------------------------------------------------------------------------------*/
.main_title{
	margin-bottom: 5px;
}
.main_title:nth-of-type(2){
	margin-top: 20px;
}
.txt_short{
	padding: 4px 4px 8px 4px;
	text-align: center;
}
.text_btn01{
	color: #fff;
	margin: 0 auto;
	width: 95%;
	display: block;
}
.text_btn01 a{
	margin: 10px 0;
	border-radius: 10px;
	font-size: large;
	font-weight: bold;
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
	background-color: #297d3a;
	padding: 20px;
}
.text_btn02{
	color: #fff;
	margin: 0 auto;
	width:  100%;
	display: block;
	font-size: large;
	font-weight: bold;
}
.text_btn02 a{
	margin: 10px 0;
	border-radius: 10px;
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
	background-color: #a3a3a3;
	padding: 20px 20px;
}
.title_p{/* タイトル*/
	color: #fff;
	padding: 10px;
	font-size: small;
	text-align: justify;/* 文字を両端揃え*/
  	text-justify: inter-ideograph;
}
/* ボーダー囲み全体①(線のみ)*/
.simple_border_container_orange{
	border-radius: 15px;
	border: 6px solid #fb6d04;
	padding: 8px;
}
.simple_border_container_green{
	border-radius: 15px;
	border: 6px solid #297d3a;
	padding: 8px;
}
/* グレー全体囲み（タイトル付き）　*/
.border_container_gray{/* 枠*/
	border-radius: 15px;
	border: 6px solid #4d4d4d;
}
.border_container_gray>h1{/* タイトル*/
	text-align: center;
	background-color: #4d4d4d;
	color: #fff;
	padding: 5px 0 10px 0;
}
/* グリーン全体囲み（タイトル付き）　*/
.border_container_green{/* 枠*/
	border-radius: 15px;
	border: 6px solid #297d3a;
}
.border_container_green>h1{/* タイトル*/
	text-align: center;
	background-color: #297d3a;
	color: #fff;
	padding: 5px 0 10px 0;
}
.border_container_inner{/* 枠padding *master*/
	padding:  8px;
}
/* 青囲み（タイトル付き）　*/
.border_container_blue{/* 枠*/
	border-radius: 15px;
	border: 6px solid #1967d2;
}
.border_container_blue>h1{/* タイトル*/
	text-align: center;
	background-color: #1967d2;
	color: #fff;
	padding: 5px 0 10px 0;
}
/* 赤囲み（タイトル付き）　*/
.border_container_red{/* 枠*/
	border-radius: 15px;
	border: 6px solid #d50000;
}
.border_container_red>h1{/* タイトル*/
	text-align: center;
	background-color: #d50000;
	color: #fff;
	padding: 5px 0 10px 0;
}


/* table-シンプル*/
.table_simple{
	width: 100%;
}
.table_simple tbody tr td {
	border: 2px solid #3d3d3d;
	padding: 3vw;
}
@media screen and (min-width:620px) {
	.table_simple tbody tr td {
		padding: 10px;
	}
}
.table_simple_lefttext{
	text-align: justify;/* 文字を両端揃え*/
  	text-justify: inter-ideograph;
}
.table_simple_title01 {/* 小さめ*/
	font-size: 11px;
	text-align: center;
	font-weight: bold;	
}
.table_simple_title02 {/* 大きめ*/
	text-align: center;
	width: 25%;
	font-weight: bold;	
}
.table_simple_title03 {/* テーブル右テキスト用*/
	width: 60%;
}

/* table-青*/
.table_simple_blue{
	width: 100%;
}
.table_simple_blue tbody tr td {
	border: 2px solid #1967d2;
	padding: 3vw;
}
@media screen and (min-width:620px) {
	.table_simple_blue tbody tr td {
		padding: 10px;
	}
}
/* table-緑*/
.table_simple_green{
	width: 100%;
}
.table_simple_green tbody tr td {
	border: 2px solid #297d3a;
	padding: 3vw;
}
@media screen and (min-width:620px) {
	.table_simple_green tbody tr td {
		padding: 10px;
	}
}
/* ページバック*/
.page_back{
	margin: 30px 30px 5vw 30px;
}
.btn_100{
	width:100%
}
.btn_80{
	display: block;
	margin: 0 auto;
	width:80%
}
/* 小さい文字*/
.p_text_small{
	font-weight: lighter;
	font-size: 0.6em;
}
@media screen and (min-width:620px) {
	.p_text_small{
		font-size: 10px;
	}
}
/* 小さい見出し*/
.p_round_midashi{
	padding: 2px 15px;
	border-radius: 15px;
	display: inline-block;
	font-size: small;
}
/* レイアウト指定(クラス無タグ用)*/
.margin_b_3vw{
	margin-bottom: 3vw;
}
.margin_b_2vw{
	margin-bottom: 2vw;
}
.margin_b_1vw{
	margin-bottom: 1vw;
}
@media screen and (min-width:620px) {
.margin_b_3vw{
	margin-bottom: 20px;
}
.margin_b_2vw{
	margin-bottom: 10px;
}
.margin_b_1vw{
	margin-bottom: 5px;
}
}
.txtalign_center{
	text-align: center;
}
/* 色
-------------------------------------------------*/
/*bg*/
.bg_black{
	background-color: #000;
}
.bg_white{
	background-color: #fff;
}
.bg_red{
	background-color: #f72a25;
}
.bg_gray{
	background-color: #434343;
}
.bg_l_gray{
	background-color: #f0f0f0;
}
.bg_yellow{
	background-color: #ffe96d;
}
.bg_l_yellow{
	background-color: #fbf09b;
}
.bg_orange{
	background-color: #fb6d04;
}
.bg_green{
	background-color: #297d3a;
}
/*txt*/
.txt_white{
	color: #fff;
}
.txt_gray{
	color: #434343;
}
.txt_orange{
	color: #fb6d04;
}
.txt_red{
	color: #d50000;
}
.txt_l_red{
	color: #e13333;
}
.txt_blue{
	color: #1967d2;
}
.txt_green{
	color: #297d3a;
}
/* 文字の太さ
-------------------------------------------------*/
.font_b{
	font-weight: bold;
}




























/*--ログイン後感謝の声＆的中実績
------------------------------------------------*/
.VoicePager .pager{
	text-align: center;
}
.TekichuPager .pager{
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 0;
    z-index: 1;
}
.TekichuPager .pager:before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background:none;
    background:none;
}
.VoicePager .pager span,
.TekichuPager .pager span{
    margin:2px;
    padding:5px;
    color:#444;
    background:#f1f1f1;
	border-radius: 4px;
	font-size: 14px;
}
.VoicePager .pager span:hover,
.TekichuPager .pager span:hover{
    cursor:pointer;
    background:#f1f1f1;
	color:#444;
    text-decoration: underline;
}
/* 開いているページ（current）*/
.VoicePager .pager span.current,
.TekichuPager .pager span.current{
    color:#ffffff;
    background:#444;
    border: 1px solid #444;
}
.VoicePager .pager span.current:hover,
.TekichuPager .pager span.current:hover{
    cursor:default;
    text-decoration: none;
}
/* 前へ　次へ（invalid）*/
.VoicePager .pager span.invalid,
.TekichuPager .pager span.invalid{
    background: #eee;
    border: solid 1px #eee;
    color: #aaa;
}
.VoicePager .pager span.invalid:hover,
.TekichuPager .pager span.invalid:hover{
    cursor:default;
    text-decoration: none;
}
/* …点々（ellipsis）*/
.VoicePager .pager span.ellipsis,
.TekichuPager .pager span.ellipsis{
    color:#C8C8C8;
    background:none;
    border: none;
}
.VoicePager .pager span.ellipsis:hover,
.TekichuPager .pager span.ellipsis:hover{
    cursor:default;
    text-decoration: none;
}
.voice_caption{
	font-size: 0.7em;
	color:#9A9A9A;
}
.login_voice ul{
	width:95%;
	margin: 0.5em auto;
}
.login_voice ul li{
	margin-bottom: 2.5em;
}


/*--メール　pager
------------------------------------------------*/
.mailPager .pager{
	text-align: center;
}
.TekichuPager .pager{
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 0;
    z-index: 1;
}
.TekichuPager .pager:before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background:none;
    background:none;
}
.mailPager .pager span,
.TekichuPager .pager span{
    margin:2px;
    padding:5px;
    color:#444;
    background:#f1f1f1;
	border-radius: 4px;
	font-size: 14px;
}
.mailPager .pager span:hover,
.TekichuPager .pager span:hover{
    cursor:pointer;
    background:#f1f1f1;
	color:#444;
    text-decoration: underline;
}
/* 開いているページ（current）*/
.mailPager .pager span.current,
.TekichuPager .pager span.current{
    color:#ffffff;
    background:#444;
    border: 1px solid #444;
}
.mailPager .pager span.current:hover,
.TekichuPager .pager span.current:hover{
    cursor:default;
    text-decoration: none;
}
/* 前へ　次へ（invalid）*/
.mailPager .pager span.invalid,
.TekichuPager .pager span.invalid{
    background: #eee;
    border: solid 1px #eee;
    color: #aaa;
}
.mailPager .pager span.invalid:hover,
.TekichuPager .pager span.invalid:hover{
    cursor:default;
    text-decoration: none;
}
/* …点々（ellipsis）*/
.mailPager .pager span.ellipsis,
.TekichuPager .pager span.ellipsis{
    color:#C8C8C8;
    background:none;
    border: none;
}
.mailPager .pager span.ellipsis:hover,
.TekichuPager .pager span.ellipsis:hover{
    cursor:default;
    text-decoration: none;
}
.mail_caption{
	font-size: 0.7em;
	color:#9A9A9A;
}
.login_mail ul{
	width:95%;
	margin: 0.5em auto;
}
.login_mail ul li{
	margin-bottom: 2.5em;
}



/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/* ログイン前 */
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/


/* ログイン前　　全体
-------------------------------------------------*/
.bl_wrapper{
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background-color: #139422;
}
@media screen and (min-width:620px) {
	.bl_wrapper{
		width: 620px;
	}
}
.bl_wrapper img{
	width: 100%;
}

/* ログイン前　　header
-------------------------------------------------*/
.bl_header_wrapper{
	background-color: #fff;
	padding:0;
	width: 100%;
	position:sticky;
	z-index: 9999;
	top:0;
	-moz-box-shadow: 0px 16px 16px -16px rgba(93, 171, 81, 0.55);
	-webkit-box-shadow: 0px 16px 16px -16px rgba(93, 171, 81, 0.55);
	-ms-box-shadow: 0px 16px 16px -16px rgba(93, 171, 81, 0.55);
	box-shadow: 0px 16px 16px -16px rgba(93, 171, 81, 0.55);
}
@media screen and (min-width:620px) {
	.bl_header_wrapper{
		width: 620px;
		margin: 0 auto;
	}
}
.bl_header_wrapper img{
	width: 100%;
}
.bl_header_inner{
	display: flex;
	padding: 1% 1% 0 1%;
	justify-content: center
}
.bl_header_inner img{
	padding: 0px;
}

/* ログイン前　　mv
-------------------------------------------------*/
.bl_mv_wrapper{
	background: url(../images/IndexBefore_mv_bg.png) no-repeat center /cover;
}
.bl_mv_inner{
	position: relative;
}
.bl_mv_item_uma{
	animation-delay: 1.8s;
}
.bl_mv_item_uma img{
	position: absolute;
	right: 0%;
	bottom:0;
	width: 65vw;
}
.bl_mv_item_smartph {
	animation-delay: 1ms;
}
.bl_mv_item_smartph img{
	width: 40vw;
	animation-delay: 3s;
	z-index: 10;
}
.bl_mv_item_hukidashi{
	position: absolute;
	right:8.5%;
	bottom:5%;
	width: 55%;
	animation-delay: 1s;
}
.bl_mv_item_btn{
	position: absolute;
	bottom:4.5vw;
	left:5.5vw;
	width: 38%;
	animation: infinite;
}
.bl_mv_item_title{
	position: absolute;
	right: -2.9%;
	top:5%;
	width: 63%;
	animation-delay: 0.4s;
}
@media screen and (min-width:620px) {
.bl_mv_item_uma img{
	position: absolute;
	right: 0%;
	bottom:0;
	width: 63%;
}
.bl_mv_item_smartph img{
	width: auto;
}
.bl_mv_item_hukidashi{
	position: absolute;
	right:8.5%;
	bottom:5%;
	width: 55%;
}
.bl_mv_item_btn{
	bottom:5.5%;
	left:5.5%;
	width: 38%;
}
.bl_mv_item_title{
	right: -2.9%;
	top:5%;
	width: 63%;
}
}
/* ログイン前　　cont01
-------------------------------------------------*/
.bl_cont01_wrapper{
	margin: 1% 0 3% 0;
}
.bl_cont01_inner li:nth-child(n+2) {
	 margin-top: -6%;
}
.bl_cont01_inner li:nth-child(1)  {
	animation-delay: 1s;
}
.bl_cont01_inner li:nth-child(2)  {
	animation-delay: 1s;
}
.bl_cont01_inner li:nth-child(3)  {
	animation-delay: 1s;
}

/* ログイン前　　cont02
-------------------------------------------------*/
.bl_cont02_wrapper{
	animation-delay: 1s;
}

.bl_cont02_inner{
	position: relative;
}
.bl_cont02_btn{
	position: absolute;
	width: 85%;
	bottom: 3.5%;
	left: 7.8%;
	animation: infinite;
}
/* ログイン前　　cont03
-------------------------------------------------*/
.bl_cont03_wrapper{
	width: 90%;
	margin: 0 auto;
	animation-delay: 1s;
}

.bl_cont03_inner{
	padding: 3%;
	border-radius: 10px;
	background-color: #fff;
	 margin-top: -35%;
	 padding-top: 37%;
}

.bl_cont03_tekichu_wrapper{
	display: flex;
	flex-wrap:wrap;
}
.bl_cont03_tekichu_inner_out{
	width: 48%;
	margin: 0.4% 0.5%;
	animation-delay: 0.4s;
}
.bl_cont03_tekichu_inner_out:nth-child(odd){ /* li 奇数 */
	border: 2px solid #3868b8;
	background-color: #3868b8;

}
.bl_cont03_tekichu_inner_out:nth-child(even){ /* li 偶数 */
	border: 2px solid #af3131;
	background-color: #af3131;
}
.bl_cont03_tekichu_inner_in{ /* li直下 */
	border:  2px solid;
	border-image: linear-gradient(180deg, rgba(255,224,110,1) 0%, rgba(247,194,0,1) 2%, rgba(238,236,191,1) 5%, rgba(255,214,0,1) 11%, rgba(136,127,0,1) 26%, rgba(255,184,0,1) 35%, rgba(255,226,56,1) 41%, rgba(178,156,11,1) 65%, rgba(255,241,178,1) 73%, rgba(253,250,0,1) 79%, rgba(255,209,0,1) 100%)1;
	text-decoration: none;
}
.bl_cont03_tekichu_txt{
	font-weight: bold;
	color:#fff;
	margin:  3% 5%;
}
.bl_cont03_tekichu_txt_01{
	border-bottom: 2px dotted #fff;
	padding-bottom: 2%;
	margin-bottom: 2.5%;
	color:#fff;
	font-weight: bold;
	font-size: 3vw;
}
@media screen and (min-width:620px) {
	.bl_cont03_tekichu_txt_01{
		font-size: medium;
	}
}
.bl_cont03_tekichu_txt_01 p, .bl_cont03_tekichu_txt_02 p{
	 margin: 0 0 -2% 0 ;
}
.bl_cont03_tekichu_txt_02_1{
	font-weight: bold;
	font-size: 3vw;
}
@media screen and (min-width:620px) {
	.bl_cont03_tekichu_txt_02_1{
		font-size: 1em;
	}
}
.bl_cont03_tekichu_txt_02_2{
	font-weight: bold;
	color: #fff600;
	font-size: 4.6vw;
}
@media screen and (min-width:620px) {
	.bl_cont03_tekichu_txt_02_2{
		font-size: 1.6em;
	}
}
/* ログイン前　　cont04
-------------------------------------------------*/
.bl_cont04_txt01 {
	animation-delay: 0.3s;
}
.bl_cont04_txt02 {
	animation-delay: 0.3s;
}
.bl_cont04_txt03 {
	animation-delay: 0.3s;
}
/* ログイン前　　cont05
-------------------------------------------------*/
.bl_cont05_inner{
	position: relative;
}
.bl_cont05_btn{
	position: absolute;
	width: 85%;
	bottom: 7%;
	left: 7.8%;
	animation: infinite;
}
/* ログイン前　　footer
-------------------------------------------------*/
.bl_footer ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 2%;
	text-align: left;
	font-size: 3.3vw;
} 

@media screen and (min-width:620px) {
	.bl_footer ul{
		font-size: 1.1em;
	} 
}
.bl_footer ul a{
	align-items: center;
	display: block;
	border-radius: 15px;
	width: 48%;
	padding: 2%;
	background: #00ba01;
	margin: 1%;
	color: #ffffff;
	border: 1.6px solid #fff;
}
.bl_footer ul a li p{	
	font-weight: bold;
}

.bl_footer_center{
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center
}
.bl_footer_left{
	display: flex;
	align-items: center;
	height: 100%;
}

.bl_footer ul a:first-child{
	text-align: center;	
	width: 100%;
}

.bl_footer ul a li img{
	width: 20px;
	height: 20px;
	margin-right: 0.5%;
}

.bl_footer a{
	display: block;
} 

.bl_credit{
	color: #fff;
	font-size: 3vw;
	text-align: center;
	padding:3% 3% 4% 3%;
 }
 @media screen and (min-width:620px) {
	.bl_credit{
		font-size: 1em;
	 }
 }

/* FOOTER テキスト　モーダル追加
------------------------------------------------*/
/*========== modal ==========*/
.modal{position: fixed;top: 0;left: 0;z-index: 999999 ! important;width: 100%;height: 100%;background: rgba(0,0,0,0.5);font-family: 'Noto Serif JP', sans-serif;
	opacity:0; /*初期状態*/}
	.modal .cont{background: #FAFAFA;top: 0;bottom:0;left: 0;right:0;margin: auto;padding: 4vw 4vw 0 4vw; border: solid 1.5vw #139422;width:90%;border-radius: 5vw;}
	.modal .cont .ttl_01{margin-left: 0;margin-right: 0; margin-bottom: 5%; font-size: 19px; font-weight: bold;}
	.modal .cont .inner{padding: 0 2.5vw;max-height: 100%; margin-top: 1vw; background-color: #FAFAFA;}
	.modal .cont .inner .close{position: absolute;top:-3vw;right: -2vw;width:3vw;cursor: pointer;}
	.modal .cont .close{position: absolute;top:-5vw;right: -6vw;width:50px;cursor: pointer;}
	.modal .cont .inner .btn_img_01 a,
	.modal .cont .inner .btn_img_01 input{margin:12vw auto 0 !important;}
	.modal .cont .inner ul.btn_img_01{margin: 12vw auto 0 !important;}
	.modal .cont .inner ul.btn_img_01 li:first-child a,
	.modal .cont .inner ul.btn_img_01 li:first-child input{margin: 0 !important;}
	.modal .cont .inner ul.btn_img_01 li:not(:first-child) a,
	.modal .cont .inner ul.btn_img_01 li:not(:first-child) input{margin: 6.5vw auto 0 !important;}
	
	.modal .cont .inner .btn_img_02 a,
	.modal .cont .inner .btn_img_02 input{margin:4.5vw auto 0 !important;}
	.modal .cont .inner ul.btn_img_02{margin: 4.5vw auto 0 !important;}
	.modal .cont .inner ul.btn_img_01.clm2 li a,
	.modal .cont .inner ul.btn_img_01.clm2 li input,
	.modal .cont .inner ul.btn_img_02.clm2 li a,
	.modal .cont .inner ul.btn_img_02.clm2 li input{margin: 0 !important;}
	
	.modal .cont .inner dl.list_item_04 > dd{width: 47%;}
	.modal .cont .inner dl.list_gameitem_01{margin: 0 auto;width: 65.6vw;}
	
	/* scroll ==========*/
	.modal .cont .inner.scroll{overflow-y: scroll;}
	.modal .cont .inner.scroll::-webkit-scrollbar{width: 1.8vw;}
	.modal .cont .inner.scroll::-webkit-scrollbar-track{background: #FAFAFA;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);}
	.modal .cont .inner.scroll::-webkit-scrollbar-thumb{background: #C1C1C1;border-radius: 10px;box-shadow:0 0 0 1px rgba(255, 255, 255, .3);border: solid 1px #B3B3B3;}
	
	@media screen and (min-width:620px) {
	.modal .cont{padding: 28px 16px 57px;width: calc(500px - 27px * 2);border-width:9px;border-radius: 20px;}
	.modal .cont .inner{padding: 0 15px;}
	.modal .cont .inner .close{top:-30px;right: -200px; width:50px;}
	.modal .cont .close {top:-20px;right: -20px;width:50px;}
	.modal .cont .inner .btn_img_01 a,
	.modal .cont .inner .btn_img_01 input{margin:72px auto 0 !important;}
	.modal .cont .inner ul.btn_img_01{margin: 72px auto 0 !important;}
	.modal .cont .inner ul.btn_img_01 li:not(:first-child) a,
	.modal .cont .inner ul.btn_img_01 li:not(:first-child) input{margin: 39px auto 0 !important;}
	.modal .cont .inner .btn_img_02 a,
	.modal .cont .inner .btn_img_02 input{margin:27px auto 0 !important;}
	.modal .cont .inner ul.btn_img_02{margin: 27px auto 0 !important;}
	
	.modal .cont .inner dl.list_gameitem_01{margin: 0 auto;width: 394px;}
	
	.modal .cont .inner.scroll::-webkit-scrollbar{width: 10px;}
	}

	/*========== modal ==========*/
	.cont{
		top: 3% ! important;
		height: 80vh ! important;
	}
	.cont .inner.scroll{
		height: 62vh ! important;
	}
	.cont dd{
		margin-left: 0;
	}
	dd {
		display: block;
		margin-inline-start: 0;
	}
	dt{
		margin-bottom: 20px;
		font-size: 0.9em;
	}
	.ttl_01{
		color: #139422;
		text-align: center;
	}
	.inner{
		font-weight: 100;
	}
	.bl_modal_txt dt{
		color: #139422;
		border-bottom: 1px solid #139422;
		padding:  10% 0 0 0;
	}
		.bl_footer .bl_modal_txt ul li{
		padding-left: 1%;
		margin-bottom: 3%;

	}
	.bl_footer .bl_modal_txt ul li::before{
		content: "・";
	}