@charset "UTF-8";

/* ====================================================================================================
遊び方
==================================================================================================== */
.cp_tab {
	margin: 15px auto;
	text-align: center;
	letter-spacing: -14px;
}

.cp_tab>input[type='radio'] {
	display: none;
}

.cp_tab>input:first-child:checked~.cp_tabpanel>div:first-child,
.cp_tab>input:nth-child(3):checked~.cp_tabpanel>div:nth-child(2),
.n_about .about-voifull {
	display: block;
}

.cp_tab>label {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 7.5px;
	cursor: pointer;
	color: #2B2824;
	letter-spacing: normal;
	width: 50%;
	height: 40px;
	transition: 100ms;
	background: #888;
	vertical-align: top;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.cp_tab>input:checked+label {
	background-color: #ff981d;
	color: #fff;
}

.cp_tab>input:checked+label:before {
	content: '';
	background-image: url('https://static.voifull.jp/img/about-balloon.svg');
	height: 15px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translate(-50%, 0);
}

.n_about .cp_tab>label {
	background-color: #ff981d;
	color: #fff;
	width: 100%;
}

.n-about-label:before {
	content: '';
	background-image: url('https://static.voifull.jp/img/about-balloon.svg');
	height: 15px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	margin-top: 25px;
}

.screenshot-wrap {
	padding: 10px 0;
	margin-bottom: 10px;
	background: #eee;
	border-radius: 7px;
}

.screenshot-wrap.two {
	display: flex;
	justify-content: center;
	
}

.screenshot-wrap img {
	height: 250px;
	display: block;
	margin: 0 auto;
}

.screenshot-wrap.two img:first-child {
	margin-right: 6px;
}

.about-topimg {
	width: 100%;
	margin: 0;
}

.about-bt {
	background: #ff981d;
	width: 41%;
	min-width: 145px;
	display: flex;
	text-decoration: none;
	color: #fff;
	justify-content: center;
	padding: 15px 45px;
	border-radius: 100px;
	margin: 15px auto;
	font-weight: bold;
	position: relative;
 text-align: center;
}

.underline-y {
	font-weight: bold;
	background: linear-gradient(transparent 70%, rgba(255, 255, 0, 0.9) 70%);
}

.about-toptext {
	text-align: center;
	line-height: 1.825;
	font-weight: 600;
	padding: 10px 0 0;
}

.logo-text {
	height: 15px;
}

.text-orange {
	color: #ff981d;
}

.about-voifull {
	display: none;
	padding-bottom: 50px;
	margin-bottom: 45px;
	letter-spacing: normal;
	text-align: left;
}

.about-voifull .point-title {
	width: 80%;
}

.about-voifull .about-img {
	margin-bottom: -5%;
	width: 100%;
}

.about-voifull h3 {
	font-size: 6vw;
	text-align: left;
	padding: 0 16px;
	filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.16));
}

.pc-view .about-voifull h3 {
	font-size: 1.7rem;
}

.about-voifull span {
	background-color: #fff;
	line-height: 1;
	padding: 8px;
	display: inline-block;
	position: relative;
	z-index: 2;
	white-space: nowrap;
}

.about-voifull span:first-child {
	margin-top: 2px;
}

.about-voifull span:last-child {
	margin-bottom: 2px;
}

.about-voifull .point-desc {
	padding: 0 16px;
	line-height: 1.825;
}

.about-voifull .illust-icon {
	display: flex;
	width: auto;
	flex-flow: wrap;
	margin: 0 6px;
}

.about-bt.bottom {
	top: 60px;
}

.about-voifull figure {
	flex: 0 0 50%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.about-voifull figure>div {
	position: relative;
	width: 100%;
	display: block;
}

.about-voifull figure>div:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.about-voifull figure>div>div {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	border-radius: 50%;
	background-image: linear-gradient(140deg, #ff668e, #ff9328 48%, #ff668e);
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-voifull figure>div>div>img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 4px solid #fff;
}

.about-voifull figcaption {
	width: 100%;
	font-weight: 600;
	margin-top: 5px;
	line-height: 1.5;
}

.about-voifull .top {
	background-image: repeating-linear-gradient(45deg, #e8f7f9 0, #e8f7f9 7px, #f4fbfc 7px, #f4fbfc 14px);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	padding: 0;
	position: relative;
	text-align: center;
}

.about-voifull .top p {
	position: absolute;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.6);
	top: 45%;
	margin: 0 16px;
	padding: 10px;
}

.about-voifull .no1 {
	background-image: repeating-linear-gradient(45deg, #FFE3EE 0, #FFE3EE 7px, #FFF1F7 7px, #FFF1F7 14px);
	background-size: 80% 100%;
	background-repeat: no-repeat;
	background-position: left;
	margin: -60px 0 0 0;
	position: relative;
	text-align: center;
	padding: 30px 0;
}

.about-voifull .no2 {
	background-image: repeating-linear-gradient(45deg, #E3FBE0 0, #E3FBE0 7px, #F1FDEF 7px, #F1FDEF 14px);
	background-size: 80% 100%;
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	text-align: center;
	padding: 30px 0;
}

.about-voifull .no3 {
	background-image: repeating-linear-gradient(45deg, #EEDFFF 0, #EEDFFF 7px, #F7EFFF 7px, #F7EFFF 14px);
	background-size: 80% 100%;
	background-repeat: no-repeat;
	background-position: left;
	position: relative;
	text-align: center;
	padding: 30px 0;
}

.about-voifull .no4 {
	background-image: repeating-linear-gradient(45deg, #e8f7f9 0, #e8f7f9 7px, #f4fbfc 7px, #f4fbfc 14px);
	background-size: 80% 100%;
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	text-align: center;
	padding: 30px 0;
}

.about-voifull .no5 {
	background-color: #FF981D;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	padding: 0;
	position: relative;
	top: 50px;
	text-align: center;
}

.about-voifull .no5:before {
	content: '';
	top: -20px;
	background: linear-gradient(45deg, #FF981D 10px, transparent 0), linear-gradient(315deg, #FF981D 10px, transparent 0);
	background-size: 20px 20px;
	height: 20px;
	position: absolute;
	left: 0;
	width: 100%;
}

.about-voifull .no5 p {
	color: #fff;
	margin: 0 16px;
	padding: 10px 0;
	line-height: 1.825;
}

.about-voifull .no5 img {
	vertical-align: top;
	width: 100%;
}

.about-voifull .no5 img:first-child {
	margin: -50px 0 0 0;
	position: relative;
}

.about-service p {
	margin-bottom: 15px;
	line-height: 1.825;
}

.about-service dl dt {
	display: inline-block;
	margin: 0 auto 20px;
	padding: 12px 20px;
	text-align: center;
	font-weight: 600;
	background: #eedfff;
	transform: rotate(-3deg);
	border-radius: 3px;
	position: relative;
	letter-spacing: 1px;
}

.about-service dl dt:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 5px;
	border-color: #eedfff transparent transparent transparent;
	position: absolute;
	left: 30px;
	bottom: -14px;
}

.about-service dl dd {
	padding-left: 0;
}

.about-service dl:last-child dd {
	border: none;
}

.about-service dl+dl {
	border-top: 1px dashed #ddd;
	padding-top: 30px;
	margin-top: 30px;
}

.about-service {
	display: none;
	padding: 16px;
	letter-spacing: normal;
	text-align: left;
}

.about-gotop{
	text-align: right;
}

.about-gotop>a {
	text-decoration: none;
	position: relative;
	color: #2B2824;
	display: block;
}

.about-gotop>a::after {
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	right: 110px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background-image: url("https://static.voifull.jp/img/message-arrow-right.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transform: rotate(-90deg);
}

/* ====================================================================================================
 料金
==================================================================================================== */
.ryoukin .main,
.n_ryoukin .main {
	background: #f5f5f5;
	color: #333;
}

.price-list-wrap {
	position: relative;
	background: #fff;
	padding: 16px;
}

.price-list-wrap-vt {
	position: relative;
	background: #fff;
}

.price-list-wrap-vt .price-list-box {
	box-sizing: border-box;
	width: 100%;
	padding: 16px 16px 0;
	border-bottom: 13px solid #EEEEEE;
}

.price-list-wrap h3,
.price-list-wrap-vt h3 {
	display: flex;
	align-items: center;
	letter-spacing: normal;
	text-align: left;
}

.price-list-wrap h3:last-of-type {
	margin-top: 30px;
}

.price-list-wrap .notation,
.price-list-wrap-vt .notation{
	color: #F6547F;
	font-size: 11px;
	font-weight: 500;
	padding-left: 2em;
	text-indent: -1em;
}

.price-list-wrap-vt .notation{
	margin: 0 0 0 auto;
}

.price-list dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	padding: 10px 0;
	border-bottom: solid 1px #ddd;
	align-items: center;
	margin: 10px 0;
}

.price-list dl:first-of-type {
	border-top: solid 1px #ddd;
}

.price-list-wrap-vt .price-list dl:last-of-type {
	border-bottom: none;
}

.price-list dl.multi-item {
	flex-direction: column;
}

.price-list dl .special-price-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -6px;
	right: 6px;
	padding: 5px 10px;
	background-color: #ffef41;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 700;
}

.price-list dl .special-price-badge span {
	color: #ec3d11;
	margin-right: 5px;
}

.price-list dl .special-price-badge:after {
	display: block;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	bottom: -9px;
	border-width: 5px 10px;
	border-color: #ffef41 #ffef41 transparent transparent;
	border-style: solid;
}

.price-list .discription {
	margin: 10px;
	display: flex;
}

.price-list dd {
	display: flex;
	justify-content: right;
	align-items: end;
	width: 30%;
	padding: 0;
}

.price-list .app-dl {
	text-decoration: none;
	color: #333;
	border: solid 1px #333;
	padding: 10px;
	border-radius: 30px;
	width: 80%;
	display: flex;
	margin: auto;
}

.price-list .app-dl span {
	margin: auto;
}

.price-list-wrap-vt .price-list .app-dl {
	margin-bottom: 30px;
}

.price-list .icon-area {
	display: flex;
	align-items: center;
}

.price-list .icon-area:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-position: center;
	background-size: 20px;
	background-repeat: no-repeat;
}

.price-list .price-per-min{
	font-size: 15px;
	font-weight: bold;
}

.price-list .price-per-min.new-price{
	color: #F6547F;
}

.price-list .price-per-min.old-price{
	font-size: 15px;
	font-weight: 400;
	color: #888;
	text-decoration: line-through;
}

.price-list .dl-child .open-price,
.price-list .dl-child .private-price{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 86px;
	height: 26px;
	font-size: 12px;
	font-weight: 500;
	color: #26B97A;
	border: 1px solid #3ED896;
	border-radius: 7px;
}

.price-list .dl-child .private-price{
	color: #4E8DFD;
	border: 1px solid #6A9EFC;
}

.price-list .dl-child .icon-area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 140px;
	font-weight: 500;
}

.price-list .dl-child .icon-area .icon-area-caption{
	width: 140px;
	padding-left: 25px;
	box-sizing: border-box;
}

.price-list .dl-child .icon-area .icon-area-caption.small-caption{
	padding-left: 0;
	font-size: 13px;
}

.price-list .discription{
	display: flex;
	font-size: 14px;
	margin: 18px 25px 10px 5px;
	letter-spacing: 0.36pt;
}

.price-list .discription:last-of-type{
	padding-left: 1em;
	margin-top: 0;
	margin-bottom: 18px;
}

.price-list dd{
	width: 25%;
}

.price-list dd.double-line{
	flex-direction: column;
}

.price-list .limited-term{
	position: relative;
}

.price-list .caption {
	box-sizing: border-box;
	width: 100%;
	margin-top: 3px;
	padding-left: 34px;
	font-size: 12px;
	color: #F6547F;
}

/* バッジ管理 料金表示 */

.choice-talk-pay-discount-badge .out-period-choice,
.send-message-pay-discount-badge .out-period-send{
	display: none;
}

.price-list .limited-term.in-period-talk,
.price-list .limited-term.in-period-voice,
.price-list .limited-term.in-period-choice,
.price-list .limited-term.in-period-send,
.price-list .limited-term.in-period-prf-voice,
.price-list .in-period-open-talk,
.limited-term.in-period-rank-e,
.price-list .limited-term.in-period-talk-50per,
.price-list .limited-term.in-period-voice-50per,
.price-list .limited-term.in-period-img-view {
	display: none;
}

.talk-request-pay-free-badge .price-list .limited-term.in-period-talk-50per,
.voice-request-pay-free-badge .price-list .limited-term.in-period-voice-50per,
.all-request-pay-free-badge .price-list .limited-term.in-period-talk-50per,
.all-request-pay-free-badge .price-list .limited-term.in-period-voice-50per {
	display: none !important;
}

.talk-request-pay-free-badge .price-list .limited-term.in-period-talk,
.voice-request-pay-free-badge .price-list .limited-term.in-period-voice,
.all-request-pay-free-badge .price-list .limited-term.in-period-talk,
.all-request-pay-free-badge .price-list .limited-term.in-period-voice,
.choice-talk-pay-discount-badge .price-list .limited-term.in-period-choice,
.send-message-pay-discount-badge .price-list .limited-term.in-period-send,
.prf-voice-pay-discount-badge .price-list .limited-term.in-period-prf-voice,
.open-talk-discount-badge .price-list .in-period-open-talk,
.rank-e-badge .limited-term.in-period-rank-e,
.all-request-pay-50per-badge .price-list .limited-term.in-period-talk-50per,
.all-request-pay-50per-badge .price-list .limited-term.in-period-voice-50per,
.message-img-pay-50per-badge .price-list .limited-term.in-period-img-view {
	display: flex;
}

.talk-request-pay-free-badge .price-list .out-period-talk,
.all-request-pay-free-badge .price-list .out-period-talk,
.voice-request-pay-free-badge .price-list .limited-term.out-period-voice,
.all-request-pay-free-badge .price-list .limited-term.out-period-voice,
.choice-talk-pay-discount-badge .price-list .limited-term.out-period-choice,
.send-message-pay-discount-badge .price-list .limited-term.out-period-send,
.prf-voice-pay-discount-badge .price-list .limited-term.out-period-prf-voice,
.open-talk-discount-badge .price-list .out-period-open-talk,
.rank-e-badge .out-period-rank-e,
.talk-request-pay-free-badge .price-list .out-period-talk-usually,
.voice-request-pay-free-badge .price-list .out-period-voice-usually,
.all-request-pay-free-badge .price-list .out-period-talk-usually,
.all-request-pay-free-badge .price-list .out-period-voice-usually,
.all-request-pay-50per-badge .price-list .out-period-talk-usually,
.all-request-pay-50per-badge .price-list .out-period-voice-usually,
.message-img-pay-50per-badge .price-list .out-period-img-view {
	display: none;
}

.message-pay-campaign span:nth-child(1),
.message-voice-campaign span:nth-child(2),
.mess-voice-discount-badge .message-voice-campaign span:nth-child(1){
	display: none;
}

.message-img-pay-50per-badge .message-pay-campaign span:nth-child(1),
.mess-voice-discount-badge .message-voice-campaign span:nth-child(2){
	display: block;
	color: #F6547F;
	font-size: 15px;
 font-weight: bold;
	min-width: 90px;
}

.message-img-pay-50per-badge .message-pay-campaign span:nth-child(2),
.mess-voice-discount-badge .message-voice-campaign span:nth-child(3){
	font-size: 15px;
	font-weight: 400;
	color: #888;
	text-decoration: line-through;
}

.price-list-wrap .icon-heart-sp:before,
.price-list-wrap-vt .icon-heart-sp:before {
	background-image: url('https://static.voifull.jp/img/icon_heart_sp.svg');
}

.price-list-wrap .tel-icon:before,
.price-list-wrap-vt .tel-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_tel.svg');
}

.price-list-wrap .prf-play-icon:before,
.price-list-wrap-vt .prf-play-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_prf_play.svg');
}

.price-list-wrap .message-icon:before,
.price-list-wrap-vt .message-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_message_outline.svg');
}

.price-list-wrap .images-icon:before,
.price-list-wrap-vt .images-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_image_black.svg');
}

.price-list-wrap .price-icon:before,
.price-list-wrap-vt .price-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_price.svg');
}

.price-list-wrap .ear-icon:before,
.price-list-wrap-vt .ear-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_ear_black.svg');
}

.price-list-wrap .ear-talk-icon:before,
.price-list-wrap-vt .ear-talk-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_ear_talk_black.svg');
}

.price-list-wrap .request-talk-icon:before,
.price-list-wrap-vt .request-talk-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_request_talk_black.svg');
}

.price-list-wrap .request-icon:before,
.price-list-wrap-vt .request-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_request_black.svg');
}

.price-list-wrap .request-ear-icon:before,
.price-list-wrap-vt .request-ear-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_ear_request_black.svg');
}

.price-list-wrap .request-photo-icon:before,
.price-list-wrap-vt .request-photo-icon:before {
	/* 2023-04-03 cdn適用後に変更願います iwane */
	/*background-image: url('https://static.voifull.jp/img/icon_photo_request_black.svg');*/
	background-image: url('/img/icon_photo_request_black.svg');
}

.price-list-wrap-vt .camera-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_bidirectionnal_bk.svg');
}

.price-list-wrap h3:before,
.price-list-wrap-vt h3:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-color: #ccc;
	background-position: center;
 background-size: 20px, 100%;
	background-repeat: no-repeat;
	border-radius: 50%;
}

.talk-contents:before {
	background: url('https://static.voifull.jp/img/icon_tel_wt.svg');
}

.real-contents.tell-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_tel_wt.svg');
	background-color: #FF981D;
}

.message-contents:before {
	background: url('https://static.voifull.jp/img/icon_message_outline_wt.svg');
}

.virtual-contents.camera-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_bidirectionnal.svg');
	background-color: #AF5FFF;
}

.common-contents.mess-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_message_outline_wt.svg'), 
	linear-gradient(180deg, #FF981D 0%, #FF41AC 50%, #B934FF 100%);
}

/* ====================================================================================================
 規約など
==================================================================================================== */
.common-head {
	background: #fff;
	justify-content: left;
	padding-left: 20px;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	position: relative;
	color: #2B2824;
	height: 35px;
	font-size: 16px;
}

.common-head:before {
	content: '';
	width: 25px;
	height: 25px;
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
}

.btn-back-top-sub {
	background: #f5f5f5;
	width: 30%;
	display: flex;
	text-decoration: none;
	color: #333;
	justify-content: center;
	padding: 10px 30px;
	border-radius: 100px;
	margin: 0 auto;
	font-size: 10px;
	letter-spacing: 1px;
	position: relative;
	border: solid 1px #333;
	bottom: 70px;
}

.app_dl .btn-back-top-sub,
.mypage .btn-back-top-sub {
	bottom: 0;
	margin: 40px auto 80px;
}

.company-terms {
	margin-bottom: 40px;
}

.company-terms .sub {
	padding: 10px 16px 20px;
}

.company-terms .sub>div p {
	margin-top: 10px;
	line-break: strict;
}

.company-terms .sub>div ul {
	margin-top: 10px;
	padding-left: 20px;
	list-style: disc;
}

.company-terms .sub>div ul p {
	margin: 0;
}

.company-terms .sub>div ol li {
	line-break: strict;
	margin-bottom: 5px;
}

.company-terms h4 {
	margin-bottom: 5px;
}

.company-terms .sub>div{
	margin-top: -60px;
	padding-top:60px;
}

.company-terms .sub>div+div {
	margin-top: -30px;
}

.company-terms table {
	width: 100%;
}

.company-terms table tr {
	display: flex;
	padding: 15px 0;
	border-bottom: 1px dashed #ddd;
}

.company-terms table tr td:nth-child(1) {
	flex: 0 0 30%;
}

.company-terms table tr td:nth-child(2) {
	padding-left: 10px;
}

.affiliate-box li {
	line-break: strict;
}

.affiliate-box p {
	line-break: strict;
}

.template-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_terms.svg') !important;
}


.template-icon-kiyaku:before {
	background-image: url('https://static.voifull.jp/img/icon-kiyaku.svg') !important;
}


.template-icon-specific:before {
	background-image: url('https://static.voifull.jp/img/icon-template.svg') !important;
}


.template-icon-specific:before {
	background-image: url('https://static.voifull.jp/img/icon-template.svg') !important;
}


.template-icon-gaiyou:before {
	background-image: url('https://static.voifull.jp/img/icon-company.svg') !important;
}

.template-icon-privacy:before {
	background-image: url("https://static.voifull.jp/img/icon-privacy.svg") !important;
}



.kiyaku .headline-wrap,
.gaiyou .headline-wrap,
.specific_trade .headline-wrap,
.privacy .headline-wrap,
.gopage .headline-wrap,
.n_kiyaku .headline-wrap,
.n_gaiyou .headline-wrap,
.n_specific_trade .headline-wrap,
.n_privacy .headline-wrap,
.n_about .headline-wrap,
.n_howto_use .headline-wrap {
	margin-bottom: 0;
}

.privacy-list.disc{
	list-style-type: disc;
}

.privacy-list.disc li{
	padding-bottom: 5px;
}

.privacy-list.count{
	margin-top: 10px;
	margin-left: 20px;
	padding-left: 5px;
	list-style-type: decimal;
}

.privacy-list.count li{
	padding-bottom: 10px;
	list-style-type: none;
	counter-increment: cnt;
}

.privacy-list.count li::before {
	content: "（"counter(cnt)"）";
	margin-left: -2.5em;
}

.privacy-subhead{
	font-weight: 500;
	margin-bottom: 10px;
}

/* ====================================================================================================
 サイトマップ/よくある質問　共通
==================================================================================================== */
main.sitemap,
main.faq-renewal {
	background: #f5f5f5;
	color: #333;
}

.sitemap-contents,
.faq-contents {
	padding: 0;
	position: relative;
	width: auto;
	margin: auto;
}

.sitemap h3,
.faq h3 {
	margin: 20px 0 10px 16px;
	text-align: left;
	display: flex;
	align-items: center;
	border-left: solid #333 4px;
	padding-left: 5px;
	font-size: 16px;
}

/* ====================================================================================================
 よくある質問 faq 21/09/17 新デザイン
==================================================================================================== */
.faq-renewal .headline-wrap{
	margin-bottom: 0;
}

.faq-renewal .faq-category{
	/*display: flex;
	flex-direction: column;*/
	padding: 0 25px 40px;
	background-color: #fff;
	overflow: hidden;
}

.faq-renewal .headline-faq-category{
	display: flex;
	align-items: center;
	position:relative;
	margin: 0;
	padding: 15px 0 15px 25px;
	text-align: left;
	border:none;
	font-size: 16px;
	background-color: #fafafa;
}

.faq-renewal .headline-faq-category:before {
	display: block;
	content: "";
	position: absolute;
	width: 4px;
	height: calc(100% - 30px);
	top:15px;
	left:16px;
	background-color: #333;
}

.faq-renewal .headline-faq-category:after {
	display: block;
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(/img/icon_arrow_down_wt.svg);
	right: 25px;
	top: calc(50% - 10px);
	background-repeat: no-repeat;
	background-size: 60%;
	background-color: #333;
	background-position: center;
	border-radius: 15px;
}

.faq-renewal .headline-faq-category.accodion-open:after {
	transform:rotate(180deg);
}

.faq-renewal input{
	display:none;
}

.faq-renewal .faq-wrap{
	display:block;
	box-sizing: border-box;
	width:100%;
	height:auto;
	margin: 25px 0 0;
	padding: 0 15px;
	overflow: hidden;
	border:1px solid #CCCCCC;
	border-radius: 10px;
}

.faq-renewal .faq-wrap .ques-text{
	box-sizing: border-box;
	position: relative;
	height:auto;
	min-height:40px;
	font-size:15px;
	font-weight: 600;	
	padding:15px 40px 15px 0;
	transition:0.2s;
	transition-timing-function: ease-in;
}

.faq-renewal .faq-wrap .ques-text:after{
	position: absolute;
	content:"";
	width:20px;
	height:20px;
	top:calc(50% - 10px);
	right:0;
	background-image: url("/img/icon_arrow_orange_down.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border-radius:15px;
}

.faq-renewal .faq-wrap.accodion-open .ques-text:after{
	background-image: url("/img/icon_arrow_orange_up.svg");
}

.faq-renewal .faq-wrap .ans-text{
	box-sizing: border-box;
	position: relative;
	height:auto;
	padding:0;
	font-size:15px;	
	transition:0.2s;
	transition-timing-function: ease-in;
	z-index: 0;
}

.faq-renewal .faq-wrap.accodion-open .ans-text{
	padding:15px 0;
}

.faq-renewal .faq-wrap.accodion-open .ques-text{
	border-bottom:1px solid #cccccc;
}

.faq-renewal .faq-wrap .ans-text span{
	display:inline;
}

.faq-renewal .faq-wrap .ans-text.break-all{
	word-break: break-all;
}

.bold-text{
	font-weight:600;
}

.app-text{
	font-weight:600;
	color:#ff7214;
}

.menu-text{
	font-weight:600;
	color:#a61cb3;
}

.bank-text{
	font-weight:600;
	color:#45cc79;
}

.in-icon{
	display:inline-block !important;
	width:18px;
	height:18px;
	background-position:bottom;
	background-size:90%;
	background-repeat: no-repeat;
	vertical-align: -3px;
}

.in-icon.point{
	background-image:url('/img/icon_point.svg');
}

.in-icon.message{
	background-image:url('/img/icon_template.svg');
}

.in-icon.photo{
	background-image:url('/img/icon_image_black.svg');
}

.in-icon.kyohi{
	background-image:url('/img/icon_kyohi_black.svg');
}

.faq-list{
	display:block;
	margin:15px 0;
	padding:0;
	list-style-type:none;
}

.faq-list.no-top-margin{
	margin:0 0 15px;
}

.faq-list li{
	text-indent:-15px;
	padding-left:15px;
}

.faq-list.no-indent li{
	text-indent:0;
	padding-left:0;
}

.faq-list.wide-indent li{
	text-indent:-39px;
	padding-left:39px;
}

.under-line{
	display: inline-block !important;
	position: relative;
	margin: 0 3px;
}

.under-line:after{
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #34b5ff;
	z-index:-1;
}
.pay-easy-text-ul{
	padding-left: 0;
}
.pay-easy-text-ul li{
	list-style: none;
	margin-bottom: 5px;
	text-indent: -15px;
 padding-left: 15px;
	line-break: strict;
}
.pay-easy-text-ul li:nth-last-child(1){
	margin-bottom: 0;
}
/* ====================================================================================================
 サイトマップ sitemap
==================================================================================================== */
.sitemap-item {
	background: #fff;
	border-bottom: none;
	box-shadow: 0px 3px 4px 0px #ccc;
	padding: 0 0 20px;
	display: flex;
	position: relative;
	flex-flow: column;
	margin: 0 0 20px;
}

.sitemap-item:first-of-type {
	padding: 10px 16px;
}

.sitemap-item:first-of-type a {
	width: 27vw;
	height: 27vw;
	max-width: 112px;
	max-height: 112px;
	border: 1px solid #aaa;
	border-radius: 20px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	padding: 6.5px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.sitemap-item:first-of-type a img {
	height: 50%;
}

.sitemap-item:last-of-type {
	border: none;
	margin: 0;
}

.sitemap-item ul {
	padding: 0 16px;
	position: relative;
	line-height: 1;
	margin: 0;
}

.sitemap-item ul>a,
.sitemap-item ul>.credit-ng {
	border-bottom: solid 1px #ccc;
	padding: 20px 0;
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #333;
}

.sitemap-item ul>a::before,
.sitemap-item ul>.credit-ng::before {
	content: '';
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	height: 20px;
	width: 20px;
	display: inline-block;
	position: relative;
	left: 0;
	margin-right: 10px;
}

.sitemap ul>a:after,
.sitemap ul>.credit-ng:after {
	content: '';
	background-image: url('https://static.voifull.jp/img/icon_arrow_right.svg');
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	background-size: 12px;
	background-position: center;
	display: inline-block;
	position: relative;
	margin-left: auto;
}

.sitemap-item ul>a:last-child {
	margin: 0;
	border: 0;
	padding-bottom: 0;
}

.sitemap-item .inner {
	justify-content: space-between;
	flex-flow: wrap;
	display: flex;
	padding: 0;
	margin: 5px 0;
}

.sitemap .inner a span {
	color: #333;
	margin-top: 5px;
}

@media screen and (max-width:320px) {
	.sitemap .inner a span {
		font-size: 11px;
	}
}

.sitemap .icon-heart-sp:before {
	background-image: url('https://static.voifull.jp/img/icon_heart_sp.svg');
}

.sitemap .icon_search:before {
	background-image: url('https://static.voifull.jp/img/icon_search.svg');
}

.sitemap .icon_message:before {
	background-image: url('https://static.voifull.jp/img/icon_message_outline.svg');
}

.sitemap .icon_fav_list:before {
	background-image: url('https://static.voifull.jp/img/icon_favorite.svg');
}

.sitemap .price-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_price.svg');
}

.sitemap .icon_mypage:before {
	background-image: url('https://static.voifull.jp/img/icon_mypage.svg');
}

.sitemap .howto-icon:before {
	background-image: url('https://static.voifull.jp/img/icon_about.svg');
}

.sitemap .icon_faq:before {
	background-image: url('https://static.voifull.jp/img/icon_faq.svg');
}

.sitemap .icon_logout:before {
	background-image: url('https://static.voifull.jp/img/icon_logout.svg');
}

.sitemap .icon_taikai:before {
	background-image: url('https://static.voifull.jp/img/icon_taikai.svg');
}

.sitemap .icon_home:before {
	background-image: url('https://static.voifull.jp/img/main/icon_home.svg');
}

.sitemap .icon_mens_login_bl:before {
	background-image: url('https://static.voifull.jp/img/icon_mens_login_bl.svg');
}

.sitemap .icon_girls_login_bl:before {
	background-image: url('https://static.voifull.jp/img/icon_girls_login_bl.svg');
}

.sitemap .icon-signin-bl:before {
	background-image: url('https://static.voifull.jp/img/icon-signin-bl.svg');
}

.base-price{
	display: flex;
	justify-content: flex-start;
	width: 30%;
	font-weight: 400;
	font-size: 14px;
	color: #666;
}

.dl-child{
	width: 100%;
	height: 50px;
	padding: 0!important;
	margin: 0!important;
	border: none!important;
}

.special-price-badge + .dl-child {
	padding-top: 10px !important;
}

.new-contents-badge{
	position: relative;
}

.new-contents-badge::after{
	position: absolute;
	content: 'NEW';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 17px;
	top: calc(50% - 9px);
	right: -50px;
	color: #fff;
	font-size: 10px;
	background-color: #F6547F;
	border-radius: 3px;
}

.price-list-talk dl,
.price-list-message dl{
	min-height: 32px;
}

.age_privacy_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}

.age_privacy_checkbox{
	margin-right: 15px;
	display: flex;
	align-items: center;
}

.signup-item-wrap .age_privacy_checkbox input{
	width:20px;
	height:20px;	
}

.signup-item-submit.no-post{
	background-color: #ccc;
	opacity: 0.8;
}

#age_privacy{
	-webkit-appearance: auto !important;
	appearance:auto !important;
	background-color: transparent;
	border:1px solid #ccc;
	color:#333;
}

#age_privacy:checked{
	background-color: #ff981d !important;
	border:1px solid #ff981d !important;
}

.text-indent{
	position: relative;
    padding-left: 20px;
}

.text-indent::before{
    position: absolute;
    margin-right: 3px;
    left: 0;
}

.text-indent.square::before{
	content: '■';
}

.text-indent.caution::before{
	content: '※';
}