@charset "UTF-8";

#Content h3, #Content p {
    text-align: left;
}

#Content p.button {
    text-align: center;
}

#Content div.membership_wrap {
    margin:30px auto;
    text-align: left;
    width: 740px;
}

#Content .main2 .reminder_title {
    margin-bottom: 10px;
    padding: 3px 0;
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 0%, #eeeeee 90%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(90%, #eeeeee), color-stop(100%, #e9e9e9));
}

#Content .main2 .reminder_title .rem_asset_ttl_cmn {
    display: block;
    max-width: 980px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
}

#Container #Content div.main2 {
    margin: 67px auto 24px;
}

@media ( max-width : 767px) {
    #Content .main2 .reminder_title .rem_asset_ttl_cmn {
        font-size: 90%;
        padding: 0 15px;
    }
    
    #Container #Content div.main2 {
        margin: 49px auto 24px;
    }
    
    #Content .password_txt {
        padding: 0 20px;
    }
}

.membership_contents{
    border: 1px solid;
    height: 380px;
    margin-bottom: 10px;
    margin-top: 20px;
    overflow: scroll;
    padding: 10px 0;
    width:720px;
}
/*.membership_contents ul.accordion {
    border-top: 1px solid #CCCCCC;
    overflow: hidden;
}*/
/*.membership_contents ul.accordion li p {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #DBDBDB 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC;
}*/
.membership_contents ul.accordion li span {
    display: block;
    padding: 10px;
}
.membership_contents ul.accordion li dl dt {
   /* background: -moz-linear-gradient(center top , #FFFFFF 0%, #DBDBDB 100%) repeat scroll 0 0 transparent;*/
    background-color: #EEEEEE;
    padding:0;
    margin:10px 0 5px;
}
.membership_contents ul.accordion li dl dt span {
/*    background: url("../../images/sp/common/icon_arrow_down.png") no-repeat scroll right center transparent;
    display: block;*/
    font-weight: bold;
}
/*.membership_contents ul.accordion li dl dt.selected span {
    background: url("../../images/sp/common/icon_arrow_up.png") no-repeat scroll right center transparent;
}*/
.membership_contents ul.accordion li dl dd dl dt {
    background: none repeat scroll 0 0 transparent;
    padding:10px;
}
.membership_contents ul.accordion li dl dd ul {
    background: none repeat scroll 0 0 #FFFFFF;
}
.membership_contents ul.accordion_cate {
    margin: 0 0 10px;
    overflow: hidden;

/*	width:700px;
    border: 1px solid;
    height: 380px;
    margin-bottom: 10px;
    margin-top: 20px;
    overflow: scroll;
    padding: 8px;*/
}
/*.membership_contents ul.accordion_cate li.accordionList_cate p {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #DBDBDB 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC;
}*/
.membership_contents ul.accordion_cate li.accordionList_cate dl {
    overflow: hidden;
}
/*.membership_contents ul.accordion_cate li.accordionList_cate dl dt.btMenu_cate {
    background: none repeat scroll 0 0 #F1F0F7;
}*/
.membership_contents ul.accordion_cate li.accordionList_cate dl dt.btMenu_cate h4 {
/*    background: url("../../images/sp/common/icon_arrow_down.png") no-repeat scroll right center transparent;
    display: block;
    margin: 20px 0 0;*/
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-size: 15px;
    padding: 10px 0 10px 10px;
}

/*.membership_contents ul.accordion_cate li.accordionList_cate dl dt.selected h4 {
    background: url("../../images/sp/common/icon_arrow_up.png") no-repeat scroll right center transparent;
}*/
.membership_contents ul.accordion_cate li.accordionList_cate dl.btMenu_w dd ul {
    background: none repeat scroll 0 0 #FFFFFF;
}
.membership_contents ul.accordion_w {
    overflow: hidden;
}
.membership_contents ul.accordion_w li.accordionList_w p {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #DBDBDB 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC;
}
.membership_contents ul.accordion_w li.accordionList_w dl {
    overflow: hidden;
}
/*.membership_contents ul.accordion_w li.accordionList_w dl dt.btMenu_w {
    background: none repeat scroll 0 0 #F1F0F7;
}*/
.membership_contents ul.accordion_w li.accordionList_w dl dt.btMenu_w h4 {
/*    background: url("../../images/sp/common/icon_arrow_down.png") no-repeat scroll right center transparent;
    border-top: 2px solid #BBBBBB;
    display: block;
    padding: 10px;
    margin:20px 0 0;
    font-size:12px;*/
    display:none;
}
/*.membership_contents ul.accordion_w li.accordionList_w dl dt.selected h4 {
    background: url("../../images/sp/common/icon_arrow_up.png") no-repeat scroll right center transparent;
}*/
.membership_contents ul.accordion_w li.accordionList_w dl.btMenu_w dd ul {
    background: none repeat scroll 0 0 #FFFFFF;
}
.rule_list {
    margin: 0 0 20px 40px;
}
.rule_list li {
    padding: 10px 0 0;
}
.membership_txt {
    margin: 20px;
}
.membership_txt li {
    margin: 10px 0 0;
}


.member_info{
    margin:20px 0;

}


.member_info dd{
    margin:5px 0 20px;

}

/*--------------------------------------------------------------------------
    .reminder-inner-base
--------------------------------------------------------------------------*/
.rem_asset_ttl_cmn {
	max-width: 980px;
}

.reminder-inner-base {
	max-width: 980px;
	margin: 20px auto 0;
	font-size: 15px;
}

.reminder-inner-base * {
	font-size: inherit !important;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	line-height: 2;
}

.reminder-inner-base .form-top {
	padding-bottom: 20px;
	border-bottom: 1px solid #D3DAE4;
}

.reminder-inner-base .form-top p {
	padding-top: 10px;
	line-height: 2;
}

.reminder-inner-base .lower {
	width: 762px;
	float: left;
}

.reminder-inner-base .form-base {
	overflow: hidden;
	border-top: 1px dashed #C2C2C2;
	padding: 15px 0;
}

.reminder-inner-base .form-base:first-child {
	border-top: none;
}

.reminder-inner-base .ttl-form {
	padding-right: 73px;
	position: relative;
	float: left;
	padding-top: 7px;
	width: 145px;
	font-weight: bold;
}

.reminder-inner-base .ttl-form .ico-must {
	position: absolute;
	top: 8px;
	right: 30px;
	padding: 2px 10px 0;
	color: #FFF;
	font-size: 72% !important;
	font-weight: normal;
	background: #E70012;
}

.reminder-inner-base input {
	background-color: rgb(255, 223, 223);
	background-image: none;
	margin-right: 5px;
	padding: 7px 9px;
	border: 1px solid #C3C3C3;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	min-height: 33px;
	vertical-align: middle;
}

.reminder-inner-base .set-conf .asset_input-base .rem_zip_code1 {
	width: 100px;
}

.reminder-inner-base .set-conf .asset_input-base .sub {
	margin-right: 5px;
}

.reminder-inner-base .set-conf .asset_input-base .rem_zip_code2 {
	width: 100px;
}

.reminder-inner-base .set-name .asset_input-base input {
	width: 240px;
}

.reminder-inner-base .set-conf .asset_input-base input {
	width: 487px;
}

input::placeholder {
	color: #C3C3C3;
}

.reminder-inner-base input[type="checkbox"],.reminder-inner-base input[type="radio"]
	{
	position: absolute;
	top: 5px;
	left: 5px;
	filter: alpha(opacity = 0);
	opacity: 0;
	cursor: pointer;
}

.reminder-inner-base label.checked {
	background: url(../../images/v2/order/ico_radio_pc_on.png) no-repeat 0
		1px;
}

.reminder-inner-base label {
	display: inline-block;
	background: url(../../images/v2/order/ico_radio_pc.png) no-repeat 0 1px;
	overflow: hidden;
	padding-left: 32px;
}

.reminder-inner-base .set-date .sp-fixer {
	display: inline-block;
}

.reminder-inner-base .set-date .asset_select-base {
	display: inline-block;
	float: none;
	width: 122px;
	position: relative;
}

.reminder-inner-base .asset_select-base:before {
	content: "";
	position: absolute;
	width: 1px;
	right: 30px;
	bottom: 0;
	height: 100%;
	border-left: 1px solid #C3C3C3;
	pointer-events: none;
}

.reminder-inner-base .asset_select-base:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 12px;
	height: 8px;
	margin-top: -4px;
	background: url(../../images/v2/common/select_arw_pc.png) no-repeat;
	background-size: 12px 8px;
	z-index: 1;
	pointer-events: none;
}

.reminder-inner-base .asset_select-base select {
	width: 100%;
	padding: 4px 45px 4px 5px;
	border: 1px solid #C3C3C3;
	border-radius: 0;
	background-color: #FFF;
	appearance: none;
	cursor: pointer;
}

.reminder-inner-base .block-next {
	margin-top: 15px;
	margin-bottom: 0;
	padding-top: 30px;
	border-top: 1px solid #D3DAE4;
}

.reminder-inner-base .block-next p {
	text-align: center !important;
}

.reminder-inner-base .block-next p label {
	display: inline-block;
	width: 310px;
	padding: 8px;
	text-align: center;
	cursor: pointer;
	background: #FF8800;
	font-size: 115% !important;
	font-weight: bold;
	box-sizing: border-box;
}

.reminder-inner-base .block-next p input {
	color: #FFF;
	padding-left: 20px;
	background: url(../../images/v2/cart/ico_arw01_pc.png) no-repeat 0 50%;
	border: none;
	cursor: pointer;
	margin-left: 15px;
}

.reminder-inner-base .set-date .sub {
	margin: 0 4px;
}

.reminder-inner-base .input-error {
	display: block;
	width: auto !important;
	margin-top: 3px;
	padding-top: 0 !important;
	text-align: left;
	color: #DD0011 !important;
	font-weight: normal !important;
	letter-spacing: normal !important;
}

@media ( max-width : 767px) {
	.reminder-inner-base {
		max-width: inherit;
		min-height: inherit;
		margin: 0;
		padding: 0 15px;
	}
	.reminder-inner-base .ttl-form {
		padding-right: 0;
		padding-bottom: 5px;
		position: relative;
		float: none;
		padding-top: 0;
		width: auto;
	}
	.reminder-inner-base .ttl-form p {
		font-size: 109%;
		display: inline-block;
	}
	.reminder-inner-base .ttl-form .ico-must {
		display: inline-block;
		position: static;
		top: inherit;
		right: inherit;
		margin-left: 5px;
	}
	.reminder-inner-base .lower {
		width: auto;
		float: none;
	}
	.reminder-inner-base .set-name .asset_input-base {
		letter-spacing: -.40em;
	}
	.reminder-inner-base .set-name .asset_input-base input:first-child {
		margin-right: 4%;
	}
	.reminder-inner-base .set-name .asset_input-base input {
		width: 45%;
	}
	.reminder-inner-base .set-conf .asset_input-base input {
		width: 94%;
	}
	.reminder-inner-base     .set-date {
		letter-spacing: -.40em;
	}
	.reminder-inner-base .set-date .asset_select-base {
		width: 80%;
	}
	.reminder-inner-base .set-date .sp-fixer:first-child {
		width: 36%;
	}
	.reminder-inner-base .set-date .sp-fixer {
		width: 32%;
	}
	.reminder-inner-base    .set-date .sp-fixer .sub {
		letter-spacing: normal;
		display: inline-block;
		margin: 0;
		width: 18.7%;
		margin-left: 1px;
		text-align: center;
	}
	.reminder-inner-base .block-next {
		margin-top: 15px;
		margin-bottom: 0;
		padding-top: 15px;
	}
	.reminder-inner-base .block-next p label {
		width: 100%;
		font-size: 100%;
	}
	.reminder-inner-base .block-next p input {
		padding-left: 16px;
		background: url(../../images/v2/cart/ico_arw01_sp.png) no-repeat 0 50%;
		background-size: 8px 13px;
	}
}

/*--------------------------------------------------------------------------
    .reminder-inner-base end
--------------------------------------------------------------------------*/
.btn-link-login {
    display: block;
    width: 330px;
    margin: 0 auto;
    padding: 18px 0;
    background-color: #001489;
    text-align: center; /* 親要素のtext-alignで子要素を中央揃え */
}

.btn-link-login-text {
    display: inline-block; /* aタグをインラインブロックにする */
    padding-left: 15px;
    background: url(../../images/v2/common/ico_arw14.png) no-repeat 0 50%;
    color: #FFF;
    font-size: 115%;
    border: none;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

/*btn_agree*/
#Content ul.top_btn_agree {
    display:none;
}

#Content ul.bottom_btn_agree {
    margin: 5px auto 10px;
    overflow: hidden;
    width: 300px;
}
#Content .bottom_btn_agree li.fl {
    float: left;
}
#Content .bottom_btn_agree li.fr {
    float: right;
}
#Content .bottom_btn_agree li input {
    height: 44px;
    width: 145px;
}