@charset "UTF-8";

.contents_wrap {
  max-width: var(--maxWidth);
  margin: var(--maxWidthMargin);
  padding: var(--maxWidthPadding);
}

.type_wrap{
  max-width: 960px;
  margin: 60px auto 0;
}
.type_title{
  margin-bottom: 40px;
}
.type_localNav{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 2%;
  margin-bottom: 40px;
}
.type_localNav:not(:has(> :nth-child(3))){
  justify-content: center;
}
.type_localNav_item{
  width: 32%;
}
.type_localNav_item.full{
  width: 100%;
}
.type_bc85 .type_localNav_item.bc85 a,
.type_bc86 .type_localNav_item.bc86 a,
.type_bc87 .type_localNav_item.bc87 a,
.type_bc88 .type_localNav_item.bc88 a,
.type_bc89 .type_localNav_item.bc89 a,

.type_dia140 .type_localNav_item.dia140 a,
.type_dia141 .type_localNav_item.dia141 a,
.type_dia142 .type_localNav_item.dia142 a,
.type_dia143 .type_localNav_item.dia143 a,
.type_dia145 .type_localNav_item.dia145 a,
.type_dia150 .type_localNav_item.dia150 a,

.type_outlet_1day .type_localNav_item.outlet_1day a,
.type_outlet_1month .type_localNav_item.outlet_1month a,

.type_scene_dekame .type_localNav_item.scene_dekame a,
.type_scene_natural .type_localNav_item.scene_natural a,
.type_scene_half .type_localNav_item.scene_half a,
.type_scene_beginner .type_localNav_item.scene_beginner a,
.type_churun .type_localNav_item.churun a,
.type_gal .type_localNav_item.gal a,
.type_bluebase .type_localNav_item.bluebase a,
.type_yellowbase .type_localNav_item.yellowbase a,

.type_fuchi_ari .type_localNav_item.fuchi_ari a,
.type_fuchi_nashi .type_localNav_item.fuchi_nashi a,

.type_brand_re .type_localNav_item.brand_re a,
.type_brand_cm .type_localNav_item.brand_cm a,
.type_brand_scm .type_localNav_item.brand_scm a,
.type_brand_si .type_localNav_item.brand_si a,
.type_brand_pu .type_localNav_item.brand_pu a,
.type_brand_vi .type_localNav_item.brand_vi a,
.type_brand_ma .type_localNav_item.brand_ma a,
.type_brand_fa .type_localNav_item.brand_fa a,
.type_brand_lu .type_localNav_item.brand_lu a,
.type_brand_ch .type_localNav_item.brand_ch a,
.type_brand_fr .type_localNav_item.brand_fr a,
.type_brand_ri .type_localNav_item.brand_ri a,

.type_model_itanotomomi .type_localNav_item.model_itanotomomi a,
.type_model_jyonishiseira .type_localNav_item.model_jyonishiseira a,
.type_model_kawazuasuka .type_localNav_item.model_kawazuasuka a,
.type_model_mikumaruru .type_localNav_item.model_mikumaruru a,
.type_model_rola .type_localNav_item.model_rola a,
.type_model_momo .type_localNav_item.model_momo a,
.type_model_suzukiairi .type_localNav_item.model_suzukiairi a,
.type_model_fruitszipper .type_localNav_item.model_fruitszipper a,
.type_model_yonezawaria .type_localNav_item.model_yonezawaria a,

.type_color_black .type_localNav_item.color_black a,
.type_color_blue .type_localNav_item.color_blue a,
.type_color_brown .type_localNav_item.color_brown a,
.type_color_clear .type_localNav_item.color_clear a,
.type_color_gray .type_localNav_item.color_gray a,
.type_color_green .type_localNav_item.color_green a,
.type_color_pink .type_localNav_item.color_pink a,

.type_period_1day .type_localNav_item.period_1day a,
.type_period_1month .type_localNav_item.period_1month a,
.type_period_2week .type_localNav_item.period_2week a,

.type_gdia_126_129 .type_localNav_item.gdia_126_129 a,
.type_gdia_130_133 .type_localNav_item.gdia_130_133 a,
.type_gdia_134_137 .type_localNav_item.gdia_134_137 a,
.type_gdia_138_139 .type_localNav_item.gdia_138_139 a,
.type_gdia_140_141 .type_localNav_item.gdia_140_141 a,
.type_gdia_over145 .type_localNav_item.gdia_over145 a,

.type_power_doari .type_localNav_item.power_doari a,
.type_power_donashi .type_localNav_item.power_donashi a,
.type_power_clear .type_localNav_item.power_clear a,

.type_setbuy_plus_one .type_localNav_item.setbuy_plus_one a,
.type_setbuy_1100off .type_localNav_item.setbuy_1100off a,

.type_subsc_color .type_localNav_item.subsc_color a,
.type_subsc_clear .type_localNav_item.subsc_clear a{
  background-color: #f85993;
  color: #fff;
  pointer-events: none;
}

.type_localNav_item a{
  display: block;
  border: 1px solid #f85993;
  color: #f85993;
  padding: 10px 35px;
  font-size: 1.6rem;
  line-height: 2.24rem;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 3px;
}
.type_localNav_item a::after{
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #f85993;
  border-bottom: 2px solid #f85993;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(315deg);
}
.type_localNav_item_textS{
  font-size: 1.3rem;
  margin-top: .2rem;
}

/* もっと見るボタン
------------------------------------------------------------------------------------*/
.type_readMore_block{
  width: 800px;
  margin: 0 auto;
}
.type_readMore_content{
  position: relative;
  overflow: hidden;
  max-height: 62px; /* js側も修正必要 */
  transition: max-height 0.3s ease-in-out;
}
.type_readMore_content::after{
  content: "";
  width: 100%;
  height: 20px;
  background: linear-gradient(transparent 0%, #fff 100%);
  position: absolute;
  bottom: 0;
}
.type_readMore_content.js_open::after{
  z-index: -1;
  opacity: 0;
}
.type_text,
.type_readMore_text{
  font-size: 1.6rem;
  line-height: 2.24rem;
}
.type_text{
  width: 800px;
  margin: 0 auto;
}
.type_readMore_btn{
  font-size: 1.6rem;
  line-height: 2.24rem;
  width: 60%;
  margin: 20px auto 0;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  color: #3c3c3c;
}

/* （SEO用）見出し＋導線リンク
------------------------------------------------------------------------------------*/
.type_linkList{
  margin-top: 40px;
}
.type_linkList_title{
  background-color: #eee;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 10px 12px;
  margin-bottom: 20px;
}
.type_linkList_item{
  margin-bottom: 10px;
}
.type_linkList_item a{
  text-decoration: underline;
}