@charset "utf-8";
/* 
00 404.html
00 auth
00 index.html
-------------------------
-------------------------
01 about系（about.html / use.html / terms.html）
02 sitemap.html
03 linkkit.html
04 inquiry/
05 ur.html
16 introduction/
17 introduction/paid_f.php
18 search/
19 search/fem_rec.php
20 list/
21 guideline.html
-------------------------
-------------------------
30 s/xxxx (基本掲載) -> s/temp_paid.html
31 s/xxxx/review (クチコミ一覧) -> s/sp-kuchi_list.php
32 s/xxxx (無料掲載/サービス掲載) -> s/temp_free.html
33 s/sp-kuchi/report.php
-------------------------
-------------------------
60 introduction/area_f.php
---------------------------------------*/

/* 横向きの場合のスタイル
-------------------------------------------------------------------------------- */
.forpc{display: none;}
/*.forsp{display: inline;}*/
@media screen and (orientation: landscape) {}
@media screen and (min-width: 560px) {}
@media screen and (min-width: 768px) {}

/* -- PCview用
-------------------------------------------------------------------------------- */
@media screen and (min-width: 960px) {
	*{word-break: break-word;}
	.forpc{display: block;}
	.forsp{display: none;}


/* 00 jackbanner
------------------------------------------------- */
	#wrapper:has(#jack) {
		min-height: calc(100vh - 240px);
		padding: 240px 0 0;
	}
	#jackpc{
		text-align: center;
		background: rgba(0,0,0,.2);
	}
	#jackpc a{display: inline-block;}
	#jackpc a img{
		width: 100%;
		height: auto;
	}

/* 00 404.html
------------------------------------------------- */
	#nf{padding: 80px 20px;}
	#nf div h2 img{
		width: 283px;
		height: auto;
	}

/* 00 auth
------------------------------------------------- */
#authBox > span {
	font-size: 1.15rem;
}
#authBox strong {
	font-size: 1.67rem;
}
#authBox > p {
	font-size: 1.0rem;
}
#enter a, #leave a {
	font-size: 1.35rem;
}
#modalBox.remodal {
	max-width: 380px;
}

/* 00 index.html
-------------------------------------------------------*/
	#herowrap{
		aspect-ratio: unset;
		position: relative;
		z-index: 0;
		background: none;
	}
	#herowrap::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 1200px;
		height: 100%;
		background: url(/img/ind/pc/hero_bg.png) no-repeat center top;
		background-size: 1200px auto;
		z-index: -1;
	}
	#heroMain {
		background: url(/img/ind/pc/hero_main.png) no-repeat center top;
		background-size: contain;
		width: 354px;
		height: 93px;
		margin: 65px 0 30px 0;
	}
	#heroMain img {
		opacity: 0;
	}
	#heroSub {
		background: url(/img/ind/pc/hero_sub.png) no-repeat center top;
		background-size: contain;
		width: 270px;
		height: 17px;
		margin: 0 0 55px 0;
	}
	#heroSub img {
		opacity: 0;
	}

	#index{
		width: 800px;
		opacity: 0;
		transition: opacity 0.5s ease;
	}
	#index.visible{opacity: 1;} 
	#index .breadcrumb{flex: 0 0 100%;}

	#ind_banners {
		margin-top: 20px;
		padding-bottom: 40px;
	}
	#ind_banners::before {
		content: '';
		position: absolute;
		top: -21px;
		left: 50%;
		transform: translateX(-50%);
		width: 100vw;
		height: 21px;
		background: url(/img/ind/pc/banners_deco.png) no-repeat center top;
		background-size: cover;
		z-index: -1;
	}
	#ind_banners::after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100vw;
		height: 100%;
		background: #f1eae3;
		z-index: -1;
	}
	#ind_banners h4 {
		font-size: 1.6em;
		padding: 40px 0 20px;
	}
	#tpblist ul {
		padding: 10px 0;
		margin: 10px 0;
		border-top: 1px solid #d1ccda;
	}
	#tpblist ul li{border-bottom: 2px dotted #d1ccda;}
	#tpblist ul li a{
		padding: 5px 0;
		display: block;
	}
	#tpblist ul li p img{
		width: 100%;
		height: auto;
	}
	#tpblist ul li dl dt{font-size: .84rem;}
	#tpblist ul li dl dd{font-size: .75rem; color: #777;}
	#ind_bigbanner{
		max-width: none;
		padding: 10px 0 0;
	}
	#ind_bigbanner .bigBannerSp{
		display: none;
	}
	#ind_bigbanner .bigBannerPc{
		display: block;
		width: 100vw;
		max-width: none;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	#ind_bigbanner .bigBannerPcStage{
		padding: 0;
		position: relative;
	}
	#ind_bigbanner .bigBannerPcViewport{
		width: 100%;
		max-width: none;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}
	#ind_bigbanner.isSingle .bigBannerPcViewport{
		max-width: 600px;
	}
/*	#ind_bigbanner .bigBannerPcViewport::before,
	#ind_bigbanner .bigBannerPcViewport::after{
		content: "";
		position: absolute;
		top: 2.5%;
		width: 50px;
		height: 95%;
		z-index: 3;
		pointer-events: none;
	}
	#ind_bigbanner .bigBannerPcViewport::before{
		left: 0;
		background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
	}
	#ind_bigbanner .bigBannerPcViewport::after{
		right: 0;
		background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
	}*/
	#ind_bigbanner_pc .swiper-wrapper{
		align-items: center;
	}
	#ind_bigbanner.isSingle #ind_bigbanner_pc .swiper-wrapper{
		justify-content: center;
	}
	#ind_bigbanner_pc .swiper-slide{
		width: 600px;
		flex: 0 0 600px;
		transform: scale(.95);
		transition: transform .35s ease, opacity .35s ease;
	}
	#ind_bigbanner.isSingle #ind_bigbanner_pc .swiper-slide{
		transform: scale(1);
	}
	#ind_bigbanner_pc .swiper-slide-active{
		opacity: 1;
		transform: scale(1);
	}
	#ind_bigbanner .bigBannerNav{
		width: 30px;
		height: 30px;
	}
	#ind_bigbanner.isSingle .bigBannerNav{
		display: none;
	}
	#ind_bigbanner .bigBannerPrev{
		left: calc(50% - 333px);
	}
	#ind_bigbanner .bigBannerNext{
		right: calc(50% - 332px);
	}
	#ind_bigbanner .bigBannerPcInfo{
		max-width: 600px;
		margin: 0 auto;
		padding: 10px 0 0;
	}
	#ind_bigbanner .bbpagePc{
		padding-top: 1px;
	}
	#ind_bigbanner .bigBannerPcInfo .bannerHead{
		justify-content: flex-start;
	}
	#ind_tpbanner{
		padding: 20px 0 0;
	}
	#ind_tpbanner .topBannerSlots{
		flex-flow: row nowrap;
		gap: 30px;
	}
	#ind_tpbanner.isSingle .topBannerSlots{
		justify-content: center;
	}
	#ind_tpbanner .topBannerSlot{
		flex: 1 1 50%;
	}
	#ind_tpbanner.isSingle .topBannerSlot{
		flex: 0 1 calc((100% - 30px) / 2);
		max-width: calc((100% - 30px) / 2);
	}
	#ind_tpbanner .topBannerLink{
		height: 100%;
		box-sizing: border-box;
	}
	#ind_tpbanner .topBannerMeta .bannerHead{
		justify-content: flex-start;
	}
	#searchBox{
		position: relative;
		width: 740px;
	}
	#searchBox::before {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(135, 109, 106, .75);
		mix-blend-mode: multiply;
		pointer-events: none;
		z-index: 0;
		border-radius: 6px;
	}
	#searchBox > * {
		position: relative;
		z-index: 1;
	}
	#searchBox form {
		width: 740px;
		padding: 10px 15px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
	}
	#searchBox ul {
		margin: 0;
		display: flex;
	}
	#searchBox ul li:not(:last-child) {
		margin-right: 20px;
	}
	#searchBox ul li dl dt {
		white-space: nowrap;
		padding: 10px 10px 10px 10px;
	}
	#searchBox ul li dl dd{
		background: none;
		display: flex;
		width: 80px;
	}
	#searchBox ul li dl dd::after {
		right: 10px;
	}
	#searchBox ul li a dl{
		align-items: center;
	}
	.searchBtn button{
		margin-left: 20px;
	}
	.searchBtn button span {
		font-size: 1.4rem;
	}
	#wd_search .searchBtn button {
		width: 150px;
		padding: 5px 0;
		box-sizing: border-box;
	}

	.expHead h2, .expPageHead h2 {
		margin: 0;
	}
	.expCont{
		margin: 0;
		background: none;
	}
	.expCard,
	.expListWrap,
	.expDetailWrap {
		padding: 30px 20px;
	}
	.expCard .viewMore a,
	.expPage .postBtn a,
	.expComplete .postBtn a{
		width: 200px;
		box-sizing: border-box;
		padding: 10px 20px;
	}
	#expTop .postBtn a,
	.expPage .postBtn a {
		width: 280px;
		box-sizing: border-box;
		padding: 15px 20px;
	}

/* ティッカーの中身 
------------------------------------------------------------*/
	#wd_search{
		padding: 5px 0;
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		gap: 5px;
	}
	#freeword{
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		gap: 5px;
	}
	#freeword dt{white-space: nowrap;}
	.searchBtn{text-align: center;}
	.searchBtn button{width: 260px;}
/*	#wd_search .searchBtn button{
		width: 240px;
	}*/


/* 新着掲載店情報（汎用カード）
----------------------------------------*/
	#index .newscard {min-height: 230px;}
	.card_body {
	}
	.card_body > p{flex:0 0 auto;}
	.card_body dt {font-size: 1rem;}

	.location{padding-left: 22px;}
	.location::before,
	.category::before {
		top: 0;
		width: 21px;
		height: 23px;
	}
	.freecard .location{padding-left: 22px;}
	.freecard .location::before{display: block;}
	#ind_newshoplist{
		position: relative;
		overflow: hidden;
	}
	#ind_pickup{
		padding: 10px 0;
		overflow: hidden;
	}
	#ind_pickup .swiper-wrapper{
		flex-flow: row nowrap;
		align-items: center;
		gap :0;
	}
	#ind_pickup.dest .swiper-wrapper{
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		gap :10px;
	}

/* グループ店で働く
----------------------------------------*/
	#grpwrap{
		width: 220px;
		padding: 5px;
		margin-bottom: 10px;
		border: 1px solid #d7d2de;
		border-radius: 8px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#grpwrap .more {padding: 5px;}
	#grpwrap .more a{
		padding: 5px 10px;
		font-size: 1rem;
	}
	#groups.no_swipe li{flex:1 1 100%;}
	#groups{max-width: 210px;}
	#groups li a span{font-size: 1rem;}

/* 編集部コメント
----------------------------------------*/

/* お店からのメッセージ
----------------------------------------*/
	#shpMessage li:nth-child(2){display: none;}
	#shpMessage li a{padding: 10px 30px;}
	.mes_set{
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		font-size: 1.17rem;
		font-weight: bold;
	}
	.messageShop::after{margin:0 5px; content: '/'; }
	.staffName {margin: 0; font-size: 1rem; font-weight: normal;}
	.staffName span{font-size: 1.17rem; font-weight: bold; color:#101010;}

/* クチコミありのお店
----------------------------------------*/
	#revwrap .more{display: none;}
	#revAvailable{
		border: none;
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		gap: 3px;
	}
	#revAvailable li{
		padding: 10px 15px;
		flex:1 1 30%;
		border: 1px solid #a9a9ba !important;
		border-radius: 7px;
		display: -webkit-flex;
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		-webkit-box-shadow: 0	3px	#ebebeb;
		box-shadow: 0	3px	#ebebeb;
	}
	#revAvailable li::before{display: none;}
	#revAvailable li dl dt{
		margin-bottom: 3px;
		display: -webkit-flex;
		display: flex;
		gap: 3px;
	}
	#revAvailable li dl dt::before{
		content: '';
		width: 21px;
		height: 21px;
		background-image: url(../img/icon/icn_kuchikomi.png);
		background-repeat: no-repeat;
		background-size: contain;
		flex:0 0 21px;
		display: block;
	}
	#revAvailable li dl dd{
		padding: 3px 0;
		display: -webkit-flex;
		display: flex;
		flex-flow: column;
	}
	#revAvailable li dl dd:last-child{border-top: 1px dashed #d1ccda;}

/* 最新情報
----------------------------------------*/
	#newInfo{
		border-radius: 8px;
		padding: 15px 20px;
	}
	#newInfo ul{padding: 0 20px;}
	#newInfo ul dl dt span{
		padding: 0 12px;
		border-radius: 5px;
	}

/* NEWOPEN
----------------------------------------*/
	#newOpen {padding: 15px 0;}
	#newOpen ul{
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		gap: 5px;
	}

	#newOpen li{
		flex:0 0 240px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		position: relative;
	}
	#newOpen ul li::before{
		position: absolute;
		top: 0;
		left: 15px;
	}
	#newOpen ul dl{padding: 5px 10px;}
	#newOpen ul dl dt{
		min-height: 40px;
		padding-left: 30px;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		font-size: 1rem;
	}
	#newOpen ul dl dd span{font-size: .84rem;}
	#newOpen ul dl dd span::before{top:0 !important;}

/* 人気アクセスランキング
----------------------------------------*/
/*#rankingList{text-align: center;}*/

	.updInfohd{
		padding: 5px 15px;
		margin: 10px 0;
		border-radius: 20px;
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		background: #e7e3ef;
	}
	.updInfohd p{font-weight: bold;}

	.tabs{display: none;}
	#rankingList{margin-bottom: 20px;}
	#rankingList ol{
		display: -webkit-flex !important;
		display: flex !important;
		flex-flow: row wrap;
	}
	#rankingList ol li{
		flex:1 1 25%;
		border-bottom: 1px solid #d1ccda;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#rankingList ol li:nth-child(1){flex:0 0 100%;}
	#rankingList ol li:nth-child(2),
	#rankingList ol li:nth-child(3){flex:0 0 50%;}
	#rankingList ol li:nth-child(n+4):nth-child(-n+6){flex:1 1 33%;}
	#rankingList ol li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(4)):not(:nth-child(7)){border-left: 1px solid #d1ccda;}

	#rankingList ol li:nth-child(n+4) span{font-size: .72rem;}
	#rankingList ol li:nth-child(n+4) span::before{top:0;}

	#rankingList ol li:nth-child(n+4):nth-child(-n+6) dl dt{font-size: .84rem;}
	#rankingList ol li:nth-child(n+7) dl dt{font-size: .72rem;}

/* 最近見た
----------------------------------------*/
/* .swp_shops{
	padding:15px 5px;
	overflow: hidden;
	position: relative;
}
.swp_shops ul{
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
}
.swp_shops ul li{
	height: auto;
	padding: 5px;
	display: flex;
	align-items: stretch;
	border: 1px solid #a9a9ba;
	border-radius: 7px;
	-webkit-box-shadow: 0	3px	#ebebeb;
	box-shadow: 0	3px	#ebebeb;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.swp_shops ul li dl dt img{
	width: 100%;
	height: auto;
}
.swp_shops ul li dl dd{text-align: left;}
*/
/*
.swp_shops ul li dl dd span{display: block;}
.swiper-pagination{
	padding: 5px 0;
	position: relative !important;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	gap :5px;
} */

	.swp_shops ul li dl dd.historyShop{font-size: 1rem;}
	
	#srvbox .sbox{
		margin: 5px 0;
		padding: 5px !important;
		border: 5px solid #edf2fc;
	}

/* おすすめコンテンツ
----------------------------------------*/
	#recommend > div.reclink a{padding: 10px 0; gap: 2px;}
	#recommend > div.reclink a p{font-size: .84rem;}
	#recommend > div.reclink a span{flex: 0 0 100px;}
	#recommend ul#ftIcons{background: none;}
	#recommend ul#ftIcons li a{
		padding: 10px 15px 10px 0;
		font-size: .84rem;
	}
	#ftMenu {border: none;}
	#ftMenu .areaslct{display: none;}
	#ftMenu ul li.arR{display: none;}
	#ftMenu ul li a{font-size: .84rem;}



/* #### panelメニュー（動作用）
---------------------------------------*/
.actPanel {
	position: fixed;
	width: 100%;
	height: 100%;
}
.actPanel #overlay{
	z-index: 999;
	display: block;
	opacity: 1;
}
.actPanel #wrapper,
.actPanel #panelBox,
.actPanel footer{
	-webkit-transform: translate3d(-100vw, 0 ,0);
	transform: translate3d(-100vw, 0 ,0);
}
#panelBox,
#wrapper,
footer{
	transition: transform 0.4s ease-in-out;
}

/* #### panel
---------------------------------------*/
#panelBox{
	min-width: 100vw;
	width: 100vw;
	height: 100vh;
	margin-right: -100vw;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	text-align: left;
	white-space: nowrap;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff;
}
.pnCont{
	margin-bottom: 130px;
	overflow: hidden;
}

.return{
	padding: 10px 0;
	color: #444;
	background: #e7dbd8;
	text-align: center;
	font-size: 1.34rem;
	position: relative;
}
.return > div{
	height: 40px;
	margin-top: -20px;
	padding-left: 5px;
	font-size: 1rem;
	position: absolute;
	top: 50%;
	left: 10px;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 5px;
}
.return > div::before{
	content: '';
	width: 6px;
	height: 6px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #444;
	transform: rotate(-45deg);
	display: block;
}

.formlist a{pointer-events: none;}
.formlist li{border-top: 1px solid #818182;}
.formlist label{
	padding: 15px 5px 15px 20px;
}

.searchFunc{
	padding: 10px;
	border-top: 1px solid #cbb9b5;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	gap: 5px;
}
.searchFunc li{flex: 1 1 50%;}
.searchFunc li.searchDecision span{
	width: 100%;
	max-width: 300px;
	box-sizing: border-box;
	padding: 10px 20px;
	margin: 0 auto;
	border: 1px solid #ca9698;
	border-radius: 30px;
	background: #ca9698;
	text-align: center;
	font-size: 1.34rem;
	color: #fff;
	display: block;
	cursor: pointer;
}

/*
-------------------------
-------------------------
*/

/* 01 about系
（about.html / use.html / terms.html）
------------------------------------------------- */
.greeting{padding: 0 0 15px;}
.greeting .com{padding-top: 15px;text-align: right;}
#contact h3{
	max-width: 640px;
	margin: 0 auto;
}
#contact form{
	max-width: 640px;				
	margin: 0 auto;
	padding: 30px 90px;
}
.divide{
	padding: 15px 0;
	border-top: 1px solid #d1ccda;
	background: transparent;
}
.divide h4{font-weight: bold; font-size: 1.06rem;}
.divide h5{margin-bottom: 10px;}

.nondivide p, Ï
.divide p{margin-bottom: 1.5em;}
.divide .pages li a{
	border: 1px solid #14745e;
	background: #ddd;
	color: #333;
}
.attention{color: #ef8e92;}

/* about.html
------------------------------------*/
/* terms.html
------------------------------------*/
	#prohibited dd,
	#disclose li{
		padding: 8px 0 8px 2em;
	}
	#prohibited dd::before,
	#disclose li::before{
		top: calc(0.2em + 8px);
		width: 2em;
	}

/*
introduction/ad_rule.html
introduction/free_rule.html
------------------------------------*/
	#rules > li{padding: 8px 0;}

/* 02 sitemap.html
------------------------------------------------- */
	#sitemapBox h4{font-size: 1.15rem;}
	#smCom{padding: 10px 15px;}
	#smPrfs{padding: 10px 15px;}
	#smPrfs ul{
		margin-left: 20px;
		gap: 10px;
	}
	#smPrfs ul li:not(:last-child)::after{padding-left: 10px; content: '|';}
	.smChoice li,
	.smOthers li{
		padding: 3px 0 3px 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.smChoice.divide3 li,
	.smOthers.divide3 li{flex:0 1 33%;}
	.smChoice.divide4 li,
	.smOthers.divide4 li{flex:0 1 25%;}

/* 03 linkkit.html
------------------------------------------------- */
/* introduction/inc_kit.php
------------------------------------*/


/* 04 inquiry/
------------------------------------------------- */
	#setting{
		padding: 10px 30px;
		border-radius: 10px;
	}
	#setting ul {
		width: 450px;
		margin: 20px auto 10px;
	}

/* 05 ur.html
------------------------------------------------- */
	#urhead{
		width: 490px;
		margin: 0 auto 20px;
	}
	#urhead::before{
		width: 92px;
		height: 92px;
		flex:0 0 92px;
	}
	#urbox dl dt{margin-top: 25px;}
	#urbox dd img{max-width: 660px;}
	#urbox h5{
		padding: 10px 0;
		font-size: 1.17rem;
		color: #f26896;
	}

/* 16 introduction/
------------------------------------------------- */
	#intro #innerbox{width: 750px;}
	#intro .sbox{width: 660px; margin: 0 auto;}
	#intro .introinner{width: 660px; margin: 0 auto;}
	#introHead{
		max-width: none;
		aspect-ratio: unset;
		height: 341px;
		background: none;
		position: relative;
		z-index: 0;
	}
	#introHead::before{
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 1200px;
		height: 100%;
		background: url(/img/intro/pc/hero_bg.png) no-repeat center top;
		background-size: 1200px auto;
		z-index: -1;
	}
	#introHead h2{
		width: 559px;
		height: 301px;
		padding: 0;
		background: url(/img/intro/pc/hero_main.png?d=260801) no-repeat center top;
		background-size: contain;
	}
	#introHead h2 img{
		display: none;
		opacity: 0;
		max-width: none;
	}
	#introbanner{
		width: 700px;
		margin: 10px auto 20px;
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}
	#introbanner li.banner{
		margin: 3px 0;
		flex :0 0 345px;
	}
	#introbanner li.banner a:hover{opacity: 0.8;}
	#introbanner li.banner img{width: 345px;}
	p:has(+ #optprice),
	#intro .capacity,
	#intro table.basic,
	#intro table.optbanner{
		width: 315px;
		margin: 0 auto 10px;
	}
	#freeListing dl dd {
		width: 640px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#forAgency dl dd {
		width: 640px;
		margin: 0 auto;
		box-sizing: border-box;
	}

/* 17 introduction/paid_f.php
------------------------------------------------- */
	#flowchart ol li {
		height: 6.4em;
		padding: 0 14px 0 30px;
	}
	#flowchart ol li:not(:first-child)::before {
		width: 20px;
		left: -7px;
	}
	#formtitle{
		width: 640px;
		padding: 10px 0;
		margin: 0 auto;
	}
	#formwrap{
		width: 640px !important;
		padding: 20px 50px !important;
		background: #f3f0ef;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}


/* 18 search/
------------------------------------------------- */
	#results{
		width: 1000px;
		display: -webkit-flex;
		display: flex;
		flex-flow: row-reverse wrap;
		justify-content: space-between;
	}
	#results .breadcrumb{
		flex: 0 0 100%;
	}
	#results #innerbox{
		width: 100%;
		max-width: 800px;
		min-height: calc(100vh - 173px);
	}
	#featured{
		display: block;
		margin: 0 auto 20px;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	#searchhead{
		padding: 20px 20px 10px !important;
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
	}
	.feature_shop > div > a{
		max-width: 600px;
		margin: 0 auto;
	}
	ul#condTB{
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		gap: 12px;
		max-width: 900px;
		margin: 0 auto;
	}
	ul#condTB li{
		flex: 1 1 0;
		min-width: 0;
		margin: 0;
	}
	ul#condTB li:not(:last-child){
		margin-bottom: 0;
	}
	ul#condTB li dl{
		height: 100%;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		min-width: 0;
	}
	ul#condTB li dl dt{
		width: 145px;
		padding: 5px 8px;
	}
	ul#condTB li dl dd{
		flex: 1 1 auto;
		min-width: 0;
		padding: 5px 8px;
	}

/* 検索一覧 shopcard (有料)
---------------------------------------*/
	.card{
		border: 1px solid #e4dcd8;
		padding: 10px;
		box-sizing: border-box;
	}
	.card .recommendShop,
	.freecard .recommendShop{
		display: grid;
		grid-template-columns: minmax(0, 1fr) max-content;
		column-gap: 12px;
		row-gap: 0;
		align-items: start;
		padding: 8px 42px 8px 5px;
	}
	.urCard.card .recommendShop,
	.urCard.freecard .recommendShop{
		padding: 8px 5px;
	}
	.card .recommendShop dt,
	.freecard .recommendShop dt{
		grid-column: 1;
		grid-row: 1;
		font-size: 1.63rem;
		line-height: 1.2;
		padding: 0;
	}
	.card .recommendShop dd,
	.freecard .recommendShop dd{
		margin: 0;
		font-size: 1.33rem;
		top: 18px;
	}
	.recommendShop .recKeep .keepBtn {
		width: 25px;
		height: 23px;
		background: url(../img/icon/icn_keep_off.png) 50% 50% / 25px 23px no-repeat;
	}
	.recommendShop .recKeep .keepBtn.already {
		background: url(../img/icon/icn_keep_on.png) 50% 50% / 25px 23px no-repeat !important;
	}
	.card .recommendShop > dd:not(.recKeep),
	.freecard .recommendShop > dd:not(.recKeep){
		display: block;
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
		text-align: right;
		padding: 0;
		white-space: nowrap;
	}
/*	.card .recommendShop dd.recKeep,
	.freecard .recommendShop dd.recKeep{
		display: block;
		position: static;
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: center;
		justify-self: end;
	}*/
	.freecard .recommendShop > dd:not(.recKeep) > div{
		display: flex;
		justify-content: flex-end;
	}
	.freecard .recommendShop > dd:not(.recKeep) .check_rank{
		display: none;
	}
	.card .offerAge{
		padding: 0 10px;
		font-size: 1.43rem;
	}
	.icn_prm{
		padding: 1px 5px 1px 30px;
		-webkit-background-size: 26px 20px;
		background-size: 26px 20px;
	}

	.powerpush{
		margin: 15px 10px;
		gap :7px;
	}
	.powerpush li{padding: 3px 5px;}
	.card .powerpush{
		margin: 5px 0;
		justify-content: center;
		gap: 3px;
	}
	.card .powerpush li{padding: 0 3px;}
	.pinfo{
	}
	.cardSalary{display: none;}
	.workCondtions{
		margin: 5px 0;
		flex-flow: row wrap;
	}
	.workCondtions li{flex:1 1 50%;}
	.workCondtions li::before{
		flex:0 0 30px;
		background-size: 25px auto;
	}
	.pSalary{
		padding: 5px 15px;
		margin: 5px auto;
		border-radius: 5em;
		background: #eaf0fc;
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		gap: 5px;
	}
	.pSalary dt{
		text-align: center;
		font-size: 1.17rem;
		flex:1 1 100%;
	}
	.pSalary dd.salarycaps{
		padding: 5px 10px;
		background: #ff8dba;
		border-radius: 2rem;
		color: #fff;
	}
	.pSalary dd span{
		font-size: 1.34rem;
		font-weight: bold;
	}

/* pc用左右振り分けレイアウト
-----------------------------------------*/
	.pLayout{
		display: grid;
		grid-template-columns: 1fr 420px;
		grid-template-rows: repeat(5, auto);
		grid-column-gap: 5px;
		grid-row-gap: 3px;
	}
	/* 並び順を制御 */
	.pleft 	{grid-column: 1; align-self: start; margin: 0 !important;} /* 左カラム */
	.pright	{grid-column: 2; align-self: start; grid-row: 1 / span 5;} /* 右カラム */
	.cardThumbs.pleft{grid-column: 1; align-self: start; margin: 0 !important;}

	.card .cardMain{
		display: grid;
		grid-template-columns: 340px minmax(0, 1fr);
		column-gap: 20px;
		row-gap: 10px;
		align-items: start;
	}
	.card .cardMedia{
		grid-column: 1;
		grid-row: 1 / span 2;
		width: 340px;
	}
	.card .cardDetail{
		grid-column: 2;
		grid-row: 1;
	}
	.card .recimg{
		margin: 0;
	}
	.card .cardThumbs{
		margin: 10px 0 0 !important;
	}
	.card .pSalary{
		margin: 0 0 12px;
		justify-content: flex-start;
	}
	.card .cardDetailLink{
		display: block;
		text-decoration: none;
	}
	.recIntro dt {
		font-size: 1.5rem;
	}
	.card .cardLink{
		margin-top: 10px;
		padding-top: 10px;
		border-top: none;
	}
	.cardLink a {

	}
	.card .workCondtions{
		margin: 0;
		flex-flow: column;
	}
	.card .workCondtions li{
		flex: 0 0 auto;
		width: 100%;
		font-size: 1.4rem;
		height: auto;
	}
	.freecard .workCondtions li{
		font-size: 1.4rem;
	}
	.recFunc ul{
		width: auto;
		justify-content: center;
		gap: 2px;
	}
	.recFunc ul li,
	.recFunc ul li.rfDet{flex: 0 0 200px;}
	.recFunc ul li.rfLine,
	.recFunc ul li.rfMail{display: none;}
	.recFunc ul li a{
		flex-flow: row;
		justify-content: center;
		align-items: center;
	}
	.freecard .freeLinks .workCondtions li.w_tel{
		min-width: 11em;
	}

/* 検索一覧 shopcard (無料-サービス掲載)
---------------------------------------*/
	.freecard,
	.servicecard{
		padding: 0;
	}
	.cardInner{
		padding: 10px;
		border-radius: 8px;
		position: relative;
	}
	.cardInner .recommendShop dd{padding: 3px 0;}
	.cardInner .recommendShop dd.recKeep{padding: 0;}
	.freecard .cardInner .recommendShop dd{
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.freecard .cardInner .recommendShop > dd:not(.recKeep){
		display: block;
	}
	.freecard .cardInner .recommendShop > dd:not(.recKeep) > div{
		display: flex;
		justify-content: flex-end;
	}
	.freecard .cardInner .recommendShop dd.recKeep{
	}

	.freeLinks{
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		border-top: 1px dashed #afadac;
		margin-top: 5px;
		padding-top: 5px;
	}
	.freeLinks .workCondtions{
		flex: 1 1 auto;
		flex-flow: row nowrap;
		align-items: center;
		gap: 18px;
	}
	.freeLinks .workCondtions li{
		flex: 0 1 auto;
		min-width: 0;
	}
	.freecard .freeLinks .w_text{
		overflow-wrap: anywhere;
		word-break: break-word;
	}
	.freecard .cardLink{
		margin-top: 0;
		padding: 0;
		border-top: none;
		flex: 0 0 auto;
	}
	.freecard .cardLink a{
		width: 15em;
		margin: 0;
	}
	#urListTarget .freecard .cardLink {
		padding: 5px;
	}
	#urListTarget .freecard .cardLink a {
		padding: 10px 20px;
		width: unset;
		font-size: 1.1rem !important;
	}
	#urListTarget .urCard{
		max-width: none;
	}
	#urListTarget .urCard .keepActions{
		justify-content: flex-end;
	}
	#urListTarget .freecard.urCard .keepActions{
		justify-content: flex-end;
		padding: 10px;
		border: none;
	}
	.freedet a{
		padding: 5px 30px;
		text-align: center;
		text-decoration: none;
		border: 1px solid #2d2d2d;
		border-radius: 5px;
		display: inline-block;
		position: relative;
		-webkit-box-shadow: 0	3px	#ebebeb;
		box-shadow: 0	3px	#ebebeb;
		background: #fff;
	}
	.srvcdet a::after,
	.freedet a::after{
		content: '';
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border-width: 1px 0 0 1px;
		border-style: solid;
		border-color: #333;
		transform: rotate(135deg);
		display: block;
		position: absolute;
		top: 50%;
		right: 8px;
	}
	.srvcdet{
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.srvcdet a{
		width: 100%;
		height: 100%;
		display: block;
	}
	.srvcdet a::after{right:20px;}

/* エリアライティング
-------------------------------*/
	#area_writing .wSet{
		border: none;
		margin: 10px 0;
	}
	#area_writing .wSet p{
		padding: 5px 20px;
		background: #f0f0f0;
	}
	#area_writing .wSet p:after{display: none;}
	#area_writing .wSet .acdCont{display: block !important;}

	#area_writing .acdCont > ul,
	#area_writing .acdCont dl{
		padding: 5px 20px;
	}
	#area_writing > div dl dt{
		padding: 3px 5px;
		border-bottom: 2px dotted #333;
		background: none;
		display: inline-block;
	}
	#area_writing ul{
		padding: 5px 0;
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		gap:3px;
	}
	.wAbout{padding: 5px 20px;}
	#area_writing ul li::after{content: '|';}
	#area_writing ul li{border: none;}
	#area_writing ul li a{
		padding: 0;
		text-decoration: underline;
	}
	#neighbourInner{padding: 10px 30px;}

/* 19 search/fem_rec.php
------------------------------------------------- */
	#recjob #innerbox{width: 750px;}
	.areatab{
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
	}
	.areatab li{
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	.areatab li:not(:first-child)::before{
		content: '';
		width: 1px;
		height: 15px;
		background: #d1ccda;
		display: block;
	}
	.areatab li a{
		padding: 10px 20px;
		display: block;
		flex: 1;
		font-size: 1.17rem;
		font-weight: bold;
	}
	.areatab li a{border: none !important;}
	.areatab li.recact a{color:#f26896;}
	#recjobList{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(4, auto);
		gap: 8px;
	}
	#recjobList .card{border: 2px solid #b7b6ef;}
	#recjobList .card .recommendShop{
		padding: 8px 5px;
		border: none;
	}
	#recjobList .card .recommendShop dd{
		display: -webkit-flex;
		display: flex;
		flex-flow: column;
		font-size: .84rem;
		word-break: break-word;
	}
	#recjobList .card .sbox{font-size: .84rem;}
	#recjobList .card .sbox p{word-break: break-word;}
	#recjobList .offerAge{
		padding: 0;
		font-size: 1rem;
		font-weight: normal;
	}
	#recjobList .card .recbtns{display: none;}

/* 20 list/
------------------------------------------------- */
	#uclist{
		display: -webkit-flex;
		display: flex;
		flex-flow: row-reverse wrap;
		justify-content: space-between;
	}
	#uclist #uchead,
	#uclist .breadcrumb{flex: 0 0 100%;}
	#uclist #uchead{
		min-height: calc(100vh - 200px);
	}
	#uclist #innerbox{flex: 0 0 750px;}
	#uclist #lClm{flex: 0 0 220px; display: block;}

	#uccont{
		display: grid;
		grid-template-columns: 1fr 750px;
		grid-template-rows: repeat(3, auto);
		grid-column-gap: 30px;
		grid-row-gap: 10px;
	}
	/* 並び順を制御 */
	.ucleft 	{grid-column: 1; align-self: start; grid-row: 1 / span 3;} /* 左カラム */
	.ucright	{grid-column: 2; align-self: start;} /* 右カラム */

	#urWrap{margin-bottom: 30px;}
	#uclist #relation{margin: 0;}
	#uclist #relation::before{display: none;}
	#uclist #relation h3{font-size: 1rem;}
	#uclist #relation .more a{font-size: .84rem;}


/* #### カード部分
---------------------------------------*/
	.urBox{
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
	}
	.urBox .card_body{
		flex-flow: row nowrap;
		gap :10px;
	}
	.urBox .card_body > p{flex: 0 0 200px;}
	.urBox label{flex:1 1 auto;}
	.urBox label .card_body dd{
		display: -webkit-flex;
		display: flex;
		flex-flow: column;
	}
	.urBox .recbtns {
		flex-flow: column;
		border: none;
		flex: 0 0 auto;
	}
	#appHistory{padding: 0 !important;}

/* 送信画面
---------------------------------------*/
	#ucsend #innerbox{width: 700px;}
	#ucsend #innerbox form{
		padding: 20px 50px !important;
		border: 2px solid #4c4c6b;
	}

/* 21 guideline.html
------------------------------------------------- */
#gl_img{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
#gl_ng{margin-bottom: 0;}

/*
-------------------------
-------------------------
*/

/* 30 s/xxxx (基本掲載) -> s/temp_paid.html
------------------------------------------------- */
	#shopdetail #innerbox{width: 750px;}
	#hdbasics{
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		gap: 7px;
	}
	#shopdetail h4{margin: 15px 0;}
	#detTabs li div{border-bottom: 6px solid #b7b6ef;}
	#detTabs li a{border-bottom: 6px solid #f0f0f0;}
	.annex_tp{position: relative;}
	.annex_list{
		margin: 0;
		position: absolute;
		bottom: 35px;
		left: 0;
	}
	.annex_list::before {
		top: auto;
		bottom: -14px;
		border: 6px solid transparent;
		border-top: 8px solid #4c4c6b;
	}
	.annex_list ul{max-width: 200px;}



/* 給与目安
---------------------------------------*/
/* 当店のイチオシポイント
---------------------------------------*/
	#thumbs .swiper-wrapper{
		flex-flow: row nowrap;
		gap :5px;
	}
	.thumb.swiper-slide{flex:1 1 32%;}


/* 動画埋め込み
---------------------------------------*/
/* あなたへの募集コメント
---------------------------------------*/
/* 特徴/募集内容/スタッフ/店舗情報
---------------------------------------*/
	#miTabs{display: none;}
	.appendix img{
		width: 100%;
		max-width: 700px;
		height: auto;
	}
	dl.reclist dt.forpc{
		display: -webkit-flex;
		display: flex;
	}
	dl.reclist dt{
		padding: 5px 0;
		font-size: 1.17rem;
	}
	dl.reclist dd{
		padding: 0;
		border-bottom: 1px dashed #d1ccda;
	}

/* 募集要項 追加画像
---------------------------------------*/
/* スタッフ
---------------------------------------*/
	#stfWrap{
		flex-flow: row nowrap;
		gap: 15px;
	}
	#detStf #stfinfo{
		flex: 1 1 auto;
		display: flex;
		flex-flow: column;
	}
	#detStf ul{
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
		gap: 10px;
	}
	#detStf ul li{flex:0 0 47%;}
	#stfComment{margin-left: 15px;}
	#stfComment:before {
		border: solid transparent;
		border-right-color: #c5b1e5;
		margin-left: -24px;
		left: 0;
		top: 20px;
		border-width: 12px;
	}

/* 応募方法
---------------------------------------*/
	#detContact > p{width: 60%;}
	#detContact ul{
		flex-flow: row nowrap;
		gap: 10px;
	}
	#detContact ul li{flex: 1 1 30%;}
	#detContact ul li a{padding: 10px 0;}
	#detContact ul li#detTel a{flex-flow: row wrap;}
	#detContact li a div{display: contents;}
	#detContact li a div p{min-width: 130px;}
	#detContact li a div span{font-size: .84rem;}

	#toggleForm::before,
	#toggleForm::after {display: none;}
	#applyTgt{
		padding: 30px 50px !important;
		border: 2px solid #4c4c6b;
		display: block !important;
	}
	#detSNS dd ul{justify-content: center;}
	#detSNS dd ul li{flex: 0 0 160px;}
	#detGroup{border: none;}
	#dginfoWrap{
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	#dginfoWrap .recimg {flex: 0 0 360px;}
	#dginfoWrap #dgInfo div{
		margin-bottom: 10px;
		display: block;
	}
	#dginfoWrap #dgInfo{
		flex: 0 0 340px;
		text-align: left;
		display: block;
	}
	#detGroupLists{padding: 15px 35px;}
	#swpGroupPages {left: 0;}

/* 31 s/xxxx/review (クチコミ一覧) -> s/sp-kuchi_list.php
------------------------------------------------- */
	dl#assess{
		width: 600px;
		margin: 10px auto;
	}

/* クチコミ一覧
---------------------------------------*/
	#kuchikomiList{
		width: 600px;
		margin: 0 auto;
	}

/* クチコミ投稿
---------------------------------------*/
	#kuchikomiBasis{
		width: 600px;
		margin: 0 auto;
	}
	#kuchikomiPost{
		width: 600px;
		padding: 10px;
		margin: 0 auto 20px;
	}

/* 32 s/xxxx (無料掲載/サービス掲載) -> s/temp_free.html
------------------------------------------------- */
	#srvcMsg{padding: 20px;}
	#srvcForms .sbox{
		padding: 30px 50px !important;
		border: 2px solid #4c4c6b;
		display: block !important;
	}

/* おすすめ枠 追加 20251223
------------------------------*/
	.recframe{
		padding: 15px;
		margin: 15px;
	}
	.rfHead{margin: 10px 0;}
	.rfInner{
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		gap: 15px;
	}
	.rfImg{flex: 0 0 320px;}
	.rfImg img{max-width: 750px;}
	/*#rf1st.rfImg img{max-width: 750px;}*/
	.rfInfo{font-size: 1.17rem;}
	.rfInfo .offerAge{
		padding: 0 !important;
		text-indent: -10px;
	}
	.rfInfo .rfCopy{font-size: 1.17rem;}
	.rfInfo .more a{max-width: 240px;}

	#otrRecframe{margin-top: 40px;}
	#otrRecframe ul{
		max-width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	#otrRecframe ul > li{padding: 10px 0;}

/* 33 s/sp-kuchi/report.php
------------------------------------------------- */

/* 60 introduction/area_f.php
------------------------------------------------- */
	#areacp #wrapper{
		width: 770px;
		margin: 0 auto;
	}
/*
#areacp #contents{background: #fff;}
#areacp h1{
	max-width: 1000px;
	background: url(../img/areacp/areacp_bg.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}*/
	#areacp h1 img{
		max-width: 375px;
		width: 100%;
		height: auto;
	}
/*#areacp #contents > div{
	padding: 25px 5px 5px;
}
#areacp > div h2{
	color: #fff;
	background: #54a1f0;
	font-size: 1.15rem;
	padding: 5px;
}*/
	#areacp_disp_cnt{
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-around;
	}
	#areacp_disp_cnt > div p{font-size: 1.29rem;}


/*#areacp_link_cnt > p{
	text-align: left;
	padding: 10px 0;
}*/


	#cp_tbl{
		display: grid;
		grid-template-columns: 160px 1fr;
		grid-auto-rows: auto;
		border-collapse: collapse;
		/* border: 1px solid #919191;
		border-collapse: collapse;
		text-align: left; */
	}
	#cp_tbl .cell_1{grid-row: 1;}
	#cp_tbl .cell_2{grid-row: 2;}
	#cp_tbl .cell_3{grid-row: 3;}
	#cp_tbl .cell_4{grid-row: 4;}

	#cp_tbl .cp_th{border-right: 1px solid #919191;}
	#cp_tbl .cp_th.cell_3{grid-row: 3 / span 2; border-bottom: none;}
	#areacp_link_cnt #cp_tbl .cp_td ul{justify-content: flex-start;}
	#areacp_link_cnt #cp_tbl .cp_td ul li button{width: 140px;}
	/* .cp_th:not(:has(+ .cp_th)), .cp_td:not(:has(+ .cp_td)) {display: table-row;}
	.cp_th:has(+ .cp_td + .cp_td) {display: table-row;} 「三つ目」のようにdtの後にddが2つ続く場合の対策 */

/*#areacp_link_cnt #cp_tbl .cp_th{
	background: #f0f0f0;
	font-weight: bold;
	border-bottom: 1px solid #919191;
}*/
/* #areacp_link_cnt #cp_tbl .cp_th span{
	font-weight: normal;
	font-size: .95rem;
}
#areacp_link_cnt #cp_tbl .cp_td:not(:last-child){border-bottom: 1px solid #919191;}
#areacp_link_cnt #cp_tbl .cp_td ul{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
#areacp_link_cnt #cp_tbl .cp_td ul li:first-child{
	width:100px;
	font-size: .95rem;
}
*/

/* #areacp_link_cnt #cp_tbl .cp_td ul li button:hover{opacity: .7;} 
#areacp #linkkitBox{padding-top: 15px;}
#areacp #linkkitBox pre{text-align: left;}
#areacp #linkkitBox pre code{word-break: break-all;}
#areacp #linkkitBox .clipbox{justify-content: center;}

#areacp_rule_cnt{
}
#areacp_rule_cnt ol{
	counter-reset: listnum;
}
#areacp_rule_cnt ol li{
	text-align: left;
	padding: 10px 10px 10px 35px;
	position: relative;
}
#areacp_rule_cnt ol li::before{
	width: 24px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	left: 5px;
	top: 11px;
	display: block;
	counter-increment: listnum;
	content: counter(listnum);
	color: #fff;
	background: #799ec5;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
}
#areacp_rule_cnt p{font-size: .95rem;}
#areacp_rule_cnt p a{color: #3b6ff3;} */
	#areaForm{width: 710px; margin: 0 auto;}
	#areaForm h3{padding: 15px 10px;}

	#areaFormBox{padding: 30px 75px;}
	#areaFormBox > #afb_attention{
		margin: 0 auto;
		display: table;
	}
	#areaFormBox > #afb_attention dt{
		padding: 10px 20px;
		display: table-cell;
		white-space: nowrap;
		vertical-align: middle;
	}

/* #areaFormBox > #afb_attention dd{padding: 10px 12px 10px 24px;}
#areaFormBox > #afb_attention dd ul li{
	color: #686868;
	position: relative;
	text-align: left;
}
#areaFormBox > #afb_attention dd ul li:before{
	content: '';
	position: absolute;
	display: block;
	width: 3px;
	height: 3px;
	top: 8px;
	left: -10px;
	border-radius: 5px;
	background: #686868;
}
#areaFormBox > #afb_attention dd ul li:not(:last-child){margin-bottom: 5px;}

#areaTable{
	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	margin: 20px 0;
	text-align: left;
}
#areaTable table{width: 100%;}
#areaTable table tr{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 15px 0;
}
#areaTable table tr:not(:last-child) {
	border-bottom: 1px dashed #919191;
}
#areaTable table tr th{margin-bottom: 5px;}
#areaTable table tr th span{
	color: #fff;
	background: #ff0033;
	padding: 0 5px;
	border-radius: 6px;
	font-size: .75rem;
	font-weight: normal;
	display: inline-block;
	margin-left: 5px;
}
#areacp .addition {
	border: none !important;
	padding: 15px 0 0;
}
#areacp .addition td{
	display: block;
	width: 100%;
}
#areacp .addition td table{
	background: #f0f0f0;
	border-spacing: initial;
	border-collapse: collapse;
}
#areacp .addition td table tr{
	padding: 10px;
}
#areaTable table tr input[type="text"], #areaTable table tr textarea {
	border: 1px solid #7f9db9;
	border-radius: 6px;
}
.areaDel {
	background: #f0f0f0;
	padding: 0 10px 10px;
	text-align: right;
}
.areaDel a {
	display: inline-block;
	color: #fff;
	background: #555;
	padding: 5px 15px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
}
#areaAdd a {
	color: #fff;
	background: #54a1f0;
	border: 1px solid #3285da;
	font-size: 1.15rem;
	font-weight: bold;
	border-radius: 6px;
	padding: 5px 10px;
	text-decoration: none;
}
#areacp #checkBtns {margin: 0 auto;}
#areaFormBox input[type="submit"] {
	color: #1c1c1c;
	background: #d8dadd;
	border: 1px solid #8e9499;
	border-radius: 6px;
	padding: 10px 70px;
	margin: 0 auto 10px;
	text-align: center;
	cursor: pointer;
	text-indent: 0;
	width: 100%;
	line-height: unset;
}
#areacp small{
	font-size: .63rem;
	color: #90854e;
	text-align: center;
	padding: 20px 0 15px;
	display: block;
}
#areacp small a{
	color: #90854e;
	text-decoration: none;
} */

/* 61 introduction/banner_design.html
------------------------------------------------- */
	#bn_service{width: 750px; margin: 0 auto;}
	#servicelist{
		flex-flow: row nowrap;
	}
	#bnr_service a{
		padding: 10px 40px;
		font-size: 1.39rem;
	}

}
/* -- PCview用 ----------------------------------------------------------------- */