@charset "UTF-8";
/*	PC用	*/
h2:not(:first-child),
.h2:not(:first-child) {
  margin-top: 80px;
}

.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: 150px;
  margin-bottom: 0;
  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: 10px;
  letter-spacing: 0.1;
  color: #281a14;
  line-height: 56px;
  font-size: 65px;
  /*↓ブランドロゴフォント変更*/
  font-family: "Vollkorn", serif;
  font-optical-sizing: auto;
  /*font-weight: <weight>;*/
  font-style: normal;
  font-feature-settings: "palt";
  background-size: contain;
  /* ↓タイトル英字ブランド名部分をグラデーションしたい場合はここを調整↓ */
  background-image: linear-gradient(90deg, #281a14 0%, #281a14 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tit01 p {
  font-size: 25px;
}

.top1_img {
  width: 100%;
  margin: 0 auto;
}

.top2_img {
  width: 100%;
  margin: 45px auto 80px;
  padding: 0;
}

/*　↓　TOPテキストの設定　↓　*/
.lead-text {
  line-height: 1;
  text-align: center;
    font-family: adobe-garamond-pro, serif;
    font-weight: bold;
  font-feature-settings: "palt";
  width: 60%;
  margin: 0 auto;
}
.lead-text h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: 0.2em;
}
.lead-text p {
  font-size: 1.3rem;
  line-height: 2em;
  margin: 0 auto;
  letter-spacing: 0.2em;
}

.ctn_more {
  position: relative;
  width: 96%;
  /*height: 360px;*/
  line-height: 2.3rem;
  padding: 0px 5% 0px;
  margin: 150px auto 45px;
  transition: 0.4s;
  text-align: justify;
  box-sizing: border-box;
  font-weight: 400;
  font-feature-settings: "palt";
}

.ctn_more div,p.lineup_box_text {
  width: 100%;
  font-size: 1rem;
}

.text-center {
  text-align: center;
}

p.lineup_box_text{
  font-weight: 400;
  text-align: left;
}

.other {
  margin-bottom: 0;
}

/* スマホ・グラデーションで隠す擬似要素*/
/*.histry:before,
.design:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(248, 248, 247) 70%, rgba(255, 255, 255, 0) 100%);
  transition: 0.4s;
}*/

/*スマホ・クラス付与時のスタイル*/
.histry.active:before,
.design.active:before,
.other.active:before {
  opacity: 0;
  visibility: hidden;
}

/*スマホ・ボタンのスタイル*/
.ctn_more button {
  position: absolute;
  bottom: 0px;
  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;
}

.btn-histry.down,
.btn-design.down,
.btn-other.down {
  bottom: -80px;
}

.cts_all .cts1 {
  width: 100%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.cts_all .cts1 .text {
  width: 87%;
  padding-bottom: 75px;
  text-align: justify;
  margin: 40px auto 0;
  font-size: 1rem;
  line-height: 2.3rem;
  font-weight: normal;
}

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

.title_ct_line small,
.title_ct_model small {
  text-align: center;
  margin: 0 auto 15px;
  padding: 10px 0 0 0;
  font-family: adobe-garamond-pro, serif;
}

.title_ct_line span,
.title_ct_model span,
.title_ct_model_line span {
  display: inline-block;
  font-family: adobe-garamond-pro, serif;
  font-weight: bold;
  font-feature-settings: "palt";
  text-align: center;
  margin: 0 auto;
  padding-bottom: 14px;
}

.title_ct_model_line {
  text-align: center;
  width: 85%;
  margin: 50px auto;
}
.title_ct_model_line span {
  font-size: 2rem;
  border-bottom: 1px solid black;
  width: 100%;
}

.title_ct_line span {
  border-bottom: 1px solid black;
  width: 100%;
  font-size: 2.4rem;
}

.title_ct_line small {
  width: 85%;
  font-size: 1.3rem;
}

.title_ct_model {
  font-size: 4rem;
  letter-spacing: 0.05em;
}
.title_ct_model small {
  font-size: 0.4em;
  margin-left: 10px;
  vertical-align: 4px;
}

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

.lineup_box {
  position: relative;
  width: 90%;
  display: flex;
  /* align-items: flex-start; */
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 20px;
}

.size{
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  margin-top: 100px;
}

.size .lineup_space{
  width: 25% !important;
  margin-bottom: 90px !important;
}

/* 最後の列を左揃えに */
/*.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;
  /* border: solid 1px yellow; */
}

/*
.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;
  /*stretch*/
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  padding: 0;
  margin: 70px auto 30px;
}

.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: 0.3s;
  font-weight: 700;
  /* 「全てのアイテムを見る」の背景画像を変更（600x820程度で作成） */
  background-image: url("/cpage/ct/ct_hw/img/hw_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: 0.3s;
  background-image: url("/cpage/ct/ct_hw/img/hw_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%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
  padding: 0;
  overflow: hidden;
  aspect-ratio: 2/1.6;
}

.ct_ListBox .ctBox figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     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);
  -o-object-position: center 0;
     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: 0.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: 0.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: 0.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 5px 0;
  margin: 0 auto 0;
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  /* flex-grow: 1; */
  text-justify: inter-ideograph;
  /* border: solid red 1px; */
}

.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,
.atn,
.tit_text {
  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;
  flex-grow: 1;
  font-feature-settings: "palt";
  flex-grow: 1;
}

.tit_img {
  margin: 100px auto 50px;
}

.lineup_space h3,
.lineup_box h3{
  font-size: 2rem;
  font-family: adobe-garamond-pro, serif;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

/*  */
.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: 90%;
  height: 100%;
  padding: 0;
  margin: 0;
  justyify-content: center;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1);
  /* PC閲覧時の画像の比率を調整 */
}

.mrg-btm{
  margin-bottom: -4rem;
}

/* table設定（サイズ用） */
h3:not(:first-child), .h3:not(:first-child){
    margin: 0 0 30px;
}

table.ct_size {
  width: 60%;
  background: #fff;
  text-align:center;
  margin-bottom: 100px;
	
  border:solid 1px #968a6c;
}

table.ct_size tr{
  padding:0.5rem 0;
}

table.ct_size th{
  width: 35%;
  background: #968a6c;
  text-align:center;
  color:#fff;
  padding:0.5rem 0;
  border:solid #fff;
  border-width:0 0 0.5px;
  box-sizing:border-box;
}

table.ct_size td{	
  border:solid 1px #968a6c;
}

/* スマホ閲覧時の画像の配置位置がズレる場合は個別に object-position で調整 
     拡大や縮小の必要がある場合は個別に transform: scale で調整 */
a.btn_small {
  margin: 25px auto 0;
  margin-inline: auto;
  display: block;
  width: 97%;
  font-size: 1rem;
  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: 0.2em;
  content: "";
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #281A14;
  transition: all 0.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: adobe-garamond-pro, serif;
  font-feature-settings: "palt";
  font-weight: 500;
}

a.btn--big::after {
  position: absolute;
  top: 50%;
  right: 0.6em;
  content: "";
  margin-top: -4px;
  border: 9px solid transparent;
  /*  */
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-color: #281A14;
  transition: all 0.3s;
}

a.btn_small:hover {
  transition: 0.3s;
  background-color: #281A14;
  color: #fff;
  text-decoration: none;
}

a.btn--big:hover {
  transition: 0.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;
}

.atn {
  text-align: center;
  margin-top: -30px;
  margin-bottom: 30px;
}

/*	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;
}

.text-histry,
.text-design,
.text-other,
.sp {
  display: none;
}

.text-histry.open,
.text-design.open,
.text-other.open {
  display: block;
}

/* 非表示要素　保存 */
/*
.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;
}
*//*# sourceMappingURL=ct_rx_daytona.css.map */