@charset "utf-8";

/*?reset
*********************************************************/

*{
	margin:0;
	padding:0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body{
	color:#343434;
	font-size: 1.7rem;
	font-family: "メイリオ", Meiryo, Hiragino Sans, Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: normal;
}

a img{border:none;}
li{list-style-type:none;}
br{letter-spacing:0;}
br.spbr{display: none;}
br.pcbr{display: block;}
br.brblk{display: inline-block;}

.pcp{display: inline-block;}
.spp{display: none;}
.pcn{display: none;}
.spn{display: none;}

.dflex{display:flex;}

.pc-only{display: inline-block;}
.pc_only{display: inline-block;}
.pc_only_m{display:block;}
.sp-only{display: none;}
.sp_only{display: none;}



a img.info:hover{
	 opacity: 0.8;
}

.img100{width:100%;}
.img90{width:90%;}
.img80{width:80%;}
.img70{width:70%;}
.img60{width:60%;}
.img50{width:50%;}
.img40{width:40%;}
.img30{width:30%;}
.img20{width:20%;}
.img10{width:10%;}
.img5{width:5%;}

button{cursor:pointer;}
/*=======================================*/

#wrapper{
	margin:0 auto;
	text-align: center;
	width: 100%;

/
}

/*=======================================*/

.container{
	margin:20px auto 0;
	width:1255px;
	padding:0 ;
	/*** 紙吹雪CSS　2111 ***********/
  position: relative;/*描画を#particles-jsよりも上にするためposition:relative;を指定*/
  z-index: 1;/*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
}

.container:after { /*float???*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.container2{
	margin:5rem auto 0;
	width:786px;
	padding:0 ;
}

.top_zone{
	margin:10px auto 0;
	width:750px;
	padding:0 ;
}
.top_zone0930{
	margin:10px auto 0;
	padding:0 ;
}

.top_videozone{
	margin:0 auto;
	max-width:700px;
	padding:0;
}
.video_sub{
	background:#eee;
	padding:1.3rem 0;
	border-radius:3rem 3rem 0 0;
	box-shadow: 0 -0 6px 6px rgba(0,0,0,0.2) inset;
}

.top_videozone video{
	border:1.4rem #ccc groove;
}

/*=======================================*/

.logo{
	width:auto;
	margin:10px 0 0 0;
}

.logo.sps{
	display:none;
}

header{
	width:100%;
	height:130px;
	margin: 0 auto;
	text-align: center;
	background: url(../../../image/member/header_bg101.png) bottom center repeat-x #FFF;
	box-shadow:inset ;

}

.header_bg{
	width:1255px;
	margin: 0 auto;
	height:130px;
	padding:1px 0;
	text-align: center;
	position:relative;
}

.header_logo{
	position:absolute;
	top:21px;
	left:0;
	height:70px;
}

.header_member{
	position:absolute;
	bottom:0;
	left:0;
}

.tutorial_bt{
	cursor: pointer;
}

/*
.tutorial_bt{
	width: 234px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	vertical-align: middle;
	display: block;
	background: #000000;
	height: 3.5rem;
	padding: 0;
	margin: 0 auto 0;
	color: black;
    background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
    background: url(../../../image/member/tutorial_btbg.png),linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
    background-repeat: no-repeat;
    background-position: center left 11px,0px;
    padding-left: 9px;
}

.tutorial_bt:hover {
	background: -moz-linear-gradient(top, #b7df2d 0%, #e3f5ab 33%, #f8ffe8 100%);
	background: -webkit-linear-gradient(top, #b7df2d 0%, #e3f5ab 33%, #f8ffe8 100%);
	background: url(../../../image/member/tutorial_btbg.png),linear-gradient(to bottom, #b7df2d 0%, #e3f5ab 33%, #f8ffe8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
	background-repeat: no-repeat;
	background-position: center left 11px,0px;
}

.tutorial_bt:active {
	opacity: 0.5;
}
*/

.header_project1{
	text-align:center;
	margin:38px 0 0 0;
	/*margin:14px 0 0 0;*/
}

.header_project2{
	position:absolute;
	top:20px;
	left:255px;
}

.header_mimasan1_pc{
	position:absolute;
	bottom:0;
	right:288px;
	height:120px;
}


.header_mimasan1_sp{
	display:inline-block;
	position:fixed;
	bottom:95px;
	right:15px;
	z-index:100000;
	filter: drop-shadow(0 0 2px #333333);
}

.header_mimasan1_sp_2{
	display:inline-block;
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:100000;
	filter: drop-shadow(0 0 2px #333333);
}


.header_mimasan1_sp_2:hover{
	opacity:0.8;
	z-index:100002;
}


.header_login_bg{
	position:absolute;
	min-width:235px;
	top:20px;
	right:0;
	z-index: 2;
}
.header_tutorial{
	position:absolute;
	bottom: 0;
	right: 0;
	top: 105px;
}


table.member{
	margin: 9px auto 0;
	font-size: 1.3rem;
	width: 99%;
	border-collapse: collapse;
	border:4px solid #E52020;
}

table.member td{
	border-top:1px solid #E52020;
	padding:2px 2px;
	background:#FFFFFF;
	text-align: center;
}

table.member td.member_icon{
	background:#E52020;
	color:#FFFFFF;
}

table.member td.member_icon img{
	width:20px;
	margin:0 4px 2px 0;
}

.member_info_bg{
	display: flex;
	align-items: center;
	background:#FFFFFF;
	border:1px solid #999999;
	margin:-1px auto 0;
	padding:3px 0;
}

.member_info_bg .member_info_icon{
	width:40px;
	text-align:center;
}

.member_info_bg .member_info_icon img{
	height:20px;
	margin:0 0 4px 0;
}

.member_info_bg .member_info_text{
	text-align:center;
	font-size:14px;
	color:#333333;
}



/*=======================================*/

.main{
	width: 745px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
	border-radius: 20px;
	margin:0 auto;
	/*padding-bottom:35px;*/
	padding-bottom:10px;
	position:relative;
}

.mainotoi{
	width: 745px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
	border-radius: 20px;
	margin:0 auto;
	/*padding-bottom:35px;*/
	padding-bottom:10px;
	position:relative;
	background:url("../../../../image/member/question/pl_resultsheet/satis_bg1.png") top center no-repeat #FFFFFF;
}

.main.yumedama{
	background: url(../../../image/member/bg1.jpg) top center no-repeat fixed #00001D;
}


.main_toppage{
	width: 745px;
	margin:0 auto;
}

.main2{
	float:right;
	width: 745px;
	margin:0 20px 50px 0;
}

.fuki_ya_left{
	position:absolute;
	top:60px;
	left:-34px;
}

.top_button3{
	width:576px;
	margin:0 auto;
	height:105px;
	background:url("../../../image/member/top_button3.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
	filter: drop-shadow(0 5px 5px #000000);
}

.top_button3:hover{
	background:url("../../../image/member/top_button3_h.png") bottom center no-repeat;
	filter: drop-shadow(0 0 5px #000000);
}

.top_button1{
	width:235px;
	margin:0 auto;
	height:42px;
	background:url("../../../image/member/top_button1.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
	filter: drop-shadow(0 5px 5px #000000);
}

.top_button1:hover{
	background:url("../../../image/member/top_button1_h.png") bottom center no-repeat;
	filter: drop-shadow(0 0 5px #000000);
}

.text{
	width: 88.6%;
	margin: 0px auto;
	text-align: left;
	padding: 2rem 0 6rem 0 ;
}

.text_blogs{
	width: 88.6%;
	margin: 0px auto;
	text-align: left;
	padding: 0 ;
}

.text_blogs p{
	margin-top:30px;
}

p.center{
	text-align: center;
}

p.center_pc{
	text-align: center;
}

/*=======================================*/

.sub{
	float:left;
	width: 235px;
}

.sub2{
	float:right;
	width: 235px;
}

#nav-open {
	display:none;
}

#nav-input {
	display:none;
}

.sidemenu_top{
	background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 0, 97, 1) 0%,rgba(0, 88, 143, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(0, 0, 97, 1) 0%, rgba(0, 88, 143, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(0, 0, 97, 1) ),color-stop(1,rgba(0, 88, 143, 1) ));
	background : -o-linear-gradient(90deg, rgba(0, 0, 97, 1) 0%, rgba(0, 88, 143, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(0, 0, 97, 1) 0%, rgba(0, 88, 143, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000061', endColorstr='#00588F' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(0, 0, 97, 1) 0%, rgba(0, 88, 143, 1) 100%);
	border-radius : 10px 10px 0px 0px;
	-moz-border-radius : 10px 10px 0px 0px;
	-webkit-border-radius : 10px 10px 0px 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00588F',endColorstr='#000061' , GradientType=0);
	color:#FFF;
	padding:10px 5px;
	font-size:14px;
}

.sidemenu_text_bg{
	background:#1a1a1a;
	padding:10px;
	font-size:14px;
	color:#FFF;
}

.sidemanu {
	width:100%;
	display:block;
}

.sidemanu li {
	width:100%;
	display:block;
	position: relative;
	margin-top:-5px;
}

.sidemanu li:first-child {
	margin-top:0;
}

.sidemanu.mini li {
	margin-top:0;
}

.sidemanu.mini li a {
	position: relative;
	display:flex;
	align-items: center;
	width:100%;
	padding:10px 5px;
	background:#1a1a1a;
	font-size:14px;
	color:#FFF;
	border-bottom:1px solid #999;
}

.sidemanu.mini li a:hover {
	opacity:0.6;
}

.sidemanu.mini li a .link_texts{
text-align:left;
width:100%;
}


.sidemanu li span.update{
	margin: 0 auto;
	display:block;
	font-size: 12px;
	text-align: center;
	border:1px solid #555;
	padding:2px 5px;
}

.sidemanu li span.update2{
	position:absolute;
	top:0;
	left:0;
}


/* ブロック要素にアイコンバッジを表示 */



  /* アイコン部 */

span[data-badge-top-right]:before {
	width: 2.2rem;
	height: 2.2rem;
	color: #ffffff;
	line-height: 20px;
	font-size: 14px;
	vertical-align: middle;
	position: absolute;
	display: inline-block;
	font-weight: bold;
	background-color: #E52020;
	border-radius: 50%;
	text-align:center;
	border: 0.2rem solid #fff;
	top:14px;
	left: -15px;
}

span[data-badge-top-right]:before {
	transform: translate(50%, -50%);
	-webkit-transform:translate(50%, -50%);
	-moz-transform:translate(50%, -50%);
	-ms-transform:translate(50%, -50%);
	content: attr(data-badge-top-right)"";
}




.sidemanu:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

a.sidemanu1{
	background:url("../../../image/member/menu1.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu1:hover{
	opacity:0.5;
}

a.sidemanu1.now{
	background:url("../../../image/member/menu1_h.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu2{
	background:url("../../../image/member/menu2.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu2:hover{
	opacity:0.5;
}

a.sidemanu2.now{
	background:url("../../../image/member/menu2_h.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu3{
	background:url("../../../image/member/menu3.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu3:hover{
	opacity:0.5;
}

a.sidemanu3.now{
	background:url("../../../image/member/menu3_h.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu4{
	background:url("../../../image/member/menu4.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu4:hover{
	opacity:0.5;
}

a.sidemanu4.now{
	background:url("../../../image/member/menu4_h.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

.sidemanu5{
	background:url("../../../image/member/menu13_3.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

.sidemanu5:hover{
	opacity:0.5;
}

a.sidemanu5.now{
	background:url("../../../image/member/menu5_h.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu6{
	background:url("../../../image/member/menu6.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu6:hover{
	opacity:0.5;
}

a.sidemanu6.now{
	background:url("../../../image/member/menu6_h.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu7{
	background:url("../../../image/member/menu7.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu7:hover{
	opacity:0.5;
}

a.sidemanu8{
	background:url("../../../image/member/menu8.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu8:hover{
	opacity:0.5;
}

a.sidemanu9{
	background:url("../../../image/member/menu9.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu9:hover{
	opacity:0.5;
}

a.sidemanu10{
	background:url("../../../image/member/menu10.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu10:hover{
	opacity:0.5;
}

a.sidemanu11{
	background:url("../../../image/member/menu11.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu11:hover{
	opacity:0.5;
}

a.sidemanu12{
	background:url("../../../image/member/menu12.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu12:hover{
	opacity:0.5;
}

.sidemanu13{
	background:url("../../../image/member/menu14.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

.sidemanu13:hover{
	opacity:0.5;
}

a.sidemanu15{
	background:url("../../../image/member/menu15.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu15:hover{
	opacity:0.5;
}

a.sidemanu16{
	background:url("../../../image/member/menu16.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu16:hover{
	opacity:0.5;
}

a.sidemanu16.now{
	background:url("../../../image/member/menu16_h.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu17{
	background:url("../../../image/member/menu17.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu17:hover{
	opacity:0.5;
}

a.sidemanu17.now{
	background:url("../../../image/member/menu17_h.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
}

a.sidemanu20{
	background:url("../../../image/member/pla_menu20.png") top center no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu20:hover{
	opacity:0.5;
}

.side50_bg{
	display:none;
}

a.sidemanu50{
	display:none;
}

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

a.sidemanu_line{
	background:url("../../../image/member/menu_line.png") top center / 100% 100% no-repeat;
	width:100%;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu_line:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu_line.png") top center / 100% 100% no-repeat;
}

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


a.sidemanu101{
	background:url("../../../image/member/menu101_n.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu101:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu101_n.png") top center / 100% 100% no-repeat;
}

a.sidemanu102{
	/*
	background:url("../../../image/member/menu110.png") top center / 100% 100% no-repeat;
	*/
	background:url("../../../image/member/menu109_n.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu102:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu109_n.png") top center / 100% 100% no-repeat;
}

a.sidemanu103{
	background:url("../../../image/member/menu103_n.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu103:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu103_n.png") top center / 100% 100% no-repeat;
}

a.sidemanu104{
	background:url("../../../image/member/menu104_n.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu104:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu104_n.png") top center / 100% 100% no-repeat;
}

a.sidemanu105{
	background:url("../../../image/member/menu105_n.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu105:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu105_n.png") top center / 100% 100% no-repeat;
}

a.sidemanu106{
	background:url("../../../image/member/menu106_n.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu106:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu106_n.png") top center / 100% 100% no-repeat;
}

a.sidemanu107{
	background:url("../../../image/member/menu107_n.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu107:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu107_n.png") top center / 100% 100% no-repeat;
}

a.sidemanu108{
	background:url("../../../image/member/menu108_n.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu108:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu108_n.png") top center / 100% 100% no-repeat;
}

a.sidemanu109{
	background:url("../../../image/member/menu109.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu109:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu109.png") top center / 100% 100% no-repeat;
}

a.sidemanu109_anime{
	background:url("../../../image/member/menu109_2.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
	animation:sidemanu109_anime 2s linear infinite;
}

a.sidemanu109:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu109_2.png") top center / 100% 100% no-repeat;
}

@keyframes sidemanu109_anime {
	0% { background-image:url("../../../image/member/menu109_2.png"); }
	20% { background-image:url("../../../image/member/menu109_2.png"); }
	55% { background-image:url("../../../image/member/menu109_2_anime.png"); }
	90% { background-image:url("../../../image/member/menu109_2.png"); }
	100% { background-image:url("../../../image/member/menu109_2.png"); }
}

a.sidemanu111{
	background:url("../../../image/member/menu111.png") top center / 100% 100% no-repeat;
	width:235px;
	height:110px;
	display:block;
	position:relative;
}

a.sidemanu111:hover{
	background:url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu111.png") top center / 100% 100% no-repeat;
}

a.sidemanu_support {
	background: url("../../../image/member/menu_support01.png") top center / 100% 100% no-repeat;
	width: 235px;
	height: 110px;
	display: block;
	position: relative;
}

a.sidemanu_support:hover {
	background: url("../../../image/member/menu100_hover.png") top center / 100% 100% no-repeat, url("../../../image/member/menu_support01.png") top center / 100% 100% no-repeat;
}

.side_banner_bg{
	margin-bottom:5px;
}

a.banner_side_links{
	display:block;
}

a.banner_side_links:hover{
	opacity:0.5;
}

a.banner_side_links img{
	width:100%;
}












.attention1{
	position:absolute;
	top:10px;
	right:10px;
	font-size:14px;
	border:1px solid #FF0000;
	background:#ffc7c7;
	font-weight:bold;
	color:#FF0000;
	line-height:1;
	padding:2px 5px;
	border-radius:5px;
	animation:attention1blink 1.5s ease-in-out infinite alternate;
}

@keyframes attention1blink{
    0% {opacity:1;}
    40% {opacity:1;}
    50% {opacity:0;}
    60% {opacity:1;}
    100% {opacity:1;}
}

.new{
	margin:25px 0 0 135px;
}

.title{
	pointer-events: none;
	display:none;
}


.normal{
	display:none;
}

.kaisai{
	display:none;
}

.sidemanu .anker_text{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
}


/*===========================================*/

footer{
	width: 100%;
	font-size:1.5rem;
	margin:  0 auto;
	background-color: #1a1a1a;
	padding: 20px 0;
}

.footer-main {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.footer-l{
	width: 60%;
	padding: 2rem 0 0 0;
	display: block;
	float: left;
	text-align: right;
	position: absolute;
	bottom: 0px;
}


.footer-l ul.tab{
	width: 100%;
}

.footer-l ul.tab li{
	margin: 0;
	display: inline-block;
	width:18rem;
	text-align: center;
	color:#181818;
	position: relative;
}

.footer-l ul.tab li a{
	display: block;
	color:#ffffff;
	font-weight: bold;
	text-align: left;
	padding: 0.5rem 0.5rem 0 0.5rem;
}

.footer-l ul.tab li a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


.footer-balloon{
	position: absolute;
	padding: 1rem;
	background-image: url(../../../image/member/baloon-footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #000000;
	width: 100%;
	height: auto;
	display: block;/*
	top: -5rem;
	left: 0;
	right: 0;*/
	bottom: 4rem;
	margin: auto;
	font-weight: normal;
	font-size: 1.2rem;
}

/*
.footer-r{
	width: 100%;
	padding: 0;
	display: block;
	float: right;
	text-align: right;
	color:#dddddd;
}
*/

.footer-r p.copy{
	font-size: 1.2rem;
	text-align: center;
	color:#FFF;
	max-width:745px;
	margin:0 auto 10px;
}
.footer-r ul.link{
	width: auto;
	display: block;
	margin: 0 auto 10px;
	text-align:center;
}

.footer-r ul.link li{
	font-size: 1.2rem;
	padding: 5px;
	text-align: right;
	display:inline-block;
	border:1px solid #555;
}

.footer-r ul.link li a{
	color:#adadad;
}

/*=======================================*/

.law{
	width:100%;
	background:#FFFFFF;
	margin:0 auto;
	font-size:1.6rem;
}

.law th{
	background:#E52020;
	color:#ffffff;
	padding: 1rem;
}

.law td{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	width:80%;
	text-align:left;
	padding:2rem;
}

.law_text1{
	text-align:center;
	font-size:30px;
	font-weight:900;
	margin:56px auto;
}

.law_text2{
	text-align:left;
	width:878px;
	margin:19px auto;
	font-size:16px;
}

/*=======================================*/


.font1{
	font-family: 'Lato', 'Noto Sans Japanese', '????? Medium', '??????', 'Yu Gothic Medium', YuGothic, '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, '?? ?????', 'MS PGothic', sans-serif;
	font-weight:100;
}

.font2{
	font-family: 'Lato', 'Noto Sans Japanese', '????? Medium', '??????', 'Yu Gothic Medium', YuGothic, '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, '?? ?????', 'MS PGothic', sans-serif;
	font-weight:300;
}

.font3{
	font-family: 'Lato', 'Noto Sans Japanese', '????? Medium', '??????', 'Yu Gothic Medium', YuGothic, '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, '?? ?????', 'MS PGothic', sans-serif;
	font-weight:500;
}

.font4{
	font-family: 'Lato', 'Noto Sans Japanese', '????? Medium', '??????', 'Yu Gothic Medium', YuGothic, '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, '?? ?????', 'MS PGothic', sans-serif;
	font-weight:700;
}

.font5{
	font-family: 'Lato', 'Noto Sans Japanese', '????? Medium', '??????', 'Yu Gothic Medium', YuGothic, '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, '?? ?????', 'MS PGothic', sans-serif;
	font-weight:900;
}

/*=======================================*/

.tshadow{
	text-shadow;0px 0px 2px #000000;
}

/*=======================================*/

.face_fr{
	float:right;
	margin:-40px 0 0 0;
	text-align:center;
	display:inline-block;
}

.yosinari1{
	width:160px;
}

.profile_kikuti1{
	display:inline-block;
	width:200px;
	font-size:14px;
	border:1px solid #000000;
	padding:5px;
	text-align:left;
}

.text5_img_fr{
	float:right;
	width:300px;
	margin:-40px 0 0 0;
}

/*=======================================*/

.question_bg label{
	cursor:pointer;
}

.question_bg textarea{
	width:100%;
	height:100px;
	font-size:20px;
	line-height:1.4;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}

.question_bg input[type="radio"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}

.question_bg input[type=radio]:checked + .check {
    background: #ffc9ee;
    color: #cc0000;
}

.q_text_in1{
	width:250px;
	margin:-4px 0 0 10px;
	vertical-align:middle;
}

.q_text_in2{
	width:150px;
	margin:-4px 10px 0 0;
	vertical-align:middle;
}

.q_text_in3{
	width:672px;
	font-size:24px;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
	margin:0 auto 0;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
}

.q_text_in4{
	width:100px;
	margin:-4px 10px 0 0;
	vertical-align:middle;
	font-size:18px;
}

.question_bg2{
	width: 100%;
	border:#FFFFFF solid 1px;
	box-shadow: 0px 3px 3px 5px rgba(0,0,0,0.4);
	border-radius: 5px;
	margin: 0 auto 20px;
	padding:40px 0;
	background:;
}

.question_bg{
	width: 100%;
	background-color: #299AD1;
	border:#FFFFFF solid 1px;
	box-shadow: 0px 3px 3px 5px rgba(0,0,0,0.4);
	border-radius: 5px;
	margin: 0 auto 20px;
}

.question_bg th{
	width: 501px;
	text-align:left;
	padding:20px 0 20px 20px;
}

.question_bg td{
	text-align:left;
	padding:20px 20px 20px 20px;
	font-size:18px;
	color:#FFFFFF;
}

.form_button1{
	width:786px;
	margin:0 auto;
	height:140px;
	background:url("../../../image/member/button1.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.form_button1:hover{
	background:url("../../../image/member/button1_h.png") top center no-repeat;
}

.q_text1{
	font-size:14px;
	color:#FFFFFF;
	margin:0 auto 20px;
	text-align:center;
	padding:0;
}

.q_text2{
	font-size:14.5px;
	color:#FFF000;
	margin:0 auto 20px;
	text-align:center;
	padding:0;
	font-weight:bold;
}

.q_text3{
	font-size:14px;
	color:#FFFFFF;
	margin:20px auto 20px;
	text-align:left;
	padding:0;
	width:672px;
}

.hissu{
	background:#F92672;
	padding:0px 5px;
	color:#FFFFFF;
	font-weight:bold;
}

/*=======================================*/

.white{
	color:#FFFFFF;
}

/*=======================================*/

.pre_bg{
	width: 90%;
	background-color: #FFFFFF;
	background:url("../../../image/member/pre_bg1.png") top left no-repeat ,url("../../../image/member/pre_bg2.png") top right no-repeat ,url("../../../image/member/pre_bg4.png") bottom left no-repeat ,url("../../../image/member/pre_bg3.png") bottom right no-repeat , #FFFFFF;
	border:#FF7BAC solid 5px;
	box-shadow: 0px 3px 3px 5px rgba(0,0,0,0.4);
	border-radius: 5px;
	margin:100px auto 20px;
}

.pre_bg .text{
	width: 90%;
}

.pre_top{
	margin: -20px auto 0;
}

.pre_deco1{
	float:right;
	margin:-10px 50px 0 0;
}

/*=======================================*/

.form_button2{
	width:558px;
	margin:40px auto;
	height:90px;
	background:url("../../../image/member/button2.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.form_button2:hover{
	background:url("../../../image/member/button2_h.png") top center no-repeat;
}

/*=======================================*/

.sankaku1{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 60px 0 60px;
	border-color: #FFFFFF transparent transparent transparent;
	margin:0 auto;
}

.sankaku2{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 60px 0 60px;
	border-color: #FFFFFF transparent transparent transparent;
	margin:-20px auto 20px;
}

/*=======================================*/

.bg_line1{
	border:1px solid #000000;
	padding:2px 10px;
	line-height:1.6;
	display:inline-block;
	width:300px;
	text-align:center;
}

/*=======================================*/

.movie_size{
	width:660px;
	height:370px;/*0.562*/
}

/*=======================================*/

.trans{
	width:100%;
	height:100%;
}

/*=======================================*/
/*??*/
#holder{
	margin: 0 auto;
	background: url(../../../image/member/boll.png) 50% 50% no-repeat;
	width: 100%;
	height: 650px;
	margin:-30px auto;
	position: relative;
	animation: float_2979 3s linear infinite;
}

@keyframes float_2979 {
  0% { transform: translateY(0) }
  50% { transform: translateY(-10px) }
  100% { transform: translateY(0) }
}

#holder a text{
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

#holder a text:hover{
	font-size:30px;
	font-weight:bold;
}

#holder a{
	display:inline-block;
	cursor:pointer;
}

#holder a:hover{
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
}

.area-holder{
	width: 100%;
	height: 100%;
	position: relative;
}

.area-holder .yume{
	position: absolute;
	bottom:0;
	left: 0;
}

.area-holder .flash{
position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  margin: auto;
}

.dream_total_bg{
	display:inline-block;
	position:absolute;
	bottom:50px;
	right:20px;
}

.dream_total_sankaku{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent #FFFFFF transparent;
	margin:0 0 0 20px;
}

.dream_total{
	background:#FFFFFF;
	padding:10px;
	border-radius:5px;
}

.dream_total_text1{
	color:#ff519c;
	font-size:24px;
	font-weight:900;
}



#holder2{
	display:none;
}

/*=======================================*/

.move1 {
  width: 106px;
  height: 93px;
  position: absolute;
  left: 0%;
  top: 30%;
  border: none;
  transform-origin: 0 200%;
  opacity: 1;
  animation: move1 3s linear infinite;
}

@keyframes move1 {
  0% {transform: translateX(0) translateY(0) rotate(0deg) scale(0.5,0.5);opacity:0.2;}
  25% {transform: translateX(350px) translateY(-50px) rotate(0deg) scale(1,1);opacity:1;}
  50% {transform: translateX(700px) translateY(0) rotate(0deg) scale(0.5,0.5);opacity:0.2;}
  75% {transform: translateX(350px) translateY(50px) rotate(0deg) scale(0.2,0.2);opacity:0.2;}
  100% {transform: translateX(0) translateY(0px) rotate(0deg) scale(0.5,0.5);opacity:0.2;}
}

.role1{
	animation: rotate-anime 0.5s linear infinite;
}

@keyframes rotate-anime {
	0%  {transform: rotate(0);}
	100%  {transform: rotate(360deg);}
}

/*=======================================*/



#holder a text{
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

#holder a text:hover{
	font-size:30px;
	font-weight:bold;
}

#holder a{
	display:inline-block;
	cursor:pointer;
}

#holder a:hover{
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
}


#holder2{
	display:none;
}


/*=======================================*/

.img_shadow{
	filter: drop-shadow(0 5px 5px #000000);
}

/*=======================================*/

input.deco1 {

	border:2px solid #FFFFFF;
	font-size:22px;
	padding:10px;
	color:#FFFFFF;
	border-radius:10px;
	background-color: rgba(0,0,0,0.8);
	transition:all .10s;
	width:90%;
	text-align:center;
	margin:18px auto;
	font-weight:bold;
}

input.deco1::placeholder {
	color: #00FFFF;
	font-weight:normal;
}

input[type="text"]:focus {
	color: #292929;
	background-color: rgb(240, 240, 240);
	/* border: 2px solid #1abc9c;
	box-shadow: 0 0 7px #1abc9c; */
}

/*=======================================*/

.mydream_text_bg{
	font-family: 'Lato', 'Noto Sans Japanese', '????? Medium', '??????', 'Yu Gothic Medium', YuGothic, '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, '?? ?????', 'MS PGothic', sans-serif;
	font-size:22px;
	font-weight:700;
	color:#FFFFFF;
	letter-spacing:0.05em;
	margin:20px 0 0 0;
	padding:10px 5px;
	background:rgba(0,0,0,0.7);
	border-radius:10px;
	border:1px solid #999999;
}

.mydream_text_bg:last-child{
	margin-bottom:0px;
}

.mydream_text{
	display:inline-block;
}

.mydream_text_bg.after .mydream_text{
	-webkit-animation: text-pop-up-top 4.5s cubic-bezier(0.6, 0, 0.735, 0.045) both;
}

@-webkit-keyframes text-pop-up-top {
	0% {
		-webkit-transform: translateY(0) translateX(0) scale(1);
		-webkit-transform-origin: 50% 50%;
		opacity:1;
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
	}

	30% {
		-webkit-transform: translateY(-1150px) translateX(75px) scale(1.2);
		-webkit-transform-origin: 50% 100%;
		opacity:1;
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
	}

	100% {
		-webkit-transform: translateY(-1300px) translateX(75px) scale(0);
		-webkit-transform-origin: 50% 100%;
		opacity:0;
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
	}
}

.mydream_text_bg.end .anime_end{
	display:none;
}

.mydream_text_bg.end a.end_text{
	display:block;
	text-decoration: none;
	color: #ff6600;
	width: 90%;
	padding:15px;
	margin:0 auto;
	line-height: 1;
	border-radius: 40px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	font-weight: bold;
	background-image: -webkit-linear-gradient(#fed6e3 0%, #ffaaaa 100%);
	background-image: linear-gradient(#fed6e3 0%, #ffaaaa 100%);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.mydream_text_bg.end a.end_text:hover{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*?????*/
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    background-image: -webkit-linear-gradient(#fed6e3 0%, #ffbcbc 100%);
    background-image: linear-gradient(#fed6e3 0%, #ffbcbc 100%);/*???????????*/
}

.end_text{
	display:none;
}

.mydream_text_bg.end a.end_text.hide{
	display:none;
}

.mydream_text_bg.end .mydream_text{
	display:none;
}



.mydream_text_bg span.end_text_button:first-child{
	display:none;
}






.notclick{
	pointer-events: none;
}

.top_button2{
	width:122px;
	margin:-6px 0 0 10px;
	height:42px;
	background:url("../../../image/member/top_button2.png") top center no-repeat;
	border:none;
	display:inline-block;
	font-size:30px;
	cursor:pointer;
	vertical-align:middle;
}

.top_button2:hover{
	background:url("../../../image/member/top_button2_h.png") bottom center no-repeat;
	filter: drop-shadow(0 0 5px #000000);
}

.top_button4{
	width:58px;
	margin:-6px 0 0 0;
	height:42px;
	background:url("../../../image/member/top_button4.png") top center no-repeat;
	border:none;
	display:inline-block;
	font-size:30px;
	cursor:pointer;
	vertical-align:middle;
}

.top_button4:hover{
	background:url("../../../image/member/top_button4_h.png") bottom center no-repeat;
	filter: drop-shadow(0 0 5px #000000);
}

/*=======================================*/



.line-head {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aabfff+0,ffffff+100 */
	background: rgb(170,191,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(170,191,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(170,191,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(170,191,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aabfff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:2px 2px 0 2px;
	border-radius:10px 10px 0  0;
	margin:0 auto;
}

.line-head .heading {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0175b7+0,002f84+81,002f84+100 */
	background: rgb(1,117,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(1,117,183,1) 0%, rgba(0,47,132,1) 81%, rgba(0,47,132,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(1,117,183,1) 0%,rgba(0,47,132,1) 81%,rgba(0,47,132,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(1,117,183,1) 0%,rgba(0,47,132,1) 81%,rgba(0,47,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0175b7', endColorstr='#002f84',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 2px 3px rgba(0,16,109,0.4) inset;
	padding:24px 0;
	border-radius:10px 10px 0  0;
	margin:0 auto;
	color:#FFFFFF;
	text-shadow:
	1px 1px 0 #002f84,
	-1px -1px 0 #002f84,
	-1px 1px 0 #002f84,
	1px -1px 0 #002f84,
	0px 1px 0 #002f84,
	0-1px 0 #002f84,
	-1px 0 0 #002f84,
	1px 0 0 #002f84,
	0px 0px 10px rgba(0,162,216,1);
	font-size:34px;
	font-weight:bold;
	position:relative;
}

.line-head .heading span {
	font-size:34px;
	font-weight:bold;
	padding:0 0;
	margin:0 auto;
	display:block;
	color:#FFFFFF;
	text-shadow:
	1px 1px 0 #002f84,
	-1px -1px 0 #002f84,
	-1px 1px 0 #002f84,
	1px -1px 0 #002f84,
	0px 1px 0 #002f84,
	0-1px 0 #002f84,
	-1px 0 0 #002f84,
	1px 0 0 #002f84,
	0px 0px 10px rgba(0,162,216,1);
}


.line-head2 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aabfff+0,ffffff+100 */
	background: rgb(170,191,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(170,191,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(170,191,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(170,191,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aabfff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:2px 2px 0 2px;
	border-radius:0;
	margin:60px auto 0;
}

.line-head2 .heading {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0175b7+0,002f84+81,002f84+100 */
	background: rgb(1,117,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(1,117,183,1) 0%, rgba(0,47,132,1) 81%, rgba(0,47,132,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(1,117,183,1) 0%,rgba(0,47,132,1) 81%,rgba(0,47,132,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(1,117,183,1) 0%,rgba(0,47,132,1) 81%,rgba(0,47,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0175b7', endColorstr='#002f84',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 2px 3px rgba(0,16,109,0.4) inset;
	padding:24px 0;
	border-radius:0;
	margin:0 auto;
	color:#FFFFFF;
	text-shadow:
	1px 1px 0 #002f84,
	-1px -1px 0 #002f84,
	-1px 1px 0 #002f84,
	1px -1px 0 #002f84,
	0px 1px 0 #002f84,
	0-1px 0 #002f84,
	-1px 0 0 #002f84,
	1px 0 0 #002f84,
	0px 0px 10px rgba(0,162,216,1);
	font-size:34px;
	font-weight:bold;
}

.line-head2 .heading span {
	font-size:34px;
	font-weight:bold;
	padding:0 0;
	margin:0 auto;
	display:block;
	color:#FFFFFF;
	text-shadow:
	1px 1px 0 #002f84,
	-1px -1px 0 #002f84,
	-1px 1px 0 #002f84,
	1px -1px 0 #002f84,
	0px 1px 0 #002f84,
	0-1px 0 #002f84,
	-1px 0 0 #002f84,
	1px 0 0 #002f84,
	0px 0px 10px rgba(0,162,216,1);
}


h1, h2, .main-comm-title {
  background: linear-gradient(to right, #FFD54F, #FF8F00);
  color: #111;
  padding: 1rem;
  font-size: 50px;
  text-shadow: 1px 1px 2px #FFECB3;
  border-radius: 1rem;
  box-shadow: 0 4px 8px rgba(255, 152, 0, 0.4);
}



ul.history-menu {
/*  background-color: #E6E6E6;
*/  display: table;
  table-layout: fixed;
  text-align: center;
  width:96%;
  margin: 1rem auto 0 auto;
  border-radius: 0.5rem;
  padding: 0.3rem;
  filter: drop-shadow(0px 15px 15px rgba(0,0,0,0.4));

}
ul.history-menu li {
  border-right: 1px solid #fff;
  display: table-cell;
  vertical-align: middle;
  background-color: #3BA1D5;
  font-size: 1.4rem;
  color: #ffffff;
  position: relative;
}
ul.history-menu li:first-child {
  border-radius:  1rem 0 0 1rem;
}
ul.history-menu li:last-child {
  border-right: 0;
  border-radius: 0 1rem 1rem 0;
}
ul.history-menu li a {
	display: block;
	text-decoration: none;
	padding: 2rem 0;
	border: none;
	color: #000000;
	font-weight: bold;
	letter-spacing: 0;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0;
	border: none;
	text-decoration: none;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b6e2fd), color-stop(0.20, #91bae4), color-stop(0.50, #8fbff0), color-stop(0.51, #6ba8e4), color-stop(0.75, #87c2fb), color-stop(1.00, #bcf4fd));
	background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: linear-gradient(to bottom, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);

}

ul.history-menu li:first-child a {
  border-radius:  1rem 0 0 1rem;
}

ul.history-menu li:last-child a {
  border-radius: 0 1rem 1rem 0;
}

ul.history-menu li a:hover{
	cursor: pointer;
	transition: 0.5s ;
	background: #ffffff;
}

ul.history-menu li a.now {
	background: #ffdc51;
}

ul.history-menu li span.now-view{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #ff0000;
}


.heading-cover {
  width: 100%;
  margin: 6rem auto 2rem auto;
  padding: 1rem 0;
  font-family: sans-serif;
  font-size: 3rem;
  color:#356CCF;
}
.heading {
  margin: 1rem 0;
}
.heading-cover .heading {
  overflow: hidden;
  position: relative;
  padding-bottom: 0.3rem;
}
.heading-cover .heading span{
  padding-right: 1rem;
  line-height: 1.6;
}

.heading-cover .heading:before {
  content: "";
  border-bottom: 0.3rem solid #356CCF;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.heading-cover .heading:after {
  border-bottom: 3px solid #ddd;
  bottom: 0;
  content: "";
  position: absolute;
  width: 50rem;
  z-index: 1;
}

.area-p{
	position: relative;
	margin: 0 auto;
	width: 35rem;
	height: 35rem;
}

.area-p img.p-chan{
z-index: 9999;
position: absolute;
top:0;
left: 0;
}

.bluelight {
  display: table;
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bluelight a {
	pointer-events:none;
  display: table-cell;
  font-size: 3em;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  transition: background 1s, border-width 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), text-shadow 0.5s;
  color: #daf6ff;
  text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
  box-shadow: 0 0 0 rgba(10, 175, 230, 0), inset 0 0 0 rgba(10, 175, 230, 0);
  background-image: radial-gradient(center, ellipse cover, rgba(10, 175, 230, 0) 0%, rgba(10, 175, 230, 0) 90%);
  border: 0 dotted rgba(10, 175, 230, 0);
}
.bluelight a {
  color: #fff;
  text-shadow: 0 0 50px #0aafe6, 0 0 50px #0aafe6;
  background-image: radial-gradient(center, ellipse cover, rgba(10, 175, 230, 0.3) 0%, rgba(10, 175, 230, 0) 60%);
}
.bluelight:before, .bluelight:after, .bluelight a:before, .bluelight a:after {
  transition: 0.2s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 60px dashed transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bluelight:before {
  animation: rotate 20s linear 0s infinite;
  width: 180%;
  height: 180%;
  border: 3px dotted rgba(10, 175, 230, 0);
  z-index: -1;
}
.bluelight:after {
  animation: rotate 10s linear 0s infinite reverse;
  border: 80px dashed rgba(10, 175, 230, 0);
  width: 160%;
  height: 160%;
  z-index: -2;
}
.bluelight a:before {
  animation: rotate 5s ease-in-out 0s infinite alternate;
  width: 120%;
  height: 120%;
  border: 50px dashed rgba(10, 175, 230, 0);
}
.bluelight a:after {
  animation: rotate 5s linear 0s infinite;
  border: 18px dashed rgba(10, 175, 230, 0);
  width: 120%;
  height: 120%;
}
.bluelight:before {
  border-color: rgba(10, 175, 230, 0.3);
}
.bluelight:after {
  border-color: rgba(10, 175, 230, 0.1);
}
.bluelight a:before {
  border-color: rgba(10, 175, 230, 0.3);
}
.bluelight a:after {
  border-color: rgba(10, 175, 230, 0.3);
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}


#PageTopBtn {
display:none;/*一時的に非表示中*/
position: fixed;
bottom: 30px;
right: 30px;
font-size: 13px;
font-weight: bold;
z-index:10000;
}
#PageTopBtn a {
display: block;
text-decoration: none;
color: #fff;
background: #42C7D6;

/***じゃいさん追従************
background:url("../../../image/member/fes2021/pagetop_img.png") top center no-repeat;
background-size:100% 100%;
width:200px;
height:140px;
/***じゃいさん追従**************/

text-align: center;
border-radius: 50%;
outline: none;
width: 100px;
height: 100px;
padding: 38px 0;
}

#PageTopBtn a:hover {
text-decoration: none;

/***じゃいさん追従**************/
opacity:0.7;
/***じゃいさん追従**************/

/*background: #3553BA;*/
}



a.myButton {
	display: block;
	text-decoration: none;
	padding: 3rem 0;
	color: #000000;
	font-weight: bold;
	letter-spacing: 0;
	border: none;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(116, 151, 165, 0.9), inset 0 2px 0 rgba(255, 255, 255, 0.4);
	text-decoration: none;
	text-align: center;
	font-size: 3rem;
	border-radius: 6rem;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #00cddf), color-stop(1.00, #b7f2ff));
	background: -webkit-linear-gradient(#B3F0F5, #E8FBFF);
	background: -moz-linear-gradient(#B3F0F5, #E8FBFF);
	background: -o-linear-gradient(#B3F0F5, #E8FBFF);
	background: -ms-linear-gradient(#B3F0F5, #E8FBFF);
	background: linear-gradient(#B3F0F5, #E8FBFF);
}

a.myButton:hover{
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #00cddf), color-stop(1.00, #b7f2ff));
	background: -webkit-linear-gradient(#00cddf, #b7f2ff);
	background: -moz-linear-gradient(#00cddf, #b7f2ff);
	background: -o-linear-gradient(#00cddf, #b7f2ff);
	background: -ms-linear-gradient(#00cddf, #b7f2ff);
	background: linear-gradient(#00cddf, #b7f2ff);
}

/*=======================================*/

.title_bg1{
	background:#0163AA;
	width:745px;
	height:67px;
	margin:40px auto 20px;
	padding:4px 1px 1px 1px;
	font-family: 'Lato', 'Noto Sans Japanese', '????? Medium', '??????', 'Yu Gothic Medium', YuGothic, '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, '?? ?????', 'MS PGothic', sans-serif;
	font-weight:900;
	font-size:34px;
text-shadow: 1px 1px 0 #002f84, -1px -1px 0 #002f84, -1px 1px 0 #002f84, 1px -1px 0 #002f84, 0px 1px 0 #002f84, 0-1px 0 #002f84, -1px 0 0 #002f84, 1px 0 0 #002f84, 0px 0px 10px rgba(0,162,216,1);
    font-size: 34px;
    font-weight: bold;
    color:#FFFFFF;
}

/*=======================================*/

.contents {
	width: 90%;
	margin: 30px auto 0;
	overflow: hidden;
	text-align: left;
	position: relative;
}

.contents ul{
	display: flex;
	width: 100%;
	margin: 0 auto;
}

.contents ul li{
	display: inline-block;
	width: calc(100% / 3) ;
}

.contents ul li:nth-child(even){
	margin: 0 1.5rem;
}

.contents ul,
.contents ul li{
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
}

.contents ul li a:hover{
	opacity: 0.7;
}

.contents .contents_link_bt1{
	margin-bottom:1rem;
	display:block;
}

.contents .contents_link_bt2{
	width:100%;
}

.contents .contents_link_bt1 img{
	width:100%;
	max-width:223px;
}

.contents_link_bt_bg1{
	max-width:1257px;
	animation: hikariboxmove 2s linear infinite;
	display:block;
	margin-right:auto;
	margin-left:auto;
}

.boxhowanhowan{
	animation: hikariboxmove 2s linear infinite;
}

@keyframes hikariboxmove {
	0% {box-shadow:0px 0px 0px 0px rgba(255,120,0,1);}
	40% {box-shadow:0px 0px 0px 0px rgba(255,120,0,1);}
	50% {box-shadow:0px 0px 12px 7px rgba(255,120,0,0.67);}
	100% {box-shadow:0px 0px 0px 0px rgba(255,120,0,1);}
}

.boxhowanhowan2{
	animation: hikariboxmove2 2s linear infinite;
}

@keyframes hikariboxmove2 {
	0% {box-shadow:0px 0px 0px 0px rgba(0, 255, 221, 1);}
	40% {box-shadow:0px 0px 0px 0px rgba(0, 255, 221, 1);}
	50% {box-shadow:0px 0px 12px 7px rgba(0, 255, 221, 0.67);}
	100% {box-shadow:0px 0px 0px 0px rgba(0, 255, 221, 1);}
}

.contents .contents_text1{
	color:#000000;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	padding:0;
	margin:10px auto;
}

.contents .contents_text1 br{
	line-height:1.4;
}

.contents .sankaku{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 25px 0 25px;
	border-color: #007bff transparent transparent transparent;
	display:block;
	margin:0 auto;
}

/*=======================================*/

.member-fav{
	color: #517700;
	padding: 2rem 1rem 1rem 1rem;
	background-color: #212121;
}

p.title-fav{
	width: auto;
	font-size: 2.5rem;
	padding: 1rem 5rem 0rem 2rem;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	background-color: #212121;
	display: inline-block;
}

ul.fav-list{
	width: 100%;
}


ul.fav-list li img{
	border-radius: 0.5rem;
	vertical-align: middle;
	margin-right: 1rem;
	width:30px;
}

ul.fav-list li {
	display: inline-block;
	width: 32.5% ;
	margin-bottom: 1rem;
	border: 0.1rem solid #d3d3d3;
}

ul.fav-list a {
	padding: 1.5rem;
	background-color: #ffffff;
	font-weight: bold;
	display: block;
	position: relative;
	text-align: left;
	font-size:0.7em;
}

ul.fav-list a:hover {
	background-color: rgba(255,255,255,0.9);
}


ul.fav-list a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 3rem;
	height: 3rem;
	background-color: #E52020;
	border-radius: 5rem;
}

ul.fav-list a::after {
	display: block;
	content: "";
	position: absolute;
	top: 44%;
	right: 2.2rem;
	vertical-align: middle;
	width: 0;
	height: 0;
	margin: 0rem 0 0 0;
	border-top: 1rem solid #ffffff;
	border-left: 1rem solid transparent;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.non-item {
	padding: 1px;
	background: #212121;
}

.non-item > div {
	padding: 1rem;
	background: #fff;
	font-size: 2rem;
}

/*=======================================*/

/* ????????????????? */

span[data-badge-bottom-right]{
	display: inline-block;
	position: relative;
}

/* ????? */

span[data-badge-bottom-right]:before {
	width: 3.3rem;
	height: 3.3rem;
	color: #ffffff;
	line-height: 31px;
	font-size: 20px;
	vertical-align: middle;
	display: inline-block;
	background-color: #E52020;
	border-radius: 50%;
	text-align:center;
	border: 0.2rem solid #fff;
	text-shadow:none;
	content: attr(data-badge-bottom-right)"";
	margin: -5px 10px 0 0;
}

/*=======================================*/

p.title-information{
	width: auto;
	font-size: 2.5rem;
	text-align: left;
	display:inline-block;
}

.information{
	width: 95%;
	background-color: #212121;
	text-align: left;
	font-size: 1.4rem;
	padding: 2rem 2rem 2rem 2rem;
	overflow: scroll;
	overflow-x: hidden;
	height: 300px;
	margin:0 auto 0;
	border:1px solid #212121;
}

.information p{
	padding-top: 0rem;
}

.information .area-info{
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 2rem;
	word-wrap: break-word;
}

.information .area-info:last-child{
	margin-bottom: 0;
}

.information .info-title{
	font-weight: bold;
	font-size: 1.8rem;
}

.information .info-title img{
	width: 2.5rem;
	margin-right: 0.7rem;
	margin-bottom:1rem;
	margin-left:0.5rem;
	border-radius: 0.5rem;
	vertical-align:middle;
}

.information .info-title .info-u,
.information .info-title .info-c,
.information .info-title .info-d,
.information .info-title .info-h,
.information .info-title .info-t{
	color: #ffffff;
	font-size: 1.5rem;
	padding: 5px 10px 1px;
	display: block;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
}

.information .info-title .info-u{
	background-color: #E52020;
}

.information .info-title .info-c{
	background-color: #FF8D00;
}
.information .info-title .info-d{
	background-color: #A59F83;
}
.information .info-title .info-h{
	background-color: #dbc316;
}
.information .info-title .info-t{
	background-color: #ff578d;
}


.information .area-info a{
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.information .area-info a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2.5rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 2rem;
	height: 2rem;
	background-color: #E52020;
	border-radius: 5rem;
}

.information .area-info a::after {
	display: block;
	content: "";
	position: absolute;
	top: 35%;
	right: -1.7rem;
	vertical-align: middle;
	width: 0;
	height: 0;
	margin: 0rem 0 0 0;
	border-top: 0.7rem solid #ffffff;
	border-left: 0.7rem solid transparent;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}



/*=======================================*/

.top_res_bg{
	width:90%;
	margin:30px auto 20px;
}

.top_res_bg:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.top_res_head{
	margin:5px auto 20px;
}

.top_res_hit_bg{
	width:49%;
	height:220px;
	margin:0 auto;
	float:left;
	border:1px solid #FFFFFF;
	background:rgba(0,0,0,0.7);
	overflow-y:scroll;
}

.top_res_hit{
	margin:10px;
	padding-bottom:10px;
	position:relative;
	border-bottom:1px dashed #999999;
}

.top_res_hit:last-child{
	border:none;
	padding-bottom:0;
}

.top_res_hit:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.top_res_hit p{
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	padding:0;
	float:right;
	width:77%;
}

.top_res_voice_bg{
	width:49%;
	height:220px;
	margin:0 auto;
	float:right;
	border:1px solid #FFFFFF;
	background:rgba(0,0,0,0.7);
	overflow-y:scroll;
}

.top_res_voice{
	margin:10px;
	padding-bottom:10px;
	position:relative;
	border-bottom:1px dashed #999999;
}

.top_res_voice:last-child{
	border:none;
	padding-bottom:0;
}

.top_res_voice:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.top_res_voice p{
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	padding:0;
	float:right;
	width:77%;
}

.user_voice a{
	background:#0061B2;
	padding:0px 5px 2px;
	color:#FFFFFF;
	border-radius:5px;
}

.user_voice a:hover{
	background:#52aef9;
}

.top_res_bg .user_icon{
	float:left;
	width:21%;
}

.top_res_bg .number{
	position:absolute;
	top:0;
	right:0;
	background:#FFFFFF;
	padding:2px 5px 2px;
	line-height:1;
	font-size:14px;
}

.kensyu{
	border:1px solid #FFFFFF;
	padding:0 2px;
	margin:0 5px 0 0;
}

/*=======================================*/
/*=======================================*/
/*=======================================*/
/*=======================================*/
/*=======================================*/
/*=======================================*/
/*=======================================*/
/*=======================================*/
/*=======================================*/











/*===========movie1.2.3 css==============*/

/*?????CSS????????P????????????*/
.bg_line1{
	border:1px solid #000000;
	padding:2px 10px;
	line-height:1.6;
	display:inline-block;
	width:300px;
	text-align:center;
}

/*?????CSS????????P????????????*/

.sub-head {
	width:100%;
	margin:100px auto 0;
	background:#fff000;
	padding:30px 0;
	border-top:3px solid #ffb6c1;
	border-left:8px solid #ff69b4;
	border-right:8px solid #ff69b4;
	border-bottom:15px solid #F92672;
	border-radius:10px;
	text-align:center;
}



.sub-text{
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
}

.sub-text img{width:90%;}

.sp { display: none !important; }

/*????P???????*/

.lust-m{
	width:100%;
	margin:80px auto 0;
	background:#ffffe0;
	border-radius:20px;
	padding:50px 50px;
	text-align:left;
}

.button3{
	width:365px;
	margin:0px auto;
	height:82px;
	background:url("../../../image/member/button3.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.button3:hover{
	background:url("../../../image/member/button3_h.png") top center no-repeat;
}


.button3-2{
	width:100%;
	margin:0px auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #ffad00), color-stop(0.00, #ff0));
	background: -webkit-linear-gradient(top, #ff0 0%, #ffad00 99%);
	background: -moz-linear-gradient(top, #ff0 0%, #ffad00 99%);
	background: -o-linear-gradient(top, #ff0 0%, #ffad00 99%);
	background: -ms-linear-gradient(top, #ff0 0%, #ffad00 99%);
	background: linear-gradient(to bottom, #ff0 0%, #ffad00 99%);
	padding: 2rem;
	border-radius: 6rem;
	border:0.3rem solid #0000FF;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.button3-2:hover{
	opacity: 0.5;
}

.button4{
	width:365px;
	margin:0px auto;
	height:82px;
	background:url("../../../image/member/button4.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.button4:hover{
	background:url("../../../image/member/button4_h.png") top center no-repeat;
}



.button5{
	width:365px;
	margin:0px auto;
	height:82px;
	background:url("../../../image/member/button5.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.button5:hover{
	background:url("../../../image/member/button5_h.png") top center no-repeat;
}


.next-m{
	width:650px;
	margin:80px auto 0;
	border:1px solid #dcdcdc;
	padding:20px;
	background:#ffffcc;
	border-radius:30px;
}

a.next_movie{
	width:350px;
	height:100%;
	padding:20px 15px;
	margin:0 auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5000e), color-stop(0.00, #ffa4cc));
	background: -webkit-linear-gradient(#ffa4cc, #f5000e);
	background: -moz-linear-gradient(#ffa4cc, #f5000e);
	background: -o-linear-gradient(#ffa4cc, #f5000e);
	background: -ms-linear-gradient(#ffa4cc, #f5000e);
	background: linear-gradient(#ffa4cc, #f5000e);
	display:block;
	border:1px solid #330d00;
	border-radius:20px;
	font-size:20px;
	color:#fff;
	font-weight:bold;
}


a.next_movie:hover{
	width:350px;
	margin:0 auto;
	background:#fff000;
	display:block;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #ff9f80;
	color:#ff9f80;
	font-weight:bold;
}

a.link-jump{
	width:580px;
	height:100%;
	padding:20px 15px;
	margin:0 auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5000e), color-stop(0.00, #ffa4cc));
	background: -webkit-linear-gradient(#ffa4cc, #f5000e);
	background: -moz-linear-gradient(#ffa4cc, #f5000e);
	background: -o-linear-gradient(#ffa4cc, #f5000e);
	background: -ms-linear-gradient(#ffa4cc, #f5000e);
	background: linear-gradient(#ffa4cc, #f5000e);
	display:block;
	border:1px solid #330d00;
	border-radius:20px;
	font-size:30px;
	color:#fff;
	font-weight:bold;
}

a.link-jump:hover{
	width:580px;
	margin:0 auto;
	background:#fff000;
	display:block;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #ff9f80;
	color:#ff9f80;
	font-weight:bold;
}


/*????P???????*/






.sankaku-blk{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 60px 0 60px;
	border-color: #000 transparent transparent transparent;
	margin:0 auto;
}

.sankaku3{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 60px 0 60px;
	border-color: #F92672 transparent transparent transparent;
	margin:0px auto 20px;
}

.mini-sub{
	box-shadow:0px 1px 21px 2px #f794c4 inset;
	border-radius:40px 40px 40px 40px ;
	border:3px outset #cccccc;
	text-align:center;
}


/*---??3??----*/

.youkou{
	background: url(../../../image/member/bg1.jpg) top center no-repeat fixed #00001D;
	border-radius:30px;
	padding:5px;
}

.mf-th1{
	width:20%;
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0001eb), color-stop(0.79, #202bff), color-stop(0.00, #75fffd));
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -webkit-linear-gradient(top, #75fffd 0%, #202bff 79%, #0001eb 100%);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -moz-linear-gradient(top, #75fffd 0%, #202bff 79%, #0001eb 100%);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -o-linear-gradient(top, #75fffd 0%, #202bff 79%, #0001eb 100%);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -ms-linear-gradient(top, #75fffd 0%, #202bff 79%, #0001eb 100%);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, linear-gradient(to bottom, #75fffd 0%, #202bff 79%, #0001eb 100%);
	color:#fff;
	text-align:center;
	font-size:50px;
	padding:20px 0;
	border-radius: 30px 30px 0px 0px / 30px 30px 0px 0px
}

.mf-td1{
	width:80%;
	background:rgb(255,255,255,0.65);
	color:#000;
	padding:20px;
	font-size:16px;
	border-radius: 0px 30px 0px 0px / 0px 30px 0px 0px
}


.mf-th2{
	width:20%;
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1423ff), color-stop(0.00, #202bff));
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -webkit-linear-gradient(#202bff, #1423ff);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -moz-linear-gradient(#202bff, #1423ff);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -o-linear-gradient(#202bff, #1423ff);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -ms-linear-gradient(#202bff, #1423ff);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, linear-gradient(#202bff, #1423ff);
	color:#fff;

	text-align:center;
	font-size:22px;

}

.mf-td2{
	width:80%;
	background:rgba(255,255,255,0.8);
	color:#000;
	padding:20px;
	font-size:16px;
}



.mf-th3{
	width:20%;
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4c57e6), color-stop(1.00, #4c57e6), color-stop(0.45, #4651e9), color-stop(0.00, #202bff));
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -webkit-linear-gradient(top, #202bff 0%, #4651e9 45%, #4c57e6 100%, #4c57e6 100%);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -moz-linear-gradient(top, #202bff 0%, #4651e9 45%, #4c57e6 100%, #4c57e6 100%);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -o-linear-gradient(top, #202bff 0%, #4651e9 45%, #4c57e6 100%, #4c57e6 100%);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, -ms-linear-gradient(top, #202bff 0%, #4651e9 45%, #4c57e6 100%, #4c57e6 100%);
	background: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat, linear-gradient(to bottom, #202bff 0%, #4651e9 45%, #4c57e6 100%, #4c57e6 100%);
	color:#fff;

	text-align:center;
	font-size:22px;
	border-radius: 0px 0px 0px 30px / 0px 0px 0px 30px

}

.mf-td3{
	width:80%;
	background:rgba(255,255,255,0.8);
	color:#000;
	padding:20px;
	font-size:16px;
	border-radius: 0px 0px 30px 0px / 0px 0px 30px 0px
}

/*---??3??----*/



/*---??3????----*/



.m-form{
	width:650px;
	background:#ffd9b3;
	margin:50px auto;
	border-radius:30px;
	padding:5px;
}

.monit_bg2{
	width:640px;
	background:#ffffe6;
	margin:0px auto;
	border-radius:30px;
	padding-bottom:30px;
}

.mf-tit{
		background:#fff000;
		border-radius: 30px 30px 0px 0px / 30px 30px 0px 0px
}


.form_button1{
	width:786px;
	margin:0 auto;
	height:140px;
	background:url("../../../image/member/button1.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.form_button1:hover{
	background:url("../../../image/member/button1_h.png") top center no-repeat;
}

.mf_text1{
	font-size:14px;
	color:#FFFFFF;
	margin:0 auto 20px;
	text-align:center;
	padding:0;
}

.mf_text2{
	font-size:14.5px;
	color:#000;
	margin:0 auto 20px;
	text-align:center;
	padding:0;
	font-weight:bold;
}

.mf_text3{
	font-size:14px;
	color:#FFFFFF;
	margin:20px auto 20px;
	text-align:left;
	padding:0;
	width:672px;
}


.mf_text_in3{
	width:640px;
	font-size:24px;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
	margin:0 auto 0;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
}

.mf_text_coment{
	width:640px;
	height:120px;
	font-size:24px;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
	margin:0 auto 0;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
}

.mf_button{
	width:615px;
	margin:0px auto;
	height:145px;
	background:url("../../../image/member/mf_button.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.mf_button:hover{
	background:url("../../../image/member/mf_button_h.png") top center no-repeat;
}

/*---??3????----*/

/*??3??*/
.circle01{
	background:#262626;
	border-radius:20px;
	color:#ffff99;
	padding:5px;
}

.circle02{
	background:#262626;
	border-radius:20px;
	color: #ff99ff;
	padding:5px;
}


.border-u01{
	border-bottom:1px solid;
}
/*??3??*/

/*------------------------------??3-----------------------------------*/

/*??1.2.3?thanks*/

.thanks-p{
	width:25%;
}
/*??1.2.3?thanks*/

/*------------------------------????-----------------------------------*/

.main_thanks{
	padding:30px 0 0;
}

.main_thanks p{
	/*text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #000;*/
	color:#333;
}

.main_thanks .info-login tr td{
	/*text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #000;*/
	background:#f1f1d7;
}

.thanks_top{
	font-size:100px;
	font-weight:900;
	font-family: 'Lato', 'Noto Sans Japanese', '????? Medium', '??????', 'Yu Gothic Medium', YuGothic, '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, '?? ?????', 'MS PGothic', sans-serif;
	color:#00FDFE;
	line-height:1;
	text-shadow:0 0 1px #000,0 0 5px #000;
	-webkit-text-stroke: 2px #000;
	/*animation: kakudai 2s linear;*/
}

@keyframes kakudai {
  0% { transform: scale(0.5); opacity: 0;}
  100% { transform: scale(1); opacity: 1;}
}

.info-login {
	width: 745px;
    margin: 20px auto 0;
    padding: 0;
    border-spacing: 1rem;
}

.info-login tr th {
    text-align: center;
    padding: 0 1rem;
    height: 5rem;
    background:#f7f94d;
    font-weight:normal;
}

.info-login tr td {
    background: #ffffff;
    padding: 0 1rem;
    font-size: 2rem;
    width:55%;
    font-weight:bold;
}

.info-login tr td.arrow {
    background: none;
    width:10px;
}

.login-arrow {
	text-align: center;
	margin:0 auto 30px;
}

.login-arrow2 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #ff4040;
	display:inline-block;
}

.main_thanks_textbg1{
	border:1px solid #00FDFE;
	background:rgba(0,0,0,0.7);
	width:745px;
	margin:0 auto;
}

.main_thanks_textbg1 p{
	text-align:center;
	padding:0;
	margin:5px;
	font-size:20px;
	color:#00FDFE;
}

/*------------------------------??4-----------------------------------*/
/*??4??*/

#animation {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:3s;
 -ms-animation-duration:3s;
 animation-duration:3s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  50% { opacity: 0; -webkit-transform: translateY(-10px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.sub-head2 {
	width:100%;
	margin:100px auto 0;
	background:#fff000;
	padding:10px 0;
	border-top:3px solid #ffb6c1;
	border-left:8px solid #ff69b4;
	border-right:8px solid #ff69b4;
	border-bottom:15px solid #F92672;
	border-radius:10px;
	text-align:center;
}

.m-voice{
	width:650px;
	background:#e6ffe6;
	border:1px solid #009933;
	margin:30px auto;
	padding:20px;
	border-radius:10px;
}

.m-tit{
	width:30%;
	background: #00b300;
	text-align:center;
	color:#fff;
}

.m-name{
	font-weight:bold;
	font-size:25px;
	text-align:left;
	border-bottom:2px solid #00b300;
	padding-left:15px;
}



.under-b{ border-bottom:1px solid;}

.of_button{
	width:615px;
	margin:0px auto;
	height:145px;
	background:url("../../../image/member/of_button.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.of_button:hover{
	background:url("../../../image/member/of_button_h.png") top center no-repeat;
}


.button6{
	width:365px;
	margin:0px auto;
	height:82px;
	background:url("../../../image/member/button6.png") top center no-repeat;
	border:none;
	display:block;
	font-size:30px;
	cursor:pointer;
}

.button6:hover{
	background:url("../../../image/member/button6_h.png") top center no-repeat;
}

.frame {
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	height:100%;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}


/*動画4追加*/
/*------------------------------動画4-----------------------------------*/



/*------------------------------動画4.5LP-----------------------------------*/
/*動画4.5追加*/
a.ub_button:hover {
	opacity: 0.5;
}

.contents45 {
	margin:0 auto ;
	width: 100%;
	max-width:840px;
	background:#FFFFFF;
	padding: 0 40px;
	text-align: left;
}

div.subhead1 > img ,div.subhead2 > img ,div.subhead3 > img {
	max-width: 840px;
	width: 100%;
}

/* 4.5LP ヘッダー */
.header45_bg {
	width:100%;
	height: 800px;
	background:url("../../../image/member/header45_1.jpg") top center no-repeat;
	margin:0 auto;
	background-color: #010101;
}
/* 4.5LP ヘッダー */

/* 4.5LP 吹き出しメッセージ部分 */
.monitor_box {
	text-align: left;
    width: 590px;
    margin: 0 auto;
}

.balloon2-left {
 	position: relative;
	display: inline-block;
 	margin: 1em 0 1em 15px;
	padding: 30px;
	min-width: 120px;
 	max-width: 100%;
    font-weight: normal;
    color: #000;
	background: #f5f5f5;
 	border: solid 3px #555;
 	box-sizing: border-box;
 	text-align: left;
}

.balloon2-left:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #f5f5f5;
 	z-index: 2;
}

.balloon2-left:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #555;
 	z-index: 1;
}

.balloon2-left p {
	margin: 0;
	padding: 0;
}

.monitor_bg {
    background-image: url(../../../image/member/monitor.png);
    background-repeat: no-repeat;
    background-size: 65px;
    padding-left: 72px;
    background-position: center left;
}
/* 4.5LP 吹き出しメッセージ部分 */

/*4.5LP実績テーブル*/
div.resbg {
	width: 100%;
	background-color: #fff2bf;
    border: 1px solid #f3cc36;
    margin: 0 auto;
}

div.resdays {
    background-color: #ffeb9b;
    text-align: center;
}

table.moniresu {
	margin: 0 auto 10px;
	border-collapse: collapse;
}

table.moniresu th {
	padding: 8px 5px 5px 5px;
	border: 1px solid #000000;
	text-align: center;
	line-height: 1;
	background: #fff;
	color: #000;
}

table.moniresu td {
	padding: 8px 5px 5px 5px;
	border: 1px solid #000000;
	text-align: center;
    font-weight: bold;
    font-size: 25px;
    color: red;
    background-color: #FFFFE7;
    width: 200px;
}

tr.mi td {
	color:#2a4bca;
	background-color: #efefef;
}

table.moniresu tr td:nth-of-type(1) {
    color: #000;
    font-size: 16px;
    width: 150px;
    background-color: #ffffcc;
}

table.moniresu tr td:nth-of-type(2) {
    width: 130px;
}

table.moniresu tr td:nth-of-type(3) {
    width: 170px;
}

table.moniresu tr td:nth-of-type(4) {
    width: 130px;
}
/*4.5LP実績テーブル*/

/*------------------------------動画4.5LP-----------------------------------*/

/*------------------------------プラチナルーム準備-----------------------------------*/

.pla_header1 {
	background:url("../../../image/member/pla_header1.png") top center no-repeat;
	width:100%;
	height:530px;
	padding:1px;
	margin:0 auto 0;
}

.pla_content-back{
	width:420px;
	margin:-200px auto 0;
	padding: 1px 0 10px;
	background:
	url("../../../image/member/pla_main_bg_side.png") top left repeat-y ,
	url("../../../image/member/pla_main_bg_side.png") top right repeat-y ,
	url("../../../image/member/pla_main_bg_up.png") top repeat-x ,
	url("../../../image/member/pla_main_bg_up.png") bottom repeat-x ,
	rgba(0,0,0,0.5);
	box-shadow:0 0 10px #000000;
}

.p_no_bg{
	margin:0 auto;
	font-family: 'Noto Serif JP', sans-serif;
	color:#FFFFFF;
	text-align:left;
}

.p_no_bg th{
	font-weight:normal;
}

.pla_content-back p{
	color:#FFFFFF;
}

.u-name{
	font-family: 'Noto Serif JP', sans-serif;
}
.u-name2{
	font-family: 'Noto Serif JP', sans-serif;
}

/*------------------------------プラチナルーム準備-----------------------------------*/

/*------------------------------うまとみトップ実績と声_もっと見るボタン-----------------------------------*/

a.res_more {
	width:100%;
	max-width: 404px;
    text-align: center;
	background: url("../../../image/member/more_icon.png") right 13px center no-repeat, #eeeeee; /* Old browsers */
	background: url("../../../image/member/more_icon.png") right 13px center no-repeat, -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
	background: url("../../../image/member/more_icon.png") right 13px center no-repeat, -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("../../../image/member/more_icon.png") right 13px center no-repeat, linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border-radius: 10px;
    height: 43px;
    line-height: 39px;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-weight: 900;
    font-size: 1.8rem;
    border: 2px solid #ffffff;
    box-sizing: border-box;
}

a.res_more:hover {
    background:#999999;
}

/*------------------------------うまとみトップ実績と声_もっと見るボタン-----------------------------------*/

/*------------------------------実績と声全一覧版-----------------------------------*/

.betsu_top_res_bg {
    width: 780px;
    margin: 0px auto 0px;
    text-align: center;
}

.betsu_top_res_voice_bg {
	height: 660px;
	    width: 49%;
	margin: 0 auto;
    float: right;
    border: 1px solid #FFFFFF;
    background: rgba(0,0,0,0.7);
    overflow-y: scroll;
}

.betsu_top_res_hit_bg {
	width:49%;
	height: 660px;
	margin:0 auto;
	float:left;
	border:1px solid #FFFFFF;
	background:rgba(0,0,0,0.7);
	overflow-y:scroll;
}

.betsu_top_res_bg .user_icon{
	float:left;
	width:21%;
}

.betsu_top_res_bg .number{
	position:absolute;
	top:0;
	right:0;
	background:#FFFFFF;
	padding:2px 5px 2px;
	line-height:1;
	font-size:13px;
}

a.closein {
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
}

a.closein:hover {
	color: #03A9F4;
	text-decoration: underline;
}

a.closein:active {
	color: #03A9F4;
	text-decoration: none;
	border: 1px dotted #03A9F4;
}

/*------------------------------実績と声全一覧版-----------------------------------*/

/*------------------------------感謝祭用-----------------------------------*/

.header_fes1{
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	margin:0 0;

}

.fes_text2{
	margin:0 auto -12px;
	max-width:260px;
}

.fes_text2_bottom{
	margin:-20px auto 6px;
	max-width:260px;
}

.fes_iv_scd_bg br{
	line-height:auto;
}

.fes_iv_scd_bg .logo_futi{
	width:240px;
}

.fes_iv_scd_bg{
	background:
	url("../../../image/member/fes1912/fes19_bg1.png") no-repeat top center,
	url("../../../image/member/fes1912/fes19_bg3.png") no-repeat bottom center,
	url("../../../image/member/fes1912/fes19_bg2.png") repeat-y top center;
	background-size:100%;
	margin:0 auto;
	width:100%;
	max-width:745px;
	padding: 30px 20px;
}

.fes_iv_scd_bg_2301 br{
	line-height:auto;
}

.fes_iv_scd_bg_2301 .logo_futi{
	width:240px;
}

.fes_iv_scd_bg_2301{
	margin:0 auto;
	width:100%;
	max-width:745px;
	padding: 30px 20px;
}

.fes_iv_scd_bg2{
	background:
	url("../../../image/member/fes1912/fes19_bg1.png") no-repeat top center,
	url("../../../image/member/fes1912/fes19_bg3.png") no-repeat bottom center,
	url("../../../image/member/fes1912/fes19_bg2.png") repeat-y top center;
	background-size:100%;
	margin:0 auto;
	width:100%;
	padding: 30px 40px;
}
/*** 2021 fes 前夜祭 **********************/
.fes_zenya_bg{
	background:
	url("../../../image/member/fes2021/zenya_top.png") no-repeat top center,
	url("../../../image/member/fes2021/zenya_bottom.png") no-repeat bottom center,
	url("../../../image/member/fes2021/zenya_middle.png") repeat-y top center;
	background-size:100%;
	margin:1rem auto 1rem auto;
	width:100%;
	max-width:745px;
	padding: 30px 40px;
}
.fes_zenya_bg2{
	background:
	url("../../../image/member/fes2021/2021zenya_bottom.png") no-repeat top center,
	url("../../../image/member/fes2021/2021zenya_bottom.png") no-repeat bottom center,
	url("../../../image/member/fes2021/2021zenya_middle.png") repeat-y top center;
	background-size:100%;
	margin:0 auto 1rem auto;
	width:100%;
	padding: 10px 6px;
}

.fes_zenya_con{
	background:#222;
	border:2px solid #F3E8C7;
	border-radius:10px 10px 0 0;
	padding:0;
	display:block;
	width:100%;
	max-width:672px;
	margin:0 auto;
	text-align:center;
	line-height:1.4;
	color:#fcfcfc;
	position:relative;
	box-shadow: 0 -2px 6px 3px rgba(0,0,0,0.3) inset , 0 2px 8px 1px rgba(0,0,0,0.5);
}

.fes_zenya_con2{
	background:#fcfcfc;
	border:2px solid #ccc;
	padding:10px;
}
/*** 2021 fes 前夜祭 **********************/


.fes_iv_con_bg{
	background:#FFF;
	border:2px solid #8b0000;
	border-radius:10px;
	padding:15px 0 20px;
	display:block;
	width:100%;
	max-width:672px;
	margin:0 auto;
	text-align:center;
	line-height:1.4;
	color:#333;
	position:relative;
	box-shadow: 0 -2px 6px 3px rgba(0,0,0,0.3) inset , 0 2px 8px 1px rgba(0,0,0,0.5);
	/*letter-spacing:-0.05em;*/
}

.fes_iv_con_bg2{
	background:#FFF;
	border:2px solid #8b0000;
	border-radius:0;
	padding:10px 0 10px;
	display:block;
	width:100%;
	max-width:672px;
/***前夜祭デザインなし********
	margin:0 auto 0;
/***前夜祭デザインなし*********/
	margin:-8px auto 0;

	line-height:1.2;
	color:#000;
	position:relative;
	box-shadow: 0 -0 6px 3px rgba(0,0,0,0.3) inset;
}

.fes_iv_con_bg2 .main_text{
	margin:20px;
	font-size:14px;
}

.fes_iv_con_bg2 .main_text.m0{
	margin:0 20px 0 20px;
}

.fes_iv_con_bg2 .main_text.m60{
	margin:60px 20px 20px 20px;
}



.res_iv_ribon_right{
	position:absolute;
	top:0;
	right:0;
	width:100px;
}

.res_iv_ribon_left{
	position:absolute;
	top:0;
	left:0;
	width:100px;
}

.fes_iv_text1{
	max-width:400px;
	width:90%;
	margin-bottom:10px;
}

.fes_iv_con_mg{
	margin:10px auto 0;
}

.fes_iv_con_bg2_top{
	background: #fae44b;
	border: 2px solid #8b0000;
	  border-bottom-color: rgb(139, 0, 0);
	  border-bottom-style: solid;
	  border-bottom-width: 2px;
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	margin: 30px 0 0;
	padding: 15px;
	text-align: center;
	box-shadow: 0px -2px 4px 4px rgba(142, 104, 18, 0.35) inset;
	position: relative;
	color: #333;
}

.fes_iv_con_bg2_top p{
	padding:0;
}

.fes_iv_con_bg2_top p.fs25{
	font-weight:bold;
	font-size:20px;
}

.logo_futi{
filter:
	drop-shadow(1px 1px 0 #ffffff)
	drop-shadow(-1px 1px 0 #ffffff)
	drop-shadow(1px -1px 0 #ffffff)
	drop-shadow(-1px -1px 0 #ffffff)
	drop-shadow(1px 0px 0 #ffffff)
	drop-shadow(0px 1px 0 #ffffff)
	drop-shadow(-1px 0px 0 #ffffff)
	drop-shadow(0px -1px 0 #ffffff);
;
	margin-top:1rem;
}

.fes_waku1{
	background:
	url(../../../image/member/line1_yoko.png) center top / auto 5px repeat-x ,
	url(../../../image/member/line1_yoko.png) center bottom / auto 5px repeat-x ,
	url(../../../image/member/line1_tate.png) center left / 5px auto repeat-y ,
	url(../../../image/member/line1_tate.png) center right / 5px auto repeat-y;
}


.fes_text3{
	width:380px;
}

a.fes_link_janp1{
	display:block;
	background: url("../../../image/member/b2.png") no-repeat center right 10px , rgb(254,254,254);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(219,219,219,1) 86%, rgba(226,226,226,1) 100%);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%);
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #f5000d;
	border: 2px solid #b9151e;
	border-collapse:collapse;
	text-decoration:none;
	padding: 20px 0;
	margin: 10px auto 0;
	border-radius:50px;
	box-sizing: border-box;
	width:100%;
	cursor:pointer;
	box-shadow:0px -2px 4px 1px #FFF inset;
	width:96%;
}
a.fes_link_janp2{
	display:block;
	background: url("../../../image/member/b2.png") no-repeat center right 10px , rgb(225,21,21);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(240,208,16,1) 0%, rgba(255,237,89,1) 86%, rgba(250,216,123,1) 100%);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(240,208,16,1) 0%,rgba(255,237,895,1) 86%,rgba(250,216,123,1) 100%);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(240,208,16,1) 0%,rgba(255,237,89,1) 86%,rgba(250,216,123,1) 100%);
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #f32402;
	border: 2px solid #d1ac02;
	border-collapse:collapse;
	text-decoration:none;
	padding: 30px 0;
	margin:0 auto;
	border-radius:50px;
	box-sizing: border-box;
	width:90%;
	cursor:pointer;
	box-shadow:0px -2px 4px 1px #faf3a9 inset;
}
a.fes_link_janp3{
	display:block;
	background: url("../../../image/member/b2.png") no-repeat center right 10px , rgb(225,21,21);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(238,33,24,1) 0%, rgba(235,58,24,1) 86%, rgba(255,63,33,1) 100%);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(238,33,24,1) 0%,rgba(235,58,24,1) 86%,rgba(255,63,33,1) 100%);
	background: url("../../../image/member/b2.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(238,33,24,1) 0%,rgba(235,58,24,1) 86%,rgba(255,63,33,1) 100%);
	text-align: center;
	font-size: 27px;
	font-weight: bold;
	line-height: 1;
	color: #f7eb8f;
	border: 2px solid #d1ac02;
	border-collapse:collapse;
	text-decoration:none;
	padding: 30px 0;
	margin: 10px auto 0;
	border-radius:50px;
	box-sizing: border-box;
	width:90%;
	cursor:pointer;
	box-shadow:0px -2px 4px 1px #ff1d0c inset;
}

a.fes_link_janp1:hover{
	background: url("../../../image/member/b2.png") no-repeat center right 10px , rgb(254,254,254);
	/*text-decoration:underline;*/
	border: 2px solid #f9c2c2;
}
a.fes_link_janp2:hover{
	opacity:0.5;
}
a.fes_link_janp3:hover{
	opacity:0.5;
}

.fes_pre_sub_bg{
	width:100%;
	margin:15px auto 0;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

.fes_pre_sub_list{
	max-width:180px;
}


/*------------------------------感謝祭用-----------------------------------*/

/*------------------------------ブログページ用-----------------------------------*/
.bloglinks{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width:705px;
	margin:20px auto 0;
}

.bloglinks.bottom{
	margin:40px auto;
}

.bloglinks a{
	display: block;
	margin:5px;
	background:#d0e3ff;
	font-size:12px;
	padding:0 0 5px 0;
	color:#222222;
	border-radius:5px;
}

.bloglinks a:hover{
	opacity: 0.5;
}

.subtitles{
	font-weight:bold;
	font-size:22px;
	background:#FFFFFF;
	margin:20px auto 0 ;
	display:inline-block;
	line-height:1.2;
	position:relative;
	z-index:12;
	padding:0 10px;
}

.bloglinks_text1{
	max-width:700px;
	margin:-16px auto 40px;
	border:2px solid #0071bc;
	border-radius:5px;
	position:relative;
	z-index:10;
}

.bloglinks_text1 p{
	padding:0;
	margin:20px 20px;
	font-size:16px;
}

.bloglinks_text2{
	margin:-16px auto 40px;
	border:2px solid #0071bc;
	border-radius:5px;
	position:relative;
	z-index:10;
}

.bloglinks_text2 p{
	padding:0;
	margin:20px 20px;
	font-size:16px;
}

.blog_details_link{
	display: inline-block;
	margin: 0 auto;
}

.blog_details_link img{
	width:100%;
	max-width:660px;
}

.blog_details_bg{
	background:#fef8e3;
	border:2px solid #aabfff;
	border-top:none;
	width:90%;
	max-width:660px;
	margin:0 auto;
	padding:1px 0 20px 0;
}

.blog_details_bg p{
	text-align:left;
	display:block;
	width:90%;
	padding:0;
	margin:20px auto 0;
	font-size:15px;
}

.blog_details_bg p.center{
	text-align:center;
}

.blog_details_bg p.mt0{
	margin-top:0;
}

.blog_details_bg .ul_bg{
	background:#FFFFFF;
	width:90%;
	margin: 0 auto;
	padding:10px;
	border:2px solid #d1bb75;
}

.blog_details_bg .ul_bg.m20{
	margin: 20px auto 0;
}

.blog_details_bg ul li{
	text-align:left;
	list-style: square;
	margin:0 0 0 30px;
}

a.blog_janp_bt {
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , rgb(254,254,254); /* Old browsers */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(219,219,219,1) 86%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-align: center;
	font-size: /*24px;*/18px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	border: 1px solid #999999;
	border-collapse:collapse;
	text-decoration:none;
	display:inline-block;
	/*padding: 20px 0;*/
	/*margin: 20px auto 0;*/
	padding:1rem;
	margin:2rem auto 0 auto;
	/*border-radius:50px;*/
	border-radius:30px;
	box-sizing: border-box;
	/*width:90%;*/
	width:43%;
	cursor:pointer;
	
	position:relative;
	z-index:2;
}

a.blog_janp_bt:hover {
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , rgb(254,254,254);
	/*text-decoration:underline;*/
}

a.blog_janp_bt_big {
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , rgb(254,254,254); /* Old browsers */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(219,219,219,1) 86%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-align: center;
	font-size: /*24px;*/18px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	border: 1px solid #999999;
	border-collapse:collapse;
	text-decoration:none;
	display:inline-block;
	/*padding: 20px 0;*/
	/*margin: 20px auto 0;*/
	padding:1rem;
	margin:1rem auto 0 auto;
	/*border-radius:50px;*/
	border-radius:30px;
	box-sizing: border-box;
	/*width:90%;*/
	width:88%;
	cursor:pointer;
	
	position:relative;
	z-index:2;
}

a.blog_janp_bt_big:hover {
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , rgb(254,254,254);
	/*text-decoration:underline;*/
}

a.blog_janp_bt_big2 {
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , rgb(254,254,254); /* Old browsers */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(219,219,219,1) 86%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-align: center;
	font-size: /*24px;*/18px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	border: 1px solid #999999;
	border-collapse:collapse;
	text-decoration:none;
	display:inline-block;
	/*padding: 20px 0;*/
	/*margin: 20px auto 0;*/
	padding:1rem;
	margin:1rem auto 0 auto;
	/*border-radius:50px;*/
	border-radius:30px;
	box-sizing: border-box;
	/*width:90%;*/
	width:100%;
	cursor:pointer;
	
	position:relative;
	z-index:2;
}

a.blog_janp_bt_big2:hover {
	background: url("../../../image/member/bticons/b2.png") no-repeat center right 10px , rgb(254,254,254);
	/*text-decoration:underline;*/
}
/***********************************************/
/***********************************************/
/***********************************************/
a.blog_janp_bt2 {
	background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 0, 97, 1) 0%,rgba(0, 88, 143, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(0, 0, 97, 1) 0%, rgba(0, 88, 143, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(0, 0, 97, 1) ),color-stop(1,rgba(0, 88, 143, 1) ));
	background : -o-linear-gradient(90deg, rgba(0, 0, 97, 1) 0%, rgba(0, 88, 143, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(0, 0, 97, 1) 0%, rgba(0, 88, 143, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000061', endColorstr='#00588F' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(0, 0, 97, 1) 0%, rgba(0, 88, 143, 1) 100%);
	border-radius : 10px 10px 0px 0px;
	-moz-border-radius : 10px 10px 0px 0px;
	-webkit-border-radius : 10px 10px 0px 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00588F',endColorstr='#000061' , GradientType=0);

	text-align: center;
	font-size: /*24px;*/18px;
	font-weight: bold;
	line-height: 1;
	color: #fcee21;
	border: 2px groove #999999;
	border-collapse:collapse;
	text-decoration:none;
	display:inline-block;
	/*padding: 20px 0;*/
	/*margin: 20px auto 0;*/
	padding:1.5rem 0;
	margin:3rem auto 0 auto;
	/*border-radius:50px;*/
	border-radius:30px;
	box-sizing: border-box;
	/*width:90%;*/
	width:90%;
	cursor:pointer;
	
	position:relative;
	z-index:2;
}

a.blog_janp_bt2:hover {
	background:#004CAA;

	/*text-decoration:underline;*/
}
/***********************************************/
/***********************************************/
/***********************************************/
.janp_bt1 {
	background: url("../../../image/member/b2.png") no-repeat center right 10px , rgb(254,254,254); /* Old browsers */
	background: url("../../../image/member/b2.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(219,219,219,1) 86%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
	background: url("../../../image/member/b2.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("../../../image/member/b2.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	border: 1px solid #999999;
	border-collapse:collapse;
	text-decoration:none;
	display:inline-block;
	padding: 20px 0;
	margin: 0 auto 0;
	border-radius:50px;
	box-sizing: border-box;
	width:90%;
	cursor:pointer;
	position:relative;
	z-index:2;
}

.janp_bt1:hover {
	background: url("../../../image/member/b2.png") no-repeat center right 10px , rgb(254,254,254);
	text-decoration:underline 0.15rem;
}

.janp_bt2 {
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(219,219,219,1) 86%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	border: 1px solid #999999;
	border-collapse:collapse;
	text-decoration:none;
	display:inline-block;
	padding: 20px 0;
	margin: 0 auto 0;
	border-radius:50px;
	box-sizing: border-box;
	width:90%;
	cursor:pointer;
	position:relative;
	z-index:2;
}

.janp_bt2:hover {
	background: rgb(254,254,254);
	text-decoration:underline 0.15rem;
}

/*------------------------------ブログページ用-----------------------------------*/

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

.countbox {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100 */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
color: #fdec07;
padding: 10px 0;
font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

a .countbox:hover {
	opacity: 0.7;
}

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

/*------------------------------抽選コンテンツ用-----------------------------------*/

.lott_header_main{
	max-width:745px;
	width:100%;
	margin:0 auto;
	padding:1px 0;
}

.lott_main{
	width: 745px;
	background-color: #fff;
	box-shadow: 0px 3px 3px 5px rgba(0,0,0,0.4);
	border-radius: 20px;
	margin:0 auto;
	padding-bottom:1px;
}

.lott_header_banner{
	max-width:745px;
	width:90%;
	margin:-15px auto 0;
}

.lott_header_bg2{
	background:url(../../../image/member/lott/lott_header_bg2.png) top center no-repeat;
	width:745px;
	height: 320px;
	position:relative;
	margin:-20px auto 0;
}

.lott_header_bg{
	background:url(../../../image/member/lott/lott_header_bg1.png) top center no-repeat;
	width:745px;
	height: 210px;
	position:relative;
	margin:-20px auto 0;
}

.lott_header_bg img{
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:0 auto;
	max-width:510px;
	width:80%;
}

.lott_header_text{
	position:relative;
	color:#FFFFFF;
	margin:0px auto 10px;
	max-width:745px;
	width:90%;
	z-index:999;
	font-size:20px;
	font-weight:600;
}

.lott_header_text span{
	color:#FFF000;
}

.lott_form_box{
	max-width:634px;
	width:90%;
	/*min-height:100px;*/
	min-height:215px;
	margin:0 auto 20px;
	border:2px solid #eddc80;
	border-radius:10px;
}

.info_text1{
	max-width:670px;
	width: 90%;
	margin: 0 auto;
	border:2px solid #0071bc;
	border-radius:5px;
	padding: 20px 40px;
}

.lott_big1{
	font-size:70px;
	line-height:1;
	letter-spacing:-0.4rem;
}

.lott_star5_bg{
	width:660px;
	height:170px;
	background:url(../../../image/member/lott/lott_star5_bg.png) top center no-repeat;
	background-size: cover;
	margin:0 auto;
	text-align:center;
	padding:6px 0 0;
}

.lott_star5_bg_mini1 {
    width: 95%;
    height: 160px;
    background: url(../../../image/member/lott/lott_star5_bg.png) top center no-repeat;
    background-size: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 0;
}

.lott_star5_bg_big1 {
    width: 660px;
    height: 214px;
    background: url(../../../image/member/lott/lott_star5_bg_big1.png) top center no-repeat;
    background-size: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 0;
}

.lott_star1_bg_big1 {
    width: 660px;
    height: 214px;
    background: url(../../../image/member/lott/lott_star1_bg_big1.png) top center no-repeat;
    background-size: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 0;
}

.lott_star5_bg img,.lott_star5_bg_mini1 img,.lott_star5_bg_big1 img{
	filter: drop-shadow(0 3px 5px #FFFFFF) drop-shadow(-3px -3px 5px #FFFFFF);
	margin:0;
	display:block;
	margin:0 auto;
}

.lott_star2_bg{
	width:660px;
	height:170px;
	background:url(../../../image/member/lott/lott_star2_bg.png) top center no-repeat;
	background-size: cover;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0;
}

.lott_star2_bg img{
	filter: drop-shadow(0 3px 5px #FFFFFF) drop-shadow(-3px -3px 5px #FFFFFF);
	margin:0;
	display:block;
	margin:0 auto;
}

.lott_star2_bg_mini1 {
    width: 95%;
    height: 160px;
    background: url(../../../image/member/lott/lott_star2_bg.png) top center no-repeat;
    background-size: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 0;
}

.lott_star1_bg{
	width:660px;
	height:170px;
	background:url(../../../image/member/lott/lott_star1_bg.png) top center no-repeat;
	background-size: cover;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0;
}

.lott_star1_bg img{
	margin:0;
	display:block;
	margin:0 auto;
}

.lott_period{
	background:#FFFFFF;
	padding:0 30px 0;
	display:inline-block;
	border-radius:20px;
	font-size:20px;
	font-weight:bold;
	margin-top:3px;
}

.lott_star_text_bg{
	background:#42210b;
	border:4px solid #a67c52;
	border-top:none;
	margin:0 auto;
	padding:1px 0 20px 0;
	max-width:660px;
	width:100%;
	min-height:170px;
	box-shadow: 0 0 8px 4px rgba(0,0,0,0.4) inset;
	position:relative;
}

.lott_star_text_bg p{
	margin:20px 20px 0 ;
	color:#e6e6e6;
	padding:0;
	font-size:15px;
}

.lott_ster_provider{
	position:absolute;
	top:20px;
	right:20px;
}

.lott_q_bg{
	background:#e0e0e0;
	border:2px solid #6d6511;
	border-radius:15px 15px 0 0;
	max-width:660px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:22px;
	margin:30px auto 0;
}

.lott_a_bg{
	background:#ffface;
	border:2px solid #6d6511;
	border-radius:0 0 15px 15px;
	border-top:none;
	max-width:660px;
	padding:10px;
	margin:0 auto 0;
}

.lott_notes_bg{
	max-width:634px;
	width:90%;
	border:2px solid #DDDDDD;
	background:#EEEEEE;
	margin:0 auto;
	padding:10px 0;
}

.lott_notes_text{
	width:90%;
	margin:10px auto;
	text-align:left;
	font-size:14px;
}

.stripe {
  padding: 2px;
  background-size: 10px 10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
  max-width: 745px;
  width: 90%;
  margin: 0 auto;
}

.stripe-inner {
  background: #fff;
  padding: 10px;
  box-shadow: 0px 0px 5px #000000a3 inset;
}

.result_bg{
	background: #2d1300;
	width:660px;
	margin:0px auto;
	color:#FFFFFF;
	border-collapse: collapse;
}

.result_bg th{
	vertical-align:middle;
	width:25%;
	padding:1rem;
}

.result_bg td{
	text-align:left;
	padding:1rem 2rem;
	background: #402a09;
}

.result_bg td.stl1{
	border-left:1px dotted #EEEEEE;
}

.result_bg td.stl3{
	font-weight:bold;
	color:#FFF000;
}

.result_bg td.stl3 span{
	background:#fff5a3;
}

.result_bg th img{
	max-width:64px;
}

.res_pat_top_text2 {
    font-weight: bold;
    display: inline-block;
    background: #444444;
    color: #FFFFFF;
    padding: 10px 20px 10px;
    font-size: 2.2rem;
    width: 100%;
}

.res_pat_top_text3 {
    font-weight: bold;
    display: inline-block;
    background: #e20404;
    color: #FFF000;
    padding: 10px 20px 10px;
    font-size: 3rem;
    width: 100%;
    margin: 0px 0 0 0;
}

hr.res_border{
	margin-top: 25px;
    margin-bottom: 25px;
    border: 1px dashed #8a7657;
}

.res_hit_voice {
	margin: 20px 0px;
	padding:20px;
	background-color: #fff;
	color:#000;
	border-radius: 7px;
}

/*------------------------------抽選コンテンツ用-----------------------------------*/

/*------------------------------ヒストリー用-----------------------------------*/

.history_link_bg{
	width:90%;
	margin:30px auto 0;
	border-bottom:1px solid #004795;
}

.history_link_bg a{
	display:block;
	border:1px solid #004795;
	border-bottom:none;
	padding:5px 20px;
	text-align:left;
	background:#d3e8ff;
	color:#222222;
	font-weight:bold;
}

.history_link_bg a:hover{
	opacity:0.5;
	text-decoration:none;
}

.history_link_bg a .history_link_day{
	display:inline-block;
	width:180px;
	font-weight:normal;
}

.history_link_bg a .history_link_detail{
	display:inline-block;
	width:120px;
	float:right;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background:#004795;
	padding:2px 5px;
	border-radius:20px;
	margin-top:2px;
	color:#FFFFFF;
}



.history_profile_bg1{
	width:90%;
	margin:30px auto 0;
	background:#d3e8ff;
	padding:20px 10px;
	border-radius:5px;
}

.history_profile_bg1_head{
	font-size:25px;
	color:#004ccd;
	font-weight:bold;
}

.history_profile_bg1_head span{
	font-size:30px;
}

.history_profile_bg2_head{
	font-weight:bold;
	font-size:25px;
	text-shadow:
	2px  2px 0px #d3e8ff,
	-2px  2px 0px #d3e8ff,
	2px -2px 0px #d3e8ff,
	-2px -2px 0px #d3e8ff,
	2px  0px 0px #d3e8ff,
	0px  2px 0px #d3e8ff,
	-2px  0px 0px #d3e8ff,
	0px -2px 0px #d3e8ff;
	margin:20px auto 0 ;
	display:inline-block;
	line-height:1.2;
	position:relative;
	z-index:12;
	padding:0 10px;
}

.history_profile_bg2{
	width:90%;
	margin:-16px auto 0;
	border-radius:5px;
	position:relative;
	z-index:10;
	background:#96c8ff;
	padding:10px 10px;
}

.history_profile_text_bg1{
	width:100%;
	margin:10px auto 0;
	padding:10px;
	background:#FFFFFF;
	display:flex;
}

.history_profile_text_bg2{
	width:100%;
	margin:10px auto 0;
	padding:0px;
	background:#FFFFFF;
	display:flex;
}

.history_profile_img{

}

.history_profile_img2 img{
	width: 75px;
}

.history_profile_logo{
	width:130px;
	margin-bottom:10px;
}

.history_profile_logo2{
	width:100px;
	margin-bottom:10px;
}

.history_profile_text{
	text-align:left;
	padding:10px;
}

.history_profile_text rt{
	margin:0 0 -10px 0;
}

.history_profile_name{
	font-size:32px;
	font-family: 'Lato', 'Noto Sans Japanese';
	font-weight:900;
}

.history_profile_name2{
	font-size:25px;
	font-family: 'Lato', 'Noto Sans Japanese';
	font-weight:900;
}

.history_profile_text p{
	text-align:left;
	font-size:14px;
	line-height:1.7;
}

.history_profile_text p.fs12{
	font-size:12px;
	line-height:1.7;
}

.mv_link:hover{
	opacity:0.6;
}

.ul_bg {
	background:#fffcf5;
	width:90%;
	/*margin: 0 auto;*/
	padding:20px 20px 20px 40px;
	border:2px solid #d1bb75;
}

.ul_bg li {
	list-style-type: disc;
}

/*------------------------------バナー用-----------------------------------*/

.banner_pc{
	position:relative;
}

.banner_pc .cdt{
	position: absolute;
	right: 12px;
	bottom: 52px;
	color: #FFFFFF;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	text-shadow    :
	2px  2px 4px rgba(0, 0, 0, 0.45),
	-2px  2px 4px rgba(0, 0, 0, 0.45),
	2px -2px 4px rgba(0, 0, 0, 0.45),
	-2px -2px 4px rgba(0, 0, 0, 0.45),
	2px  0px 4px rgba(0, 0, 0, 0.45),
	0px  2px 4px rgba(0, 0, 0, 0.45),
	-2px  0px 4px rgba(0, 0, 0, 0.45),
	0px -2px 4px rgba(0, 0, 0, 0.45);
}

.banner_pc a{
	display:block;
}

.banner_pc a:hover{
	opacity:0.7;
}

.banner_pc img{
	outline: 1px solid #c76ebc;
	outline-offset: -1px;
}

.banner_sp{
	display:none;
}
.banner_sp2{
	display:none;
}

.banner_timer_bg1{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:10px;
}

.banner_timer_bg1 .u-name{
	/*font-size:22px;*/
	font-size:30px;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
.banner_timer_bg1 .u-name2{
	font-size:30px;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}


/*------------------------------バナー用-----------------------------------*/


/*------------------------------プラチナアタック用-----------------------------------*/

.ng_top_text1{
	font-family: 'Noto Serif JP', sans-serif;
	font-size:25px;
	padding:0;
	letter-spacing:1px;
	margin:20px auto 0;
	line-height:1.2;
	font-weight:700;
	color:#5d0707;
	letter-spacing:0;
}

.ng_top_text1 br{
	line-height:1.4;
}

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

.ng_comment_bg{
	background:
	url(../../../image/member/wakusumi1_1.png) left 5px top 5px no-repeat ,
	url(../../../image/member/wakusumi1_2.png) right 5px top 5px no-repeat ,
	url(../../../image/member/wakusumi1_3.png) left 5px bottom 5px no-repeat ,
	url(../../../image/member/wakusumi1_4.png) right 5px bottom 5px no-repeat ;
	margin:20px auto 0;
	overflow: hidden;
	width:100%;
	max-width:743px;
}

#main_slide_bg{
	height:219px;
	margin:10px;
	overflow: hidden;
	overflow-y: scroll;
}
#main_slide_bg_yoco{
	margin:1rem auto;
	background:#111111;
	color:#fcfcfc;
	overflow: hidden;
	border: 4px solid #DFC552;
	border-image: linear-gradient(to right, #DFC552 0%, #FFF0AE 100%);
	border-image-slice: 1;
	padding-bottom:20px;
}

#main_slide{
	margin:0 auto;
}

#main_slide p{
	text-align:left;
	display:block;
	/*
	width:575px;
	*/
	width:530px;
	border-bottom:1px dotted #999999;
	font-size:15px;
	letter-spacing:0.05em;
	padding:20px 0;
	margin:0 auto;
	backface-visibility: hidden;/* animation時のにじみ防止 */
}
#main_slide2 p{
	text-align:left;
	display:block;
	/*
	width:575px;
	*/
	width:530px;
	font-size:15px;
	letter-spacing:0.05em;
	padding:20px 0;
	margin:0 auto;
	backface-visibility: hidden;/* animation時のにじみ防止 */
}
#main_slide_bg_yoco #main_slide p{
	text-align:left;
	display:block;
	width:530px;
	border-bottom:1px dotted #999999;
	font-size:15px;
	letter-spacing:0.05em;
	padding:20px 0 0 0;
	margin:0 auto;
	backface-visibility: hidden;/* animation時のにじみ防止 */
}

.ng_comment_no{
	background:#333333;
	color:#FFFFFF;
	padding:0 5px 1px;
	font-size:12px;
	margin:0 5px 0 0;
}

.ng_comment_name{

}




/*------------コンシェルジュ用---------------*/


.posimoto{
	position:relative;
}

.stertster{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	animation: yumedama_move1 2s linear infinite, yumedama_move2 60s linear infinite;
}

.yumedama_move1{
	animation: yumedama_move1 2s linear infinite;
}

@keyframes yumedama_move1 {
0% {transform:translate(0, 0) scale(1,1);opacity:1;}
50% {transform:translate(0, -5px) scale(1,1);opacity:0.9;}
100% {transform:translate(0, 0) scale(1,1);opacity:1;}
}

@keyframes yumedama_move2 {
0% {transform:rotate(0deg) scale(0.6);}
50% {transform:rotate(180deg) scale(0.6);}
100% {transform:rotate(360deg) scale(0.6);}
}


/*--コンシェルジュガワ用追加分--*/

div.suke {
    background: url(../../../image/member/concierge/suke_frame.png) no-repeat;
    background-position: -27px 18px;
    background-size: 720px 390px;
}

.wrapper_conc {
	background: url(../../../image/member/concierge/suke_frame.png) no-repeat;
    background-position: -1px 16px;
    background-size: 740px 390px;
	/*background: url(../../../image/member/concierge/the_atsushi_bg1.jpg) center no-repeat;*/
	color: #fff;
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
	padding: 0 30px 30px 30px;
	/*box-shadow: 0px 0px 7px #03DCFF;*/
}

/*--ボタン--*/
a.btn {
padding: 0 5px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: .2s;
    font-size: 16px;
    /*background: url(../../../image/member/concierge/question_button_bg.png) top center no-repeat;*/
    /*height: 113px;*/
    width: 234px;
    /* vertical-align: middle; */
    display: block;
    margin: 0 auto;
    line-height: 108px;
    border: 2px solid #03dcf5;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 30px;
    padding: 15px;
}

a.btn:hover {
	opacity: 0.6;
}

a.btn span {
	display: inline-block;
    vertical-align: middle;
    line-height: 28px;
}

a.return_btn {
	width: 180px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 30px;
	/*--border-radius: 3px;--*/
	transition: .4s;
	display: inline-block;
	background: rgba(0, 0, 0, 0.8);
}

a.return_btn:hover {
	background: #fff;
	color: #000;
}

/*--質問ページ--*/
.content-back{
	width:45%;
	margin:0 auto;
	padding: 1px 0;
	background:url("../../../image/member/concierge/main_bg1.png") top center repeat-y;
	box-shadow:0 0 5px #000000;
}

.main_conc{
    width: 290px;
    height: 445px;
    margin: 0 auto;
    padding: 1px 0 30px;
    background-size: 92%;
}

img.bg_top {
	display: block;
}

img.bg_bt {
	display: block;
}

.ukasu_move1 {
    animation: ukasu_move1 2s linear infinite;
}

@keyframes ukasu_move1 {
0% {transform:translate(0, 0) scale(1,1);opacity:1;}
50% {transform:translate(0, 0) scale(1,1);opacity:0.7;}
100% {transform:translate(0, 0) scale(1,1);opacity:1;}
}

.question{
	/*width:50%;*/
	/*min-height:480px;*/
	float:left;
	margin:50px auto 0;
}

.q-text{
	padding: 1.5rem;
    line-height: 2;
    font-size: 18px;
    letter-spacing: 0.1em;
    /* border: 1px solid #fff; */
	background: url(../../../image/member/concierge/question_frame_bg_ct.png) center center repeat-y;
    /*background-size: cover;*/
    width: 345px;
    height: 162px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    text-shadow: 0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000;
}


div.back_btn{
	margin:0 auto;
}

table.btn{
	width:100%;
	text-align:center;
	margin:0 auto;
}

table.btn td{
    width: 42%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin: 30px 0;
    /* font-size: 10px;*/
}


/*--結果ページ--*/
.main_result{
	background: url(../../../image/member/concierge/tsr1_bg1.png) bottom center no-repeat;
    width: 100%;
    min-height: 540px;
    margin: 0 auto;
    padding: 1px;
    background-position: center -300px;
}

.result{
	width:100%;
	min-height:480px;
	margin:0px auto 0;
}

.r-text{
	padding:3rem;
	line-height:2;
	font-size:16px;
	letter-spacing:0.1em;
	border:1px solid #fff;
	background-color:#000;
	color: #fff;
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
}


/*--結果ページ(買い目)--*/
.main_conc_km{
    width: 290px;
    height: 380px;
    margin: 0 auto;
    padding: 1px 0 30px;
    background-size: 92%;
}

.main_conc_km .yumedama_move1{
}

.main_conc_km .ukasu_move1{
    margin-top:-20px;
}

.r-text_km{
	padding:3rem;
	line-height:2;
	font-size:14px;
	letter-spacing:0.1em;
	border:1px solid #fff;
	color: #fff;
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
    background: #202325;
}

.wrapper_conc_km {
	border:1px solid #fff;
    background-position: -1px 16px;
    background-size: 740px 390px;
	/*background: url(../../../image/member/concierge/the_atsushi_bg1.jpg) center no-repeat;*/
	color: #fff;
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
	padding: 0 30px 30px 30px;
	/*box-shadow: 0px 0px 7px #03DCFF;*/
	background-color: #2b3b46;
}

.servicelist_km1 {
	/*border:1px solid #fff;*/
}

.pcm10 {
	margin-top: 10px;
}

.radio-inline__input {
    width: 40px;
    height: 40px;
    vertical-align: top;
    cursor: pointer;
}

.radio-inline__label {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-right: 18px;
    cursor: pointer;
    border: 1px solid #8c8c8c;
}

.radio-inline__input:checked + .radio-inline__label {
    background: #ffffff;
    color: #000;
    border: 1px solid #afafaf;
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}

table.radio_table_km1 {
	margin:0 auto;
}

a.return_btn_km1 {
    width: 180px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    transition: .4s;
    display: inline-block;
    border: 2px solid #00f3ff;
	background: rgba(0, 0, 0, 0.8);
}

a.return_btn_km1:hover {
	background: #fff;
	color: #000;
}

/*アコーディオン_ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 13px 12px;
    color: #333333;
    font-weight: bold;
    background: #fff0ef;
    cursor: pointer;
    transition: all 0.5s;
    font-size: 1.8rem;
    border: 1px solid #d06767;
}

label.syousai {
	float: right
}

div.daycheck {
	text-align: center;
}

/*紹介アコーディオン_アイコンを表示*/
label.syousai:before {
    content: '▼詳細を開く';
    font-family: 'FontAwesome';
    color:#00f3ff;
}

/*紹介アコーディオン_ラベルホバー時*/
label.syousai:hover {
    background: #616161;
}

/*紹介アコーディオン_チェックは隠す*/
input.cssacc {
    display: none;
}

/*紹介アコーディオン_中身を非表示にしておく*/
.accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    clear: both;
}

/*紹介アコーディオン_クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 0px;
    opacity: 1;
}

.accshow p {
    margin: 0px
}

.syousai {
	cursor: pointer;
}

/*紹介アコーディオン_アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '▲詳細を閉じる';
    color:#00f3ff;
}

table.servicetb_km1 {
	font-size:14px;
}

table.servicetb_km1 td {
vertical-align: top;
}

.pcimg100 {
	width: 100%;
}

div.servicelist_km1 {
	padding: 0px;
	margin-right: 15px;
	width: 160px;
	/*border: 1px solid #fff;*/
}

div.servicelist_km1 a {
	color: #00f3ff;
	width: 100%;
	height: 148px;
	display: block;
	background: #00ced8;
	color: #ffffff;
	font-weight: bold;
	padding: 0;
	text-decoration: underline;
	line-height: 137px;
	border-radius:5px;
	position:relative;
	box-shadow: 0 0 5px 1px rgba(255,255,255,0.4) inset;
}

div.servicelist_km1 a.uma_bts {
	background : -moz-linear-gradient(50% 100% 90deg,rgba(184, 0, 0, 1) 0%,rgba(230, 21, 21, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(184, 0, 0, 1) 0%, rgba(230, 21, 21, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(184, 0, 0, 1) ),color-stop(1,rgba(230, 21, 21, 1) ));
	background : -o-linear-gradient(90deg, rgba(184, 0, 0, 1) 0%, rgba(230, 21, 21, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(184, 0, 0, 1) 0%, rgba(230, 21, 21, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B80000', endColorstr='#E61515' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(184, 0, 0, 1) 0%, rgba(230, 21, 21, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E61515',endColorstr='#B80000' , GradientType=0);
}

div.servicelist_km1 a.col_bts {
	background : -moz-linear-gradient(50% 100% 90deg,rgba(192, 58, 0, 1) 0%,rgba(237, 97, 0, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(192, 58, 0, 1) 0%, rgba(237, 97, 0, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(192, 58, 0, 1) ),color-stop(1,rgba(237, 97, 0, 1) ));
	background : -o-linear-gradient(90deg, rgba(192, 58, 0, 1) 0%, rgba(237, 97, 0, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(192, 58, 0, 1) 0%, rgba(237, 97, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#C03A00', endColorstr='#ED6100' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(192, 58, 0, 1) 0%, rgba(237, 97, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED6100',endColorstr='#C03A00' , GradientType=0);
}

div.servicelist_km1 a.den_bts {
	background : -moz-linear-gradient(50% 100% 90deg,rgba(120, 86, 0, 1) 0%,rgba(157, 135, 0, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(120, 86, 0, 1) 0%, rgba(157, 135, 0, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(120, 86, 0, 1) ),color-stop(1,rgba(157, 135, 0, 1) ));
	background : -o-linear-gradient(90deg, rgba(120, 86, 0, 1) 0%, rgba(157, 135, 0, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(120, 86, 0, 1) 0%, rgba(157, 135, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#785600', endColorstr='#9D8700' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(120, 86, 0, 1) 0%, rgba(157, 135, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9D8700',endColorstr='#785600' , GradientType=0);
}

div.servicelist_km1 a.hit_bts {
	background : -moz-linear-gradient(50% 100% 90deg,rgba(89, 22, 11, 1) 0%,rgba(116, 54, 11, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(89, 22, 11, 1) 0%, rgba(116, 54, 11, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(89, 22, 11, 1) ),color-stop(1,rgba(116, 54, 11, 1) ));
	background : -o-linear-gradient(90deg, rgba(89, 22, 11, 1) 0%, rgba(116, 54, 11, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(89, 22, 11, 1) 0%, rgba(116, 54, 11, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#59160B', endColorstr='#74360B' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(89, 22, 11, 1) 0%, rgba(116, 54, 11, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74360B',endColorstr='#59160B' , GradientType=0);
}

div.servicelist_km1 a.tek_bts {
	background : -moz-linear-gradient(50% 100% 90deg,rgba(199, 33, 51, 1) 0%,rgba(228, 93, 93, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(199, 33, 51, 1) 0%, rgba(228, 93, 93, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(199, 33, 51, 1) ),color-stop(1,rgba(228, 93, 93, 1) ));
	background : -o-linear-gradient(90deg, rgba(199, 33, 51, 1) 0%, rgba(228, 93, 93, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(199, 33, 51, 1) 0%, rgba(228, 93, 93, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#C72133', endColorstr='#E45D5D' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(199, 33, 51, 1) 0%, rgba(228, 93, 93, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E45D5D',endColorstr='#C72133' , GradientType=0);
}

div.servicelist_km1 a:hover{
	opacity: 0.5;
}

a.servicelist_link_km1 > span {
	display: inline-block;
	vertical-align: middle;
	line-height: 23px;
}

.servicelist_link_text1{
	font-size:11px;
	display:inline-block;
	text-align:center;
	letter-spacing:0rem;
	position:absolute;
	left:0;
	right:0;
	bottom:8px;
	margin:0 auto;
	font-weight:normal;
}

.con_names{
	display:block;
}

div.servicetext_km1 {
	padding: 15px;
	border: 1px solid #fff;
	text-align: left;
	height: auto;
    min-height: 148px;
}

table.explan {
	margin: 0 auto;
	border-spacing: 0px;
    border-collapse: collapse;
    font-size: 14px;
    width: 90%;
}

table.explan th {
	background: #333333;
    color: #FFFFFF;
    font-weight: normal;
    border: 1px solid #bbbbbb;
    padding: 13px;
    text-align: center;
	width: 30%;
}

table.explan td {
	background: #FFFFFF;
	padding: 13px;
	color:#000;
    border: 1px solid #bbbbbb;
    text-align: left;
}

ul.entrylist {
width:100%;
margin:0px auto;
/*height: 59px;*/ /*指定しないとul:afterで【padding】のように下が広がる*/
letter-spacing: -.29em;/* 文字間を詰めて隙間を削除する。 */
text-align: justify;
text-justify: distribute-all-lines;
font-size: 16px;
margin-bottom: -30px;
}

ul.entrylist:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
}

ul.entrylist li {
    letter-spacing: normal;
    display: inline-block;
    text-align: center;
    border: 1px solid #fff;
    padding: 13px;
    width: 148px;
    vertical-align: middle;
}

/*--コンシェルジュ_回答結果_買い目フォーム--*/
.conci_kaime_form {
	max-width: 634px;
    width: 90%;
    /* min-height: 100px; */
    margin: 0 auto;
}


input.mail {
	width: 80%;
    height: 20px;
    font-size: 16px;
}

input[type="submit"].kaime_button {
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    transition: .4s;
    display: inline-block;
    background: #000;
    cursor: pointer;
    font-size: 1.7rem;
}

input[type="submit"].kaime_button:hover {
    background: #fff;
    color: #000;
}


input[type="submit"].km1_button {
	white-space: pre-line;
	word-break: break-all;
    padding: 30px 40px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    transition: .4s;
    display: inline-block;
    background: #000;
    cursor: pointer;
    font-size: 4rem;
    background: #73b1e7;
    background: -moz-linear-gradient(top, #73b1e7 1%, #0a77d5 50%, #539fe1 100%);
    background: -webkit-linear-gradient(top, #73b1e7 1%,#0a77d5 50%,#539fe1 100%);
    background: linear-gradient(to bottom, #73b1e7 1%,#0a77d5 50%,#539fe1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b1e7', endColorstr='#539fe1',GradientType=0 );
    width: 80%;
}

input[type="submit"].km1_button:hover {
    background: #fff;
    color: #000;
}

.bkbtm100 {
	margin-top: 100px;
}

a.toplink {
	color: #00f3ff;
}

a.toplink {
    background-image: url(../../../image/member/concierge/pankuzu1.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline;
    background-size: 11px;
    padding-left: 14px;
}

div.servicetext_km1 a {
	text-decoration: none;
    color: #00f3ff;
}

div.servicetext_km1 a:hover {
    color: #00f3ff;
    text-decoration: underline;
}

div.servicetext_km1 img {
	max-width: 400px;
}

div.pcinl {
	display: inline;
}

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

.movie_waku1{
	margin:10px auto 0;
}
/*------------------------------kaiseki-----------------------------------*/


.main_fv1_bg{
	width:88.6%;
	margin:0 auto;
}


.kaisei_texts1{
	text-align:center;
	color:#FFF;
/*	margin:20px 0 0;*/
	background:#1A3977;
	/*black bg ***
	background:#111;
	border:#fcfcfc solid 0.2rem;
	/*black bg ****/
	width:100%;
	padding:10px;
	font-size:16px;
	letter-spacing:0.05em;
	border-radius:3px;
}

.sankaku4{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 30px 0 30px;
	border-color: #fd18b5 transparent transparent transparent;
	margin:0px auto 0;
}


.kaiseki_bt1_text1{
	position: absolute;
	top: -50px;
	left:0;
	right:0;
	margin:auto auto 0 auto ;
	filter: drop-shadow(0 0 4px #FFFFFF);
}


.kaiseki_bt1_bg{
	position:relative;
	margin: -12% auto 0%;
	background:url("../../../image/member/kaiseki_bt1_bg1_2109.png") center center no-repeat ;
	z-index: 0;
	
}

.kaiseki_bt1_bg_bg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: -1;
	width:150%;
	/*mix-blend-mode: multiply;*/
}

.kaiseki_bt1{
	background:url("../../../image/member/kaiseki_bt1_2109.png")center center no-repeat ;
	width:350px;
	height:500px;
	margin:0 auto;
	border:none;
	display:block;
	cursor:pointer;
	z-index: 10;
	position:relative;
}

.kaiseki_bt1:hover{
	background:url("../../../image/member/kaiseki_bt1h_2109.png")center center no-repeat ;
}

/*-----------lv3用ボタンデザイン-----------------------*/
.kaiseki_bt3_bg{
	position:relative;
	margin: -16% auto 0%;
	background:url("../../../image/member/kaiseki_bt3_bg3_2109.png") center center no-repeat ;
	z-index: 0;
	padding:110px 0 120px 0;
}

.kaiseki_bt3_bg_bg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: -1;
	width:150%;
	/*mix-blend-mode: multiply;*/
}

.kaiseki_bt3{
	/*background:url("../../../image/member/kaiseki_bt3_2109.png")center center no-repeat ;*/
	background:url("../../../image/member/kaiseki_bt3_2210.png")center center no-repeat;
	width:330px;
	height:330px;
	margin:0 auto;
	border:none;
	display:block;
	cursor:pointer;
	z-index: 10;
	position:relative;
}

.kaiseki_bt3:hover{
	/*background:url("../../../image/member/kaiseki_bt3h_2109.png")center center no-repeat ;*/
	background:url("../../../image/member/kaiseki_bt3h_2210.png")center center no-repeat ;
}
.kaiseki_bt3:active{
	/*background:url("../../../image/member/kaiseki_bt3h_2109.png")center center no-repeat ;*/
	background:url("../../../image/member/kaiseki_bt3h_2210.png")center center no-repeat ;
}
/*-----------lv3用ボタンデザイン-----------------------*/


.kaiseki_bt_in_kaiseki_lv{
	position:absolute;
	bottom:21%;
	left:0;
	right:0;
	margin:0 auto auto;
	background:#FFFFFF;
	color:#1A3977;
	padding:0;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	width:100px;
	border-radius:20px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.8) inset;
}

.kaiseki_bt1:hover .kaiseki_bt_in_kaiseki_lv{
	bottom:19%;
}

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

.input_flex{
	display:flex;
	align-items: center;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.text_list{
	text-align:left;
	
}

.input_list{
	flex-grow: 1;
	margin-left:5px;
}

.fild {
	width: 100%;
	font-size: 18px;
	padding: 10px 2% 10px 2%;
}

input.fild[type="text"]:focus{
	color: #333333;
	background-color: #FFFFFF;
	box-shadow: none;
}

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

.blink1{
	animation:attention1blink 1.5s ease-in-out infinite alternate;
}

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

#main_slide3 img.user_icon{
display:none;
}

.res_upd1_bg{
	display:flex;
	width:100%;
	font-size:16px;
	margin:0 auto 5px;
	padding-bottom:5px;
	border-bottom: 1px dotted #999999;
	align-items: center;
	backface-visibility: hidden;/* animation時のにじみ防止 */
}

.res_upd1_text1{
	background:#1A3977;
	color:#FFF;
	padding:2px 0;
	margin-right:10px;
	border-radius:3px;
	font-size:12px;
	width:60px;
}

.res_upd1_text1.crsy{
	width:150px;
	padding:2px 10px;
}

.res_upd1_text2{
	margin-right:10px;
	font-size:14px;
	width:164px;
	text-align:left;
}

.res_upd1_text2.crsy{
	width:110px;
}


.res_upd1_text3{
	font-weight:bold;
	width:260px;
	text-align:left;
	padding:2px 10px;
	border:1px solid #999;
	background:#e5ffe9;
	position:relative;
}

.res_upd1_text3:after{ clear: both; }

.res_upd1_text3 span{
	position:absolute;
	top:5px;
	right:10px;
	color:#ff2e4b;
	font-weight: normal;
	text-align:right;
	font-size:12px;
}

.res_upd1_text4{
	font-size:12px;
	padding:2px 10px;
	border:1px solid #999;
	text-align:center;
	background:#EEE;
}

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

.text_bg1{
	width: 88.6%;
	margin:0 auto;
	font-size:16px;
}

.text_bg1 p{
	text-align: left;
}


.con_links_bg{
	display:flex;
	flex-wrap: wrap;
	margin:-20px auto 0;
}

.con_links_bg .con_links{
	width:320px;
	margin-top:20px;
}

.con_links_bg .con_links:nth-child(odd){
	margin-right:20px;
}

.con_links_bg .con_links a img{
	width:100%;
}

.con_links_bg .con_links a img:hover{
	opacity:0.7;
}

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

.banner_bg{
	margin: 0 auto 20px;
}

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

.baken_bg{
	position: relative;
	background: url(../../../image/member/baken_bg.png) center center repeat #FFFFFF;
	padding: 10px 20px 20px;
	margin: 0 auto;
	border: 1px solid #333333;
	width: 100%;
	color: #333;
}

.baken_title1{
	font-size:20px;
	font-weight:bold;
	margin:10px auto 0;
	border:1px solid #36a223;
	border-radius:5px;
	line-height:1;
	padding:10px 0 5px;
	background:rgb(217 255 204 / 62%);
}

.baken_text1{
	font-size:46px;
	font-weight:bold;
	line-height:1.2;
	margin-top:10px;
}



.res_flex_bg{
	display:flex;
	flex-wrap: wrap;
}

.res_flex_bg2{
	display:flex;
	background:#FFF;
	border: 2px solid #00ffff;
	padding: 20px 10px 10px 20px;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 -2px 6px 3px rgba(0,0,0,0.1) inset, 0 2px 8px 1px rgba(0,0,0,0.3);
	color: #444;
	margin:20px auto 0;
}

.res_flex_text{
	width:400px;
	margin-right:20px;
}

.res_flex_list{
	position:relative;
	background:url("../../../../image/member/project_s/ex_kaiseki_all/baken.jpg") center center no-repeat;
	display:flex;
	align-items: center;
	padding: 20px 10px;
	margin: 0 1.5% 1.5% 0;
	border:1px solid #999;
	border-radius:2px;
	width:32.333%;
	min-height:121px;
	color:#333;
}

.res_flex_bg2 .res_flex_list{
	width:225px;
}

.res_flex_list:nth-child(3n){
	margin: 0 0 1% 0;
}

.bakenlogo{
	position: absolute;
	right: 5px;
	top: 5px;
	z-index:1;
}

.bakenlogo img{
	width:25px;
}

.bakentekichu{
	position: absolute;
	right:10px;
	margin:0;
	opacity:0.5;
	z-index:1;
}

.bakentekichu img{
	width:100px;
}

.res_flex_list_test1{
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	width:57px;
	position:relative;
	z-index:2;
}

.res_flex_list_test2{
	width:30px;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	border:1px solid #999;
	padding:10px 2px;
	text-align:center;
	margin-right:5px;
	position:relative;
	z-index:2;
	background:rgba(255, 255, 255, 0.5);
}

.res_flex_list_test3{
	font-size:14px;
	font-weight:bold;
	text-align:right;
	flex-grow: 1;
	position:relative;
	z-index:2;
}

.tensu{
	text-align:left;
}

.kakutoki span {
	font-size:17px;
	letter-spacing:-0.05em;
}

.kakutoki+p {
    text-align: right;
}



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

.zyusho_text{
	position: absolute;
	top: 14px;
	left: 15px;
	display: inline-block;
	background: #ffffff;
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
	padding: 1px 10px 0;
	border-radius: 20px;
}

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

.kaisekionlypart1 .onlypart1{
	display:none;
}

.next_kaiseki_bg{
	max-width:300px;
	background:#FFFFFF;
	color:#fd18b5;
	padding:2px 15px 0;
	border-radius:50px;
	font-weight:bold;
	margin:5px auto;
	text-align:center;
	font-size:14px;
}

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

/**************PC用の記述**************/

/*カウントダウンタイマー*/
.cdt2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    color: #fff;
    text-align: center;
    background: #000;
}

.cdt_txt {
    font-size: 36px;
    display: inline-block;
}

.cdt_date {
    font-size: 60px;
    font-weight: bold;
    color: #ff2600;
}
/*カウントダウンタイマー*/

/*バナー切り替え用*/
.switch {
    visibility: hidden;
}
/*バナー切り替え用*/

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

.d-voice {
    width: 100%;
    margin: 5px auto;
}

p.dv-tit{
	height: 65px;
	float:left;
	background:#841900;
	padding:8px 12px 0 12px;
	line-height:25px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin-right:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(169,3,41) 0%, rgb(143,2,34) 44%, rgb(109,0,25) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

}

#kaiseki_voice {
    width: 100%;
    height: 40px;
	margin:5px auto;
	padding:8px 5px 0 0px;
	border:1px solid #000000;
	font-size:1.4rem
}

#core_voice {
    width: 100%;
    height: 40px;
	margin:5px auto;
	padding:8px 5px 0 0px;
	border:1px solid #000000;
	font-size:1.4rem
}

#kimitsu_voice {
    width: 100%;
    height: 40px;
	margin:5px auto;
	padding:8px 5px 0 0px;
	border:1px solid #000000;
	font-size:1.4rem
}

#toushi_voice {
    width: 100%;
    height: 40px;
	margin:5px auto;
	padding:8px 5px 0 0px;
	border:1px solid #000000;
	font-size:1.4rem
}

#corabo_voice {
    width: 100%;
    height: 40px;
	margin:5px auto;
	padding:8px 5px 0 0px;
	border:1px solid #000000;
	font-size:1.4rem
}

#dendo_voice {
    width: 100%;
    height: 40px;
	margin:5px auto;
	padding:8px 5px 0 0px;
	border:1px solid #000000;
	font-size:1.4rem
}

#hit_voice {
    width: 100%;
    height: 40px;
	margin:5px auto;
	padding:8px 5px 0 0px;
	border:1px solid #000000;
	font-size:1.4rem
}

#tekidan_voice {
    width: 100%;
    height: 40px;
	margin:5px auto;
	padding:8px 5px 0 0px;
	border:1px solid #000000;
	font-size:1.4rem
}

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



/*2021感謝祭用のソース*****************/
.ribbon_decobox{
	background:
	url(../../../image/member/question/ex_th_ideate/ribbon_top.png) top center / 100% auto no-repeat ,
	url(../../../image/member/question/ex_th_ideate/ribbon_bottom.png) bottom center / 100% auto no-repeat ,
	url(../../../image/member/question/ex_th_ideate/ribbon_middle.png) top center / 100% auto repeat-y;
	background-size:100%;
	/*前夜祭デザインなし*******
	margin:-45px auto 0;
	/*前夜祭デザインなし*********/
	margin:0 auto;
	width:100%;
	padding:1rem 4rem 8rem 4rem;
}

/*2021感謝祭用のソース*****************/
.ribbon_decobox2{
	background:
	url(../../../image/member/question/ex_th_ideate/ribbon_top.png) top center / 100% auto no-repeat ,
	url(../../../image/member/question/ex_th_ideate/ribbon_bottom.png) bottom center / 100% auto no-repeat ,
	url(../../../image/member/question/ex_th_ideate/ribbon_middle.png) top center / 100% auto repeat-y;
	background-size:100%;
	/*前夜祭デザインなし*******
	margin:-45px auto 0;
	/*前夜祭デザインなし*********/
	margin:0 auto;
	width:100%;
	padding:4.5rem 4rem 4rem 4rem;
}


.fes_iv_con_bg2_top {
    border-radius: 10px 10px 0 0;
    width: 100%
}

/*詳細はこちらボタン*/
a.fes_link_zenya{
	display:block;/*
	background: url("../../../image/member/fes2021/w1.png") no-repeat center right 10px , rgb(10,10,10);
	background: url("../../../image/member/fes2021/w1.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(20,20,20,1) 0%, rgba(5,5,5,1) 86%, rgba(15,15,15,1) 100%);
	background: url("../../../image/member/fes2021/w1.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(5,5,5,1) 86%,rgba(15,15,15,1) 100%);
	background: url("../../../image/member/fes2021/w1.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(20,20,20,1) 0%,rgba(5,5,5,1) 86%,rgba(15,15,15,1) 100%);
	color: #FDEBA4;
	box-shadow:0px -2px 4px 1px #444 inset;
	*/
	background:#EC0505;
	color:#fcfcfc;
	box-shadow:0px -2px 4px 1px #F64040 inset;

	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	border: 2px solid #F3E8C7;
	border-collapse:collapse;
	text-decoration:none;
	padding: 20px 0;
	margin: 10px auto 0;
	border-radius:50px;
	box-sizing: border-box;
	width:100%;
	cursor:pointer;
}
a.fes_link_zenya:hover{
	opacity:0.8;
}
/*2021感謝祭用のソース*****************/





.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border:0.5rem groove #ccc;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



.kaisekiimg_2109{
	width:80%;
	max-width:210px;
}




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

.toku_links_bg{
	position:fixed;
	right:10px;
	bottom:50px;
	width:233px;
	z-index:100000;
}

.toku_links_bg .toku_links_pc{
	display:block;
	border:none;
	cursor:pointer;
}

.toku_links_bg .toku_links_pc:hover{
	opacity:0.7;
}

.toku_links_bg .toku_links_sp{
	display:none;
	border:none;
}

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


.sec_made .kuguri4{
	display:none;
}
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/

.fes_red{
	background:#e52020;
	padding:2rem 0;
	border-radius:3rem;
	width:90%;
	color:#fcfcfc;
	line-height:1.4;
	margin:0 auto;
}

/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*------------2111うまとみフィナーレ前夜祭-----------------*/
.fes_iv_con_bg_top_2111_2{
	background:#111;
	border:2px solid #8b0000;
	border-bottom:0;
	border-radius:10px 10px 0 0 ;
	margin:0 auto;
	padding:0.4rem;
	text-align:center;
	box-shadow: 0px -2px 4px 4px rgba(142, 104, 18, 0.35) inset;
	position:relative;
	color:#333;
}
.fes_black {
    background: #111;
    padding: 2rem 0;
    border-radius: 3rem;
    width: 90%;
    color: #fcfcfc;
    line-height: 1.4;
    margin: 0 auto;
}
.gold1 {
    color: #E5C64F;
}

/*========= particle js を描画するエリア設定 ===============*/

#particles-js{ 
  position:fixed;/*描画固定*/
  z-index:0;/*描画を一番下に*/
  width: 100%;
  height: 100%;
}



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

.daylink{
	display: block;
	margin-top: 20px;
}

.daylink a{
	border-radius: 5px ;
	background: url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat center right 10px , rgb(255,255,255); /* Old browsers */
	background: url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat center right 10px , -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(254,252,234,1) 100%); /* FF3.6-15 */
	background: url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat center right 10px , -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,252,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat center right 10px , linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(254,252,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #999999;
	color: #333333;
	padding: 7px 0;
	text-decoration: none;
	width: 90%;
	margin: 0 auto;
	display:block;
	font-weight: bold;
	text-align:center;
	font-size: 20px;
}

.daylink a:hover{
	background: url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat center right 10px , #f0e68c;
	text-decoration: underline;
}


.daylink2 {
	background: rgb(255,152,68); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,152,68,1) 0%, rgba(255,116,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,152,68,1) 0%,rgba(255,116,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,152,68,1) 0%,rgba(255,116,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9844', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */
	border: 1px solid #999999;
	color: #FFFFFF;
	padding: 7px 0;
	text-decoration: none;
	margin: 0 auto;
	display:block;
	font-weight: bold;
	text-align:center;
	font-size: 26px;
}

.indlink {
    display: block;
    margin-top: 20px;
}

.indlink a{
	border-radius: 5px ;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff3e5+0,f9d7ac+100 */
	background: rgb(255,243,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,243,229,1) 0%, rgba(249,215,172,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,243,229,1) 0%,rgba(249,215,172,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,243,229,1) 0%,rgba(249,215,172,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3e5', endColorstr='#f9d7ac',GradientType=0 ); /* IE6-9 */
	color:#000000;

	border: 1px solid #999999;
	padding: 12px 10px 11px 10px;
	text-decoration: none;
	width: 90%;
	margin: 0 auto;
	display:block;
	font-weight: bold;
	text-align:center;
	font-size: 26px;
}

.indlink a:hover{
	background: #ffc293;
}



.support_pla_bg2{
	color: #517700;
	margin: 32px 32px 32px 32px;
	padding: 1px 1px 40px 1px;
	background:
	url(../../image/member/pla_service_bg_i1.png) top 10px left 10px no-repeat ,
	url(../../image/member/pla_service_bg_i2.png) top 10px right 10px no-repeat ,
	url(../../image/member/pla_service_bg_i3.png) bottom 10px left 10px no-repeat ,
	url(../../image/member/pla_service_bg_i4.png) bottom 10px right 10px no-repeat ,
	url(../../image/member/pla_main_bg3.png) top center repeat-y;
}

.support_pla_bg2 p{
	padding:0;
	margin:22px 43px 0;
	text-align:left;
	font-size:15px;
	color:#FFFFFF;
}

.support_pla_bg2 p.top{
	margin:43px 43px 0;
}

.support_pla_bg2 p.big{
	font-size:20px;
}

.support_pla_bg2 p.center{
	text-align:center;
}

.support_pla_bg2 p.center_pc{
	text-align:center;
}



.list_linkbg1 {
	margin: 32px auto 0px;
	width: 93%;
}

.list_link4 {
	display:inline-block;
	width: 99%;
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff3e5+0,f9d7ac+100 */
	background: rgb(255,243,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,243,229,1) 0%, rgba(249,215,172,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,243,229,1) 0%,rgba(249,215,172,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,243,229,1) 0%,rgba(249,215,172,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3e5', endColorstr='#f9d7ac',GradientType=0 ); /* IE6-9 */
	color:#000000;
	border: 1px solid #999999;
	padding: 10px 0 8px 0;
	border-radius: 5px ;
}

.list_link4:hover {
	background:#FFBF88;
	border: 1px solid #F15A24;
}

.list_linkbg2 {
	border: 1px solid #FFF;
	margin: 0px auto;
	width: 95%;
}

.list_linkbg2 tbody {
	width: 100%;
}

.list_linkbg2 th {
	border-top: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	background:#555555;
	text-align: center;
	color: #FFF;
	padding: 0;
	line-height:1;
}

.list_linkbg2 th span {
	vertical-align:middle;
}

.list_linkbg2 th.sankaku_bg{
	min-width:10px;
	background:none;
	padding:0;
	width:auto;
	text-align: left;
}

.list_linkbg2 .sankaku{
	border-style: solid;
	border-width: 15px 0 15px 10px;
	border-color: transparent transparent transparent #555555;
	display:inline-block;
}

.list_linkbg2 td {
	border-top: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	padding: 3px 3px 3px 3px;
	background:#FFF;
	text-align:left;
}



.list_link2 {
	width: 7.5%;
	display:inline-block;
	/*border: 1px solid #CCC;*/
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
	color:#FFF;
	padding-top: 2px;
	border-radius: 5px ;
	text-align:center;
}

.list_link2:hover {
	background: #ffd4aa; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd4aa 0%, #ffa65e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd4aa 0%,#ffa65e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd4aa 0%,#ffa65e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd4aa', endColorstr='#ffa65e',GradientType=0 ); /* IE6-9 */
}

.racelink2{
	border-radius: 5px ;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(254,252,234,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,252,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(254,252,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */
	border: 1px solid #999999;
	color: #333333;
	margin: 32px auto 20px;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
	display:block;
	font-weight: bold;
	font-size: 26px;
}

.main_text2 {
    margin: 32px 28px 0px 28px;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.03em;
}







.pillarwaku_s {
	margin: 0 auto;
	width: 686px;
	font-size:11px;
	letter-spacing: -0.05em;
}

.pillarwaku_s th {
	/*width: 50px;
	background:#EFEFD9;*/
	border: #999999 1px solid;
}

.pillarwaku_s th.sbg {
	width: 44px;
	background:#EFEFD9;
	border: #999999 1px solid;
	font-size:11px;
}

.pillarwaku_s td{
	border: #999999 1px solid;
	max-width: 30px;
}

.pillarwaku_s td{
	border: #999999 1px solid;
	max-width: 30px;
}

.pillarwaku_s th.cbg {
	height:90px;
	background:#FFF000;
	border: #999999 2px solid;
}

.pillarwaku_s td.cbg2 {
	height:90px;
	border: #999999 2px solid;
	font-size:11px;
	letter-spacing: -0.05em;
	
}

.horse_profile_links{
	text-decoration:none;
}

.jockey_profile_links{
	text-decoration:none;
}

#race_now {
    background: #555555;
}



.pillarwaku_s_n {
	margin: 0 auto;
	width: 93%;
	font-size: 13px;
}

.pillarwaku_s_n th {
	width: auto;
	background:#EFEFD9;
	border: #999999 1px solid;
}

.pillarwaku_s_n td{
	border: #999999 1px solid;
}

.pillarwaku_s_n td.cell1{
	width:auto;
}

.pillarwaku_s_n td.cell2{
	width:auto;
}

.pillarwaku_s_n td.cell3{
	text-align:left;
	padding:10px;
	width:auto;
}

.pillarwaku_s_n td.cell4{
	width:27px;
}

.pillarwaku_s_n td.cell5{
	width:27px;
	font-size:13px;
	font-weight:bold;
}

.pillarwaku_s_n td.cell6{
	width:27px;
	font-size:13px;
	background:#EFEFD9;
}

.bamei1{
	font-weight:bold;
	font-size:16px;
	display:block;
}

.bamei2{
	display:block;
	float:none;
}

.bamei3{
	display:block;
	margin:0 0 0 0;
}

.bamei4{
	display:block;
	float:none;
}

.bamei5{
	border:1px solid #999;
	padding: 2px 3px 0 3px;
	margin:5px 0 0 0;
	display:block;
}

.pillarwaku_s_n th.cbg {
	background:#FFF000;
}

.pillarwaku_s_n td.cbg2 {
	border: #999999 3px solid;
}
















.horse_detail_bg {
    width: 93%;
    margin: 0 auto;
}

.horse_detail{
	margin: 0px 0 16px;
	width: 100%;
	font-size: 14px;
	letter-spacing: -0.01em;
}

.horse_detail th , .horse_detail td {
	text-align: left;
	padding:2px 5px;
}

.horse_detail th {
	background: #FFEBDB;
	border:1px solid #999999;
}

.horse_detail td {
	border:1px solid #999999;
}

.horse_detail th.tabletitle{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcfaa+0,ffb766+100 */
	background: #ffcfaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffcfaa 0%, #ffb766 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffcfaa 0%,#ffb766 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffcfaa 0%,#ffb766 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfaa', endColorstr='#ffb766',GradientType=0 ); /* IE6-9 */
}

.horse_detail th.center{
	text-align: center;
}

.horse_detail td.center{
	text-align: center;
}



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

.event21ny{
	margin:0 auto;
	width:100%;
	background:#dca927;
	border:#dca927 groove 0.4rem;
	padding:1rem;
	border-radius:2rem;
}
.event21ny2{
	margin:0 auto;
	width:90%;
	border:#2b993f groove 0.4rem;
	background-color: #008545;
	background-image: url("https://www.transparenttextures.com/patterns/ice-age.png");
	padding:1rem;
	border-radius:2rem;
	color:#faeb83;
}
.event21ny p{
	width:96%;
	margin:0 auto;
}
.event21ny2 p{
	width:96%;
	margin:0 auto;
}
.event21ny .whitebg{
	background:#fcfcfc;
	padding:1rem;
	width:96%;
	margin:0 auto 1rem auto;
	border-radius:0 0 3rem 3rem;
}
.event21ny2 .whitebg{
	background:#fcfcfc;
	padding:1rem;
	width:96%;
	margin:0 auto 1rem auto;
	border-radius:0 0 3rem 3rem;
}
/*-----------------------------*/

.core_area{
	margin:0 auto;
	width:100%;
	background-color: #212121;
	background-image: url("https://www.transparenttextures.com/patterns/micro-carbon.png");
	border:#ddd groove 0.4rem;
	padding:2rem;
	border-radius:2rem;
}
.core_area p{
	width:96%;
	margin:0 auto;
}
.core_area .whitebg{
	background:#fcfcfc;
	padding:1rem;
	width:96%;
	margin:0 auto 1rem auto;
	border-radius:0 0 3rem 3rem;
}

.core_area .banner_bg{
	margin: 10px auto 10px;
}

.gradation_text1 {
	background: linear-gradient(to right, #FFFFFF 0%, #f9ef93 25%, #ffe500 50%, #f9ef93 75%, #FFFFFF 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

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

    /*アコーディオン全体*/
    .acmenu {
		width: 100%;
		padding: 10px 10px 20px;
	  }
	  .acmenu input {
		display: none; /*チェックボックスを隠す*/
	  }
	  /*バー部分*/
	  .acmenu label {
		cursor :pointer;
		display: block;
		text-decoration: none;
		color: #fff;
		line-height: 1;
		position: relative;
		margin: 0 0 10px;
		padding: 10px;
		background: url("../../../image/member/b2.png") no-repeat center right 10px , linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(219,219,219,1) 86%,rgba(226,226,226,1) 100%);
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		color: #f5000d;
		border: 2px solid #b9151e;
		border-collapse: collapse;
		text-decoration: none;
		padding: 20px 0;
		margin: 10px auto 0;
		  margin-bottom: 0px;
		border-radius: 50px;
		box-sizing: border-box;
		width: 100%;
		cursor: pointer;
		box-shadow: 0px -2px 4px 1px #FFF inset;
		width: 96%;
	  }

	  .acmenu label:hover {
		background: url("../../../image/member/b2.png") no-repeat center right 10px , rgb(254,254,254);
		text-decoration: underline;
		border: 2px solid #f9c2c2;
	  }

	  /*開いたときに表示される部分*/
	  .acmenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-bottom: 1px;
	  }
	  .acmenu li {
		height: 0;
		overflow-y: hidden;
		transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
		-webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
		-moz-transition: padding-bottom 0.5s, padding-top 0.5s;
		-ms-transition: padding-bottom 0.5s, padding-top 0.5s;
		-o-transition: padding-bottom 0.5s, padding-top 0.5s;
	  }
	  #acmenu_bar01:checked ~ #links01 li,
	  #acmenu_bar02:checked ~ #links02 li {
		height: auto; /*開いたときに表示されるliの高さ*/
		opacity: 1;
		padding: 0;
	  }
	   /*開いたときの下の余白*/
	  #acmenu_bar01:checked ~ #links01 li:last-child,
	  #acmenu_bar02:checked ~ #links02 li:last-child {
		margin-bottom: 20px;
	  }
	  /*閉じた状態の矢印描画*/
	  .acmenu label:after{
	  }
	  /*開いた状態の矢印描画*/
	  .acmenu input[type=checkbox]:checked + label:after{
	  }

/*-------------ivent22-all----------------*/

	.main_ivent_bg22{
		width:90%;
		margin-right:auto;
		margin-left:auto;
		padding-bottom:30px;
		text-align:center;
		background:#563B78;
		border: 0.5rem #f4eecd groove;
		box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	}

	.main_ivent_inner_top_bg{
		width:95%;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
		background:#FFF;
	}

	.main_ivent_info_top_bg{
		width:95%;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
		padding:10px 0 10px 0;
		background-color: #ffc442;
		background-image: url("https://www.transparenttextures.com/patterns/swirl.png");
		border-top:4px solid #E83828;
		border-right:4px solid #E83828;
		border-left:4px solid #E83828;
		border-bottom:2px solid #E83828;
	}

	.main_ivent_info_inder_days_area_bg{
		width:90%;
		padding:5px 0;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
		background:#601986;
	}

	.main_ivent_info_bottom_bg{
		width:95%;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
		padding:10px 0 10px 0;
		background-color: #ffc442;
		background-image: url("https://www.transparenttextures.com/patterns/swirl.png");
		border-top:2px solid #E83828;
		border-right:4px solid #E83828;
		border-left:4px solid #E83828;
		border-bottom:6px solid #E83828;
	}

	.main_ivent_info_bottom_inner_bg{
		width:95%;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
		padding:10px 0 10px 0;
		background-color: #FFF;
		background-image: url("https://www.transparenttextures.com/patterns/swirl.png");
		border-top:2px solid #E83828;
		border-right:4px solid #E83828;
		border-left:4px solid #E83828;
		border-bottom:4px solid #E83828;
	}

	.main_ivent_info_bottom_inner_bg p{
		font-size:1.4rem;
	}


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

/*-------------bighit22-all----------------*/

.main_ivent_bighit22{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:30px;
	text-align:center;
	background:#1a0d04;
	border: 0.5rem #f4eecd groove;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.main_ivent_inner_top_bg{
	width:95%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background:#FFF;
}

.main_ivent_info_top_bg{
	width:95%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding:10px 0 10px 0;
	background-color: #ffc442;
	background-image: url("https://www.transparenttextures.com/patterns/swirl.png");
	border-top:4px solid #E83828;
	border-right:4px solid #E83828;
	border-left:4px solid #E83828;
	border-bottom:2px solid #E83828;
}

.main_ivent_info_inder_days_area_bg{
	width:90%;
	padding:5px 0;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background:#601986;
}

.main_ivent_info_bottom_bg{
	width:95%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding:10px 0 10px 0;
	background-color: #ffc442;
	background-image: url("https://www.transparenttextures.com/patterns/swirl.png");
	border-top:2px solid #E83828;
	border-right:4px solid #E83828;
	border-left:4px solid #E83828;
	border-bottom:6px solid #E83828;
}

.main_ivent_info_bottom_inner_bg{
	width:95%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding:10px 0 10px 0;
	background-color: #FFF;
	background-image: url("https://www.transparenttextures.com/patterns/swirl.png");
	border-top:2px solid #E83828;
	border-right:4px solid #E83828;
	border-left:4px solid #E83828;
	border-bottom:4px solid #E83828;
}

.main_ivent_info_bottom_inner_bg p{
	font-size:1.4rem;
}

/*-----------------------------*
.pasbot-box .pasbot-icon-size>img {
    height: 100%;
    width: 100%;
}

.pasbot-open-btn {
    position: fixed;
    cursor: pointer;
    z-index: 9999;
    font-weight: 700;
    height: 64px;
    min-width: 64px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #24c5c5;
    border: none;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABpAAAAaQBBTZdMgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHYSURBVFiF7Zc9axRRFIafM34UkqwgYhF3Q/woxC6lIKIWNukEQQRbUREC/gRT+Fss/GhiIKTQBGwkbUyhJm5ExEQNWvhVPBYzI3HdWdd1Z7bQt5nivfC899zDvWfgX1d0u1A9CpwCTgAHgX3A3szeAN4Az4B54EFELP11OnVIvaQu+ed6qk6qQ72AQ72qvu8B3Kp36hW1u2qrDXWuD+BWzamN38HH1OclwHM11cNF8EPqyxLhudbUA63wRF2oAJ7rkboNIMkyXAeOd9Uk/dExYBIg1BrQBHZXGADgAzCaAOcHAAeoAecSYGIA8FwTCTBeYE4DdaABzJTgA4yjfi7o1Hq+yvRy6rev+ikBvhYWqAqpTwrS3VfrWfqZEnzVlVBvA2cHtP+7CXBnQHCA6VCHgVVgT8XwTWA0iYiPwFTFcIAbGRvUHerjgkYpQwtq8lMcdcRqnuOmOpZzf6SIiFfAvZLL/gI4GRGrvzjqTnW9xJ3PuuV2bBfgYkngt6aTdfFQajp+dzr/Zg/gZfWyuqvTmWzPvjeB/W38DeBaRNwybZwzwGngCOlLVwO+AevAa2AFeEj6Y7LcCbx19xfapN9Up9TSB5VQm8AwsAYskl7NsxHxpWz4fwF8B/gJeoVJCbMIAAAAAElFTkSuQmCC);
}
/*-----------------------------*/
/*-----------------------------*/





/*------------------------------ステップページ-----------------------------------*/



.guide_section_bg1{
	width:90%;
	margin:30px auto 0;
	background:#d3e8ff;
	padding:20px 10px;
	border-radius:5px;
}

.guide_section_bg1_head{
	font-size:25px;
	color:#004ccd;
	font-weight:bold;
}

.guide_section_bg1_head span{
	font-size:30px;
}

.guide_section2_head{
	font-weight:bold;
	font-size:25px;
	text-shadow:
	2px  2px 0px #d3e8ff,
	-2px  2px 0px #d3e8ff,
	2px -2px 0px #d3e8ff,
	-2px -2px 0px #d3e8ff,
	2px  0px 0px #d3e8ff,
	0px  2px 0px #d3e8ff,
	-2px  0px 0px #d3e8ff,
	0px -2px 0px #d3e8ff;
	margin:20px auto 0 ;
	display:inline-block;
	line-height:1.2;
	position:relative;
	z-index:1;
	padding:0 10px;
}

.guide_section_bg2_head{
	font-weight:bold;
	font-size:30px;
	text-shadow:
	2px  2px 0px #d3e8ff,
	-2px  2px 0px #d3e8ff,
	2px -2px 0px #d3e8ff,
	-2px -2px 0px #d3e8ff,
	2px  0px 0px #d3e8ff,
	0px  2px 0px #d3e8ff,
	-2px  0px 0px #d3e8ff,
	0px -2px 0px #d3e8ff;
	margin:20px auto 0 ;
	display:inline-block;
	line-height:1.2;
	position:relative;
	z-index:12;
	padding:0 10px;
}

.guide_section_bg2{
	width:95%;
	margin:-16px auto 0;
	border-radius:5px;
	position:relative;
	z-index:10;
	background:#96c8ff;
	padding:15px 15px;
}

.guide_section_text_bg1{
	width:100%;
	margin:10px auto 0;
	padding:10px;
	background:#FFFFFF;
	text-align: left;
	border-radius:5px;
}

.guide_section_text_bg2{
	width:100%;
	margin:10px auto 0;
	padding:0px;
	background:#FFFFFF;
	display:flex;
}



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

.voicebox_guide{
	width:100%;
	background:#ff9800;
	padding: 15px;
    border-radius: 5px;
    margin-left:auto;
    margin-right:auto;
}

.voicebox_guide .text{
	width:100%;
	background:#ffeac4;	
    border-radius: 5px;
    padding: 5px;
    margin: 1rem auto 0;
    font-size: 16px;
	
}

.voicebox_guide .text p{
	
}


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

.v_flex-box {
    padding:0;             /* 余白指定 */
    display: flex;
    justify-content:space-around;
    align-items: center;        /* 縦の位置指定 */
    border-radius: 10px;
}
 
.v_flex-item {
    color:  #fff;               /* 文字色 */
}

.v_flex-item p{
	padding:5px;
	margin:0;
	font-size:24px;
}

 
.v_flex-item:nth-child(1) {
    width:70%;
    height:fit-content;
}
 
.v_flex-item:nth-child(2) {
    background-color:#ffba3b; /* 背景色指定 */
    width:20%;
        border-radius: 10px;
}


.pc_img{display:block;}
.sp_img{display:none;}


/*------------アコーディオンCSS↓*/
.acd-gd-check{
    display: none;
}

.acd-gd-label{
    color: #fff;
    display: block;
    margin: 1rem auto 0;
    padding: 10px 0;
    cursor: pointer;
    width: 90%;
    background:#356916;
    text-align: center;
}

.acd-gd-label:hover{
    opacity:0.7;
}

.acd-gd-content{
    height: 0;
    opacity: 0;
    padding: 0;
    transition: .5s;
    visibility: hidden;
    overflow: hidden;
    margin:0 auto;
    background: #f5f4f4;
}
.acd-gd-check:checked + .acd-gd-label + .acd-gd-content{
    height: auto;
    opacity: 1;
    padding: 10px 0px;
    visibility: visible;
}

/*------------↑アコーディオンCSS　end*/

.main_guide{
	width: 745px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
	border-radius: 20px;
	margin:0 auto;
	/*padding-bottom:35px;*/
	padding-bottom:10px;
	position:relative;
	padding-top: 2rem;
}


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

.core_area_top_text{
	width:100%;
	background:#1A3977;
	margin:0 auto;
	text-align:center;
	padding:1rem 0;
}

.core_area_spl_zone{
	width:95%;
	background-image: radial-gradient(circle at center center, rgba(33,33,33,0),rgb(51,51,51)),repeating-linear-gradient(135deg, rgb(51,51,51) 0px, rgb(51,51,51) 1px,transparent 1px, transparent 4px),repeating-linear-gradient(45deg, rgb(56,56,56) 0px, rgb(56,56,56) 5px,transparent 5px, transparent 6px),linear-gradient(90deg, rgb(51,51,51),rgb(51,51,51));
	margin:0 auto;
	text-align:center;
	padding:1rem 0;
	border-radius: 10px;
	border:1px solid #EEE;
}


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

.top-banner2 li {
	width: calc(100%/2);
	padding: 5px 5px;
	box-sizing: border-box;
}



/*------------------------------ステップページend-----------------------------------*/


/****** ポップアップ ********************/
.popup {
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  position:fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: .4s ease;
}

.popup iframe{
  width:100%;
  min-width:800px;
  height:100%;
}


 .popup.ok {
   opacity: 0;
   visibility: hidden;
   z-index: -1;
 }

.popup-inner {
  max-width: 800px;
  width:85%;
  padding: 20px;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background-color:#fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.popup-inner p {
  padding-bottom: 20px;
}
/****** ポップアップ ********************/


/****** 棒グラフ用（横） ********************/

.bar-graph-wrap {
	position: relative;
	height: 350px;
	-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
			box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
	overflow: hidden;
  }
  .bar-graph-wrap .graph {
	height: 50px;
	position: absolute;
	left: 0;
	border-radius: 0 4px 4px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	padding: 10px;
	-webkit-animation: graphAnim 2.5s forwards;
			animation: graphAnim 2.5s forwards;
  }
  .bar-graph-wrap .graph span {
	font-size: 14px;
	color: #ffffff;
  }
  @media screen and (max-width: 750px) {
	.bar-graph-wrap .graph span {
	  font-size: 12px;
	}
  }
   
  @-webkit-keyframes graphAnim {
	0% {
	  -webkit-transform: translateX(-100%);
			  transform: translateX(-100%);
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
  }
   
  @keyframes graphAnim {
	0% {
	  -webkit-transform: translateX(-100%);
			  transform: translateX(-100%);
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
  }



/****** 棒グラフ用（横）end ********************/

.um_top_form{
	margin:0 auto 20px;
	padding:1.5rem 1rem;
	width:100%;
	background-color: #660300;
	background-image: url("https://www.transparenttextures.com/patterns/xv.png");
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	border: 0.5rem #f4eecd groove;
}

.um_top_form p{
	color:#FFF;
}

.um_top_form_flex{
	display: flex;
	justify-content: center;
	align-items: center;
}

.um_top_form_flex_item1 { 
	width:58%;
}

.um_top_form_flex_item2 { 
	width:40%;
}

.um_top_form_mail{
font-size: 18px;
padding: 10px 2% 10px 2%;
width:98%;
}

.um_top_form_submit{
width:98%;
background:#00e531;
border-radius: 0.5rem;
padding:0.8rem 3rem;
font-size:2rem;
font-weight:bold;
color:#000;
}

.um_top_form_submit:hover{
opacity: 0.8;
}

.hadou_box4{
	animation: hadou_box4 2s linear infinite;
}

@keyframes hadou_box4 {
	0% {
	box-shadow: 
	0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
	  box-shadow    : 
	       5px  5px 10px rgba(255, 255, 0, 0.3),
	      -5px  5px 10px rgba(255, 255, 0, 0.3),
	       5px -5px 10px rgba(255, 255, 0, 0.3),
	      -5px -5px 10px rgba(255, 255, 0, 0.3),
	       5px  0px 10px rgba(255, 255, 0, 0.3),
	       0px  5px 10px rgba(255, 255, 0, 0.3),
	      -5px  0px 10px rgba(255, 255, 0, 0.3),
	       0px -5px 10px rgba(255, 255, 0, 0.3);
	}
}





.um_fpa_form{
	margin:0 auto 20px;
	padding:1.5rem 1rem;
	width:100%;
	background-color: #660300;
	background-image: url("https://www.transparenttextures.com/patterns/xv.png");
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	border: 0.5rem #f4eecd groove;
}

.um_fpa_form p{
	color:#FFF;
	padding:0;
}

.um_top_fpa_flex{
	display:flex;
	flex-flow: column;
}

.um_fpa_form_flex_item1 { 
	margin:5px auto 0;
	width:95%;
}

.um_fpa_form_flex_item2 { 
	margin:5px auto 0;
	width:95%;
}

.um_fpa_form_mail{
font-size: 18px;
padding: 10px 2% 10px 2%;
width:98%;
}

.um_fpa_form_submit{
width:98%;
background:#00e531;
border-radius: 0.5rem;
padding:0.8rem 3rem;
font-size:2rem;
font-weight:bold;
color:#000;
}

.um_fpa_form_submit:hover{
opacity: 0.8;
}