@charset "UTF-8";
/* CSS Document */
.service-kv__title{
	white-space: nowrap;
}
.service-kv__title span:nth-of-type(5){
    color: #efedeb;
}
@media only screen and (max-width: 599px) {
    .service-kv__title {
        font-size: 50px;
    }
}
.shopowner{
	padding-bottom: 150px;
}
.shopowner-concept{
	position: relative;
    padding: 120px 120px 0;
}
h2.shopo_ttl{
	font-size: 30px;
	line-height: 1.3;
	color: #966f35;
	font-weight: 700;
}
.shopo_top-copy{
	margin-top:1em;
}
@media screen and (max-width:599px){
	.shopowner-concept{
		padding: 100px 24px 0;
	}
	h2.shopo_ttl{
		font-size: 22px;
	}
	h2.shopo_ttl br{
		display: none;
	}
}
dl.shopo_box{
	display: flex;
	max-width: 600px;
	margin: 2em auto 1em auto;
	grid-gap: 15px;
	justify-content: center;
}
dl.shopo_box dd{
	border:1px solid #870000;
	padding: 1em;
	font-size:clamp(18px, 2vw, 30px);
	font-weight: 700;
	white-space: nowrap;
	color: #870000;
}
dl.shopo_box dd span{
	font-size: 0.5em;
}
.shopo_box-caption{
	text-align: center;
	color: #870000;
}
.shopo_member{
	max-width: 600px;
	margin: 2em auto;
}
.shopowner-point{
	border-top:1px solid #966f35;
	padding:100px 120px 0;
	margin-top: 100px;
}
@media screen and (max-width:599px){
	.shopowner-point{
		padding:50px 24px 0;
		margin-top:50px;
	}
}
.shopo_h2sub-copy{
	color: #333;
	margin-top: 1em;
}
.shopo_catchcopy{
	font-size:clamp(18px, 2vw, 30px);
	font-weight: 700;
	line-height: 1.2;
	color:#870000;
	text-align: center;
	margin: 1em 0;
}
.shopo_pointimg{
	max-width:600px;
	margin: 1em auto;
}
.shopo_pointimg span{
	display: block;
	padding: 1em 0;
}
.shopowner-chumon{
	border-top:1px solid #966f35;
	padding:100px 120px 0;
	margin-top: 100px;
	background: url(/wp-content/themes/lefier/new/images/shopowner/chumon_bg.png) no-repeat left top;
}

.step{
	max-width: 500px;
	margin-left: 400px;
}
ul.step-wrap li{
	margin-top: 50px;
}
ul.step-wrap li .step_ttl{
	padding-left: 150px;
	font-size:18px;
	color: #966f35;
	font-weight: 700;
}
ul.step-wrap li:nth-child(1) .step_ttl{
	background: url(/wp-content/themes/lefier/new/images/shopowner/chumon_step1.png) no-repeat left center/120px auto;
}
ul.step-wrap li:nth-child(2) .step_ttl{
	background: url(/wp-content/themes/lefier/new/images/shopowner/chumon_step2.png) no-repeat left center/120px auto;
}
ul.step-wrap li:nth-child(3) .step_ttl{
	background: url(/wp-content/themes/lefier/new/images/shopowner/chumon_step3.png) no-repeat left center/120px auto;
}
ul.step_box{
	display: flex;
}
ul.step_box li{
	margin-top:0;
}
ul.step_box li:nth-child(odd){
	width: 30%;
	padding: 5%;
}
ul.step_box li:nth-child(even){
	width: 70%;
	padding-top: 5%;
}
@media screen and (max-width:599px){
	.shopowner-chumon{
		padding:50px 24px 300px 24px;
		background: url(/wp-content/themes/lefier/new/images/shopowner/chumon_bg.png) no-repeat right bottom/450px auto;
		margin-top:50px;
	}
	.step{
		margin-left:0;
	}
}
.shopowner-memrank{
	border-top:1px solid #966f35;
	padding:100px 120px 0;
	margin-top: 100px;
}
@media screen and (max-width:599px){
	.shopowner-memrank{
		padding: 50px 24px 0;
		margin-top:0;
	}
}
ul.caption{
	padding-left: 1em;
	margin-top: 1em;
}
ul.caption li{
	text-indent: -1em;
}
dl.memrank-table{
	border-left:1px solid rgba(150,111,53,1.00);
	border-right:1px solid rgba(150,111,53,1.00);
	margin-top: 1em;
}
dl.memrank-table dd{
	border-bottom:1px solid rgba(150,111,53,1.00);
	padding: 1%;
}
dl.memrank-table dd:nth-child(1){
	background: rgba(150,111,53,1.00);
	color: #FFF;
}
dl.memrank-table dd:nth-child(2){
	background:#FFF;
}
dl.memrank-table dd:nth-child(3){
	background: rgba(150,111,53,0.2);
}
dl.memrank-table dd:nth-child(4){
	background: rgba(150,111,53,0.1);
}
dl.memrank-table dd:nth-child(5){
	background: rgba(255,250,185,1.0);
}
dl.memrank-table dd:nth-child(6){
	background: rgba(228,240,255,1.0);
}
ul.table-cont{
	display: flex;
	text-align: center;
	align-items: center;
}
ul.table-cont li{
	display: block;
	vertical-align: middle;
	width:18%;
	padding: 1%;
}
ul.table-cont li:nth-child(3){
	font-weight: 700;
	font-size: 1.1em;
}
/* --- 会員ランクテーブルの横スクロール設定 --- */
@media screen and (max-width:599px) {
    .shopowner-memrank .scroll-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 15px;
    }
    .memrank-table {
        width: 599px;
        margin: 0;
    }
	ul.table-cont li br{
		display: none;
	}
}
@media only screen and (min-width: 600px) {
	.dis-sp{
		display: none;
	}
}