@charset "UTF-8";
/*=====================================================================
　PC
=====================================================================*/
#detail{
    margin: var(--privacy-margin);
    max-width: var(--inner-contents);
    padding: var(--article-padding);
	
	min-height: auto;
}

#detail .ttl{
    line-height: 1.25;
	margin-bottom: var(--ma-25);
	
	/* 文字サイズ調整 */
	font-size: 150%;
    text-align: center;
}

/* 詳細
----------------------------*/
.box_details{
    align-items: flex-start;
	display: flex;
    justify-content: space-between;
}

/* 画像 */
.box_details .img{
    align-items: center;
    display: flex;
    justify-content: center;
	width: 42.5%;
}
.box_details .img img{
	overflow: hidden;
}

/* テキスト */
.box_details .txt{
	width: 55%;
}

/* 上段
------------------*/
.details_top{}
.details_top:nth-child(n+2){
	margin-top: var(--ma-20);
}

/* テキスト */
.details_top p{
	font-size: calc(var(--fontsize) * 1);
	margin-bottom: var(--ma-10);
}
.details_top p:last-of-type{
	margin-bottom: 0;
}
ul.noindent {
    list-style-position: inside;
    padding-left: 0;
}
ul.noindent li {
    text-indent: -1.4em;
    padding-left: 1.4em;
}

/* スライド
------------------*/
.shop_details .none{
	border: none;
}

.slick-slider{
	border: 1px solid;
}

.slider-wrap {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.slider .slick-slide {
    /*height: 400px;*/
    overflow: hidden;
}
.slider .slick-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
	overflow: hidden;
    width: 100%;
}
.thumbs_dots {
    margin-top: var(--ma-10);
}
.thumbs_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.thumbs_list::before{
    content:"";
    display: block;
    width: 23%;
    order: 1;
}
.thumbs_list::after{
    content: "";
    display: block;
    width: 23%;
}
.thumbs_list li {
	background-position: center !important;
	border: 1px solid;
    cursor: pointer;
    display: inline-block;
    height: 80px;
	margin-bottom: var(--ma-5);
    opacity: 0.4;
    transition: opacity 0.3s;
    width: calc(97% / 4);
}
.thumbs_list li.slick-active {
	opacity: 1;
}


/*=====================================================================
　850px以下
=====================================================================*/
@media screen and (max-width: 850px) {
	 /* 詳細
    ----------------------------*/
	.box_details{
		align-items: center;
		flex-direction: column;
	}
	
	/* 画像 */
	.box_details .img{
		margin-bottom: var(--ma-15);
		width: 80%;
	}
	
	/* テキスト */
	.box_details .txt{
		width: 100%;
	}

    /* 上段
    ------------------*/
    .details_top{
        /*margin-bottom: var(--ma-20);*/
    }
}


/*=====================================================================
　580px以下
=====================================================================*/
@media screen and (max-width: 580px) {
	/* 詳細
    ----------------------------*/
	/* 画像 */
	.box_details .img{
		width: 100%;
	}
	
	/* 上段
    ------------------*/
	.box_top p {
        font-size: calc(var(--fontsize)* 0.9);
        margin-bottom: var(--ma-10);
    }
}