@charset "utf-8";

/*-----------------------------------------------------------
テーブル
-----------------------------------------------------------*/

.baseTb {
    letter-spacing: 0.05em;
    border: solid 1px #513C30;
}

.tel-link a {
    color: #513C30;
    cursor: unset;
}

.baseTd a:hover {
    color: #513C30;
}

.baseTh {
	padding: 15px;
	font-weight: 600;
    border-bottom: 1px solid #513C30;
}

.recruitTh.baseTh {
    border-bottom: 1px solid #fff !important;
}

.baseTh p {
	font-weight: 700;
}

.baseTd {
	padding: 15px;
  	background: #fff;
  	color: #513C30;
}

.baseTd p {
	font-weight: 600;
}

/*-- about --*/

.introFrame02 {
    margin: -10% auto 0 auto !important;
}

.introTit01 {
  	font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.introTit02 {
  	font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
	line-height: 1.6em;
}

.introTitDeco {
	padding: 0 0 25px 0;
  	position: relative;
}

.introTitDeco:after {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 1px;
  	right: 0;
  	left: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}

.introFrame01 .txt01 {
    font-weight: 700;
}

.introFrame02TxtBlock .txt01 {
    font-weight: 40;
}

.introListTit {
  	font-size: 16px;
    font-weight: 700;
}

.flexTit {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.8em;
}

.flexTit br {
    display: block;
}


/*-- quality --*/

.qualityBg01 {
    background-image: url(/system_panel/uploads/images/quality_bg01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.qualityFrame02Tit br {
    display: none;
  	text-align: left;
}

/*-- recommended --*/

.recFrame02Grid  {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 4.93%;
}
    
/*-- shop --*/

.shopFrame:after {
	content: "";
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	margin: auto;
  	width: 100%;
  	max-width: 1800px;
  	height: 100%;
	z-index: 1;
}

.shopFrame01:after {
	left: 0;
  	right: auto;
	background: #D9C59C;
}

.shopFrame02:after {
	left: auto;
  	right: 0;
    background: linear-gradient(250deg,rgba(64, 49, 42, 1) 0%, rgba(67, 41, 28, 1) 7%, rgba(36, 25, 20, 1) 20%, rgba(94, 55, 34, 1) 42%, rgba(54, 36, 27, 1) 55%, rgba(17, 12, 10, 1) 70%, rgba(31, 22, 18, 1) 80%, rgba(36, 22, 18, 1) 94%, rgba(17, 12, 10, 1) 100%);
}

.shop01L:after {
	content: "";
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	margin: auto;
  	width: 93%;
  	max-width: 570px;
  	height: 87%;
	border: 1px solid #980000;
	z-index: 1;
}

.shop02L:after {
	content: "";
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	margin: auto;
  	width: 93%;
  	max-width: 570px;
  	height: 87%;
	border: 1px solid #fff;
	z-index: 1;
}

.shopTit {
	font-size: 26px;
}
   

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.introTit01 {
  	font-size: 30px;
}
  
.introTit02 {
  	font-size: 25px;
}

.flexTit br {
    display: none;
}
  
.qualityFrame02Tit br {
    display: block;	
  	text-align: center;
}
  
/*-- recommended --*/

.recFrame02Grid  {
    grid-template-columns: repeat(2, 1fr);
}
  
/*-- shop --*/
  
.shopTit {
	font-size: 28px;
}
   
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.introTit01 {
  	font-size: 35px;
}
  
.introTit02 {
  	font-size: 30px;
}

.introListTit {
  	font-size: 17px;
} 
  
.flexTit br {
    display: block;
}
  
.baseTh {
    text-align: center;
    border-right: 1px solid #513C30;
}
  
.recruitTh.baseTh {
    border-bottom: 1px solid #fff !important;
}
  
.baseTd {
    border-bottom: 1px solid #513C30;
}
  
/*-- recommended --*/

.recFrame02Grid {
	grid-template-columns: repeat(3, 1fr);
}
  
/*-- shop --*/  
  
.shopTit {
	font-size: 30px;  
}

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.introListTit {
  	font-size: 19px;
}

.flexTit {
    font-size: 20px;
}
  
.qualityFrame02Tit br {
    display: none;	
}
  
/*-- shop --*/ 
  
.shopTit br {
	display: block;
}

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1250px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.flexTit {
    font-size: 25px;
}

.flexTit br {
    display: none;
}
  
.shopFrame:after {
  	width: 95%;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1250px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1440px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.shopTit br {
	display: none;
}
    
  

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1440px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1600px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */