@charset "UTF-8";

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@400;500;700&family=Sawarabi+Mincho&display=swap');

html {
    scroll-behavior: smooth;
}
body.dendo {
    font-family: 'Noto Sans JP', sans-serif;
    color: #8C8C8C;
    position: relative;
}
.engFig {
    font-family: 'Montserrat', sans-serif;
}
body.dendo a {
    color: inherit;
}
.minFig {
    font-family: 'Sawarabi Mincho', serif;
}
.sp-only {
    display:none;
}
p:empty {
    display:none;
}


/* Privercy */
.dendo .h2-ttl, .dendo .h3-ttl {
    background-color: #fff;;
}
.dendo.product .bg-orange {
    padding-top:40px;
}
.dendo.product a.privercyLink {
    color: #227ac4;
}

/* Header */
.dendo.home .wrapper {
    background-size:contain;
    background-repeat: no-repeat;
    position:relative;
    background: linear-gradient(#555 0vw,#ddd 31vw, #fff 31vw , #fff 100%)
}
.dendo header {
    padding-top:48px;
    background:rgba(255, 255, 255, 0);
}
.dendo header .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:48px;
}
.dendo header .header-top {
    width:94vw;
    margin-bottom:24px;
    margin-left:auto;
    margin-right:auto;
    min-width:1200px;
    display: flex;
    align-items: center;
}
.dendo header #h-logo {
    margin-right:auto;
}
.dendo header #h-logo img {
    max-width: 220px;
}
.dendo header .h-right {
    display: flex;
    align-items: center;
    gap:20px;
}
.dendo header .h-right ul {
        display:flex;
        gap:10px;
}
.dendo header .h-right ul li {
    position:relative;
}
.dendo header .h-right ul li a {
    width:200px;
    height:48px;
    border-radius: 30px;
    display:flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size:1.75rem;
    font-weight:500;
    position:relative;
}
.dendo header .h-right ul li:first-child a {
    background-color:#00AC97 ;
}
.dendo header .h-right ul li:last-child a {
    background-color:#67BBE6 ;
}
.dendo header .h-right ul li:first-child a:hover, .dendo header .h-right ul li:last-child a:hover {
    background-color:#bcbcbc;
    text-decoration: none;
}
.dendo header .h-right ul li a::before {
    width:6px;
    height:12px;
    background-image:url(../img/img-renew2311/arrow_wr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position:absolute;
    right:16px;
    top:50%;
    margin-top:-6px;
    content:'';
}
.dendo header .h-right .tel-area a span {
    font-size:3rem;
    font-weight:500;
    display:block;
    margin-bottom:-.2em;
}
.dendo header .h-right .tel-area a {
    font-size:1.4rem;
    font-weight:500;
    text-align: center;
    line-height:1.2;
}
.dendo.home header .h-right .tel-area a {
    color:#fff;
}

/* Header Fix */
.dendo .wrapper .header-fix {
    width:88vw;
    height:86px;
    min-width:960px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
    border-radius: 50px;
    display:flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top:20px;
    z-index:2000;
    filter:drop-shadow(4px 4px 8px rgba(0,0,0,.2));
}
.dendo .wrapper .header-fix nav {
    display:flex;
    justify-content: center;
    align-items: center;
}
.dendo .wrapper .header-fix nav ul.main-nav {
    display:flex;
    justify-content: center;
    align-items: center;
    gap:48px;
}
.dendo .wrapper .header-fix nav ul.main-nav li a {
    font-size:1.6rem;
    color:#8C8C8C;
    font-weight:500;
    text-align: center;
    line-height: 1.6;
    position:relative;
}
.dendo .wrapper .header-fix nav ul.main-nav li a:hover {
    color: #FFC82D;
}
.dendo .wrapper .header-fix nav ul.main-nav li.dd-menu a::after {
    width:12px;
    height:8px;
    content:'';
    background-image: url(../img/img-renew2311/arrow_down_gr.svg);
    background-size:contain;
    background-repeat: no-repeat;
    position:absolute;
    right:-20px;
    top:10px;
}
.dendo .wrapper .header-fix nav ul.main-nav li a span.e-nav {
    display:block;
    font-size: 1.4rem;
    font-weight:500;
    color: #FFC82D;
}

/* Side BTN Fixed */
.side-btn-area {
    position:fixed;
    top:50%;
    right:0;
    margin-top:-255px;
    z-index:2000;
}
.side-btn-area a {
    width:60px;
    height:250px;
    writing-mode: vertical-rl;
    display:flex;
    font-size:2.1rem;
    justify-content: center;
    align-items: center;
    color:#fff !important;
    font-weight:500;
    border-radius: 20px 0 0 20px;
    filter:drop-shadow(4px 4px 8px rgba(0,0,0,.2));
}
.side-btn-area a.side-btn01 {
    background-color:#FF8833;
    margin-bottom:10px;
}
.side-btn-area a.side-btn02 {
    background-color:#FFC82D;
    position: relative;
}
.side-btn-area a:hover {
    text-decoration: none;
}
.side-btn-area a::before {
    content:'';
    background-size:contain;
    background-repeat: no-repeat;
    margin-bottom:8px;
}
.side-btn-area a.side-btn01::before {
    width:20px;
    height:20px;
    content:'';
    background-image: url(../img/img-renew2311/icon_search.svg);
}
.side-btn-area a.side-btn02::before {
    width:21px;
    height:19px;
    content:'';
    background-image: url(../img/img-renew2311/icon_document.svg);
}
.side-btn-area a.side-btn01:hover, .side-btn-area a.side-btn02:hover {
    background-color:#bcbcbc;
}
.side-btn-area a.side-btn02 .mylist-badge {
    position: absolute;
    top: -8px;
    right: 0;
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 24px;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
}

/* Bread Scrumb */
.breadcrumbs {
    padding:2em 0;
    font-size:1.4rem;
}
.breadcrumbs i.fa-home {
	margin-right:.6em;
}
.breadcrumbs ul {
    display:flex;
    gap:.8em;
}
.breadcrumbs ul li {
    font-size:1.4rem;
    color:#b3b3b3;
}


/* Slick Top */
.slick-top {
    margin-top:8px;
}
.slick-top .slick-slide {
    max-width:1380px;
    width:80vw !important;
    margin:20px 20px;
}
.slick-top .slick-slide img {
    width:100%;
    height:auto;
    border-radius: 50px;
    filter:drop-shadow(5px 5px 5px rgba(0,0,0,.4));
}
.slick-top .slick-dots li button::before {
    content:'●';
    color:#333;
}
.slick-top .slick-dots li.slick-active button::before {
    color:#FF8833;
}
.slick-top .slick-next, .slick-top .slick-prev {
    top:auto;
    bottom:-46px;
    z-index:400;
}
.slick-top .slick-prev {
    left:50%;
    margin-left:-140px;
}
.slick-top .slick-next {
    right:50%;
    margin-right:-140px;
}
.slick-top .slick-prev::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 23px 10px 0;
    border-color: transparent #ffc72d transparent transparent;
    transform: rotate(0deg);
}
.slick-top .slick-next::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 23px;
    border-color: transparent transparent transparent #ffc72d;
    transform: rotate(0deg);
}

/* Top Page */
.toppage-ttl {
    padding:48px 0;
}
.toppage-ttl h2 {
    font-size:2.4rem;
    font-weight:500;
    line-height:1.4;
    font-weight:700;
}
.toppage-ttl h2 span.engFig {
    color:#FFC82D;
    display:block;
    font-size:5.6rem;
    font-weight:500;
}

/* Top News -toppage- */
.dendo section.top_news {
    margin-top:60px;
    background:#fff;
    color:inherit;
}
.dendo section.top_news .basic_ttl {
    max-width: 1380px;
    width: 94%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 48px 0;
    text-align: left;
}
.dendo section.top_news .basic_ttl span {
    color: #FFC82D;
    display: block;
    font-size: 5.6rem;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.dendo section.top_news .basic_ttl span::before, .dendo section.top_news .basic_ttl span::after {
    content:none;
}
.dendo section.top_news .basic_ttl h2 {
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 700;
    text-align: left;
}
.dendo section.top_news .news_wrap {
    background: inherit;
    max-width: 1380px;
    width: 94%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.dendo section.top_news .news_wrap ul {
    max-width: auto;
    width: 100%;
    margin: auto;
    padding: 0;
}
.dendo section.top_news .news_wrap ul li {
    border-bottom: thin solid #8C8C8C;
    padding: 24px;
    font-size:1.6rem;
}
.dendo section.top_news .news_wrap ul li:first-child {
    border-top: thin solid #8C8C8C;
}
.dendo section.top_news ul span.tag {
    width: 130px;
    height: 30px;
    margin-right: 20px;
    padding:0;
    color: #fff;
    font-size: 1.4rem;
    display: flex;
    background-color: #F291A1;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
}
.dendo section.top_news .news_wrap ul li a, .dendo section.top_info ul li a {
    position:relative;
    padding-right:1.5em;
}
.dendo section.top_news .news_wrap ul li a::after,.dendo section.top_info ul li a::after {
    width: 8px;
    height: 16px;
    content: '';
    background-image: url(../img/img-renew2311/arrow_gr.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}
.dendo section.top_info ul li a::after {
    background-image: url(../img/img-renew2311/arrow_wr.svg);
}


/* Top Picup */
.special_feature_pickup {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap:48px;
    margin-bottom:40px;
}
.special_feature_pickup .area {
    width: calc((100% - 144px) /4);
    text-align: center;
    min-width: 160px;
    margin:0;
}
img {
    max-width: 100%;
    min-height: 10px;
}
.special_feature_pickup .area h3 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 24px 0;
}
.dendo .special_feature_other {
    padding-bottom:64px;
    background-color: transparent;
    background-color: #FFFAEB;
}
.special_feature_other h4.smb-ttl {
    font-size:2.4rem;
    font-weight:700;
    margin-bottom:48px;
}
.special_feature_other .swiper {
    padding-bottom:60px;
}
.special_feature_other .swiper-wrapper {
    padding-bottom:20px;
}
.special_feature_other .swiper-wrapper .swiper-slide a h3 {
    font-size:1.6rem;
    margin-top:24px;
    font-weight:500;
    text-align: center;
}
.special_feature_other .swiper-scrollbar {
    max-width: 800px;
    width: 100%;
    margin: 30px auto 0;
    position: relative;
}
.special_feature_other .swiper-button-prev,.special_feature_other .swiper-button-next {
    top:auto;
    bottom:0px
}
.special_feature_other .swiper-button-prev {
    width:auto;
    height:auto;
    left:50%;
    margin-left:-375px;
}
.special_feature_other .swiper-button-next {
    width:auto;
    height:auto;
    right:50%;
    margin-right:-400px;
}
.special_feature_other .swiper-button-prev::after {
    width:50px;
    height:50px;
    content:'';
    background-image: url(../img/img-renew2311/circle_arrow_left.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.special_feature_other .swiper-button-next::after {
    width:50px;
    height:50px;
    content:'';
    background-image: url(../img/img-renew2311/circle_arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;

}
.dendo .carousel__block {
    overflow-x: hidden;
}
.dendo .carousel__block_next::before  {
    width:50px;
    height:50px;
    content:'';
    background-image: url(../img/img-renew2311/circle_arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border:none;
    transform: translate(-50%, -50%) rotate(0deg);
}
.dendo .carousel__block_prev::before {
    width:50px;
    height:50px;
    content:'';
    background-image: url(../img/img-renew2311/circle_arrow_left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border:none;
    transform: translate(-50%, -50%) rotate(0deg);
}
.special_feature_other .swiper p {
    font-size:1.6rem;
    text-align: center;
    padding-top:20px;
}
.bg-gray {
    background-color: #eee;;
}
.toppage-ttl .smb-ttl {
    position:relative;
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top:16px;
}
.toppage-ttl .smb-ttl h3 {
    font-size:3.2rem;
    font-weight:700;
    position:relative;
    z-index: 100;
}
.bg-ylw .toppage-ttl .smb-ttl h3, .bg-ylw .toppage-ttl .smb-ttl a.to-lineup {
    background-color:#FFFAEB;
}
.toppage-ttl .smb-ttl a.to-lineup {
    font-size:2.1rem;
    font-weight:500;
    position:relative;
    z-index: 100;
    padding-right:60px;
}
.toppage-ttl .smb-ttl a.to-lineup:hover {
    color: #FFC82D;
}
.toppage-ttl .smb-ttl a.to-lineup::after {
    width:50px;
    height:50px;
    content:'';
    background-image: url(../img/img-renew2311/circle_arrow_right_wt.svg);
    position:absolute;
    top:50%;
    right:0;
    margin-top:-25px;
}
.toppage-ttl .smb-ttl a.to-lineup:hover::after {
    background-image: url(../img/img-renew2311/circle_arrow_right_org.svg);
}
.toppage-ttl .engFig.l-fig {
    font-size:8rem;
}

/* Serach Box Top */
.top-search.bg-gray {
    padding-bottom:144px;
    padding-top:48px;
}
.search-box {
    max-width:800px;
    margin:0 auto;
    padding-top:48px;
}
.search-box .tab {
    display:flex;
    gap:16px;
    margin-bottom:16px;
}
.search-box .tab li {
    flex:1;
}
.search-box .tab li a {
    width:100%;
    height:60px;
    color:#fff;
    background-color:#8C8C8C;
    font-size:2.1rem;
    font-weight:700;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    filter:drop-shadow(4px 4px 8px rgba(0,0,0,.2));
}
.search-box .tab li.active a, .search-box .area ul.inner-tab li.active a {
    background-color: #FFC82D;
}
.search-box > .area {
    padding:40px 40px;
    background-color:#fff;
    border-radius: 32px;
    filter:drop-shadow(4px 4px 8px rgba(0,0,0,.2));
    display: none;/*はじめは非表示*/
  opacity: 0;/*透過0*/
}
.search-box .area.is-active, .search-box .area .inner-area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.search-box .area ul {
    display:flex;
    flex-wrap: wrap;
    gap:32px;
}
.search-box .area ul li {
    width:calc((100% - 96px) / 4);
}
.search-box .area ul li a {
    text-align: center;
}
.search-box .area ul li a img {
   width:100%;
   height:auto;
   border-radius: 50%;
}
.search-box .area ul li a h4 {
    font-size:1.8rem;
    font-weight:500;
    padding:24px 0;
}
@keyframes displayAnime{
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .search-box .area.keyword {
    padding:0;
    background-color:rgba(255, 255, 255, 0)
  }
  .search-box .area > .area {
    padding:90px 100px;
    background-color:#fff;
    border-radius: 60px;
    filter:drop-shadow(4px 4px 8px rgba(0,0,0,.2));
  opacity: 0;/*透過0*/
  }
  .search-box .area ul.inner-tab {
    gap:0;
  }
  .search-box .area ul.inner-tab li {
    height:64px;
    flex:1;
  }
  .search-box .area ul.inner-tab li a {
    height:100%;
    border-radius: 20px 20px 0 0;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:2.1rem;
    font-weight:700;
    color:#fff;
    background-color:#8C8C8C;
  }
  .search-box .area .inner-area {
    padding:32px 24px 0 24px;
    background-color:#fff;
    border-radius: 0 0 32px 32px;
    display:none;
  }
  .modal-orange .search-box .area .inner-area {
    padding:48px;
  }
  .search-box .area .inner-area p, .search-box .area .inner-area label {
    font-size:1.6rem;
    font-weight:500;
    margin-bottom:20px;
    display:block;
    line-height:1.6;
  }
  .search-box .area .inner-area input[type=search] {
    display:block;
    height:80px;
    width:100%;
    border:2px solid #FFC842;
    border-radius: 10px;
    padding:0 20px;
    box-sizing: border-box;
  }
  .search-box .area .inner-area input[type=search]::placeholder {
    font-size:2.1rem;
    color:#ddd;
  }
  .search-box .area .inner-area .btn-submit {
    position:relative;
    width:400px;
    height:48px;
    margin:40px auto 0 auto;
  }
  .search-box .area .inner-area .btn-submit input[type=submit] {
    width:100%;
    height:100%;
    color:#fff;
    font-size:2.1rem;
    display:block;
    background-color:#FF8833;
    border:none;
    border-radius: 24px;
    cursor: pointer;
  }
  .search-box .area .inner-area .btn-submit input[type=submit]:hover {
    background-color: #ccc;
  }
  .search-box .area .inner-area .btn-submit::after {
    width:6px;
    height:12px;
    content:'';
    display:block;
    background-image: url(../img/img-renew2311/arrow_wr.svg);
    background-size:contain;
    background-repeat: no-repeat;
    position:absolute;
    top:50%;
    right:16px;
    margin-top:-6px;
  }
  .search-box .area .inner-area ul.col1 {
    display:flex;
    flex-direction: column;
  }
  .search-box .area .inner-area ul.col1 li {
    width:100%;
  }
  .search-box .area .inner-area ul.col3 {
    display:flex;
    gap:24px;
  }
  .search-box .area .inner-area ul.col3 li {
    width:calc((100% - 48px) / 3);
  }
  .search-box .area .inner-area .selecter select {
   height:48px;
    border:2px solid #FFC842;
    border-radius: 10px;
    font-size:1.6rem;
    box-sizing: border-box;
    padding: 10px;
    color:#ddd;
    appearance: none;
    position:relative;
    z-index: 20;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
  }
  .search-box .area .inner-area ul.col1 li .selecter select {
    width:476px;
  }
  .search-box .area .inner-area ul.col3 li .selecter select {
    width:100%;
  }
  .search-box .area .inner-area .selecter select:invalid {
    color:#ddd;
  }
  .search-box .area .inner-area ul.col1 li .selecter {
    position:relative;
    display:inline-block;
  }
  .search-box .area .inner-area ul.col3 li .selecter {
    position:relative;
    display:block;
  }
  .search-box .area .inner-area .selecter::before {
    width:48px;
    height:48px;
    background-color: #FFC82D;
    content:'';
    position:absolute;
    right:0;
    border-radius: 0 10px 10px 0;
    z-index:1;
  }
  .search-box .area .inner-area .selecter::after {
    width:12px;
    height:10px;
    content:'';
    background-image: url(../img/img-renew2311/triangle_down_wt.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position:absolute;
    right:19px; 
    top:50%;
    margin-top:-5px;
    z-index:4; 
  }
  .search-box .area .inner-area h3 {
    width:100%;
    text-align: center;
    font-size:2.1rem;
    font-weight:700;
    color:#8C8C8C ;
    background-color:#eee;
    padding:28px 0;
    margin-top:72px;
    margin-bottom:48px;
  }
  .search-box .area .inner-area h4 {
    font-size:1.6rem;
    font-weight:500;
    padding:20px 0;
    margin-top:48px;
    margin-bottom:48px;
    border-bottom:thin solid #B3B3B3;
    border-top:thin solid #B3B3B3;
  }

  /* Top Product */
  .top-product {
    padding-bottom:100px;
  }
  .product-box {
    display:flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom:4em;
  }
  .product-box .col {
    width:calc((100% - 110px) / 6);
    min-width: 192px;
  }
  .item-content .product-box .col, .top-product .product-box .col {
    width:calc((100% - 110px) / 6);
    margin-right:0;
  }
  .item-content .product-box .col a {
    width:100%;
    height:100%;
    background-color:#eee;
    border-radius: 16px;
    box-sizing: border-box;
    display:block;
    padding:20px;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,.2));
    border:2px solid #fff;
  }
  .item-content .product-box .col a:hover {
    text-decoration:none;
    border:2px solid#FFC82D;
  }
  .product-box .col img {
    width:100%;
    height:auto;
    border-radius: 10px;
    margin-bottom:16px;
  }
  .product-box .col .product-tag {
    display:flex;
    flex-wrap: wrap;
    gap:2px 4px;
  }
  .product-box .col .product-tag li {
    width:calc((100% - 4px) / 2);
    background-color:#B3B3B3;
    text-align: center;
    padding:4px 0;
    color:#fff;
    font-size:1.1rem;
    margin-top:4px;
    border-radius: 10px;
  }
  .product-box .col h5.product-numb {
    font-size:1.6rem;
    font-weight:500;
    margin-top:16px;
    margin-bottom:16px;
  }
  .product-box .col h5.product-numb span.numb {
    font-size: 1.2rem;
    font-weight:400;
    padding:2px 6px;
    border:thin solid #8C8C8C;
    border-radius: 128px;
    margin-right:8px;
  }
  .product-box .col p.product-name {
    font-size:1.2rem;
    line-height: 1.4;
    margin-bottom:16px;
  }
  .product-box .col h6.product-price {
    padding-top:10px;
    border-top:thin solid #bcbcbc;
    text-align: right;
    font-size: 1.4rem;;
  }
  

  /* Feature products -Top page */
  .top-product {
    padding-bottom:0;
    margin-bottom:0;
  }
  .dendo .top_feature {
    padding: 0 0 100px 0 ;
    background: transparent;
  }
  .dendo .top_feature > div {
    width:94%;
    max-width:1380px;
    margin:0 auto;
    padding:0;
  }
  .dendo .top_feature .basic_ttl {
    display:none;
  }
  .dendo .top_feature .itemlist {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 4em;
  }
  .dendo .top_feature .itemlist > div {
    width: calc((100% - 110px) / 6);
    min-width: 192px;
    margin:0;
    background-color: #eee;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 5px 20px 12px 20px;
    border: thin solid #fff;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,.2));
  }
  .dendo .top_feature .itemlist > div .tag {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-bottom:6px;
  }
  .dendo .top_feature .itemlist > div .tag li {
    width: calc((100% - 4px) / 2);
    background-color: #B3B3B3;
    text-align: center;
    padding: 4px 0;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 10px;
    margin:0;
}
.dendo .top_feature .itemlist>div .no {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 8px;
    color:inherit;
}
.dendo .top_feature .itemlist>div .no span {
    font-size: 1.2rem;
    font-weight: 400;
    line-height:1.4;
    padding: 2px 6px;
    border: thin solid #8C8C8C;
    border-radius: 128px;
    margin-right: 8px;
}
.dendo .top_feature .itemlist>div p {
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 0;
}
.dendo .top_feature .itemlist>div .price {
    font-size:1.4rem;
    margin-top: 8px;
    padding-top: 4px;
    text-align: right;
    color:inherit;
}
.dendo .top_feature .itemlist>div .price .before_sale {
    color:inherit;
}
.dendo .top_feature .more_btn {
    display:none;
  }


  /* Top Movie */
  .top-movie {
    padding:64px 0 128px 0;
  }
  .bg-ylw {
    background-color: #FFFAEB;
  }
  .slick-movie {
    padding:48px 0 24px 0;
    margin:0 auto;
    max-width:1380px;
  }
  .slick-movie .slick-slide {
    transform:scale(.6);
    transition:opacity .5s, transform .5s;
    opacity:.7;
    text-align: center;
    margin:0 -160px;
  }
  .slick-movie .slick-center {
    width:800px;
    opacity:1;
    transform:scale(1);
    z-index:200;
    position:relative;
  }
  .slick-movie .slick-slide iframe {
    border-radius: 40px;
  }
  .slick-movie .slick-dots li button::before {
    content:'●';
    color:#333;
}
.slick-movie .slick-dots li.slick-active button::before {
    color:#FF8833;
}
.slick-movie .slick-next, .slick-movie .slick-prev {
    top:auto;
    bottom:-46px;
    z-index:400;
}
.slick-movie .slick-prev {
    left:50%;
    margin-left:-140px;
}
.slick-movie .slick-next {
    right:50%;
    margin-right:-140px;
}
.slick-movie .slick-prev::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 23px 10px 0;
    border-color: transparent #ffc72d transparent transparent;
    transform: rotate(0deg);
}
.slick-movie .slick-next::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 23px;
    border-color: transparent transparent transparent #ffc72d;
    transform: rotate(0deg);
}

/* Top About */
.top-about {
    padding:64px 0 128px 0;
    background-image: url(../img/img-renew2311/bg-top_about02.jpg);
    background-size: cover;
    background-position:center;
}
.toppage-ttl .smb-ttl {
    gap:10px;
}
.toppage-ttl .smb-ttl span {
    flex:1;
    border-bottom:thin solid #ffc72d;
}
.top-about .toppage-ttl .smb-ttl::before {
    display:none;
}
.top-about .toppage-ttl .smb-ttl h3, .top-about .toppage-ttl .smb-ttl a.to-lineup {
    color:#fff;
}
.top-about h4.lead-about {
    text-align: center;
    font-size:3.2rem;
    font-weight:400;
    color:#fff;
    line-height:1.6;
    margin-bottom:48px;
}
.top-about .box-wt {
    padding:100px;
    background-color: #fff;
    border-radius: 60px;
    margin-top:48px;
    filter:drop-shadow(4px 4px 8px rgba(0,0,0,.4))
}
.top-about .box-wt .flxbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-about .box-wt .flxbox .col {
    width:680px;
}
.top-about .box-wt .flxbox .col h3 {
   font-size:3.2rem;
   font-weight:500;
   padding-bottom:28px;
   border-bottom:thin solid #8C8C8C;
   margin-bottom:28px;    
}
.top-about .box-wt .flxbox .col p {
    font-size:1.6rem;
    line-height:1.8;
    margin-bottom:48px;
}
.top-about .box-wt .flxbox .col a.btn-link {
	margin-top:0;
    text-align:right;
    font-size:2.1rem;
    font-weight:500;
    display:block;
    position:relative;
    padding-right:64px;
    letter-spacing:.1em;
}
.top-about .box-wt .flxbox .col a.btn-link:hover {
    color:#FFC82D;
}
.top-about .box-wt .flxbox .col a.btn-link::after {
    width: 50px;
    height: 50px;
    content: '';
    background-image: url(../img/img-renew2311/circle_arrow_right_wt.svg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -25px;
}
.top-about .box-wt .flxbox .col a.btn-link:hover::after {
    background-image:url(../img/img-renew2311/circle_arrow_right_org.svg);
} 

/* Top Q&A */
.top-qa, .top-voice {
    padding:64px 0 128px 0;
}
.top-qa .qa-box {
    padding:32px;
    background-color: #fff;
    filter:drop-shadow(4px 4px 8px rgba(0,0,0,.2));
    border-radius: 20px;
    margin-top:20px;
}
.top-qa .qa-box details {
    font-size:1.6rem;
    line-height:1.8;
    position:relative;
}
.top-qa .qa-box details span.qa-head {
    position:absolute;
    left:0.4em;
    top:-.2em;
    font-size:2.1rem;
    font-weight:700;
}
.top-qa .qa-box details p span.qa-head {
    top:.5em;
}
.top-qa .qa-box details summary {
    display:block;
    padding-left:2.4em;
    position:relative;
    font-weight:500;
    padding-right:4em;
    position:relative;
}
.top-qa .qa-box details p {
    padding-left:2.4em;
    position:relative;
    border-top:thin solid #bcbcbc;
    padding-top:1em;
    margin-top:1em;
}
.top-qa .qa-box details summary::after {
    font-family: "Font Awesome 6 Free";
    content: "\f078";
    font-weight: 900;
    position:absolute;
    right:0;
    font-size:140%;
    color:#FF8833;
}
.top-qa .qa-box details[open] summary::after {
    transform: rotate(180deg);
}
.top-qa .qa-box details summary::-webkit-details-marker {
    display:none;
}
.top-qa .qa-box details summary span.icon {
    display:block;
    position:absolute;
    width:20px;
    height:20px;
    right:10px;
    top:50%;
    margin-top:-10px;
    transition: transform 0.4s;
}
.top-qa .qa-box details summary span.icon::before, .top-qa .qa-box details summary span.icon::after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:2px;
    height:20px;
    background:#8C8C8C;
}
.top-qa .qa-box details summary span.icon::before {
    transform: translate(-50%,-50%) rotate(0deg);
}
.top-qa .qa-box details summary span.icon::after {
    transform: translate(-50%,-50%) rotate(90deg);
}
.top-qa .qa-box details[open] .icon {
    transform: rotate(45deg);
}
.top-qa .qa-box details[open] p {
    animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
    0% {
      opacity: 0; /* 透明 */
      transform: translateY(-10px); /* 上から表示 */
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }

/* Top Voice */
.top-voice .box-voice .col.img-area {
	width:368px;
    flex-basis: 368px;
    min-height: 276px;
    padding-top:10px;
}
.top-voice .box-voice .col.img-area .slick-slide {
	width:368px;
}
.top-voice .box-voice .col.img-area img {
    border-radius:30px ;
    width:100%;
    height: 276px;
    background-color:#eee;
    object-fit: cover;
    border-radius: 30px;
    display:block;
}
.top-voice .box-voice.flxbox {
    display:flex;
    gap:54px;
    margin-top:64px;
}
.top-voice .box-voice .col.copy-area {
    flex:1;
}
.top-voice .box-voice .col.copy-area h3 {
    font-size:3.2rem;
    line-height:1.6;
    margin-bottom:1em;
}
.top-voice .box-voice .col.copy-area h4 {
    font-size:2.1rem;
    font-weight:500;
    margin-bottom:2em;
}
.top-voice .box-voice .col.copy-area ul li h5 {
    width:130px;
    height:36px;
    display:flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-size:1.6rem;
    font-weight:500;
    background-color:#FFC82D;
    border-radius:18px;
    margin-bottom:.8em;
}
.top-voice .box-voice .col.copy-area ul li p {
    font-size:1.6rem;
    line-height:2;
}
.top-voice .box-voice .col.copy-area ul li {
    margin-bottom:3em;
}
.top-voice .link-btn-pc {
    background-color:#f2f2f2;
    margin-top:80px;
    padding:40px;
}
.top-voice .link-btn-pc a.btn-lineup2 {
    width: 270px;
    height: 50px;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    color:#FF8833;
    font-weight:500;
    background-color:#fff;
    border:2px solid #FF8833;
    border-radius: 25px;
    letter-spacing:0em;
    position:relative;
}
.top-voice .link-btn-pc a.btn-lineup2:hover {
    background-color:#FF8833;
    color:#fff;
    text-decoration: none;
}
.top-voice .link-btn-pc a.btn-lineup2::after {
    content: '〉';
    position:absolute;
    right:4px;
}

/* Top Infomation -top page */
.dendo .top_info {
    max-width: 1380px;
    width: 94%;
    margin:0 auto;
}
.dendo .top_info ul li {
    padding:24px;
    border-bottom: thin solid #fff;
    color:#fff;
    font-size:1.6rem;
}
.dendo .top_info ul li:first-child {
    border-top:thin solid #fff;
}
.dendo .top_info ul li:nth-child(even) ,.dendo .top_info ul li:nth-child(odd)
{
    background-color:transparent;    
}
.dendo .top_info ul li a {
    color:#fff;
}
.dendo .top_info ul li .tag {
    color: #fff;
    font-size: 1.4rem;
    display: inline-block;
    padding: 7px 10px 7px;
    line-height: 100%;
    border-radius: 15px;
    margin: 0 20px;
}
.dendo .top_info .link_btn a {
    width: 324px;
    height: 48px;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 500;
    background-color: #fff;
    border-radius: 24px;
    margin: 48px auto 0 auto;
    position: relative;
    transition: all 0.5s 0s ease;
    border:none;
}
.dendo .top_info .link_btn a::before {
    width: 6px;
    height: 12px;
    background-image: url(../img/img-renew2311/arrow_gr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    content: '';
    border-bottom:none;
}
.dendo .top_info .link_btn a::after {
    display:none;
}
.dendo .top_info .top_page.basic_ttl {
    padding:48px 0;
    margin-bottom:0;
    text-align: left;;
}
.dendo .top_info .top_page.basic_ttl span {
    display: block;
    font-size: 5.6rem;
    font-weight: 500;
    color:#fff;
    font-family: 'Montserrat', sans-serif;
}
.dendo .top_info .top_page.basic_ttl span::before, .dendo .top_info .top_page.basic_ttl span::after {
    content:none;
}
.dendo .top_info .top_page.basic_ttl h2 {
    text-align:left;
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 700;
    color:#fff;
}

/* Footer */
.bg-orange {
    background-color:#FF8833 ;
}
.bg-orange .toppage-ttl h2 span.engFig {
    color: #fff;
}
.bg-orange .toppage-ttl h2 {
    color:#fff;
}
.bg-orange section.top-news .newsCont li {
    border-bottom: thin solid #fff;
}
.bg-orange section.top-news .newsCont li:first-child {
    border-top: thin solid #fff;
}
.bg-orange section.top-news .newsCont li a {
    color:#fff;
}
section.top-news .newsCont li a span.tagSign.news01 {
    background-color: #00AC97;
}
section.top-news .newsCont li a span.tagSign.news02 {
    background-color: #FFC82D;
}
section.top-news .newsCont li a span.tagSign.news03 {
    background-color: #67BBE6;
}
.bg-orange section.top-news .newsCont li a::after {
    background-image: url(../img/img-renew2311/arrow_wr.svg);
}
.bg-orange .btn-regul-wt {
    width: 324px;
    height:48px;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:2.1rem;
    font-weight:500;
    background-color:#fff;
    border-radius: 24px;
    margin:48px auto 0 auto;
    position:relative;
    transition: all 0.5s 0s ease;
}
.bg-orange .btn-regul-wt::before {
    width: 6px;
    height: 12px;
    background-image: url(../img/img-renew2311/arrow_gr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    content: '';
}
.bg-orange .btn-regul-wt:hover {
    text-decoration: none;
    background-color: #ffc72d;
}
.footer-wrapp.bg-orange footer {
    width:97%;
    max-width:calc(1380px + ((100vw - 1380px) / 2));
    margin-top:64px;
    background-color:#fff;
    border-radius: 0 100px 0 0;
    padding-top:88px;
    padding-bottom:88px;
}
.footer-wrapp.bg-orange footer .footer-cont {
    margin-left:calc((100vw - 1380px) / 2);
    max-width:1260px;
    width:92vw;
}
.footer-wrapp.bg-orange footer .footer-cont .slick-ft {
    margin-left:48px;
    margin-right:48px;
    margin-bottom:80px;
}
.slick-ft li img {
    padding:0;
    margin:0 auto;
}
.slick-ft .slick-prev {
    left: -48px;
}
.slick-ft .slick-next {
    right: -48px;
}
.slick-ft .slick-prev:before {
    width:20px;
    height:40px;
    content:'';
    background-image: url(../img/img-renew2311/arrow_left_gl.svg);
    transform: rotate(0deg);
    border-left:none;
    border-bottom:none;
    background-size:contain;
    background-repeat: no-repeat;
}
.slick-ft .slick-next:before {
    width:20px;
    height:40px;
    content:'';
    background-image: url(../img/img-renew2311/arrow_right_gl.svg);
    transform: rotate(0deg);
    border-right:none;
    border-bottom:none;
    background-size:contain;
    background-repeat: no-repeat;
}
footer .absolute-footer {
    display:flex;
    justify-content: space-between;
}
footer .absolute-footer p {
    font-size:1.4rem;
    font-weight:500;
}
footer .absolute-footer .footer-nav {
    display: flex;
    gap: 30px;
    font-size:1.4rem;
    font-weight:500;
}
footer .footer-logo {
    text-align: center;
    margin-bottom:64px;
    margin-top:64px;
}
footer .flxbox {
    display:flex;
}
footer .footer-cont > .flxbox {
    justify-content: space-between;
}
footer .footer-cont .col-inner > .flxbox {
    gap:48px;
}
footer .footer-cont .col.flxbox {
    gap:72px;
}
footer .sitemap h4, footer .sitemap h5 {
    font-size:1.6rem;
    margin-bottom:1.2em;
    font-weight:500;
}
footer .sitemap .smp-lev1 {
    font-size:1.6rem;
    font-weight:500;
}
footer .sitemap ul li {
    margin-bottom:24px;
}
footer .sitemap .smp-lev2 {
    font-size: 1.4rem;
}
footer .sitemap .smp-lev2::before {
    width:8px;
    height:8px;
    content:'';
    background-image: url(../images/icon_smp_lev2.svg);
    display:inline-block;
    margin-right:4px;
    vertical-align: .1em;;
}
.btn-to-top {
    position: sticky;
    bottom:0px;
    text-align: right;
    padding-right:40px;
    padding-bottom:20px;
}
.btn-to-top a.to-top {
    font-size:2.1rem;
    font-weight:700;
}
a.to-top::before {
    width:36px;
    height:18px;
    content:'';
    background-image: url(../img/img-renew2311/arrow_up_gr.png);
    position:absolute;
    top:-32px;
}

/* Modal Search */
.modal-orange {
    width:100%;
    height:100vh;
    background-color: #FF8833;
    padding-bottom:40px;
    padding-top:40px;
    position:fixed;
    top:0;
    left:0;
    z-index:4000;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    box-sizing: border-box;
}
.modal-orange.active {
    opacity:1;
    visibility: visible;
}
.modal-orange a.btn-close {
    width:100px;
    font-size:2rem;
    color:#fff;
    display:block;
    text-align: center;
    margin-left:auto;
    padding-top:80px;
}
.modal-orange a.btn-close:hover {
    text-decoration: none;
}
.modal-orange a.btn-close span.icon-close {
    display:block;
    position:relative;
}
.modal-orange a.btn-close span.icon-close::before {
    width:4px;
    height:70px;
    background-color: #fff;
    content:'';
    position:absolute;
    top:-70px;
    left:50%;
    transform:rotate(45deg);
}
.modal-orange a.btn-close span.icon-close::after {
    width:4px;
    height:70px;
    background-color: #fff;
    content:'';
    position:absolute;
    top:-70px;
    left:50%;
    transform:rotate(-45deg);
}
.modal-orange .search-box {
    padding-top: 0px;
}
.modal-orange .link-btn {
    margin-top:40px;
    text-align: center;
}
.modal-orange .link-btn a.to-lineup {
    font-size:1.8rem;
    color:#fff;
    position:relative;
}
.modal-orange .link-btn a.to-lineup::after {
    width: 50px;
    height: 50px;
    content: '';
    background-image: url(../img/img-renew2311/circle_arrow_right_wt.svg);
    position: absolute;
    top: 50%;
    right: -64px;transform: translateY(-50%);
}

/* Item Page */
.ttl-items {
  margin-top:100px;
  margin-bottom:48px; 
}
.ttl-items h1 {
    font-size:3.2rem;
    font-weight:700;
    letter-spacing:.1em;
    margin-bottom:1em;
}
.ttl-items p {
    font-size:1.6rem;
    line-height:2;
    margin-bottom:2.4em;
}
.ttl-items .btn-area01 {
    display:flex;
    gap:10px;
    margin-bottom:48px;
}
.ttl-items .btn-area01 li a {
    width:244px;
    height:48px;
    justify-content: center;
    align-items: center;
    color:#B3B3B3;
    background-color: #eee;
    font-size:1.6rem;
    display:flex;
    border-radius: 10px;
    font-weight:500;
}
.ttl-items .btn-area01 li a.selected, .ttl-items .btn-area01 li a:hover {
    color:#fff;
    background-color:#FFC82D;
    text-decoration: none;
}
.search-form {
    color:#fff;
    background-color:#66523D;
    border-radius: 20px;
    display:flex;
    align-items: center;
    padding:24px 32px;
    justify-content: space-between;
    margin-bottom:40px;
}
.search-form h3 {
    font-size:2.1rem;
    font-weight:500;
}
.search-form h3 i {
    margin-right:.4em;
}
.search-form form {
    display:flex;
    gap:40px;
}
.search-form form div {
    display:flex;
    align-items: center;
}
.search-form form div label {
    font-size:1.6rem;
    margin-right:1em;
}
.search-form form div .selecter, .result-form form div .selecter  {
    position:relative;
    background-color:#fff;
    border-radius: 10px;
}
.search-form form div .selecter select, .result-form form div .selecter select{
    height: 40px;
    width:176px;
    border-radius: 10px;
    font-size: 1.4rem;
    box-sizing: border-box;
    padding: 10px;
    color: #8C8C8C;
    appearance: none;
    position: relative;
    background-color: rgba(255, 255, 255, 0);
    border:thin solid #ffc72d;
    z-index: 20;
    cursor: pointer;
}
.search-form form div .selecter::before, .result-form form div .selecter::before {
    width: 40px;
    height: 40px;
    background-color: #FFC82D;
    content: '';
    position: absolute;
    right: 0;
    border-radius: 0 10px 10px 0;
    z-index: 10;
}
.search-form form div .selecter::after, .result-form form div .selecter::after {
    width: 12px;
    height: 10px;
    content: '';
    background-image: url(../img/img-renew2311/triangle_down_wt.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -5px;
    z-index: 15;
}
.search-form form div .btn-submit input[type=submit] {
    width: 192px;
    height: 44px;
    color: #fff;
    font-size: 1.6rem;
    display: block;
    background-color: #FFC82D;
    border: none;
    border-radius: 24px;
    cursor: pointer;
}
.search-form form div .btn-submit input[type=submit]:hover {
    background-color:#bcbcbc;
}
.search-form a.refine_search {
    width:240px;
    margin-top:2em;
    margin-left:auto;
    padding:.6em .4em .6em 1.4em;
    display:block;
    font-size: 1.4rem;
    font-weight:400;
    letter-spacing:.1em;
    color:#FFC82D;
    border:thin solid #FFC82D;
    border-radius:8px;
}
.search-form a.refine_search i.fas {
    margin-right:.4em;
}
.search-form a.refine_search:hover {
    color:#fff;
    background-color:#FFC82D;
    text-decoration: none;
}
.result-form {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.result-form .flxbox {
    gap:4em;
}
.result-form div {
    display:flex;
    align-items: center;
}
.result-form div ul {
    display:flex;
    gap:8px;
}
.result-form div ul li a {
    width:152px;
    height:44px;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:#eee;
    font-size:1.4rem;
    font-weight:500;
    color:#bcbcbc;
    border-radius: 10px;
}
.result-form div ul li a.selected, .result-form div ul li a:hover {
    color:#fff;
    background-color:#ffc72d;
    text-decoration: none;
}
.result-form div ul li a i.fas {
    font-size:20px;
    margin-right:8px;
}
.result-form p {
    font-size:1.4rem;
    margin-bottom:0;
}
.result-form div h5 {
    font-size:1.4rem;
    font-weight:500;
    margin-right:1em;
}
.result-form form div label {
    font-size:1.4rem;
    font-weight:500;
    margin-right:.6em;
}
.item-content {
    padding-bottom:100px;
}
.item-content.text table img.img-list-all {
    height: 60px;
    width:auto;
}
.item-content.text table {
    width:100%;
    border-radius:20px;
    border-collapse: separate;
    border:thin solid #b3b3b3;
    margin-bottom:8em;
}
.item-content.text table th, .item-content.text table td {
    text-align: center;
    vertical-align: middle;
    border-bottom:thin solid #b3b3b3;
    border-right:thin solid #b3b3b3;
    padding:8px;
    font-size:1.6rem;
    line-height:1.6;
}
.item-content.text table th {
    height:80px;
    background-color: #f8f8f8;
}
.item-content.text table thead th:first-child{
    border-radius: 20px 0 0 0;
}
.item-content.text table thead th:last-child{
    border-radius: 0 20px 0 0;
}
.item-content.text table tbody tr:last-child td {
    border-bottom:none;
}
.item-content.text table tbody tr td:last-child {
    border-right:none;
}
.item-content table thead tr th:last-child {
    border-right:none;
}
.item-content p {
    font-size:1.6rem;
}
section.bunner-area {
    padding:100px 0;
}
body.dendo.items .wrapper {
    position:relative;
}
section.bunner-area .flxbox {
    display:flex;
    gap:20px;
    margin-top:40px;
    justify-content: center;
}
.dendo.items .btn-to-top {
    padding-bottom:40px;
}
.dendo.items .wrapper {
    background-color:#eee;
}
.item-content.detail p.product-name {
    font-size: 2.1rem;
    line-height:1.6;
    font-weight:500;
    margin-bottom:.2em;
}
.dendo.items .wrapper .bg-white {
    background-color:#fff;
}
.item-content.detail .flxbox {
    display:flex;
    flex-wrap: wrap;
    gap:20px;
    margin-bottom:40px;
}
.item-content.detail .col {
    background-color:#eee;
    border-radius: 20px;
    width:calc((100% - 20px) / 2);
    box-sizing: border-box;
    padding:50px;
}
.item-content.detail .col h5.product-numb {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 24px;
}
.item-content.detail .col h5.product-numb span.numb {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 2px 6px;
    border: thin solid #8C8C8C;
    border-radius: 128px;
    margin-right: 8px;
}
.item-content.detail .col .product-tag {
    display:flex;
    gap:4px;
    padding:3em 0;
}
.item-content.detail .col .product-tag li {
    color:#fff;
    font-size:1.4rem;
    padding:.4em 1em;
    background-color:#b3b3b3;
    border-radius:14px;
}
.item-content.detail .col .photo-area {
    display:flex;
    gap:8px;
}
.item-content.detail .col .photo-area img {
    width:calc((100% - 16px) / 3);
    border-radius:20px;
}
.item-speck {
    margin-top:40px;
    width:100%;
    border-top:thin solid #b3b3b3;
}
.item-speck tr td, .item-speck tr th {
    border-bottom:thin solid #b3b3b3;
    font-size:1.6rem;
    padding:1em;
    text-align: left;
}
.detail .pict-sign {
    padding:40px 0;
}
.pict-sign {
    display:flex;
    flex-wrap: wrap;
    gap:8px;
    padding:0 0 4em 0;
}
.pict-sign li {
    width:calc((100% - 40px) / 6);
}
.pict-sign li img {
    width:100%;
}
.comment-area {
    padding-left:84px;
    position:relative;
    margin-bottom:60px;
}
.comment-area::before {
    width:74px;
    height:73px;
    content:'';
    background-image: url(../img/img-renew2311/illust_comment.svg);
    background-size:cover;
    background-repeat: no-repeat;
    position: absolute;
    left:0;
    top:0;
}
.comment-area p {
    padding:20px;
    font-size:1.6rem;
    line-height:1.8;
    font-weight:500;
    background-color:#fff;
    border-radius:20px;
    position:relative;
}
.comment-area p::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 14px 7px 0;
    border-color: transparent #ffffff transparent transparent;
    content:'';
    position:absolute;
    left:-14px;
    top:26px;
}
a.btn-detail {
    width:400px;
    height:48px;
    font-size:2.1rem;
    font-weight:500;
    letter-spacing:.1em;
    background-color:#fff;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
a.btn-detail:hover {
    text-decoration: none;
    cursor: pointer;
    background-color:#66523D;
    color:#fff;
}
a.btn-detail::after {
    width:6px;
    height:12px;
    content:'';
    background-image:url(../img/img-renew2311/arrow_gr.svg);
    background-size:cover;
    background-repeat: no-repeat;
    position:absolute;
    right:20px;
}
.item-content .pager {
    display:flex;
    justify-content: center;
    gap:8px;
}
.item-content .pager li {
    font-size:1.6rem;
    padding:1em 1.2em;
    background-color:#eee;
    border-radius: 10px;;
}
.item-content .pager li.current {
    background-color:#66523D;
    color:#fff;
}
.item-content .pager li:hover {
    background-color:#d1b99f;
}

/* Product Page */
body.product .ttl-items {
    position:relative;
} 
body.product .wrapper {
    background-color:#eee;
}
body.product .product-img {
    width:320px;
}
.product-img .product-slide {
    margin-left:24px;
    margin-right:24px;
}
.product-img .product-slide .slider-ex {
    margin-bottom:8px;
}
.product-img .product-slide .slider-ex .slick-slide {
    background-color:#fff;
    border-radius:20px;
}
.product-img .product-slide .slider-ex .slick-slide img {
    width:calc(100% - 16px);
    margin:8px;
}
.product-img .product-slide .slider-ex .slick-prev {
    left:-30px;
}
.product-img .product-slide .slider-ex .slick-next {
    right:-30px;
}
.product-img .product-slide .slider-ex .slick-prev:before {
    width: 20px;
    height: 40px;
    content: '';
    background-image: url(../img/img-renew2311/arrow_left_gl.svg);
    transform: rotate(0deg);
    border-left: none;
    border-bottom: none;
    background-size: contain;
    background-repeat: no-repeat;
    opacity:.3;
}
.product-img .product-slide .slider-ex .slick-next:before {
    width: 20px;
    height: 40px;
    content: '';
    background-image: url(../img/img-renew2311/arrow_right_gl.svg);
    transform: rotate(0deg);
    border-right: none;
    border-bottom: none;
    background-size: contain;
    background-repeat: no-repeat;
    opacity:.3;
}
.product-img .product-slide .thumbnail-list .slick-track {
    display:flex;
    flex-wrap: wrap;
    gap:6px;
    margin:0;
}
.product-img .product-slide .thumbnail-list .slick-track li:first-child {
    margin-left:-6px;
}
.product-img .product-slide .thumbnail-list .slick-track {
    width:100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
.product-img .product-slide .thumbnail-list .slick-slide {
    height:auto;
    width:calc((100% - 24px) / 4) !important;
    background-color:#fff;
    border-radius: 10px;
    float:none;
}
.product-img .product-slide .thumbnail-list .slick-slide.slick-current {
    border:thin solid #ddd;
    box-sizing: border-box;
}
.product-img .product-tag {
    display:flex;
    gap:6px;
    margin-bottom:3em;
}
.product-img .product-tag li {
    padding:.2em .8em;
    font-size:1.4rem;
    line-height:1.4;
    color:#fff;
    background-color:#b3b3b3;
    border-radius: 8px;;
}
.ttl-items .flxbox {
    display:flex;
}
.ttl-items > .flxbox {
    align-items: flex-start;
}
.ttl-items > .flxbox {
    gap:50px;
}
.ttl-items .product-data {
    flex:1;
}
.ttl-items .product-data .flxbox {
    gap:40px;
}
body.product .ttl-items .flxbox {
    position:relative;
}
body.product .ttl-items .data-ex {
    flex-basis: 400px;
    background-color:#b3b3b3;
    border-radius: 20px;
    padding:20px;
    box-sizing: border-box;
    position:sticky;
    top:160px;
    right:0;
}
.product-data .data-main {
    flex:1;
}
.product-data .data-main table {
    width:100%;
    border-top:thin solid #b3b3b3;
}
.product-data .data-main tr th, .product-data .data-main tr td {
    font-size:1.6rem;
    padding:1em 0;
    border-bottom:thin solid #b3b3b3;
    text-align: left;
    line-height:1.6;
}
.product-data section {
    margin-top:80px;
    margin-bottom:80px;
}
section h3.ttl-sect {
    font-size:2.1rem;
    font-weight:700;
    padding-bottom:.8em;
    margin-bottom:1.4em;
    border-bottom:thin solid #b3b3b3;
}
.stuff-comment .comment-box {
    background-color:#fff;
    border-radius:20px;
    padding:20px 20px;
    margin-left:150px;
    position:relative;
}
.stuff-comment .comment-box h4 {
    font-size:1.6rem;
    font-weight:500;
    padding-bottom:1em;
    margin-bottom:.6em;
    border-bottom:thin solid #b3b3b3;
}
.stuff-comment .comment-box p {
    margin-bottom:0;
}
.stuff-comment .comment-box::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 14px 7px 0;
    border-color: transparent #ffffff transparent transparent;
    content: '';
    position: absolute;
    left: -14px;
    top: 50%;margin-top:-7px;
}
.stuff-comment .comment-box::after {
    width:100px;
    height:100px;
    content:'';
    background-image: url(../img/img-renew2311/illust_comment02.svg);
    position:absolute;
    left:-150px;
    top:50%;
    margin-top:-50px;
}
section.specification .spec-data tr th, section.specification .spec-data tr td {
    font-size:1.6rem;
    text-align:left;
    padding:.6em 0;
    line-height:1.8;
    vertical-align: text-top;
}
section.specification .spec-data tr th {
    padding-right:4em;
}
section.feature .col {
    margin-top:60px;
}
section.feature .col h4 {
    font-size:2.1rem;
    line-height:1.6;
    font-weight:500;
    margin-bottom:.4em;
}
section.feature .col .flxbox {
    gap:20px;
}
.inner-col.pc3sp1 {
    width:calc((100% - 40px) / 3);
}
.inner-col.pc3sp1 figure img {
    width:100%;
    border-radius :20px;
    margin-bottom:16px;
}
section.feature .col .inner-col.pc3sp1 figure figcaption {
    font-size:1.6rem;
}
section.feature .col p {
    margin-bottom:1.4em;
}
section.movie iframe {
    border-radius:40px;
}
section.safety ul {
    list-style:disc outside;
    padding-left:4em;
}
section.safety ul li {
    font-size:1.6rem;
    margin-bottom:.8em;
    line-height:1.6;
    color:#FF8833;
    display:list-item;
    list-style-type: disc;
}
section.customer .comment-custm .profile {
    font-size:1.6rem;
    font-weight:500;
    line-height:1.8;
    margin-bottom:1.6em;
}
section.customer .comment-custm {
    margin-top:60px;
    margin-bottom:60px;
}
section.customer a.btn-link {
    text-align: right;
    font-size: 2.1rem;
    font-weight: 500;
    display: block;
    position: relative;
    padding-right: 64px;
    letter-spacing: .1em;
}
section.customer a.btn-link::after {
    width: 50px;
    height: 50px;
    content: '';
    background-image: url(../img/img-renew2311/circle_arrow_right_wt.svg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -25px;
}
body.product .bg-white {
    background-color:#fff;
}
body.product .bg-white section {
    padding:100px 0;
}
section.related .flxbox.related-box {
    display:flex;
    gap:20px;
    flex-wrap: wrap;
}
section.related .flxbox.related-box .col {
    width: calc((100% - 20px) / 2);
}
section.related .flxbox.related-box .col a {
    width:100%;
    display:block;
    background-color:#eee;
    border-radius: 20px;
    padding:20px;
    box-sizing: border-box;
    border:2px solid #fff;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,.2));
}
section.related .flxbox.related-box .col a:hover {
    text-decoration: none;
    border-color: #FFC82D;
}
.slick-option .slick-dots li button:before {
    font-family: sans-serif;
    content: '●';
}
.flxbox.related-box .col .flxbox {
    display:flex;
    gap:20px;
}
.flxbox.related-box .inner-col.photo-area {
    flex-basis: 170px;
}
.flxbox.related-box .inner-col.copy-area {
    flex:1;
}
.flxbox.related-box .col .flxbox .inner-col img {
    width:170px;
    height:170px;
    object-fit: cover;
    border-radius: 10px;;
}
.related-box h5.product-numb {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 16px;
}
.related-box h5.product-numb span.numb {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 2px 6px;
    border: thin solid #8C8C8C;
    border-radius: 128px;
    margin-right: 8px;
}
.related-box .col p.product-name {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 16px;
}
.related-box .col p.product-comment {
    font-size:1.4rem;
    line-height:1.6;
    margin-bottom:20px;
}
.related-box h6.product-price {
    text-align: right;
    font-size: 1.6rem;
}
.swiper.product-box {
    display:block;
    position:relative;
}
.product-box .swiper-scrollbar {
    max-width: 800px;
    width: 100%;
    margin: 30px auto 0;
    position: absolute;
    display:block !important;
    bottom:80px;
    left:50%;
    margin-left:-400px;
}
.product-box .swiper-button-prev,.product-box .swiper-button-next {
    top:auto;
    bottom:0px
}
.product-box .swiper-button-prev {
    width:auto;
    height:auto;
    left:50%;
    margin-left:-400px;
}
.product-box .swiper-button-next {
    width:auto;
    height:auto;
    right:50%;
    margin-right:-400px;
}
.product-box .swiper-button-prev::after {
    width:50px;
    height:50px;
    content:'';
    background-image: url(../img/img-renew2311/circle_arrow_left.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.product-box .swiper-button-next::after {
    width:50px;
    height:50px;
    content:'';
    background-image: url(../img/img-renew2311/circle_arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.product-box .swiper-wrapper {
    padding-bottom:160px;
}
.product-box p.scroll-copy {
    text-align: center;
    font-size:1.4rem;
    position:absolute;
    left:50%;
    bottom:0px;
    transform: translate(-50%, -50%);
}
body.product .data-ex .price {
    color:#fff;
    text-align: right;
    font-weight:700;
}
body.product .data-ex .price p.notax {
    font-size:2.1rem;
    margin-bottom:0;
    line-height:1.4;
}
body.product .data-ex .price p.notax span {
    font-size:3.2rem;
    vertical-align: -.1em;
    margin-left:.2em;
    margin-right:.2em;
}
body.product .data-ex .comment-stuff p {
    width:272px;
    font-size:1.6rem;
    box-sizing: border-box;
    padding:1.2em 1em;
    margin-left:auto;
    background-color:#fff;
    border-radius: 20px;
    position:relative;
}
body.product .data-ex .comment-stuff p::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 14px 7px 0;
    border-color: transparent #ffffff transparent transparent;
    content: '';
    position: absolute;
    left: -14px;
    top: 50%;
    margin-top: -7px;
}
body.product .data-ex .comment-stuff p::before {
    width: 74px;
    height: 73px;
    content: '';
    background-image: url(../img/img-renew2311/illust_comment.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: -86px;
    top: 0;
}
body.product .data-ex .btn-area a {
    margin-top:20px;
}

/* Search Resolt */
h3.ttl-sect i.fas {
    margin-right:.4em;
}
h3.ttl-sect {
    margin-top:3em;
}
.conditions .bg-gray {
    padding:30px 40px;
    border-radius: 20px;
    margin-bottom:20px;
}
.conditions {
    margin-bottom:80px;
}
.conditions .bg-gray {
    display:flex;
    gap:30px;
}
.conditions .bg-gray h4 {
    font-size:2.1rem;
    font-weight:500;
}
.conditions .bg-gray ul {
    margin-top:0;
}
.conditions .bg-gray ul li {
    font-size:1.6rem;
    line-height: 1.4;
    display:flex;
    align-items: center;
    margin-bottom:.8em;
}
.conditions .bg-gray ul li:last-child {
    margin-bottom:0;
}
.conditions .bg-gray ul li span.label {
    font-size:1.4rem;
    width:120px;
    height:28px;
    justify-content: center;
    align-items: center;
    color:#fff;
    background-color:#b3b3b3;
    border-radius: 12px;
    display:flex;
    margin-right:.6em;
    vertical-align: middle;
}
.conditions a.btn-serch02 {
    width:270px;
    height:50px;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:1.6rem;
    border:thin solid #b3b3b3;
    border-radius:24px;
    margin-left:auto;
}
.conditions a.btn-serch02 i.fas {
    margin-right:.4em;
    vertical-align: middle;
}
.conditions a.btn-serch02:hover {
    background-color:#b3b3b3;
    color:#fff;
    text-decoration: none;;
}


/* SP mode */
@media screen and (max-width: 768px) {
    .dendo {
        position:relative;
        overflow-x: hidden;
    }
    .content {
        width:92vw;
        margin-left:auto;
        margin-right:auto;
    }
    .dendo header {
        position:relative;
        padding-top:20px;
    }
    .dendo header .header-top {
        width: auto;
        margin-bottom: 20px;
        min-width: inherit;
        justify-content: center;
    }
    .dendo header .content {
        justify-content: center;
    }
    .dendo header #h-logo img {
        width:52vw;
        max-width:260px;
    }
    .breadcrumbs {
        padding: 2em 0;
    }
    .breadcrumbs ul li {
        font-size: 1rem;
    }
    .sp-only {
        display:block;
    }
    .pc-only {
        display:none;
    }
    .dendo .wrapper .header-fix.pc-only {
        display:none;
    }
    .dendo header .h-right {
        display:none;
    }
    .slick-top {
        width:100vw;
        margin-top:0vw;
    }
    .slick-top .slick-slide {
        height:auto;
        width:100vw !important;
        margin:0;
        padding-bottom:20px;
    }
    .slick-top .slick-slide img {
        border-radius:0;
        height:42vw;
    }
    .slick-movie {
        width:94vw;
        min-width: auto;
        padding:0 auto;
    }
    .slick-movie .slick-slide iframe {
        height:53vw;
        border-radius: 40px;
        width: 94vw;
        border-radius: 20px;
    }
    .slick-movie .slick-slide {
        transform: scale(1);
        opacity: 1;
        margin:0;
    }
    .toppage-ttl {
        text-align: center;
        padding:0 0 4em 0;
    }
    .toppage-ttl h2 {
        font-size:1.6rem;
    }
    .toppage-ttl h2 span.engFig {
        font-size: 3.2rem;
    }
    .special_feature_other h4.smb-ttl {
        font-size: 2rem;
        margin-bottom: 1em;
        text-align: center;
    }
    section.top-news {
        padding:14vw 0;
    }
    section.top-news .newsCont li {
        padding: 2vw;
    }
    section.top-news .newsCont li a {
       flex-direction: column;
       align-items: flex-start;
       line-height:2;
       font-size:1.4rem;
    }
    section.top-news .newsCont li a > span {
        display:flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap:4px;
    }
    section.top-news .newsCont li a span.news-date {
        width: 6em;
        display: inline-block;
    }
    section.top-news .newsCont li a span.tagSign {
        width: 100px;
        height: 20px;
        margin-right: 0px;
        font-size: 1rem;
        border-radius: 10px;
    }
    .special_feature_pickup {
        gap: 16px;
        margin-bottom: 40px;
    }
    .special_feature_pickup .area {
        width: calc((100% - 16px) /2);
        text-align: center;
        min-width: 160px;
        margin:0;
    }
    .special_feature_pickup .area h3 {
        font-size:1.2rem;
        margin:1em;
        line-height:1.4;
    }
    .special_feature_other .swiper-wrapper .swiper-slide a h3 {
        font-size:1.2rem;
        margin-top:1em;
    }
    .special_feature_other .swiper-button-prev {
        margin-left: -40vw;
    }
    .special_feature_other .swiper-button-next {
        margin-right: -40vw;
    }
    .special_feature_other .swiper-button-prev::after {
        width:30px;
        height:30px;
    }
    .special_feature_other .swiper-button-next::after {
        width:30px;
        height:30px;
    }
    .special_feature_other .swiper p {
        font-size:1rem;
    }
    .special_feature_other .swiper {
        padding-bottom: 38px;
    }
    .search-box .tab {
        flex-wrap: wrap;
        gap:2vw;
        margin-bottom:8vw;
    }
    .search-box .tab li {
        flex-basis: 44vw;
    }
    .search-box .tab li a {
        height:40px;
        font-size:1.2rem;
    }
    .search-box > .area {
        border-radius: 8vw;
        padding:6.4vw;
    }
    .search-box .area ul {
        gap: 5.3vw;
    }
    .search-box .area ul li {
        width: calc((100% - 10.6vw) / 3);
    }
    .search-box .area ul li a h4 {
        font-size:1.2rem;
        line-height:1.4;
        padding: 1em 0;
    }
    .search-box .area .inner-area {
        padding: 6.4vw;
        border-radius: 0 0 30px 30px;
    }
    .toppage-ttl .engFig.l-fig {
        font-size: 4.6rem;
    }
    .toppage-ttl .smb-ttl a.to-lineup {
        display:none;
    }
    .toppage-ttl .smb-ttl span {
        display:none;
    }
    .toppage-ttl .smb-ttl {
        justify-content: center;
        margin-top:0;
    }
    .toppage-ttl .smb-ttl h3 {
        font-size: 2.1rem;;
    }
    .top-search.bg-gray {
        padding-bottom: 14vw;
        padding-top: 14vw;
    }
    .search-box .area ul.inner-tab li {
        height: 50px;
    }
    .search-box .area ul.inner-tab li a {
        border-radius: 10px 10px 0 0;
        font-size: 1.6rem;
    }
    .search-box .area .inner-area .btn-submit {
        width: 100%;
        height: 40px;
        margin: 20px auto 0 auto;
    }
    .search-box .area .inner-area .btn-submit input[type=submit] {
        font-size: 1.6rem;
    }
    .search-box .area .inner-area p, .search-box .area#keyword .inner-area label {
        font-size: 1.2rem;
        margin-bottom:.8em;
    }
    .search-box .area .inner-area input[type=search] {
        height: 40px;
    }
    .search-box .area .inner-area input[type=search]::placeholder {
        font-size:1.2rem;
    }
    .search-box .area .inner-area ul.col1 li .selecter select {
        width: 70vw;
    }
    .search-box .area .inner-area .selecter select {
        height: 40px;
        font-size: 1rem;
    }
    .search-box .area .inner-area .selecter::before {
        width: 40px;
        height: 40px;
    }
    .search-box .area .inner-area h3 {
        font-size: 1.6rem;
        padding: 20px 0;
        margin-top: 10vw;
        margin-bottom: 8vw;
    }
    .search-box .area .inner-area ul.col3 {
        flex-direction: column;
        gap: 4vw;
    }
    .search-box .area .inner-area ul.col3 li {
        width: 100%;
    }
    .search-box .area .inner-area h4 {
        font-size: 1rem;
        padding: 1em 0;
        margin-top: 8vw;
        margin-bottom: 4vw;
        border-bottom: thin solid #B3B3B3;
        border-top: thin solid #B3B3B3;
    }
    .product-box {
        padding-top:8vw;
    }
    .product-box .col {
        width: calc((100% - 24px) / 2) !important;
        min-width: 160px;
        border-radius: 16px;
        padding: 16px;
    }
    .product-box .col .product-tag li {
        padding: 4px 0;
        color: #fff;
        font-size: 1.1rem;
        border-radius: 8px;
    }
    .product-box .col h5.product-numb {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
    .product-box .col h5.product-numb span.numb {
        font-size: .9rem;
        font-weight: 400;
        border-radius: 12px;
        margin-right: 6px;
    }
    .product-box .col p.product-name {
        margin-bottom: 1em;
    }
    .product-box .col h6.product-price {
        padding-top: .6em;
        font-size: 1.2rem;
    }
    .link-btn-sp {
        padding-top:14vw;
        margin-left:4.2vw;
        margin-right:4.2vw;
        display:flex;
        align-items: center;
        justify-content: flex-end;
    }
    .link-btn-sp span {
        flex:1;
        border-bottom:thin solid #FFC82D;
        margin-right:2vw;
    }
    .link-btn-sp a {
        font-size:1.6rem;
        font-weight:500;
        display:block;
    }
    .link-btn-sp a::after {
        width:30px;
        height:30px;
        margin-bottom:.2em;
        margin-left:4px;
        content:'';
        background-image: url(../img/img-renew2311/circle_arrow_right_wt.svg);
        display:inline-block;
        background-size: cover;
        vertical-align: middle;
    }
    .top-movie {
        padding: 14vw 0;
    }
    .top-about h4.lead-about {
        text-align: center;
        font-size: 1.6rem;
        margin-bottom: 8vw;
        margin-top:8vw;
    }
    .top-about .box-wt {
        padding: 8vw;
        border-radius: 30px;
        margin-top: 8vw;
    }
    .top-about .box-wt .flxbox {
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .top-about .box-wt .flxbox .col {
        width: 100%;
        padding-top:8vw;
    }
    .top-about .box-wt .flxbox .col h3 {
        font-size: 1.6rem;
        padding-bottom: 1.2em;
        margin-bottom: 1em;
        text-align: center;
    }
    .top-about .box-wt .flxbox .col p {
        font-size: 1.2rem;
        margin-bottom: 3em;
    }
    .top-about .box-wt .flxbox .col a.btn-link {
        font-size: 1.2rem;
        position: relative;
        padding-right: 3em;
    }
    .top-about .box-wt .flxbox .col a.btn-link::after {
        width: 30px;
        height: 30px;
        background-size:cover;
        margin-top: -15px;
    }
    .top-about .link-btn-sp a {
        color:#fff;
    }
    .top-qa .toppage-ttl, .top-news .toppage-ttl {
        margin-bottom:14vw;
    }
    .top-qa .qa-box {
        padding: 16px;
        border-radius: 15px;
        margin-top: 4vw;
    }
    .top-qa .qa-box details {
        font-size: 1.2rem;
    }
    .top-qa .qa-box details span.qa-head {
        font-size: 1.6rem;
    }
    .top-qa, .top-voice, .top-about {
        padding: 14vw 0 14vw 0;
    }
    .top-voice .box-voice.sp-forw {
        flex-direction: column;
    }
    .top-voice .box-voice.sp-reve {
        flex-direction: column-reverse;
    }
    .top-voice .box-voice.flxbox {
        gap: 1em;
        margin-top: 8vw;
    }
    .top-voice .box-voice .col.img-area {
        width:90vw;
        flex-basis: auto;
        min-height: 72vw;
        padding-top: 0;
		margin-bottom:20px;
    }
    .top-voice .box-voice .col.img-area .slick-slide {
        width: 90vw;
    }
	.top-voice .box-voice .col.img-area img {
        height: 72vw;
    }
    .top-voice .box-voice .col.copy-area h3 {
        font-size:2.1rem;
        line-height: 1.6;
    }
    .top-voice .box-voice .col.copy-area h4 {
        font-size: 1.6rem;
        margin-bottom: 2em;
    }
    .top-voice .box-voice .col.copy-area ul li h5 {
        width: 80px;
        height: 20px;
        font-size: 1.1rem;
        border-radius: 10px;
    }
    .top-voice .box-voice .col.copy-area ul li p {
        font-size: 1.2rem;
    }
    .btn-to-top {
        display:none;
    }
    .footer-wrapp.bg-orange footer {
        width:100%;
        max-width: inherit;
        border-radius: 0 50px 0 0;
        padding-top:40px;
    }
    footer .footer-cont > .flxbox {
        flex-direction: column;
    }
    .footer-wrapp.bg-orange footer .footer-cont {
        margin-left: 0;
        max-width: 1260px;
        width: 100%;
    }
    .footer-wrapp.bg-orange footer .footer-cont .slick-ft {
        margin-left: 64px;
        margin-right: 72px;
        margin-bottom: 40px;
    }
    .slick-ft .slick-prev:before, .slick-ft .slick-next:before {
        width:15px;
        height:30px;
    }
    footer .footer-cont .col.flxbox {
        gap: 72px;
        flex-direction: column;
    }
    footer .sitemap ul li {
        border-bottom:thin solid #bcbcbc;
        margin-bottom:0;
    }
    footer .sitemap ul li a {
        display:block;
        padding:16px;
    }
    footer .ft-sitemap-dendo {
        align-self: stretch !important;
    }
    footer .sitemap ul li:first-child {
        border-top:thin solid #bcbcbc;
    }
    footer .sitemap .smp-lev1 {
        font-size:1.2rem;
    }
    footer .clender div {
        text-align:center;
        padding-top:8vw;
    }
    footer .footer-logo {
        text-align: center;
        margin-bottom: 8vw;
        margin-top: 4vw;
        border-top:thin solid #bcbcbc;
        padding-top:8vw;
    }
    footer .footer-logo img {
        width:53vw;
        height:auto;
    }
    footer .absolute-footer {
        flex-direction: column;
        align-items: center;
        gap:2em;
    }
    footer .absolute-footer p {
        font-size: 1rem;
    }
    footer .absolute-footer .footer-nav {
        font-size: 1rem;
    }
    .footer-menue-sp {
        position:fixed;
        bottom:0;
        left:0;
        background-color:#fff;
        z-index:3000;
    }
    .footer-menue-sp ul.main-menue {
        display:flex;
        gap:1px;
        width:100vw;
        border-top:1px solid #fff;
        background-color:#fff;
    }
    .footer-menue-sp ul.main-menue li {
        flex:1;
        height:66px;
    }
    .footer-menue-sp ul.main-menue li a {
        width:100%;
        height:100%;
        background-color:#B3B3B3;
        color:#fff;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height:1.2;
        text-align: center;
        text-decoration: none;
    }
    .footer-menue-sp ul.main-menue li a span.icon-menue {
        font-size:20px;
        margin-bottom:2px;
    }
    .footer-menue-sp .hide-menu {
        width:100%;
        background-color:#b3b3b3;
        bottom:-120vh;
        transition: all 1s;
        position:absolute;
        left:0;
        opacity:.2;
    }
    .footer-menue-sp .hide-menu.active {
        bottom:67px;
        opacity:1;
    }
    .footer-menue-sp .hide-menu li {
        font-size:1.2rem;
        border-top:thin solid #fff;
    }
    .footer-menue-sp .hide-menu li a {
        padding:3vw;
        color:#fff;
        display:block;
    }
    .footer-menue-sp .hide-menu::after {
        width:18px;
        height:10px;
        content:'';
        background-image: url(../img/img-renew2311/triangle_hidemenue.svg);
        background-size:cover;
        position:absolute;
        bottom:-10px;left:24px;
    }
    .modal-orange {
        padding-bottom: 30px;
        padding-top: 0;
    }
    .modal-orange a.btn-close span.icon-close::before {
        width: 3px;
        height: 91px;
        top: -70px;
    }
    .modal-orange a.btn-close span.icon-close::after {
        width: 3px;
        height: 91px;
        top: -70px;
    }
    .modal-orange a.btn-close {
        width: 80px;
        font-size: 0rem;
        padding-top: 80px;
    }
    .ttl-items .btn-area01 {
        flex-wrap: wrap;
    }
    .search-form {
        align-items: center;
        padding: 24px 32px;
        justify-content: space-between;
        margin-bottom: 40px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 14px;;
    }
    .search-form .hide-sp {
        display:none;
    }
    .search-form .hide-sp.active {
        display:block;
    }
    .search-form form {
        display: flex;
        gap: 16px;
        flex-direction: column;
        margin-top:20px;
    }
    .search-form h3 {
        font-size: 1.6rem;
        font-weight: 500;
        position:relative;
        display:block;
        width:100%;
    }
    .search-form h3::after {
        width:16px;
        height:8px;
        content:'';
        background-image: url(../img/img-renew2311/arrow_down_wt.svg);
        background-size:cover;
        position:absolute;
        right:0px;
        top:50%;
        margin-top:-4px;
    }
    .search-form form div label {
        font-size: 1rem;
    }
    .result-form {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        gap:16px;
    }
    .result-form div ul li a {
        width:92px;
        height:28px;
        font-size: 1rem;
        border-radius: 6px;
    }
    .result-form div ul li a i.fas {
        font-size: 1.4rem;
        margin-right: .2em;
    }
    .result-form div h5 {
        font-size: 1rem;
    }
    .result-form p {
        font-size: 1.2rem;
    }
    .result-form form div label {
        font-size: 1rem;
        width:4em;
    }
    .search-form form div .selecter select, .result-form form div .selecter select {
        height: 28px;
        width: 130px;
        border-radius: 6px;
        font-size: 1rem;
        box-sizing: border-box;
        padding: 0px 6px;
    }
    .search-form form div .selecter::before, .result-form form div .selecter::before {
        width: 28px;
        height: 28px;
        right: 0;
        border-radius: 0 6px 6px 0;
    }
    .search-form form div .selecter, .result-form form div .selecter {
        border-radius: 6px;
    }
    .search-form form div .selecter::after, .result-form form div .selecter::after {
        width: 6px;
        height: 5px;
        right: 10px;
        top: 50%;
        margin-top: -2px;
    }
    .ttl-items h1 {
        font-size: 2.1rem;
    }
    .ttl-items p {
        font-size: 1.2rem;
    }
    .ttl-items .btn-area01 li a {
        width:calc((92vw - 10px) / 2);
        max-width: 186px;
        height: 40px;
        font-size: 1rem;
        border-radius: 6px;
    }
    .ttl-items .btn-area01 {
        margin-bottom: 24px;
    }
    .search-form form div .btn-submit input[type=submit] {
        width: 74vw;
        height: 32px;
        max-width:224px;
        font-size: 1.4rem;
        border-radius: 16px;
    }
    .item-content {
        padding-bottom: 6em;
    }
    .item-content table th, .item-content table td {
        padding: 8px 12px;
        font-size: 1rem;
        white-space:nowrap;
        min-width:84px;
    }
    .item-content.text .scroll-sp {
        width:94vw;
        overflow-x:scroll;
    }
    .item-content p {
        font-size: 1.1rem;
    }
    .item-content .pager li {
        font-size: 1.1rem;
        border-radius: 6px;
    }
    .item-content table {
        margin-bottom:2em;
    }
    .item-content.detail .col {
        width: 100%;
        padding:20px;
    }
    a.btn-detail {
        width: 100%;
        height: 40px;
        font-size: 1.6rem;
        border-radius: 24px;
    }
    .item-content.detail p.product-name {
        font-size: 1.6rem;
    }
    .item-content.detail .col h5.product-numb {
        font-size: 1.1rem;
        margin-bottom: 1em;
    }
    .item-content.detail .col h5.product-numb span.numb {
        font-size: .9rem;
        border-radius: 8px;
        margin-right: 4px;
    }
    .item-content.detail .col .product-tag li {
        font-size: 1rem;
        padding: .4em 1em;
        border-radius: 10px;
    }
    .item-content p.sp-only {
        font-size:1.4rem;
        margin-bottom:1.2em;
    }
    .pict-sign, .detail .pict-sign {
        gap: 8px;
        padding: 2em 0 4em 0;
    }
    .pict-sign li {
        width: calc((100% - 24px) / 4);
    }
    .pict-sign li img {
        width:17.8vw;
    }
    .comment-area {
        padding-left: 70px;
        margin-bottom: 30px;
    }
    .comment-area::before {
        width: 64px;
        height: 63px;
    }
    .pager {
        margin-top:4em;
    }
    .pager li {
        font-size: 1rem;
        padding: .6em 1.2em;
    }
    section.bunner-area .flxbox {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
    section.bunner-area .bunner {
        width:90%;
        max-width:387px;
        margin-left:5%;
    }
    body.product .ttl-items > .flxbox {
        flex-direction: column;
    }
    .ttl-items .product-data .flxbox {
        flex-direction: column;
    }
    body.product section.movie iframe {
        width:100%;
        height:52vw;
    }
    body.product .product-img {
        width: calc(92vw - 48px);
        margin-left:auto;
        margin-right:auto;
    }
    .stuff-comment .comment-box {
        margin-left: 100px;
    }
    .stuff-comment .comment-box::after {
        width: 80px;
        height: 80px;
        left: -100px;
        margin-top: -40px;
        background-size:cover;
    }
    .product-data .data-main tr th, .product-data .data-main tr td {
        font-size: 1.2rem;
    }
    section.specification .spec-data tr th, section.specification .spec-data tr td {
        font-size: 1.2rem;
    }
    .inner-col.pc3sp1 {
        width: 80vw;
        margin-left:auto;
        margin-right:auto;
    }
    section.feature .col .inner-col.pc3sp1 figure figcaption {
        font-size: 1.2rem;
    }
    section.feature .col .flxbox {
        gap: 30px;
    }
    section.safety ul li {
        font-size: 1.2rem;
    }
    section.related .flxbox.related-box .col {
        width: 100%;
        padding:12px;
        margin:8px;
    }
    .flxbox.related-box .col .flxbox .inner-col img {
        width: 124px;
        height: 124px;
    }
    .flxbox.related-box .inner-col.photo-area {
        flex-basis: 124px;
    }
    .related-box h5.product-numb {
        font-size: 1.1rem;
        margin-bottom:12px;
    }
    .related-box h5.product-numb span.numb {
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 4px;
        border-radius: 30px;
        margin-right: 4px;
    }
    .related-box .col p.product-name {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }
    .related-box .col p.product-comment {
        font-size: 1.1rem;
        margin-bottom: 8px;
    }
    .related-box h6.product-price {
        font-size: 1.2rem;
    }
    body.product .bg-white section {
        padding: 60px 0;
    }
    .product-box .swiper-wrapper {
        padding-bottom: 30vw;
        padding-left:20px;
        padding-right:20px;
    }
    .product-box .swiper-scrollbar {
        max-width: inherit;
        width: 92vw;
        margin: 30px auto 0;
        bottom: 60px;
        left: 50%;
        margin-left:-46vw;
    }
    .product-box .swiper-button-prev {
        margin-left: -46vw;
    }
    .product-box .swiper-button-prev::after {
        width: 30px;
        height: 30px;
    }
    .product-box .swiper-button-next {
        margin-right: -46vw;
    }
    .product-box .swiper-button-next::after {
        width: 30px;
        height: 30px;
    }
    .slick-option .slick-dots li button:before {
        font-family: sans-serif;
        content: '●';
        font-size:20px;
    }
    .slick-option .slick-dots li.slick-active button:before {
        color: #FFC82D;
    }
    .conditions h4#btn-toggle {
        position:relative;
        font-size:1.6rem;
    }
    .conditions h4#btn-toggle::after {
        width: 16px;
        height: 9px;
        content: '';
        background-image: url(../img/img-renew2311/arrow_down_gr.svg);
        background-size: cover;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -4px;
    }
    .conditions .bg-gray {
        flex-direction: column;
    }
    .conditions .hide-sp {
        display: none;
    }
    .conditions .hide-sp.active {
        display: block;
    }
    .conditions .bg-gray ul li {
        font-size: 1.2rem;
    }
    .conditions .bg-gray ul li span.label {
        font-size: 1.0rem;
        width: 90px;
        height: 24px;
        border-radius: 12px;
    }
    .conditions a.btn-serch02 {
        width: 100%;
        height: 40px;
        font-size: 1.2rem;
    }
    .dendo section.top_news .basic_ttl span, .dendo section.top_info .basic_ttl.top_page span {
        font-size: 3.2rem;
        line-height: 1.4;
        text-align: center;
        margin:0;
    }
    .dendo section.top_news .basic_ttl h2, .dendo section.top_info .basic_ttl.top_page h2 {
        font-size: 1.6rem;
        text-align: center;
    }
    .dendo section.top_news ul span.tag, .dendo section.top_info ul span.tag {
        width: 100px;
        height: 20px;
        padding:0;
        margin: 0px;
        font-size: 1rem;
        display: flex;
        border-radius: 10px;
        justify-content: center;
        align-items: center;
    }
    .dendo section.top_news ul span.day {
        width: auto;
    }
    .dendo section.top_news .news_wrap ul li, .dendo section.top_info ul li div {
        display:flex;
        flex-wrap: wrap;
        padding:15px;
        font-size:1.4rem;
    }
    .dendo section.top_news .news_wrap ul li a, .dendo section.top_info ul li a {
        flex-basis: 100%;
    }
    .dendo .top_info ul li {
        padding: 0px;
        font-size: 1.4rem;
    }
    .dendo .top_info .link_btn a {
        width: 80vw;
        height: 40px;
        max-width:324px;
        font-size: 1.6rem;
        border-radius: 20px;
    }
    .dendo .top_feature {
        padding-top:8vw;
        padding-bottom:0;
    }
    .dendo .top_feature .itemlist > div {
        width: calc((100% - 20px) / 2) !important;
        min-width: 160px;
        border-radius: 16px;
        padding: 16px;
    }
    .special_feature_other .swiper-scrollbar {
        width:86%;
    }
}


/* Footer Menue WP section 231105 */
footer .calender {
    flex-basis: 240px;
}
footer .ft-sitemap-dendo {
    flex:1;
    display:flex;
    align-self: start;
	justify-content: center;
}
footer .ft-sitemap-dendo ul.sitemap01 li {
    font-size:1.6rem;
    font-weight:500;
    white-space: nowrap;
}
footer .ft-sitemap-dendo ul.sitemap02 {
    display:flex;
    flex-wrap: wrap;
    gap:20px 60px;
    align-self: start;
    font-weight:500;
}
footer .ft-sitemap-dendo ul.sitemap02 li.ttl {
    flex-basis: 100%;
}
footer .ft-sitemap-dendo ul.sitemap02 li:not(.ttl) {
    flex-basis: auto;
}
footer .ft-sitemap-dendo ul.sitemap02 li {
    margin-bottom:0;
    font-size:16px;
    line-height:1.6;
}
footer .ft-sitemap-dendo ul.sitemap02 ul.sub-menu li {
    font-size:14px;
    position:relative;
    margin-top:.4em;
}
footer .ft-sitemap-dendo ul.sitemap02 ul.sub-menu li::before {
    width: 8px;
    height: 8px;
    content: '';
    background-image: url(../img/img-renew2311/icon_smp_lev2.svg);
    display: inline-block;
    margin-right: 4px;
    vertical-align: .1em;
}

/* SP mode */
@media screen and (max-width: 768px) {
    footer .ft-sitemap-dendo {
        margin-right:0;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp {
        margin-bottom:32px;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp li {
        font-size:1.2rem;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp li a {
        padding:10px;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp li .sub-menu {
        padding-left:1em;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp li .sub-menu li:last-child {
        border-bottom:none;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp .sp_pulldown .sub-menu{
         display: none; 
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp .sp_pulldown>a {
        position:relative;
        text-decoration: none;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp .sp_pulldown>a:after {
        width: 12px;
        height: 8px;
        content: '';
        background-image: url(../img/img-renew2311/arrow_down_gr.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 12px;
        top: 50%;
    }
}

/* コンセプト　追加202402 */
.dendo.product .ttl-page.concept {
    margin-top:80px;
    margin-bottom:80px;
}
.dendo.product .ttl-page.concept h1 {
    margin-bottom:.4em;
    font-size:clamp(3.2rem,5vw,5.6rem);
    font-weight:700;
    color:#FFC82D;
}
.dendo.product .ttl-page.concept p {
    font-size:2rem;
    letter-spacing:.1em;
    line-height: 1.6;
}
.dendo.product .box-wt {
    padding: 80px 104px;
    background-color: #fff;
    border-radius: 60px;
    margin-top: 48px;
    margin-bottom:80px;
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.4));
    box-sizing: border-box;
}
.dendo.product .content h2 {
    margin-bottom:2.18em;
    padding-bottom:0.7em;
    font-size:clamp(2rem,4.1vw,4.4rem);
    line-height:1.6;
    font-weight:700;
    text-align: center;
    position:relative;
}
/*.dendo.product .content h2::after {
    width:20px;
    height:20px;
    content:'';
    background-color: #FFC82D;
    position:absolute;
    left:50%;
    bottom:0;
    transform: translateX(-50%);
    border-radius: 50%;
}*/
.dendo.product .box-wt ul.conceptlist li {
    margin-bottom:32px;
}
.dendo.product .box-wt ul.conceptlist li:last-child {
    margin-bottom:0;
}
.dendo.product .box-wt ul.conceptlist li h4 {
    font-size:clamp(2.4rem,3.3vw,3.6rem);
	line-height:1.4;
    margin-bottom:.6em;
    color:#FFC82D;
}
.dendo.product .box-wt ul.conceptlist li h4 span {
    margin-top:.8em;
    margin-left:.2em;
    padding-left:.4em;
    display:block;
    font-weight:500;
	font-size: clamp(14px,1.9vw,20px);
    color: #808080;
    letter-spacing:.1em;
    border-left:6px solid #FFC82D;
}
.dendo.product .box-wt ul.conceptlist li p {
    font-size:clamp(1.2rem,1.6vw,1.6rem);
    line-height: 2;
    margin-bottom:0;
}
.dendo.product .box-wt .ttl-sect {
    text-align: center;
    margin-bottom:80px;
}
.dendo.product .box-wt .clm h3 {
    margin-bottom:1em;
    font-size: clamp(1.6rem,2.6vw,2.8rem);
    font-weight:700;
    line-height: 1.6;
}
.dendo.product .box-wt .clm h3 span {
    margin-top:.4em;
    padding-top:.4em;
    font-size:2rem;
    font-weight:400;
    display:inline-block;
}
.dendo.product .box-wt .concept-chart {
    padding:4em 0;
}
.dendo.product .box-wt h4.udrline-yell {
    padding:.4em;
    font-size:1.8rem;
    font-weight:700;
    line-height: 1.6;
    display:inline-block;
    border-bottom: 2px solid #FFC842;
    letter-spacing:.2em;
}
.dendo.product .box-wt .copy-concept p {
	margin-bottom:0;
    font-size:clamp(1.2rem,1.6vw,1.6rem);
    line-height: 2;
}
.dendo.product .box-wt .copy-concept p span.fs120pc {
    font-weight:500;
}
.dendo.product .box-wt .clm {
    margin-top:80px;
}
.dendo.product .box-wt .flxbox {
    display:flex;
    gap:48px;
    align-items: flex-start;
    justify-content: flex-start;
}
.dendo.product .box-wt .flxbox .copy-concept {
    flex-basis: 60%;
}
.dendo.product .box-wt .flxbox figure {
    flex-basis: calc(40% - 48px);
    text-align: center;
	padding-top:1em;
    margin: 0 auto;
}
.copy-concept p a {
	color:#FF8833;
}
a.btn-link {
	margin-top:3em;
    text-align: right;
    font-size: 2.1rem;
    font-weight: 500;
	color:#8C8C8C;
    display: block;
    position: relative;
    padding-right: 64px;
    letter-spacing: .1em;
}
.copy-concept a.btn-link {
	color:#8C8C8C;
}
a.btn-link::after {
    width: 50px;
    height: 50px;
    content: '';
    background-image: url(../img/img-renew2311/circle_arrow_right_wt.svg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -25px;
}
a.btn-link:hover {
    color:#FFC82D;
}
a.btn-link:hover::after {
    background-image:url(../img/img-renew2311/circle_arrow_right_org.svg);
} 
.dendo.product .box-wt .copy-concept h4 {
	margin-bottom:.4em;
	padding:.3em 0em .3em .6em;
	font-size: clamp(1.4rem, 1.8vw, 1.8rem);
	font-weight:700;
	line-height:1.4;
	border-left:4px solid #FFC82D;
}
.dendo.product .box-wt .copy-concept ul {
	padding-left:20px;
	list-style:disc;
}
.dendo.product .box-wt .copy-concept ul li, .dendo.product .box-wt .copy-concept ol li {
	margin-top:.8em;
	font-size: clamp(1.2rem,1.6vw,1.6rem);
	line-height:1.6;
}
.dendo.product .box-wt .copy-concept ol {
	padding-left:20px;
	list-style:decimal;
}
.dendo.product .box-wt .copy-concept ul li {
	list-style:disc;
}
.dendo.product .box-wt .copy-concept ol li  {
	list-style:decimal;
}

@media screen and (max-width: 768px) {
    .dendo.product .box-wt {
        padding:6vw;
        border-radius: 6vw;
    }
    figure.concept-chart img {
        width:100%;
        height:auto;
    }
    .dendo.product .box-wt .flxbox {
        flex-direction: column;
		gap:0;
    }
	a.btn-link {
	    font-size: 1.2rem;
	    position: relative;
	    padding-right: 3em;
	}
	a.btn-link::after {
	    width: 30px;
	    height: 30px;
	    background-size: cover;
	    margin-top: -15px;
	}
	.dendo.product .box-wt .clm {
		margin-top: 32px;
	}
	.dendo.product .content h2::after {
		width:2.7vw;
		height:2.7vw;
		min-width: 10px;
		min-height: 10px;
	}
	.dendo.product .box-wt .flxbox figure {
		margin-bottom:4.2vw;
	}
	.video-youtube iframe {width:100%;height:50vw;}
}

/* Privercy */
.dendo.product .content.privercy h2.h2-ttl {
    margin-bottom: .6em;
    padding:0 0 0 0;
    font-size: clamp(24px, 3.2vw, 3.2rem);
    line-height: 1.6;
    font-weight: 700;
    text-align: left;
    position: relative;
    background-color:transparent;
    border-left:none;
    border-bottom:3px solid #282e68
}
.dendo.product .content.privercy h2.h2-ttl::after {
    display:none;
}

.top-search .area ul li h4 {
	text-align:center;
	font-size:clamp(1.2rem,1.6vw,1.6rem);
}

/* デモ体験 */
.dendo.product .content h2.non-deco {
	padding-bottom:0;
}
.dendo.product .content h2.non-deco::after {
	content:none;
}
h3.gray-base {
	padding:0.2em 0.8em;
	color:#fff;
	background-color:#999;
}
span.yell-fig {
	color:#FFC82D;
}


/* 追加　動画一覧 */
.dendo.product .movie-list .movies {
    display:flex;
    flex-wrap: wrap;
    gap:16px;
}
.dendo.product .movie-list .movies > a {
    flex-basis: calc((100% - 64px)/ 5);
    background-color: #f3f3f3;
    display:flex;
    flex-direction: column;
}
.dendo.product .movie-list .movies > a h4 {
    padding:0.4em 1em;
    font-size:1.6rem;
    line-height:1.4;
    font-weight:500;
    margin-bottom:auto;
}
.dendo.product .movie-list h3 {
    border-bottom:4px solid #ddd;
    letter-spacing:.2em;
    padding-bottom:0.2em;
}
.dendo.product .movie-list .movies > a p {
    text-align: center;
    font-size:1.2rem;
    font-weight:700;
    border-top:thin solid #ccc;
    margin:0 1.4rem 1rem 1.4rem;
    padding-top:0.6rem;
    color:#8c8c8c;
    letter-spacing:0.1em;
}

ul.voices-list {
    display:flex;
    justify-content: center;
    gap:24px;
}
ul.voices-list li h4 {
    margin-top:1em;
    text-align: center;
    font-size: 1.6rem;
    font-weight:700;
}
ul.voices-list li {
    max-width:212px;
}
ul.voices-list li a img {
    width:100%;
    height: auto;
    box-sizing: border-box;
}
ul.voices-list li a:hover img {
    border:3px solid #FF8833;
    border-radius: 50%;
}

.voices .box-voice, .scene .box-voice {
    padding:4rem 0;
    border-bottom:3px dotted #ccc;
}
.voices .box-voice .col.copy-area, .box-voice .col.copy-area {
    flex:1;
}
.voices .box-voice .col.img-area, .scene .box-voice .col.img-area {
    flex-basis: 360px;
    width:360px;
}
.voices .box-voice .col.img-area img, .scene .box-voice .col.img-area img {
    border-radius: 32px;
    width:360px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.voices .box-voice .col.copy-area ul li h5, .scene .box-voice .col.copy-area ul li h5 {
    width: 130px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    background-color: #FFC82D;
    border-radius: 18px;
    margin-bottom: .8em;
}
.voices .box-voice .col.copy-area ul li p, .scene .box-voice .col.copy-area ul li p {
    font-size: 1.6rem;
    line-height: 2;
}
.voices .box-voice h3 {
    margin-bottom:1.5em;
    font-size:2.5rem;
    font-weight:700;
}
.voices .box-voice h3::before, .scene .box-voice h3::before {
    content:'■';
    color: #ffc72d;
    margin-right:0.4em;
}
.voices .box-voice .col.img-area .slick-voice {
}
.slick-voice .slick-track img {
    width:360px;
}
.slick-voice .slick-track .slick-slide {
    margin:0 12px;
    overflow-x: hidden;
}
.slick-voice .slick-dots li button:before {
    content:'●';
    font-size:1.6rem;
}
.slick-voice button.slick-arrow {
    top:auto;
    bottom:-44px;
    z-index:100
}
.slick-voice button.slick-prev {
    left:10%
}
.slick-voice button.slick-next {
    right:14%
}
.slick-voice button.slick-prev:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-left: none;
    border-bottom: none;
    transform: rotate(0deg);
    content: '◀';
    color: #aaa;
}
.slick-voice button.slick-next:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: none;
    border-bottom: none;
    transform: rotate(0deg);
    content: '▶';
    color: #aaa;
}

@media screen and (max-width: 768px) {
    .box-wt.voices .box-voice .col.img-area, .box-wt.scene .box-voice .col.img-area {
        flex-basis: 100%;
        width: 100%;
    }
    .slick-voice .slick-track img {
        width:70vw;
    }
    .box-wt.voices .box-voice .col.img-area img, .box-wt.scene .box-voice .col.img-area img {
        width:80vw;
    }

}

/* 利用シーン */
.scene-list {
    display:flex;
    flex-wrap: wrap;
    gap:16px;
}
.scene-list li {
    flex-basis: calc((100% - 96px)/ 7);
}
.box-wt.scene .box-voice .col.copy-area ul li p a {
    font-size:90%;
    color:#FF8833;
}
html {
    scroll-padding-top: 120px;
  }

  @media screen and (max-width: 768px) {
    .scene-list li {
        flex-basis: calc((100% - 32px)/ 3);
    }
    html {
        scroll-padding-top: 0px;
      }  
  }

  /* Demo体験追加 */
  .method-list .method{
    flex:1;
  }
  .method figure {
    margin:0 0 1rem 0;
  }
  .method p {
    font-size: 1.6rem;
    line-height: 1.6;;
  }
  .method h5 {
    margin:0;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2;
    color: #FF8833;
  }

  /*  修正 product_detail 250325 */
.product-detail-tit {
    margin-top:64px;
    margin-bottom:80px;
}
.product-detail-tit .product-img {
    padding:0 72px;
}
.product-detail-tit .data-main {
    flex:1;
}
.product-detail-tit .data-main table {
    width:100%;
    border-top: thin solid #b3b3b3;
}
.product-detail-tit .data-main tr th, .product-detail-tit .data-main tr td {
    font-size: 1.6rem;
    padding: 1em 0;
    border-bottom: thin solid #b3b3b3;
    text-align: left;
    line-height: 1.6;
}
.product-data section:first-child {
    margin-top: 0;
    margin-bottom: 80px;
}
.product-data section:first-child h3.ttl-sect {
    margin-top:0;
}
.product-detail-tit .product-img .product-tag {
    justify-content: center;
}
body.product .ttl-items .data-ex.s-type {
    padding:32px;
}
.data-ex.s-type h5.product-numb {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1rem;
    color:#fff;
}
.data-ex.s-type h5.product-numb span.numb {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 2px 6px;
    border: thin solid #fff;
    border-radius: 128px;
    margin-right: 8px;
}
.data-ex.s-type h2.product-name {
    margin-bottom:1.6em;
    font-size:24px;
    font-weight:700;
    color:#fff;
    line-height:1.4;
}
.data-ex.s-type .btn-area a.btn-detail {
    color:#fff;
    border:thin solid #ddd;
}
.data-ex.s-type .btn-area a.btn-blue {
    background-color: #67BBE6;
}
.data-ex.s-type .btn-area a.btn-yell {
    background-color: #FF8833;
}
.data-ex.s-type .btn-area a.btn-gren {
    background-color: #00AC97;;
}
.data-ex.s-type .btn-area a.btn-blue:hover, .data-ex.s-type .btn-area a.btn-yell:hover, .data-ex.s-type .btn-area a.btn-gren:hover {
    background-color: #999;
}
.data-ex.s-type .btn-area a.btn-detail::after {
    width: 6px;
    height: 12px;
    content: '';
    background-image: url(/wp-content/themes/gojo/img/img-renew2311/arrow_wr.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
}
.data-ex.s-type .pict-sign {
    padding: 0 0 2em 0;
}
.data-ex.s-type .pict-sign li {
    width: calc((100% - 24px) / 4);
}
.s-type .pict-sign {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4em 0 4em 0;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .product-detail-tit .product-img {
        padding: 0 0;
    }
    .product-detail-tit .data-main {
        width: 100%;
    }
}


/* 商品詳細ページ　修正20250414 */
.product-data table.spec-data {
    width:100%;
    margin-bottom:3em;
    border-top: thin solid #b3b3b3;
    border-left: thin solid #b3b3b3;
}
.product-data table.spec-data tr th, .product-data table.spec-data tr td {
    font-size: 1.6rem;
    padding: 1em 0.8em;
    border-bottom: thin solid #b3b3b3;
    border-right: thin solid #b3b3b3;
    text-align: left;
    line-height: 1.6;
}
.product-data table.spec-data tr td {
    background-color:#fff
}
.product-data table.spec-data tr th {
    width:25%;
    text-align: center;
    vertical-align: middle;
    background-color:#f2f2f2
}
h3.ttl-sect.gray-base {
    border:none;
    padding:0.4em 0.8em;
}
.product-data .voices .box-voice .col.img-area {
    flex-basis: 288px;
    width:288px;
}
.product-data .voices .box-voice .col.img-area img {
    border-radius: 24px;
    width: 288px;
}
h4.tit_prod::before {
    content: '■';
    color: #ffc72d;
    margin-right: 0.4em;
}

/* Guide page */
ul.dendo-bad-impress {
    margin-bottom:4rem;
    padding:4rem 8rem;
    background-color:#f8f8f8;
    border-radius: 20px;;
}
ul.dendo-bad-impress li {
    margin-bottom:0.4em;
    font-size:clamp(1.4rem,3.7vw,2.2rem);
    line-height: 1.6;
    font-weight:700;
    letter-spacing: 0.1em;
}
ul.dendo-bad-impress li::before {
    content:'✕';
    color: #FF8833;
    font-weight:900;
    font-size:180%;
    margin-right:0.4em;
    vertical-align: -0.1em;
}
.dendo.product .box-wt .copy-concept p.larg-fig {
    font-size:clamp(1.4rem,3.7vw,2rem)
}
.copy-concept p.ctr {
    text-align:center;
}

/* Q&A Page */
.dendo.product .ttl-page.concept h3 {
    font-size: 3.2rem;
    font-weight: 700;
}
.top-qa.page-qa {
    padding: 0 0 128px 0;
}
.top-qa .qa-box details summary {
    cursor: pointer;
}
.top-qa.page-qa .qa-box details summary {
    font-size: clamp(1.4rem,3.7vw,2rem);
}
.top-qa.page-qa .qa-box details  summary span.qa-head {
    font-size:clamp(2rem,5.3vw,2.8rem);
    top:-0.3em
}

/* Estimation Page */
.estimation-form form {
    padding:4rem 0;
}
.estimation-form form .form-items-wrap .title {
    font-size: clamp(1.2rem, 3.2vw, 1.6rem);
    width:25%;
    padding-left:0.5em;
}
.estimation-form form h4 {
    margin-bottom:2em;
    padding-bottom:0.4em;
    padding-top:1.5em;
    padding-left:0.5em;
    font-size: clamp(1.4rem, 3.7vw, 1.8rem);
    font-weight:700;
    letter-spacing:0.1em;
    border-bottom: 2px solid #FFC82D;
}
.estimation-form form .form-items-wrap .item label {
    font-size: clamp(1.2rem, 3.2vw, 1.6rem);
    margin-left:0.2em;
}
.estimation-form form .input-area {
    font-size:1.6rem;
}
.estimation-form form .consent-label {
    padding:3em 0;
    font-size: clamp(1.2rem, 3.2vw, 1.6rem);
}
p span.phonecall {
    font-size: clamp(1.6rem,4.3vw,2.5rem);
    font-weight: 700;
} 
@media screen and (max-width: 768px) {
    .estimation-form form .form-items-wrap .title {
        padding-left:0;
        width:100%;
    }
    ul.dendo-bad-impress {
        margin-bottom:2rem;
        padding:2rem 2rem;
        border-radius: 20px;
    }
}

/* News Information */
.news_wrap ul {
    margin-bottom:64px;
    list-style:none;
}
.news_wrap ul.list_news li {
    padding: 24px;
    border-bottom: thin solid #d1b99f;
    color: #333;
    font-size: 1.6rem;
}
.news_wrap ul.list_news li:first-child {
    border-top:thin solid #d1b99f;
}
.news_wrap ul.list_news li div {
    display:flex;
    gap:1.5em
}
.news_wrap ul.list_news li div .day {
    flex-basis: 6em;
}
.news_wrap ul.list_news li div .tag {
    width:136px;
    height:30px;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:1.4rem;
    font-weight:500;
    border-radius: 15px;
    color:#fff
}
.news_wrap ul.list_news li div .tag.info,.news_wrap ul.list_news li div .tag.other {
    background-color: #1a3168;
}
.news_wrap ul.list_news li div .tag.important-info {
	background-color: #dc4545;
}
.news_wrap ul.list_news li div .tag.blog {
	background-color: #F5A9BC;
}
.news_wrap ul.list_news li div .tag.case-study {
	background-color: #00BFFF;
}
.news_wrap ul.list_news li div .tag.how-to {
	background-color: #95D159;
}
.news_wrap ul.list_news li div .tag.system {
	background-color: #7B9BCE;
}
.news_wrap ul.list_news li div .tag.price {
	background-color: #E2CB20;
}
.news_wrap ul.list_news li div .tag.transport {
	background-color: #9060BA;
}
.news_wrap ul.list_news li div .tag.demo {
	background-color: #26A75D;
}
.news_wrap ul.list_news li div a:hover {
    color: #1a80d6;
}
/* Pager */
.news_wrap ul.pager {
    margin-bottom:0;
    margin-top:40px;
    display: flex;
    justify-content: center;
    gap: 8px;
}
.news_wrap ul.pager li {
    margin:0;
    padding: 1em 1.2em;
    font-size: 1.6rem;
    line-height: 1.2;
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    border:thin solid #ccc;
}
.news_wrap ul.pager li.current {
    background-color: #66523D;
    color: #fff;
}
.news_wrap ul.pager li i {
    padding-right:1em;
    position:relative;
}
.news_wrap ul.pager li i::after {
    width: 8px;
    height: 16px;
    content: '';
    background-image: url(/wp-content/themes/gojo/img/img-renew2311/arrow_gr.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: -0.4em;
    transform: translateY(-45%);
}
.news_wrap ul.pager li i.fa-chevron-left::after  {
    right:auto;
    left:-0.3em;
    transform: translateY(-45%) rotate(180deg);
}
.news_wrap ul.pager li:hover {
    background-color: #ded3c7;
}

/* News */
.news-data {
    margin-bottom:1em;
    font-size:1.6rem;
    display:flex;
    align-items: center;
    gap:1.2em;
}
.news-data .tag {
    width:136px;
    height:30px;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:1.4rem;
    font-weight:500;
    border-radius: 15px;
    color:#fff
}
.news-data .tag.info,.news-data .tag.other {
    background-color: #1a3168;
}
.news-data .tag.important-info {
	background-color: #dc4545;
}
.news-data .tag.blog {
	background-color: #F5A9BC;
}
.news-data .tag.case-study {
	background-color: #00BFFF;
}
.news-data .tag.how-to {
	background-color: #95D159;
}
.news-data .tag.system {
	background-color: #7B9BCE;
}
.news-data .tag.price {
	background-color: #E2CB20;
}
.news-data .tag.transport {
	background-color: #9060BA;
}
.news-data .tag.demo {
	background-color: #26A75D;
}
.dendo.product .ttl-page.news {
    margin-top: 0;
    margin-bottom: 80px;
}
.dendo.product .ttl-page.news h1 {
    margin-bottom: .4em;
    font-size: clamp(3.2rem,5vw,4.4rem);
    font-weight: 700;
    color: #8C8C8C;
    line-height:1.4;
}
.dendo.product .content.news .news_wrap {
    margin-bottom:80px;
}
.dendo.product .content.news .news_wrap:last-child {
    margin-bottom:0px;
}
.dendo.product .content.news .news_wrap h2 {
    margin-bottom: 0.6em;
    padding-bottom: 0em;
    font-size: clamp(2rem,4.1vw,3.2rem);
    line-height: 1.6;
    font-weight: 700;
    text-align: left;
    position: relative;
}
.dendo.product .content.news .news_wrap h3.gray-base {
    margin-top:2em;
    margin-bottom:0.4em;
    padding: 0.2em 0.8em 0.3em;
    font-size: clamp(1.6rem, 2.6vw, 2.8rem);
}
.dendo.product .content.news .news_wrap p {
    margin-bottom:1.5em;
    line-height:2;
    font-size:clamp(1.2rem,3.2vw,1.6rem)
}
.dendo.product .content.news .news_wrap figure {
    padding-bottom:48px;
}
.dendo.product .content.news .news_wrap figure img {
    max-width:100%;
}

@media screen and (max-width: 768px) {
    .dendo.product .content.news .news_wrap figure {
        padding-bottom:4.8vw;
    }
    .news_wrap ul.list_news li div {
        flex-wrap: wrap;
        gap:6px 8px;
    }
    .news_wrap ul.list_news li div a {
        flex-basis: 100%;
    }
    .news_wrap ul.pager li {
        font-size: 1.1rem;
        border-radius: 6px;
    }
    .news_wrap ul.pager li i::after {
        width: 6px;
        height: 11px;
    }
}

/* 追加250623 */
.wraper-news {
    max-width: 1380px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding: 100px 104px;
    background-color: #fff;
    border-radius: 60px;
    margin-top: 48px;
    margin-bottom: 80px;
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.4));
    box-sizing: border-box;
}
.wraper-news section.under_page.content {
    width:auto;
    padding:0;
}
.typology .product-box .col a {
    width:100%;
    height:100%;
    background-color:#eee;
    border-radius: 16px;
    box-sizing: border-box;
    display:block;
    padding:20px;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,.2));
    border:2px solid #fff;
}
.typology .product-box .col a:hover {
    text-decoration:none;
    border-color:#FFC82D;
}
section.movie .movie-l {
    margin-bottom:32px;
}
section.movie .movie-l iframe {
    width:100%;
    border-radius: 0;;
}
section.movie p.caption {
    margin-top:0.5em;
    margin-bottom:0;
    line-height: 1.4;;
}
section.movie .flxbox.movie-s {
    gap:24px;
    flex-direction: row;
}
section.movie .flxbox.movie-s .col a {
    background-color: #fff;
    display:block;
}
section.movie .flxbox.movie-s .col a p.caption {
    padding:0 0.4em 0.4em 0.4em;
}

@media screen and (max-width:768px) {
    .wraper-news {
        padding: 6vw;
        border-radius: 6vw;
    }
    section.movie .flxbox.movie-s {
        gap:16px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    section.movie .flxbox.movie-s .col {
        flex-basis: calc((100% - 16px)/ 2);
    }
    body.product .ttl-items .data-ex.sp-only {
        padding:0;
        flex-basis: auto;
        background-color:transparent;
    }
    body.product .ttl-items .data-ex.sp-only.s-type .pict-sign {
        padding: 0 0 0 0;
    }
    ul.footer-btn-sp {
        list-style:none;
        padding:10px;
        display:flex;
        gap:8px;
    }
    ul.footer-btn-sp li {
        flex:1;
    }
    ul.footer-btn-sp li a.btn-detail {
        height:32px;
        font-size: 1.2rem;
        border-radius: 4px;
        color: #fff;
    }
    ul.footer-btn-sp li a.btn-detail:after {
        content:none
    }
    ul.footer-btn-sp li a.btn-blue {
        background-color: #67BBE6;
    }
    ul.footer-btn-sp li a.btn-gren {
        background-color: #00AC97;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp li .sub-menu {
        padding-left: 0;
    }
}

@media screen and (min-width: 769px) {
    .estimation-form form .form-items-wrap.type-a .button {
        height: 50px;
        margin: 0 auto;
        padding:0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        color: #fff;
        font-weight: 500;
        background-color: #FF8833;
        border: 2px solid #FF8833;
        border-radius: 25px;
        letter-spacing: 0em;
        position: relative;
    }
    .estimation-form form .form-items-wrap.type-a .button:hover {
        background-color: #fff;
        color: #FF8833;
    }
    footer .ft-sitemap-dendo ul.sitemap01 {
        display:flex;
        gap:72px;
    }
    footer .ft-sitemap-dendo ul.sitemap01 li ul.sub-menu {
        margin-top:24px;
    }
}

/* Modal */
body.modal-page {
    position:relative;
}
.remodal-wrapper {
    padding: 10px 10px 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}
.remodal {
    max-width: 1200px;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 80px 75px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #8C8C8C;
    background: #fff;
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
.remodal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #494d57;
    border: 0;
    outline: 0;
    background: transparent;
}
.remodal-close:before {
    font-family: sans-serif !important;
    font-size: 55px;
    line-height: 1;
    color: #FF8833;
    position: absolute;
    top: -16px;
    left: 0;
    display: block;
    width: 35px;
    content: "×";
    text-align: center;
}
.remodal p.add-item-name {
    margin-bottom:1em;
}
.remodal form .button.remodal-cancel {
    background: #67BBE6;
    color: #fff;
    border: 2px solid #67BBE6;
}
.remodal form .button.send {
    background: #00AC97;
    color: #fff;
    border: 2px solid #00AC97;
}
.remodal form .button.remodal-cancel:hover,.remodal form .button.send:hover {
    background:#999;
    border-color:#999
}
.mylist form {
    font-size:clamp(1.2rem, 1.6vw, 1.6rem);
}
.mylist form .button {
        background: #67BBE6;
        border-color: #67BBE6;
}
.mylist form .button.send {
    background:#00AC97;
    border-color:#00AC97
}
.mylist form .button:hover, .mylist form .button.send:hover {
    color:#fff;
    background:#999;
    border-color:#999
}
.mb40 {
    margin-bottom: 40px !important;
}
@media screen and (min-width: 769px) {
    form .form-items-wrap {
        display: flex;
        align-items: center;
        margin-bottom: 3rem;
        gap:32px;
    }
    form .form-items-wrap.type-a .button {
        width:100%;
        margin: 0 auto;
        font-size: 1.8rem;
        font-weight:700;
        border-radius: 40px;
        padding: 30px 10px;
    }
    .sp-tbl {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .pc {
        display: none !important;
    }
    .remodal {
        width:calc(100% - 20px);
        padding:60px 20px;
        font-size: 1.6rem;
        line-height: 160%;
    }
    form .form-items-wrap.type-a .button {
        display:block;
        width:90%;
        margin-top:20px;
        font-size: 1.6rem;
        border-radius: 20px;
    }
    .mylist form .form-items-wrap.type-a .button {
        width:80vw !important;
    }
}


/* 20250628 */
.dendo .database-ttl {
    margin-bottom:1em;
    margin-top:2.5em;
    padding:0.4em 0.6em;
    font-size:clamp(16px,4.3vw,24px);
    font-weight:700;
    border-left:0.6em solid #ffc72d
}

/* 20250702追記 */    
.wp-pagenavi span {
    padding: 1em 1.2em;
    margin: 2px 5px;
    font-size: clamp(1.2rem,3.4vw,1.6rem);
    border: thin solid #ccc;
    color: #8C8C8C!important;
    background-color: #fff;
    border-radius: 0.625em;
}
.wp-pagenavi span.current {
    padding: 1em 1.2em;
    font-size: clamp(1.2rem,3.4vw,1.6rem);
    margin: 2px 5px;
    border: thin solid #66523D;
    background-color: #66523D;
    border-radius: 0.625em;
    color:#fff !important;
}
.wp-pagenavi a {
    padding: 1em 1.2em;
    margin: 2px 5px;
    font-size: clamp(1.2rem,3.4vw,1.6rem);
    border: thin solid #ccc;
    color: #8C8C8C!important;
    background-color: #fff;
    border-radius: 0.625em;
}
.wp-pagenavi a:hover {
    color: #8C8C8C!important;
    background-color: #ded3c7;
}
.wp-pagenavi a:hover {
    text-decoration: none;
}
.news_wrap ul.pager li i {
    width:8px;
    height:16px;
    display:inline;
}
.news_wrap ul.pager li i::before {
    content:none;
}
.news_wrap ul.pager li i.fa-chevron-left::after {
    transform: translateY(-50%) rotate(180deg);
}
.news_wrap ul.pager li i::after {
    transform: translateY(-50%);
}
.news_wrap ul.pager li a:hover {
    text-decoration: none;
}

@media screen and (max-width:768px) {
    .wp-pagenavi {
        height:10vw
    }
    .wp-pagenavi span, .wp-pagenavi span.current, .wp-pagenavi a {

    margin: 0px 2px;
        padding: 0.4em 0.6em;
    }
}
@media print, screen and (min-width: 769px) {
	footer .ft-sitemap-dendo ul.sitemap02 {
	    gap: 10px 60px;
	}
	footer .ft-sitemap-dendo ul.sitemap02 li.ttl {
	    margin-top: -0.3em;
	}
}


/* 追加250717 */
a.btn-link.view-more::after, section.customer a.btn-link.view-more::after {
    width:50px;
    height:50px;
    font-family: "Font Awesome 6 Free";
    content: "\f078";
    font-weight: 900;
    background-image:none;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid #ccc;
    border-radius: 50%;
}
a.btn-link.view-more:hover::after, section.customer a.btn-link.view-more:hover::after {
    border-color: #FFC82D;
}

@media screen and (max-width:768px) {
    .copy-concept p.ctr {
        text-align: left;
    }
    .footer-menue-sp .prod-info {
        padding:10px 14px 0 14px;
        font-size:13px;
        line-height: 1.4;
        display:flex;
        flex-direction: column;
        gap:4px;
    }
}
/* 追記250722 */
.estimation-form form .form-items-wrap .title {
    line-height:1.4;
}
.estimation-form form .form-items-wrap .form-input {
    font-size: clamp(1.2rem, 3.2vw, 1.6rem);
    line-height:1.4;
    width: 75%;
}
.form-items-wrap.confirm-btn {
    margin-bottom:0rem;
    margin-top:6rem;
    justify-content: center;
}
.form-items-wrap.confirm-btn button {
    padding:1.8rem;
    border-radius: 10rem;
}
.form-items-wrap.confirm-btn button.btn-a {
    background-color: #FFC82D;
    border-color:#FFC82D;
}
.form-items-wrap.confirm-btn button.btn-b {
    background-color: #FF8833;
    border-color:#FF8833;
}
.form-items-wrap.confirm-btn button.btn-a:hover {
    color: #FFC82D;
    background-color:#fff;
}
.form-items-wrap.confirm-btn button.btn-b:hover {
    color: #FF8833;
    background-color:#fff;
}
.copy-concept.border-flame {
    margin:2rem 0;
    padding:3rem;
    border:thin solid #ccc;
}
.dendo.product .box-wt .copy-concept.border-flame p:last-child {
    margin-bottom:0;
}

@media screen and (max-width:768px) {
    .estimation-form form .form-items-wrap .title, .estimation-form form .form-items-wrap .form-input {
        width:100%;
    }
    .form-items-wrap.confirm-btn {
        display:flex;
        flex-direction: column;
        gap:20px;
    }
}

/* 追記0729 */
.dendo.product .movie-list .movies a.movie-box.hidden-box {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-out;
}
.dendo.product .movie-list .movies a.movie-box.hidden-box.show {
    max-height: 2000px;
    opacity: 1;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}
.dendo.product .movie-list a.view-more::before {
    cursor: pointer;
    content:'もっと見る';
}
.dendo.product .movie-list a.view-more.active::before {
    content:'閉じる'
}
.dendo.product .movie-list a.view-more:after {
    transition: all .5s;
}
.dendo.product .movie-list a.view-more.active:after {
    transform: rotate(180deg);
    transition: all .5s;
}
.voices .box-voice.hidden-box {
    padding:0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-out;
}
.voices .box-voice.hidden-box.show {
    padding:4rem 0;
    max-height: 2000px;
    opacity: 1;
    transition: max-height 0.5s ease-out, opacity 0.5s 
}
.voices .view-more::before {
    content:'お客様の声をもっと見る'
}
.voices .view-more.active::before {
    content:'閉じる'
}
.voices a.view-more:after {
    transition: all .5s;
}
.voices a.view-more.active:after {
    transform: rotate(180deg);
    transition: all .5s;
}

/*追記250820*/
section.under_page h3.gray-base {
    margin-bottom: 1em;
    padding: 0.2em 0.8em;
    font-size: clamp(1.6rem,2.6vw,2.8rem);
    font-weight: 700;
    line-height: 1.6;
    color: #fff;
    background-color: #999;
}
.typology .product-box .swiper-slide {
    width:192px !important;
}
.product-box .col {
    width: 192px;
    min-width: 192px;
}

/* 追記250826 修正251001 */
.ex_news_area {
    width:90%;
    max-width:960px;
    margin:4em auto 2em auto;
    display:flex;
    gap:20px;
}
.ex_news_area h3 {
    color:#F291A1;
    font-size:1.5rem;
    font-weight:700;
}
.ex_news_area ul {
    padding:0;
    list-style:none;
}
.ex_news_area ul li a {
    margin-bottom:.6em;
    font-size:1.5rem;
    font-weight:４00;
    display:block;
    color: #fff;
    text-decoration: underline;
}
.top_news .toppage-ttl .smb-ttl {
    justify-content: flex-end;
}
.top_news .toppage-ttl .smb-ttl a.to-lineup {
    text-align:right;
}

@media print, screen and (min-width: 769px) {
    .content {
        max-width: 1380px;
        width: 94%;
        padding: 0 40px 0 10px;
    }
    .dendo section.top_news .news_wrap {
        width:94%;
        max-width: 1320px;
        margin-left:0;
        padding:16px;
        padding-left:16px;
        height:160px;
        overflow-y: scroll;
        border:thin solid #ccc;
    }
    .toppage-ttl .smb-ttl h3 {
        font-size: 2.4rem;
    }
    .toppage-ttl .smb-ttl {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0;
    }
    .toppage-ttl {
        padding: 48px 40px 20px 0px;
    }
}
@media screen and (max-width:768px) {
    .dendo section.top_news .news_wrap {
        width:calc(100% - 32px);
        height:62vw;
        padding:16px;
        overflow-y: scroll;
        border:thin solid #ccc;
    }
    .link-btn-sp {
        padding-top: 6vw;
    }
    .ex_news_area {
        margin-bottom:2em;
    }
    .ex_news_area ul li a {
        font-size:1.2rem;
    }
    .dendo.home .wrapper {
        background: linear-gradient(#555 0vw, #ddd 70vw, #fff 70vw, #fff 100%);
    }
}

/* 20251010 修正 */
@media print, screen and (min-width: 769px) {
    section.movie .flxbox.movie-s {
        flex-wrap: wrap;
    }
    section.movie .flxbox.movie-s .col {
        flex-basis: calc((100% - 48px)/3);
    }
}

/* 20251027 フォーム内対象商品 */
.dendo.product .box-wt form .form-items-wrap .item {
    display: flex;
    gap:24px;
}
.dendo.product .box-wt form .form-items-wrap .item .item-detail {
    flex:1;
    margin-left:0;
}
.dendo.product .box-wt form .form-items-wrap .item .item-detail div h3 {
    margin-bottom:.5em;
    margin-top:0em;
    color: #8C8C8C;
    font-size:2rem;
    font-weight:400;
}
.dendo.product .box-wt form .form-items-wrap .item .item-detail div h3 br.sp {
    display:block !important;
}
.dendo.product .box-wt form .form-items-wrap .item .item-detail div h3 .tag {
    padding:0em .4em;
    font-size:1.4rem;
    border-radius: 1em;
    vertical-align: .2em;
    border-color:#8C8C8C;
}
.dendo.product .box-wt form .form-items-wrap .item .item-detail div h4 {
    margin-bottom:.5em;
    padding:0;
    line-height:1.8;
    font-weight:400;
    border-bottom:none;
}
.dendo.product .box-wt form .form-items-wrap .item .item-detail div .price {
    border-top:none;
    color:#333;
    font-weight:700;
    font-size:2rem;
}
.dendo.product .box-wt form .form-items-wrap .item .img-area {
    flex-basis: 198px;
}
.dendo.product .box-wt form .form-items-wrap .item .img-area img {
    max-height:180px;
    width:auto;
    padding:8px;
    border:thin solid #ddd;
}
.dendo.product .box-wt form .form-items-wrap .mylist {
    padding:4rem;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item {
    gap:24px;
    flex-wrap: wrap;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .img-area {
    flex-basis: 198px;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .img-area img {
    max-width:180px;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .item-detail {
    flex:1;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .item-detail h3 {
    margin-top:0;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .item-detail h3 br.sp {
    display:block !important;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .item-detail p.price2 {
    color: #333;
    font-weight: 700;
    font-size: 2rem;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .box-button {
    width: auto;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .box-button .delete.button {
    width:auto;
    padding:.6em 1.2em;
    margin:0;
    background-color: #FF8833;
    border-width:0;
    box-shadow:none;
    font-size:1.4rem;
    letter-spacing:.1em;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .box-quantity {
    width:auto;
    min-width:8em;
    height:30px;
    margin-bottom:0 !important;
    display:flex;
    align-items: center;
    gap:8px;
}
.dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .box-quantity .input-area .input-text.small2 {
    width:auto;
    max-width:3em;
    padding:.2em;
    font-size:1.4rem;
}
.dendo.product .box-wt form .form-items-wrap .mylist .option-items .mylist-accordion-button {
    padding-top:2rem;
    text-align: center;
}
.dendo.product .box-wt form .form-items-wrap .mylist .option-items .mylist-accordion-button .option-btn {
    width:auto;
    padding:.6em 1.6em;
    margin-bottom:0;
    color:#FF8833;
    border-color:#FF8833;
    font-size:1.8rem;
    display:inline-block;
    border-radius: 20px;
}
.dendo.product .box-wt form .form-items-wrap .item .item-detail div .price2 {
    color: #333;
    font-weight: 700;
    font-size: 2rem;
}
.dendo.product .box-wt form .form-items-wrap .itembb {
    margin-top:5rem;
    border-bottom: none;
}
.dendo.product .box-wt form .form-items-wrap .multiple .option-items .item.type-a:not(:first-of-type) {
    margin-top: 5rem;
}
.dendo.product .box-wt form .form-items-wrap .input-area.type-d .item {
    display: flex;
    gap: 0;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .dendo.product .box-wt form .form-items-wrap .item {
        flex-direction: column;
        gap:16px;
    }
    .dendo.product .box-wt form .form-items-wrap .item .item-detail div h3 {
        font-size: 1.4rem;
    }
    .dendo.product .box-wt form .form-items-wrap .item .item-detail div h3 .tag {
        font-size: 1.1rem;
        vertical-align: 0;
    }
    .dendo.product .box-wt form .form-items-wrap .item .item-detail div h4 {
        font-size:1.3rem;
    }
    .dendo.product .box-wt form .form-items-wrap .item .item-detail div .price, .dendo.product .box-wt form .form-items-wrap .item .item-detail div .price2 {
        font-size: 1.4rem;
        text-align: left;
    }
    .dendo.product .box-wt form .form-items-wrap .item.type-a .box-quantity {
        width:100%;
        justify-content: flex-start;
    }
    .dendo.product .box-wt form .form-items-wrap .item.type-a .box-quantity .amount-area .item {
        margin:0;
    }
    .dendo.product .box-wt form .form-items-wrap .item.type-a .box-quantity .amount-area .item .fw_b {
        font-size: 1.4rem;
    }
    .dendo.product .box-wt form .form-items-wrap .item .img-area {
        margin-top:16px;
    }
    .dendo.product .box-wt form .form-items-wrap .mylist {
        padding: 1.6rem;
    }
    .dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .item-detail p.price2 {
        font-size: 1.4rem;
        text-align: left;
    }
    .dendo.product .box-wt form .form-items-wrap .item.type-a .box-quantity .input-area.type-d .item {
        flex-direction: row;
        gap:4px;
        align-items: center;
    }
    .dendo.product .box-wt form .form-items-wrap .item.type-a .box-quantity .input-area.type-d .item span {
        margin-left:0;
    }
    .dendo.product .box-wt form .form-items-wrap .mylist .mylist-item .box-button .delete.button {
        width:auto !important
    }
}


/* Add 20260119 */
.data-ex.s-type h2.product-name {
    text-align:left;
}
.dendo.product .content .product-data h2.h2-ttl {
    padding: 0.4em 0.8em;
    font-size: 2.1rem;
    border-left:none;
    color: #fff;
    background-color: #999;
    text-align:left;
}
.dendo.product .content .product-data h3.h3-ttl {
    padding:0;
    font-size: 2.1rem;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: .4em;
    background-color:transparent
}
.dendo.product .content .product-data h3.h3-ttl::before {
    content: '■';
    color: #ffc72d;
    margin-right: 0.4em;
}

.dendo.product .content .product-data h4.h4-ttl {
    margin-bottom:1.2em;
    padding:0 .4em;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 700;
    border-bottom:2px dotted #8C8C8C;
}
.dendo.product .content .product-data img {
	border-radius: 20px;
	width:100%;
}
.news_wrap .wp-pagenavi span, .news_wrap .wp-pagenavi a {
    padding: 1em 1.2em;
    font-size: clamp(1.2rem,3.4vw,1.6rem);
}
.news_wrap .wp-pagenavi span.extend {
	background-color:transparent;
	border:none;
}
.product-box .col h5.product-numb span.numb {
    font-size: 1rem;
    font-weight: 400;
    padding: 2px 4px;
    border: thin solid #8C8C8C;
    border-radius: 10px;
    margin-right: 4px;
}
.ttl-items .data-main table td p {
    margin:0;
}
/* PC size */
@media screen and (min-width: 769px) {
    body.product .product-detail-tit .product-img {
        width:calc((100% - 194px)/ 2);
        max-width: 593px;
    }
    body.product .product-detail-tit .product-img .product-slide .slider-ex {
        max-height:593px !important;
    }
	.dendo.product .content .product-data .line2,.dendo.product .content .product-data .line3,.dendo.product .content .product-data .line4 {
		display:flex;
		gap:32px;
	}
	.dendo.product .content .product-data .line2 > div,.dendo.product .content .product-data .line3 > div,.dendo.product .content .product-data .line4 > div {
		margin:0;
		float: none;
	}
	.dendo.product .content .product-data .line2 > div {
		flex-basis: calc((100% - 32px)/ 2);
		width:auto;
	}
	.dendo.product .content .product-data .line3 > div {
		flex-basis: calc((100% - 64px)/ 3);
		width:auto;
	}
	.dendo.product .content .product-data .line4 > div {
		flex-basis: calc((100% - 96px)/ 4);
		width:auto;
	}
	.product-box .swiper-wrapper {
		padding-left: 0;
        transform: translate3d(0px, 0px, 0px) !important;
	}
    .swiper.product-box {
        max-width: 1380px;
        width: 94%;
        padding: 0 40px 0 10px;
    }
}
/* SP-size */
@media screen and (max-width:768px) {
	.news_wrap .wp-pagenavi span, .news_wrap .wp-pagenavi a {
		padding:.8em .6em;
	}
}

/* 見積依頼方法ページ　追加260203 */
.dendo.product .box-wt .flxbox.mitumori {
    padding-top:20px;
    gap:64px 80px;
    flex-wrap: wrap;
}
.dendo.product .box-wt .flxbox.mitumori figure.mitumori-clm {
    margin-bottom:0;
    flex-basis: calc((100% - 80px)/ 2);
    text-align: left;
    padding-top: 0;
}
.dendo.product .box-wt .flxbox.mitumori figure.mitumori-clm img {
    border:thin solid #ccc;
}
.dendo.product .box-wt .flxbox.mitumori figure.mitumori-clm figcaption {
    margin-top:16px;
    display: flex;
    gap:18px;
}
.dendo.product .box-wt .flxbox.mitumori figure.mitumori-clm figcaption .nmb {
    width:6.25vw;
    height:6.25vw;
    max-width:48px;
    max-height:48px;
    margin-top:.2em;
    font-size: clamp(16px,3vw,24px);
    font-weight: 700;
    color: #fff;
    line-height:1;
    background-color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.dendo.product .box-wt .flxbox.mitumori figure.mitumori-clm figcaption p {
    margin-bottom:0;
    flex:1;
    font-size:clamp(1.4rem,2.6vw,2rem);
    line-height: 1.8;
}
/* SP-size */
@media screen and (max-width:768px) {
    .dendo.product .box-wt .flxbox.mitumori figure.mitumori-clm {
        flex-basis:100%
    }
    .dendo.product .box-wt .flxbox.mitumori {
        gap:24px;
    }
}

/* SP 追加260207 */
@media screen and (max-width: 768px) {
	.dendo header #h-logo img {
	    width: 52vw;
	}
    .dendo header .h-right {
    	display:block;
    }
	.dendo header .h-right .tel-area {
	    display: none;
	}
	.dendo header .h-right ul li:first-child {
	    display:none;
	}
	.dendo header .h-right ul li:last-child a {
	    width:30vw;
	    height:6.25vw;
	    max-width:200px;
	    max-height:48px;
	    font-size:clamp(1rem,2.3vw,1.75rem)
	}
    .dendo header .header-top::after {
	    width: 100%;
	    margin-bottom: 0em;
	    margin-top: 2em;
	    padding-bottom: .4em;
	    content: '営業時間：平日（土日祝除く）9:00 ～ 12:00　13:00 ～ 16:50';
	    font-size: 10px;
	    color: #555;
	    border-bottom: thin solid #ccc;
	    display: block;
	    text-align: center;
    }
    .dendo.home header .header-top::after {
	    color: #fff;
    }
    .dendo header .header-top {
	    margin-bottom: 2em;
	    flex-wrap:wrap;
	}
	.ex_news_area {
	    margin-top: 2em;
	}
	.result-form .flxbox {
	    gap: 2em;
	}
	.result-form form div .selecter select {
		width:26vw;
		max-width:130px;
	}
	.product-box .col {
	    min-width: 160px !important;
	    padding: 0;
	}
	.ttl-items {
	    margin-top: 16px;
	}
	article {
	    margin-top: 24px;
	}
	body.product .content .breadcrumbs {
		display:none;
	}
	.product-detail-tit .data-main tr th, .product-detail-tit .data-main tr td {
	    font-size: clamp(1.4rem,1.8vw,1.6rem);
	}
	.product-detail-tit .data-main tr td {
		padding-left:1em;
	}
	.product-data table.spec-data tr th, .product-data table.spec-data tr td {
	    font-size: clamp(1.4rem,1.8vw,1.6rem);
	}
	.pict-sign li img {
	    width: 17.8vw;
	    min-width:32px;
	}
	body.product .ttl-items .data-ex.sp-only {
	    width: 100%;
	}
	.ttl-items .product-data .voices .flxbox.box-voice {
		flex-direction:column-reverse
	}
	.product-data .voices .box-voice .col.img-area {
		flex-basis:auto;
	}
}

/* Tablet 追加 */
@media screen and (min-width: 769px) and (max-width: 1160px) {
	.dendo header .header-top {
	    min-width: inherit;
	}
	.dendo header .h-right ul li a {
	    width: 17vw;
	    height:4vw:
	    max-height: 48px;
	    max-width:200px;
	    font-size: clamp(1.4rem,1.5vw,1.75rem);	
	}
	.dendo header #h-logo img {
		width:18vw;
	    max-width: 220px;
	}
	.dendo .wrapper .header-fix {
	    min-width: inherit;
	}
	.dendo .wrapper .header-fix nav ul.main-nav {
	    gap: 16px;
	}
	.dendo .wrapper .header-fix nav ul.main-nav li a {
	    font-size: clamp(1.3rem,1.3vw,1.6rem);
	}
	.dendo .wrapper .header-fix nav ul.main-nav li a span.e-nav {
	    display: block;
	    font-size: clamp(1rem,1.2vw,1.4rem);
	}
	body.product .ttl-items .data-ex.s-type {
		padding:12px;
		flex-basis:34vw;
	    max-width: 400px;
	}
	body.product .ttl-items .data-ex.s-type .btn-area a.btn-detail {
		width:100%;
		font-size: clamp(1.6rem,1.75vw,2.1rem);
	}
	body.product .ttl-items > .flxbox {
		gap:24px
	}
	body.product .ttl-items .product-data .line2 img.yoko80tbl, body.product .ttl-items .product-data .line3 img.yoko80tbl {
	    max-width: 100%!important;
	    margin:0;
	}
	.dendo.product .content .product-data .line2, .dendo.product .content .product-data .line3, .dendo.product .content .product-data .line4 {
	    gap: 20px;
	}
	section.movie .movie-l iframe {
	    width: 100%;
	    height: 32vw;
	}
	section.movie .flxbox.movie-s .col {
	    flex-basis: calc((100% - 24px)/ 2);
	}
	section.movie .flxbox.movie-s .col a {
	    background-color: transparent;.
	}
	.ttl-items .product-data .voices .flxbox.box-voice {
		flex-direction:column-reverse
	}
	.product-data .voices .box-voice .col.img-area {
		flex-basis:auto;
	}
	.footer-wrapp.bg-orange footer .footer-cont {
	    margin-left: 16px; 
	    width: auto;
	}
	footer .footer-cont .col.flxbox {
	    gap: 24px;
	}
	footer .ft-sitemap-dendo ul.sitemap01 {
	    gap: 24px;
	}
	.footer-wrapp.bg-orange footer {
	    margin-top: 24px;
	    border-radius: 0 48px 0 0;
	    padding-top: 32px;
	    padding-right:32px;
	    padding-bottom: 32px;
	}
}

/* 追加20260213 */
.product-box p.scroll-copy {
    line-height:1.5;
    bottom:-3em;
}
.product-box .swiper-scrollbar-lock + p.scroll-copy {
    bottom:-1em;
}

/* 追記20260216 */
@media screen and (min-width: 769px) and (max-width: 1160px) {
	.ttl-items .product-data .flxbox.box-voice {
		gap:24px;
		padding-top:0;
	}
	.ttl-items .product-data .flxbox.box-voice .slick-voice {
		padding-top:16px;
		padding-bottom:16px;
	}
	.dendo .wrapper .header-fix {
		width:92vw;
	}
	.dendo .wrapper .header-fix nav ul.main-nav li.dd-menu {
		padding-right:20px;
	}
	.dendo .wrapper .header-fix nav ul.main-nav li.dd-menu a {
		display:block;
	}
	.dendo .wrapper .header-fix nav ul.main-nav li.dd-menu a::after {
		width:8px;
		height:6px;
	    right: -12px;
	    top:auto;
	    bottom:50%;
	}
}

/* 追記 20260225 */
/* ブログのタグ */
.news_wrap ul.list_news li div .tag.important-info-lead {
    background-color: #dc4545;
    line-height: 1.2;
    height: auto;
    padding: .4em;
}
.home .swiper-scrollbar-drag {
    top: -16px;
}
.dendo.items .wrapper .bg-white {
    padding-bottom:48px;
}
/* タブレット */
@media screen and (min-width: 769px) and (max-width: 1160px) {
    *:focus {
        outline: none;
    }
    .special_feature_pickup {
        gap:16px 24px;
    }
    .special_feature_pickup .area {
        width: calc((100% - 48px) /3);
    }
    .result-form {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .item-content .product-box .col {
        width: calc((100% - 40px) / 3);
    }
    ul.dendo-bad-impress li {
        font-size:2.2vw;
    }
    .dendo.product .box-wt ul.conceptlist li h4 span {
        margin-top: .6em;
    }
    .scene-list li {
        flex-basis: calc((100% - 64px)/ 5);
    }
    .dendo.product .box-wt {
        padding: 32px 48px;
        border-radius: 32px;
        margin-top: 32px;
        margin-bottom: 40px;
    }
    .dendo.product .box-wt .flxbox {
        flex-direction: column;
    }
    .dendo.product .box-wt.voices .flxbox {
        flex-direction: column-reverse;
        gap:0;
    }
    .dendo.product .movie-list .movies > a {
        flex-basis: calc((100% - 32px)/ 3);
    }
    .product-box p.scroll-copy {
        bottom: -1.1em;
    }
    .voices .box-voice .col.img-area, .scene .box-voice .col.img-area {
        width:100%;
        flex-basis: 100%;
    }
    .voices .box-voice .col.img-area .slick-voice {
        width:360px;
        margin:0 auto 64px auto;
    }
    .scene .box-voice .col.img-area .slick-voice {
        width:360px;
        margin:0 auto 32px auto;
    }
    .dendo header .h-right ul li a {
        width: 17.5vw;
        height: 4vw;
        font-size: 12px;
    }
    .dendo header .h-right ul li a::before {
        right:8px;
		margin-top: -5px;
    }
	.search-form {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.search-form form div .selecter select {
		width:17vw;
		max-width:176px;
		font-size:1.2rem;
	}
	.search-form form div label {
		font-size: 1.2rem;
	}
	.carousel__block_control {
		padding-right:24px;
	}
	.special_feature_other .swiper-scrollbar {
		max-width: 580px;
	}
	.special_feature_other .swiper-button-next {
		margin-right: -39vw;
	}
	.special_feature_other .swiper-button-prev {
		margin-left: -40vw;
	}
	.dendo.product ul.scene-list li a img {
		width:14.9vw;
		height:14.9vw;
	}
}
/* SP */
@media screen and (max-width: 768px) {
    .dendo .top_feature .itemlist > div .tag {
        padding-bottom: 0;
        min-height: 0;
    }
    .dendo .top_feature .itemlist > div a > p {
        height:auto;
    }
    .dendo .top_feature .itemlist > div {
        padding-top:20px;
    }
    .top-voice .box-voice .col.copy-area ul li h5 {
        width: 128px;
        height: 24px;
        font-size: 1.3rem;
        border-radius: 12px;
    }
    .modal-orange a.btn-close span.icon-close::before {
        width: 3px;
        height: 48px;
        top: -48px;
    }
    .modal-orange a.btn-close span.icon-close::after {
        width: 3px;
        height: 48px;
        top: -48px;
    }
    .item-content.text table tbody tr td a {
        text-decoration: underline;
        color:#007cba
    }
    .dendo.product .movie-list .movies > a {
        flex-basis: 100%;
    }
    .dendo.product .movie-list .movies > a figure {
        padding: 12px;
        display: flex;
        justify-content: center;
    }
    .dendo.product .content .product-data .movie-s img {
        border-radius: 0;
    }
    .product-box .swiper-scrollbar-lock + p.scroll-copy {
        bottom:-2em;
        font-size:1.3rem;
    }
    .fancybox-title-over #fancybox-title-over {
        font-size:1rem;
    }
    #fancybox-outer {
        padding-bottom:60px;
    }
    .remodal-close {
        top: -8px !important;
        right: 8px !important;
    }
    .dendo.product .box-wt form .form-items-wrap .item {
        flex-direction: row;
    }
    .dendo.product .box-wt form .form-items-wrap .multiple .item {
        flex-direction: column;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp li ul.sub-menu li a, .footer-menue-sp .hide-menu li ul.sub-menu li a {
        padding-left:1.5em;
    }
    footer .ft-sitemap-dendo ul.sitemap01.sp li ul.sub-menu li a::before, .footer-menue-sp .hide-menu li ul.sub-menu li a::before {
        content: '-';
        margin-right: .5em;
    }
    .footer-menue-sp .hide-menu li a {
        padding:2vw 3vw;
    }
	.home .swiper-scrollbar-drag {
		top: -12px;
	}
	.dendo.product ul.scene-list li a img {
		width:23.8vw;
		height:23.8vw;
	}
}
.product-box p.scroll-copy {
    bottom: -2em;
}
.swiper-button-lock {
    display: flex !important;
}