/***** reset *****/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	text-decoration: none;
}
ins,
mark {
	background-color: #ff9;
	color: #000;
}
mark {
	font-style: italic;
	font-weight: 700;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input,
select {
	vertical-align: middle;
}
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
}
button,input,select,textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
code,kbd,pre,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
#yui3-css-stamp.cssfonts {
	display: none;
}
body,button,input,select,textarea {
	font-family: Helvetica, Arial, \\30d2\30e9\30ae\30ce\89d2\30b4 ProN W3, Hiragino Kaku Gothic ProN, "\30E2\30EA\30B5\30EF\65B0\30B4R", Droid Sans, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}

/***** /reset *****/

/***** utility *****/
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.tdu {text-decoration: underline !important;}
.tdn {text-decoration: none !important;}
.text_color_glay {color: #666 !important;}
.text_padding {padding: 0 3.125%;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.fs10 {font-size: 0.625rem;}
.fs11 {font-size: 0.6875rem;}
.fs12 {font-size: 0.75rem;}
.fs13 {font-size: 0.8125rem;}
.fs14 {font-size: 0.875rem;}
.fs15 {font-size: 0.9375rem;}
.fs16 {font-size: 1rem;}
.fs17 {font-size: 1.0625rem;}
.fs18 {font-size: 1.125rem;}
.fs19 {font-size: 1.1875rem;}
.fs20 {font-size: 1.25rem;}
.fs21 {font-size: 1.3125rem;}
.fs22 {font-size: 1.375rem;}
.fs23 {font-size: 1.4375rem;}
.fs24 {font-size: 1.5rem;}
.fs25 {font-size: 1.5625rem;}
.fs26 {font-size: 1.625rem;}
.fs27 {font-size: 1.6875rem;}
.fs28 {font-size: 1.75rem;}
.fs29 {font-size: 1.8125rem;}
.fs30 {font-size: 1.875rem;}
.fs31 {font-size: 1.9375rem;}
.fs32 {font-size: 2rem;}
.fs33 {font-size: 2.0625rem;}
.fs34 {font-size: 2.125rem;}
.fs35 {font-size: 2.1875rem;}
.fs36 {font-size: 2.25rem;}
.fs37 {font-size: 2.3125rem;}
.fs38 {font-size: 2.375rem;}
.fs39 {font-size: 2.4375rem;}
.fs40 {font-size: 2.5rem;}
.fsVW10 {font-size: 0.625rem;font-size: 3.125vw;}
.fsVW11 {font-size: 0.6875rem;font-size: 3.4375vw;}
.fsVW12 {font-size: 0.75rem;font-size: 3.75vw;}
.fsVW13 {font-size: 0.8125rem;font-size: 4.0625vw;}
.fsVW14 {font-size: 0.875rem;font-size: 4.375vw;}
.fsVW15 {font-size: 0.9375rem;font-size: 4.6875vw;}
.fsVW16 {font-size: 1rem;font-size: 5vw;}
.fsVW17 {font-size: 1.0625rem;font-size: 5.3125vw;}
.fsVW18 {font-size: 1.125rem;font-size: 5.625vw;}
.fsVW19 {font-size: 1.1875rem;font-size: 5.9375vw;}
.fsVW20 {font-size: 1.25rem;font-size: 6.25vw;}
.fsVW21 {font-size: 1.3125rem;font-size: 6.5625vw;}
.fsVW22 {font-size: 1.375rem;font-size: 6.875vw;}
.fsVW23 {font-size: 1.4375rem;font-size: 7.1875vw;}
.fsVW24 {font-size: 1.5rem;font-size: 7.5vw;}
.fsVW25 {font-size: 1.5625rem;font-size: 7.8125vw;}
.fsVW26 {font-size: 1.625rem;font-size: 8.125vw;}
.fsVW27 {font-size: 1.6875rem;font-size: 8.4375vw;}
.fsVW28 {font-size: 1.75rem;font-size: 8.75vw;}
.fsVW29 {font-size: 1.8125rem;font-size: 9.0625vw;}
.fsVW30 {font-size: 1.875rem;font-size: 9.375vw;}
.fsVW31 {font-size: 1.9375rem;font-size: 9.6875vw;}
.fsVW32 {font-size: 2rem;font-size: 10vw;}
.fsVW33 {font-size: 2.0625rem;font-size: 10.3125vw;}
.fsVW34 {font-size: 2.125rem;font-size: 10.625vw;}
.fsVW35 {font-size: 2.1875rem;font-size: 10.9375vw;}
.fsVW36 {font-size: 2.25rem;font-size: 11.25vw;}
.fsVW37 {font-size: 2.3125rem;font-size: 11.5625vw;}
.fsVW38 {font-size: 2.375rem;font-size: 11.875vw;}
.fsVW39 {font-size: 2.4375rem;font-size: 12.1875vw;}
.fsVW40 {font-size: 2.5rem;font-size: 12.5vw;}
.fwb {font-weight: 700 !important;}
.fwn {font-weight: 400 !important;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.lh1 {line-height: 1 !important;}
.lh11 {line-height: 1.1 !important;}
.lh12 {line-height: 1.2 !important;}
.lh13 {line-height: 1.3 !important;}
.lh14 {line-height: 1.4 !important;}
.lh15 {line-height: 1.5 !important;}
.vat {vertical-align: top !important;}
.vam {vertical-align: middle !important;}
.vab {vertical-align: bottom !important;}
.vas {vertical-align: sub !important;}
.text_color_red {color: #ff4d4d !important;}
/***** /utility *****/

/***** style *****/
html {
	box-sizing: border-box;
}
*,:after,:before {
	box-sizing: inherit;
}

body,html {
	font-size: 16px;
	font-size: 5vw;
}

.wrapper--registration {
	background: #fff;
	word-wrap: break-word;
	word-break: normal;
	padding: 0;
	margin-bottom: 31.25%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
[v-cloak] {
	display: none;
}


.green_box {
	background-color: #39C5B8;
}


/*header*/
.registravtion_header {
	margin-bottom: 9%;
}

.header_main_txt {
	padding-top: 8%;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}


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

.header_txt_wrap {
    width: 89.4%;
    margin: 0 auto;
}

.header_txt_wrap p {
    font-size: 0.85rem;
    line-height: 1.4;
}

.header_txt_wrap span {
	background: linear-gradient(transparent 50%, #FFF700 0%);
}
/*header*/


/*slider_wrap*/
.slider_title {
	width: 100%;
    margin: 8% auto 0;
}

.slider_wrap_items {
	margin-top: -4%;
}
/*slider_wrap*/


/*recommend_box*/
.recommend_main_txt {
	font-size: 1.25rem;		
	color: #fff;
	/* text-shadow：rgb（0、0、0）3px 0px 0px、rgb（0、0、0）2.83487px 0.981584px 0px、rgb（0、0、0）2.35766px 1.85511px 0px、rgb（0、0、 0）1.62091px 2.52441px 0px、rgb（0、0、0）0.705713px 2.91581px 0px、rgb（0、0、0）-0.287171px 2.98622px 0px、rgb（0、0、0）-1.24844px 2.72789px 0px、rgb（0、0、0）-2.07227px 2.16926px 0px、rgb（0、0、0）-2.66798px 1.37182px 0px、rgb（0、0、0）-2.96998px 0.42336px 0px、rgb（0 、0、0）-2.94502px -0.571704px 0px、rgb（0、0、0）-2.59586px -1.50383px 0px、rgb（0、0、0）-1.96093px -2.27041px 0px、rgb（0、0 、0）-1.11013px -2.78704px 0px、rgb（0、0、0）-0.137119px -2.99686px 0px、rgb（0、0、0）0.850987px -2.87677px 0px、rgb（0、0、0） 1.74541px -2.43999px 0px、rgb（0、0、0）2.44769px -1.73459px 0px、rgb（0、0、0）2.88051px -0.838247px 0px; */
	-webkit-text-stroke: 6px #000; 
	text-stroke: 6px #000;
	position: relative;
	text-align: center;
	margin-bottom: 1.8%;
	font-weight: 500;
}

.fuchiue {
	-webkit-text-stroke: 0;
    position: absolute;
}

.txt_color_yellow {
	color: #F7FF00;
}

.txt_small {
	font-size: 0.625rem;
}

.recommend_box p {
	font-size: 0.625rem;
	text-align: center;
	font-weight: bold;
}

.recommend_img {
	width: 100%;
    margin: 2.67% auto 0;
	vertical-align:top;
}
/*recommend_box*/


/*other_possible*/
.other_possible {
	padding: 5.33% 0 10.73%;
}

.other_possible_title {
	/* font-family: 'M PLUS Rounded 1c Medium', sans-serif; */
	font-size: 1.25rem;	
	color: #39C5B8;
	text-align: center;
	margin-bottom: 2.67%;
	font-weight: 500;
} 

.other_possible_function {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 8.53%;
	list-style-type: none;
}

.other_possible_function_item {
	flex: 0 0 47.62%;
	border-radius: 10px;
	padding: 3.22% 4%;
	min-height: 50.13vw;
	min-width: 40vw;
	margin-bottom: 2.67%;
	background-color: #F0F0F0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	list-style-type: none;
}

.other_possible_function_item02 {
	flex: 0 0 40%;
	/* padding: 2.67% 4%; */
	min-width: 40vw;
	margin-bottom: 2.67%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	list-style-type: none;
}

.other_possible_function_name {
	text-align: center;
	font-size: 0.8rem;
	font-weight: bold;
}

.other_possible_function_name02 {
	text-align: center;
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 5.33%;
}

.other_possible_function_img img {
	margin: 1.6% auto;
	display: block;
	width: 80%;
}

.other_possible_function_img02 img {
	margin: 0 auto 3%;
	display: block;
	width: 85%;
}

.other_possible_function_txt {
	padding: 0 5.33%;
	font-size: 0.65rem;
}
/*other_possible*/


/* recommend_title */
.recommend_title{
	margin-top: 10.67%;
}

.recommend_title_img {
	width: 100%;
	margin: 0 auto;
}

.recommend_title_txt {
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	margin-top: -1.75%;
}
/* recommend_title */


/*header_btn_wrap*/
.header_btn_wrap {
	width: 94.67%;
    margin: 8% auto;
	padding-top: 5.33%;
    background-color: #fff;
	border: solid 4px;
	border-color: #009B87 ;
}

.registration_3000btn_txt01 {
	color: #B027F5;
    font-size: 0.9rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5%;
    letter-spacing: -0.2px;
}



/*registration_30free_btn01*/
.registration_30free_btn01{
    width: 91.4%;
    display: block;
    margin: 0 auto;
}

.registration_attention {
    font-size: 0.65rem;
    width: 89.4%;
    margin: 0 auto;
    line-height: 1.4;
}

.attenstion_txt01 {
	color: #F5273C;
}

.btn_head_txt {
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    width: 89.4%;
    margin: 6% auto 0.5%;
	letter-spacing: -1px;
}
/*registration_30free_btn01*/

/*reccomend_box01*/
.blue_heading_box {
	background-color: #00AFAA;
    padding: 3%;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
	line-height: 1.4;
}

.reccomend_box01_txt01 {
    font-size: 0.85rem;
    width: 89.4%;
	margin: 6% auto 4%;
	line-height: 1.4;
}

.txt_color_red {
	color: #F5273C;
}

.txt_color_orange {
	color: #FF6F00;
}

.light_gray_box {
    background-color: #F1EFE7;
    border-radius: 8pt;
    width: 94.75%;
    margin: 0 auto;
}

.light_gray_box h3 {
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    padding: 5% 0 4%;
}

.light_gray_box img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.light_gray_box p {
    font-size: 0.65rem;
    line-height: 1.4;
    margin: 0 auto;
    width: 90%;
    padding: 4% 0 5%;
}

.reccomend_box01_txt02 {
    font-size: 0.85rem;
    width: 89.4%;
    margin: 6% auto 9%;
	line-height: 1.4;
}

.reccomend_box01_txt02 span {
	background: linear-gradient(transparent 50%, #FFF700 0%);
}

/*reccomend_box01*/


/*reccomend_box02*/
.reason_round {
    border: #00AFAA solid 2px;
    background-color: #fff;
    color: #00AFAA;
    border-radius: 30px;
    width: 35.25%;
    margin: 5% auto 3%;
    text-align: center;
    padding: 1% 0;
    font-size: 1.05rem;
}

.reccomend_reason01_wrap {
	margin-bottom: 8%;
}

.reccomend_reason01_wrap h2 {
	font-size: 1.25rem;
    text-align: center;
	line-height: 1.3;
	font-weight: bold;
}

.reason_widget_img01 {
    width: 89.4%;
    display: block;
    margin: 3% auto 4%;
}

.reason_widget_txt01 {
	font-size: 0.8rem;
    width: 89.4%;
    margin: 6% auto 0;
    line-height: 1.4;
}

.icon_txt_wrap {
	display: flex;
    width: 86%;
    margin: 3% auto 0;
    justify-content: center;
    align-items: center;
}

.icon_txt_wrap img {
	width: 25%;
}

.icon_txt_wrap p {
    font-size: 0.765rem;
    line-height: 1.4;
    font-weight: bold;
    margin-left: 3%;
}

.reccomend_reason02_wrap h2 {
	font-size: 1.25rem;
    text-align: center;
	line-height: 1.3;
	font-weight: bold;
}

.reason_widget_img02 {
    width: 84%;
    display: block;
    margin: 3% auto 4%;
}

.reason_widget_txt02 {
	font-size: 0.8rem;
    width: 89.4%;
    margin: 5% auto 0;
    line-height: 1.4;
}

.maro_comment_wrap {
	display: flex;
    width: 86%;
    margin: 4% auto 0;
    justify-content: center;
    align-items: center;
	font-weight: bold;
}

.maro_comment_wrap img {
	width: 41.5%;
}


.maro_comment_wrap p {
    font-size: 0.765rem;
    line-height: 1.4;
    width: 50%;
	margin-right: 2%;
}

.maro_comment_wrap span {
	color: #00AFAA;
}

/*reccomend_box02*/





.about_graphwidget_txt_wrap span {
	background: linear-gradient(transparent 50%, #FFF700 0%);
}



.registration_btn_wrap {
	margin-top: 2%;
    display: block;
}

.registration_btn00 {
	display: block;
	width: 88.333%;
	margin: 0 auto 4%;
	padding: 3% 0 2.5%;
	border: 0;
	text-align: center;
	border-radius: 30px;
	cursor: pointer;
	background: #1ebfbb;
	-webkit-box-shadow: 0 3px 0 0 #048a86;
	box-shadow: 0 3px 0 0 #048a86;
	text-decoration: none !important;
	background-color: #1ebfbb;
	color: #fff;
	line-height: 1.4;
}

.registration_btn_icon {
	width: 15%;
	float: left;
	margin-left: 14%;
}

.registration_btn_icon02 {
	width: 16.55%;
	float: left;
	margin-left: 9.61%;
}

.registration_btn_icon img {
	width: 100%;
}

.registration_btn_icon02 img {
	width: 100%;
}

.registration_btn_txt01 {
    width: 70%;
    font-size: 1.1rem;
    line-height: 1;
    margin-left: 23%;
    letter-spacing: 0px;
}

.registration_btn_txt01 span {
    font-size: 0.7rem;
}

.registration_btn01 {
	display: block;
	width: 77.33%;
	margin: 0 auto -2%;
	padding: 3% 0 2%;
	border: 0;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	background: #fe8f11;
	-webkit-box-shadow: 0 3px 0 0 #a85e09;
	box-shadow: 0 3px 0 0 #a85e09;
	text-decoration: none !important;
	background-color: #fe8f11;
	color: #fff;
	line-height: 1.4;
}

.registration_btn01_02 {
	display: block;
	width: 83.6%;
	margin: 0 auto -2%;
	padding: 3% 0 2%;
	border: 0;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	background: #fe8f11;
	-webkit-box-shadow: 0 3px 0 0 #a85e09;
	box-shadow: 0 3px 0 0 #a85e09;
	text-decoration: none !important;
	background-color: #fe8f11;
	color: #fff;
	line-height: 1.4;
}

.registration_btn02 {
	display: block;
	width: 85.333%;
	margin: 0 auto 8px;
	padding: 2.5% 0 1.8%;
	border: 0;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	background: #FF4D4D;
	-webkit-box-shadow: 0 3px 0 0 #D52B2B;
	box-shadow: 0 3px 0 0 #D52B2B;
	text-decoration: none !important;
	background-color: #FF4D4D;
	color: #fff;
	line-height: 1.4;
}

.registration_btn02.limited01 {
	position: relative;
	overflow: hidden;
}
.registration_btn02.limited01:before {
    content: "期間限定";
    position: absolute;
    top: 13%;
    left: -9.5%;
    background-color: #FFE958;
    width: 30%;
    font-size: 0.5rem;
	font-weight: 600;
    padding-top: 1%;
	padding-bottom: 1%;
    color: #4C4C4C;
    transform: rotate(-45deg);
}

.registration_btn03 {
	display: block;
	width: 90.333%;
	margin: 0 auto 8px;
	padding: 2.5% 0 1.8%;
	border: 0;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	background: #FF4D4D;
	-webkit-box-shadow: 0 3px 0 0 #D52B2B;
	box-shadow: 0 3px 0 0 #D52B2B;
	text-decoration: none !important;
	background-color: #FF4D4D;
	color: #fff;
	line-height: 1.4;
}

.registration_btn03.limited01 {
	position: relative;
	overflow: hidden;
}
.registration_btn03.limited01:before {
    content: "期間限定";
    position: absolute;
    top: 13%;
    left: -9.5%;
    background-color: #FFE958;
    width: 30%;
    font-size: 0.5rem;
	font-weight: 600;
    padding-top: 1%;
	padding-bottom: 1%;
    color: #4C4C4C;
    transform: rotate(-45deg);
}

.registration_btn04 {
	display: block;
	width: 85.333%;
	margin: 0 auto 8px;
	padding: 2.5% 0 1.6%;
	border: 0;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	background: #B027F5;
	-webkit-box-shadow: 0 3px 0 0 #6E00A5;
	box-shadow: 0 3px 0 0 #6E00A5;
	text-decoration: none !important;
	background-color: #B027F5;
	color: #fff;
	line-height: 1.4;
}

.registration_btn04_02 {
	display: block;
	width: 92.22%;
	margin: 0 auto 8px;
	padding: 2.5% 0 1.6%;
	border: 0;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	background: #B027F5;
	-webkit-box-shadow: 0 3px 0 0 #6E00A5;
	box-shadow: 0 3px 0 0 #6E00A5;
	text-decoration: none !important;
	background-color: #B027F5;
	color: #fff;
	line-height: 1.4;
}

.registration_btn04.goodvalue01 {
	position: relative;
	overflow: hidden;
}
.registration_btn04.goodvalue01:before {
    content: "お得!!";
    position: absolute;
    top: 13%;
    left: -9.5%;
    background-color: #FF0000;
    width: 30%;
    font-size: 0.5rem;
	font-weight: 600;
    padding-top: 0.5%;
	padding-bottom: 0.3%;
    color: #FFE958;
    transform: rotate(-45deg);
}

.registration_btn04.goodvalue01:after {
    content: "お得!!";
    position: absolute;
    bottom: 13%;
    right: -9.5%;
    background-color: #FF0000;
    width: 30%;
    font-size: 0.5rem;
	font-weight: 600;
    padding-top: 0.3%;
	padding-bottom: 0.5%;
    color: #FFE958;
    transform: rotate(-45deg);
}

.registration_btn04_02.goodvalue01 {
	position: relative;
	overflow: hidden;
}
.registration_btn04_02.goodvalue01:before {
    content: "お得!!";
    position: absolute;
    top: 13%;
    left: -9.5%;
    background-color: #FF0000;
    width: 30%;
    font-size: 0.5rem;
	font-weight: 600;
    padding-top: 0.5%;
	padding-bottom: 0.3%;
    color: #FFE958;
    transform: rotate(-45deg);
}

.registration_btn04_02.goodvalue01:after {
    content: "お得!!";
    position: absolute;
    bottom: 13%;
    right: -9.5%;
    background-color: #FF0000;
    width: 30%;
    font-size: 0.5rem;
	font-weight: 600;
    padding-top: 0.3%;
	padding-bottom: 0.5%;
    color: #FFE958;
    transform: rotate(-45deg);
}

.registration_btn_txt_wrap {
	width: 70%;
    font-size: 1.1rem;
    line-height: 1.7;
    margin-left: 19%;
    letter-spacing: 0px;
}

.registration_btn05 {
	display: block;
	width: 85.333%;
	margin: 0 auto 8px;
	padding: 2.5% 0 1.8%;
	border: 0;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	background: #B027F5;
	-webkit-box-shadow: 0 3px 0 0 #6E00A5;
	box-shadow: 0 3px 0 0 #6E00A5;
	text-decoration: none !important;
	background-color: #B027F5;
	color: #fff;
	line-height: 1.4;
}

.registration_btn_txt02 {
	font-size: 0.6rem;
	/* font-weight: bold; */
}

.registration_btn_txt03{
	font-size: 0.7rem;
	line-height: 1.2;
}

.registration_btn_txt03 span{
	font-size: 1.1rem;
}

.img_with_dashed {
	width: 83.25%;
    margin: 3% auto 0;
}

.img_with_dashed02 {
	width: 92.22%;
    margin: 3% auto 0;
}

.img_with_dashed03 {
	width: 92.22%;
    margin: 3% auto 0;
}

.img_with_dashed img {
	width: 100%;
	margin: 0 auto;
}

.img_with_dashed02 img {
	width: 100%;
	margin: 0 auto;
}

.img_with_dashed03 img {
	width: 100%;
	margin: 0 auto;
}


.dashed {
    margin: 5% 0;
	height: 1px;
	background-image : linear-gradient(to right, #9B9B9B, #9B9B9B 2px, transparent 2px, transparent 5px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}

.dashed02 {
    margin: 2.93% 0;
	height: 1px;
	background-image : linear-gradient(to right, #9B9B9B, #9B9B9B 2px, transparent 2px, transparent 5px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}

.registration_btn01_title01 {
	width: 84.333%;
	margin: 0 auto;
	margin-bottom: 0.8197%;
	letter-spacing: -.04rem;
}
.registration_btn01_caution01 {
	width: 93%;
	margin: 1.7334% auto 3%;
	text-align: left;
	color: #666;
}

.registration_guide {
	text-align: center;
	margin: 2.93% 0 7%;
}
.registration_guide a {
	color: #666;
}

.registration_guide_02 {
	text-align: center;
	margin: 2.93% 0 5%;
}
.registration_guide_02 a {
	color: #666;
}

.registration_guideText01 {
	font-size: 0.65rem;
}

.registration_guideText01 a {
	text-decoration: none;
}

.registration_guideText02 {
	font-size: 0.747rem;
	margin-top: 1.5%;
	color: #666;
}


@media screen and (max-width: 360px) {
	.registration_guideText01 {
		font-size: 0.687rem;
	}
}

.registration_text04 {
	text-align: center;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.4;
	color: #ff4d4d;
}
.registration_text05 {
	text-align: center;
	font-size: 0.8125rem;
	margin: 0.6667% 0 1.3334%;
	line-height: 1.4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.registration_text05 img {
	width: 32px;
	margin-right: 4px;
}
.registration_text06 {
	text-align: center;
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0 0 5.3334%;
	line-height: 1.3;
}
.registration_text06 strong {
	vertical-align: middle;
	margin-top: 8px;
	display: inline-block;
	line-height: 1;
	font-size: 2rem;
	color: #ff4d4d;
	border-bottom: 2px solid #ff4d4d;
}

.registration_allow_wrap01 {
	position: relative;
	width: 84.266%;
	margin: 0 auto;
	border: 2px solid #ccc;
	background-color: #eee;
	border-radius: 20px;
}
.registration_allow_wrap01:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 65%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../img/registration/content_allow01.png) no-repeat 0 0;
	background-size: 19px 19px;
}
.registration_allow_wrap01 p {
	padding: 10px;
	font-size: 0.83rem;
	text-align: center;
	color: #333;
}
.registration_allow_charaIcon01 {
	text-align: center;
	margin-top: 3%;
}
.registration_allow_charaIcon01 img {
	width: 36.267%;
}
.registration_allow_wrap02 {
	position: relative;
	width: 84.266%;
	margin: 0 auto;
	border: 2px solid #ccc;
	background-color: #eee;
	border-radius: 20px;
}
.registration_allow_wrap02:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/registration/content_allow02.png) no-repeat 0 0;
	background-size: 24px 24px;
}
.registration_allow_wrap02 p {
	padding: 4.81%;
	line-height: 1.5;
	padding-bottom: 7.5%;
	font-size: 0.83rem;
}
.registration_allow_wrap02 p strong {
	color: #a99242;
}
.registration_allow_charaIcon02 {
	position: relative;
	text-align: right;
	margin-top: -6%;
	margin-right: 2%;
}
.registration_allow_charaIcon02 img {
	width: 44%;
}
.registration_allow_charaIcon03,
.registration_allow_charaIcon04 {
	text-align: center;
	margin-top: 1.5%;
}
.registration_allow_charaIcon03 img,
.registration_allow_charaIcon04 img {
	width: 27%;
}
.registration_allow_charaIcon05 {
	text-align: center;
	margin-top: 1.5%;
	margin-bottom: 10.67%;
}
.registration_allow_charaIcon05 img {
	width: 46.3%;
}
.registration_allow_charaIcon08 {
	text-align: center;
	margin-top: 0.5%;
	margin-left: -10%;
}
.registration_allow_charaIcon08 img {
	width: 25%;
}
.registration_allow_charaIcon09 {
	text-align: center;
	margin-top: 1.5%;
	margin-left: -8%;
}
.registration_allow_charaIcon09 img {
	width: 32.84%;
}
.registration_possible_title01 {
	width: 100%;
	margin-top: 6.25%;
	text-align: center;
	padding: 0 3.125%;
}
.registration_possible_title01 img {
	width: auto;
	max-width: 100%;
	vertical-align: top;
}
.registration_possible_text01 {
	font-size: 0.9375rem;
	color: #333;
	line-height: 1.5;
	margin-top: 4.6875%;
	padding: 0 3.125%;
	text-align: center;
}
.registration_possible_text01 strong {
	color: #fe8f11;
	font-size: 1.937rem;
}
.registration_possible_text01 span {
	font-size: 1.25rem;
}
.registration_possible_method {
	padding: 0 7%;
	margin: 10% 0 5%;
}
.registration_possible_method img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.registration_possible_method li {
	display: table;
	width: 100%;
	border-bottom: 2px solid #d0b35b;
	padding: 3.5% 0;
}
.registration_possible_method li:first-child {
	border-top: 2px solid #d0b35b;
}
.registration_possible_method li > * {
	display: table-cell;
	vertical-align: middle;
}
.registration_possible_methodText div {
	margin-bottom: 3%;
}
.registration_possible_methodText div img {
	width: 50px;
}
.registration_possible_methodText p {
	font-size: 0.75rem;
	color: #333;
}
.registration_possible_methodText p strong {
	font-size: 1rem;
}
.registration_possible_methodImg {
	width: 27%;
}

@media screen and (max-width: 360px) {
	.registration_possible_text01 strong {
		font-size: 1.5rem;
	}
}

.registration_method_area {
	margin-top: 8.53%;
	margin-bottom: 6.25%;
	color: #333;
}
.registration_contents_img01 {
	display: block;
	width: auto;
	max-width: 87.667%;
	margin: 8.333% auto 0;
}
.registration_contents_img02 {
	display: block;
	width: auto;
	max-width: 100%;
	margin: 7% auto 0;
}
.registration_method_title {
	background: url(../img/registration/method_title_bg01.png) 0 0;
	padding: 5%;
	position: relative;
}
.registration_method_title:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -3.125%;
	margin-left: 3.125%;
	display: inline-block;
	width: 16.5%;
	padding-top: 15%;
	background: url(../img/registration/premium_icon02.png) no-repeat 0 0;
	background-size: 100% auto;
}
.registration_method_title h2 {
	text-align: center;
	line-height: 1.5;
	font-weight: 400;
	font-size: 0.75rem;
}
.registration_method_title h2 strong {
	font-size: 1.4rem;
}
.registration_method_contents {
	margin-bottom: 5%;
	padding: 0 3.733333%;
}
.registration_method_contentsImg01 {
	width: 89.33333%;
	margin: 0 auto;
}
.registration_method_contentsImg02 {
	width: 100%;
	margin: 0 auto;
}

.registration_method_contentsText01 {
	margin-top: 6%;
	font-size: 0.937rem;
}
.registration_review {
	margin-bottom: 10.67%;
}
.registration_review_inner {
	padding: 3.67% 0 0;
}
.registration_review_title {
	background-color: #C0A955;
    padding: 3%;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
	line-height: 1.3;
    margin: 0 0 5%;
}
.registration_review_read {
	display: table;
	width: 100%;
	margin: 6% 0;
	padding: 0 2.6667%;
}
.registration_review_read > * {
	display: table-cell;
	vertical-align: middle;
}
.registration_review_readImg {
	padding-right: 3.7%;
}
.registration_review_readImg img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.registration_review_readText {
	text-align: center;
	font-size: 0.83rem;
	width: 79.5%;
}
.registration_review_readText p {
	border-radius: 20px;
	background: #f1efe7;
	padding: 10px 15px;
	position: relative;
}
.registration_review_readText p:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 0;
	border-color: transparent #eee transparent transparent;
}

.registration_review_slider {
	padding: 0 2.2667%;
	margin-bottom: 8%;
}

.registration_review_slider img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.registration_review_slider .swiper-pagination {
	position: static;
	margin-top: 2%;
}

.registration_review_slider .swiper-pagination02 {
	position: static;
	margin-top: 2%;
	text-align: center;
}

.registration_review_slider .swiper-pagination-bullet-active {
	background: #222;
}

.registration_review_slider .swiper-pagination02 .swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-pagination02 .swiper-pagination-bullet {
	opacity: 1.0;
	background: rgba(255 , 255 , 255 , 0.3);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 1.25%;
	width: 8px;
	height: 8px;
}

.swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet {
	background: #666;
	margin: 0 2.5%;
	width: 10px;
	height: 10px;
}

.registration_review_text01 {
	padding: 5.3% 2.6667%;
	font-size: 0.85rem;
	line-height: 1.4;
}
.registration_review_text01 strong {
	color: #3bb2a6;
}
.registration_review_text01 .notes {
	font-size: 0.65rem;
}
.registration_media {
	color: #333;
	font-size: 0.937rem;
	margin-bottom: 5.3%;
}
.registration_media_inner {
	background: #efede4;
	padding: 10.6667% 2.6667%;
	margin-bottom: 7.9%;
}
.registration_media_title {
	color: #a99242;
	font-size: 1.25rem;
	text-align: center;
}
.registration_media_list {
	margin: 5.3% 0 0;
	line-height: 2rem;
	font-size: 0.83rem;
}

@media screen and (max-width: 360px) {
	.registration_media_list {
		font-size: 0.8rem;
	}
}

.registration_media_list img {
	float: right;
	width: 34.5%;
	margin-top: -5%;
}
.registration_methodPrice {
	color: #333;
	font-size: 0.937rem;
	margin-top: 10.67%;
	margin-bottom: 5.3%;
}
.registration_methodPrice_inner {
	background: #efede4;
	padding: 4.6667% 2.6667% 8%;
	margin-bottom: 10.67%;
}
.registration_methodPrice_title {
	color: #a99242;
	font-size: 1.25rem;
	text-align: center;
	line-height: 1.4;
}
.registration_methodPrice_list {
	font-size: 0.75rem;
	margin-top: 7.9%;
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	display: table;
	color: #333;
}
.registration_methodPrice_list tr {
	background-color: #fff;
	border-bottom: 1px solid #999;
}
.registration_methodPrice_list td,
.registration_methodPrice_list th {
	padding: 8px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.registration_methodPrice_list td:first-child,
.registration_methodPrice_list th:first-child {
	padding-left: 16px;
}
.registration_methodPrice_list th {
	font-weight: normal;
}
.registration_methodPrice_list th:first-child {
	width: 56%;
	border-right: 1px solid #999;
}
.registration_methodPrice_list th:last-child {
	background: #c0a854;
	color: #fff;
	border: 2px solid #c0a854;
}
.registration_methodPrice_list td:first-child {
	text-align: left;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
.registration_methodPrice_list td:last-child {
	border-left: 2px solid #c0a854;
	border-right: 2px solid #c0a854;
	border-bottom: 1px solid #999;
	background: #faf3d9;
}
.registration_methodPrice_list tr:last-child td:last-child {
	border-bottom: 2px solid #c0a854;
}
.registration_methodPrice_list .premium {
	color: #a99242;
	font-weight: 700;
}
.registration_methodPrice_list .free {
	color: #999;
	font-weight: 700;
}

.registration_methodPrice_list .premium {
	color: #FF4D4D;
}
.registration_methodPrice_list th .icon01 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 58.11%;
	transform: translateX(-50%);
	margin-top: -43%;
}
.registration_methodPrice_list .free_bg {
	background-color: #999;
	color: #fff;
}
.registration_methodPrice_list th:last-child {
	background: #FF8800;
	border: 2px solid #FF8800;
	border-left: 6px solid #FF8800;
	border-right: 6px solid #FF8800;
	padding: 2% 0 1%;
	font-weight: bold;
}
.registration_methodPrice_list td:last-child {
	border-left: 6px solid #FF8800;
	border-right: 6px solid #FF8800;
	background: #fff;
}
.registration_methodPrice_list .premium_frame_top {
	position: relative;
}
.registration_methodPrice_list .premium_frame_top:before {
	content: '';
	position: absolute;
	top: -14px;
	left: -6px;
	height: 12px;
	width: calc(100% + 12px);
	background: #FF8800;
	border-radius: 5px 5px 0 0;
}
.registration_methodPrice_list .premium_frame_bottom {
	position: relative;
}
.registration_methodPrice_list .premium_frame_bottom:before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: -6px;
	height: 6px;
	width: calc(100% + 12px);
	background: #FF8800;
	border-radius: 0 0 5px 5px;
}

@media screen and (max-width: 360px) {
	.registration_methodPrice_list {
		font-size: 0.75rem;
	}
	.registration_methodPrice_list th:first-child {
		width: 50%;
	}
}

@media screen and (max-width: 320px) {
	.registration_methodPrice_list th:last-child {
		border: 2px solid #FF8800;
		border-left: 4px solid #FF8800;
		border-right: 4px solid #FF8800;
	}
	.registration_methodPrice_list td:last-child {
		border-left: 4px solid #FF8800;
		border-right: 4px solid #FF8800;
	}
	.registration_methodPrice_list .premium_frame_top:before {
		top: -10px;
		left: -4px;
		height: 8px;
		width: calc(100% + 8px);
	}
	.registration_methodPrice_list .premium_frame_bottom {
		position: relative;
	}
	.registration_methodPrice_list .premium_frame_bottom:before {
		bottom: -4px;
		left: -4px;
		height: 4px;
		width: calc(100% + 8px);
	}
}

/* 規約 */
.registration_contents {
	margin: 8% 0;
	padding: 0 5.33333%;
}

.registration_contents.registration_contents_trial02 {
	width: 94.6%;
	margin: 10.67% auto 0;
	padding: 3.733333%;
	background: #ececec;
	border-radius: 5px;
}

.registration_contents.registration_contents_trial02 a {
	color: #666;
}
.registration_contents.registration_contents_trial02 .registration_btn01_title01 {
	width: 100%;
}
.registration_contents.registration_contents_trial02 .registration_btn01 {
	width: 100%;
	color: #fff;
}
.registration_contents.registration_contents_trial02 .registration_register_caution01 {
	width: auto;
}

.registration_contents_title {
	font-size: 0.8125rem;
	color: #000;
	line-height: 1;
	position: relative;
	font-weight: 400;
}

.registration_contents_subtitle {
	font-size: 0.8125rem;
	color: #000;
	margin-top: 0.8125rem;
	font-weight: 400;
}
.registration_contents_subtitle:before {
	content: "\25CF";
}
.registration_contents_txt01 {
	font-size: 0.8125rem;
	color: #000;
	line-height: 1.5;
}
.registration_contents a {
	color: #000;
	text-decoration: underline;
}
/* /規約 */

/***** /style *****/