@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap');

/*------------------------------
SHOP LIST 2025-0606
------------------------------*/

.shop-info {
	/*font-family: "Zen Antique", serif;*/
	font-family: "Shippori Mincho B1", serif;
	font-weight: 400;
	font-style: normal;
    background-image: url(https://gigaplus.makeshop.jp/gtantsukasa/img/bg-left.png), url(https://gigaplus.makeshop.jp/gtantsukasa/img/bg-right.png);
    background-repeat: repeat-y, repeat-y;
    background-position: left, right;
    background-color: #080303;
    background-size: 15%;
    background-attachment: fixed
}

.shop-info-inner {
	max-width:1200px;
	margin:0 auto;
	color:#FFF;
}

.shop-info-wrap {
	display:flex;
	padding:20px;
	margin:30px 0;
	background-color:rgba(255, 255, 255,0.1);
}

.shop-info-wrap dl {
	padding:0 30px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
}

.shop-info-wrap dl h3{
	width:100%;
	height:40px;
	font-size:24px;
	margin:0 0 20px 0;
	border-bottom:#F00 2px solid;
}

.shop-info-wrap dl p a{
	margin-top:12px;
	/*padding:8px 15px;*/
	box-sizing:border-box;
	width:150px;
	display:block;
	text-decoration:none;
	color:#333;
	border-radius:10px;
	background-color:#f7c28d;
	text-align:center;
}

.shop-info-wrap dl p a:hover {
	opacity:0.6;
	transition:0.7s;
}

.shop-info-wrap dl dt,
.shop-info-wrap dl dd {
	margin:0;
	padding:5px 0 5px 0;
	box-sizing:border-box;
}

.shop-info-wrap dl dt {
	width:15%;
	float:left;
}

.shop-info-wrap dl dd {
	width:85%;
	/*float:left;*/
}

.shop-info-wrap dl dd a{
	text-decoration:none;
	color:#f7c28d;
	font-weight:700;
	font-size:18px;
}

.fa-icon::before {
	content: '\f3c5';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	padding: 0 7px 0 0
}


/* アクティブな画像の枠線を変更 */
.sub-img li.current img {
	border: 2px solid transparent;
	 transition: border .1s;
}

/* レイアウトのためのスタイル */
.shop-img-container {
	margin: 0 auto;
	max-width: 500px;
}

.main-img {
	height: 334px;
	/*aspect-ratio: 3 / 2;*/
	width: 100%;
}

.main-img img {
	height: auto;
  /*aspect-ratio: 3 / 2;*/
	width: 100%;
}

.sub-img {
	display: flex;
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	/*background-color: #093;*/
}

.sub-img li {
	margin-right: 2%;
	/*width: calc(96% / 3);*/
	width:33%;
}

.sub-img li:nth-child(3n) {
	margin-right: 0;
}

.sub-img li img {
	border: 2px solid transparent;
	transition: border .1s;
}

.sub-img img {
	cursor: pointer;
	width: 100%;
}

@media screen and (max-width: 768px) {
	
	.shop-info-wrap {
		display:block;
		padding:20px;
		margin:30px 0;
	}
	
	.shop-img-container {
		width:100%;
	}
	
	.main-img {
 		 height:auto;
		 aspect-ratio: 3 / 2;
	}
	
	.shop-info-wrap dl {
		width:100%;
		padding:0;
	}
	
	.shop-info-wrap dl h3{
		margin:20px 0 20px 0;
	}
	
	.shop-info-wrap dl dt {
		width:30%;
		float:left;
	}

	.shop-info-wrap dl dd {
		width:70%;
		/*float:left;*/
	}

	.shop-info-wrap dl p{
		width:80%;
		margin:0 auto;
	}

	.shop-info-wrap dl p a{
		width:100%;
	}

}

/*------------------------------
OUR PRIDE 2025-0606
------------------------------*/
.ourpride {
	font-family: "Shippori Mincho B1", serif;
	font-weight: 400;
	font-style: normal;
    background-image: url(https://gigaplus.makeshop.jp/gtantsukasa/img/bg-left.png), url(https://gigaplus.makeshop.jp/gtantsukasa/img/bg-right.png);
    background-repeat: repeat-y, repeat-y;
    background-position: left, right;
    background-color: #080303;
    background-size: 15%;
    background-attachment: fixed
}


.ourpride-inner {
	max-width:1200px;
	margin:0 auto;
	color:#FFF;
	line-height:1.5;
}

.ourpride-inner h3 {
	margin:0 0 20px 0;
	font-size:24px;
}

.ourpride-inner ul {
	list-style:none;
	display:flex;
	padding:0;
}

.ourpride-inner ul li {
	width:50%;
	margin:0;
	padding:20px;
	box-sizing:border-box;
}

.ourpride-inner ul li img {
	width:100%;
}


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

	.ourpride-inner ul {
		display:block;
	}
	.ourpride-inner ul li {
		width:100%;
	}
	
}