@charset "utf-8";

/*===================================================
				Century Gothic フォント
===================================================*/

@import url("https://p.typekit.net/p.css?s=1&k=izc7peq&ht=tk&f=60838&a=87929704&app=typekit&e=css");

@font-face {
font-family:"century-gothic-std";
src:url("https://use.typekit.net/af/d3f1b9/0000000000000000773f3cf0/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/d3f1b9/0000000000000000773f3cf0/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/d3f1b9/0000000000000000773f3cf0/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}


/* CSS Document */
/*==========================
PC
==========================*/

.fs-l-main {
	margin: 5% auto 5.0em auto !important;
}
.rte ul, .rte ol {
	padding-bottom: 15%;
}

.tryBox {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8;
}
.newsTitle {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 3%;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.brandTxt {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
}
.mainImg_pc {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.mainImg_sp {
	display: none;
}
.articleBox {
	width: 80%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.7;
}
.mainImg {
	width: 100%;
	margin-bottom: 4%;
}
.img2_contaier {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10%;
}
.img2_contaier .img2_item01 {
	padding: 1%;
}
.img2_contaier .img2_item01 img {
	margin-bottom: 2%;
}
.snap {
	text-align: center;
	border: 1px solid #646464;
	padding: 2% 0;
	width: 30%;
	margin-left: 35%;
	margin-bottom: 5%;
	margin-top: 10%;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.img3_contaier {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	gap: 2%;
	margin-bottom: 5%;
}
.img3_contaier .img2_item01 {
	width: 31%;
}

.name_txt {
	text-align: left;
}

.img2_item01--txt {
	text-align: left;
	margin-bottom: 5%;
}
.img4_contaier {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5%;
	width: 80%;
	margin-left: 10%;
	flex-wrap: wrap;
}
.img4_contaier .img2_item01 {
	padding: 3%;
	width: 48%;
}
.img4_contaier .img2_item01 img {
	margin-bottom: 2%;
}
.shohinBox {
	text-align: center;
	margin-bottom: 10%;
	margin-top: 3%;
}
.shohinBox p {
	margin-bottom: 0;
}
p.kakaku {
	margin-bottom: 3%!important;
}
.lintBtn {
	display: block!important;
	background-color: #842631;
	padding: 2% 0;
	width: 30%;
	margin: 0 auto;
	text-align: center;
	color: #FFFF;
	transition: 0.4s;
}
.lintBtn a {
	color: #858585;
}
.lintBtn:hover {
	background-color: #B9B9B9;
	opacity: 0.5;
}
.lintBtn a:hover {
	color: #858585;
}
.img1Box {
	width: 42%;
	margin: 0 auto 3%;
}
.img1Box .img2_item01 {
	width: 64%;
	margin-left: 18%;
}
.img1Box .img2_item01 img {
	margin-bottom: 3%;
}
.contentsTxt {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 3%!important;
	line-height: 1.8;
}
.contentsTxt2 {
	color: #BB1619;
}
.detailBox {
	border: 1px solid #858585;
	padding: 5%;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.detailBox__content--box {
	margin-bottom: 4%;
}
.box__title {
	margin-bottom: 0!important;
	line-height: 1.6!important;
}
.box__txt {
	margin-bottom: 1%;
}
.box__txt_link a {
	text-decoration: underline;
}
.box__title, .content__title {
	font-weight: 600;
}
.small {
	font-size: 13px;
	color: #D51215;
	margin-bottom: 3%;
}


/*==========================
patternBox
==========================*/
.patternBox {
	margin-top: 10%;
	text-align: center;
	margin-bottom: 8%;
}
.patternBox__navi {
	border: 1px solid #858585;
	width: 70%;
	margin: 0 auto 3%;
	padding: 2% 0;
}
.patternBox__txt {
	margin-bottom: 3%;
}
.patternBtn {
	background-color: #000000;
	color: #FFFFFF;
	width: 30%;
	margin: 0 auto 3%;
	padding: 1% 0;
	transition: 0.4s
}
.patternBtn:hover {
	opacity: 0.5;
}
.patternQr img {
	width: 16%;
	margin: 0 auto;
}


/*==========================
shopBox
==========================*/
.shopBox {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 10%;
	background-color: #c4c4c4;
	padding: 2%;
}

.shopBox__contents {
	padding: 5% 0;
	text-align: center;
	line-height: 1.5rem;
}
.shopBox__contents ul {
	list-style: none;
	padding-left: 0;
}
.shopBox__title {
	margin-bottom: 5%;
}

.shopBox__title-shop {
	margin-bottom: 3%;
}

.list__title {
	font-weight: 600;
	margin-bottom: 2%;
}

.list_space {
	margin-bottom: 3%;
}
.spBr {
	display: none;
}
@media screen and (max-width: 980px) {
.rte {
	font-size: 15px!important;
	line-height: 1.5em!important;
}
.tryBox {
	font-size: 1.3rem;
}
.patternBox {
	font-size: 1.3rem !important;
}
	.newsTitle {
		width: 90%;
		text-align: left;
		font-size: 1.6rem;
		margin: 3% auto;
	}
	.brandTxt {
		width: 85%;
		margin: 0 auto;
		margin-bottom: 5%;
	}
.img2_contaier {
	display: block;
}
.img3_contaier {
	width: 100%;
	margin-left: 0;
	margin-bottom: 5%;
	display: block;
}
.img3_contaier .img2_item01 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 2%;
}
.lintBtn {
	width: 70%;
	margin-left: 15%;
}
.img4_contaier {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15%;
	display: block;
}
.img4_contaier .img2_item01 {
	width: 100%;
}
.img1Box {
	width: 100%;
	margin-bottom: 15%;
	margin-left: 0;
}
.contentsTxt {
	text-align: left;
}
.snap {
	width: 40%;
	margin-left: 30%;
}
.name_txt {
	text-align: left;
}
.detailBox {
	width: 92%;
}
	.img2_item01--txt {
		padding: 10% 3%;
		text-align: left;
	}
	
	
	.patternBox__txt {
		width: 92%;
		margin: 0 auto 3%;
	}
	.patternBtn {
		width: 60%;
		margin: 0 auto 3%;
	}
	
	.shopBox {
		width: 96%;
		margin: 0 auto 10%;
	}
	
.spBr {
	display: block;
}
	.patternBox__navi {
		width: 84%;
		margin: 0 auto 3%;
	}
	.shopBox__contents {
		font-size: 1.1rem;
		padding: 8%;
	}

}

@media only screen and (max-width: 849px) {
p.ste.Txt {
	text-align: left !important;
}
.caution li {
	text-align: left !important;
}
.articleBox  {
	width: 95%;
}
}

.contents-title {
	width: 100%;
	text-align: center;
	margin: 7% auto 3% auto;
	font-size: 2.0rem;
	font-family: "century-gothic-std",sans-serif;
}
.contents-title span {
	text-align: center;
}
/**画像横並び３つ/テキスト１文の構図**/
.wideList3 {
	width: 100%;
	margin-bottom: 3%;
}

.item_container{
	width: 85%;
	max-width: fit-content;
	display: grid;
	grid-template-columns: repeat(3, 1fr);/**画像二つの時は(2,1fr)に修正**/
	column-gap: 2%;
	align-items: center;
	margin: 0 auto 2% auto;
}

.item_container .container_item img {
	width: 100%;
	max-width: fit-content;
}

.wideList3-text01 {
	display: flex;
	width: 100%;
	margin: 0 auto 5% auto;
	text-align: justify;
	justify-content: center;
	max-width: 50%;
}

.wideList3-text01 span {
	font-size: 1.4rem ;
}
.gull_container {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.gullTxtCen {
	font-size: 1.4rem;
	text-align: center;

}
.gullTxtCen span {
	margin: 0 auto;
}

.gull_container .gull_item00 {
	display: block;
	margin:0 auto;
	font-size: 1.2rem;
}
.gull_container .gull_item00 img {
	width:90% !important;
	margin:0 auto 5% auto;
}
.shopBtn {
	display: block;
	background-color: #842631;
	padding: 2%;
	color: #fff;
	width: 60%;
	margin: 0 auto 5% auto;
	font-size: 1.2rem;
    font-family: "Noto Sans JP",sans-serif;	
	text-align: center;
}
.shopBtn a {
	color: #FFFFFF;
	text-decoration: none;
}
.shopBtn:hover {
	background-color: #842631;
}
.shopBtn:hover a {
		color: #a1a1a1;
}
@media only screen and (max-width: 849px) {
/**画像横並び３つ/テキスト１文の構図**/
.wideList3 {
	width: 100%;
	margin-bottom: 5%;
}

.item_container{
	width: 85%;
	max-width: fit-content;
	display: block;
	align-items: center;
	gap: 2%;
	margin: 0 auto 2% auto;
}

.item_container .container_item img {
	width: 100%;
	max-width: fit-content;
	margin-bottom: 2%;
}

.wideList3-text01 {
	text-align: justify;	
	width: 85%;
	margin: 0 auto 10% auto;
	max-width: 80%;
}

.wideList3-text01 span {
	font-size: 1.4rem ;
    font-family: sans-serif;
}
.contents-title {
	margin-top: 15%;
}
}