@charset "utf-8";body{background:none repeat scroll 0 0 #fff;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","���C���I",Meiryo,Osaka,"�l�r �o�S�V�b�N","MS PGothic",sans-serif;margin:0;color:#333}
body,div,pre,p,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,blockquote,form,fieldset,table,th,td{margin:0;padding:0}
img{border:0 none}
ul,ol{list-style:none outside none}
a{text-decoration:none;color:#36c}
body > ul > li{border-bottom:1px solid #e0e0e0;list-style:none outside none;margin:0;padding:8px 0 8px 10px;position:relative}
div.area-footer{background:#eee;padding:7px 0;line-height:30px;color:#333;clear:both;text-align:center}
a.footer-link{font-size:12px}
#expand{width:100%;height:45px;line-height:45px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;background: #fafafa;position: relative;text-align: center;}
ul#home div.headline{
	clear:both;
	position:relative;
}
div.area-list{display:block;border-bottom:1px solid #ccc}
.headword{color:#3ea1fe;font-size:15px;font-weight:bold;height:40px;line-height:40px;text-align:center;border-bottom: 4px solid #3ea1fe;}
div.headline .headword{background:#FFF;}
.fnc-btn{color:#666;padding:0 5px;cursor: pointer;}
#expand-label{color:#666;display:block;font-size:14px;font-weight:bold;line-height:45px;width:100%}
#expand a#membership_back{position: absolute;right:10px;top:0;}
ul#home{overflow:hidden}
.headerFixed{background-color:#fff;left:0;top:0;width:100%;z-index:100;-webkit-transform:translate3d(0,0,0);}
.headerFixed #header{border-bottom:1px solid #999;padding:0;line-height:1}
.headerFixed #header:after{content:"";display:block;clear:both}
.headerFixed #header .headerLeft{float:left;padding-left:5px;}
.headerFixed #header .headerLeft img{max-width:100%;vertical-align:middle;}
.headerFixed #header .headerLeft .logo{float:left}
.headerFixed #header .headerLeft .logo a{height:47px;;display:block;font-size:0;line-height:47px;padding:0;}
.headerFixed #header .headerRight li{float:left;font-size:10px;vertical-align:middle}
.headerFixed #header .headerRight li:nth-of-type(n+2){margin-left:5px}
.headerFixed #header .headerRight li a:hover{text-decoration:none}
.headerFixed #header .headerRight, .headerFixed #header .headerRightLogin {padding:5px;float:right;}
.headerFixed #header .headerRight li, .headerFixed #header .headerRightLogin li {width:40px;line-height:12px;margin:-2px 0 0 0!important;text-align:center;}
.headerFixed #header .headerRight li a, .headerFixed #header .headerRightLogin li a{margin-top:0!important;}
.headerFixed #header .headerRight li.keep-icon, .headerFixed #header .headerRightLogin li.keep-icon {display: none;float: left;}
.headerFixed #header .headerRight li.keep-icon a, .headerFixed #header .headerRightLogin li.keep-icon a {display: block;padding: 0px 0px;text-align: center;}
.headerFixed #header .headerRight li.keep-icon img, .headerFixed #header .headerRightLogin li.keep-icon img {width: 32px;margin-bottom: 0px;vertical-align:baseline;}
.keep-icon p {padding: 0;margin: auto;position: absolute;bottom:-6px;right: 0;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);text-align: center;font-weight: bold;opacity: 1;color:#484e5c;left:0;line-height:12px;}
/* ↓キープ数表示修正 @axas末永 20180912 */
/* ↓キープ数表示再修正 @axas 2018/09/21 */
.keep-badge {position: absolute;top: 0px;right: -2px;color: #fff;font-size: 10px;line-height: 15px;z-index: 1;/* width: 15px; */min-width: 13px; height: 15px;background: #DD0000;border-radius: 50%;}
/* ↑キープ数表示再修正 @axas 2018/09/21 */
/* ↑キープ数表示修正 @axas末永 20180912 */
.headerRightLogin {padding:5px;float:right;}
.headerFixed #header .headerRight li.chat-icon {display: none;float: left;}
.headerFixed #header .headerRightLogin li.chat-icon {display: none;float: left;}
.headerFixed #header .headerRight li.chat-icon a {display: block;padding: 0px 0px;text-align: center;margin-top: 5px;}
.headerFixed #header .headerRightLogin li.chat-icon a {display: block;padding: 0px 0px;text-align: center;margin-top: 3px;}
.headerFixed #header .headerRight li.chat-icon img {width: 32px;/*margin-bottom: 0px;*/}
.headerFixed #header .headerRightLogin li.chat-icon img {width: 32px;/*margin-bottom: 0px;*/}
.chat-icon p {padding: 0;margin: -4px;position: relative;top: 0px;right: 0;transform: scale(0.8);text-align: center;font-weight: bold;opacity: 1;}
.chat-badge {position: absolute;top: 4px;right: 0px;color: #fff;font-size: 10px;line-height: 15px;z-index: 1;width: 15px;height: 15px;background: #DD0000;border-radius: 50%;}
.headerFixed #header .headerRight li.myheaven-icon a, .headerFixed #header .headerRightLogin li.myheaven-icon a {display: block;padding: 0px 0px;text-align: center;margin-top: 5px;}
.myheaven-icon {position: relative;margin-right: 0px;text-align: center;font-size: 10px;line-height: 6px;float: left;}
.myheaven-icon p {padding: 0;margin: auto;position: absolute;bottom: -6px;right: 0;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);text-align: center;font-weight: bold;opacity: 1;color:#484e5c;left:0;letter-spacing:-2px;line-height:12px;}
#header .headerRight li.myheaven-icon img, #header .headerRightLogin li.myheaven-icon img {width: 32px;margin:0 0 0 2px;vertical-align:baseline;}
body{padding:0 !important;}
.clearfix:after{display:block;content:"";clear:both}
.progressBar{padding:0 5px;}
.progressBar li{float:left;width:24%;font-size:12px}
.progressBar li:first-child{width:28%}
.progressBar li span.boxTextOuter{background:none repeat scroll 0 0 #ccc;color:#fff;display:block;height:40px;line-height:40px;margin-right:13px;position:relative;text-align:center;text-decoration:none}
.progressBar li span.boxTextOuter span{margin-right:-13px;margin-left:-13px;position:relative;display:block}
.progressBar li:first-child span.boxTextOuter span{margin-left:-5px}
.progressBar li:first-child span.boxTextOuter{border-radius:4px 0 0 4px}
.progressBar li:first-child span.boxTextOuter:before{border:medium none}
.progressBar li:last-child span.boxTextOuter{margin-right:8px}
.progressBar li span.boxTextOuter:before,.progressBar li span.boxTextOuter:after{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#ccc;border-image:none;border-style:solid;border-width:20px 10px;content:"";height:0;position:absolute;top:0;width:0}
.progressBar li span.boxTextOuter:before{border-left-color:rgba(0,0,0,0);left:-10px}
.progressBar li span.boxTextOuter:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ccc;left:100%}
.progressBar li.now span.boxTextOuter{background-color:#3ea1ff}
.progressBar li.now span.boxTextOuter:before{border-color:#3ea1ff #3ea1ff #3ea1ff rgba(0,0,0,0)}
.progressBar li.now span.boxTextOuter:after{border-left-color:#3ea1ff}
.btnEnter{
	margin:0 auto 10px;
	text-align:center;
	clear:both;
	width:90%;
	height: 42px;
}
.btnEnter a{
	background:#3ea1ff;
	border-radius:5px;
	color:#fff;
	display:block;
	line-height:40px;
	font-weight:bold;
	box-shadow: 1px 1px 1px #207ad0;
	height: auto;
	padding: 0px;
	border: none;
	border-bottom: 1px solid #207ad0;
	font-size:14px;
}
.clearfix:after{content:"";display:block;clear:both}
@media screen and (max-width:374px) {
ul.headerRight li.myheaven-icon p {letter-spacing:-3px;}
ul.headerRightLogin li.myheaven-icon p {letter-spacing:-3px;}
.hamburger p{letter-spacing:-1px;}
}
li.footer {font-size: 14px;padding: 0;}
li.footer div.area-footer {background: #eee;padding: 0;color: #333;clear: both;text-align: center;}
li.footer div.area-footer .over18 {font-size: 10px;line-height: 10px;color: #666;display: block;padding: 6px;background-color: #ddd;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
li.footer.footer-link {font-size: 12px;}
li.footer .icon_system {position: relative;margin-right: 15px;vertical-align: middle;width: 20px;height: 30px;}
li.footer div.area-footer .btn_myheaven {background: linear-gradient(0deg, #f4ba00 0%, #fdd631 100%);border: 1px solid #c6ad1c;display: block;width: 90%;margin: 0 auto;padding: 5px 0;font-weight: bold;color: #000;border-radius: 5px;margin-bottom: 10px;line-height: 30px;}
li.footer .area-footer .f_banner {font-size: 11px;visibility: visible;}
li.footer .area-footer .f_banner .FlexBox {width: 90%;margin: 0 auto;display: inline-flex;}
li.footer .area-footer .f_banner .FlexBox .half {padding: 8px 0;background: #fff;box-shadow: 1px 1px #ddd;visibility: visible;width: 50%;}
li.footer .area-footer .footer-link {font-size: 10px;color: #999;display: block;padding-bottom: 8px;}
li.footer .area-footer .f_contact {padding: 10px;}
li.footer .area-footer .f_contact a {font-size: 12px;color: #000;margin: 0 5px;}
#guideSP-fotter-wrap *{margin: 0;padding: 0;}
#guideSP-fotter-wrap {font-family: "�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","���C���I",Meiryo,"�l�r �o�S�V�b�N",sans-serif;margin: 20px auto;width: 90%;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
#guideSP-fotter-wrap ul {margin: 0;padding: 0;}
#guideSP-fotter-wrap li {list-style: none;border-bottom: 1px solid #dddddd;}
#guideSP-fotter-wrap a {color: #666666;display: block;font-weight: bold;padding: 10px 10px 10px 45px;text-align: left;text-decoration: none;}
#guideSP-fotter-wrap p {margin: 0;color: #666666;font-weight: bold;}
#guideSP-fotter-wrap .accordion {width: 100%;}
#guideSP-fotter-wrap .accordion input {display: none;}
#guideSP-fotter-wrap .accordion label {background: #eeeeee linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%) repeat scroll 0 0;border-bottom: 1px solid #dddddd;box-sizing: border-box;cursor: pointer;display: block;height: 50px;line-height: 30px;padding: 10px;text-align: left;}
#guideSP-fotter-wrap .accordion > label:nth-of-type(1) {border: medium none;}
#guideSP-fotter-wrap .ac-cont > label {padding: 10px 10px 10px 45px ;}
#guideSP-fotter-wrap .accordion .ac-cont {transition: 0.2s;height: 0;overflow: hidden;}
#guideSP-fotter-wrap .accordion input:checked + label + .ac-cont {height: auto;}
#guideSP-fotter-wrap .accordion input + label .trigger:after {background-color: #ffffff;border: 1px solid #dddddd;content: "+";float: right;font-size: 14px;height: 26px;line-height: 26px;margin: 1px 0 0;text-align: center;vertical-align: top;width: 26px;}
#guideSP-fotter-wrap .accordion input:checked + label .trigger:after {content: "-";}
#guideSP-fotter-wrap .trigger img {width: 20px;height: 30px;vertical-align: middle;margin-right: 15px;}
#guideSP-fotter-wrap .accordion input:checked + label .trigger img {width: 20px;height: 20px;-webkit-animation: spin 1s linear infinite;-moz-animation: spin 1s linear infinite;-ms-animation: spin 1s linear infinite;-o-animation: spin 1s linear infinite;animation: spin 1s linear infinite;}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
0% {-ms-transform: rotate(0deg);}
100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% {-o-transform: rotate(0deg);}
100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/* sp_memberTorokuSetsumei */
#home{
	background: #f7f7f7;
}
#torokuSetsumei{
	/*margin: 10px 0 0px;*/
	margin: 0px;
    background: white;
    padding-bottom: 20px;
}
#torokuSetsumei .member_toroku_text{
	padding:15px 10px;
	font-size:14px;
	color:#666;
	text-align:center;
}
@media screen and (max-width:320px) {
	#torokuSetsumei .member_toroku_text{
		font-size:12px;
	}
}
#torokuSetsumei #membership{font-weight:bold;color:#666;cursor: pointer;}
a.fancy_button{
	display:block;
	border-radius:5px;
	color:#fff;
	line-height:48px;
	height:48px;
	background:#3ea1ff;
	text-align:center;
	font-weight: bold;
	box-shadow: 1px 1px 1px #207ad0;
	border-bottom: 1px solid #207ad0;
	font-size: 14px;
	width:90%;
	margin:0 auto;
	margin-bottom: 32px;
}
a.fancy_button span.fancy_button_text{
	background: #3ea1ff;
	border-radius: 5px;
	border-style: none;
	color: #fff;
	display: block;
	line-height: 48px;
	font-weight: bold;
	box-shadow: 1px 1px 1px #207ad0;
	border-bottom: 1px solid #207ad0;
	font-size: 14px;
	padding: 0;
	letter-spacing: 0;
}

/* sp_memberTorokuForm */
#torokuForm{
	margin: 10px 0 40px;
}
.torokuerrmsg{
margin: 10px;
}
.formUserEntry .member_toroku_bar span{
	color: #F44336;
    margin-left: 5px;
    font-size: 10px;
}
.formUserEntry .member_toroku_input{
	padding: 0 10px 10px;
	border-bottom: 1px solid #ececec;
}
.mailbox{
	    margin-left: 28px;
}
.formUserEntry input[type="text"], .formUserEntry input[type="search"], .formUserEntry input[type="tel"], .formUserEntry input[type="url"], .formUserEntry input[type="email"], .formUserEntry input[type="password"], .formUserEntry input[type="datetime"], .formUserEntry input[type="date"], .formUserEntry input[type="month"], .formUserEntry input[type="week"], .formUserEntry input[type="time"], .formUserEntry input[type="datetime-local"], .formUserEntry input[type="number"], .formUserEntry input[type="range"], .formUserEntry input[type="color"]{
	border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: none;
    font-size: 14px;
    padding: 10px 8px;
    -webkit-appearance: none;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.w100{
	width:100%;
}
.formUserEntry select{
	box-shadow:none;
	-webkit-appearance: none;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #3c3c3c;
	font-size: 14px;
	min-height: 38px;
	height: 38px;
	padding: 7px 8px 6px 12px;
	position: relative;
	width:70px;
}
.member_toroku_area{
	padding:10px;
	border-bottom: 1px solid #ececec;
}
.member_policy {
    font-size: 12px;
    text-align: center;
    margin-top: 28px;
}
.member_policy a{
    color: #1242C0;
    font-weight: bold;
}
.formUserEntry input, .formUserEntry textarea, .formUserEntry submit{
	-webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.15) inset;
	box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.15) inset;
	color: #3c3c3c;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.25;
	-webkit-tap-highlight-color: rgba(0,0,0,0.2);
}
.formUserEntry select:focus{
	border:1px solid #3399FF;
}
.formUserEntry label:focus{
	border:1px solid #3399FF;
}
.tab_page_inner ul.koumoku{
    width: 100%;
    margin: 0;
    overflow: hidden;
}
.tab_page_inner ul.koumoku li{
    border: none;
    display: block;
    float: none;
    font-size: 14px;
    padding: 12px 8px;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    position: relative;
}
#nbItem:after {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 10px;
    top: 45%;
    right: 20px;
    border: solid 3px #ccc;
    border-left: 0;
    border-top: 0;
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.bgcolor_blue#nbItem:after{
border-color: #225a86;
}
.tab_page_inner ul.koumoku li input{
	display:none;
}
.bgcolor_blue{
	background-color:#dce6ef;
}
/* ↓ 会員登録時メールアドレス非必須対応 2024/10/31 */
.disp_none {
    display: none;
}
.gray_message {
    color: #e9e9e9;
}
/* ↑ 会員登録時メールアドレス非必須対応 2024/10/31 */

/**/
.member_toroku_area input[type="radio"] {
	display: none;
}

.member_toroku_area label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 28px;
	cursor: pointer;
}
#mm_on{
	display: none;
}
.member_toroku_area label::before {
	position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.member_toroku_area input[type="checkbox"]:checked + label::after,.member_toroku_area input[type="radio"]:checked + label::after {
	content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #d01137;
    border-right: 3px solid #d01137;
}
#nbItem label::before{
	display:none;
}
#nbItem label{
	padding:3px;
}
.member_toroku_input select#year,
.member_toroku_input select#month,
.member_toroku_input select#area_select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}
.member_toroku_input select#month{
	width:50px;
}
.member_toroku_input select#area_select{
	width:100px;
}


/* sp_memberTorokuKakunin */
#torokuKakunin{
	margin: 10px 0 40px;
}
.formUserEntry{
    margin: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    padding: 8px 0px;
    background-color: #fff;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.12);
}
.formUserEntry .member_toroku_bar{
    padding: 8px 10px 4px;
    border: none;
    background: none;
    color: #060606;
    font-size: 14px;
}

.member_toroku_area{
	padding:10px;
}
.btnBox{
	overflow:hidden;
	padding:20px 20px 5px;
}
.btnBox p{
	float:left;
}
.btnEnterDouble{
	padding: 20px 20px 40px;
}
.btnEnterDouble li:nth-child(1){
	width: 37%;
	margin-left: 3%;
	float: left;
}
.btnEnterDouble li:nth-child(1) a{
	background: #93a8bd;
	line-height: 40px;
	box-shadow: 1px 1px 1px #7791ab;
	border: 0;
	border-bottom: 1px solid #7791ab;
	font-size: 14px;
	display: block;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
}
.btnEnterDouble li:nth-child(2){
	width: 54%;
	margin-left: 3%;
	float: left;
}

.btnEnterDouble li:nth-child(2) a{
	background: #3ea1ff;
	box-shadow: 1px 1px 1px #207ad0;
	font-size: 14px;
	display: block;
	line-height: 40px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
}
.p10{
	padding-top:10px;
}

/* sp_memberTorokuKanryo */
p.kanryoText{
	padding:30px 10px;
	color:#666;
	text-align:center;
	font-size:14px;
	line-height:20px;
}

/* popup */
#first.modal a.btn{
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}
#smsauthannouncebox{
    display: none;
    position: fixed;
    z-index: 100001;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}
#first.modal{
    display: block;
    position: fixed;
    z-index: 9999;
    top: 75px;
    width: 83%;
    height: 320px;
    margin: auto;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
}
#first.modal p.title{
    font-size: 18px;
}
#first.modal p.text{
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
}
#first.modal p.shortText{
    font-size: 12px;
    margin-top: 30px;
    font-weight: normal;
}
#first.modal a.openSMS{
    background-color: #3ea1ff;
    box-shadow: 1px 1px 1px #207ad0;
    border-bottom: 1px solid #207ad0;
    margin-top: 10px;
    height: 45px;
    line-height: 45px;
}
#first.modal a.close_modal{
    width: 50%;
    margin: 20px auto;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

/* SBMemberInfo */
p.telBtn a {
	text-decoration: underline;
}
p.telBtn a:nth-of-type(2) {
	margin-left:10px;
}
/*S1PasswordReminder*/
#passwordReminder {
    margin: 10px 0 10px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
#passwordReminder .passText{
    font-size:12px;
}
#passwordReminder .telResend{
    margin-top:15px;
    text-align:center;
}
#passwordReminder .telResend a{
    color:#909090;
    text-decoration:underline;
    font-size: 16px;
}
#passwordReminder .telResend a:nth-of-type(2){
    margin-left:10px;
}
.member_tellForm{
    margin:20px auto 0;
    width:80%;
}
.member_tellForm .tellForm{
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
    color: #a9a9a9;
    background-color: #fbfbfb;
    vertical-align: middle;
}
p.btnEnter{
    /*margin-top:10px;*/
}
p.error{
    color: #f00;
    font-size: 12px;
    margin-bottom: 5px;
}
.textLinkWrap {
    margin: 0 10px 40px;
    overflow: hidden;
    text-align: right
}
.textLink {
    font-size: 14px;
    color: #36c;
}
.textLink:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 7px solid #3ea1ff;
}
h2.headword {
    overflow: visible !important;
    padding: 5px 0 0 !important;
}
/*文言追加 2019/2/26*/
.member_toroku_description {
    padding: 4px 0;
    font-size: 11px;
    color: #728aa0;
}
.areaSelect {
    margin-top: 10px;
}
/*文言追加 2019/2/26*/
.indexItemContent{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 24px 5px 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 132px);
    margin-left: 10px;
    position: relative;
}
.indexItemContent:after{
    position: absolute;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    top: 48%;
    right: 10px;
    border: solid 2px #4a4a4a;
    border-left: 0;
    border-top: 0;
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(-45deg);
}
/* ↓ [H][会員メルマガ]マイヘブンでのみ受信対応 2019/06/27 */
form input.mail_rejected{
    display: inline-block;
    margin-left: 5px;
}
form .member_toroku_area input.mail_rejected{
    margin-left: 2px;
    vertical-align: middle;
    display: none;
}
form label.mail_rejected{
	font-size: 16px;
    padding: 3px 3px 3px 28px;
    margin-top: 16px;
}
/*form label.mail_rejected:before{
    display: none;
}*/
form .member_toroku_area label.mail_rejected:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.member_toroku_kakunin_btn{
	margin: 32px 20px 0;
    padding-bottom: 0;
}
#koumoku li#nbItem:last-child {
	display: none;
}
.koumokuModal{
	position: fixed;
    height: 100%;
    top: 0;
    background: white;
    z-index: 1;
    left: 0;
    padding: 60px 0px;
    box-sizing: border-box;
    display: none;
    right: 0;
    overflow: scroll;
}
.koumokuModal.isCurrent{
	display: block;
}
.koumokuModalClose{
	    position: fixed;
    background-color: #2196F3;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    color: white;
    padding: 16px 0;
}
/* ↑ [H][会員メルマガ]マイヘブンでのみ受信対応 2019/06/27 */
/* ↓ マイヘブンリニューアル 2020/04/01 */
.member_toroku_input #nickname_check_msg {
    font-size: 13px;
    font-weight: bold;
}
.member_toroku_input .nickname_suggestion {
    font-size: 13px;
    background-color: #e6e6e6;
    border-radius: 5px;
    padding: 2px;
    margin: 2px;
}
.member_toroku_input #area_select_current_location {
    border-radius: 7px;
    background-color: #999;
    color: #fff;
    padding: 6px;
}
.profileChange #nickname_check_msg {
    font-size: 14px;
    font-weight: bold;
}
.profileChange .nickname_suggestion {
    font-size: 14px;
    background-color: #e6e6e6;
    border-radius: 5px;
    padding: 2px;
    margin: 2px;
}
.profileChange #area_select_current_location {
    border-radius: 7px;
    background-color: #999;
    color: #fff;
    padding: 3px 6px;
    font-size: 14px;
}
/* ↑ マイヘブンリニューアル 2020/04/01 */
/*20200422 追加*/　/*20200422 追加*/　/*20200422 追加*/　/*20200422 追加*/
.contents {
	
}
.contents_title {
    width: 100%;
    background: #ffdab7;
    border: 1px solid #707070;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	position: relative;
}
.contents_title img {
    height: 56px;
    float: left;
    margin: 10px 0px 10px 20px;
}
.contents_title h1 {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #782800;
    margin: 13px 40px 13px 0px;
	line-height: 25px;
}
.contents_images {
    width: 100%;
    background: #fff2e6;
	margin: 0 auto;
	text-align: center;
}
.contents_images img {
    vertical-align: bottom;
}
.contents_text {
    width: 100%;
    height: 52px;
    background: #fff;
    border: 1px solid #707070;
	position: relative;
}
.contents_text::before{
	content: '';
	position: absolute;
	left: 50%;
	top: -15px;
	display: block;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #000;
	border-left: 15px solid transparent;
}
.contents_text::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: -15px;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #FFF;
	border-left: 15px solid transparent;
}
.contents_text p {
	width: 90%;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    text-align: left;
    margin: 12px auto;
    color: #000;
}
.member {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 200px;
	background: #3498db;
	transition: .3s;
}
.pagetop {
	position: fixed;
    z-index: 1;
    width: 200px;
    right: -40px;
    bottom: 60px;
}
img {
	max-width: 100%;
    vertical-align: bottom;
}
.headline {
	padding-left: 0;
	position: absolute;
	bottom: 0;
}
.float1 {
	overflow: hidden;
	padding: 0 20%;
    position: absolute;
    bottom: 67px;
}
.float2 {
	overflow: hidden;
	padding: 0 30%;
    position: absolute;
    bottom: 10px;
}
.ue {
	width: 33%;
	float: left;
	transition: .6s;
	transform: translateY(50px);
	opacity: 0;
}
.shita {
	width: 50%;
	float: left;
	transition: .6s;
	transform: translateY(50px);
	opacity: 0;
}
.ue:last-of-type{
  margin-bottom: 0;
}
.shita:last-of-type{
  margin-bottom: 0;
}

.ue:nth-of-type(2){transition-delay: .1s;}
.shita:nth-of-type(2){transition-delay: .2s;}
.ue:nth-of-type(3){transition-delay: .3s;}
.shita:nth-of-type(3){transition-delay: .4s;}
.ue:nth-of-type(4){transition-delay: .5s;}

.fade-up{
  transform: translateY(0);
  opacity: 1;
}

form {
  transition: .3s;
}
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.is-hide {
  transform: translateY(-100%);
}

/* ↓ ヘブン会員の年収項目仕様変更 2024/02/20 */
#salarysetpopup_background {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    overflow-y: scroll;
}
#salarysetpopup {
    position: relative;
    z-index: 100001;
    width: 90%;
    height: auto;
    background: rgba(255, 255, 255, 1);
    margin: 5%;
    padding: 0 0 5%;
    border-radius: 15px;
    text-align: center;
    overflow: hidden;
}
.salarysetpopup_title {
    text-align: center;
    padding: 10% 0 15%;
    font-size: 24px;
    font-weight: 600;
    background-color: rgba(220, 240, 255, 1);
    border-radius: 0pt 0pt 60pt 60pt;
}
#salarysetpopup img{
    max-width: 35%;
    position: relative;
    top: -50px;
}
.salarysetpopup_text {
    font-size: 14px;
    margin: -5% 5% 20px;
    color: dimgrey;
    text-align: left;
}
.salarysetpopup_pulldownlist_area {
    color: rgba(50, 70, 255, 1);
    position: relative;
    margin: 0 0 20px;
}
.salarysetpopup_pulldownlist_area::after {
    pointer-events: none;
    position: relative;
    right: 30px;
    content: "▼";
    font-size: 10px;
}
.salarysetpopup_shortText {
    font-size: 14px;
    color: dimgrey;
}
.salarysetpopup_pulldownlist {
    border-radius: 60pt;
    padding: 3% 8%;
    text-align: center;
    border-width: medium;
    border-color: rgba(50, 70, 255, 1);
    color: rgba(50, 70, 255, 1);
    background-color: white;
    font-size: 14px;
    font-weight: 600;
    margin: 1% 0 0 5%;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.salarysetpopup_checkbox {
    font-size: 14px;
    padding: 3px 0;
    margin: 0 0 5px;
}
#change_pop {
    display: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#change_pop:disabled + .change_pop_label {
    color: lightgrey;
}
.change_pop_label {
    position: relative;
    padding: 3px 0 3px 30px;
    color: dimgrey;
}
.change_pop_label:after, .change_pop_label:before{
    position: absolute;
    content: "";
    display: block;
    top: 51%;
}
.change_pop_label:before {
    height: 8px;
    width: 4px;
    left: 12px;
    margin-top: -7px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    opacity: 0;
}
input[type=checkbox]:checked + .change_pop_label:before {
    opacity: 1;
}
.change_pop_label:after {
    position: absolute;
    content: "";
    display: block;
    left: 6px;
    margin: -10px 0 0 0;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 50%;
}
.save_salary_btn {
    font-size: 20px;
    background-color: rgba(50, 70, 255, 1);
    padding: 7px;
    margin: 0 20% 0;
    color: white;
    border-radius: 8pt;
}
.salarysetpopup_close {
    position: absolute;
    top: 1%;
    left: 3%;
    font-size: 18pt;
}
/* ↑ ヘブン会員の年収項目仕様変更 2024/02/20 */