@charset "utf-8";
/*	PC用	*/

.cts_all {
	box-sizing: border-box;
	width:100%;
	/*background-color:#fff;*/
	/*↑コンテンツ全体の背景を白に。
	※背景を白にしない場合はアイテムリンクの画像を切り抜く必要あり*/
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: 0.05em;
	font-feature-settings: "palt";
	color:#281a14;
	font-weight: 500;
	margin:0 auto;
	padding:0 0 200px 0; /*コンテンツ最下部の余白調整*/
	clear:both;
}



/*	TOPタイトル	*/
.tit01 {
	position: relative;
	display: block;
	width:100%;
	padding-top:80px;
	margin-bottom: 60px;
	letter-spacing: 0.1em;
	color: #281a14;
	font-size: 32px;
	line-height:1;
	text-align: center;
font-family: adobe-garamond-pro, serif;
	font-feature-settings: "palt";
	font-weight:bold;
}
.tit01 img {
	width:25%;
	margin-bottom:15px;
}

.tit01 span {
	display: table;
	position: relative;
	margin: auto;
	padding-bottom: 15px;
	letter-spacing: 0;
	color: #281a14;
    line-height: 1.2em;
    font-size: 65px;
	/*↓ブランドロゴフォント変更*/
    font-family: "Cardo", serif;
    font-weight: 400;
  font-style: italic;
	font-feature-settings: "palt";
	background-size: contain;
	/* ↓タイトル英字ブランド名部分をグラデーションしたい場合はここを調整↓ */
	background-image: -webkit-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: -moz-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: -o-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: linear-gradient(90deg, #281a14 0%, #281a14 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tit01 span span{
    font-size: 1.5em;
    display: block;
}

.tit01 p {
	font-size: 30px;
    letter-spacing: 9px;
}
.top1_img {width:100%;margin:0 auto;}
.top2_img {width:100%;margin:45px auto 80px;padding:0;}





.ctn_more {
  position: relative;
  width:96%;
  line-height:2.3rem;
  padding: 0px 5% 0px;
  margin: 45px auto 18px;
  transition: .4s;
  text-align:justify;
  box-sizing: border-box;
  font-weight:400;
  font-feature-settings: "palt";
}
.ctn_more div {  width:100%; font-size:1.0rem;
}

.ctn_more div .lead-text{
    text-align: center;
    font-size: 1.5em;
    font-family: adobe-garamond-pro, serif;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.cts_all .cts1 {
width:100%;margin-top:30px;margin-left:auto;margin-right:auto;
}
.cts_all .cts1 .text {
width:87%;
padding-bottom:75px;
text-align:justify;margin:40px auto 0;
font-size:1.0rem;line-height:2.3rem;font-weight:normal;
}

/*PC・ボタンのスタイル*/
.ctn_more button {
  position: absolute;
 bottom: 25px; left: 50%;transform: translateX(-50%); /*左右中央*/
  width: 30%;
  height: 40px;
  cursor: pointer;
  color: #281A14;font-size:17px;
  background: #fff;
  border-radius:3px;
  border: 1px solid #281A14;
}

/* 各タイトル */
.title_ct_line {
text-align:center;
width:85%;
font-size:1.9rem;
line-height:1.9rem;
margin:80px auto 27px;
}

.title_ct_line small {
width:85%;
font-size:1.3rem;text-align:center;
margin:0 auto 15px;padding:10px 0 0 0;
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  letter-spacing: 2px;
}

.title_ct_line span {
	display:inline-block;
font-family: adobe-garamond-pro, serif;
	font-weight:bold;
	font-feature-settings: "palt";
	font-size:2.4rem;
	text-align:center;margin:0 auto;
	padding-bottom:14px;
	border-bottom:1px solid black;
	width:80%;
}

.line_copybtm {margin-bottom:-20px;}


.lineup_box {
position:relative;
width:95%;
display:flex;
align-items: flex-start;
justify-content: center;
flex-wrap:wrap;
margin:0 auto 20px;
}
/* 最後の列を左揃えに */
/*.lineup_box:after {
    content: ""; width: 48%; margin: 0;
    color: transparent; background-color: transparent;
}*/

.lineup_box .lineup_space {
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	margin:0 0 40px 0;
	padding:15px 0 0 0;
	width:49%;
	position: relative;
	z-index: 1;
}
/*
.lineup_box .lineup_space::before {
  content: ''; position: absolute;
  left: 50%; top: -35px;
  display: inline-block;
  width: 65%; height: 0.7px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #7d7d7d;
  border-radius: 1px;
}
.lineup_box .lineup_space:first-child::before,.lineup_box .lineup_space:nth-child(2)::before {content: none;}
*/


.bgtop5up {background-position:left 65px top -5px;}
.bgtop30 {background-position:left 65px top 30px;}
.btm35 {padding-bottom:35px;}
.btmtop35 {padding-bottom:35px;padding-top:35px;}
.linebtm_50 {margin-bottom:50px;}
.linebtm_25 {margin-bottom:25px;}
.linetop_60 {margin-top:60px;}



/* 	最下部カテゴリボックス	 */

.ct_ListBox {
    display: flex;
    align-items: stretch;
    /* justify-content: space-around; */
    flex-wrap: wrap;
    width: 90%;
    padding: 0;
    margin: 70px auto 30px;
    column-gap: 15px;
    justify-content: center;
}

.ct_ListBox .ctBox {
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: flex-start;
	margin:0 0 28px 0;
	padding:0 0 0 0;
	width:32%;
	border:1px solid #281A14;
	overflow:hidden;
	position: relative;
	z-index: 1;
}
.ct_ListBox .ctBox a.sp_box {text-decoration:none;padding:0;margin:0 auto;display:inline-block;
width:100%;text-align:center;
}

/* テキストボックス部分 
--------------------------------------- */

.ct_ListBox .ctBox .textCt {
width:94%;
vertical-align:top;
	margin:17px auto 13px auto;
	text-align:center;

}
.ct_ListBox .ctBox .textCt h5 {
	margin:0 0 0 0;padding:0;
	color: #281a14;
	font-size: 23px;
	line-height: 1.3;
	letter-spacing: 0.1em;
font-family: adobe-garamond-pro, serif;
	font-weight:500;
	/*font-family: "FOT-筑紫A丸ゴシック Std M";*/
	font-feature-settings: "palt";
	vertical-align:baseline;
}

/* カテゴリボックス「全てのアイテムを見る」 */
.ct_ListBox .ctBox_img {
position:relative;
width:32%;
aspect-ratio: 1 / 1.35;
margin:0 0 28px 0;
padding:0;
overflow:hidden;
border:1px solid #281A14;
display: flex;
justify-content: center;
align-items: center;
}
/*.ct_ListBox .ctBox_img::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  background-color: white;
  opacity: 0.3;
}*/
.ct_ListBox .ctBox_img a {
display:block;width:100%;height:100%;transition : .3s;font-weight:700;

/* 「全てのアイテムを見る」の背景画像を変更（600x820程度で作成） */
background-image:url("/cpage/ct/ct_tasaki/img/item__all.webp");
background-repeat:no-repeat;

/* ↓背景画像の切り取り位置や大きさの調整 */
background-position: center 60%;
background-size:120%;

}

.ct_ListBox .ctBox_img a.bv {
display:block;width:100%;height:100%;transition : .3s;
background-image:url("/cpage/ct/ct_tasaki/img/item__all.webp");
background-repeat:no-repeat;
background-position: center center;
background-size:120%;
font-weight:700;
}





.ct_ListBox .ctBox_img a::after {
  content: "";
  position: absolute;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  background-color: white;
  opacity: 0.45;
}

.ct_ListBox .ctBox_img a:hover {
opacity: 0.6;text-decoration:none;
}

.ct_ListBox .ctBox_img .imgCt_img  {
position:relative;
width:100%;height:100%;
margin:0;padding:0;
display: flex;
justify-content: center;
align-items: center;
overflow:hidden;
text-align:center;
}
.ct_ListBox .ctBox_img .imgCt_img div {
display:block;
	margin:0 0 0 0;padding:0;
	color: #281a14;
	font-size: 23px;
	line-height: 1.6;
	letter-spacing: 0.1em;
font-family: adobe-garamond-pro, serif;
	font-weight:700;
	text-shadow:
	 0 0 10px #fff,0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,
	 0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;
	font-feature-settings: "palt";
	vertical-align:baseline;
	z-index:10;
	text-align:center;
}
.ct_ListBox .ctBox_img .imgCt_img div span {
display:block;
}





.ct_ListBox .ctBox figure  {
width:100%;
object-fit: cover;
margin:0;padding:0;
overflow:hidden;
aspect-ratio: 2 / 1.6;
}
.ct_ListBox .ctBox figure img {
width:100%;height:100%;object-fit: contain;
margin:0;padding:0;
}


.ct_ListBox .ctBox .scale_ring {
transform: scale(0.8, 0.8);
}
.ct_ListBox .ctBox .scale_pia {
transform: scale(0.85, 0.85);
}
.ct_ListBox .ctBox .scale_nec {
transform: scale(0.85, 0.85);
object-position: center 0;
}
.ct_ListBox .ctBox .scale_brace {
transform: scale(0.85, 0.85);
}


.ct_ListBox .ctBox .textCt p {
  width:95%;
  font-size: 0.85rem;text-align: justify;
  line-height: 1.6rem; padding: 0.7rem;
  color: #281A14;transition : .3s;font-weight:400;
  margin:8px auto 0 auto;text-decoration:none;
  font-feature-settings: "palt";
}
.ct_ListBox .ctBox .textCt h5 span {
	position: relative;
	left: -10px;
	top:9px;
	display: block;
	color: gray;
font-family: adobe-garamond-pro, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 21px;
	line-height: 0.7rem;
	letter-spacing: 0;
	padding:0;margin:0;
	vertical-align:baseline;
}

.btn_ct {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;  left: 0;
	width: 100%;  height: 100%;
	text-align:center;
	background-color: rgba(40,26,20,0.65);
	opacity: 0;/* 透明・非表示に */
      transition: .3s ease-in-out;/* ホバーの動き方 */
      cursor: pointer;
      text-decoration:none;
}
    /*ホバーエフェクト*/
.ctBox:hover .btn_ct {
      opacity: 1; /*不透明にして表示*/
      padding-top: 10px; /*padding-topで上からスライド*/
      cursor: pointer; text-decoration:none;
      text-align:center;
  }
.btn_ct p{
  	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:100%;
	font-size: 1.2rem;
	line-height: 1.7em;
	text-align:center;
	color: #fff; /* background-color: rgba(40,26,20,0.6);*/
	font-weight:500;letter-spacing:0.2rem;
	margin-top:-10px;padding: 0.5rem;
	transition : .3s;text-decoration:none;
  }


 /* 全面画像用：ホバーエフェクト
.ctBox_img .btn_ct {
	display:flex;
	flex-direction: column;
	align-items: center; justify-content: center;
	position:    absolute;
	width: 100%;  height: 100%;
	top: 0;  left: 0;
	background-color: rgba(40,26,20,0.65);
	opacity: 0;
	transition: .3s ease-in-out;
	cursor: pointer;
	text-decoration:none;
}

.ctBox_img:hover .btn_ct {
	opacity: 1;
	padding-top: 10px;
	cursor: pointer;
	}
.ctBox_img:hover .btn_ct p {
	width:84%;
	font-size: 1.4rem;
	line-height: 1.7em; padding: 0.5rem;
	color: #fff;
	transition : .3s;text-decoration:none;
	font-weight:500;letter-spacing:0.2rem;
	margin-top:-8px;
	cursor: pointer; 
  }
*/


/*  -------------------------------------- */

.lineup_box .lineup_space .about {
	width:90%;
	vertical-align:top;
	padding:22px 0 0 12px;
	margin:0 20px 0 0;
	text-align:justify;
	text-justify : inter-ideograph;
}


.lineup_box .lineup_space .about h4 {
	margin:0 0 10px 0;
	padding:0;
	color: #281a14;
	font-size: 30px;
	line-height: 34px;
	letter-spacing: 0.1em;
font-family: adobe-garamond-pro, serif;
	font-weight:bold;text-align:center;
	font-feature-settings: "palt";
	vertical-align:top;
}

/*  */
.lineup_box .lineup_space .about p {
	line-height: 1.875;
	font-size:0.9rem;
	letter-spacing: 0.125;
	padding:0;
	margin-top:0;
	font-weight:400;
	text-align:justify;
	text-justify : inter-ideograph;
	font-feature-settings: "palt";
}

/*  */
.lineup_box .lineup_space .about h4 span {
	position: relative;
	left: -8px;
	top:0px;
	display: block;
	color: #281a14;
font-family: adobe-garamond-pro, serif;
	font-weight: normal;
	font-style: italic;
	line-height: 0.8;
	letter-spacing: 0;
	padding:0;margin:0;
	vertical-align:top;
}

.lineup_box .lineup_space .about h4 span.number {
	font-size: 70px;
	}
.lineup_box .lineup_space .about h4 span.bag {
	color: gray;
	font-size: 26px;
	padding:0 0 7px 7px;
	letter-spacing:-0.1;
}
.lineup_box .lineup_space .about h4 span.b_name {
letter-spacing:-0.1;
color:#897858;
font-style: normal;
padding-left:8px;
}


.lineup_img {
position:relative;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
width:90%;height: auto;
vertical-align:center;
overflow:hidden;
}
/* 画像にリンクを追加する場合 */
.lineup_img a {
display:block;width:100%;height:100%;text-decoration: none;
}
.lineup_img .f1 {
	/* 実サイズ 700x532pxで作成 */
	width:100%; height: 100%; padding: 0; margin:0;
	justyify-content:center;object-fit: contain;
	transform: scale(1.0);/* PC閲覧時の画像の比率を調整 */
}
/* スマホ閲覧時の画像の配置位置がズレる場合は個別に object-position で調整 
     拡大や縮小の必要がある場合は個別に transform: scale で調整 */

a.btn_small {
	margin:25px auto 0 auto;
	margin-inline:auto;
	display: block;
	width:97%;
	font-size: 1.0rem;
	line-height: 1.1rem; padding: 0.75em;
	color: #281A14; transition: all 0.3s;
	border:1px solid #281A14;text-decoration:none;
	border-radius:3px;
	position:relative;
	cursor: pointer;text-align: center;
}
a.btn_small::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #281A14;
  transition: all .3s;
}

a.btn--big {
	 position:relative;
	 width:87%;
	 display: block;
	 font-size: 1.5rem;
	 line-height: 1.3rem; padding: 1.8rem 0;
	 color: #281A14; background-color:#fff;
	 transition: all 0.3s;
	 text-decoration:none;
	 margin-top:50px;margin-bottom:40px;
	 margin-right:auto;margin-left:auto;
	 margin-inline:auto;
	 border:1px solid #281A14; text-align: center;
	   font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;font-feature-settings: "palt";
	 font-weight:500;
}
a.btn--big::after {
  position: absolute;
  top: 50%;
  right: .6em;
  content: '';
  margin-top: -4px;
  border: 9px solid transparent;/*  */
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-color: #281A14;
  transition: all .3s;
}

a.btn_small:hover {
transition : .3s;background-color: #281A14;color:#fff;text-decoration:none;
}
a.btn--big:hover {
transition : .3s;background-color: #281A14;color:#fff;border:1px solid #281A14;text-decoration:none;
}
a.btn--big:hover::after {  border-left-color: #fff;
}
a.btn_small:hover::after {  border-left-color: #fff;
}




/*	TOPへ戻る	*/
#page_top {
  width: 70px;
  height: 70px;
  position: fixed;
  border-radius:50%;
  right: 50px;
  bottom: 0;
  background-color: #281A14;
  opacity: 0.15;
  text-align:center;
  z-index:999;line-height:80px;
  vertical-align:middle;
}
#page_top a{
	font-size:30px;
	position: relative;
	top:3px;
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	color:#fff;  opacity: 0.99;
	margin:18px auto 0 auto;
	text-align:center;
	vertical-align:middle;
}
#page_top:hover{
  opacity: 0.4;  cursor:pointer;
}
#page_top a::before{
  content: ''; /*f106*/
  font-family: "Font Awesome 5 Free";
  font-weight:400;
  display: inline-block;
  color: #000;
  position: absolute;
  width: 25px;  height: 25px;
  top: 0;  bottom: 0;  right: 0;  left: 0;
  margin: auto;
  text-align: center;
}

/* 画像に対するリンクホバー */
.bn_link {
width:90%;
margin:40px auto 80px;
margin-inline:auto;
text-decoration:none;
display: grid;
place-items: center;
transition : 0.35s;
}
.bn_link img {border:none;width:100%;margin:0 auto;}
.bn_link:hover {opacity:0.6;}

.m-bottom{
    margin-bottom: 20px;
}

/* PC用 */
.pcview {
	display: block !important;
}
.pcview_inline {
	display: inline-block !important;
}
.spview {
	display: none !important;
}
.spview_inline {
	display: none !important;
}


/* 非表示要素　保存 */
/*
.head-border {
    display: flex;
    align-items: center;
    width:91%;
font-family: adobe-garamond-pro, serif;
	font-feature-settings: "palt";
    font-size:1.9rem;
    margin:0 auto 40px auto;
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
 
.head-border:before {
    margin-right: 1rem;
}
 
.head-border:after {
    margin-left: 1rem;
}
*/