@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/
/*
 merumaga_subsc
==============================*/
.br{display: block;}
.open_btn {cursor: pointer;}
@media screen and (min-width: 735px) { a[href^="tel:"]{color: #444;} }
/* mv ----------*/
#mv { margin-top: 2rem; }
#mv { width: 100%; }
#mv .inner { width: 100%; max-width: 1100px; margin: 0 auto; }
#mv .mv_img_box { position: relative; }
#mv .mv_text_box { background: rgba(255, 255, 255, 0.9); position: absolute; top: 4rem; left: 0; width: auto; padding: 2rem 2rem 2rem 3rem; width: 33%; }
#mv .mv_ttl { font-size: 3rem; color: #33190C; line-height: 1.1; font-feature-settings: "palt"; padding-bottom: 1rem;}
#mv .mv_text_item { font-size: 1.6rem; color: #33190C; margin: 0; line-height: 1.2; font-feature-settings : "palt"; }

/* main ----------*/
.fs-l-main {margin-top: 2rem; margin-bottom: 10rem; }
.main_inner { width: 100%; max-width: 1100px; margin: 0 auto;}
section {width: 100%; max-width: 1100px; margin: 0 auto 7rem; }
.sec_inner {margin: 0 10rem;}
.main_ttl { font-size: 3rem; color: #fff; background: #663300; padding: 1rem 0; line-height: 1.8; width: 100%; max-width: 1100px; margin: 0 auto 3rem;}
.art_ttl { font-size: 2rem; color: #FF6C00; border-bottom: 1px solid #663300; padding-bottom: 1rem; }
.art_subttl { color: #000; font-size: 1.6rem; font-weight: normal!important; }
.sec_text, .art_list { font-size: 1.4rem; color: #444; margin: 0.5em 0; }
.register_flow { margin-bottom: 10rem; }
article { margin-bottom: 4rem; }
.art_list li { position: relative; padding-left: 1em; }
.art_list li::before { content:"・"; font-size: 1.4rem; width: 100%; height: 100%; display: inline; position: absolute; left: 0; }
.art_inner, .opt { padding: 3rem 4rem 0; }
.art_ttl span { position: relative; }
.ic_ma::after { content:""; width: 22px; height: 20px; display: inline; background: url("https://micshop.itembox.design/item/_img/register/mail_icon.png")no-repeat; background-size: 100% 100%; position: absolute; top: 2px; right: -2.5rem; }
.ic_my::after { content:""; width: 25px; height: 25px; display: inline; background: url("https://micshop.itembox.design/item/_img/register/mypage_icon.png")no-repeat; background-size: 100% 100%; position: absolute; top: 0; right: -3rem; }
.ic_po::after { content:""; width: 25px; height: 25px; display: inline; background: url("https://micshop.itembox.design/item/_img/register/point_icon.png")no-repeat; background-size: 100% 100%; position: absolute; top: 0; right: -3rem; }
.ic_cata::after { content:""; width: 25px; height: 25px; display: inline; background: url("https://micshop.itembox.design/item/_img/register/book_icon.png")no-repeat; background-size: 100% 100%; position: absolute; top: 0; right: -3rem; }
.point_image_box { border: 1px solid #663300; background: #F8F7F5; padding: 2rem 6.5rem; display: flex; }
.point_image_box .img_box { margin-right: 3rem; width: 30.427%; }
.lst_box { margin-right: 0; }
.fs-c-inputTable > tbody > tr { display: block; border: 1px solid #ddd; }
.fs-c-inputTable > tbody > tr + tr { margin-top: 0; border-top: none; }
.fs-c-inputInformation__message p{ font-size: 1.4rem; color: #444; }
.fs-c-inputInformation__field { max-width: 900px; margin: 2rem auto 0; }
fieldset { border: none; margin: 0; padding: 0; }
.fs-c-inputTable__headerCell { text-align: left; min-width: 260px; background: #999999; vertical-align: middle; color: #fff; width: 28%; position: relative; padding:0  7rem 0 2rem; }
.fs-c-inputTable__dataCell { padding: 2rem; width: 71%; }
.fs-c-requiredMark::before { content: "必須"; width: 36px; height: 21px; display: block; background: #D90000; color: #fff; font-size: 1.3rem; font-weight: bold; position: absolute; text-align: center; right: 2rem; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.fs-c-memberPolicyAgreeField { margin-top: 1rem !important; font-size: 1.4rem; color: #444; }
.fs-c-memberPolicyAgreeField a { text-decoration: underline; }
.fs-c-checkbox__checkbox:checked + label > .fs-c-checkbox__checkMark { background: #633319; border-color: #633319; }
.fs-c-button--confirmRegister { background: #633319; border-radius: 5px; min-width: auto; font-size: 1.6rem; font-weight: bold; color: #fff; border: none;     padding: 1.5rem 4rem 1.5rem 3rem; position: relative; }
.fs-c-button__label { display: none; }
.fs-c-button--confirmRegister::before { content:"登録確定"; width: 100%; height: 100%; display: inline; color: #fff; font-size: 1.6rem; letter-spacing: 0.5px; }
.fs-c-button--confirmRegister::after { content:"\f14a"; font-family: "Font Awesome 5 Pro"; display: inline-block; font-size: 1.3rem; color: #fff; position: absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right: 2.5rem; }
.fs-c-inputInformation__button { margin-top: 0; }


@media screen and (max-width: 768px ) {
	.fs-l-main { margin: 5rem 5rem 7rem; width: auto; padding: 0;  }
	section { margin-bottom: 5rem; }
	.sec_inner {margin: 0 2rem;}
	.sec_subttl { margin: 0 0 1rem; }
	.main_ttl { font-size: 2.5rem; height: 6rem; margin-bottom: 5rem; }
	.main_ttl span { width: 100%; }
	.art_subttl, .art_ttl { font-size: 2.2rem; }
	.sec_text, .art_list { font-size: 2rem; }
	.art_inner, .opt { padding: 3rem 2.5rem 0; }
	.point_01 { margin-top: 5rem; }
	.point_image_box { padding: 2rem 1rem; }
	.fs-c-inputInformation__message { margin: 0 auto 3rem; }
	.fs-c-inputInformation__message p { font-size: 2rem; }
	.fs-c-inputTable > tbody > tr { display: flex; }
	label, .fs-c-inputTable__label { font-size: 2rem; padding: 0; }
	.fs-c-inputTable__headerCell { padding: 1rem; }
	.fs-c-requiredMark::before { right: 1rem; }
	.fs-c-inputTable__headerCell { width: auto; min-width: inherit; }
	.fs-c-inputTable__dataCell { width: auto; }
	.fs-c-radio__radioLabelText { color: #444; }
	.fs-c-inputField__explanation { font-size: 1.6rem; }
	.fs-c-checkbox__labelText { font-size: 2rem; }
	.img_box { margin-right: 2%; width: 32%; }
	.ic_ma::after { width: 20px; height: 18px; right: -6rem;}
	.ic_my::after { width: 20px; height: 20px; right: -6rem;}
	.ic_po::after { width: 20px; height: 20px; right: -6rem;}
	.ic_cata::after { width: 20px; height: 20px; right: -6rem;}
}

@media screen and (max-width: 414px ) {
	.fs-l-main { margin: 0 3.5rem 7rem; }
	.register_flow { 5rem; }
	.main_ttl { font-size: 2.2rem; height: auto; }
	.art_subttl, .art_ttl { font-size: 2rem; }
	.main_ttl, .sec_ttl { margin-bottom: 3rem; }
	#mv .mv_ttl { margin-bottom: 0.8rem; }
	#mv .mv_text_box { position: static; transform: none; top: auto; max-width: inherit; width: auto; text-align: center; padding: 3rem 3.5rem 0; }
	#mv .mv_text_item { font-size: 1.6rem; }
	#mv .mv_ttl { font-size: 2.3rem; }
	.sec_text, .art_list, .fs-c-checkbox__labelText, label, .fs-c-inputTable__label, .fs-c-inputField__explanation, .fs-c-inputInformation__message p { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.05rem; }
/*	.ic_ma::after { width: 30px; height: 25px; top: -5px; right: -3.5rem; }
	.ic_my::after { width: 35px; height: 35px; top: -2.5rem; right: -5rem; }
	.ic_po::after { width: 35px; height: 35px; top: -2.5rem; right: -5rem; }*/
	.point_image { margin-top: 3rem; }
	.point_image_box { padding: 3rem 3rem 0; display: block; }
	.point_image_box .img_box { width: auto; margin-right: 0; margin-bottom: 3rem; text-align:center; }
	.art_inner, .opt { padding: 3rem 2rem 0; }
	.fs-c-inputTable__dataCell { padding: 1rem; }
}