@charset "utf-8";
/*
	検索用
	$・・・・・・セクションへ
	!・・・・・・コンテンツへ
	&・・・・・・各種パーツへ
	@768（画面幅）・・・・・・レスポンシブ対応へ
*/
/*--------------------------------------
$メインエリア
----------------------------------------*/
.main-area{
	margin-top: 60px;
	padding-bottom: 60px;
}
/*---------------------
!メインエリアスライダー
-----------------------*/
.main-area .slider{
	max-width: 100%;
}
.main-area .slider img{
	display: block;
	width: 100%;
	height: 100%;
}
.main-area .slider .slick-slide{
	margin:0 15px;
}
.main-area .slider .slick-list{
	overflow: hidden;
}
.main-area .slider .slick-slider{
	margin:0 auto;
}
.main-area .slider .slick-slide:last-child{
	margin-right: 0;
}
.main-area .slider .slider-img{
	position: relative;
}
.main-area .prev img,
.main-area .next img{
	width: 30px;
	height: auto;
}
.main-area .arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
	z-index: 10;
}
.main-area .arrow.prev{
	/*left:calc(50% - 260px - 8px);*/
	left: 32%;
}
.main-area .arrow.next{
	/*right:calc(50% - 260px - 7px);*/
	right: 31.9%;
}

.main-area .slick-dots li button:before{
	margin-top: 20px;
	font-size: 0.75rem;
	color: #F97930;
	opacity: 0.25;
}
.main-area .slick-dots li.slick-active button:before{
	color: #F97930;
	opacity: 1;
}
/* @768:メインエリア */
@media(max-width: 768px){
	.main-area .slick-slide{
		margin: 0 10px;
	}
	.main-area .arrow.prev{
		left: 13.5%;
	}
	.main-area .arrow.next{
		right: 13.5%;
	}
}
/*--------------------------------------
$サイト紹介
----------------------------------------*/
.site-intro{
    margin-bottom: 60px;
}
.site-intro__logo{
    margin-bottom: 20px;
    text-align: center;
}
.site-intro__logo-img{
    width: 100px;
}

.site-intro__content{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 40px;
}
.site-intro__text{

    max-width: 600px;
    text-align: justify;
    letter-spacing: -0.2px;
    line-height: 2;

}
.site-intro__img{
    border-radius:  50%;
    width: 200px;
    margin-right: 10px;
}

.site-intro__btn{
    text-align: center;
}
.site-intro__btn-link{
    width: 220px;
    line-height: 2.5;
}
/* @768:サイト紹介 */
@media (max-width: 768px){
	.site-intro__text{
		line-height: 1.8;
	}
	.site-intro__img{
		display: none;
	}

}
/*--------------------------------------
$新着情報
----------------------------------------*/
.news{
	margin-bottom: 70px;
	padding-top: 40px;
	padding-bottom: 40px;
	background: #fff;
	border-radius: 15px;

}
.news__content{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	margin-left: 35px;
}
.news__term{
	margin: 8px 20px 8px 0;
	width: 10%;
}
.news__time{
	font-weight: 200;
	font-size: 1.125rem;	
}
.news__category{
	margin-right: 20px;
}
.news__desc{
	width: 65%;
}
.news__desc-link{
	color: #000;
	font-weight: 300;
}
.news__btn{
	text-align: center;
}
.news__btn-link{
	width: 240px;
	line-height: 2.5;
}
.news span{
	font-size: 0.875rem;
	color: grey;
}
/* @768:新着情報 */
@media(max-width: 768px){
	.news__content{
		justify-content: flex-start;
		/*20250627追記*/
		margin-left: 15px;
		margin-right: 15px
	}
	.news__term{	
	/*20250627追記*/
	width: auto;
	}
	.news__time{
	font-size: 0.875rem;
	}
	.news .label{
		width: 120px;
	}
	.news__desc{
		margin-bottom:20px;
		width: 100%;
	}
}

/*--------------------------------------
$ピックアップ
----------------------------------------*/
.pickup{
	margin-bottom:60px;
	padding-top:65px;
	padding-bottom:65px;
	background-color: #FAEADA;
	background-image: url("../img/dot_orange.png"),url("../img/slash-line_orange.png");
	background-repeat: no-repeat;
	background-position: 0 535px,100% 0;
}
@media (max-width: 768px){
	.pickup{
		background-size: 35vw,auto;
	}
}
/*---------------------
!ピックアップスライダー
-----------------------*/
.pickup-slider{
	padding-bottom: 10px;
}
.pickup__slider-item{
	margin:0 15px;
	background-color: #fff;
	border-radius: 10px;
}

.pickup__slider-link{ 
	color: #000;
}
.pickup__slider-img{
	width: 100%;
	height: 250px;
	border-radius: 10px 10px 0 0;
	object-fit: cover;
}

.pickup__slider-figcaption{
	margin: 10px 35px 20px;
}
.pickup__slider-title{
	margin-bottom: 8px;
	text-align: center;
	font-size: 1.05rem;
	font-weight: 400;
}
.pickup__slider-text{
	font-size: 0.825rem;
}

/* &スライダーパーツ */
.pickup .arrow{
	position:absolute;
	top:40%;
	transform:translateY(-50%);
	background:none;
	border:none;
	cursor:pointer;
	z-index:10;
}
.pickup .prev img,
.pickup .next img{
	width:30px;
	height:auto;
}
.pickup .arrow.prev{
	/*left:calc(50% - 260px + 7px);*/
	left:10%;
}
.pickup .arrow.next{
	/*right:calc(50% - 260px + 6px);*/
	right:10%;
}
.pickup .slick-dots li button:before{
	font-size:0.7rem;
	color:#F97930;
	opacity:0.25;
}
.pickup .slick-dots li.slick-active button:before{
	color:#F97930;
	opacity:1;
}
/* @768:スライダー*/
@media (max-width: 768px){
	.pickup__slider-figcaption{
	margin-bottom: 10px;
	}
	.pickup__slider-text{
	/*20240627追記*/
	font-size: 0.875rem;
	text-align: justify;
	}
	.pickup .arrow img{
		display: none;
	}
}
/*---------------------
$商品カテゴリ
-----------------------*/
.pickup__categories{
	margin-top: 60px;
}
.pickup__category-container{
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-bottom: 40px;
}
.pickup__category{
	display: flex;
	padding:40px 20px;
	width: 60%;
	background: #fff;
	border-radius: 10px;
}

.pickup__category-title{
	margin-left: 20px; 
	font-size: 1.15rem;
}
.pickup__category--left .pickup__category-title{
	width: 30%;
}
.pickup__category--right .pickup__category-title{
	width: 26%;
}
.pickup__category--left .pickup__category-list{
	width: 300px;
}
.pickup__category--right .pickup__category-list{
	width: 320px;
}
.pickup__category-item{
	position: relative;
	padding-bottom: 10px;
	padding-left: 25px;
}
.pickup__category-item:not(:first-child){
	padding-top: 10px;
}
.pickup__category-link{
	color: #000;
	font-size: 1.1rem;
	font-weight: 300;
}
.pickup__category-link::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	bottom: 0;
	left: 0;
}
/* &矢印マークの位置調整 */
.pickup__categories .icon--arrow{
	vertical-align: -3px;
}
/*---------------------
!ピックアップリンク
-----------------------*/
.pickup__btn-list{
	display: flex;
	justify-content: center;
}
.pickup__btn-item{
	margin:0 8px;
}
.pickup__btn-link{
	width: 170px;
}
/* @768:ピックアップ */
@media (max-width: 768px){
	.pickup__category-container{
		flex-direction: column;
		margin-bottom: 60px;
	}
	.pickup__category--left,
	.pickup__category--right{
		flex-direction: column;
		width: auto;
		margin:20px 10px; 
	}
	.pickup__category--left .pickup__category-title,
	.pickup__category--right .pickup__category-title{
		margin-bottom: 20px;
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
	.pickup__category-item{
		padding-left: 0;
	}
	.pickup .icon--before{
		margin-right: 2px;
	}
	.pickup__category-link{
		margin: 0 0 0 10px;
		font-size: 0.875rem;
		font-weight: 400;
	}
	.pickup__category-link::after{
		left: 10px;
		width: 67vw;
		height: 1px;
	}
	.pickup__btn-list{
		flex-wrap: wrap;
	}
	.pickup__btn-item{
		width: 40%;
		text-align: center;
		margin-bottom: 10px;
	}
}
/*--------------------------------------
$店舗紹介
----------------------------------------*/

.store-info{
	margin-bottom: 120px;
}
.store-info__text{
	margin-bottom: 40px;
	text-align: center;
}
.store-info__content{
	display: flex;
	justify-content: flex-end;
}
.store-info__container{
	position: relative;
	margin-left: 25%;
	width: 295px;
	height: 275px;
}
.store-info__container--left{
	background: url("../img/tenpo1.jpg");
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
}
.store-info__container--right{
	background: url("../img/toruteshop1.png");
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
}

.store-info__card{
	position: absolute;
	top: 20%;
	left: -75%;
	height: 275px;
}
.store-info__summary{
	margin: 60px 0 40px;
	text-align: center;
}
.store-info__name{
	font-weight: 500;
	color: #000;
}
.store-info__name--right{
	font-size: 0.8rem;
} 

.store-info__branch--left{
	font-size: 1.5rem;
	font-weight: 500;
}
.store-info__branch--right{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-inline: auto;
	width: 85%;
}
.store-info .icon--arrow{
	min-width: 1.25rem;
}
.store-info__location{
	font-size: 0.8rem;
	font-weight: 500;
	color: #000;
	letter-spacing: 1px;
}
.store-info__btn{
	text-align: center;
}
.store-info__btn-link{
	width: 220px;
}
/* @768:店舗紹介 */
@media (max-width: 768px){
	.store-info{
		margin-bottom: 0;
	}
	.store-info__content{
		flex-direction: column;
	}
	.store-info__container{
		margin-left: auto;
		margin-bottom: 80px;
		width: 250px;
		height: 200px;
	}
	.store-info__card{
		top: 25%;
		left: -70%;
		width: 250px;
		height: 200px;
	}
	.store-info__summary{
		margin: 30px 0 20px;
	}
	.store-info__name--right{
	font-size: 0.6rem;
	}
	.store-info__branch--left{
		font-size: 1.3rem;
	}
	.store-info__location{
		font-size: 0.6rem;
		letter-spacing: 0;
	}
	.store-info__btn-link{
		width: 200px;
	}
}
/*--------------------------------------
$企業等の皆様へ
----------------------------------------*/
.cooperation{
	padding-top: 60px;
	padding-bottom: 110px;
	margin-bottom: 65px;
	background-image: url("../img/back.jpg");
	background-repeat: no-repeat;
	/*20250627追記*/
	background-size: cover;
    background-position: bottom center;
}
.cooperation__content{
	display: flex;
	justify-content: space-between;
	margin: 0 25px;
}
.cooperation__container{
	margin: 0 7%;
}

.cooperation__container-inner{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	min-height: 100%;
}
.cooperation__title{
	margin-bottom: 10px;
	font-size: 1.75rem;
	white-space: nowrap;
}
.cooperation__subtitle{
	text-align: center;
	font-size: 1.125rem;
	font-weight: 500;
	white-space: nowrap;
}

.cooperation__text{
	text-align: justify;
	line-height: 2.2;
	letter-spacing: 0.5px;
}
.cooperation__btn{
	margin-top: auto;
	text-align: center;
}
.cooperation__btn-link{
	line-height: 3.5; 
}
.cooperation__btn-link--left{
	width: 220px;
}
.cooperation__btn-link--right{
	width: 280px;
}
/* @768:企業等の皆様へ */
@media (max-width: 768px){
	.cooperation{
		background-image:url(../img/back-sp.jpg);
		background-repeat: no-repeat;
	}
	.cooperation__content{
		flex-direction: column;
	}
	.cooperation__container{
		margin: 0 10px 40px;
	}
	.cooperation__container-inner{
		gap: 1.5rem;
	}
	.cooperation__title{
		margin-bottom: 0;
		font-size: 1.3rem;
	}
	.cooperation__subtitle{
		font-size: 1rem;
	}
	.cooperation__text{
		line-height: 1.4;
		letter-spacing: 1px;
	}
	.cooperation__btn-link{
		width: 65%;
		max-width: 250px;
		line-height: 2.5;
	}
} 
/*--------------------------------------
$インスタグラム
----------------------------------------*/       
.instagram{
	margin-bottom: 100px;
}
/* .instagram__title */
.instagram__link{
	text-align: right;
	margin-bottom: 10px;
}
/* .instagram__sns-link */
.instagram__list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 55px;
} 
.instagram__item{
	margin-bottom: 5px;
	width: 22.5%;
}
.instagram__img {
	border-radius: 15px;
}
.instagram__btn{
	text-align: center;
} 
.instagram__btn-link{
	width: 220px;
}

/* @768:インスタグラム */
@media (max-width: 768px){
	.instagram{
		margin-bottom: 50px;
	}
	.instagram__title{
		margin-bottom: 5px;
	}
	.instagram__link{
		text-align: center;
		margin-bottom: 20px;
	}
	.instagram__item{
		width: 47%;
		margin-bottom: -5px;
	}
}