*{ box-sizing: border-box; }
html, body, div, span,iframe,h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr,address, big, em, img,small, strong,b, u, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline;}
html{ -webkit-text-size-adjust: none; line-height: 1.15; -webkit-text-size-adjust: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { font-family: 'Noto Sans JP', sans-serif , Ariel; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: .5px;}
button{ font-family: 'Noto Sans JP', sans-serif , Ariel; font-size: 14px; font-weight: 400; line-height: 1.6;}
a { background-color: transparent; text-decoration: none; line-height: 1.6; }
ol, ul {list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
img { border-style: none; height: auto; width: auto\9; /* ie8 */}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
input[type=text]{-moz-appearance: none;/* older firefox */ -webkit-appearance: none; /* safari, chrome, edge and ie mobile */ appearance: none; /* rest */ -webkit-box-sizing: content-box; -webkit-box-shadow: none;
    -moz-box-shadow: none; box-shadow: none; outline:0; font-family: inherit; font-size: 100%; box-sizing: border-box;}
input:focus,select:focus,button:focus{ outline: none;}
select{ margin-right: 8px; font-size: 14px; background: url(../img/arrow_down.png) no-repeat 94% 50% transparent;  -webkit-appearance: none; color: #fff; border-radius: 10px; border: solid 1px #fff; padding: 10px 22px;}
input[type=radio]{ position: relative; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 5px 0 0;
     display: inline-block; background: transparent; top: 10px; height: 20px; width: 20px; border-radius: 5px; cursor: pointer; outline: none; border:solid 1px #fff; }
input[type=checkbox]{ position: relative; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 5px 0 0;
    display: inline-block; background: transparent; top: 10px; height: 20px; width: 20px; border-radius: 5px; cursor: pointer; outline: none; border:solid 1px #fff; }


option{ background: #fff; color:#000;}
option:hover{ background: #e9e9e9; color:#000;}

input[type=radio]:checked::before{ content: ''; position: absolute; left: 0px; top: 0px; margin: 3px; width: 12px; height: 12px; border-radius: 3px; background: #fff; box-sizing: border-box;}
input[type=radio]:hover{ background-color:rgba(54,60,56,.85);}

input[type=checkbox]:checked::before{ content: ''; position: absolute; left: 0px; top: 0px; margin: 3px; width: 12px; height: 12px; border-radius: 3px; background: #fff; box-sizing: border-box;}
input[type=checkbox]:hover{ background-color:rgba(54,60,56,.85);}

#login{ height: 100vh }
.wrapper{ display: block; width: 100%; background: url('../img/m_bg.jpg'); background-attachment: fixed; background-size: cover; background-position: center;  }
h2{ font-family: 'Noto Serif JP', serif; font-size: 2.5rem; color: #fff; font-weight: 400; text-align: center; margin-bottom: 35px; }
h6{ position: relative; font-size: 15px; color: #fff; width: 100%; font-weight: 400; padding-left: 30px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: solid 1px #fff; }
.content_basic h6::before{ position: absolute; top: 3px; left: 0; content: '1'; font-size: 13px; line-height: 1.4; display: block; width: 20px; height: 20px; border-radius: 50px; background: #fff; color: #363c38; padding: 0px 0 0 7px; box-sizing: border-box;}
.content_safety h6::before{ position: absolute; left: 0; content: '2'; font-size: 13px; display: block; width: 24px; height: 24px; border-radius: 50px; background: #fff; color: #363c38; padding: 2px 0 0 8px; box-sizing: border-box;}
.btn{ display: inline-block; padding: 5px 25px; margin-bottom: 20px; font-size: 25px; color: #fff; background: transparent; border: solid 1px #fff; border-radius: 10px; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.btn:hover{ background:#b39f95;}
.btn_wrap{ display: block; width: 100%;}
section{ padding: 4% 0; min-height: 100vh; }
.form_row{ margin-bottom: 22px;}
.ss_txt{ color: #fff; font-size: 12px;}
.t_white{ color: #fff;}
.box{ background: rgba(54,60,56,.9); max-width: 600px; padding: 5% 4%; margin: 0 auto;}
.member_infor .box{ padding: 5% 2%; }
form { width: 100%; display: block; }
form input[type=text],form input[type=password]{ display: block; border:solid 1px #fff; width: 100%; border-radius: 10px; background: transparent; color: #fff; padding: 10px 15px; }
.need_txt{ margin-left: 5px; }

.f_label{ color: #fff; font-size: 14px; margin-bottom: 10px; }
.s_link{ display: block; font-size: 14px; color: #fff; }
.sign_in .btn_wrap{ margin-top: 80px; text-align: center; }
.forgot select{ width: calc(100%/4); }
.se_forgot label{ vertical-align: sub; vertical-align: -webkit-baseline-middle}
.forgot .btn_wrap,.member_infor .btn_wrap{ text-align: center; margin-top: 60px; }
.btn_wrap a{ margin-left: 15px; }
.btn_wrap a:first-child{ margin-left: 0 }
.forgot input[type=text]{ display: inline-block; width: 65% }

.cfm_box { position: absolute; top: 35%; left: 0; right: 0; margin: 0 auto;text-align: center; background: #fff; max-width: 450px; min-height: 220px; padding:60px 30px 30px; box-shadow: 0 0 5px #555; border-radius: 8px; }
.cfm_box p{ font-size: 16px; line-height: 1.8; padding-bottom: 20px }
.cfm_box .btn_send { background: #363c38;display: inline-block; border: 1px solid #363c38;  padding: 8px 25px;  margin-top: 10px; font-size: 1rem; color: #fff; border-radius: 8px;}
.cfm_box .btn_send:hover{background: #fff; border: 1px solid #363c38; color:#363c38;}

/* Member information / fancybox rules */
.fancybox-inner{ position: fixed; width: 100%; max-width: 580px; max-height:80vh; background: #fff; margin: 6vh auto; overflow-y: scroll; } 

.fancybox-content h2{ font-size: 22px; color: #820d0d; margin: 0;}
.fancybox-content h4{ font-size: 18px; margin-bottom: 15px;  }
.fancybox-content  ol li{ margin-bottom: 15px; }
.fancybox-content  ol { margin: 15px 0; list-style-position: inside; list-style-type: decimal; }
.fancybox-content  ol  ol{ margin-left: 15px; }
.fancybox-content div{  border-bottom: solid 1px #f5f5f5; padding:20px 0;  }

/* Member information / signup.html */
.content_basic{ margin-bottom: 60px; }
.mb_wrap .form_row{ width: 100%; }
.mb_label{ display: inline-block; width: 30%; margin-top: 9px; vertical-align: top; color: #fff; }
.form_type{ display: inline-block; width: 69%; }
.m_name input[type=text]{ display: inline-block; width: calc(90%/3); }
.m_gender input[type=radio],.m_news input[type=radio]{ vertical-align: super;}
.m_news label{ display: inline-block; vertical-align: bottom}
.mb_wrap select{ width: calc(100%/4);}
.m_mail input[type=text]{ display: inline-block; width: 70%;}
.m_phone input[type=text]{ display: inline-block; width: 70%;}
.m_addr input[type=text]{ display: inline-block; width: 70%;}
.content_safety input[type=text],.content_safety input[type=password]{ display: inline-block; width: 70%;}
.member_infor .btn_wrap{ margin-top: 0;}
.member_infor .btn_last{ position: relative; width: 100%; max-width: 270px;}
.member_infor .btn_last span:first-child{ display: inline-block; padding-right: 15px; line-height: 1.1; font-size: 10px; }
.member_infor .arrow{ position: absolute; top: 5px; right: 10px;}
.m_pass .need_txt{ display: block; margin:0;}
.content_safety .notice{ margin:0 0 30px; padding: 0 15px; border-left: solid 1px #fff; font-size: 13px; color: #fff; line-height: 1.8;}
.notice a{ position: relative; margin: 0 3px; color: #fff; }
.notice a:after{ content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #fff;}
.m_pass .need_txt{ display: block; margin:0;}


/* Member set*/
#ms_kv { padding-bottom: 50% !important; width: 100%;}
.ms_wrapper{ font-size: 16px;}
.ms_wrapper p{ color: #363c38; }
.ms_con{ width: 100%; max-width: 1000px; margin:40px auto 30px; }
.ms_con a{color: #363c38;}
.ms_con>div{ position: relative; }
.ms_con h1{ display: inline-block; width: 30%; font-family: 'Noto Serif JP', serif; font-size: 3.75rem; color: #363c38; font-weight: 400;}
.ms_login{  display: inline-block; position: absolute; right: 0; top: 10px }
.ms_login a:hover,.breadcrumb a:hover{ text-decoration: underline; }
.ms_list{ width: 100%; background: #f7f7f7; padding: 0 0 35px;  }
.ms_list ul{ display: block; max-width: 1000px;  margin: 0 auto;}
.ms_list ul li{ display: inline-block; margin-top: 30px; margin-right: 30px; }
.ms_list .active { font-weight: bold;}

.ms_list ul li:first-child{ margin-left: 0; }
.ms_list ul a{ position: relative; display: inline-block; font-family: 'Noto Serif JP', serif; color: #363c38; font-size: 18px; font-weight: bold; }
.ms_list li a:hover::after,.ms_list li .active::after{ content: ''; position: absolute; left: 0; bottom: -8px; width: 100%; height: 2px; background:#363c38;  }
.ms_login p{ display: inline-block; margin-right: 10px; }
.ms_login span{ margin-right: 8px; }
.ms_login a{ margin-left: 10px; color: #363c38; line-height: 4; }
.breadcrumb{ width: 100%; max-width: 1000px; margin:15px auto 0; font-size: 14px; }
.breadcrumb li{ display: inline-block;}
.breadcrumb a{ font-size: 14px; color: #363c38;}

.ms_list_box{ width: 100%; max-width: 700px; min-height: 450px; margin: 0px auto 0; padding-top: 60px;}
.row{ position: relative; width: 100%; height: auto; border-bottom: solid 1px #eee;  min-height: 64px; line-height: 4; padding: 10px 0; }
.ms_label{ /*display: inline-block; width: 30%; margin-right: 3%*/ width:25%; margin-right:1%;}
.ms_box{ /*display: inline-block; width:66%;*/ width:25%; margin-right:1%;}
.ms_btn{ display: inline-block;padding: 8px 20px; background: #363c38; color: #fff; border: solid 1px #363c38; border-radius: 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;  }
.ms_btn:hover{ background: #fff; color: #363c38; border: solid 1px #363c38;}
.btn_edit{ position: absolute; top: 20px; right: 0; float: right; }

.sml_info {width:96%;}
.sml_info p {font-size:14px; line-height:16px; text-align:justify;}

.ms_wrapper input[type=text]{ display: inline-block; width: 70%; height: 46px; border: solid 1px #363c38; padding: 8px 15px; border-radius: 10px;}
.ms_wrapper input[type=password]{ display: inline-block; width: 70%; height: 46px; border: solid 1px #363c38; padding: 8px 15px; border-radius: 10px;}
.ms_box input[type=radio]{ border: solid 1px #363c38; vertical-align: super;}
.ms_box input[type=radio]:checked::before{ content: ''; position: absolute; left: 0px; top: 0px; margin: 3px; width: 12px; height: 12px; border-radius: 3px; background: #363c38; box-sizing: border-box;}
.ms_box input[type=radio]:hover{ background-color:rgba(54,60,56,.1);}

.ms_box input[type=checkbox]{ border: solid 1px #363c38; vertical-align: super;}
.ms_box input[type=checkbox]:checked::before{ content: ''; position: absolute; left: 0px; top: 0px; margin: 3px; width: 12px; height: 12px; border-radius: 3px; background: #363c38; box-sizing: border-box;}
.ms_box input[type=checkbox]:hover{ background-color:rgba(54,60,56,.1);}

.ms_edit_mail p{line-height: 1.6;}
.ms_edit_mail .ms_label{ vertical-align: middle;}
.ms_list_box .btn_wrap{ text-align: center; margin-top: 20px; }

.ms_wrapper input[type=text]::-webkit-input-placeholder { color:#c8c8c8; }
.ms_wrapper input[type=text]:::-moz-placeholder { color: #c8c8c8; }
.ms_wrapper input[type=text]:::-moz-placeholder{color:#c8c8c8;}
.ms_wrapper input[type=text]::-ms-input-placeholder{color: #c8c8c8;}

.ms_wrapper input[type=password]::-webkit-input-placeholder { color:#c8c8c8; }
.ms_wrapper input[type=password]:::-moz-placeholder { color: #c8c8c8; }
.ms_wrapper input[type=password]:::-moz-placeholder{color:#c8c8c8;}
.ms_wrapper input[type=password]::-ms-input-placeholder{color: #c8c8c8;}

.ms_spend_detail{ padding:20px; border: 1px solid #eee; background: #f8f8f8; }
.find_spend_tip{ padding-top: 20px; font-size: 14px; line-height: 1.7; }
.find_spend_tip li{ margin-bottom: 10px;}
.find_spend select {  background: url(../img/arrow_down_b.png) no-repeat 94% 50% transparent; color:#363c38; border: solid 1px #363c38;}
.find_spend .ms_label{ width: 100%}
.find_spend .form_type{ width:46%;}
.tilde { display: inline-block; width: 6%; line-height: 1.8; text-align: center; color: #777;}
.s_title{ width: 100%; font-size: 1.1rem; font-weight: 600; border-bottom: solid 1px #363c38; line-height: 4; }
.value{ display: inline-block; font-weight: 600; color: #b53434; margin:0 10px; }
.ms_dc_box{ margin: 20px 0; }
/* .ms_dc_box h5{ font-size: 1.1rem; padding-bottom: 10px; border-bottom: solid 1px #c8c8c8 } */
.ms_dc_box ul{ margin: 15px 0; }
.ms_dc_box ul li{ line-height: 2; padding-bottom: 10px }

.eslite_card{ position: relative; width: 100%; max-width: 480px; margin: 0 auto 40px; text-align: center; }
.eslite_card > img{ width: 100%; max-width: 280px; }
.eslite_card .qr{ margin-top: 20px; }
.qr img{ display: block; width: 80%; margin: 0 auto; }
/* for Member search point and consumption */
.ms_spend_detail .row{ border:none; /*padding: 0; line-height: 4;*/ display:flex; justify-content:left; align-items:flex-start; padding:10px 0px; line-height:26px; min-height:26px;}
.mp_content{ display:none; margin: 25px 0;}
.panel-group{ max-width: 1100px; margin:0 auto; }
.panel-group input[type=radio]{ width: 0; height: 0; }
#radio1:checked ~ .tab-group [for="radio1"],#radio2:checked ~ .tab-group [for="radio2"],
#radio3:checked ~ .tab-group [for="radio3"]{ }
#radio1:checked ~ .content-group .content1,#radio2:checked ~ .content-group .content2,
#radio3:checked ~ .content-group .content3 {display:block}
.tab-group label { background: #eee; padding: 5px 10px; border-radius: 5px; color:#363c38; cursor: pointer; position: relative;  display: inline-block; margin-left: 15px;}
.tab-group label:first-child{ margin-left: 0; }
.tab-group label.active, .tab-group label:hover{ background: #666; color: #fff;}
.ms_list_points input[type=radio],.ms_list_points input[type=radio]:checked::before,.ms_list_points input[type=radio]:hover::before{ width: 0; background: #fff; }
.consumption_detail{ padding-bottom: 10px; white-space: nowrap;}
.point_inquiry_list{ list-style: none; padding: 0; overflow: hidden; margin-top: .2rem; }
.consumption_detail .date { width: 18%; padding: 12px 10px;}
.consumption_detail .shop { width: 14%;}
.consumption_detail .number { width: 14%; word-wrap: break-word;}
.consumption_detail .price,.consumption_detail .totalPrice,.consumption_detail .point{ width:13%; text-align: right;}
.consumption_detail .discount,.consumption_detail .product{ width: 13%;}
.consumption_detail .price{ width: 12%;}
.consumption_detail .totalPrice{ width: 15%;}
.consumption_detail .point { width: 18%;}
.consumption_list li div,.point_inquiry_list li div{ display: inline-table; padding: 18px 10px;}

.mp_row{ font-size: 15px;}
.point_inquiry_list li div{width:32.99%}
.mp_content .no_detail{ padding: 10px;}
.mp_content .list_title{ font-family: 'Noto Serif JP', serif; background: #eee; border-bottom: 2px solid #363c38; }
.list_detail:nth-child(odd){ background: #f8f8f8; }
.list_detail:nth-child(even){ background: #fdfdfd; }
.btn_op_slide { display: inline-block; color:#363c38; }
.list_detail .spend_items{ display: none; background: #fff; list-style-position: inside; list-style-type: decimal; width: 100%; line-height: 2; padding: 10px; border-top: 2px dashed #d4d4d4; }
.list_detail .spend_items li{ font-size: 14px; }
.consumption_list .spend_items li div{ padding: 5px; }
.spend_name{ width: 48%;}
.spend_money{}
.loading-color { color: #4285f4;}

/* for Member rules */
.rule_member h2{ font-size: 1.8rem; color: #363c38; }
.rule_member h4{ font-size: 1.2rem; color: #363c38; margin-bottom: 10px; }
.rule_member a{ color: #363c38;}
.rule_member p{ font-size: 14px; line-height: 1.8 }
.rule_member ul{ margin: 20px 0; }
.rule_member ul li{ margin-bottom: 15px; }
.rule_member ul ul{margin: 20px 0 20px 15px; color: #363c38; font-size: 14px; font-weight: normal; }
.rule_member  div{ margin-bottom: 30px; border-bottom: solid 1px #ddd; padding-bottom: 30px; }
.rule_member .rule_star{ color:#7d7979; margin-top: 20px;}

/* Member em_gift */
.em_gift ul{ display: inline-block; width: 100%; margin-top: 25px; }
.em_gift ul li{ display: inline-block; width: calc(98%/3); vertical-align: top; text-align: center; }
.em_gift .em_s_point { display: block; width:99px; height: 44px; margin: 0 auto; background: url(/static/member/img/em_s_point_m.jpg) top left no-repeat;}
.em_gift ul li:nth-child(2) .em_s_point{ background-position: 0 -44px;}
.em_gift ul li:nth-child(3) .em_s_point{ background-position: 0 -88px;}
.em_gift h3{ margin: 10px 0;  font-size: 13px; font-weight: normal; }
.em_gift img{ display: inline-block; width: auto; max-height: 90px;}


/* for Mobile */
@media only screen and (max-width: 1100px) {
	.panel-group { max-width: 1000%; padding: 0 2%;}

}

@media only screen and (max-width: 1000px) {
	.ms_con,.ms_list_detail,.breadcrumb,.ms_list_box{ max-width: 100%; padding:60px 4% 0; }
	.ms_wrapper .ms_list_points input[type=text]{width: 100%;}
	.ms_list { padding: 0 4% 35px;}
	.find_spend .ms_label{ width: 100%; }
	.find_spend select { width: 25%}
    .consumption_list{ width: 100%; max-width: calc(100vw - 15px); overflow: visible; -webkit-overflow-scrolling: touch; overflow-x: scroll; font-size: 0; }
	body:not(.isMobile) *::-webkit-scrollbar-thumb { background-color: #00000069; border-radius: 999px;}
	body:not(.isMobile) *::-webkit-scrollbar { width: 6px; height: 6px; background-color: transparent;}
}

@media only screen and (max-width: 960px) {
	.ms_list_points select { width: calc(85%/3);}
	.find_spend .form_type{ width: 100%;}
	.tilde { display: block; margin: 0 auto;}
	.point_inquiry_list{width: 100%; max-width: calc(100vw - 15px); padding-bottom: 10px; white-space: nowrap;}
	.consumption_list .mp_row{width: 130vw;}
}

@media only screen and (max-width: 768px) {
	.ms_spend_detail .row {flex-wrap:wrap;}
	.ms_box_b {width:100%; margin-top:10px;}
}

@media only screen and (max-width: 640px) {
	.ms_list_detail { margin: 30px 0;}
	.ms_wrapper input[type=text]{width: 75%;}
	.ms_edit_mail input[type=text]{width: 100%;}
	.ms_label,.ms_box{ display: block; width: 100%; }
	.ms_list_detail .row:nth-child(1) .ms_box,.ms_list_detail .row:nth-child(2) .ms_box,.ms_list_detail .row:nth-child(3) .ms_box{ display: inline-block; width: 66%; }
	.ms_list_detail .row:nth-child(1) .ms_label,.ms_list_detail .row:nth-child(2) .ms_label,.ms_list_detail .row:nth-child(3) .ms_label{ display: inline-block; width:29%;}
	.row{ line-height: 3; padding: 15px 0;}
	.ms_spend_detail .ms_label{ display: inline-block; width: 55%; margin-right: 0;}
	.ms_spend_detail .ms_box{ display: inline-block; width: auto;}
	.ms_list_points select { width: calc(80%/3);}
	.value{ }
	.consumption_list .mp_row{width: 170vw;}

}
@media only screen and (max-width: 600px) {
	section { padding: 4%;}
	.ms_con h1{ display: block; font-size: 3rem;}
	.ms_login{ position: static; font-size: 15px;}
	.consumption_list .mp_row{width: 190vw;}
	.fancybox-inner{ max-width: 320px;}
	.fancybox-content{ padding: 10px!important; }
	.em_gift h3 { padding: 5px;}
	.em_gift img { max-height: 100px;}	
}
@media only screen and (max-width:480px) {
	.ms_wrapper input[type=text],.ms_wrapper input[type=text],.ms_wrapper input[type=password]{ width: 100%;}
	.content_safety .notice{ padding: 0; border: none}

	}
@media only screen and (max-width: 414px) {
	.ms_wrapper { font-size: 15px;}
	h2{ font-size: 2rem; line-height: 1.4}
	.rule_member h2{ text-align: left; }
	select{ padding: 10px 15px; margin-right: 5px;}
	#ms_kv {height: 280px;}
	.btn{ font-size: 20px; }
	.forgot input[type=text],.m_phone input[type=text],.m_mail input[type=text],.m_addr input[type=text],.content_safety input[type=text], .content_safety input[type=password]{ width: 100%; }
	.m_name input[type=text] { width: 85%; margin-bottom: 10px; }
	.member_infor .box { padding: 5% 4%;}
	.mb_label{ margin-top: 0px; margin-right: 4%; }
	.form_type { width: 64%;}
	.mb_wrap select {width: 85%; margin-bottom: 10px; }
	.need_txt{ display: block; margin: 0px 0 0 0;}
	.m_pass .need_txt{ display: inline; margin: 0 5px 0 0;}
	.ms_list_points select { width: calc(75%/3);}
	.ms_list li a{ font-size: 15px;}
	.list_detail{ font-size: 13px;}
	.consumption_list .mp_row{ width: 215vw;}
	.ms_con{ padding: 0 4% 0;}
	.ms_list_box { padding: 40px 4% 0;}
	.ms_list { padding: 0 4% 25px;}
	.consumption_list { width: 100vw;  max-width: calc(100vw - 0px);}
	.ms_list ul li { margin-top: 20px;}
	.ms_list_detail { margin: 0 0 30px;}
	.ms_edit_mail .ms_label { margin-bottom: 5px;}
	.forgot .need_txt,.se_forgot .need_txt { display: inline;}
	.content_safety .notice{ font-size: 12px; line-height: 2;}
	
	.em_gift ul li{ width: 100%; text-align: left; margin-bottom: 15px;  }
	.em_gift h3{ float: left; display: inline-block; margin: 0; vertical-align: top; text-align: left;}
	.em_gift img{ float: right; max-height: 80px; }
	.em_gift .em_s_point{ display: inline-block; }
	.em_gift li div{  width: 65%; margin-right: 5%; }
}

@media only screen and (max-width: 375px) {
	.forgot select { width: calc(90%/1); margin-bottom: 15px;}
	.forgot .form_row:first-child{ margin-bottom: 0 }
	.sign_in .btn_wrap,.forgot .btn_wrap, .member_infor .btn_wrap {margin-top: 40px;}
	.consumption_list .mp_row{ width: 240vw;}
	.ms_list ul li { margin-right: 20px;}
}

@media only screen and (max-width: 360px) {
	h2 { font-size: 1.8rem; margin-bottom: 20px;}
	.rule_member h2{ font-size: 1.5rem;}
	.btn { font-size: 18px;}
	.need_txt{ display: inline; margin: 0 5px 0 0;}
	.mb_label{ display: block;margin-bottom: 15px;}
	.form_type ,.mb_label{ width:100%;}
	.form_row { margin-bottom: 30px;}
	.m_name input[type=text] { width: 90%}
	.ms_wrapper input[type=text] { width: 70%;}
	.ms_spend_detail { padding: 0 10px;}
	.ms_spend_detail .ms_label { width: 55%; font-size: 13px;}
	.ms_list_points select { width: calc(70%/3);}
	.ms_edit_mail input[type=text] { width: 100%;}
}