@charset "UTF-8";

/* fade image in after load */
.lazyload {
  opacity: 0;
}

.lazyloading {
  opacity: 1;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 200ms;
}

/* 関連イベント */
.block-event-page--accessory .block-title {
  margin: 40px 0;
}

.block-event-page--accessory .block-selling-ranking .block-title {
  margin: 86px 0;
}

.movie_supp {
  font-size: 15px;
  padding-left: 20px;
}

/* アンケートフォーム誘導ページ */

.qu_area_page{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
}

.qu_area_page p{
  font-size: 18px;
}

.qu_area_btn{
  width: 18%;
  margin: 40px auto;
}

.qu_area_btn a{
  background: #6eb92b;
  color: #fff;
  padding: 12px 0;
  font-size: 0.9375rem;
  width: 100%;
}

/*=== 漢方セラピーコンテンツ用 ===*/

/* ロゴ */
.therapy_logo{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.therapy_logo a{
    display: inline;
}

/* ブランドメニュー（オーバーレイ版） */
.therapy_menu_overlay {
    position: relative;
    margin: 30px 0 0 0;
}

.therapy_menu_overlay ul {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.therapy_menu_overlay ul li {
    display: flex;
    justify-content: center;
    align-items: center;

    padding-bottom: 30px;
}

.therapy_menu_overlay ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.therapy_nav_overlay div {
    position: absolute;
    display: none;
    width: 100%;
    top: 90px;
    left: 0;
    z-index: 9999;
    background: #EDF0F5;
}

.therapy_nav_overlay_menu ul {
    width: 1200px;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.therapy_nav_overlay_menu ul li {
    width: 24.0%;
    padding-bottom: inherit;
}

.therapy_nav_overlay_menu ul li a {
    width: 285px;
    padding: 1.2rem;
    line-height: 1.4;
    background: #FFF;
    border-radius: 10px;
    font-size: 14px;
    justify-content: start;
    font-weight: normal;
}

.therapy_menu_overlay .therapy_nav_overlay_btn{
    display: inline-block;
    background: #899DB9;
    width: 590px;
    padding: 1.2rem 0;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    line-height: 1.5;
    letter-spacing: normal;
}

.therapy_nav_overlay_btn::after {
    content: url("/img/customize/pc/brand/icon_arrow.png");
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    margin-left: 10px;
}

.therapy_nav_overlay_btn.is-open::after {
    transform: rotate(180deg);
}

/* ブランド選択メニュー（エリアトグル版） */
.therapy_menu_slide {
    background: #EDF0F5;
    padding: 40px 0;
}

.therapy_menu_slide ul {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.therapy_menu_slide ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.therapy_menu_slide ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.therapy_nav_slide_menu{
    display: none;
    width: 100%;
    top: 100px;
    left: 0;
    z-index: 9999;
    background: #EDF0F5;
}

.therapy_nav_slide_menu ul {
    width: 1200px;
    padding: 30px 0 0 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.therapy_nav_slide_menu ul li {
    width: 24.0%;
}

.therapy_nav_slide_menu ul li a {
    width: 285px;
    padding: 1.2rem;
    line-height: 1.4;
    background: #FFF;
    border-radius: 10px;
    font-size: 14px;
    justify-content: start;
    font-weight: normal;
}

.therapy_menu_slide .therapy_nav_slide_btn{
    display: inline-block;
    background: #899DB9;
    width: 590px;
    padding: 1.2rem 0;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    line-height: 1.5;
    letter-spacing: normal;
}

.therapy_nav_slide_btn::after {
    content: url("/img/customize/pc/brand/icon_arrow.png");
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    margin-left: 10px;
}

.therapy_nav_slide_btn.is-open::after {
    transform: rotate(180deg);
}

/* 非公開メニュー処理（症状から探す） */
/* .therapy_menu_overlay ul li:first-child .therapy_nav_overlay_menu ul li:nth-of-type(1),
.therapy_menu_slide .therapy_slide1 ul li:nth-of-type(1) {
    display: none;
} */

/* .therapy_menu_overlay ul li:first-child .therapy_nav_overlay_menu ul li:nth-of-type(2),
.therapy_menu_slide .therapy_slide1 ul li:nth-of-type(2) {
    display: none;
} */

.therapy_menu_overlay ul li:first-child .therapy_nav_overlay_menu ul li:nth-of-type(3),
.therapy_menu_slide .therapy_slide1 ul li:nth-of-type(3) {
    display: none;
}

.therapy_menu_overlay ul li:first-child .therapy_nav_overlay_menu ul li:nth-of-type(6),
.therapy_menu_slide .therapy_slide1 ul li:nth-of-type(6) {
    display: none;
}

/* .therapy_menu_overlay ul li:first-child .therapy_nav_overlay_menu ul li:nth-of-type(7),
.therapy_menu_slide .therapy_slide1 ul li:nth-of-type(7) {
    display: none;
} */

/* .therapy_menu_overlay ul li:first-child .therapy_nav_overlay_menu ul li:nth-of-type(8),
.therapy_menu_slide .therapy_slide1 ul li:nth-of-type(8) {
    display: none;
} */

.therapy_menu_overlay ul li:first-child .therapy_nav_overlay_menu ul li:nth-of-type(10),
.therapy_menu_slide .therapy_slide1 ul li:nth-of-type(10) {
    display: none;
}

/* 非公開メニュー処理（漢方薬名から探す） */
.therapy_menu_overlay ul li:last-child .therapy_nav_overlay_menu ul li:nth-of-type(1) a,
.therapy_menu_slide .therapy_slide2 ul li:nth-of-type(1) a{
    pointer-events: none;
    background: #E3E3E3;
}

.therapy_menu_overlay ul li:last-child .therapy_nav_overlay_menu ul li:nth-of-type(5) a,
.therapy_menu_slide .therapy_slide2 ul li:nth-of-type(5) a{
    pointer-events: none;
    background: #E3E3E3;
}

.therapy_menu_overlay ul li:last-child .therapy_nav_overlay_menu ul li:nth-of-type(7) a,
.therapy_menu_slide .therapy_slide2 ul li:nth-of-type(7) a{
    pointer-events: none;
    background: #E3E3E3;
}

.therapy_menu_overlay ul li:last-child .therapy_nav_overlay_menu ul li:nth-of-type(8) a,
.therapy_menu_slide .therapy_slide2 ul li:nth-of-type(8) a{
    pointer-events: none;
    background: #E3E3E3;
}

/* .therapy_menu_overlay ul li:last-child .therapy_nav_overlay_menu ul li:nth-of-type(9) a,
.therapy_menu_slide .therapy_slide2 ul li:nth-of-type(9) a{
    pointer-events: none;
    background: #E3E3E3;
} */

.therapy_menu_overlay ul li:last-child .therapy_nav_overlay_menu ul li:nth-of-type(10) a,
.therapy_menu_slide .therapy_slide2 ul li:nth-of-type(10) a{
    pointer-events: none;
    background: #E3E3E3;
}