@charset "utf-8";:root{--header-bar-link-color:#273349;--header-bar-link-color-8p:rgba(39,51, 73,.08);--header-bar-link-color-34p:rgba(39,51, 73,.34);--header-bar-bg-color:#ffffff;--base-font-color:#3c3c3c;--base-font-color-8p:rgba(60,60, 60,.08);--base-font-color-34p:rgba(60,60, 60,.34);--container-bg-color:#ffffff;--primary-color:#fe1914;}body,#gotop.pc i::before,#gotop.pc i::after,.label::after,.loop-section.magazine:not(.mobile) .loop-article{background-color:#ffffff;}.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{font-weight:normal;font-style:normal;}.entry,.widget-box .dp_text_widget,.widget-box .textwidget{font-size:15.5px;}.mb-theme .entry,.mb-theme .widget-box .dp_text_widget,.mb-theme .widget-box .textwidget{font-size:15.5px;}.dp-container .entry a,.dp-container .dp_text_widget a,.dp-container .textwidget a{color:#344b91;}.dp-container .entry a:hover,.dp-container .dp_text_widget a:hover,.dp-container .textwidget a:hover{color:#3e6199;}.loop-section.normal .loop-article::before,.loop-section.normal .loop-article::after,.loop-article.portfolio.mobile::before,.loop-article.portfolio.mobile::after,.inside-title::before,.wd-title::before,.entry ul li::before,.dp_text_widget ul li::before,.textwidget ul li::before,.entry ol li::before,.dp_text_widget ol li::before,.textwidget ol li::before,.dp-container pre,input[type="submit"],button[type="submit"],.search-form .submit-area button.search-btn,.dp_tab_widget_ul li.active_tab,.loop-filter-form .flt-btn.active,.single-nav .navlink::before,.single-nav .desc,.single_float_div .share-tgl,#switch_comment_type .active_tab,.footer_bar{color:#ffffff;background-color:#fe1914;}.entry ul li::before,.dp_text_widget ul li::before,.textwidget ul li::before{border:3px solid rgba(255,255,255,.64);}.inside-title::after,.wd-title::after{background-color:#f8bbd0;}.header_bar::before,.global_menu_ul .sub-menu,.global_menu_ul.mq-mode,.modal_wrapper.main_menu,.loop-section.as-mega-menu .loop-article,.loop-section.as-mega-menu .loop-date{color:#273349;background-color:#ffffff;}.header_bar{border-color:rgba(255,255,255,.8);}.header_bar,.header_bar a,.modal_wrapper.main_menu a{color:#273349;}.global_menu_nav .nav_chaser,.global_menu_ul:not(.mq-mode) .sub-menu .menu-item>a:hover,.global_menu_ul.no_pjax .menu-item.current-menu-item>a,.main_slide_menu.no_pjax .menu-item.current-menu-item>a{background-color:#f78ea2;}.header_bar .header_trigger_btn.hidden_menu>span i,.header_bar .header_trigger_btn.hidden_menu>span::before,.header_bar .header_trigger_btn.hidden_menu>span::after{background-color:#273349;}.main_slide_menu.no_pjax  .menu-item.current-menu-item>a,.global_menu_ul.no_pjax  .menu-item.current-menu-item>a,.global_menu_ul:not(.mq-mode)>.menu-item:hover>a,.global_menu_ul:not(.mq-mode) .sub-menu .menu-item>a:hover{color:#ffffff;}.main_slide_menu .menu-item,.main_slide_menu .menu-item:first-child,.main_slide_menu .menu-item .expand{border-color:rgba(39,51,73,.32);}.hidden_window{color:#fff;background-color:#2a3451;}.hidden_area_list,#hidden-searchform .words-area{background-color:rgba(255,255,255,.1);}.hidden_window a,#hidden-searchform,#hidden-searchform a,#hidden-searchform input.search-field{color:#fff;}#hidden-searchform input.search-field::-webkit-input-placeholder{color:#fff;}#hidden-searchform input.search-field:-ms-input-placeholder{color:#fff;}#hidden-searchform .preset-words-area a.pword{background-color:rgba(255,255,255,.12);}#hidden-searchform .preset-words-area a.pword:hover{background-color:rgba(255,255,255,.22);}#hidden-searchform .words-area{border-color:rgba(255,255,255,.28);}.hidden_area_list li:nth-child(1)::before{background-color:#1E9ED4;}.hidden_area_list li:nth-child(2)::before{background-color:#21D7A8;}.hidden_area_list li:nth-child(3)::before{background-color:#FA3687;}.hidden_area_list li:nth-child(4)::before{background-color:#B0D44A;}.hidden_area_list li:nth-child(5)::before{background-color:#A865D5;}.hidden_area_list li:nth-child(6)::before{background-color:#d65e33;}.global_menu_ul:not(.mq-mode) .menu-item .menu-link,.global_menu_ul:not(.mq-mode) .menu-item .menu-link *{font-size:11px;}.header-banner-inner.pc,.header-banner-inner.pc a{color:#fff;text-shadow:0 0.28vh 0.7vh rgba(0,0,0,0.32);}.header-banner-inner.mb,.header-banner-inner.mb a{color:#fff;text-shadow:0 0.22vh 0.46vh rgba(0,0,0,0.46);}#banner_caption::before,#banner_caption::after{background-color:#fff;}.mb-theme #banner_caption::before,.mb-theme #banner_caption::after{background-color:#fff;}.hd_slider:not(.mb) .swiper-slide::before{background-color:#202f54;opacity:0.08;}.hd_slider:not(.mb) .swiper-slide:hover::before,.hd_slider:not(.mb):not(.style-fade):not(.style-horizontal):not(.style-vertical):not(.style-cube) .swiper-slide.swiper-slide-active::before{opacity:0.04;}.hd_slider.mb .swiper-slide::before{background-color:#202f54;opacity:0.08;}.pc .ct-whole{padding-top:15vh;padding-bottom:12vh;}.pc .ct-whole.not-home{padding-top:calc(15vh + 74px);}.pc .ct-whole.not-home{padding-bottom:calc(12vh + 60px);}.pc .ct-whole:not(.body-bgimg):not(.video){padding-bottom:calc(12vh + 2.5vw + 60px);}.mb-theme .ct-whole{padding-top:6vh;padding-bottom:6vh;}.mb-theme.not-home .ct-whole{padding-bottom:calc(6vh + 36px);}.ct-whole.no_bgimg::before{background:linear-gradient(135deg, #fe1914 0%,rgba(0,0,0,.3) 50%,#f8bbd0 100%);}.ct-whole.bgimg::before{background:linear-gradient(135deg, #fe1914 0%,rgba(0,0,0,.3) 50%,#f8bbd0 100%);}.ct-whole .inner-bg{filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='10' result='b'/%3E%3CfeMorphology operator='dilate' radius='10'/%3E %3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E %3C/svg%3E#a");}.dp-container,.dp-container a,#dp_breadcrumb_nav.no_title a{color:#3c3c3c;}.dp-container::before{}.dp-container::after{background-color:#ffffff;opacity:0.92;}.page-shutter,.swiper-slide .sl-meta .sl-cat,.ct-whole,.loop-bg::before,.loop-media-icon.cat-bg i.default::before,.loop-media-icon.cat-bg i.default::after,.loop-section.magazine .loop-col.one::before,.loop-section.portfolio.two .loop-table.forward,.loop-section.portfolio.two .loop-post-thumb::after,.dp_comment_list_section li.comment::after,.dp_comment_list_section li.trackback::after,.dp_comment_list_section li.pingback::after,.dp_related_posts.vertical li::after,.recent_entries li::after,.widget_nav_menu li a::after,.widget_pages li a::after,.widget_categories li a::after,.widget_categories .cat-item .count,#wp-calendar tbody td a::before,.footer::after,#gotop.pc{background-color:#fe1914;}.header_bar.mb::after,.loop-bg:not(.forward).gradient-bg::before,.swiper-slide .sl-content.sl-meta::before,.author_img::before,.footer_bar::before{background:linear-gradient(135deg, #fe1914 0%,#f8bbd0 100%);}.dp_tab_widget_ul li.active_tab,.loop-filter-form .flt-btn.active{box-shadow:5px 5px 0 #fe1914;}.loop-section.normal:not(.mobile) .loop-col.one,.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover{box-shadow:0 0 0 1px, 8px 8px 0 #fe1914;}.loop-section.news .loop-article:hover .loop-col.one{background-color:#ffffff;}.loop-section.normal.mobile .loop-col.one{box-shadow:0 0 0 1px, 4px 4px 0 #fe1914;}.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover .loop-col.one{box-shadow:0 0 0 1px, 8px 8px 0 rgba(254,25,20,.72);}.label_ft{box-shadow:3px 3px 0 #fe1914;}.dp_related_posts.vertical li,.dp_related_posts.mb li,.recent_entries li,.widget_nav_menu li a,.widget_pages li a,.widget_categories li a,.dp_comment_list_section li.depth-1{box-shadow:0 -1px 0 rgba(60,60,60,.38) inset;}.dp-container .entry a{font-weight:normal;text-decoration:none;}.dp-container .entry a:hover{text-decoration:underline;}.meta-cat .cat-link>span::before,.meta-cat .cat-link>span::after,#dp_breadcrumb_nav.no_title li::after{background-color:#3c3c3c;}input[type="checkbox"]:checked,input[type="radio"]:checked {background-color:#344b91;}select{color:#3c3c3c;}.footer select{color:#ffffff;}.dp_toc_container{border-color:rgba(254, 25, 20,.2);background:#ffffff;}.dp_toc_container::before{background:rgba(254, 25, 20,.04);}.dp_toc_container p.toc_title_block>span::before,.dp_toc_container ul.dp_toc_ul>li::before{background:rgba(254, 25, 20,.16);}.dp_toc_container ul.dp_toc_ul li a,.dp_toc_container ul.dp_toc_ul li a:hover,.dp_toc_container ul.dp_toc_ul>li li::before{color:#3c3c3c;}input.gsc-input{background-color:#ffffff!important;}#hd_searchform input.gsc-input{background-color:#ffffff!important;}td.gsc-search-button{color:#3c3c3c!important;}#hd_searchform td.gsc-search-button::before{color:#273349;}#hd_searchform td.gsc-search-button{color:#273349!important;}address{border-color:#fe1914;}.tagcloud a:hover{color:#ffffff;background-color:#fe1914;border-color:#fe1914;}.entry h1::after,.entry h2::after,.entry h3::after,.entry h4::after,.entry h5::after,.entry h6::after,.dp_text_widget h1::after,.dp_text_widget h2::after,.dp_text_widget h3::after,.dp_text_widget h4::after,.dp_text_widget h5::after,.dp_text_widget h6::after,.textwidget h1::after,.textwidget h2::after,.textwidget h3::after,.textwidget h4::after,.textwidget h5::after,.textwidget h6::after{box-shadow:1px 1px rgba(254,25,20,.48), 6px 18px 30px -6px rgba(60,60,60,.09);}.author_info{background-color:rgba(254,25,20,.05);}.dp-container blockquote::before,.dp-container blockquote::after,.loop-media-icon.cat-bg i::before,.loop-section:not(.portfolio) .loop-title a::before{color:#fe1914;}body:not(.mb-theme) .wow{visibility:hidden}.footer-widget-content .widget-area {width:30.8%;}.footer-widget-content .widget-area.two{margin:0 3.8%;}.footer,.footer::before{color:#ffffff;background-color:#f78ea2;}#footer_menu_ul{background-color:rgba(255,255,255,.08);}.footer .lo-co{background-color:rgba(255,255,255,.16);}.footer .copyright{background-color:rgba(255,255,255,.24);}.footer a{color:#ffffff;}.footer a:hover{color:#f4f4f4;}.footer .dp_related_posts.vertical li:not(:hover),.footer .recent_entries li:not(:hover),.footer .widget_nav_menu li a:not(:hover),.footer .widget_pages li a:not(:hover),.footer .widget_categories li a:not(:hover){box-shadow:rgba(255,255,255,.38) 0px -1px 0px inset;}.footer .more-entry-link a{border-color:#ffffff;color:#ffffff!important;}.footer .dp_tab_widget_ul li.active_tab,.footer .loop-filter-form .flt-btn.active{box-shadow:5px 5px 0 #ffffff;}.footer .tagcloud a:hover{color:#f78ea2;background-color:#ffffff;border-color:#ffffff;}.footer .dp_tab_widget_ul li.active_tab,.footer .loop-filter-form .flt-btn.active,.footer #wp-calendar tbody td a::before,.footer .wd-title::before,.footer .wd-title::after,.footer .dp_related_posts.vertical li::after,.footer .recent_entries li::after,.footer .widget_nav_menu li a::after,.footer .widget_pages li a::after,.footer .widget_categories li a::after,.footer .search-form .preset-words-area a.pword:hover{color:#f78ea2;background:#ffffff;}.footer .cat-item .count{color:#f78ea2;background-color:rgba(255,255,255,.5);}.footer .search-form input.search-field,.footer .search-form::before{color:#ffffff;}.ftbar_btn, .ftbar_btn a{color:#ffffff;}.btn:not([class*="btn-"]),.loop-section.news .loop-date time,.loop-section .more-link a,.single_post_meta .loop-share-num .sitem,.author_info .author_sns a,.nav_to_paged a,.more-entry-link a,.dp-pagenavi a,.dp-pagenavi .page-numbers,.dp-pagenavi .current{border-color:#fe1914;color:#fe1914;}.btn:not([class*="btn-"]):hover,a.btn:not([class*="btn-"]):hover{border-color:#fe1914;}.footer .label::after{background-color:#f78ea2;}.btn:not([class*=" btn-"])::after,.label:not([class*=" label-"]),.rank_label.has_thumb{background-color:#fe1914;}/* reCAPTCHA バッジ位置を調整（デフォルト bottom:14px → 64px） */.grecaptcha-badge {    bottom: 64px !important;}@media (max-width: 768px) {    .history-scroll-note {        background: #f9f3f0; /* NaO の淡い背景色 */        border: 1px solid #e0d4cc;        padding: 8px 10px;        margin: 8px 0 14px;        font-size: 13px;        color: #7a5a4a;        border-radius: 6px;        display: flex;        align-items: center;        gap: 6px;    }    .history-scroll-note .note-icon {        font-size: 12px;        color: #c04848; /* NaO の赤アクセント */        font-weight: bold;    }}@media (max-width: 768px) {    /* 親のスクロールを無効化（これが全体スクロールの原因） */    .history-area {        overflow-x: visible !important;        padding-bottom: 0 !important;    }    /* 1注文ごと個別スクロール */    .history-set {        overflow-x: auto;        -webkit-overflow-scrolling: touch;        width: 100%;        margin-bottom: 20px;        padding-bottom: 8px;    }    .history-set table {        min-width: 900px !important;    }    table.retail {        min-width: 720px !important;    }}#cart #point_table {    width: 100% !important;}#cart .upbutton {  padding-right: 0px !important;}/* スマホ + 英語ページのときだけ、カートステップの下に余白を足す */@media screen and (max-width: 480px) {  html[lang^="en"] .usccart_navi ol.ucart {    margin-bottom: 100px !important;  /* 余白量はお好みで調整可 */  }}/* スマホ + 英語ページ：ステップ項目の右側に余白を追加 */@media screen and (max-width: 480px) {  html[lang^="en"] .usccart_navi ol.ucart li {    padding-right: 12px !important; /* 余白量はお好みで変更 */  }}@charset "utf-8";:root {    --header-bar-link-color: #273349;    --header-bar-link-color-8p: rgba(39,51, 73,.08);    --header-bar-link-color-34p: rgba(39,51, 73,.34);    --header-bar-bg-color: #ffffff;    --base-font-color: #3c3c3c;    --base-font-color-8p: rgba(60,60, 60,.08);    --base-font-color-34p: rgba(60,60, 60,.34);    --container-bg-color: #ffffff;    --primary-color: #fe1914;}body,#gotop.pc i::before,#gotop.pc i::after,.label::after,.loop-section.magazine:not(.mobile) .loop-article {    background-color: #ffffff;}.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {    font-weight: normal;    font-style: normal;}.entry,.widget-box .dp_text_widget,.widget-box .textwidget {    font-size: 15.5px;}.mb-theme .entry,.mb-theme .widget-box .dp_text_widget,.mb-theme .widget-box .textwidget {    font-size: 15.5px;}.dp-container .entry a,.dp-container .dp_text_widget a,.dp-container .textwidget a {    color: #344b91;}.dp-container .entry a:hover,.dp-container .dp_text_widget a:hover,.dp-container .textwidget a:hover {    color: #3e6199;}.loop-section.normal .loop-article::before,.loop-section.normal .loop-article::after,.loop-article.portfolio.mobile::before,.loop-article.portfolio.mobile::after,.inside-title::before,.wd-title::before,.entry ul li::before,.dp_text_widget ul li::before,.textwidget ul li::before,.entry ol li::before,.dp_text_widget ol li::before,.textwidget ol li::before,.dp-container pre,input[type="submit"],button[type="submit"],.search-form .submit-area button.search-btn,.dp_tab_widget_ul li.active_tab,.loop-filter-form .flt-btn.active,.single-nav .navlink::before,.single-nav .desc,.single_float_div .share-tgl,#switch_comment_type .active_tab,.footer_bar {    color: #ffffff;    background-color: #fe1914;}.entry ul li::before,.dp_text_widget ul li::before,.textwidget ul li::before {    border: 3px solid rgba(255,255,255,.64);}.inside-title::after,.wd-title::after {    background-color: #f8bbd0;}.header_bar::before,.global_menu_ul .sub-menu,.global_menu_ul.mq-mode,.modal_wrapper.main_menu,.loop-section.as-mega-menu .loop-article,.loop-section.as-mega-menu .loop-date {    color: #273349;    background-color: #ffffff;}.header_bar {    border-color: rgba(255,255,255,.8);}.header_bar,.header_bar a,.modal_wrapper.main_menu a {    color: #273349;}.global_menu_nav .nav_chaser,.global_menu_ul:not(.mq-mode) .sub-menu .menu-item>a:hover,.global_menu_ul.no_pjax .menu-item.current-menu-item>a,.main_slide_menu.no_pjax .menu-item.current-menu-item>a {    background-color: #f78ea2;}.header_bar .header_trigger_btn.hidden_menu>span i,.header_bar .header_trigger_btn.hidden_menu>span::before,.header_bar .header_trigger_btn.hidden_menu>span::after {    background-color: #273349;}.main_slide_menu.no_pjax .menu-item.current-menu-item>a,.global_menu_ul.no_pjax .menu-item.current-menu-item>a,.global_menu_ul:not(.mq-mode)>.menu-item:hover>a,.global_menu_ul:not(.mq-mode) .sub-menu .menu-item>a:hover {    color: #ffffff;}.main_slide_menu .menu-item,.main_slide_menu .menu-item:first-child,.main_slide_menu .menu-item .expand {    border-color: rgba(39,51,73,.32);}.hidden_window {    color: #fff;    background-color: #2a3451;}.hidden_area_list,#hidden-searchform .words-area {    background-color: rgba(255,255,255,.1);}.hidden_window a,#hidden-searchform,#hidden-searchform a,#hidden-searchform input.search-field {    color: #fff;}#hidden-searchform input.search-field::-webkit-input-placeholder {    color: #fff;}#hidden-searchform input.search-field:-ms-input-placeholder {    color: #fff;}#hidden-searchform .preset-words-area a.pword {    background-color: rgba(255,255,255,.12);}#hidden-searchform .preset-words-area a.pword:hover {    background-color: rgba(255,255,255,.22);}#hidden-searchform .words-area {    border-color: rgba(255,255,255,.28);}.hidden_area_list li:nth-child(1)::before {    background-color: #1E9ED4;}.hidden_area_list li:nth-child(2)::before {    background-color: #21D7A8;}.hidden_area_list li:nth-child(3)::before {    background-color: #FA3687;}.hidden_area_list li:nth-child(4)::before {    background-color: #B0D44A;}.hidden_area_list li:nth-child(5)::before {    background-color: #A865D5;}.hidden_area_list li:nth-child(6)::before {    background-color: #d65e33;}.global_menu_ul:not(.mq-mode) .menu-item .menu-link,.global_menu_ul:not(.mq-mode) .menu-item .menu-link * {    font-size: 11px;}.header-banner-inner.pc,.header-banner-inner.pc a {    color: #fff;    text-shadow: 0 0.28vh 0.7vh rgba(0,0,0,0.32);}.header-banner-inner.mb,.header-banner-inner.mb a {    color: #fff;    text-shadow: 0 0.22vh 0.46vh rgba(0,0,0,0.46);}#banner_caption::before,#banner_caption::after {    background-color: #fff;}.mb-theme #banner_caption::before,.mb-theme #banner_caption::after {    background-color: #fff;}.hd_slider:not(.mb) .swiper-slide::before {    background-color: #202f54;    opacity: 0.08;}.hd_slider:not(.mb) .swiper-slide:hover::before,.hd_slider:not(.mb):not(.style-fade):not(.style-horizontal):not(.style-vertical):not(.style-cube) .swiper-slide.swiper-slide-active::before {    opacity: 0.04;}.hd_slider.mb .swiper-slide::before {    background-color: #202f54;    opacity: 0.08;}.pc .ct-whole {    padding-top: 15vh;    padding-bottom: 12vh;}.pc .ct-whole.not-home {    padding-top: calc(15vh + 74px);}.pc .ct-whole.not-home {    padding-bottom: calc(12vh + 60px);}.pc .ct-whole:not(.body-bgimg):not(.video) {    padding-bottom: calc(12vh + 2.5vw + 60px);}.mb-theme .ct-whole {    padding-top: 6vh;    padding-bottom: 6vh;}.mb-theme.not-home .ct-whole {    padding-bottom: calc(6vh + 36px);}.ct-whole.no_bgimg::before {    background: linear-gradient(135deg, #fe1914 0%,rgba(0,0,0,.3) 50%,#f8bbd0 100%);}.ct-whole.bgimg::before {    background: linear-gradient(135deg, #fe1914 0%,rgba(0,0,0,.3) 50%,#f8bbd0 100%);}.ct-whole .inner-bg {    filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='10' result='b'/%3E%3CfeMorphology operator='dilate' radius='10'/%3E %3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E %3C/svg%3E#a");}.dp-container,.dp-container a,#dp_breadcrumb_nav.no_title a {    color: #3c3c3c;}.dp-container::before {}.dp-container::after {    background-color: #ffffff;    opacity: 0.92;}.page-shutter,.swiper-slide .sl-meta .sl-cat,.ct-whole,.loop-bg::before,.loop-media-icon.cat-bg i.default::before,.loop-media-icon.cat-bg i.default::after,.loop-section.magazine .loop-col.one::before,.loop-section.portfolio.two .loop-table.forward,.loop-section.portfolio.two .loop-post-thumb::after,.dp_comment_list_section li.comment::after,.dp_comment_list_section li.trackback::after,.dp_comment_list_section li.pingback::after,.dp_related_posts.vertical li::after,.recent_entries li::after,.widget_nav_menu li a::after,.widget_pages li a::after,.widget_categories li a::after,.widget_categories .cat-item .count,#wp-calendar tbody td a::before,.footer::after,#gotop.pc {    background-color: #fe1914;}.header_bar.mb::after,.loop-bg:not(.forward).gradient-bg::before,.swiper-slide .sl-content.sl-meta::before,.author_img::before,.footer_bar::before {    background: linear-gradient(135deg, #fe1914 0%,#f8bbd0 100%);}.dp_tab_widget_ul li.active_tab,.loop-filter-form .flt-btn.active {    box-shadow: 5px 5px 0 #fe1914;}.loop-section.normal:not(.mobile) .loop-col.one,.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover {    box-shadow: 0 0 0 1px, 8px 8px 0 #fe1914;}.loop-section.news .loop-article:hover .loop-col.one {    background-color: #ffffff;}.loop-section.normal.mobile .loop-col.one {    box-shadow: 0 0 0 1px, 4px 4px 0 #fe1914;}.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover .loop-col.one {    box-shadow: 0 0 0 1px, 8px 8px 0 rgba(254,25,20,.72);}.label_ft {    box-shadow: 3px 3px 0 #fe1914;}.dp_related_posts.vertical li,.dp_related_posts.mb li,.recent_entries li,.widget_nav_menu li a,.widget_pages li a,.widget_categories li a,.dp_comment_list_section li.depth-1 {    box-shadow: 0 -1px 0 rgba(60,60,60,.38) inset;}.dp-container .entry a {    font-weight: normal;    text-decoration: none;}.dp-container .entry a:hover {    text-decoration: underline;}.meta-cat .cat-link>span::before,.meta-cat .cat-link>span::after,#dp_breadcrumb_nav.no_title li::after {    background-color: #3c3c3c;}input[type="checkbox"]:checked,input[type="radio"]:checked {    background-color: #344b91;}select {    color: #3c3c3c;}.footer select {    color: #ffffff;}.dp_toc_container {    border-color: rgba(254, 25, 20,.2);    background: #ffffff;}.dp_toc_container::before {    background: rgba(254, 25, 20,.04);}.dp_toc_container p.toc_title_block>span::before,.dp_toc_container ul.dp_toc_ul>li::before {    background: rgba(254, 25, 20,.16);}.dp_toc_container ul.dp_toc_ul li a,.dp_toc_container ul.dp_toc_ul li a:hover,.dp_toc_container ul.dp_toc_ul>li li::before {    color: #3c3c3c;}input.gsc-input {    background-color: #ffffff!important;}#hd_searchform input.gsc-input {    background-color: #ffffff!important;}td.gsc-search-button {    color: #3c3c3c!important;}#hd_searchform td.gsc-search-button::before {    color: #273349;}#hd_searchform td.gsc-search-button {    color: #273349!important;}address {    border-color: #fe1914;}.tagcloud a:hover {    color: #ffffff;    background-color: #fe1914;    border-color: #fe1914;}.entry h1::after,.entry h2::after,.entry h3::after,.entry h4::after,.entry h5::after,.entry h6::after,.dp_text_widget h1::after,.dp_text_widget h2::after,.dp_text_widget h3::after,.dp_text_widget h4::after,.dp_text_widget h5::after,.dp_text_widget h6::after,.textwidget h1::after,.textwidget h2::after,.textwidget h3::after,.textwidget h4::after,.textwidget h5::after,.textwidget h6::after {    box-shadow: 1px 1px rgba(254,25,20,.48), 6px 18px 30px -6px rgba(60,60,60,.09);}.author_info {    background-color: rgba(254,25,20,.05);}.dp-container blockquote::before,.dp-container blockquote::after,.loop-media-icon.cat-bg i::before,.loop-section:not(.portfolio) .loop-title a::before {    color: #fe1914;}body:not(.mb-theme) .wow {    visibility: hidden}.footer-widget-content .widget-area {    width: 30.8%;}.footer-widget-content .widget-area.two {    margin: 0 3.8%;}.footer,.footer::before {    color: #ffffff;    background-color: #f78ea2;}#footer_menu_ul {    background-color: rgba(255,255,255,.08);}.footer .lo-co {    background-color: rgba(255,255,255,.16);}.footer .copyright {    background-color: rgba(255,255,255,.24);}.footer a {    color: #ffffff;}.footer a:hover {    color: #f4f4f4;}.footer .dp_related_posts.vertical li:not(:hover),.footer .recent_entries li:not(:hover),.footer .widget_nav_menu li a:not(:hover),.footer .widget_pages li a:not(:hover),.footer .widget_categories li a:not(:hover) {    box-shadow: rgba(255,255,255,.38) 0px -1px 0px inset;}.footer .more-entry-link a {    border-color: #ffffff;    color: #ffffff!important;}.footer .dp_tab_widget_ul li.active_tab,.footer .loop-filter-form .flt-btn.active {    box-shadow: 5px 5px 0 #ffffff;}.footer .tagcloud a:hover {    color: #f78ea2;    background-color: #ffffff;    border-color: #ffffff;}.footer .dp_tab_widget_ul li.active_tab,.footer .loop-filter-form .flt-btn.active,.footer #wp-calendar tbody td a::before,.footer .wd-title::before,.footer .wd-title::after,.footer .dp_related_posts.vertical li::after,.footer .recent_entries li::after,.footer .widget_nav_menu li a::after,.footer .widget_pages li a::after,.footer .widget_categories li a::after,.footer .search-form .preset-words-area a.pword:hover {    color: #f78ea2;    background: #ffffff;}.footer .cat-item .count {    color: #f78ea2;    background-color: rgba(255,255,255,.5);}.footer .search-form input.search-field,.footer .search-form::before {    color: #ffffff;}.ftbar_btn, .ftbar_btn a {    color: #ffffff;}.btn:not([class*="btn-"]),.loop-section.news .loop-date time,.loop-section .more-link a,.single_post_meta .loop-share-num .sitem,.author_info .author_sns a,.nav_to_paged a,.more-entry-link a,.dp-pagenavi a,.dp-pagenavi .page-numbers,.dp-pagenavi .current {    border-color: #fe1914;    color: #fe1914;}.btn:not([class*="btn-"]):hover,a.btn:not([class*="btn-"]):hover {    border-color: #fe1914;}.footer .label::after {    background-color: #f78ea2;}.btn:not([class*=" btn-"])::after,.label:not([class*=" label-"]),.rank_label.has_thumb {    background-color: #fe1914;}/* スマホ用：お問い合わせフォーム テーブル調整 */@media (max-width: 767px) {    /* テーブル自体は横幅いっぱいに */ .table-contactform7 {        width: 100%;        table-layout: fixed;    }    /* th / td を縦並びにして1列レイアウトにする */    .table-contactform7 th, .table-contactform7 td {        display: block;        width: 100%;        box-sizing: border-box;    }    /* 項目名（お名前、メールアドレス…）の行間・改行許可 */    .table-contactform7 th, .table-contactform7 .title-contactform7 {        white-space: normal;        padding: 4px 6px;    }    /* 入力欄を横幅いっぱいに */    .table-contactform7 input[type="text"], .table-contactform7 input[type="email"], .table-contactform7 input[type="file"], .table-contactform7 textarea {        width: 100% !important;        max-width: 100%;        box-sizing: border-box;    }    /* メッセージ本文だけ、少し高さを確保 */    .table-contactform7 textarea {        min-height: 140px;    }}/* pop_sp の1カラム化はそのまま */.dp_sc_fl_box.pop_sp {    display: block !important;}.dp_sc_fl_box.pop_sp .dp_sc_fl_item {    width: 100% !important;    margin: 0 0 30px 0;}/* ここからトリミングの本体 *//* 画像の枠（a.image_link）で「縦半分」＋マスク処理 */.dp_sc_fl_box.pop_sp .image_link {    position: relative;    display: block;    width: 100%;    aspect-ratio: 8 / 3;    /* 元が 4:3 の「高さを半分」にした比率 → 高さ = 幅の 3/8 = 0.375W */    overflow: hidden;    /* 枠からはみ出した上下をカット */}/* 画像自体は比率を保ったまま中央に配置 */.dp_sc_fl_box.pop_sp .image_link img {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    /* 中央基点で配置 */    width: 100%;    height: auto;    aspect-ratio: auto;    /* 以前の aspect-ratio:4/3 を上書き */    display: block;}/* 領収書 列ヘッダー（th） */#memberinfo th.receipt {    font-size: 0.8em;    /* 金額と同じ */    vertical-align: middle;    /* 金額と同じ */    width: 100px;    /* 金額と同じ幅 */    text-align: center;    /* 好みで center / right に変更可能 */}/* 領収書のセル（td）も揃える場合 */#memberinfo td.receipt {    font-size: 0.8em;    /* 金額と同じ */    vertical-align: middle;    text-align: center;    /* “DL” が中央配置で見やすい */}/* PCヘッダー：追従なし（absolute）※これはそのままでOK */html body .header_bar.pc,html body .header_bar.pc.trpt,html body .header_bar.pc.float {    position: absolute !important;    top: 0;    left: 0;    width: 100%;    -webkit-transform: none !important;    transform: none !important;}/* 通常時は透明 */html body .header_bar.pc::before,html body .header_bar.pc.trpt::before,html body .header_bar.pc.float::before {    opacity: 0 !important;}/* ★ホバー時は真っ白で透過なし */html body .header_bar.pc:hover::before,html body .header_bar.pc.trpt:hover::before,html body .header_bar.pc.float:hover::before {    opacity: 1 !important;    /* ← ここを 1 に */}/* 念のため */html body {    padding-top: 0 !important;}.customkey_message textarea {    height: 100px;}@media screen and (width: 768px) and (orientation: portrait) {    /* 親ボックス：fresco + flex_children の組み合わせ */ html body .dp_sc_fl_box.fresco.flex_children {        /* お好みで調整可能な隙間変数 */ --gap-x: 12px;        /* 横方向の隙間 */        --gap-y: 16px;        /* 縦方向の隙間 */        display: flex !important;        flex-wrap: wrap !important;        justify-content: space-between !important;        /* 横いっぱい使用 */        gap: var(--gap-y) var(--gap-x) !important;        /* 均等な隙間 */        margin: 0 20px 50px !important;        box-sizing: border-box !important;    }    /* 子要素 */    html body .dp_sc_fl_box.fresco.flex_children > .dp_sc_fl_item {        /* 横幅を gap 分差し引いて均等配置（col数問わず自然にフィット） */        flex: 1 1 calc(25% - var(--gap-x)) !important;        box-sizing: border-box !important;    }    /* 子画像（あれば） */    html body .dp_sc_fl_box.fresco.flex_children > .dp_sc_fl_item img {        display: block !important;        width: 100% !important;        height: auto !important;        margin: 0 !important;    }}/* iPad縦だけ（幅がちょうど768pxのとき）既存指定を無効化 */@media screen and (width: 768px) and (orientation: portrait) {    html body .dp_sc_fl_box {        margin-bottom: 30px !important;    }}/* ====== base: col2（PC含む共通）====== *//* 2列・gap20px（PCはこのまま） */.dp_sc_fl_box.col2 {    display: flex;    flex-wrap: wrap;    gap: 20px;    margin-left: 0;    margin-right: 0;    box-sizing: border-box;}.dp_sc_fl_box.col2 > .dp_sc_fl_item {    width: calc(50% - 10px) !important;    flex: 0 0 calc(50% - 10px) !important;    box-sizing: border-box;    text-align: center;    /* テキスト中央揃え */}/* 中の画像を横幅いっぱいに */.dp_sc_fl_box.col2 > .dp_sc_fl_item img {    display: block;    width: 100% !important;    height: auto !important;    margin: 10px 0 !important;    transition: opacity 0.3s ease;    /* スムーズなホバー効果 */}/* 画像ホバー時に半透明 */.dp_sc_fl_box.col2 > .dp_sc_fl_item img:hover {    opacity: 0.7;}/* リンク下線を削除（ホバー含む） */.dp_sc_fl_box.col2 > .dp_sc_fl_item a {    text-decoration: none !important;}/* ====== SP専用調整（外側の隙間ゼロ＋gap10）====== */@media only screen and (max-width: 420px) {    .dp_sc_fl_box.col2 {        gap: 10px;        /* 内側の隙間だけ10pxに */        padding-left: 0 !important;        padding-right: 0 !important;    }    .dp_sc_fl_box.col2 > .dp_sc_fl_item {        width: calc(50% - 5px) !important;        flex: 0 0 calc(50% - 5px) !important;    }    .dp_sc_fl_box.col2 > .dp_sc_fl_item img {        margin: 10px 0 !important;    }}/* スマホだけに適用する場合 */@media (max-width: 420px) {    .stuff-ma .dp_sc_fl_box.col4 .dp_sc_fl_item {        width: calc((100% - 30px) / 4) !important;        /* 4列、ギャップ10px×3=30px を控除 */        flex: 0 0 calc((100% - 30px) / 4) !important;        /* 幅を確定させる */        box-sizing: border-box;    }    /* 念のためギャップも明示しておく（既に10pxなら不要） */    .stuff-ma .dp_sc_fl_box {        gap: 10px !important;    }}/* 画面幅に関係なく常に適用したい場合は上の @media を外せばOK */@media only screen and (max-width: 768px) {    .stuff-ma .mt-70i {        margin-top: 0 !important;    }}@media only screen and (max-width: 420px) {    .stuff-ma .dp_sc_fl_box {        padding: 0 !important;        gap: 10px;    }}/* ---------------------------------------   共通--------------------------------------- */.dp_sc_fl_box {    display: flex;    margin-bottom: 50px;}@media screen and (max-width: 768px) {    .dp_sc_fl_box {        margin-bottom:0 !important;    }}/* ---------------------------------------   ～420px 共通--------------------------------------- */@media only screen and (max-width: 420px) {    .dp_sc_fl_box {        flex-direction:row;        flex-wrap: wrap;        gap: 10px;        padding: 0 10px;    }}/* ---------------------------------------   .stuff 内：スマホは1カラム＋画像は上60%だけ見せる   （レイアウト高さを確定→下側を物理カット）--------------------------------------- */@media only screen and (max-width: 420px) {    .stuff .dp_sc_fl_box {        flex-direction:column !important;        flex-wrap: nowrap !important;        gap: 10px !important;        padding: 20px 0px !important;    }    .stuff .dp_sc_fl_box > .dp_sc_fl_item {        flex: 0 0 100% !important;        width: 100% !important;        max-width: 100% !important;        margin-left: 0 !important;        margin-right: 0 !important;    }    /* 画像ラッパー：高さを“上60%相当”に固定し、下を隠す */    /* 元画像が横長(例:3:2～4:3)想定 → 60%表示用の可視比率を約 5:2 に設定 */    .stuff .dp_sc_fl_item .mb-20i {        margin: 0 !important;        line-height: 0 !important;        aspect-ratio: 2 / 2 !important;        /* ←可視領域の縦をグッと浅く（≒元画像の約60%） */        overflow: hidden !important;        position: relative;    }    /* 画像：可視枠いっぱいにフィット、上側を優先表示 */    .stuff .dp_sc_fl_item .mb-20i img {        display: block !important;        width: 100% !important;        height: 100% !important;        /* ラッパー高に合わせる */        object-fit: cover !important;        /* 拡大トリミング */        object-position: top !important;        /* 上基準で見せる */        margin: 0 !important;    }    /* テーマ側の汎用imgルールを打ち消し（干渉対策） */    .stuff .dp_sc_fl_item img {        max-width: unset !important;        /* 100%は上で指定済み */        height: auto;        /* ←上書き済みだが冗長にOK */    }}/* ---------------------------------------   テーマの汎用ルール弱体化（必要最小限）--------------------------------------- */@media screen and (max-width: 768px) {    .stuff .dp_sc_fl_box img {        margin:0 !important;    }}.entry img, .dp_text_widget img, .textwidget img {    /* .stuff配下では margin を個別指定するため、ここは変更しない */    max-width: 100%;    height: auto;}/* .shop 内にある場合だけ margin を上書き */.shop .entry img,.shop .dp_text_widget img,.shop .textwidget img,.shop img {    margin: 0px auto 0px 0 !important;}.shop {    margin: -10px auto 30px;}@media only screen and (max-width: 420px) {    .shop .dp_sc_fl_box {        padding: 0 0px !important;    }    .shop {        margin: -22px auto 30px;    }}/* SP：2列／数字=テキストサイズ／テキストを少し左寄せ */@media (max-width: 480px) {    /* 丸数字（既存 ::before を利用） */ .usccart_navi ol.ucart > li::before {        position: absolute !important;        left: .8em !important;        /* 丸の左位置（据え置き） */        top: 50% !important;        transform: translateY(-50%) !important;        width: 1.15em !important;        /* 丸はやや小さめのまま */        height: 1.15em !important;        line-height: 1.15em !important;        border-radius: 50% !important;        background: #f70069 !important;        color: #fff !important;        font-size: 1em !important;        /* ← 数字 = テキストサイズ */        font-weight: 700 !important;        text-align: center !important;        margin: 0 !important;        opacity: 1 !important;    }    /* テキストの左オフセットを少し詰める     (= 0.8em + 1.15em + 0.6em) */    div.usccart_navi ol.ucart > li, div.usccart_navi ol.ucart > li > a, div.usccart_navi ol.ucart > li > span {        padding-left: calc(.8em + 1.15em + .6em) !important;        display: block !important;        box-sizing: border-box !important;    }    /* 2列レイアウト（据え置き） */    .usccart_navi ol.ucart {        display: flex !important;        flex-wrap: wrap !important;        gap: 10px 10px;        margin: 0;        padding: 0;        list-style: none;    }    .usccart_navi ol.ucart > li {        flex: 0 0 calc(50% - 5px) !important;        position: relative;        float: none !important;        width: auto !important;        text-align: left !important;        white-space: nowrap;        line-height: 1.8;    }}/* スマホだけ：カート更新ボタンの右余白をなくす */@media (max-width: 480px) {    #cart .upbutton {        padding-right: 0 !important;    }}/* 既存のPC用はそのまま。スマホだけ上書き */@media (max-width: 768px) {    /* 親を横一列＋横スクロール */ #itempage .item-images {        display: flex;        flex-wrap: nowrap;        /* ← ここで縦落ちを禁止 */        gap: 12px;        overflow-x: auto;        /* 横スクロール許可 */        -webkit-overflow-scrolling: touch;        scrollbar-width: thin;    }    /* itemimg も itemsubimg も“横並びの塊”として扱う */    #itempage .itemimg, #itempage .itemsubimg {        flex: 0 0 auto;        /* 折り返さず横へ積む */        margin-bottom: 0;    }    /* サブ画像の中も横一列 */    #itempage .itemsubimg {        display: flex;        gap: 12px;        flex-wrap: nowrap;        max-width: none !important;    }    /* 枠サイズ（スマホ用に少し小さめ。数値は好みで変更OK） */    #itempage .itemimg a, #itempage .itemsubimg a {        --thumb-w: 160px;        --thumb-h: 212px;        display: block;        width: var(--thumb-w);        height: var(--thumb-h);    }    /* 画像は枠いっぱい＆トリミングで統一 */    #itempage .itemimg img, #itempage .itemsubimg img {        width: 100% !important;        height: 100% !important;        max-width: none !important;        object-fit: cover;        display: block;    }    /* もし下余白を画像に付けたい場合はここで */    #itempage .item-images img {        margin: 0 auto 20px 0 !important;    }}/* ===== SP強制：itemimg が有無にかかわらず、itemimg と itemsubimg を横一列に ===== */@media (max-width: 768px) {    /* 親：縦並び指示を無効化して横一列＋横スクロール */ #itempage .item-images {        display: flex !important;        flex-direction: row !important;        /* ← ここが決め手（column を打ち消す） */        flex-wrap: nowrap !important;        /* 折り返し禁止 */        gap: 12px;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: thin;        margin-bottom: 30px;    }    /* 子ブロックは“横へ並ぶ塊”として扱う */    #itempage .itemimg, #itempage .itemsubimg {        flex: 0 0 auto !important;        margin-bottom: 0 !important;    }    /* サブ画像の中も横一列で連結 */    #itempage .itemsubimg {        display: flex !important;        flex-direction: row !important;        flex-wrap: nowrap !important;        gap: 12px;        max-width: none !important;        /* 137px 制限を無効化 */    }    /* 枠サイズ（必要なら数値調整OK） */    #itempage .itemimg a, #itempage .itemsubimg a {        display: block !important;        width: 160px;        height: 212px;    }    /* 画像は枠いっぱい＆自然トリミングで統一 */    #itempage .itemimg img, #itempage .itemsubimg img {        width: 100% !important;        height: 100% !important;        max-width: none !important;        object-fit: cover;        display: block;    }    /* 画像に下マージンを付けたい場合（任意） */    #itempage .item-images img {        margin: 0 auto 20px 0 !important;    }}/* === PC（769px〜）: 1枚目と同サイズで横一列、見出しと干渉させない === */@media (min-width: 769px) {    /* 横並び＋下に十分な余白を確保（見出しの被り防止） */ #itempage .item-images {        display: flex !important;        flex-wrap: nowrap !important;        align-items: flex-start;        gap: 12px;        margin: 0 0 28px 0;        /* ← 被さり防止（下余白） */        clear: both;        /* ← フロートの影響を断つ */    }    /* 1枚目と2枚目以降を“横へ並べる塊”に */    #itempage .itemimg {        flex: 0 0 auto;    }    #itempage .itemsubimg {        display: flex !important;        flex-direction: row;        flex-wrap: nowrap !important;        gap: 12px;        flex: 0 1 auto;        max-width: none !important;    }    /* 1枚目のサイズに合わせて固定（横180 × 縦250） */    #itempage .itemimg a, #itempage .itemsubimg a {        display: block !important;        width: 180px !important;        height: 250px !important;    }    /* 画像は枠いっぱい＆トリミングで統一 */    #itempage .itemimg img, #itempage .itemsubimg img {        width: 100% !important;        height: 100% !important;        max-width: none !important;        object-fit: cover !important;        display: block;        margin: 0 !important;        /* テーマ側の img マージンを打消し */    }    /* 見出しがめり込むテーマの場合の最終保険 */    #itempage h3 {        clear: both;        margin-top: 8px;        position: relative;        z-index: 0;    }}#itempage .itemsubimg {    margin-bottom: 0px !important;}@media (max-width: 768px) {    /* テーブル部分を横スクロール可能に */ #cart {        width: 100% !important;        overflow-x: auto !important;        overflow-y: visible !important;        -webkit-overflow-scrolling: touch;        position: relative;        padding-bottom: 10px !important;        /* ← スクロールバーと通貨表記の間に余白 */    }    /* テーブルの幅設定（横スワイプ用） */    table#cart_table {        min-width: 720px !important;        border-collapse: collapse;        margin: 0 !important;    }    table#cart_table th, table#cart_table td {        white-space: nowrap;        padding: 8px 10px;        border-color: #e5e5e5 !important;        vertical-align: middle;    }    /* 最右列だけ少し詰める */    table#cart_table th:last-child, table#cart_table td:last-child {        padding-right: 4px !important;    }    /* ヘッダー（tfootと同じ色） */    table#cart_table thead th {        position: sticky;        top: 0;        z-index: 2;        background: #999!important;    }    /* 更新ボタン（upbutton）は固定のまま左端に */    #cart .upbutton {        position: sticky;        left: 0;        z-index: 3;        display: block;        background: inherit;    }    /* 画像の見栄え調整 */    table#cart_table img {        max-width: 80px;        height: auto;        display: block;        margin: 0 auto;    }}/* スマホ時のテーブルはみ出し対策 */@media only screen and (max-width: 768px) {    /* テーブルを親コンテナ内に収める */ #cart_table {        display: block !important;        width: 100% !important;        overflow-x: auto !important;        -webkit-overflow-scrolling: touch;    }    /* 中のtableも100%以内に制限 */    #cart_table table {        width: 100% !important;        table-layout: fixed !important;        border-collapse: collapse;    }    /* 各セルの折り返し */    #cart_table th, #cart_table td {        white-space: normal !important;        word-break: break-word !important;    }}#delivery-info #delivery_table input#search_zipcode {    padding: 3px 6px !important;}#delivery-info #delivery_table input {    margin-left: 5px !important;}#delivery-info .notes {    height: 100px;    width: 100% !important;}.customkey_message textarea {    width: 100% !important;}select {    width: 100%;}#delivery-info .customer_form dd {    padding-left: 10px !important;    padding-right: 10px !important;}/* ===== SPだけ：納品事例 2列・初手ズレ修正の確定版 ===== */@media (max-width: 767px) {    /* 1) 実際のコンテナをGrid化 */ .loop-section.lp-top.portfolio.two.mobile > .loop-div.portfolio.two.mobile.lp-col5 {        display: grid !important;        grid-template-columns: repeat(2, minmax(0, 1fr));        grid-column-gap: 16px;        grid-row-gap: 16px;        position: static !important;        height: auto !important;        overflow: visible !important;    }    /* 2) clearfix の疑似要素がグリッドの1マス目を奪うのを止める ←これがズレの犯人 */    .loop-section.lp-top.portfolio.two.mobile > .loop-div.portfolio.two.mobile.lp-col5.clearfix::before, .loop-section.lp-top.portfolio.two.mobile > .loop-div.portfolio.two.mobile.lp-col5.clearfix::after {        content: none !important;        display: none !important;    }    /* 3) Masonryのabsolute/座標/幅指定を殺し、列のまたぎも禁止 */    .loop-section.lp-top.portfolio.two.mobile > .loop-div.portfolio.two.mobile.lp-col5 > article.loop-article {        position: static !important;        left: auto !important;        top: auto !important;        float: none !important;        width: auto !important;        margin: 0 !important;        box-sizing: border-box !important;        transform: none !important;        grid-column: auto !important;        /* ← 1枚目が全幅で跨がないように */        grid-row: auto !important;    }    /* 4) サムネ・テキスト帯のはみ出し対策（必要最低限） */    .loop-section.lp-top.portfolio.two.mobile .loop-figure, .loop-section.lp-top.portfolio.two.mobile .loop-article img {        display: block;        width: 100%;        height: auto;    }    .loop-section.lp-top.portfolio.two.mobile .loop-table {        position: static !important;        height: auto !important;        min-height: 0 !important;    }}/* ===== SPだけ：画像高さ統一・カード縦揃え ===== */@media (max-width: 767px) {    /* 各カードのレイアウトを縦方向で統一 */ .loop-section.lp-top.portfolio.two.mobile > .loop-div.portfolio.two.mobile.lp-col5 > article.loop-article {        display: flex !important;        flex-direction: column !important;    }    /* figure（画像）部分を固定比率化 */    .loop-section.lp-top.portfolio.two.mobile .loop-figure {        position: relative !important;        width: 100% !important;        aspect-ratio: 4 / 5;        /* ← ここで縦横比を統一（お好みで変更可） */        overflow: hidden !important;        background-size: cover !important;        background-position: center !important;    }    /* <img> 自体も比率内でトリミング */    .loop-section.lp-top.portfolio.two.mobile .loop-figure img {        width: 100% !important;        height: 100% !important;        object-fit: cover !important;        display: block !important;    }    /* 下部テキスト部分のレイアウト安定 */    .loop-section.lp-top.portfolio.two.mobile .loop-table.forward.loop-bg {        flex: 1 1 auto !important;        height: auto !important;        background: #f8cdd4 !important;        /* 元のピンク背景を残したい場合は指定 */        padding: 10px !important;        box-sizing: border-box;    }}/* ===== SPだけ：カードの縦を完全に揃える追加ルール ===== */@media (max-width: 767px) {    /* カードを上下2段のフレックス構造に */ .loop-section.lp-top.portfolio.two.mobile > .loop-div.portfolio.two.mobile.lp-col5 > article.loop-article {        display: flex !important;        flex-direction: column !important;    }    /* 画像：比率固定（例：4:5）でトリミング */    .loop-section.lp-top.portfolio.two.mobile .loop-figure {        position: relative !important;        width: 100% !important;        aspect-ratio: 4 / 5 !important;        /* ← ここを変えれば見え方を調整可能 */        overflow: hidden !important;        background-size: cover !important;        background-position: center !important;    }    .loop-section.lp-top.portfolio.two.mobile .loop-figure img {        width: 100% !important;        height: 100% !important;        object-fit: cover !important;        display: block !important;    }    /* テキスト帯：高さを固定し、余りは省略表示に */    .loop-section.lp-top.portfolio.two.mobile .loop-table.forward.loop-bg {        flex: 0 0 210px !important;        /* ← カード下段の高さを統一（お好みで190〜230に） */        height: 190px !important;        /* 兼ねて明示 */        min-height: 190px !important;        display: flex !important;        flex-direction: column !important;        /* 背景色はテーマのまま。ここでは background を触らない */        padding: 0px 0px !important;        box-sizing: border-box !important;    }    /* タイトルは4行で省略（必要なら行数を調整） */    .loop-section.lp-top.portfolio.two.mobile .loop-title .item-link {        display: -webkit-box !important;        -webkit-box-orient: vertical !important;        -webkit-line-clamp: 4 !important;        /* ← タイトル行数 */        overflow: hidden !important;    }    /* 日付・カテゴリは下端に寄せる */    .loop-section.lp-top.portfolio.two.mobile .loop-date.eng {        margin-top: auto !important;    }    /* カテゴリ行の余白を整える（任意） */    .loop-section.lp-top.portfolio.two.mobile .cat-wrap {        margin-top: 8px !important;    }}/* テキスト部分の背景色を元の濃いピンクに戻す */.loop-section.lp-top.portfolio.two.mobile .loop-table.forward.loop-bg {    background-color: #f8bbd0 !important;    /* ← 元より少し濃いめ。お好みで調整OK */}/* ===== 日付の上下余白を統一 ===== */@media (max-width: 767px) {    .loop-section.lp-top.portfolio.two.mobile .loop-date.eng {        margin-top: 12px !important;        /* 上に余白を追加（調整可） */        margin-bottom: 12px !important;        /* 下とのバランスを合わせる */    }}@media only screen and (max-width: 420px) {    /* 通常ルール */ .dp_sc_fl_box {        flex-direction: row;        flex-wrap: wrap;        gap: 10px;        padding: 0 10px;    }    /* ord-mb 内は padding 0 に上書き */    .ord-mb .dp_sc_fl_box {        padding: 0 !important;    }}/* スマホは常に2カラム（ord-mb内のみ） */@media (max-width: 480px) {    /* 親をflexのままに固定（col4が付くケースも含めて強制） */ .ord-mb .dp_sc_fl_box.fresco.flex_children, .ord-mb .dp_sc_fl_box.col4.fresco.flex_children {        display: flex !important;        flex-wrap: wrap;        gap: 10px;        /* 画像同士の間隔 */        row-gap: 10px;    }    /* 子アイテムを2分割幅に */    .ord-mb .dp_sc_fl_box.fresco.flex_children > .dp_sc_fl_item, .ord-mb .dp_sc_fl_box.col4.fresco.flex_children > .dp_sc_fl_item {        width: calc(50% - 5px);        /* gap:10px とバランス */        margin: 0 !important;        /* 余計な下マージンを打ち消し */    }    /* 画像のはみ出し＆余白対策 */    .ord-mb .dp_sc_fl_box.fresco.flex_children img, .ord-mb .dp_sc_fl_box.col4.fresco.flex_children img {        width: 100%;        height: auto;        display: block;        margin: 0 !important;        /* グローバルの auto マージン打ち消し */    }}/* （任意）ord-mb全体の下余白をスマホだけ30px */@media (max-width: 480px) {    .ord-mb {        margin-bottom: 30px;    }}/* ① 画像の上下マージンを0に（.ord-mb 内だけ） */.ord-mb .entry img,.ord-mb .dp_text_widget img,.ord-mb .textwidget img,.ord-mb img.aligncenter {    margin: 0 auto !important;    /* 上下0、左右auto（中央寄せ） */    display: block;    /* ベースライン隙間対策 */}/* ② 行間は20pxだけに統一（どちらか一方でOK。可能なら gap を優先） */.ord-mb .dp_sc_fl_box.fresco_flex_children {    display: flex;    flex-wrap: wrap;    row-gap: 20px;    /* 推奨：行間を20pxに */}/* gap が効かない環境/テーマ対策：アイテムの下だけ20pxに */.ord-mb .dp_sc_fl_box.fresco_flex_children > .dp_sc_fi_item {    margin: 0 0 20px 0 !important;    /* 上右下左 */}@media (max-width: 768px) {    .ord-mb {        margin-bottom: 30px;    }}/* スライド全面リンク：常に指カーソルにする */.header-banner-inner .slide-full-link,#hd_slider .slide-full-link,.header-banner-inner .swiper-slide .slide-full-link {    cursor: pointer !important;    pointer-events: auto;    /* 念押し */    z-index: 99999 !important;}/* キーボード操作の見た目（任意） */.slide-full-link:focus-visible {    outline: 3px solid currentColor;    outline-offset: 2px;}/* 画像全面をクリック可能にするオーバーレイ a */.slide-full-link {    position: absolute;    inset: 0;    display: block;    z-index: 5;    text-decoration: none;}/* PCでホバー中だけ有効にしたい場合（任意） */@media (hover: hover) {    .slide-full-link {        pointer-events: none;        cursor: default;    }    .hover-activate:hover .slide-full-link {        pointer-events: auto;        cursor: pointer;    }}.loop-table {    color: #fff;}/* welcart_custimize */.item-images {    display: flex;    gap: 12px;    align-items: flex-start;    flex-wrap: wrap;}.itemimg img, .itemsubimg img {    display: block;    height: auto;}.itemsubimg {    max-width: 137px;}@media (max-width: 767px) {    .item-images {        flex-direction:column;    }}/* welcart_custimize *//* sp *//* スマホだけ改行（例：幅 767px 以下をスマホ扱い）*/br.br-sp {    display: none;}@media (max-width: 767px) {    br.br-sp {        display: inline;    }    /* display:none を解除すると <br> の改行が効く */}@media screen and (max-width: 768px) {    .single-article .eyecatch-under-title img {        max-width: 100% !important;    }    .entry, .dp_text_widget, .textwidget {        line-height: 1.6;    }    .tc {        text-align: left !important;        display: inline !important;    }    .dp_sc_fl_box {        margin-bottom: 0px !important;    }    .plx_widget {        text-align: left;    }    a.link-blue {        color: #F78EA2;        font-size: 130% !important;    }    .swiper-container:not(.alist_slider) {        height: 50vw !important;    }    .swiper-slide .title {        font-size: 1.7rem;        line-height: 1.4;    }    .swiper-slide .caption {        font-size: 1.4rem;        margin-top: 10px;        font-weight: bold;    }    .header-banner-inner.mb a {        text-shadow: 0 0.12vh 1vh rgba(0, 0, 0, 0.99);        font-weight: bold;    }}/* sp *//* cart */.send input[type="button"] {    cursor: pointer !important;    line-height: 1.8 !important;    padding: 2px 15px !important;    border: none !important;}.entry ol.ucart li {    padding: 0 !important;}article.portfolio.mobile::before, .loop-article.portfolio.mobile::after, .inside-title::before, .wd-title::before, .entry ul li::before, .dp_text_widget ul li::before, .textwidget ul li::before, .entry ol li::before, .dp_text_widget ol li::before, .textwidget ol li::before, .dp-container pre, input[type="submit"], button[type="submit"], .search-form .submit-area button.search-btn, .dp_tab_widget_ul li.active_tab, .loop-filter-form .flt-btn.active, .single-nav .navlink::before, .single-nav .desc, .single_float_div .share-tgl, #switch_comment_type .active_tab, .footer_bar {    color: #ffffff;    background-color: #F70069 !important;}.entry ol li::before, .dp_text_widget ol li::before, .textwidget ol li::before {    width: 20px !important;    height: 20px !important;    line-height: 20px !important;    vertical-align: initial !important;}#memberpages input.loginpass {    width: 100% !important;    padding-right: 0px !important;    padding-left: 0px !important;    line-height: 25px !important;}#memberpages input.loginmail {    width: 100% !important;    padding-right: 0px !important;    padding-left: 0px !important;    line-height: 25px !important;}[class^="mk-"], [class*=" mk-"] {    padding: 2px 10px 5px;}input[type="submit"] {    background-color: #F70069;}/* cart */.dp_sc_fl_item .skubutton {    margin-top: -10px;}/* mb-theme */.mb-theme .entry p, .dp_text_widget p, .textwidget p {    line-height: 1.8;}.mb-theme .entry h3, .dp_text_widget h3, .textwidget h3 {    font-size: 120%;}.mb-theme .entry h3 {    line-height: 1.5;}.mb-theme .entry h3::after, .dp_text_widget h3::after, .textwidget h3::after {    margin-bottom: -0.5rem;}.mb-theme .single-article {    margin-bottom: 20px;    padding-bottom: 20px;    position: relative;}/* mb-theme */.global_menu_ul:not(.mq-mode) .menu-item .sub-menu {    width: 240px;}.center {    text-align: center;}.dp_sc_fl_box {    display: flex;    flex-wrap: wrap;    gap: var(--des-flex-box-gap, 20px);    margin-bottom: 50px;}.dp_sc_fl_box .dp_sc_fl_item {    width: calc((100% - 40px) / 3);    box-sizing: border-box;    flex: none !important;}/* 横4つ並び */.dp_sc_fl_box.col4 .dp_sc_fl_item {    width: calc((100% - 60px) / 4);}@media only screen and (max-width: 420px) {    .dp_sc_fl_box {        flex-direction: row;        /* ← column をやめて row に */        flex-wrap: wrap;        gap: 10px;        padding: 0 10px;    }    .dp_sc_fl_box .dp_sc_fl_item {        width: calc(50% - 5px);        /* gap（=20px）を考慮して50%から調整 */        box-sizing: border-box;    }}@media screen and (max-width: 768px) {    .dp_sc_fl_box img {        margin: 5px auto 5px 0;    }    .dp_sc_fl_box p {        line-height: 1.6;    }}/** member **/#customer-info h5::after {    box-shadow: none !important;}ul.member_submenu a {    line-height: 2.3;}div.loginbox input[type="submit"] {    border: 0;    width: 100%;    max-width: 100%;}/** member **/.single-article .eyecatch-under-title img {    max-width: 500px;}/** improvement **/table.dp_sc_table.wnowrap td {    white-space: initial;}.alignnone {    display: initial;}/** improvement **//** lv2 **/.dp-container table, .dp-container dl {    width: 100%;}#widget-container-bottom {    margin-bottom: 40px !important;}p.label, span.label, div.label {    margin: 5px 0;    padding: 3px 14px 5px;}p.label.label-pink, span.label.label-pink, div.label.label-pink {    background-color: #ff90b6;}.single-article .single_post_meta {    display: none;}.loop-section.portfolio .loop-article:hover .loop-table.backward::before {    opacity: 0;}.loop-section.portfolio .loop-figure::before {    opacity: 0;}.loop-bg.forward::before {    opacity: .16;}.head_pink {    color: #ff90b6 !important;}.blue {    color: #3c3c3c;}span.label + span, div.label + span {    position: relative;    font-size: 1em;    font-weight: bold;    margin-left: 0px;    line-height: 1;    vertical-align: unset;}.content-wrap {    padding: 4vw 0 4vw;}.single-article {    margin-bottom: 0vw;    padding-bottom: 0vw;    position: relative;}.single-article:not(.has_profile):not(.as-home)::before, .single-article:not(.has_profile):not(.as-home)::after {    display: none !important;}.single-article:not(.has_profile):not(.as-home)::after {    display: none;}.entry p, .dp_text_widget p, .textwidget p {    margin: 0.2em 0 0.8em;}.entry h3 {    font-weight: 400;    font-style: normal;    color: #3c3c3c;    margin: 0rem 0rem 2rem 0rem;}.entry h4, .entry h5, .entry h6 {    font-weight: 500;    font-style: normal;    color: #3c3c3c;    margin: 0rem 0rem 0rem 0rem;    padding: 0 0rem 0rem 0;}.entry h3::after, .dp_text_widget h3::after, .textwidget h3::after {    box-shadow: none;    opacity: unset;    transform: none;    padding: 1rem 0;    margin-bottom: 0.2rem;    background-image: linear-gradient(90deg, #f8bbd0 0 25%, #b3ddb4 25% 50%, #ddcfb3 50% 75%, #b2d5de 75%);    background-repeat: no-repeat;    background-size: 100% 0.2rem;    background-position: bottom;    color: #353535;    text-align: center;}.entry h4 {    margin-top: 40px;}.entry h4, .dp_text_widget h4, .textwidget h4 {    position: relative;    padding-left: 1rem;    color: #353535;    text-align: left;    /* 下線関連のリセット */    background: none !important;    border-bottom: none !important;    box-shadow: none !important;    text-decoration: none !important;}.entry h4::after, .dp_text_widget h4::after, .textwidget h4::after {    content: none !important;    /* ::after自体を無効にする */    display: none !important;}.entry h4::before, .dp_text_widget h4::before, .textwidget h4::before {    box-shadow: none !important;    content: "";    position: absolute;    top: 0;    bottom: 0;    left: 0;    width: 0.2rem;    background-image: linear-gradient(to bottom, #b3ddb4 0% 25%, #b3ddb4 25% 50%, #ddcfb3 50% 75%, #ddcfb3 75% 100%);    border-radius: 1px;}.ct-whole {    background-color: #ff92b8;}.ct-whole .hd-title.single-title span {    padding-bottom: 1vw;    margin-bottom: .92vw;}.pc .ct-whole.not-home {    padding-top: calc(6vh + 74px);}.pc .ct-whole:not(.body-bgimg):not(.video) {    padding-bottom: calc(2vh + 2.5vw + 60px);}/** lv2 **//** top **/a.link-blue {    color: #F78EA2;    font-size: 150%;}a.link-blue:hover {    color: #FFB8C6;}.footer-container {    padding-top: 2.6vw;}.loop-bg:not(.forward).white-bg::before {    opacity: 0 !important;}body {    font-family: "Noto Serif JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,YuGothic,"Yu Gothic",sans-serif;}.loop-title .item-link {    position: relative;    font-size: 14px;}.loop-section.as-mega-menu .loop-article {    color: #f8bbd0;}.fw900 {    font-weight: 900;}.swiper-slide .sl-content .title_cap_btn {    padding: 10px 36px 12px;    border-bottom: 3px solid #ff9e9e;    letter-spacing: 0.12em;    opacity: 0.9;}.swiper-slide.style-fade .sl-content .title {    margin-bottom: 0vw;}.swiper-slide .sl-content .title_cap_btn {    font-family: "Noto Serif JP";    font-weight: bold;}.header-banner-inner.pc, .header-banner-inner.pc a {    text-shadow: 1px 2px 4px #333;    font-weight: 600;    font-family: "Noto Serif JP";}.swiper-slide .sl-content .title {    font-family: "Noto Serif JP";}.nav_to_paged a {    border-color: #F78EA2;    color: #F78EA2;}.pink2 {    color: #F78EA2;}.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover {    box-shadow: 0 0 0 1px, 8px 8px 0 #F78EA2;}.loop-section.news .loop-date time {    border-color: #F78EA2;    color: #F78EA2;}.swiper-container:not(.alist_slider) {    height: 37.5vw;}.dp-container .textwidget a {    color: #2c3d71;}.footer:not(.no-skew)::after {    background-color: #f8bbd0;}#text-6 {    margin-top: -2vw;}.loop-bg::before, .loop-media-icon.cat-bg i.default::before, .loop-media-icon.cat-bg i.default::after, .loop-section.magazine .loop-col.one::before, .loop-section.portfolio.two .loop-table.forward, .loop-section.portfolio.two .loop-post-thumb::after {    background-color: #f8bbd0;}.loop-section.portfolio.two .loop-table.forward {    background-color: #f8bbd0;}.textwidget img {    margin: 20px auto 10px 0;}.image_link {    display: block;    position: relative;}.image_link img {    display: block;    width: 100%;}.image_link:before {    content: "";    display: block;    width: 100%;    height: 100%;    position: absolute;    z-index: 2;    background: #fff;    /**/    opacity: 0;    transition: 0.3s;}.image_link:after {    content: "";    display: block;    width: 0;    height: 8px;    position: absolute;    bottom: 0;    left: 0;    z-index: 3;    transition: 0.3s;    background: #f8bbd0;    /**/}.image_link:hover:before {    opacity: 0.5;}.image_link:hover:after {    width: 100%;}.image_link2:hover {    opacity: 0.7;}.image_link2 img {    display: block;    width: 100%;    box-shadow: 5px 5px 0 #f8bbd0;}.plx_widget {    padding: 2.1% 0 0%;    margin-bottom: -1%;    color: #3c3c3c;}.widget-box {    margin-bottom: 0vw;}.widget-container.top {    padding-top: 3vw;}.widget-container.full-wide .widget-box:not(.dp_archive_widget) {    padding: 1vw 12vw 0vw;}.more-entry-link {    text-align: center;}.more-entry-link a {    border-color: #F78EA2;    color: #F78EA2;    border: 0.12vw solid;}/** others **/.tc {    text-align: center;    display: block;}.tl {    text-align: left;    display: block;}.tr {    text-align: right;    display: block;}.mt-10 {    margin-top: -10px;}.mt-10i {    margin-top: -10px !important;}.mt-20 {    margin-top: -20px;}.mt-20i {    margin-top: -20px !important;}.mt-25 {    margin-top: -25px;}.mt-30 {    margin-top: -30px;}.mt-30i {    margin-top: -30px;}.mt-40 {    margin-top: -40px;}.mt-40i {    margin-top: -40px;}.mt-50 {    margin-top: -50px;}.mt-60 {    margin-top: -60px;}.mt-70 {    margin-top: -70px;}.mt-70i {    margin-top: -70px;}.mt-80 {    margin-top: -80px;}.mt-10 {    margin-top: -10px;}.mt-10i {    margin-top: -10px !important;}.mt0i {    margin-top: 0px !important;}.mt5 {    margin-top: 5px;}.mt5i {    margin-top: 5px !important;}.mt6 {    margin-top: 5px;}.mt10 {    margin-top: 10px;}.mt10i {    margin-top: 10px !important;}.mt13 {    margin-top: 13px;}.mt15 {    margin-top: 15px;}.mt18 {    margin-top: 18px;}.mt20 {    margin-top: 20px;}.mt20i {    margin-top: 20px;}.mt22 {    margin-top: 22px;}.mt25 {    margin-top: 0px;}.mt30 {    margin-top: 30px;}.mt35 {    margin-top: 35px;}.mt37 {    margin-top: 37px;}.mt40 {    margin-top: 40px !important;}.mt50 {    margin-top: 50px !important;}.mb10 {    margin-bottom: 10px;}.mb20 {    margin-bottom: 20px !important;}.mb50 {    margin-bottom: 50px !important;}.mb60 {    margin-bottom: 60px !important;}.mb100 {    margin-bottom: 100px !important;}.mb120 {    margin-bottom: 120px !important;}.mb10i {    margin-bottom: 10px;}.mb-10 {    margin-bottom: -10px;}.mb-10i {    margin-bottom: -10px !important;}.mb-15 {    margin-bottom: -15px;}.mb-20i {    margin-bottom: -20px !important;}.mb-20 {    margin-bottom: -20px;}.mb-30 {    margin-bottom: -30px;}.mb-40 {    margin-bottom: -40px !important;}.mb-40i {    margin-bottom: -40px !important;}.mb-50 {    margin-bottom: -50px;}.mb-60 {    margin-bottom: -60px;}.mb-70 {    margin-bottom: -70px !important;}.mb0 {    margin-bottom: 0px;}.mb5 {    margin-bottom: 5px !important;}.mb10 {    margin-bottom: 10px;}.mb15 {    margin-bottom: 15px !important;}.mb20 {    margin-bottom: 20px;}.mb30 {    margin-bottom: 30px;}.mb40 {    margin-bottom: 40px !important;}.mb120 {    margin-bottom: 120px;}.ml0 {    margin-left: 0px !important;}.ml5 {    margin-left: 5px;}.ml10 {    margin-left: 10px;}.ml15 {    margin-left: 15px;}.ml20 {    margin-left: 20px;}.mr20 {    margin-right: 20px;}.mr380 {    margin-right: 380px;}.pt5 {    padding-top: 5px;}.pt10 {    padding-top: 10px;}.pt15 {    padding-top: 15px;}.pt20 {    padding-top: 20px;}.pt40 {    padding-top: 40px;}.pb3 {    padding-bottom: 3px;}.pb10 {    padding-bottom: 10px;}.pb15 {    padding-bottom: 15px;}.va15 {    vertical-align: 15%;}/** others **//* パソコンで見たときは"pc"のclassがついた画像が表示される */.pc {    display: block !important;}.sp {    display: none !important;}/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */@media only screen and (max-width: 750px) {    .pc {        display: none !important;    }    .sp {        display: block !important;    }}