@charset "utf-8";
/* CSS Document */
/* -------------------- header -------------------- */
/* 背景色変更 不要な場合は削除 */
header {
  background-color: #fffcf8;
}
/****************************
■全体
****************************/
#container {
  text-align: center;
  font-size: 15px;
  font-family: 'Shippori Mincho B1', serif;
  line-height: 2;
}
#container img {
  display: block;
  margin: 0 auto;
  width: inherit;
}
h2 {
  font-size: 22px;
  padding-bottom: 0.5%;
  padding-top: 4%;
}
h3 {
  font-size: 22px;
  padding-bottom: 0.5%;
  padding-top: 4%;
}
@media (max-width: 768px) {
  #container {
    font-size: 12px;
  }
  h2 {
    font-size: 19px;
    padding-top: 15%;
  }
  h3 {
    font-size: 17px;
    padding-top: 15%;
  }
}
/****************************
■イントロ
****************************/
#container .intro img.mv {
  width: 1000px;
  padding-top: 3%;
}
#container .intro{
	padding-bottom: 8%;
}
.intro span {
  text-decoration: underline;
}
.intro h1 {
  font-size: 25px;
  padding-bottom: 1.5%;
  line-height: 1.8;
}
.intro h1 span {
  font-size: 14px;
  padding-bottom: 1.5%;
  display: block;
  letter-spacing: 0.15em;
  text-decoration: none;
}
.intro p{
	margin-bottom: 4%;
}
p.caution_1{
	border: double red ;
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
	padding: 2% 0%;
	
}
p.caution_1 a{
	color:slateblue;
	color:red;
	
}
@media (max-width: 768px) {
  #container .intro img.mv {
    padding-top: 10%;
  }
#container .intro{
	padding-bottom: 15%;
}
}
/****************************
■内容
****************************/
.naiyou {
  background-color: #EDEDED;
  padding: 5% 0%
}
#container img.ca {
  max-width: 360px;
  width: 90%;
}
span.strong {
  background-color: #FFF;
  padding: 1.5% 3%;
  max-width: 500px;
  display: block;
  margin: 0 auto;
}
span.fs_18 {
  font-size: 18px;
}
.caution {
  border: 1px #ccc solid;
  padding: 4% 5%;
  max-width: 754px;
  margin: 0 auto;
  margin-bottom: 2%;
	background-color: #fff;
}
@media (max-width: 768px) {
  .naiyou_innner {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 18%;
  }
}
/* スライド部分 */
.fitting_model {
  display: flex;
  max-width: 754px;
  margin: 0 auto;
  margin-bottom: 2%;
  margin-top: 3%;
}
.fitting_model_A, .fitting_model_B {
  width: 46%;
}
.fitting_model_A {
  margin-right: 2%
}
.fitting_model_b {
  margin-left: 2%
}
.swiper {
  width: 100%;
}
.swiper-pagination {
  padding: 0;
  margin: 0 auto;
}
.swiper-pagination-bullet {
  background-color: #66A1A8;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 0px);
}
.model_caption {
  font-size: 13px;
  box-sizing: content-box;
  border-top: #ccc 1px solid;
  margin-top: 5%;
  max-width: 754px;
}
.model_caption p {
  border-bottom: #ccc 1px solid;
  margin-top: 1%;
  padding-bottom: 1%;
}
.circle {
  border: 1px solid #000;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
}
.itempage_link {
  max-width: 754px;
  margin: 0 auto;
  margin-top: 4%;
}
.itempage_link ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
	padding: 3% 5%;
	background-color: #fff;
	border:dotted 1px #ccc;
	border-radius: 20px;
	margin-bottom: 2%;
	column-gap: 2%;
}
.link_cap{
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	padding: 2% 0%;
	font-size: 0.9em;
}
@media (max-width: 768px) {
  .fitting_model {
    display: block;
    width: 75%;
    margin-bottom: 0%;
    margin-top: 3%;
  }
  .fitting_model_A, .fitting_model_B {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 12%;
  }
  .fitting_model_A {
    margin-right: 0%
  }
  .fitting_model_b {
    margin-left: 0%
  }
  .item_name, .item_no {
    display: none;
  }
}
/****************************
■ブランド・別注説明
****************************/
.caption_innner {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  padding: 6% 0%;
}
.caption p {
  text-align: left;
}
/****************************
■特集リンク
****************************/
.feature_link {
  text-align: center;
  margin-top: 5%;
  max-width: 900px;
}
.feature_link p {
  text-align: center;
  margin-bottom: 2%;
}
.feature_link .button img {
  height: auto;
  border-radius: 20px;
}
/* -------------------- 表示非表示 -------------------- */
@media (min-width: 769px) {
  .sp {
    display: none;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}