@charset "UTF-8";

.g-mainContainer {
	margin-bottom: 0;
}

.mainImgWrap {
	height: 300px;
}

.p-titleColor {
	color: #fff;
}

.l-breadCrumbs li:first-child::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 17px;
	height: 15px;
	margin: auto;
	background: url("/assets/img/mens/ico_bread_clumbs.webp") 0 center no-repeat;
	background-size: 17px auto;
}

.l-breadCrumbs a {
	color: #3f3fbf;
}

.p-shopdetailTitle {
	font-size: 25px;
	text-align: center;
	margin: 20px;
}

.p-shopdetailTitle span {
	color: #ccc;
}

.colMain {
	margin: 0 auto;
	width: 800px;
}

.urgent {
	background-color: rgba(17,17,17,0.85);
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 20px 0 5px 0;
}
/*
	店舗メニュー
-----------------------------------------------------------*/
.mod-shopHeader {
	margin-bottom: 8px;
}

.mod-shopHeader .titleHead-ruby {
	display: block;
}

.mod-shopHeader .titleHead-text {
	line-height: 28px;
	font-family: Helvetica Cyrillic, Helvetica;
	font-size: 24px;
	width: calc(100% - 160px);
	display: inline-block;
}

.mod-shopHeader .titleHead-ruby {
	margin-top: 3px;
	font-size: 10px;
}

.mod-shopHeader .areaType {
	margin-top: 1px;
	margin-left: -5px;
	font-size: 0;
}

.mod-shopHeader .areaType .item {
	display: inline-block;
	height: 15px;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0 6px;
	border-radius: 3px;
	background-color: #376092;
	vertical-align: middle;
	line-height: 16px;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

.mod-shopHeader .item.add {
	position: relative;
	background-color: #376092;
	float: right;
	display: inline-block;
	width: 160px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}

.mod-shopHeader .item.add.off {
	background-color: #cfcfcf;
}

.mod-shopHeader .item.add.off button {
	cursor: default;
}

.mod-shopHeader .item .btn.btn-add {
	display: block;
	width: 100%;
	background-color: transparent;
	color: inherit;
}

.mod-shopHeader .item .btn.btn-add span {
	padding-left: 20px;
	background: url("/assets/img/user/pc/shop/common/action_list/ico_plus.webp") 0 center no-repeat;
	background-size: 15px auto;
	display: inline-block;
	height: 28px;
	vertical-align: top;
	line-height: 32px;
	font-size: 14px;
}

.f-temp-firstContent .col-left {
	float: right;
	width: 350px;
}

.f-temp-firstContent .col-right {
	float: left;
	width: 450px;
	min-height: 250px;
}

.f-temp-firstContent .infoTable {
	margin: 20px 0;
	border: 1px solid #e7e7e7;
	border-top: none;
	background-color: #fff;
}

.f-temp-firstContent .infoTable .item {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #e7e7e7;
}

.f-temp-firstContent .infoTable .title,
.f-temp-firstContent .infoTable .text {
	display: table-cell;
	vertical-align: middle;
	line-height: 14px;
	font-size: 12px;
}

.f-temp-firstContent .infoTable .title {
	width: 89px;
	background-color: #ff719c;
	text-align: center;
	color: #fff;
}

.f-temp-firstContent .infoTable .text {
	padding: 10px 15px;
	background-color: #fff;
}

.f-temp-firstContent .infoTable .item-2 .title {
	border-top: 1px solid #ff99b8;
	border-bottom: 1px solid #ff99b8;
	background-color: #f41f5f;
}

.f-temp-firstContent .infoTable .item-2 .text {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.f-temp-firstContent .infoTable a {
	color: #ff719c;
	text-decoration: underline;
}

.f-temp-firstContent .infoTable a:hover {
	text-decoration: none;
}

.f-temp-firstContent .tagList {
	overflow: hidden;
	margin-top: 25px;
	padding: 0 0 0 1px;
	border-radius: 3px;
	background-color: #fff;
	padding-left: 8px;
}

.f-temp-firstContent .tagList .item:nth-child(4n+4) {
	margin-right: 1px;
}

.f-temp-firstContent .tagList .item {
	position: relative;
	float: left;
	width: 80px;
	height: 60px;
	margin: 3px;
	padding: 22px 4px;
	font-size: 11px;
	text-align: center;
	background-color: #c3bb8f;
	border: 1px solid #999;
	color: #fff;
}

.f-temp-firstContent .tagList .item.off {
	background-color: #fff;
	color: #ccc;
}

.f-temp-firstContent .tagList .item img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.treatmentBanner {
	display: table;
	width: calc(100% - 100px);
	min-height: 70px;
	margin: 40px auto;
	padding: 5px;
	background-color: #376092;
	text-align: center;
	line-height: 25px;
}

.treatmentBanner .proName,
.treatmentBanner .content {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
}

.treatmentBanner .proName {
	width: 25%;
	padding: 7px 0;
	color: #fff;
}

.treatmentBanner .content {
	width: 75%;
	background-color: #fff;
	padding: 8px;
	font-weight: bold;
}
/*
	お店紹介
-----------------------------------------------------------*/
.f-temp-shopPR {
	margin-top: 20px;
	background-color: #fff;
	padding: 0 3px;
}

.f-temp-shopPR .titleHead {
	border-bottom: 2px solid #ff719c;
}

.f-temp-shopPR .titleHead::before {
	background-image: url("/assets/img/user/pc/shop/common/girlsbar/colors/default/ico_shop_pr.webp");
	background-size: cover;
}

.f-temp-shopPR .body {
	padding: 10px 115px;
}

.f-temp-shopPR .text {
	line-height: 20px;
	font-size: 14px;
}

.f-temp-shopPR .p-btn-more {
	width: 270px;
	margin: 17px auto 13px;
}
/*
	近隣のおすすめ店舗
-----------------------------------------------------------*/
.p-nearAreaTitle {
	background-color: #85e199;
}

.p-nearAreaTitle h2 {
	line-height: 34px;
}

.p-nearAreaTitle::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background: #13d13b url("/assets/img/user/pc/search/common/ico_main_near.webp") 0 0 no-repeat;
	background-size: 30px auto;
}

.f-temp-nearShop .shop_list {
	margin: 10px auto;
	font-size: 0;
}

.f-temp-nearShop .shop_data {
	display: inline-block;
	width: 280px;
	font-size: 13px;
}

.f-temp-nearShop .mainImgWrap {
	height: 120px;
}

.f-temp-nearShop .shop_detail {
	padding: 5px;
}

.f-temp-nearShop .shop_name {
	font-weight: bold;
	color: #ef3f64;
}

.f-temp-nearShop .area_genre,
.f-temp-nearShop .pr_text {
	margin-bottom: 4px;
}

.f-temp-nearShop .area_genre {
	font-weight: bold;
	font-size: 12px;
}

.f-temp-nearShop .pr_text {
	font-size: 11px;
	line-height: 14px;
	white-space: normal;
}

.f-temp-nearShop .paymentList {
	border: 1px solid #eee;
	font-size: 0;
}

.f-temp-nearShop .paymentList .item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.f-temp-nearShop .paymentList li ~ li {
	border-top: 1px dotted #ccc;
}

.f-temp-nearShop .paymentList .title,
.f-temp-nearShop .paymentList .text {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

.f-temp-nearShop .paymentList .title {
	width: 65px;
	color: #fff;
	text-align: center;
}

.f-temp-nearShop .paymentList .text {
	width: 200px;
	background-color: #fff;
	padding-left: 5px;
}

.f-temp-nearShop .paymentList .tainyu .title {
	background-color: #ff3b65;
	padding: 5px;
}

.f-temp-nearShop .paymentList .honnyu .title {
	background-color: #f93c3c;
	padding: 5px;
}

.f-temp-nearShop .swiper-button-prev,
.f-temp-nearShop .swiper-button-next {
	background-image: none;
	background-color: #000;
}
/*
	各都道府県でで人気のこだわりテーマから探す
-----------------------------------------------------------*/
.f-featureList {
	margin: 30px 0;
}

.f-featureList .titleHead::before {
	background: transparent url("/assets/img/user/pc/shop/common/free/ico_main_ttl.webp") 0 0 no-repeat;
	background-size: 30px;
}

.f-featureList .p-titleColor {
	background-color: #ff719c;
	color: #fff;
}

.f-featureList .p-titleColor::before {
	background-color: #ff437c;
}

.f-featureList .featureImg .imgWrap {
	position: relative;
	width: 192px;
	height: 144px;
}

.f-featureList .featureImg .imgWrap img {
	display: block;
}

.f-featureList .body {
	margin-top: 10px;
}

.f-featureList .list {
	margin: -5px;
	font-size: 0;
}

.f-featureList .item {
	display: inline-block;
	vertical-align: top;
	width: 192px;
	margin: 5px;
}

.f-featureList .featureText {
	margin: 8px 0 0;
}

.f-featureList .featureText a {
	display: block;
	line-height: 16px;
	font-size: 14px;
	color: #ff719c;
	text-decoration: underline;
}

.f-featureList .featureText a:hover {
	text-decoration: none;
}

.f-featureList .featureText dd {
	font-size: 12px;
	line-height: 14px;
	margin: 6px 0 0;
}
/*
	コラム
-----------------------------------------------------------*/
.f-temp-columnList {
	margin: 20px auto;
/*
		＋－ボタン
	----------------------------------------------------------------- */
}

.f-temp-columnList .p-columnListTitle::before {
	background: transparent url("/assets/img/user/pc/shop/common/free/ico_ranking_ttl.webp") 0 0 no-repeat;
	background-size: cover;
}

.f-temp-columnList .p-titleColor {
	background-color: #ff719c;
	color: #fff;
}

.f-temp-columnList .p-titleColor::before {
	background-color: #ff437c;
}

.f-temp-columnList .columnList {
	margin: 5px 0;
}

.f-temp-columnList .columnItem {
	margin-top: 10px;
	border: 1px solid #e7e7e7;
}

.f-temp-columnList .columnItem .imgWrap {
	float: left;
	width: 156px;
	height: 156px;
}

.f-temp-columnList .col-right {
	float: right;
	width: calc(100% - 156px);
}

.f-temp-columnList .columnItem-title {
	display: block;
	height: 40px;
	padding-right: 12px;
	padding-left: 10px;
	background-color: #ffebf1;
	line-height: 42px;
	font-size: 14px;
	color: #ff437c;
}

.f-temp-columnList .columnItem-title:hover {
	text-decoration: underline;
}

.f-temp-columnList .columnItem-titleText {
	display: block;
	padding: 0;
}

.f-temp-columnList .columnItem-body {
	padding: 10px;
}

.f-temp-columnList .columnItem-text {
	float: left;
	max-width: calc(100% - 130px);
	margin-top: 2px;
	padding: 0;
	line-height: 16px;
	font-size: 12px;
	color: #333;
}

.f-temp-columnList .more {
	float: right;
	width: 120px;
	height: 34px;
	border-bottom: 2px solid #ff4775;
	background-color: #ff6694;
	border-radius: 4px;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
}

.f-temp-columnList .more span {
	display: inline-block;
	vertical-align: middle;
}

.f-temp-columnList .more span::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 10px;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #fff;
	vertical-align: 0;
}

.f-temp-columnList .columnItem-bodyBottom {
	margin-top: 12px;
}

.f-temp-columnList .columnItemBodyBottom-left {
	float: left;
	width: 260px;
}

.f-temp-columnList .writerAnchor {
	float: left;
	font-size: 0;
}

.f-temp-columnList .writerAnchor:hover .writerName {
	text-decoration: underline;
}

.f-temp-columnList .writerImgWrap,
.f-temp-columnList .writerName {
	display: inline-block;
	vertical-align: middle;
}

.f-temp-columnList .writerImgWrap {
	width: 50px;
	height: 50px;
}

.f-temp-columnList .writerName {
	max-width: 280px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14px;
	color: #333;
}

.f-temp-columnList .update {
	height: 50px;
	padding-right: 12px;
	line-height: 52px;
	font-size: 12px;
	color: #2da2d8;
}

.f-temp-columnList .btmBtn-double {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 50px auto 0;
	font-size: 14px;
	line-height: 40px;
}

.f-temp-columnList .btmBtn-double li {
	min-width: 270px;
	margin: 0 10px;
}

.f-temp-columnList .btmBtn-double a {
	display: block;
	border-radius: 4px;
	background: #ff93b4;
	color: #fff;
	text-align: center;
	padding: 0 10px;
}

.f-temp-columnList .btmBtn-double a span {
	background: url("/assets/img/user/pc/common/ico_arrow_left.webp") left center no-repeat;
	padding: 0 0 0 27px;
}

.f-temp-columnList .topic-rate {
	float: right;
	height: 50px;
}

.f-temp-columnList .topic-rate .icon-rate {
	width: 30px;
	height: 30px;
}

.f-temp-columnList .topic-rate .icon-rate-wrap {
	position: relative;
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
}

.f-temp-columnList .topic-rate .icon-rate-wrap p {
	width: 60px;
	line-height: 16px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: -6px;
	text-align: center;
	font-weight: bold;
}

.f-temp-columnList .topic-rate .icon-rate-wrap-plus p {
	color: #eb6464;
}

.f-temp-columnList .topic-rate .icon-rate-wrap-minus p {
	color: #a6a6a6;
}

.f-temp-columnList .topic-rate .gage {
	height: 16px;
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}

.f-temp-columnList .topic-rate .gage .plus {
	float: left;
	background: #ff8d99;
	height: 100%;
}

.f-temp-columnList .topic-rate .gage .minus {
	float: left;
	background: #e6e6e6;
	height: 100%;
}

.f-temp-columnList .bottomText {
	text-align: right;
	margin: 20px 0 0;
	color: #52b4e9;
}
/*
	体験談
-----------------------------------------------------------*/
.f-temp-experienceList {
	margin: 20px auto;
/*
		＋－ボタン
	----------------------------------------------------------------- */
}

.f-temp-experienceList .p-experienceListTitle::before {
	background: transparent url("/assets/img/user/pc/shop/common/free/ico_main_title.webp") 0 0 no-repeat;
	background-size: cover;
}

.f-temp-experienceList .p-titleColor {
	background-color: #ff719c;
	color: #fff;
}

.f-temp-experienceList .p-titleColor::before {
	background-color: #ff437c;
}

.f-temp-experienceList .taikendanList {
	margin: 5px 0;
}

.f-temp-experienceList .taikendanItem {
	margin-top: 10px;
	border: 1px solid #e7e7e7;
}

.f-temp-experienceList .taikendanItem-anchor {
	display: block;
}

.f-temp-experienceList .taikendanItem-title {
	display: block;
	height: 40px;
	padding-right: 12px;
	padding-left: 10px;
	background-color: #ffebf1;
	line-height: 42px;
	font-size: 14px;
	color: #ff437c;
}

.f-temp-experienceList .taikendanItem-title:hover {
	text-decoration: underline;
}

.f-temp-experienceList .taikendanItem-text,
.f-temp-experienceList .more {
	height: 50px;
	line-height: 52px;
	font-size: 12px;
}

.f-temp-experienceList .taikendanItem-text {
	float: left;
	max-width: calc(100% - 100px);
	padding: 0;
	padding-left: 10px;
	color: #333;
}

.f-temp-experienceList .more {
	float: right;
	padding-right: 12px;
	color: #2b58bd;
	text-decoration: underline;
}

.f-temp-experienceList .more::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 5px;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #2b58bd;
	vertical-align: 0;
}

.f-temp-experienceList .more:hover {
	text-decoration: none;
}

.f-temp-experienceList .bottomText {
	text-align: right;
	margin: 20px 0 0;
	color: #52b4e9;
}

.f-temp-experienceList .topic-rate {
	display: inline-block;
	padding-right: 20px;
}

.f-temp-experienceList .topic-rate .icon-rate {
	width: 30px;
	height: 30px;
}

.f-temp-experienceList .topic-rate .icon-rate-wrap {
	position: relative;
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
}

.f-temp-experienceList .topic-rate .icon-rate-wrap p {
	width: 60px;
	line-height: 16px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: -6px;
	text-align: center;
	font-weight: bold;
}

.f-temp-experienceList .topic-rate .icon-rate-wrap-plus p {
	color: #eb6464;
}

.f-temp-experienceList .topic-rate .icon-rate-wrap-minus p {
	color: #a6a6a6;
}

.f-temp-experienceList .topic-rate .gage {
	height: 16px;
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}

.f-temp-experienceList .topic-rate .gage .plus {
	float: left;
	background: #ff8d99;
	height: 100%;
}

.f-temp-experienceList .topic-rate .gage .minus {
	float: left;
	background: #e6e6e6;
	height: 100%;
}

.f-temp-experienceList .btmBtn-double {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 50px auto 0;
	font-size: 14px;
	line-height: 40px;
}

.f-temp-experienceList .btmBtn-double li {
	min-width: 270px;
	margin: 0 10px;
}

.f-temp-experienceList .btmBtn-double a {
	display: block;
	border-radius: 4px;
	background: #ff93b4;
	color: #fff;
	text-align: center;
	padding: 0 10px;
}

.f-temp-experienceList .btmBtn-double a span {
	background: url("/assets/img/user/pc/common/ico_arrow_left.webp") left center no-repeat;
	padding: 0 0 0 27px;
}
/*
	SHOP DATA
-----------------------------------------------------------*/
.f-temp-shopInfo .titleHead::before {
	background-image: url("/assets/img/user/pc/shop/common/girlsbar/colors/default/ico_shopinfo.webp");
	background-size: cover;
}

.f-temp-shopInfo .infoTable {
	width: 100%;
	color: #888;
}

.f-temp-shopInfo .infoTable th,
.f-temp-shopInfo .infoTable td {
	height: 45px;
	vertical-align: middle;
	line-height: 19px;
	font-size: 13px;
}

.f-temp-shopInfo .infoTable th {
	width: 88px;
	padding: 8px;
	background-color: #f6f6f6;
}

.f-temp-shopInfo .infoTable td {
	padding: 8px 20px;
	background-color: #fff;
}

.f-temp-shopInfo .infoTable .tr-col-4 td {
	width: 162px;
}

.f-temp-shopInfo .infoTable a {
	color: #376092;
}

.f-temp-shopInfo .infoTable a:hover {
	text-decoration: underline;
}
/*
	お仕事情報
-----------------------------------------------------------*/
.f-temp-jobInfo .titleHead::before {
	background-image: url("/assets/img/user/pc/shop/common/girlsbar/colors/default/ico_jobinfo.webp");
	background-size: cover;
}

.f-temp-jobInfo .body {
	padding: 8px 5px;
	border: 1px solid #eee;
	background-color: #fff;
}

.f-temp-jobInfo .text {
	line-height: 16px;
	font-size: 12px;
}
/*
	料金システム
-----------------------------------------------------------*/
.f-temp-system .titleHead::before {
	background-image: url("/assets/img/user/pc/shop/common/girlsbar/colors/default/ico_system.webp");
	background-size: cover;
}

.f-temp-system .systemTable {
	width: 100%;
	border: 1px solid #eee;
	color: #888;
}

.f-temp-system .systemTable caption {
	height: 35px;
	background-color: #b3b3b3;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
}

.f-temp-system .systemTable tr + tr {
	border-top: 1px dotted #ccc;
}

.f-temp-system .systemTable th,
.f-temp-system .systemTable td {
	vertical-align: middle;
	line-height: 19px;
	font-size: 13px;
}

.f-temp-system .systemTable th {
	width: 150px;
	padding: 8px 4px;
	text-align: center;
	background-color: #f6f6f6;
}

.f-temp-system .systemTable td {
	width: 200px;
	padding: 8px 12px;
	background-color: #fff;
}
/*
	アクセスマップ
-----------------------------------------------------------*/
.f-temp-accessMap .titleHead::before {
	background-image: url("/assets/img/user/pc/shop/common/girlsbar/colors/default/ico_map.webp");
	background-size: cover;
}

.f-temp-accessMap .map {
	position: relative;
	padding-top: 20px;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.f-temp-accessMap .map iframe,
.f-temp-accessMap .map object,
.f-temp-accessMap .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
	お店からのメッセージ
-----------------------------------------------------------*/
.f-temp-message {
	background-color: #fff;
}

.f-temp-message .titleHead::before {
	background-image: url("/assets/img/user/pc/shop/common/girlsbar/colors/default/ico_message.webp");
	background-size: cover;
}

.f-temp-message .body {
	padding: 7px 10px;
	border: 1px solid #eee;
}

.f-temp-message .text {
	line-height: 20px;
	font-size: 14px;
}

.f-temp-message .p-btn-more {
	width: 270px;
	margin: 17px auto 13px;
}
/*
	応募方法
-----------------------------------------------------------*/
.f-temp-appMethod .titleHead::before {
	background-image: url("/assets/img/user/pc/shop/common/girlsbar/colors/default/ico_app_method.webp");
	background-size: cover;
}

.f-temp-appMethod .appTable {
	width: 100%;
	border: 1px solid #eee;
	background-color: #fff;
	color: #888;
}

.f-temp-appMethod .appTable th,
.f-temp-appMethod .appTable td {
	vertical-align: middle;
	line-height: 17px;
	font-size: 13px;
}

.f-temp-appMethod .appTable th {
	width: 88px;
	padding: 18px 0;
	background-color: #f6f6f6;
}

.f-temp-appMethod .appTable td {
	padding: 15px 12px;
	vertical-align: middle;
}

.f-temp-appMethod .appTable a {
	color: #3f3fbf;
}

.f-temp-appMethod .appTable a:hover {
	text-decoration: underline;
}

.f-temp-appMethod .appTable .map-btn {
	display: block;
	width: 32.875%;
	height: 30px;
	margin: 5px auto;
	border-radius: 4px;
	background-color: #4cb444;
	text-align: center;
}

.f-temp-appMethod .appTable .btn-text {
	display: inline-block;
	margin: auto;
	padding-left: 28px;
	background: url("/assets/img/user/pc/shop/common/ico_googlemap.webp") 0 center no-repeat;
	background-size: 20px auto;
	line-height: 31px;
	font-family: Helvetica Cyrillic, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.f-temp-appMethod .td-tel {
	width: 290px;
}

.f-temp-appMethod .td-tel .color {
	color: #3f3fbf;
}

.f-temp-appMethod .td-tel .color ~ .color {
	margin-left: 20px;
}

.f-temp-appMethod .td-tel .number {
	color: #555;
}

.f-temp-appMethod .td-tel .mask_tel_btn {
	width: 240px;
	margin: 5px 0;
	padding: 9px 0;
	font-size: 16px;
	background-color: #ff709c;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.f-temp-appMethod .mask_mail_btn {
	display: inline;
	margin: 5px 0;
	padding: 6px 56px;
	font-size: 16px;
	background-color: #1f497d;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.f-temp-appMethod .mask_mail_btn:hover {
	text-decoration: none;
}

.f-temp-appMethod .td-tel .number {
	display: table;
	margin-top: 5px;
	line-height: 1;
	font-family: Helvetica Cyrillic, Helvetica;
	font-size: 34px;
	color: #555;
}

.f-temp-appMethod .td-tel .number:hover {
	text-decoration: none;
}

.f-temp-appMethod .td-tel .shopNum {
	margin-top: 15px;
	display: none;
}

.f-temp-appMethod .td-tel .shopNum a {
	color: inherit;
}

.f-temp-appMethod .td-tel .shopNum a:hover {
	text-decoration: none;
}

.f-temp-appMethod .td-tel .shopNum .number {
	display: inline;
	font-size: inherit;
}

.f-temp-appMethod .td-responsiblePerson {
	width: 235px;
}

.f-temp-appMethod .td-responsiblePerson .inner {
	font-size: 0;
}

.f-temp-appMethod .td-responsiblePerson .imgWrap,
.f-temp-appMethod .td-responsiblePerson .col-right {
	display: inline-block;
	vertical-align: top;
}

.f-temp-appMethod .td-responsiblePerson .imgWrap {
	width: 90px;
	height: 106px;
	border: 1px solid #eee;
}

.f-temp-appMethod .td-responsiblePerson .col-right {
	width: calc(100% - 96px);
	margin-left: 6px;
	font-size: 13px;
}

.f-temp-appMethod .td-responsiblePerson .col-right:only-child {
	width: 100%;
	margin-left: auto;
}

.f-temp-appMethod .td-responsiblePerson .col-right:only-child .comment::after {
	content: none;
}

.f-temp-appMethod .td-responsiblePerson .comment {
	display: table;
	position: relative;
	padding: 8px;
	background-color: #f0f0f0;
	border-radius: 6px;
	white-space: normal;
}

.f-temp-appMethod .td-responsiblePerson .comment::after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 21px;
	height: 12px;
	background: url("/assets/img/user/pc/shop/common/bg_baloon_tip.webp") 0 0 no-repeat;
	background-size: cover;
}

.f-temp-appMethod .td-line {
	color: #42c431;
}

.f-temp-appMethod .imgWrap-chocolat {
	margin: 20px 0;
	border: 1px solid #eee;
}

.f-temp-appMethod .shopurl,
.f-temp-appMethod .oubourl {
	max-width: 610px;
}

.f-temp-appMethod .shopurl a,
.f-temp-appMethod .oubourl a {
	display: inline-block;
}

.f-temp-appMethod .td-sawChocolat span {
	font-size: 16px;
	color: #3f3fbf;
}

.list-return {
	text-align: center;
	margin-bottom: 30px;
}

.list-return-link {
	display: inline-block;
	width: 300px;
	margin: 20px auto;
	border-radius: 4px;
	background-color: #555;
	text-align: center;
}

.list-return-link .text {
	display: inline-block;
	height: 50px;
	vertical-align: middle;
	background: url("/assets/img/user/pc/contact/ico_arrow_back.webp") 0 center no-repeat;
	padding-left: 25px;
	background-size: auto auto;
	background-size: 14px auto;
	line-height: 52px;
	font-size: 16px;
	color: #fff;
}

.f-shopreport {
	display: table;
	margin: auto;
	padding: 6px;
	background: url("/assets/img/user/pc/search/common/bg_stripe_yellow.webp") 0 0 repeat;
	background-size: 4px auto;
}

.f-shopreport .sectionInner {
	display: table-cell;
	padding: 10px 30px;
	border: 1px solid #e7e7e7;
	background-color: #fff;
	width: 100%;
}

.f-shopreport .sectionInner .item {
	float: left;
	padding: 5px 30px 5px 50px;
	background: url("/assets/img/user/pc/shop/common/free/attention.webp") 0 center no-repeat;
	background-size: 40px;
	line-height: 1.3;
	font-size: 12px;
}

.f-shopreport .sectionInner .note {
	display: block;
	font-size: 12px;
	color: #f00;
}

.f-shopreport .sectionInner .anchor {
	float: right;
	width: 250px;
	height: 35px;
	margin-top: 10px;
	border-radius: 3px;
	background-color: #ff719c;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.f-temp-honnyuInfo,
.f-mensJobInfo {
	background-color: #fff;
}

.f-temp-honnyuInfo .titleHead::before,
.f-mensJobInfo .titleHead::before {
	background-image: url("/assets/img/user/pc/shop/common/girlsbar/colors/default/ico_shop_pr.webp");
	background-size: cover;
}

.f-temp-honnyuInfo .body,
.f-mensJobInfo .body {
	padding: 7px 10px;
	border: 1px solid #eee;
}

.f-temp-honnyuInfo .text,
.f-mensJobInfo .text {
	line-height: 17px;
	font-size: 14px;
}

.mod-campaignLink {
	left: -1100px;
	right: 95px;
}

.list-return-link {
	background-color: #555;
}

.theme-girlsbar .g-header {
	border-color: #ff7272;
}

.theme-girlsbar .g-header .logo img {
	height: 60px;
}

.theme-girlsbar .headerRow-2 .btnBase {
	background-color: #ff7272;
	-webkit-box-shadow: 0 -2px #ff3774 inset;
	box-shadow: 0 -2px #ff3774 inset;
}

.theme-girlsbar .areaNavigation-bottom {
	background-color: #ff7272;
}

.theme-girlsbar .mod-areaNavigation .mainArea-item.is-current,
.theme-girlsbar .mod-areaNavigation .mainArea-item:hover {
	color: #ff7272;
	text-decoration: underline;
}

.theme-girlsbar .mod-areaNavigation .prefArea-anchor.is-current,
.theme-girlsbar .mod-areaNavigation .prefArea-anchor:hover {
	color: #ff7272;
}

.theme-girlsbar .mod-shopMenu .p-shopNameColor {
	color: inherit;
}

.campaign img {
	width: 200px;
	height: auto;
}

#shopfloat {
	display: none;
	position: fixed;
	z-index: 49;
	bottom: 20px;
	left: 0;
	right: -900px;
	width: 100px;
	height: 100px;
	margin: auto;
	background-color: transparent;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#shopfloat.campaign {
	width: 200px;
	height: auto;
	bottom: 15px;
	right: -1000px;
}

@media (min-width: 1100px) {
	#shopfloat {
		right: -1100px;
	}

	#shopfloat.campaign {
		right: -1200px;
	}
}

.start {
	-webkit-animation-name: fuwafuwa;
	animation-name: fuwafuwa;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

.startList {
	-webkit-animation-name: fuwafuwa;
	animation-name: fuwafuwa;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

.mod-addPopup3 {
	position: relative;
	color: #000;
	bottom: 132px;
	left: -47px;
	width: 322px;
	margin: auto;
	border: 1px solid #dedede;
	border-radius: 3px;
	background-color: #fff;
	display: none;
	z-index: 1;
}

.mod-addPopup3 .inner {
	position: relative;
}

.mod-addPopup3 .head {
	position: relative;
	height: 36px;
	padding-left: 42px;
	background-color: #ff719c;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	line-height: 38px;
}

.mod-addPopup3 .head::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background: #ff437c url("/assets/img/user/pc/common/contact_popup/ico_preference.webp") 6.2px no-repeat;
	border-top-left-radius: 3px;
}

.mod-addPopup3 .head .text {
	text-align: left;
	font-size: 14px;
	color: #fff;
}

.mod-addPopup3 .body {
	font-size: 12px;
	padding: 8px 10px;
	text-align: center;
}

.mod-addPopup3 .body::before {
	background: #ff437c url("/assets/img/user/pc/common/contact_popup/ico_concern.webp") 0 0 no-repeat;
}

.mod-addPopup3 .text-top {
	line-height: 24px;
}

.mod-addPopup3 .text-bottom {
	line-height: 24px;
	color: #ff719c;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}

.gray_panel {
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 40;
}

.no_login {
	display: none;
	position: fixed;
	z-index: 91;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 500px;
	margin: auto;
	text-align: center;
}

.no_login .inner {
	position: relative;
	border: 1px solid #fff;
	background: url("/assets/img/user/pc/common/campaign_popup/bg_main.webp") 0 0 no-repeat;
	background-size: 500px auto;
}

.no_login .title {
	height: 35px;
	background-color: #ff719c;
	text-align: center;
	line-height: 36px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.no_login .body {
	padding: 8px 20px 10px 20px;
	color: #333;
}

.no_login .btn-close {
	content: "";
	position: absolute;
	top: -46px;
	right: 0;
	width: 35px;
	height: 35px;
	background: none;
}

.no_login .no_loginBtn {
	display: block;
	margin: 10px 0;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.no_login .btn-pink-200 {
	width: 200px;
	height: 30px;
	margin: 10px 0;
	border-radius: 3px;
	background-color: #ff6989;
	color: #fff;
	line-height: 31px;
}

.no_login .errorMsg {
	margin: 5px 0;
	color: #dc2727;
	font-size: 10px;
	font-weight: bold;
}

.basepopup {
	height: 300px;
}

.basepopup .campaignText p {
	line-height: 1.2;
	font-size: 14px;
	white-space: nowrap;
	margin-top: 12px;
}

.basepopup .campaignText span {
	color: #ff3131;
}

.basepopup .loginbtn {
	width: 100%;
	height: 35px;
	background-color: #ff3535;
}

.basepopup .newlogin {
	width: 100%;
	height: 35px;
	border: solid 2px #eee;
	background-color: #fff;
	color: #000;
}

.basepopup label {
	display: inline-block;
	position: relative;
	margin: 10px 0;
	height: 17px;
	padding-left: 32px;
	padding-right: 5px;
	background: url("/assets/img/user/pc/search/common/col_left/img_checkbox.webp") 10px center no-repeat;
	background-size: 15px;
	line-height: 18px;
	color: #888;
}

.basepopup input:checked + label {
	background: url("/assets/img/user/pc/search/common/col_left/img_checkbox_checked.webp") 10px center no-repeat;
	background-size: 15px;
}

.loginpopup {
	height: 220px;
}

.loginpopup input {
	width: 100%;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 0;
	height: 30px;
	line-height: 30px;
}

.loginpopup input + input {
	margin-top: 10px;
	margin-bottom: 20px;
}

.reloadpopup {
	height: 220px;
}

.reloadpopup input {
	width: 100%;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 0;
	height: 30px;
	line-height: 30px;
}

.reloadpopup input + input {
	margin-top: 10px;
	margin-bottom: 20px;
}

.mod-newentryPopup {
	height: 198px;
}

.mod-newentryPopup p {
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}

.campaignBnr {
	text-align: center;
}

.close_flg {
	display: inline-block;
	height: 34px;
	width: 72px;
	line-height: 3.5;
	margin-right: 5px;
}

.close_flg img {
	width: 72px;
	height: 34px;
}

.close_flg_box {
	background: url("/assets/img/user/pc/shop/common/free/attention.webp") 7px center no-repeat;
	background-size: 25px;
	background-position-x: 7px;
	padding: 0 0 0 35px;
	margin: 8px 0;
	font-size: 13px;
	height: 35px;
	line-height: 35px;
	border: solid 1px #f00;
	background-color: #fdebc7;
}

.close_flg_box a {
	color: #ff719c;
	text-decoration: underline;
}
/* ===========================================================================
*　管理キーワード
=========================================================================== */
.mngKeyword {
	margin-top: -17px;
}
/*
	よくある質問
-----------------------------------------------------------*/
.f-temp-question {
	margin: 20px 0 40px;
}

.f-temp-question .shop-question-title {
	background-color: #333;
	line-height: 31px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.f-temp-question .body {
	padding: 10px 10px 0;
	background-color: #fff;
	border: 1px solid #888;
}

.f-temp-question .body .content {
	font-size: 13px;
	padding: 10px 15px 15px;
	border-bottom: 2px solid #eee;
}

.f-temp-question .body .content .question_title {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
}

.f-temp-question .body .content .answer p {
	padding-bottom: 5px;
}

.f-temp-question .body .content .answer p a {
	color: #376092;
}
/*
	簡易バナー
-----------------------------------------------------------*/
.g-mainContainer .banners {
	margin: auto;
	width: 680px;
	text-align: center;
}

.g-mainContainer .banners a {
	display: block;
	height: 100%;
}

.g-mainContainer .banners .jobdan-banner {
	width: 680px;
	height: 283.72px;
	padding-bottom: 10px;
}

.g-mainContainer .banners .simple-banner {
	width: 680px;
	height: 254.8px;
	padding-bottom: 10px;
}

.g-mainContainer .banners .tissue-banner {
	width: 680px;
	height: 282px;
	padding-bottom: 10px;
}

@-webkit-keyframes fuwafuwa {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes fuwafuwa {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
