@charset "utf-8";

/* ==========================================================================
    ヘッダー
   ========================================================================== */

#headerWrapper {
  margin-bottom: 15px;
}

.btn--HContact--tel3 {
  background-color: #3167c4;
  border-color: #193668;
  opacity: 1;
  background-image: url(../images/header/hn_icon_tel.svg);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 10px center;
  border-bottom-width: 5px;
  padding: 0 10px 0 55px;
  margin: 0 10px;
  font-size: 16px;
  height: 3em;
  display: flex;
  align-items: center;
  text-align: left;
  border-radius: 4px;
  width: 100%;
  max-width: 250px;
}
.btn--HContact--tel3:hover {
  background-color: #3274e6;
  opacity: 1;
}

#feature {
  float: none;
  width: 100%;
}

.acIcon--telcall2::before {
  content: '';
}

/* ==========================================================================
    スライドバー
   ========================================================================== */

.featureImg .fI__slider {
  opacity: 0;
  transition: opacity 0.3s linear;
}
.featureImg .fI__slider.slick-initialized {
  opacity: 1;
}
.featureImg .slick-current {
  padding-right: 3px;
}
.featureImg .slick-track {
  position: relative;
  top: 0;
  left: -1px;
  display: flex;
  column-gap: 3px;
  margin-left: auto;
  margin-right: auto;
}
.featureImg .fI__arrow {
  top: 55%;
  filter: opacity(0.7);
}

.img-full-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
    サイドバー
   ========================================================================== */

.ls__express__btn {
  border-radius: 0;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 5px solid #9999ab;
  color: #191970;
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 20px;
  height: auto;
}

.ls__express__btn:hover {
  color: #191970;
  background-color: #fff;
  opacity: 0.8;
}

.ls__lBoxHBtn {
  font-size: 12px;
  margin: 0 5px;
  padding: 8px 0;
}

.lpm__catTitle {
  background-color: #d8d8d8;
  text-align: center;
  color: #191970;
  font-size: 12px;
  font-weight: bold;
  padding: 2.5px 0;
}

.ls__pdtMenu__list--ex .ls__pdtMenu__item {
  border-top: dashed 1px #b6b6b6;
  border-bottom: 0;
}

.ls__pdtMenu__link {
  padding: 4px 0px 4px 5px;
}

.ls__pdtMenu__item--megaMenuBoss {
  position: relative;
}
.ls__pdtMenu__item--megaMenu {
}
.pList__items--megaMenu {
  visibility: hidden; /*デフォルトでは非表示の状態にしておく*/
  opacity: 0; /*不透明度0*/
  transition: all 0.3s; /*表示の変化を0.3秒に指定*/
  width: 1000px;
  position: absolute;
  top: 0;
  left: 240px;
  background-color: #ffffff;
  z-index: 999;
  padding: 10px 20px 20px 20px;
  border: 1px solid #707070;
  border-radius: 10px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1366px) {
  .pList__items--megaMenu {
    width: 830px;
  }
}
@media screen and (max-width: 1152px) {
  .pList__items--megaMenu {
    width: 700px;
  }
}
.ls__pdtMenu__item--megaMenu:hover .pList__items--megaMenu {
  visibility: visible; /*Gナビメニューにホバーしたら表示*/
  opacity: 1; /*不透明度1*/
}
.ls__pdtMenu__item--megaMenu:hover .ls__pdtMenu__link {
  color: #ffffff;
  background: #434e63;
}
.pList__items--megaMenu .pageSec2Title {
  font-size: 16px;
}
.pList__items--megaMenu .pList__link {
  font-size: 12px !important;
}
.spArea {
  display: none;
}
.ls__lBoxTitle--sp {
  text-decoration: none;
  color: #ffffff;
  display: none;
}
@media screen and (max-width: 1023px) {
  .spArea {
    display: block;
  }
  .spArea .ls__section--products,
  #l_res_modal_box .ls__lBox--webup,
  .ls__lBoxTitle--pc,
  .ls__section--sp {
    display: none !important;
  }
  .spArea .ls__lBoxTitle--sp {
    display: block !important;
  }
  .spArea .ls__section--sp,
  #l_res_modal_box .ls__section--sp {
    display: flex !important;
  }
}

@media screen and (max-width: 767px) {
  .btn--lsProducts {
    padding: 6px 0;
  }
}

/* ==========================================================================
    フローティングバナー
   ========================================================================== */

.fixbanner01.fixbannerShow {
  display: block;
  visibility: unset;
  opacity: unset;
}
.fixbanner01 {
  display: none;
  visibility: unset;
  opacity: unset;
  transition: unset;
}
.close_btn2 {
  position: absolute;
  right: 2px;
  top: -28px;
  background: #dddddd;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.close_btn2:hover {
  opacity: 0.7;
}

/* ==========================================================================
    トップ
   ========================================================================== */

#headerWrapper {
  margin-bottom: 15px;
}

#headerProductNav {
  height: 40px;
}
@media screen and (max-width: 960px) {
  #headerProductNav {
    height: auto;
  }
}

.topTtl--top {
  font-size: 20px;
  font-weight: bold;
  color: #434e64;
  padding: 10px 0;
  margin: 40px 0 14px;
  border-top: 1px dashed #434e64;
  border-bottom: 1px dashed #434e64;
}
@media screen and (max-width: 767px) {
  .topTtl--top {
    font-size: 1.4rem;
    line-height: 1.2em;
    margin: 22.5px 0 14px;
  }
}

/* .topTtl {
    color: #434e64;
    font-size: 21px;
    font-weight: bold;
    margin-top: 30px;
    padding: 18px 10px 14px 0;
    box-sizing: border-box;
    border-top: 1px dashed #434e64;
    border-bottom: 1px dashed #434e64;
}
@media screen and (max-width: 767px) {
    .topTtl { 
        font-size: 1.9rem;
        padding: 10px;
        border-top: 1px dashed #434e64;
        border-bottom: 1px dashed #434e64;
    }
} */

.topSecTitle {
  font-size: 20px;
  font-weight: bold;
  color: #434e64;
  padding: 0;
  margin: 0 0 14px;
  border-bottom: 1px dashed #434e64;
}
@media screen and (max-width: 767px) {
  .topSecTitle {
    font-size: 1.7rem;
  }
}

.top_imgWrapper {
  width: 100%;
  height: 100%;
  margin: 0 0 15px 0;
}

.top_img {
  display: flex;
  margin-bottom: -6px;
}

.top_imgWrapper_sp {
  width: 100%;
  height: 100%;
  margin: 0;
}

.top_img_sp {
  display: flex;
  flex-wrap: wrap;
}

/* @media screen and (max-width: 767px) {
    .top_img {
        flex-wrap: wrap;
    }
} */

/* .top_hover-parent {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 0 15px 0;
    overflow: hidden;
}

.top_hover-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.325);
    opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 24px;
    text-shadow: 1px 1px 3px #808080, 2.5px 5px 8px #101010;
    padding: 30px;
}
@media screen and (max-width: 767px) {
    .top_hover-mask {
        font-size: 12px;
    }
}

.top_hover-mask:hover {
    opacity: 1;
    transition:all 0.6s ease;
}

.top_hover-caption {
    margin-top: 70px;
}
@media screen and (max-width: 767px) {
    .top_hover-caption {
        margin-top: 0;
    }
} */

.webup_banner_container {
  background: #b01e23;
  margin-bottom: 10px;
  border-bottom: 15px #b01e23 solid;
  border-right: 5px #b01e23 solid;
  border-left: 16px #b01e23 solid;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .webup_banner_container {
    margin-bottom: 0;
    border-top: 14px #b01e23 solid;
    border-left: 5px #b01e23 solid;
    /* display: none;*/
  }
}

.webup_banner_container img {
  max-width: 100%;
}

.webup_btn_container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .webup_btn_container {
    gap: 12.5px;
  }
}

.webup_netorder {
  flex-basis: 16%;
  margin-top: 17.5px;
}
@media screen and (max-width: 767px) {
  .webup_netorder {
    display: none;
    /* flex-basis: 100%;
        margin-top: 0px; */
  }
}

.webup_btn_wrapper {
  flex-basis: 84%;
}
@media screen and (max-width: 767px) {
  .webup_btn_wrapper {
    flex-basis: 100%;
  }
}

.webup_banner {
  display: flex;
  justify-content: space-evenly;
  padding: 3px 0 0 0;
}
@media screen and (max-width: 767px) {
  .webup_banner {
    display: none;
  }
}

.btn_frame_container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

.express_btn_frame {
  color: #535252;
  font-size: 14px;
  font-weight: bold;
  background: white;
  border-radius: 10px;
  padding: 10px 0 15px 0;
  flex-basis: 47%;
}

.webup_btn_frame {
  color: #535252;
  font-size: 14px;
  font-weight: bold;
  background: white;
  border-radius: 10px;
  padding: 10px 0 15px 0;
  flex-basis: 47%;
}

@media screen and (max-width: 767px) {
  .express_btn_frame,
  .webup_btn_frame {
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  .express_btn_frame img,
  .webup_btn_frame img {
    padding: 0 15px;
    margin-bottom: -8px;
    box-sizing: border-box;
  }
}

.arrow_p_right_container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.Btn__arrow {
  position: absolute;
  right: 0;
  top: 25%;
}

.express_btn {
  display: block;
  color: white;
  border: 1px solid #191970;
  background-color: #191970;
  width: 80%;
  text-decoration: none;
  line-height: 1;
  margin: 5px auto 0 auto;
  padding: 10px 15px;
  border-radius: 6px;
  box-sizing: border-box;
}
.express_btn:hover {
  border: 1px solid #2020cd;
  background-color: #2020cd;
}

.webup_btn {
  display: block;
  color: white;
  border: 1px solid #a60030;
  background-color: #a60030;
  width: 80%;
  text-decoration: none;
  line-height: 1;
  margin: 5px auto 0 auto;
  padding: 10px 15px;
  border-radius: 6px;
  box-sizing: border-box;
}
.webup_btn:hover {
  border: 1px solid #d50642;
  background-color: #d50642;
}

@media screen and (max-width: 767px) {
  .express_btn,
  .webup_btn {
    padding: 10px 5px;
  }
}

.bl_media_container * {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.bl_media_container img {
  width: 100%;
  vertical-align: bottom;
}

.bl_media_section {
  margin-top: 10px;
  margin-bottom: 40px;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .bl_media_section {
    margin-top: 0;
  }
}

.bl_media_container {
  display: flex;
  flex-wrap: wrap;
  margin: calc(-12.5px / 2);
  overflow: hidden;
}

.bl_media_itemWrapper {
  width: calc(100% / 3 - 12.5px);
  margin: calc(12.5px / 2);
  margin-bottom: 0;
}

.bl_media_itemWrapper2 {
  width: calc(100% / 3 - 12.5px);
  margin: calc(12.5px / 2);
}

.bl_media_item {
  color: black;
  text-decoration: none;
}
.bl_media_item:hover {
  text-decoration: underline;
}

.bl_media_img {
  position: relative;
  /* border: 3px solid #ba0f18; */
}

.topVd__pbtn {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../images/play_btn_red.svg);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center center;
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  .topVd__pbtn2 {
    background-size: 30px 30px;
  }
}

.topVd__pbtn2 {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../images/play_btn_red.svg);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center center;
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  .topVd__pbtn2 {
    background-size: 30px 30px;
  }
}

/* .topVd__pbtn2:hover {
    background-image: url(../images/play_btn_red.svg);
} */

.bl_media_text {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .bl_media_section {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .bl_media_container {
    display: flex;
    flex-wrap: wrap;
    margin: calc(-5px / 2);
  }

  .bl_media_itemWrapper {
    width: calc(100% / 3 - 5px);
    margin: calc(5px / 2);
    margin-bottom: 0;
  }

  .bl_media_itemWrapper2 {
    width: calc(100% / 2 - 5px);
    margin: calc(5px / 2);
  }

  .bl_media_text {
    font-size: 1.2rem;
  }
}

.cardCSlider--topvd2 .card {
  padding: 0 2.5px 0 2.5px;
}

.cardCSlider--topvd2 {
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .card__title--t1 {
    font-size: 1.2rem;
  }
  .card__text--t1 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .ls__section--products {
    margin: 0 0 6px 0;
  }
}

.gakuwar__banner {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
  margin-bottom: 15px;
}
.gbanner_item {
  flex: 0 1 calc(50% - (15px / 2));
}
@media screen and (max-width: 767px) {
  .gakuwar__banner {
    flex-wrap: wrap;
    gap: 10px;
    column-gap: 0px;
    flex-direction: column;
  }
  .gbanner_item {
    flex: auto;
  }
}

.img--gakuwar__banner {
  max-width: 100%;
  width: auto;
  height: auto;
}

@media screen and (max-width: 767px) {
  .wnTopic__title {
    font-size: 1.2rem;
  }
}

/* ==========================================================================
    商品一覧
   ========================================================================== */

.featureProducts {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  margin: 0px auto 0px auto;
}
@media screen and (max-width: 1024px) {
  .featureProducts {
    width: 90%;
    gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .featureProducts {
    flex-wrap: wrap;
    gap: 10px;
    margin: 0px auto -5px auto;
  }
}
@media screen and (max-width: 480px) {
  .featureProducts {
    gap: 10px;
  }
}

.featureProducts-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1a196e;
}
.featureProducts-box:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .featureProducts-box {
    flex-basis: 30%;
  }
  .featureProducts-box:nth-child(4) {
    flex-basis: 47.5%;
  }
  .featureProducts-box:last-child {
    flex-basis: 47.5%;
  }
  .featureProducts-box:hover span {
    opacity: 1;
    color: #0e0d38;
    background: #a4a4a4;
    text-decoration: none;
  }
}
@media screen and (max-width: 480px) {
  .featureProducts-box {
    flex-basis: 47.25%;
  }
  .featureProducts-box:last-child {
    flex-basis: 100%;
  }
}

@media screen and (max-width: 767px) {
  .featureProducts-box img {
    display: none;
  }
}

.featureProducts-box span {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .featureProducts-box span {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #1a196e;
    background: #d8d8d8;
    padding: 7.5px;
    margin: 0 auto 6px auto;
    border-radius: 7.5px;
    box-sizing: border-box;
  }
  .featureProducts-box:last-child span {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .featureProducts-box span {
    font-size: 15px;
  }
}

.featureProducts-box span i {
  display: none;
}
@media screen and (max-width: 767px) {
  .featureProducts-box span i {
    display: inline;
  }
}

/* タブ切り替え全体のスタイル */
.productsmenu.dropdown {
  border-color: unset;
  background-color: unset;
  color: unset;
  border: unset;
  height: unset;
  line-height: unset;
  padding: unset;
  font-weight: unset;
}

.productsmenu.dropdown::after {
  content: unset;
  width: unset;
  height: unset;
  border: unset;
  border-bottom: unset;
  border-right: unset;
  position: unset;
  top: unset;
  right: unset;
  margin-top: unset;
  transform: unset;
}

.productsmenu.dropdown {
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .productsmenu.dropdown {
    max-width: 966px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 10px auto 30px auto;
  }
}
@media screen and (max-width: 767px) {
  .productsmenu.dropdown {
    background-color: #eeeeee;
    max-width: 100%;
    padding: 0 0 20px 0;
    margin: 10px 10px 30px 10px;
  }
}

.productsmenu .pageSecTitle {
  margin: 0px;
}
@media screen and (max-width: 767px) {
  .productsmenu .pageSecTitle {
    margin-bottom: 20px;
  }
}

.productsmenu .btn-productsmenu {
  position: relative;
  z-index: 2;
  display: block;
  width: 92.5%;
  margin: 0 auto;
  height: 40px;
  background-color: #ffffff;
  font-size: 14px;
  color: #434e64;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
  padding-left: 15px;
  border: 0;
  border: 1px solid #ddd;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease;
}
.productsmenu .btn-productsmenu:active {
  padding-top: 5px;
}

.productsmenu .tabMenu {
  all: unset;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  background-color: #eeeeee;
  padding: 11px 0;
}
@media screen and (max-width: 767px) {
  .productsmenu .tabMenu {
    position: absolute;
    top: 112px;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    width: 92.5%;
    height: 300px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: static;
}

@media screen and (min-width: 768px) {
  .flyer_tab {
    order: 1;
  }
  .binding_tab {
    order: 2;
  }
  .poster_tab {
    order: 3;
  }
  .cutting_tab {
    order: 4;
  }
  .bizcard_tab {
    order: 5;
  }
  .steckers_tab {
    order: 6;
  }
  .outdoorsign_tab {
    order: 7;
  }
  .acrylicpartition_tab {
    order: 8;
  }
  .greetingcard_tab {
    order: 9;
  }
  .dvdcd_tab {
    order: 10;
  }
  .panel_tab {
    order: 11;
  }
  .business_tab {
    order: 12;
  }
  .pop_tab {
    order: 13;
  }
  .pen_tab {
    order: 14;
  }
  .lamination_tab {
    order: 15;
  }
  .webcatalog_tab {
    order: 16;
  }
}
@media screen and (max-width: 767px) {
  .productsmenu .tabMenu label {
    font-size: 14px;
  }
  .productsmenu .tabMenu i {
    width: 0;
    transform: translate(200px, 100px) scale(0, 0);
  }
  .productsmenu .tabMenu span {
    width: 0;
    transform: translate(200px, 100px) scale(0, 0);
  }
  .flyer_tab:before {
    /* visibility: visible; */
    width: 100%;
    /* color: #434E64;
        padding: 11px 0 11px 3px;
        border-bottom: 1px solid #d8d8d8; */
    content: 'チラシ･パンフレット･A3サイズ以下の出力';
  }
  .binding_tab:before {
    width: 100%;
    content: '冊子印刷・製本加工・フォトブック';
  }
  .poster_tab:before {
    width: 100%;
    content: 'ポスター・バナースタンド';
  }
  .cutting_tab:before {
    width: 100%;
    content: 'カッティング加工';
  }
  .bizcard_tab:before {
    width: 100%;
    content: '名刺・封筒';
  }
  .steckers_tab:before {
    width: 100%;
    content: 'シール・ラベル・ステッカー';
  }
  .outdoorsign_tab:before {
    width: 100%;
    content: '屋外看板・横断幕';
  }
  .acrylicpartition_tab:before {
    width: 100%;
    content: '感染症対策グッズ';
  }
  .greetingcard_tab:before {
    width: 100%;
    content: '挨拶状・はがき（年賀状･喪中･暑中見舞い）';
  }
  .dvdcd_tab:before {
    width: 100%;
    content: 'DVD/CDコピー・ダビング';
  }
  .panel_tab:before {
    width: 100%;
    content: 'パネル印刷・加工・等身大';
  }
  .business_tab:before {
    width: 100%;
    content: 'ビジネスサポート・印刷以外のサービス';
  }
  .pop_tab:before {
    width: 100%;
    content: '販促POP';
  }
  .pen_tab:before {
    width: 100%;
    content: 'ノベルティ(名入れ)・オリジナルプリント';
  }
  .lamination_tab:before {
    width: 100%;
    content: 'ラミネート・パウチ加工';
  }
  .webcatalog_tab:before {
    width: 100%;
    /* color: #434E64;
        margin: -20px 0 -15px 0;
        padding: 0 0 0 3px; */
    content: 'WEBカタログ';
  }
}

/* タブのスタイル */
.productsmenu .tabMenu__item {
  display: flex;
  /* flex-direction: column; */
  justify-content: start;
  align-items: center;
  flex-basis: 24%;
  /* position: relative; */
  height: 40px;
  background-color: #ffffff;
  font-size: 13px;
  /* font-size: 16px; */
  color: #434e64;
  font-weight: bold;
  line-height: 1.1;
  padding-left: 12.5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1179px) {
  .productsmenu .tabMenu__item {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 767px) {
  .productsmenu .tabMenu__item {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}
.productsmenu .tabMenu__item:hover {
  opacity: 0.75;
}

.productsmenu .tabMenu__item .acIcon {
  font-size: 26px;
  margin-right: 5px;
}

/* 選択されているタブのコンテンツのみを表示 */
#flyer_tab:checked ~ .tab_contents #catalog,
#express_tab:checked ~ .tab_contents #express,
#template_tab:checked ~ .tab_contents #template,
#covid-19_tab:checked ~ .tab_contents #covid-19,
#web_tab:checked ~ .tab_contents #web,
#business_tab:checked ~ .tab_contents #business {
  display: block;
}

/* 選択されているタブのスタイルを変える */
.productsmenu .tabMenu__item.tab--active {
  background-color: #434e64;
  color: #ffffff;
  box-shadow: none;
}

.productsmenu .tabMenu__item15 {
  font-size: 15px;
}
.productsmenu .tabMenu__item11 {
  font-size: 11px;
  font-weight: normal;
}

.productsmenu .Tab__arrow {
  display: none;
}
@media screen and (max-width: 767px) {
  .productsmenu .Tab__arrow {
    display: block;
    position: absolute;
    z-index: 2;
    top: 82px;
    right: 7%;
    font-size: 20px;
    font-weight: bold;
    color: #848d9f;
  }
}
.productsmenu .tabMenu input:checked + .tabMenu__item .Tab__arrow {
  color: #ffffff;
}

/* ラジオボタンを全て消す */
input[name='tab_item'] {
  display: none;
}

.product_list .contentsSec {
  margin-bottom: 40px;
}

.productsTitle1 {
  color: #ffffff;
  font-size: 15.5px;
  background: #10a1e6;
  border: 0;
  padding: 17.5px 0 27.5px 13.5px;
  margin: 40px 0 21px 0;
  border-radius: 25px 0 0 0;
  box-shadow: -100px 0 60px -60px #ffffff inset;
  /* padding: 17.5px 0 30px 13.5px;
    margin: 40px 0 21px 0;
    border-radius: 5px 0 0 5px;
    box-shadow: -100px 0 60px -60px #FFFFFF inset; */
}
@media screen and (max-width: 767px) {
  .productsTitle1 {
    font-size: 13px;
    margin: 40px 0 10px 0 !important;
    box-shadow: none;
  }
}
.productsTitle1 span {
  display: inline-block;
  border-left: 2px solid #aee6ff;
  padding-left: 8px;
}

.productsTitle1 .pageSecTitle__txt {
  font-size: 14.5px;
  margin-left: 20px;
  border-left: 0;
  padding-left: 0;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .productsTitle1 .pageSecTitle__txt {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .product_list .pageSec2Title {
    margin-top: 25px;
  }
}

.featureImgWrapper--products {
  display: inline-block;
  position: relative;
  margin-bottom: 22.5px;
  display: none;
}
.featureImgWrapper--products:after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: -100px 0 60px -60px #ffffff inset;
}

.iconTitle__icon--hidden {
  visibility: hidden;
}

.acIcon--ex {
  color: #090909;
  font-weight: 500;
}

.p_test .acIcon--ex {
  color: #0e0d38;
  font-weight: 500;
}

.p_test .cardsWrapp {
  display: flex;
  flex-wrap: wrap;
}

.p_test .card {
  float: none;
  box-sizing: border-box;
  padding-right: 16px;
}

.p_test .pList {
}

.product_list .pList__col {
  width: 25%;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .product_list .pList__col {
    width: 50%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .product_list .pList__col {
    width: 100%;
    margin-bottom: 0px;
  }
}

.p_test .pList__col {
  width: 33%;
  margin-bottom: 0;
}
@media screen and (max-width: 1179px) {
  .p_test .pList__col {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__col {
    width: 100% !important;
  }
}
.p_test .pList__col--w66p {
  width: 66%;
  margin-bottom: 0;
}
@media screen and (max-width: 1179px) {
  .p_test .pList__col--w66p {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__col--w66p {
    width: 100% !important;
  }
}
.p_test .pList__col--w100p {
  width: 100%;
  margin-bottom: 0;
}

.pList__title {
  font-size: 15px;
  margin-bottom: 5px;
  /* margin-bottom: 0px; */
}

.p_test .pList__title {
  font-size: 19px;
  margin-bottom: 10px;
}
.p_test .pList__title img,
.p_test .pList__title i {
  margin-right: 4px;
}
.p_test .pList__title--steckers {
  width: 100vw;
}
@media screen and (max-width: 767px) {
  .p_test .pList__title--steckers {
    width: 100%;
  }
}

.pList__link {
  font-size: 13px;
  color: #000;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0px;
  /* padding: 6px 0 6px 5px;
    line-height: 1.2; */
}
@media screen and (max-width: 480px) {
  .product_list .pList__link {
    font-size: 1.4rem;
    line-height: 1.2rem;
    padding: 1rem;
    margin-bottom: 1px;
  }
}
.pList__link:hover {
  text-decoration: none;
  background: #d8d8d8;
}
.pList__link:before {
  content: '';
  margin-right: 0;
}

.p_test .pList__link {
  float: left;
  display: flex;
  align-items: center;
  width: 95%;
  height: 45px;
  font-size: 14px;
  color: #1a196e;
  background: #d8d8d8;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 7.5px 12.5px;
  margin-bottom: 11px;
  margin-left: 10px;
}
@media screen and (max-width: 1179px) {
  .p_test .pList__col .pList__link {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__col .pList__link {
    width: 95%;
  }
}
.p_test .pList__col--w66p .pList__link {
  float: left;
  display: flex;
  align-items: center;
  width: 48%;
  height: 47.5px;
  font-size: 14px;
  color: #1a196e;
  background: #d8d8d8;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 7.5px 12.5px;
  margin-bottom: 11px;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .p_test .pList__col--w66p .pList__link {
    width: 95%;
  }
}
.p_test .pList__col--w100p .pList__link {
  float: left;
  display: flex;
  align-items: center;
  width: 32%;
  height: 45px;
  font-size: 14px;
  color: #1a196e;
  background: #d8d8d8;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 7.5px 12.5px;
  margin-bottom: 11px;
  margin-left: 10px;
}
@media screen and (max-width: 1179px) {
  .p_test .pList__col--w100p .pList__link {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__col--w100p .pList__link {
    width: 95%;
  }
}
@media screen and (max-width: 1179px) {
  .p_test .pList__link--cr1 {
    width: 97% !important;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__link--cr1 {
    width: 95% !important;
  }
}
.p_test .pList__link--cr2 {
  font-size: 13px;
  height: 30px;
}
.p_test .pList__link:hover {
  color: #0e0d38;
  background: #aee6ff;
  text-decoration: underline;
}

.display_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .display_btn {
    flex-direction: column;
    align-items: stretch;
  }
}

.display_btn2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .display_btn2 {
    margin-left: 0;
  }
}

.ls__express__btn2 {
  max-width: 150px;
  border-radius: 0;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 5px solid #9999ab;
  color: #191970;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px 0;
  height: auto;
}
@media screen and (max-width: 767px) {
  .ls__express__btn2 {
    max-width: 100%;
    margin-top: 10px;
    padding: 10px 10px;
  }
}
.ls__express__btn2:hover {
  color: #191970;
  background-color: #fff;
  opacity: 0.8;
}

.ls__webup__btn2 {
  max-width: 150px;
  border-radius: 0;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 5px solid #c88b10;
  color: #ba0f18;
  background-color: #ffe600;
  box-sizing: border-box;
  padding: 10px 20px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .ls__webup__btn2 {
    max-width: 100%;
    margin-top: 10px;
    padding: 10px 10px;
  }
}

/* ==========================================================================
    利用規約
   ========================================================================== */

.li_number {
  display: flex;
  padding: 0;
  counter-increment: number;
}
.li_number:before {
  content: '(' counter(number) ')';
  margin-right: 5px;
  margin-left: -15px;
}
.li_note {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}
.li_note:before {
  content: '※';
}

.confidentiality {
  font-size: 14px;
  font-weight: normal;
}

/* ==========================================================================
    営業時間のお知らせ
   ========================================================================== */

.entry-br_pc {
  display: inline;
}
@media screen and (max-width: 767px) {
  .entry-br_pc {
    display: none;
  }
}

.entry-br_sp {
  display: none;
}
@media screen and (max-width: 480px) {
  .entry-br_sp {
    display: inline;
  }
}

/* ==========================================================================
    その他
   ========================================================================== */

.infoTb__cell--other {
  vertical-align: top;
  font-size: 12px;
  padding: 5px 5px 10px;
  border: none;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
}

/* ==========================================================================
    商品ページ
   ========================================================================== */

@media screen and (max-width: 767px) {
  .pageSecTitle {
    margin-bottom: 10px;
  }
}

/* ==========================================================================
    アクセア店舗一覧
   ========================================================================== */

@media screen and (max-width: 767px) {
  .clt__prefecture {
    width: 15%;
  }
  .clt__city {
    width: 20%;
  }
  .clt__shops {
    width: 65%;
  }
  .clt__prefecture {
    padding: 5px;
  }
}

/* ==========================================================================
    共通要素
   ========================================================================== */

.mb15 {
  margin-bottom: 15px !important;
}
.padding15 {
  padding: 15px !important;
}

.display_flex3 {
  display: flex;
}

@media screen and (max-width: 767px) {
  .display_block-sp {
    display: block;
  }
  .sp_none--i {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .tab_none {
    display: none;
  }
}