@charset 'utf-8';

/**************************************************
	SNSポップアップ
**************************************************/
.f-sns-popup {
	display: none;
	z-index: 31;
	position: fixed;
	width: 507px;
	top: 50%;
	left: 50%;
	border: 4px solid #54E191;
	border-radius: 20px;
	background: #fff;
	text-align: center;
	padding: 34px 64px 36px;
}

.f-sns-popup.is-active {
	display: block;
}

.f-sns-popup h2 {
	font-size: 24px;
	font-weight: bold;
	color: #00B900;
	display: inline-block;
	margin-bottom: 23px;
}

.f-sns-popup .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.f-sns-popup .close-btn::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #333;
	width: 1px;
	height: 20px;
	margin: -10px 0 0 -1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.f-sns-popup .close-btn::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #333;
	width: 1px;
	height: 20px;
	margin: -10px 0 0 -1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.f-sns-popup .shopname {
	border-top: 2px solid #D6D6D6;
	padding-top: 23px;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
}

.f-sns-popup .genre-area {
	font-size: 14px;
	color: #333333;
	text-align: left;
	margin-bottom: 23px;
}

.f-sns-popup .genre-area li {
	display: inline-block;
}

.f-sns-popup .genre-area li:nth-child(n+2)::before {
	content: '|';
	padding: 0 3px;
}

.f-sns-popup .contact-info {
	margin-bottom: 11px;
	margin-top: 10px;
}

.f-sns-popup .contact-info > img {
	width: 370px;
	height: 65px;
}

.f-sns-popup .text-copy {
	position: relative;
}

.f-sns-popup .text-copy img {
	width: 370px;
	height: 85px;
}

.f-sns-popup .text-copy .copy-complete {
	display: none;
	background: url(/assets/img/user/pc/popup/sns/ico-copy-white.png?20200422) 30px center/22px 25px no-repeat #00B900C3;
	font-size: 20px;
	font-weight: bold;
	border-radius: 11px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 85px;
	width: 100%;
	color: #FFFFFF;
}

.f-sns-popup .text-copy .copy-complete.is-active {
	display: block;
}

.f-sns-popup .add_friend {
	margin-top: 9px;
}

.add_contact .yellow_text {
	color: #FFF500;
	font-size: 13px;
}

.f-sns-popup .add_friend .add_contact {
	background: url(/assets/img/user/pc/popup/sns/ico-add.svg) 32% 13px/24px 20px no-repeat #29C154;
	border-radius: 10px;
	box-shadow: 0 3px 0 0 #1D8D3C;
	-webkit-box-shadow: 0 3px 0 0 #1D8D3C;
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.f-sns-popup .id-copy-area {
	margin-top: 14px;
}

.f-sns-popup .id-copy-area .copy {
	background: url(/assets/img/user/pc/popup/sns/ico-copy.png?20200422) 29% center/18px 20px no-repeat #FFFFFF;
	border: 2px solid #00B901;
	border-radius: 29px;
	box-shadow: 0px 2px 0px #0D9A06;
	color: #00B900;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0 18px 20px;
	width: 100%;
}

.f-sns-popup .id-copy-area .id-copy {
	margin: 0 auto;
	width: 371px;
	position: relative;
}

.f-sns-popup .id-copy-area .copy-complete {
	background: url(/assets/img/user/pc/popup/sns/ico-copy.png?20200422) 29% center/18px 20px no-repeat #E6F9E5;
	border: 2px solid #0BB901;
	border-radius: 30px;
	color: #00B900;
	display: none;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0 18px 20px;
	top: 2px;
	left: 0;
	width: 100%;
	position: absolute;
}

.f-sns-popup .id-copy-area .copy-complete.is-active {
	display: block;
}

/**************************************************
	TELポップアップ
**************************************************/
.f-telModal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 31;
	border-radius: 20px;
	border: 4px solid #F6A091;
	background: #fff;
	text-align: center;
	color: #333;
	width: 508px;
	padding: 30px 64px 60px
}
.f-telModal.is-active {
	display: block;
}
.f-telModal .telModal-ttl {
	border-bottom: 2px solid #D6D6D6;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	color: #F47E7F;
	padding: 0 0 23px;
}
.f-telModal .telModal-info {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	margin: 23px 0 0;
}
.f-telModal .telModal-info .ttl {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	width: 100%;
}
.f-telModal .telModal-info .txt {
	font-size: 14px;
	line-height: 21px;
}
.f-telModal .telModal-info .txt:nth-child(n+3)::before {
	content: "|";
	margin: 0 5px;
}
.f-telModal .telModal-time {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 23px 0 0;
}
.f-telModal .telModal-time .ttl {
	font-size: 14px;
	line-height: 36px;
}
.f-telModal .telModal-time .txt {
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	color: #FF7E7E;
	margin: 0 0 0 12px;
}
.f-telModal .owner-info {
	display: flex;
	justify-content: space-between;
	width: 258px;
	margin: 32px auto 0;
}
.f-telModal .owner-info .photo {
	width: 68px;
}
.f-telModal .owner-info .photo img {
	width: 100%;
	height: auto;
}
.f-telModal .owner-info .owner-wrap {
	width: 160px;
}
.f-telModal .owner-dl {
	text-align: left;
}
.f-telModal .owner-dl .ttl {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #0063A0;
}
.f-telModal .owner-dl .txt {
	font-size: 14px;
	line-height: 16px;
}
.f-telModal .message-txt {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	text-align: center;
	margin: 39px 0 0;
	padding: 9px 0 10px 87px;
}
.f-telModal .message-txt::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url("/assets/img/user/pc/shop_list/popup/ico-modal-vaniko.png") left top no-repeat;
	width: 81px;
	height: 74px;
}
.f-telModal .message-txt em {
	display: block;
	font-size: 23px;
	line-height: 34px;
	font-weight: bold;
	color: #FF448A;
}

.adult-check-wrapper {
	margin-top: 15px;
	text-align: left;
	background-color: #FCE8EE;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.adult-check-wrapper.sns {
	background-color: #EBF9ED;
}

.adult-check-wrapper .adult-text {
	font-size: 14px;
	font-weight: bold;
	color: #4D4D4D;
	line-height: 18px;
	display: flex;
	align-items: center;
	position: static;
	margin-top: 5px;
}
.adult-check-wrapper .adult-text input {
	appearance: none;
	background-image: url('/assets/img/user/pc/popup/checkbox_off.svg');
	width: 18px;
	height: 18px;
	margin-right: 8px;
}
.adult-check-wrapper .adult-text input:checked {
	background-image: url('/assets/img/user/pc/popup/checkbox_on.svg');
}
.adult-check-wrapper .adult-text .underline {
	text-decoration: underline;
	text-decoration-color: #F35A98;
	text-underline-position: under;
}
.adult-check-wrapper .warning-text {
	font-size: 12px;
	color: #FF0000;
	line-height: 18px;
	margin: 3px auto 1px;
}
.f-sns-popup .adult-check-wrapper {
	margin: 10px auto 12px;
}

.click-disabled {
	pointer-events: none;
}

.f-telModal .tel-btn {
	display: block;
	border-radius: 6px;
	background: #F59192;
	width: 100%;
	margin: 17px 0 0;
	padding: 12px 0 9px;
}
.f-telModal .tel-btn span {
	display: inline-block;
	background: url("/assets/img/user/pc/shop_list/popup/ico-phone.svg") left center / 22px auto no-repeat;
	font-size: 22px;
	line-height: 33px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	padding: 0 0 0 36px;
}

.f-telModal .tel-btn.inactive,
.f-sns-popup .add_friend .add_contact.click-disabled,
.f-sns-popup .id-copy-area .copy.click-disabled {
	position: relative;
	box-shadow: unset;
}
.f-sns-popup .add_friend .add_contact.click-disabled {
	top: 3px;
}
.f-sns-popup .id-copy-area .copy.click-disabled {
	top: 2px
}

.f-telModal .tel-btn.inactive::after ,
.f-sns-popup .add_friend .add_contact.click-disabled::after,
.f-sns-popup .id-copy-area .copy.click-disabled::after,
.f-sns-popup .id-copy-area .copy-complete.click-disabled::after {
	content: '';
	background-color: black;
	opacity: 0.6;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.f-sns-popup .add_friend .add_contact.click-disabled::after {
	border-radius: 10px;
}
.f-sns-popup .id-copy-area .copy.click-disabled::after,
.f-sns-popup .id-copy-area .copy-complete.click-disabled::after {
	border-radius: 29px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	top: -2px;
	left: -2px;
}

.f-telModal .close-btn {
	cursor: pointer;
	position: absolute;
	top: 17px;
	right: 21px;
	width: 22px;
	height: 22px;
}
.f-telModal .close-btn::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 11px;
	transform: rotate(45deg);
	background: #333;
	width: 1px;
	height: 14px;
}
.f-telModal .close-btn::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 11px;
	transform: rotate(-45deg);
	background: #333;
	width: 1px;
	height: 14px;
}
.popup_member_campaign {
	background: #FFFEEC 0% 0% no-repeat padding-box;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	opacity: 1;
	width: 100%;
	padding-bottom: 22px;
}
.popup_member_campaign > img {
	width: 100%;
	margin-top: 11px;
}
.apply_form_member_campaign {
	background: #FF5A98 0% 0% no-repeat padding-box;
	border-radius: 10px;
	box-shadow: 0 3px 0 0 #BF4070;
	-webkit-box-shadow: 0 3px 0 0 #BF4070;
	margin-top: 11px;
	margin-left: auto;
	margin-right: auto;
	opacity: 1;
	text-align: center;
	width: 301px;
	height: 50px;
	position: relative;
}
.apply_form_member_campaign a {
	display: block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position: absolute;
}
.apply_form_member_campaign > a > .popup_icon {
	transform : translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	left: 50px;
	top: 50%;
	width: 20px;
	position: absolute;
}

.apply_form_member_campaign > a > .popup_apply {
	transform : translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	right: 5%;
	top: 50%;
	width: 7px;
	position: absolute;
}

.apply_form_member_campaign p {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	top: 37%;
	left: 67px;
	position: absolute;
}

.popup_text_area {
	color: #4d4d4d;
	letter-spacing: 0px;
	line-height: 34px;
	padding-top: 15px;
}

.popup_alert {
	color: #F60142;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 3.6px;
	text-align: center;
}

.popup_alert img {
	margin-right: 3px;
}

.popup_alert + p {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.popup_sns {
	color: #00B900;
}

.popup_oiwai_text {
	color: #F60142;
}

.bots {
	background: top left / 16px 8px repeat-x radial-gradient(circle, #FF9E98 1.5px, rgba(0,0,0,0) 1.5px);
	padding-top: 6px;
}

.popup_nomal_text {
	color: #333333;
	font-size: 14px;
	line-height: 150%;
}

/**************************************************
	LINE友達追加ボタン　上部テキスト
**************************************************/
.sns_upper_block {
	height: 50px;
	width: 371px;
	position: relative;
}

.sns_upper_text {
	color: #4D4D4D;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	left: 0;
	right: 0;
	position: absolute;
}

.sns_upper_right {
	bottom: 6px;
	right: 0px;
	position: absolute;
}

.sns_upper_left {
	bottom: 6px;
	left: 0px;
	position: absolute;
}

.popup_pink_text {
	color: #FF48A4;
}

/**************************************************
	応募バックレ対策テキスト
**************************************************/
.apply-firend-alert-text {
	color: #FF74C3;
	line-height: 150%;
	margin-top: 10px;
	text-align: center;
}
.apply-underline-alert-text {
	text-decoration: underline;
}

/**************************************************
	会員登録誘致テキスト
**************************************************/
.solicitation_upper_block {
	border-top: 2px solid #D6D6D6;
	margin-top: 22px;
	padding-top: 20px;
	height: 65px;
	width: 371px;
	position: relative;
}

.solicitation_upper_text {
	color: #333333;
	font-size: 14px;
	line-height: 160%;
	height: 43px;
	left: 0;
	right: 0;
	position: absolute;
}

.solicitation_upper_right {
	height: 21px;
	right: 15%;
	top: 20px;
	width: 21px;
	position: absolute;
}

.solicitation_upper_left {
	height: 21px;
	left: 15%;
	top: 20px;
	width: 21px;
	position: absolute;
}

/**************************************************
	会員登録誘致ボタン
**************************************************/
.apply_form_members {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #FF71A6;
	border-radius: 10px;
	box-shadow: 0px 2px 0px #D4518A;
	-webkit-box-shadow: 0px 2px 0px #D4518A;
	margin-top: 11px;
	margin-left: auto;
	margin-right: auto;
	opacity: 1;
	text-align: center;
	width: 301px;
	height: 50px;
	position: relative;
}

.apply_form_members a {
	display: block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	position: absolute;
}

.apply_form_members > a > .popup_icon {
	transform : translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	left: 24%;
	top: 50%;
	width: 20px;
	position: absolute;
}

.apply_form_members > a > .popup_apply {
	transform : translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	right: 5%;
	top: 50%;
	width: 7px;
	position: absolute;
}

.apply_form_members p {
	color: #FF71A6;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	left: 30%;
	top: 37%;
	position: absolute;
}