/*会員特典紹介*/

#none_pc { display: none; overflow: hidden; }/*ＰＣ表示させない*/
#none_smart { }/*スマフォ表示させない*/


html,body,table,th,td {
font-size: 13px;
line-height: 18px;
}

/* -- 自動改行-- */
.wsnw { white-space:nowrap; margin:0; font-weight: normal;}/*改行*/

/* -- 改行先頭空白-- */
.indent-1 { padding-left:1em; text-indent:-1em; margin: 3px 0px 3px 0px;/*上・右・下・左*/}
.font_red { color: #D21919; padding-left:1em; text-indent:-1em; margin: 5px 0px 5px 0px;/*上・右・下・左*/}



/* -- 背景 -- */
.background_maine {
text-align: center;
max-width: 100%;
margin: 0px auto 0px auto;/*上・右・下・左*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
background-color: #D4D4D4;/*背景色*/
}
/* -- 外枠 -- */
.grid_maine {
max-width: 1000px;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
/* -- ホワイト枠 -- */
.grid_white {
background-color: #FFFFFF;/*背景色*/
max-width: 100%;
text-align: center;
border: 0px solid #D5D5D5;
padding: 10px 0px 10px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- ホワイト枠 -- */
.grid_white_2 {
max-width: 100%;
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}





/* -- 特典 -- */
.grid_service {
background-color: #285b99;/*背景色*/
padding: 30px 10px 20px 10px;/*上・右・下・左*/
margin: 0px 0px 50px 0px;/*上・右・下・左*/
}
.grid_service ul {
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.grid_service ul li {
width: 100%;
list-style: none;
position: relative;
margin: 0px auto 0px auto;/* 上・右・下・左*/
}
.grid_service ul li:first-child{
margin-right: ;
}
.grid_service ul li img {
width:100%;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
.grid_service img {
width:100%;
border:0px solid #D5D5D5;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
.grid_service a {/*スタジアム*/
color: #285b99;
text-decoration: none;
}
.grid_service a:hover {/*スタジアム*/
color: #fdd448;/*文字色：オレンジ*/
text-decoration: none;
}
.grid_service_1 {
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
color: #666666;
font-size: 90%;
line-height: 150%;
text-align: left;
border-radius: 4px;/*角を丸く*/
background-color: #FFFFFF;/*背景色*/
padding: 10px 10px 10px 10px;/*上・右・下・左*/
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}



/* -- 入会ボタン -- */
#banner_member_new {
font-size: 13px;
line-height: 30px;
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
#banner_member_new ul {
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#banner_member_new ul li {
width: 100%;
height: 70px;
color: #666666;
background: #FFFFFF;
list-style: none;
margin-bottom: 0;
position: relative;
border-radius: 4px;/*角を丸く*/
border: 1px solid #AFAFAF;
margin: 3px 3px 30px 3px;/* 上・右・下・左*/
}
#banner_member_new ul li img {
float: right;
width: 134px;
height: 70px;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 5px 0px 0px;/* 上・右・下・左*/
}
#banner_member_new ul li p {
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
#banner_member_new li a {
height: 70px;
display: block;
text-decoration: none;/* リンクアンダーライン無し */
border-radius: 4px;/*角を丸く*/
background-image: -webkit-linear-gradient(top, #ffe370, #ffbb04);
background-image: linear-gradient(to bottom, #ffe370, #ffbb04);
}
#banner_member_new li:hover {
height: 70px;
opacity: 0.5; /* 透明度 */
text-decoration: none;/* リンクアンダーライン無し */
border-radius: 4px;/*角を丸く*/
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);	
}
.grid_member_new {
max-width: 100%;
height: 70px;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0px 0px 0px 10px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
#font_main_1 {
color: #666666; /* 文字色 */
font-size: 100%;
line-height: 100%;
text-align: left;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
#font_main_2 {
font-family: tbudrgothic-std, sans-serif;
font-weight: 900;
font-style: normal;
color: #FFFFFF; /* 文字色 */
font-size: 22px;
line-height: 100%;
text-align: left;
text-shadow: 1px 2px 3px #808080; /* 文影 */
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
.txt {
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
color: #666666;
font-size: 100%;
line-height: 150%;
text-align: left;
display:table;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 20px 0px 20px 0px;/* 上・右・下・左*/
}





/* -- ボタン・詳細 -- */
.button_service {
	display: inline-block;
	min-width: 100%;
	text-align: center;
	text-decoration: none;
	background-color: #ffdc03;
	outline: none;
	border:1px solid #9c9c9c;
	padding: 10px 10px 10px 10px;/*上・右・下・左*/
	margin: 10px auto 10px auto;/*上・右・下・左*/
	border-radius: 4px;/*角を丸く*/
	box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
.button_service::before,
.button_service::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_service,
.button_service::before,
.button_service::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_service {
color: #2D69B4;
font-size: 100%;
background-image: -webkit-linear-gradient(top, #feed7f, #ffdc03);
background-image: linear-gradient(to bottom, #feed7f, #ffdc03);
}
.button_service:hover {
color: #2D69B4;
font-size: 100%;
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);	
}





/* -- タイトル -- */
#img_title_747 {
max-width: 100%;
margin: 0px 0px 30px 0px;/*上・右・下・左*/
}
/* -- 特典画像 -- */
#img_service {
max-width: 100%;
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}
/* -- カード -- */
#img_card {
float: right;
width: 250px;
height: ;
margin: 0px 0px 0px 10px;/*上・右・下・左*/
}




/* -- タイトル・レッド -- */
.title_led {
font-family: vdl-logona, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 130%;
line-height: 130%;
text-decoration: none;
text-align: center;
text-shadow: 1px 0px 2px #7A0000;/*影を付ける*/
background-image: -webkit-linear-gradient(top, #e90101, #a90000);
background-image: linear-gradient(to bottom, #e90101, #a90000);
padding: 15px 0px 15px 0px;/* 上・右・下・左*/
margin: 0px 0px 10px 0px;/* 上・右・下・左*/
}
.title_blue {
font-family: vdl-logona, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 130%;
line-height: 130%;
text-decoration: none;
text-align: center;
text-shadow: 1px 0px 2px #7A0000;/*影を付ける*/
background-image: -webkit-linear-gradient(top, #4374B0, #285b99);
background-image: linear-gradient(to bottom, #4374B0, #285b99);
padding: 15px 0px 15px 0px;/* 上・右・下・左*/
margin: 0px 0px 10px 0px;/* 上・右・下・左*/
}
.title_blue_white {
font-family: tbudrgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 100%;
color: #285b99;
font-size: 120%;
text-align: left;
background: linear-gradient(#FFFFFF, #E8E8E8);
border-top: 1px solid #D5D5D5;
border-bottom: 1px solid #D5D5D5;
border-left: 2px solid #285b99;
border-right: 1px solid #D5D5D5;
padding: 20px 13px 20px 13px;/* 上・右・下・左*/
margin: 0px 0px 20px 0px;/* 上・右・下・左*/
}