@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 768px) {/* 768px以上のスタイル */}
@media screen and (max-width: 767px) {/* 767px以下のスタイル */}
@media screen and (orientation:portrait) {/*縦持ち用のスタイル*/}
@media screen and (orientation:landscape) {/*横持ち用のスタイル*/}

html {font-size:62.5%;}
body {overflow-x:hidden;-webkit-text-size-adjust:100%;font-size:100%;margin: 0;}

html,body{height:100%;}
footer img{-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width: 100%;height: auto;vertical-align: middle;}


main {
	display: block;
	background-color: white;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo','メイリオ','YuGothic','Yu Gothic','MS Pgothic','ＭＳ Ｐゴシック','Osaka','Helvetica','Helvetica Neue','Arial','Verdana',sans-serif;
}
@media screen\0 { /* IE8～11専用のフォント指定 */
	main {
	    font-family: 'Segoe UI', /* Windowsの欧文 */
	                 Meiryo,     /* メイリオ */
	                 sans-serif;
	}
}

@media screen and (min-width: 768px) {/* 768px以上のスタイル */
	.pc { display: block; }
	.sp { display: none; }
}
@media screen and (max-width: 767px) {/* 767px以下のスタイル */
	.pc { display: none; }
	.sp { display: block; }
}

/* ライトボックス
****************/
#LightBoxEnable { display: none; position: fixed; top: 0; left: 0; width: 100%; max-width: 100%!important; height: 100%; background: rgba(0,0,0,0.45); z-index: 1000; }

#LightBoxEnable img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width:auto; height:auto; max-width:80%; max-height:100%; z-index: 1000; }

@media screen and (max-width: 1023px) { #LightBoxEnable img { max-width:100%; } }

#LightBoxEnable p { position: absolute;/*絶対配置*/ color: white;/*文字は白に*/ z-index: 1001; }

.LightBox__close{ position:absolute; display:inline-block; top:-40px; left:-40px; width:80px; height:80px; border:0; background-color:black; border-radius:40px; margin:0; padding:0; transform:scale(0.5); cursor:pointer; }

.LightBox__close:before{ content:""; position:absolute; display:inline-block; top:20px; left:36px; width:9px; height:40px; border:0; border-radius:5px; margin:0; padding:0; background-color:white; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }

.LightBox__close:after{ content:""; position:absolute; display:inline-block; top:20px; left:36px; width:9px; height:40px; border:0; border-radius:5px; margin:0; padding:0; background-color:white; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }

.LightBox__close:hover{ background-color:red; }

/*------------------
登録ガイド
------------------*/
#totoTop {
	position: relative;
	overflow: hidden;
	text-align: center;	/* センタリング */
	background: white;
	height:auto;
}

/* 背景の斜線 */
#totoTop:before {
	content: '';
	position: absolute;
	top: -220px;
	left: 0;
	width: 120%;
	height: 300px;
	background: #149518;
	transform-origin: left center;
	transform: rotate(5deg);
	z-index: 1;
}

.totoTop_contents_inner {
	box-sizing: boder-box;
	width: 100%;
	height: 100%;
	background: #159E19; /* 背景色 */
	text-align: center;
	z-index: 0;
	padding-bottom: 15%;
}

@media screen and (min-width: 1199px) {
#totoTop {
	height: 425px;
}
.totoTop_contents_inner {
	padding-bottom: 0%;
}
}

#titles {
	position: relative;
	padding-top: 50px;
	z-index: 4;
}
#titles img{
	width: 90%;
	max-width: 449px;
}

#merit {
	position: absolute;
	top: 225px;
	left: 2%;
	right: 2%;
	z-index: 3;
	width:92%
	max-width: 1020px;
}

#merit img{
	max-width: 1020px;
	width:100%
}

#totoTop_lines {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}
#line1 {
	position: absolute;
	text-align: left;
	margin-left: 0;
}
#line2 {
	position: absolute;
	right: 0px;
	bottom: -7px;
}

/*------------------
SP処理
------------------*/
@media screen and (max-width: 767px) {/* 767px以下のスタイル */
.totoTop_contents_inner {
	padding-bottom: 60%;
}
#merit {
	top: 225px;
	width:92%
	max-width: 630px;
}
#merit img{
	max-width: 630px;
	width: 90%;
}
#line2 {
	left: 0px;
}
}
@media screen and (max-width: 522px) {#merit {	top: 41%;}}
@media screen and (max-width: 374px) {#merit {	top: 43%;}}
@media screen and (max-width: 259px) {#merit {	top: 46%;}}
@media screen and (max-width: 203px) {#merit {	top: 49%;}}


/*------------------
ご用意ください
------------------*/
#goyoi {
	position: relative;
	width: 100%;
	padding-top: 30px;
	text-align: center;
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
}
#goyoi_title_set {
/*	position: absolute;*/
	position: relative;
	padding-top: 20px;
	text-align: center;
	width: 100%;
	z-index: 4;
}

#goyoi_title_under {
	margin-top: 20px;
	/* font-weight: bold; */
	font-size: 1.7rem;
}

#goyoi_title_button {
    visibility : hidden;
	text-align: right;
}
#goyoi_title_button img{
	position: relative;
	z-index: 4;
}

#goyoi_numbers {
	padding-top: 30px;
	position: relative;
	width: 100%;
}
.goyoi_number {
	font-weight: bold;
	position: relative;
	display:inline-block;
	width: 43%;
	height: 18.5em;
	vertical-align: top;
	margin-top: 1em;
	padding: 1em 1em;
    border: 3px solid #000000;  
	border-radius: 10px 10px 10px 10px;	/* 左上・右上・右下・左下 */ 
}
.goyoi_number {
	margin-right:18px;
	margin-left:0px;
}
.goyoi_number:nth-child(even) {
	margin-right:0px;
	margin-left:18px;
}

@media screen and (max-width: 955px) {
.goyoi_number {
	margin-right:0px;
	margin-left:0px;
}
.goyoi_number:nth-child(even) {
	margin-right:0px;
	margin-left:0px;
}

}
.goyoi_number_img {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
	padding: 0 1%;
	transform: translateY(-35%) translateX(1em);
}

.goyoi_number_card {
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.goyoi_number_lock {
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.goyoi_number_txt {
	text-align: left;
	margin-top: 5px;
	margin-left: 23%;
	font-size: 1.6rem;
}

.goyoi_number_link a{
	text-decoration:none;
	font-size: 1.6rem;
}

.goyoi_number_link {
	margin-bottom: 2rem;
}

/*------------------
SP処理
------------------*/
@media screen and (max-width: 767px) {/* 767px以下のスタイル */
#goyoi_title img{
	width: 85%;
}
#goyoi_title_under {
	font-size: 1.6rem;
}
#goyoi_numbers {
	padding-top: 0px;
}
.goyoi_number {
	width: 90%;
	height: auto;
	margin-top: 40px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 1em 0;
    box-sizing: border-box;
}
.goyoi_number_txt {
	text-align: center;
	width: 90%;
	margin-top: 40px;
	margin-left: 5%;
}
}

@media screen and (max-width: 945px) {
#goyoi_title_set {
	position: relative;
}
#goyoi_title_button {
	position: relative;
	text-align: center;
}
}





/*------------------
コンテンツ
------------------*/
#contents01 {
	margin-top: 50px;
}
#contents01,
#contents02 {
	position: relative;
	overflow: hidden;
	text-align: center;	/* センタリング */
	background: #F0F0F0;
/*	height: 2000px;*/
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#contents02 {
	position:absolute
	top: -40rem;
}
main {
	position: relative;
	width: 100%;
	height: auto;
}


.contents_inner {
	position: relative;
	box-sizing: boder-box;
	width: 100%;
	height: 100%;
	padding-bottom: 140px; /* 次のコンテンツの位置 */
}

.contents_bottom {
	height: 40px; /* コンテンツの下空白 */
}


/* 背景の斜線 */
#contents01:before {
	content: '';
	position: absolute;
	top: -220px;
	left: -20px;
	width: 120%;
	height: 400px;
	background: #149518;
	transform-origin: left center;
	transform: rotate(5deg);
}

#contents_lines {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}
#contents_line1 {
	position: absolute;
	right: 0;
	top: 130px;
}
#contents_line2 {
	position: absolute;
	right: 1200px;
	top: 586px;
}

#contents02:before {
    content: '';
    position: absolute;
    left: -20px;
    width: 120%;
    height: 200px;
    background: #149518;
    transform-origin: left center;
    transform: rotate(5deg);
}




.contents_number_before,
.contents_number,
.contents_number_after {
	position: relative;
	width: 90%;
	height: 3px;
	margin-left: 5%;
	margin-right: 5%;
	background: white;
	z-index: 4;
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

.contents_number_before {
	top: 90px;
}

.contents_number {
	font-weight: bold;
	top: 95px;
	height: 80%;
}

.contents_number_after {
	top: 100px;
}

.contents_number_img {
	position: absolute;
	top: 18px;
	left: 0;
	font-size: 2rem;
	padding: 0 1%;
	transform: translateY(-35%) translateX(1em);
}


.contexts01_txt,
.contexts02_txt {
	text-align: center;
}
.contexts01_txt {
	padding-top: 35px;
	font-size: 3rem;
	font-weight: bold;
	width: 72%;
	margin-left:20%;
}
.contexts02_txt {
	padding-top: 20px;
	width: 90%;
	margin-left: 5%;
	font-weight: normal;
	font-size: 1.7rem;
}


.accounts_window1,
.accounts_window2 {
	margin-top: 30px;
	position: relative;
	display:inline-block;
	vertical-align: top;
	height: 440px;
}

.accounts_window1_title,
.accounts_window2_title {
	font-weight: bold;
	position: relative;
	vertical-align: top;
	height: 80px;
	top: 0px;
	border-radius: 10px 10px 0px 0px;	/* 左上・右上・右下・左下 */ 
	background: #159E19;
	font-size: 2rem;
}

.accounts_window1_under,
.accounts_window2_under {
	font-weight: bold;
	position: relative;
	vertical-align: top;
	height: 300px;
	top: 0px;
    border: 3px solid #000000;  
    border-top: 0px solid #000000;  
	border-radius: 0px 0px 10px 10px;	/* 左上・右上・右下・左下 */ 
	background: white;
	font-size: 1.5rem;
	box-sizing: border-box;
}

.accounts_window1 {
	margin-left: 3%;
	margin-right: 2.5%;
	width: 68%;
}
.accounts_window2 {
	margin-left: 1%;
	margin-right: 3%;
	width: 20%;
}

.accounts_window_txt {
	position: absolute;
	top: 52%;
	width: 90%;
	margin-left: 5%;
	transform: translate(0, -50%);
	color: white;
}

.accounts_cards {
	margin-top: 30px;
	width: 80%;
	max-width: 593px;
}

.accounts_cards_txt {
	margin-top: 20px;
	width: 86%;
	margin-left: 8%;
	font-weight: normal;
	font-size: 1.7rem;
}

.accounts_cards_txt a{
	text-decoration:none;
}



.account_rakutenbank {
	margin-top: 80px;
	width: 80%;
	max-width: 93px;
}

.account_rakutenbank_link {
	position: absolute;
	width: 80%;
	margin-left: 10%;
	bottom: 40px;
}

.account_rakutenbank_link a {
	text-decoration:none;
	font-size: 1.7rem;
	font-weight: normal;
}





@media screen and (max-width: 800px) {
.accounts_window1,
.accounts_window2 {
	display: block;
	margin-top: 0px;
	vertical-align: top;
	height: auto;

}
.accounts_window1,
.accounts_window2 {
	margin-top: 20px;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
}
.accounts_window1_title {
	font-size: 3.4vw;
}
.accounts_window1_under,
.accounts_window2_under {
	height: auto;
}
.accounts_cards {
	margin-top: 5px;
	width: 94%;
	margin-left: 3px;
	max-width: 482px;
}
.accounts_cards_txt {
	margin-top: 5px;
	width: 100%;
	margin-left: 0%;
}
.account_rakutenbank {
	margin-top: 5px;
	width: 94%;
	margin-left: 3px;
	max-width: 93px;
}
.account_rakutenbank_link {
	position: relative;
	width: 100%;
	margin-left: 0%;
	bottom: 0px;
}
}

/*------------------
SP処理
------------------*/
@media screen and (max-width: 767px) {/* 767px以下のスタイル */
.contexts01_txt {
	margin-left:10%;
	width: 80%;
	padding-top: 9.5rem;
	font-size: 2.1rem;
}
.contexts02_txt {
	text-align:left;
	margin-left: 7%;
	width: 89%;
	font-weight: normal;
	font-size: 1.6rem;
	margin-bottom: 4rem;
}

.accounts_window1_title {
	font-size: 2rem;
}
.accounts_cards {
	margin-top: 4rem;
	width: 90%;
	margin-bottom: 2rem;
	max-width: 470px;
}
.accounts_cards_txt {
	width: 80%;
	margin-left: 10%;
	font-weight: normal;
	font-size: 1.7rem;
	margin-bottom: 4rem;
}
.account_rakutenbank {
	max-width: 220px;
}
.account_rakutenbank_link {
	width: 70%;
	margin-left: 15%;
	font-weight: normal;
	font-size: 1.7rem;
	margin-bottom: 2rem;
}
}

.contents_hukidashi {
    position: relative;
    padding: 15px 0px;
    min-width: 120px;
    max-width: 100%;
    color: white;
    font-size: 2.5rem;
    background: black;
    width: 92%;
    margin-left: 4%;
}

.contents_hukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid black;
}

.contents_hukidashi_txt {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 800px) {
.contents_hukidashi {
	margin-top: 20px;
	font-size: 3.4vw;
}
}


.member_txt1,
.creditcardcheck,
.member_txt2 {
	margin-top: 31px;
	font-weight: normal;
	font-size: 1.7rem;
}

.creditcardcheck {
	width: 90%;
	max-width: 400px;
}

.member_oklist {
    font-weight: bold;
    position: relative;
    display: inline-block;
    width: 79%;
    vertical-align: top;
    margin-top: 5.5em;
    padding: 1em 2em;
    border: 3px solid #000000;
    border-radius: 10px 10px 10px 10px;
    box-sizing: border-box;
}
.member_oklist_title {
    position: absolute;
    top: 0;
    left: 21%;
    right: 21%;
    background: white;
    transform: translateY(-50%);
    font-size: 2.1rem;
}

.member_oklist_list {
	position: relative;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	margin-top: 4.3rem;
	margin-left: 0.5rem;
	width: 31.8%;
	font-weight: normal;
	font-size: 1.5rem;
}
.member_oklist_names {
	margin-bottom: .5rem;
}
.member_oklist_names_nodot {
	margin-bottom: .5rem;
}
.member_oklist_names:before {
    content: '';
    display: inline-block;
    width: .4em;
    height: .4em;
    margin-right: .4em;
    background: #159E19;
    vertical-align: 2px;
}
.member_oklist_rightdown {
	position: absolute;
	text-align: right;
	width: 100%;
	font-weight: normal;
	font-size: 1.5rem;
	right: 3%;
	bottom: 1.3rem;
}


@media screen and (max-width: 1160px) {
.member_oklist_title {
    font-size: 2vw;
}
}
@media screen and (max-width: 1018px) {
.member_oklist_list {
	margin-top: 4rem;
	margin-left: 0;
	width: 32.9%;
}
}
@media screen and (max-width: 900px) {
.member_oklist_list {
	margin-top: 0rem;
}
.member_oklist_list:nth-child(2) {
	margin-top: 4rem;
}
.member_oklist_list:nth-child(4) {
	margin-bottom: 20px;
}
.member_oklist_list {
	width:70%;
	margin-left:30%;
	text-align: left;
	font-size: 1.7rem;
}
}

/*------------------
SP処理
------------------*/
@media screen and (max-width: 767px) {/* 767px以下のスタイル */
.contents_hukidashi_txt{
	width: 80%;
	margin-left: 10%;
	font-size: 2rem;
}
.member_txt1,
.member_txt2 {
	text-align: left;
	width: 90%;
	margin-left: 5%;
	font-weight: normal;
	font-size: 1.7rem;
}
.member_txt2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.member_oklist_title {
    left: 5%;
    right: 5%;
    transform: translateY(-30%);
    font-size: 1.9rem;
}
.member_oklist_list:nth-child(2) {
	margin-top: 6rem;
}
.member_oklist_list {
	width:90%;
	margin-left:0%;
	text-align: left;
	font-size: 1.6rem;
}
.member_oklist_list:nth-child(4) {
	margin-bottom: 3rem;
}
}
@media screen and (max-width: 530px) {
.member_oklist_list:nth-child(2) {
	margin-top: 9rem;
}
}

@media screen and (max-width: 352px) {/* 767px以下のスタイル */
.member_oklist_list:nth-child(2) {
	margin-top: 11rem;
}
}

.member_warningtexts {
	padding-top: 30px;
	text-align: left;
	width: 90%;
	margin-left: 5%;
}
.member_warningtexttitle {
	font-weight: bold;
    font-size: 1.5rem;
}
.member_warningtext {
	font-weight: normal;
    font-size: 1.2rem;
}

.contents02_minititle1{
	padding-top: 30px;
	margin: auto;
	width: 350px;
	height: 30px;
}
/*===========================*/
/* ↓miniタイトル背景の共通処理 */
/*===========================*/
.contents02_minititle {
	position: relative;
	float: left;
	margin: auto;
	width: 90%;
	height: 90%;
}
.contents02_minititle span {      /* 前面の文字エリア */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	padding: 3px;
	color: white;
	transform: translate(-50%,-45%);
	font-size: 1.6rem;
	border-radius: 5px;
	z-index: 10;
}

.contents02_minititle_left,
.contents02_minititle_right {
	position: relative;
	width: 2px;
	height: 30px;
}
.contents02_minititle_left {
	float: left;
	margin-right: 2px;
}
.contents02_minititle_right {
	float: left;
	margin-left: 2px;
}

.contents02_minititle_left::after,
.contents02_minititle::after,
.contents02_minititle_right::after {
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 30px;
	background: #8C8C8C;
	transform: skewX(-15deg);
}
/*===========================*/
/* ↑miniタイトル背景の共通処理 */
/*===========================*/


.contexts02_popup{
	width: 90%;
	margin-top: 10px;
	margin-left: 5%;
	text-align: right;
	font-size: 1.6rem;
}
.contexts02_popup a{
	text-decoration:none;
	font-size: 1.7rem;
	font-weight: normal;
}

.contents_hukidashi2 {
	margin-top: 40px;
}



.contents02_minititle2 {
	text-align: center;
	width: 250px;
	height: 30px;
	margin-bottom: 15px;
}



.contexts02_approved_box {
	width: 92%;
	margin-left: 4%;
	margin-top: 40px;
}

.contexts02_approved_left,
.contexts02_approved_right {
	position: relative;
	display:inline-block;
	vertical-align: top;
}
.contexts02_approved_left {
	text-align: left;
	width: 40%;
	left: 0;
}
.contexts02_approved_left img{
	width: 100%;
}
.contexts02_approved_right {
	margin-left: 4%;
	width: 55%;
	text-align: left;
	/* font-size: 1.5rem; */
	font-size: 1.7rem;
	font-weight: normal;
}


.contents_hukidashi3 {
	margin-top: 30px;
	margin-bottom: 35px;
}

.contents02_minititle3 {
	margin: auto;
	width: 200px;
	height: 30px;
}

/*------------------
SP処理
------------------*/
@media screen and (max-width: 767px) {/* 767px以下のスタイル */
.contents02_minititle_left:after,
.contents02_minititle:after,
.contents02_minititle_right:after {
	height: 40px;
}
.contents02_minititle_left2:after,
.contents02_minititle_2:after,
.contents02_minititle_right2:after {
	height: 60px;
}
.contents02_minititle1,
.contents02_minititle2,
.contents02_minititle3{
	height: 40px;
	width: 80vw;
	margin-left:8vw;
}
.contents02_minititle2{
	width: 80vw;
	margin-left:4vw;
}
.contents02_minititle1{
	height: 60px;
}
.contents02_minititle1 span,
.contents02_minititle2 span,
.contents02_minititle3 span {
	width: 100%;
	font-size: 1.9rem;
}
.contents02_minititle1 span {
	width: 90%;
	font-size: 1.9rem;
}
}


.contexts02_register_descriptions {
	width: 92%;
	margin-left: 4%;
	margin-top: 15px;
	overflow: hidden;
	font-size: 1.3rem;
}
.contexts02_register_description_number {
	text-align: left;
	width: 90%;
	margin-left: 5%;
	font-size: 1.5rem;
	margin-top: 10px;
	margin-bottom: 3px;
}
.contexts02_register_description_number_img {
	position: relative;
	display:inline-block;
	width: 30px;
	height: 23px;
	text-align: center;
}
.contexts02_register_description_text {
	width: 95%;
	min-height: 30px;
	position: relative;
	display:inline-block;
	vertical-align: middle;
	font-size: 1.7rem;
	font-weight: normal;
}

.contexts02_register_JCBwarninglink {
	margin-top: 10px;
}

@media screen and (max-width: 1160px) {
.member_oklist_title2 {
    font-size: 1.8vw;
}
}

.member_oklist2 {
	margin-top: 60px;
	width:92%;
}
.member_oklist_cards {
	margin-top: 30px;
	text-align: left;
	width: 100%;
}
.member_oklist_card {
	position: relative;
	display:inline-block;
	width: 30%;
	max-width: 270px;
	margin-left:1.4%;
	margin-right:1.4%;
	margin-bottom:15px;
}
.member_oklist_card img{
	width: 100%;
}
.member_oklist_cardtxt {
	position: absolute;
	text-align: center;
	top: 32%;
	left: 0;
	right:0;
	font-size: 1.5rem;
}
.member_oklist_cardtxt2{
	top: 14%;
}

@media screen and (max-width: 848px) {
.member_oklist_cardtxt2{
	top:15%;
    font-size: 1.3vw;
}
}

/*------------------
SP処理
------------------*/
@media screen and (max-width: 767px) {/* 767px以下のスタイル */
.contexts02_approved_left {
	text-align: center;
	width: 100%;
	max-width: 360px;
	margin-bottom: 4rem;
}
.contexts02_approved_right {
	width: 100%;
	margin-left: 0px;
}
.contexts02_approved_right p{
	font-weight: normal;
	font-size: 1.6rem;
}
.contents_hukidashi3 {
	margin-top: 2rem;
	margin-bottom: 4rem;
}
.contexts02_register_description_number {
	text-align: center;
	width: 100%;
	margin-left: 0;
}
.contexts02_register_description_number_img{
	width: 5%;
}
.contexts02_register_description_text {
	width: 85%;
	margin-left: 10px;
	min-height: 30px;
	text-align: left;
	vertical-align:top;
	font-weight: normal;
	font-size: 1.6rem;
}
.contexts02_register_JCBwarninglink {
	margin-top: 3rem;
	font-weight: normal;
	font-size: 1.5rem;
}

.member_oklist_cards {
	text-align: center;
	margin-top: 6rem;
}
.member_oklist_card {
	width: 45%;
}
.member_oklist_cardtxt {
	width: 80%;
	margin-left: 9%;
	top: 39%;
	bottom:35%;
	font-size: 2rem;
}
.member_oklist_cardtxt2{
	width: 80%;
	top: 17%;
}
.member_oklist_title2 {
    font-size: 2rem;
}
.member_oklist_card3 {
	width: 100%;
	max-width: 94%;
}
}

@media screen and (max-width: 547px) {
.member_oklist_cardtxt{
    font-size: 2.91vw;
}
.member_oklist_cardtxt2{
	top: 15%;
	font-size: 3vw;
}
}


/*------------------
リンクホバー動作
------------------*/
.auto_underbar:link {
text-decoration:none;
color: black;
}
.auto_underbar:visited {
text-decoration:none;
color: black;
}
.auto_underbar:active {
text-decoration:none;
color: black;
}
.auto_underbar:hover {
text-decoration:underline;
}

.set_underbar:link {
text-decoration:underline;
color: black;
}
.set_underbar:visited {
text-decoration:underline;
color: black;
}
.set_underbar:active {
text-decoration:underline;
color: black;
}
.auto_underbar:hover {
text-decoration:underline;
}

/*------------------
追従入会ボタン
------------------*/
.memberlink {
    position: fixed;
    width: 150px;
    top: 10px;
    z-index: 10;
    left: 50%;
    margin-left: 370px;
}

.memberlink a{
	display:block;
	max-width:123px;
	line-height:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	animation:popAnimations_01 3s ease-in-out 0s infinite;
}

.member_oklist_card a:hover {
	display:block;
}
/*------------------
SP処理
------------------*/
@media screen and (max-width: 1047px) {/* 767px以下のスタイル */
.memberlink {
    margin-left: 0px;
	left: 82%;
}
.memberlink img{
	width: 16vw;
}
}

@media screen and (min-width: 768px) {/* 768px以上のスタイル */
.memberlink a:hover img,
.contexts02_approved_left a:hover img,
.member_oklist_card a:hover {
	transform:translate(8px,8px);
}
}

.memberlink a:after,
.contexts02_approved_left a:after,
.member_oklist_card a:after{
	width: 100%;
	height: 100%;
	left: 8px;
	top: 8px;
	content:'';
	position:absolute;
	z-index:-1;
	border-radius:10px;
	background:url("../img/img_bg01.png")
}

.contexts02_approved_left a:after,
.member_oklist_card a:after{
	height: 95%;
}
.member_oklist_card a:hover:after {
	left: 0px;
	top: 0px;
}


@keyframes popAnimations_01{
from{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

80%{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

85%{
-webkit-transform:scale3d(.8,.8,.8);
transform:scale3d(.8,.8,.8)
}

90%{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

93%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}

96%{
-webkit-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)
}

to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}

@keyframes popAnimations{
from{
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}

50%{
-webkit-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)
}

70%{
-webkit-transform:scale3d(.8,.8,.8);
transform:scale3d(.8,.8,.8)
}

to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}


}@keyframes popAnimations{
from{
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}

50%{
-webkit-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)
}

70%{
-webkit-transform:scale3d(.8,.8,.8);
transform:scale3d(.8,.8,.8)
}

to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}

/* footer
--------------------------------*/
.footer {width: 100%;/*min-width: 1104px;*/border-top: 1px solid #656363;background-color: #fff;}
.footer-inner {margin: 0 auto;}
.footer-list {font-size: 0;}
.footer-list > li {display: inline-block;}
.footer-about {border-top: 1px solid #e6e6e6;text-align: center;}
.footer-about > dl {font-size: 1.2rem;}
.footer-about > dl > dt {color: #c00;font-weight: 700;}
.footer > p.coptyright {padding: 15px 0;font-size: 1.2rem;color: #000;background-color: #eee;text-align: center;}

@media screen and (min-width: 768px) {
  /* footer */
  .footer-inner {max-width: 1020px;width: 92%;}
  .footer-list {margin: 32px 0;padding: 0 5.88235%;}
  .footer-list > li {-webkit-box-sizing: content-box;box-sizing: content-box;}
  .footer-list > li:first-child {padding-right: 2.1%;width: 48.3%;}
  .footer-list > li:nth-child(2) {padding-left: 2%;padding-right: 3%;width: 19.5%;border-left: 1px solid #ccc;}
  .footer-list > li:nth-child(3) {padding-left: 2.4%;width: 22.3%;border-left: 1px solid #ccc;}
  .footer-about > dl {margin: 0 auto;padding: 20px 0 24px;width: 100%;line-height: 1.8rem;overflow: hidden;}
}
@media screen and (max-width: 767px) {
/* footer */
.footer {min-width: 0;}
.footer-inner {width: 90%;}
.footer-list {margin: 4.09165% 0;}
.footer-list > li:first-child {width: 50.08183%;}
.footer-list > li:nth-child(2) {width: 24.87725%;}
.footer-list > li:nth-child(3) {width: 25.04092%;}
.footer-about > dl {padding: 2.66667% 0 3.2%;line-height: 1.5rem;}
.footer-about > dl > dd {margin-top: 8px;font-weight: 700;}
.footer-about > dl > dd span {text-decoration: underline;}
}