@charset "utf-8"; /*-------------------------------------- header -------------------------------------- */ body , footer {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"} .ddk_head{padding: 0 0 0 0} .ddk_head .g_nav_area{max-width: 1020px; margin: 0 auto 20px;padding: 0 10px} .ddk_head .g_nav_area .nav{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: stretch} .ddk_head .g_nav_area .nav li{width: 20%;font-size: 13px} .ddk_head .g_nav_area .under_nav .flex{display: flex;justify-content: space-between;align-items: center} .ddk_head .g_nav_area .under_nav .flex ul{display: flex;justify-content: space-between;} .ddk_head .g_nav_area .under_nav .flex_footer{display: flex;justify-content: space-between;align-items: center} .ddk_head .g_nav_area .under_nav .flex_footer ul{display: flex;justify-content: space-between;} /*top_nav*/ .ddk_head .top_nav{display: flex;justify-content: space-between;padding: 0 20px;margin-bottom: 10px;align-items: center} .ddk_head .top_nav .logo_area{width: 30%} .ddk_head .top_nav .logo_area h1{font-size: 12px;margin-bottom: 5px;margin-top: 10px} .ddk_head .top_nav .logo_area img{width: 160px} .ddk_head .top_nav .common_area{display: flex; align-items: end;column-gap: 20px} .ddk_head .top_nav .common_area p{font-size: 11px;text-align: center;} .ddk_head .top_nav .common_area img{width: 30px} .ddk_head .top_nav .common_area .search{width: 150px; } .ddk_head .top_nav .common_area .search .serch_input{border: none;padding: 0.5em 0.5em 0.5em 2em;border-bottom: 1px solid #9E9D9D;background: url(https://tougyoku0303.itembox.design/item/img/top/head/search.png) no-repeat 0 center; background-size: 20px;width: 100%} .ddk_head .top_nav .common_area .search .submit_btn{display: none} .ddk_head .top_nav .common_area .cart{position: relative;} .ddk_head .top_nav .common_area .cart .fs-client-cart-count{position: absolute;padding: 0.1em 0.8em;top: 16px;right: 0px;font-size: 8px;background: #E13515;color: #fff;font-weight: bold;border-radius: 50px} /*帯*/ .ddk_head .obi{background: #666161;padding: 10px 0;color: #FFFFFF;text-align: center} .ddk_head .obi p{font-weight: bold;} .ddk_head .obi p span.day{font-weight: normal;margin-right: 1em} .ddk_head .obi p a {color: #fff} /*------ g_nav_area -----*/ .ddk_head .g_nav_area .trigger{cursor: pointer} .ddk_head .nav-megamenu {display: none;position: absolute;top: 125px;left: 0;right: 0;background: #F3F0F0;padding: 0px 0;width: 100%;margin: auto;z-index: 999;} /*開閉部分*/ .ddk_head .nav-megamenu .area{overflow: hidden; height: 0;-moz-transition: .4s; -webkit-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s;padding: 0;} .ddk_head #fs-nav .nav-li:hover .nav-megamenu .area{overflow: visible;height:100%;} /*nav-li*/ .ddk_head .g_nav_area .nav-li{background: url(https://tougyoku0303.itembox.design/item/img/top/head/nav_line.png) 100% 10px no-repeat} .ddk_head .g_nav_area .nav-li-link{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 90% center no-repeat;background-size: 6px;margin-bottom: 5px} .ddk_head .g_nav_area .nav-li-link.trigger{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_p.png) 90% center no-repeat;background-size: 11px} .ddk_head .g_nav_area .nav-li-link.trigger.active{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_m.png) 90% center no-repeat #F3F0F0;background-size: 11px} .ddk_head .g_nav_area .nav-li-link.trigger:hover{opacity: 0.8} .ddk_head .g_nav_area .nav-li-link a{display: block;width: 100%;padding: 1em 0 1em 4em} .ddk_head .g_nav_area .nav-li-link.br a{padding:0 0 0 4em} .ddk_head .g_nav_area .nav-li-link span{line-height: 1.5} .ddk_head .g_nav_area .nav-li-link span.icon1{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav1.png) 5% center no-repeat; background-size: 35px;padding: 1em 0 1em 4em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon2{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav2.png) 7% center no-repeat; background-size: 35px;padding: 1em 0 1em 4em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon3{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav3.png) 7% center no-repeat; background-size: 35px;padding: 0em 0 0em 0em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon4{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav4.png) 7% center no-repeat; background-size: 35px;padding: 0em 0 0em 0em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon5{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav5.png) 7% center no-repeat; background-size: 35px;padding: 3px 0 3px 4em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon6{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav6.png) 5% center no-repeat; background-size: 35px;padding: 0em 0 0em 0em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon7{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav7.png) 7% center no-repeat; background-size: 35px;padding: 0em 0 0em 0em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon8{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav8.png) 7% center no-repeat; background-size: 35px;padding: 0em 0 0em 0em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon9{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav9.png) 7% center no-repeat; background-size: 35px;padding: 0em 0 0em 0em;display: block} .ddk_head .g_nav_area .nav-li-link span.icon10{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav10.png) 7% center no-repeat; background-size: 35px;padding: 0em 0 0em 0em;display: block} /*nav-megamenu*/ .nav-megamenu .area .btn a{margin-top: 20px;display: inline-block;border: 5px solid #D1C68B;padding: 5px 50px 5px 45px;margin-bottom: 20px;font-size: 16px;letter-spacing: 0.3em; background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 93% center no-repeat #fff;background-size: 6px} .nav-megamenu a{color: #333030} .nav-megamenu .area{max-width: 1000px; margin: 0 auto;} .nav-megamenu .area .flex3, .nav-megamenu .area .flex4, .nav-megamenu .area .flex5, .nav-megamenu .area .flex6, .nav-megamenu .area .flex_size{display: flex;column-gap: 1%} .nav-megamenu .area .flex_size .icon {width: 12%} .nav-megamenu .area .flex5{flex-wrap: wrap} .nav-megamenu .area .flex3 .icon{width: 33%;margin-bottom: 1%} .nav-megamenu .area .flex4 .icon{width: 25%;margin-bottom: 1%} .nav-megamenu .area .flex5 .icon{width: 19.2%;margin-bottom: 1%} .nav-megamenu .area .flex6 .icon{width: 16%;margin-bottom: 1%} .nav-megamenu .box{margin-bottom: 20px} .nav-megamenu h2{font-weight: bold;margin-bottom: 5px} .nav-megamenu .hina h2{color: #D36068;} .nav-megamenu .may h2{color: #788E73;} .nav-megamenu .koi h2{color: #BAAE6C;} .nav-megamenu .area .icon .name{ font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-size: 16px; font-weight: bold;} .nav-megamenu .area.koi .icon .name{font-size: 14px} .nav-megamenu .area .icon p.name{ background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 100% center no-repeat ;background-size: 6px;display: inline-block;padding-right: 1em} .nav-megamenu .area .icon .read{font-size: 12px;line-height: 1.5} .nav-megamenu .area .icon .img{margin-bottom: 5px} .nav-megamenu .area .icon .flex{display: flex; align-items: center;justify-content: space-between} .nav-megamenu .area .icon .flex .lav{background: #BAAE6C;padding: 2px 20px; font-size: 11px; color: #fff;border-radius: 50px;line-height: 1.2} .nav-megamenu .area.hina .flex3 .icon a, .nav-megamenu .area.may .flex3 .icon a{display: block;padding:10px 20px;background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 96% center no-repeat #fff;background-size: 6px} .nav-megamenu .area .flex6 .icon{background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 96% center no-repeat #fff;background-size: 6px;} .nav-megamenu .area .flex6 .icon a{display: block;line-height: 1.3} .nav-megamenu .area.hina .flex6 .icon .icon1 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon1.png) 80% 8px no-repeat; background-size: 18px;padding:1.7em 1em 1.5em 1em;} .nav-megamenu .area.hina .flex6 .icon .icon2 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon2.png) 80% center no-repeat; background-size: 43px;padding: 1em;} .nav-megamenu .area.hina .flex6 .icon .icon3 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon3.png) 80% center no-repeat; background-size: 22px;padding: 1em;} .nav-megamenu .area.hina .flex6 .icon .icon4 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon4.png) 80% 8px no-repeat; background-size: 30px;padding:1.7em 1em 1.5em 1em;} .nav-megamenu .area.hina .flex6 .icon .icon5 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon5.png) 80% center no-repeat; background-size: 35px;padding: 1em;} .nav-megamenu .area.may .flex6 .icon .icon1 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon1.png) 80% 8px no-repeat; background-size: 25px;padding:1.7em 1em 1.5em 1em;} .nav-megamenu .area.may .flex6 .icon .icon2 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon2.png) 80% 8px no-repeat; background-size: 34px;padding:1.7em 1em 1.5em 1em;} .nav-megamenu .area.may .flex6 .icon .icon3 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon3.png) 80% center no-repeat; background-size: 43px;padding: 1em;} .nav-megamenu .area.may .flex6 .icon .icon4 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon4.png) 80% center no-repeat; background-size: 26px;padding: 1em;} .nav-megamenu .area.may .flex6 .icon .icon5 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon5.png) 80% 8px no-repeat; background-size: 33px;padding:1.7em 1em 1.5em 1em;} .nav-megamenu .area.may .flex6 .icon .icon6 a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon6.png) 80% center no-repeat; background-size: 18px;padding: 1em;} .nav-megamenu .area.koi .flex_design{display: flex;justify-content: space-between;align-items: center} .nav-megamenu .area.koi .flex_design .link a{text-decoration: underline;background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) right center no-repeat ;background-size: 6px;padding-right: 1em} /*.ddk_head .under_nav*/ .ddk_head .under_nav li a{background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) right center no-repeat ;background-size: 6px;padding-right: 2em;margin-right: 2em; font-size: 14px} .ddk_head .under_nav li.icon1{background:url(https://tougyoku0303.itembox.design/item/img/top/head/store.png) left 3px no-repeat ;background-size: 20px;padding-left: 27px} .ddk_head .under_nav li.icon2{background:url(https://tougyoku0303.itembox.design/item/img/top/head/building.png) left 3px no-repeat ;background-size: 20px;padding-left: 27px} .ddk_head .under_nav li.icon3{background:url(https://tougyoku0303.itembox.design/item/img/top/head/book.png) left 3px no-repeat ;background-size: 20px;padding-left: 27px} .ddk_head .under_nav li.icon4{background:url(https://tougyoku0303.itembox.design/item/img/top/head/line.png) left 3px no-repeat ;background-size: 20px;padding-left: 27px} .ddk_head .under_nav li.f_only a{background:none;padding-right: 0em;margin-right: 0em; font-size: 14px} .under_nav li.icon1_footer{background:url(https://tougyoku0303.itembox.design/item/img/top/head/f_store.png) left 3px no-repeat ;background-size: 20px;} .under_nav li.icon2_footer{background:url(https://tougyoku0303.itembox.design/item/img/top/head/f_building.png) left 3px no-repeat ;background-size:20px;} .under_nav li.icon3_footer{background:url(https://tougyoku0303.itembox.design/item/img/top/head/f_book.png) left 3px no-repeat ;background-size: 20px;} .under_nav li.icon4_footer{background:url(https://tougyoku0303.itembox.design/item/img/top/head/line.png) left 3px no-repeat ;background-size: 20px;padding-left: 27px} /*pc*/ .ddk_scroll_nav{display: none} .ddk_scroll_nav.is-down.on{display: none} .ddk_scroll_nav.is-down{display: block} .ddk_scroll_nav{position: fixed;top: 0;width: 100%;background: #fff;z-index: 999;padding: 0px 20px;font-size: 14px} .ddk_scroll_nav .flex, .ddk_scroll_nav .cate_nav, .ddk_scroll_nav .other_nav, .ddk_scroll_nav .common_nav{display: flex;justify-content: space-between;align-items: center;column-gap: 1%} .ddk_scroll_nav .common_nav{justify-content: flex-end;column-gap: 2%} .ddk_scroll_nav .logo{width: 2.5%} .ddk_scroll_nav .cate_nav{width: 36%} .ddk_scroll_nav .other_nav{width: 30%;} .ddk_scroll_nav .common_nav{width: 26%} .ddk_scroll_nav .link{background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) right center no-repeat ;background-size: 6px;padding:10px 1em 10px 10px} .ddk_scroll_nav .cate_nav .nav-megamenu{display: none} .ddk_scroll_nav .cate_nav .trigger{cursor: pointer;line-height: 1.5} .ddk_scroll_nav .cate_nav .trigger{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_p.png) 95% center no-repeat;background-size: 11px;padding:10px 2em 10px 10px} .ddk_scroll_nav .cate_nav .trigger.active{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_m.png) 95% center no-repeat #F3F0F0;background-size: 11px;padding: 10px 2em 10px 10px} .ddk_scroll_nav .cate_nav .trigger:hover{opacity: 0.8} .ddk_scroll_nav .cate_nav .trigger.br, .ddk_scroll_nav .cate_nav .trigger.br.active{padding: 5px 2em 5px 10px} .ddk_scroll_nav .cate_nav{margin: 0 40px 0 10px} .ddk_scroll_nav .nav-megamenu{top: 45px} .ddk_scroll_nav .contact a{display: inline-block;border: 2px solid #D9D7D7;padding: 3px 20px 3px 10px;font-size: 14px; background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 95% center no-repeat #fff;background-size: 6px;} .ddk_scroll_nav .search{width: 130px; margin-left: 4%} .ddk_scroll_nav .search .serch_input{border: none;padding: 0.5em 0.5em 0.5em 2em;border-bottom: 1px solid #9E9D9D;background: url(https://tougyoku0303.itembox.design/item/img/top/head/search.png) no-repeat 0 center;background-size: 20px} .ddk_scroll_nav .search .submit_btn{display: none} .ddk_scroll_nav .cart{position: relative;} .ddk_scroll_nav .cart .fs-client-cart-count{position: absolute;padding: 0.1em 0.8em;top: -3px;right: -3px;font-size: 6px;background: #E13515;color: #fff;font-weight: bold;border-radius: 50px} .ddk_scroll_nav .common_nav img{width: 27px} .ddk_head .nav-li:hover .nav-megamenu .area{overflow: visible;height:100%;} .ddk_scroll_nav .nav-megamenu .area .scroll{overflow-y:auto; height: 100vh;padding-bottom: 50px} .ddk_scroll_nav .nav-megamenu .area.hina .cate_flex.flex4 .read, .ddk_scroll_nav .nav-megamenu .area.may .cate_flex.flex4 .read{display: none} .ddk_scroll_nav .nav-megamenu .area.hina .cate_flex.flex5 .read, .ddk_scroll_nav .nav-megamenu .area.may .cate_flex.flex5 .read{display: none} @media (max-width: 767px) { .ddk_scroll_nav{padding: 0;box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); position: fixed;top: 0;width: 100%;background: #fff;z-index: 999;font-size: 14px;} .ddk_scroll_nav .flex.top_nav{display: flex;padding: 1% 3%} .ddk_scroll_nav .flex.top_nav .logo_area{width: 15%} .ddk_scroll_nav .flex.top_nav .nav{width: 70%;display: flex;justify-content: center} .ddk_scroll_nav .flex.top_nav .nav li{width: 30%;font-size: 12px;padding: 0 5px; text-align: center;} .ddk_scroll_nav .flex.top_nav .nav li img{width: 70%} .ddk_scroll_nav .flex.top_nav .nav-li:nth-child(1){border-left:1px solid #D9D7D7;} .ddk_scroll_nav .flex.top_nav .nav-li{border-right:1px solid #D9D7D7;} .ddk_scroll_nav .flex.top_nav .nav-li span{display: block} .ddk_scroll_nav .logo{width: 100%} .ddk_scroll_nav .search{width: auto} .ddk_scroll_nav{display: none} .ddk_scroll_nav.is-down.on{display: none} .ddk_scroll_nav.is-down{display: block} .header_sp .hbm{position: fixed !important;top: 46px; right: 0px !important} .header_sp .hbm.on, .header_sp .hbm.is-down{position: fixed !important;top: 8px; right: 8px !important} } /*レスポンシブ調整*/ @media (max-width: 1400px){ .ddk_scroll_nav .contact a{padding: 5px 10px} .ddk_scroll_nav .common_nav{display: none} .ddk_scroll_nav .flex, .ddk_scroll_nav .cate_nav, .ddk_scroll_nav .other_nav, .ddk_scroll_nav .common_nav{justify-content: flex-start} .ddk_scroll_nav .logo{width: 3.5%} .ddk_scroll_nav .cate_nav{width: 54%;margin-right: 0} .ddk_scroll_nav .other_nav{width: 40%;justify-content:flex-end} } @media (max-width: 930px) { .ddk_scroll_nav .logo{width: 5%} .ddk_scroll_nav .other_nav{display: none} .ddk_scroll_nav .cate_nav{width:84%;margin-right: 0} } .ddk_head .top_nav .sns_flex {display: flex;column-gap: 10px;align-items: center;} .ddk_head .top_nav .sns_flex li{width: 28px} /*レスポンシブ画面調整*/ @media (max-width: 950px) { .ddk_head .top_nav .sns_flex{display: none} .ddk_head .g_nav_area .nav li{font-size: 12px} .ddk_head .under_nav li a{font-size: 12px;padding-right: 0.5em} .ddk_head .under_nav .contact{width: 40%} } @media (max-width: 999px) { .ddk_head .nav-megamenu{padding:0 10px} } /*-------------------------------------- TOP　メインエリア -------------------------------------- */ /*slide*/ #fs_Top .fs-pt-carousel__track{background:#F7F5F5 } #fs_Top .fs-c-slick .slick-dots li{width: 50px;background: #D9D7D7;height: 2px} #fs_Top .fs-c-slick .slick-dots li.slick-active{background: #9E9D9D} .fs-c-slick .slick-dots li button:before{content: none;width: 50px;background: #D9D7D7} /*ddk_top*/ .ddk_top .w1000{max-width: 1020px; margin: 0 auto;padding:0 10px;} .ddk_top .mb120{margin-bottom: 120px} .ddk_top .min{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: bold} .ddk_top .right{text-align: right} .ddk_top .center{text-align: center} .ddk_top .w1000{max-width: 1000px; margin: 0 auto} .ddk_top .link a{text-decoration: underline;background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) right center no-repeat ;background-size: 6px;padding-right: 1em} .ddk_top .btn a{display: inline-block;border: 1px solid #C4C2C2;padding: 5px 35px 5px 30px;background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 93% center no-repeat #fff;background-size: 6px} .ddk_top a{color: #333030} .ddk_top .link.small a{font-size: 14px} .ddk_top .key_area{background: #F7F5F5;padding: 50px 0 100px; margin-bottom: 100px} .ddk_top .key_area .key_flex{display: flex;justify-content: space-between;column-gap: 5%} .ddk_top .key_area .key_flex .img_area{width:57%;z-index: 1;padding-top: 70px} .ddk_top .key_area .key_flex .img_area img{width:100%} .ddk_top .key_area .key_flex .text_area{width:38%;} .ddk_top .key_area .key_flex .text_area .white{background: #fff;padding: 60px 40px 60px 160px;margin-left: -160px} .ddk_top .key_area .key_flex .text_area h2{font-size:22px;margin-bottom:20px;} .ddk_top .key_area .key_flex .text_area h3{font-size:16px;margin-bottom:20px;} .ddk_top .key_area .key_flex .text_area .text{font-size:13px;margin-bottom:10px;} .ddk_top .key_area .key_flex .text_area .store_flex{display: flex;justify-content:space-between;margin: 30px 0} .ddk_top .key_area .key_flex .text_area .store_flex .box{width: 48%;line-height: 1.3;font-size: 14px} .ddk_top .key_area .key_flex .text_area .store_flex .box .img{margin-bottom: 10px} .ddk_top .key_area .key_flex .text_area .store_flex .box .img img{width: 100%} .ddk_top .ttl_bk{text-align: center;font-size: 40px;margin-bottom: 40px} .ddk_top .ttl_bk .en{display: block;color: #D36068;margin-top: -5px;font-size: 14px;letter-spacing: 0.4em} .ddk_top .ttl_bk .en.may{color:#788E73;} .ddk_top .ttl_cate{font-size: 24px; margin-bottom: 40px;text-align: center;font-weight: bold} .ddk_top .brand_flex .sp_line{display: flex;margin-bottom: 15px;align-items: center} .ddk_top .brand_flex .sp_line .img{width: 60%;} .ddk_top .brand_flex.odd .sp_line .img{width: 58%;margin-left: 8%} .ddk_top .brand_flex .text_area{width: 32%;margin-left: 2%} .ddk_top .brand_flex .text_area .lav{margin-bottom: 5px;font-size: 11px; padding: 0 10px; text-align: center;color: #fff;background: #BAAE6C;border-radius: 50px;display: inline-block !important} .ddk_top .brand_flex .text_area .name{font-size: 20px;} .ddk_top .brand_flex .text_area .name span{font-size: 14px;padding-left: 1em} .ddk_top .brand_flex .text_area .text{line-height: 1.5;margin:5px 0 10px } .ddk_top .btn.center a{margin: 40px auto 0; width: 20%; display: block;font-size: 16px} .ddk_top .cate_flex.flex3{display: flex; flex-wrap: wrap;column-gap: 1%} .ddk_top .cate_flex.flex3 .icon{width: 32.5%; margin-bottom: 3%} .ddk_top .cate_flex.flex3 .icon .name{margin: 10px 0 0 0; font-size: 14px} .ddk_top .cate_flex.flex3 .icon .read{font-size: 12px;line-height: 1.3} .ddk_top .cate_flex.flex3.size .btn{width: 32.5%; margin-bottom: 3%} .ddk_top .cate_flex.flex3.size .btn a{display: block;background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 93% center no-repeat #F2F0F0;border: none;padding: 15px 10px 15px 20px;background-size: 6px} .ddk_top .cate_flex.flex3.size{text-align: center;} .ddk_top .cate_flex.flex3.size .btn a{padding: 5% 5% 3% 5%;font-size: 15px;} .ddk_top .cate_flex.flex3.size .img{width: 100%;margin:0 0 5% 0} .ddk_top .cate_flex.flex3.size.hina .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% 92% no-repeat #F2F0F0;background-size: 6px;} .ddk_top .cate_flex.flex3.size.may .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% 92% no-repeat #F2F0F0;background-size: 6px;} .ddk_top .cate_flex.flex3.goods .icon{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 93% center no-repeat #F2F0F0;background-size: 6px;margin-bottom: 1%;} .ddk_top .cate_flex.flex3.goods .icon a{padding:22px 15px;display: block} .ddk_top .cate_flex.flex3.goods .icon.br a{padding: 17px 15px;display: block;line-height: 1.3} .ddk_top .cate_flex.flex3.goods.hina .icon .icon1{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon1.png) 80% center no-repeat;background-size: 24px;display: block;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon2{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon2.png) 80% center no-repeat;background-size: 60px;display: block;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon3{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon3.png) 80% center no-repeat;background-size: 30px;display: block;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon4{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon4.png) 80% center no-repeat;background-size: 40px;display: block;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon5{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon5.png) 80% center no-repeat;background-size: 44px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon1{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon1.png) 80% center no-repeat;background-size: 32px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon2{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon2.png) 80% center no-repeat;background-size: 48px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon3{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon3.png) 80% center no-repeat;background-size: 58px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon4{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon4.png) 80% center no-repeat;background-size: 30px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon5{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon5.png) 80% center no-repeat;background-size: 40px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon6{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon6.png) 80% center no-repeat;background-size: 24px;display: block;} /*-------------------------------------- footer -------------------------------------- */ /*フッター*/ #fs_Top .ddk_foot .top_non{display: none} .ddk_foot .top_non{display: block} #fs_Top .ddk_foot .top_only{display: block} .ddk_foot .top_only{display: none} .ddk_foot{margin-top: 100px;background:#fff;} .ddk_foot a{color: #333030} .ddk_foot .right{text-align: right} .ddk_foot .center{text-align: center} .ddk_foot .w1000{max-width: 1020px; margin: 0 auto;padding: 0 10px;} .ddk_foot .link a{text-decoration: underline;background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) right center no-repeat ;background-size: 6px;padding-right: 1em} .ddk_foot .btn a{display: inline-block;border: 1px solid #C4C2C2;padding: 5px 35px 5px 30px;background:url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 93% center no-repeat #fff;background-size: 6px} .ddk_foot .mb20{margin-bottom: 20px} .ddk_foot .mb50{margin-bottom: 50px} .ddk_foot .mb120{margin-bottom: 120px} .ddk_foot h2.ttl{text-align: center;font-size: 24px;background:url(https://tougyoku0303.itembox.design/item/img/top/foot/ttl_h2.png) center bottom no-repeat ; padding-bottom: 30px;margin-bottom: 30px;font-weight: bold} .ddk_foot h3.ttl{text-align: center;font-size: 20px;background:url(https://tougyoku0303.itembox.design/item/img/top/foot/ttl_h3.png) center bottom no-repeat ; padding-bottom: 10px;margin-bottom: 30px;font-weight: bold} /*category_nav*/ .ddk_catalog_flex{display: flex;justify-content: space-between;text-align: center;} .ddk_catalog_flex .box{width: 48%} .ddk_catalog_flex .box .flex{display: flex;justify-content: space-around;column-gap: 2px} .ddk_catalog_flex .box .flex .box2{width: 50%} .ddk_catalog_flex .box .mini{font-size: 14px} .ddk_catalog_flex .box .text{font-size: 18px;margin:0 0 5px 0} .ddk_catalog_flex .box .img{margin-bottom: 10px} .ddk_catalog_flex .box .btn{font-size: 12px} @media (max-width: 767px) { .ddk_catalog_flex{display: block;} .ddk_catalog_flex .box{width: 100%} } .ddk_foot .category_nav{position: relative} .ddk_foot .trigger{cursor: pointer} .ddk_foot .nav-megamenu {display: none;position: absolute;top: 73px;left: 0;right: 0;background: #F3F0F0;padding: 0px 0;width: 100%;margin: auto;z-index: 999;} /*開閉部分*/ /* .ddk_foot .nav-megamenu .area{overflow: hidden; height: 0;-moz-transition: .4s; -webkit-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s;padding: 0;} .ddk_foot .nav-li:hover .nav-megamenu .area{overflow: visible;height:100%;} */ .ddk_foot .category_nav ul.nav{display: flex; justify-content: space-between;flex-wrap: wrap} .ddk_foot .category_nav ul.nav li{width: 24%;margin-bottom: 1%} .ddk_foot .category_nav ul.nav li.top{width: 33%} .ddk_foot .category_nav ul.nav .nav-li-link, .ddk_foot .category_nav ul.nav .nav-li-link3{border: 2px solid #C4C2C2;} .ddk_foot .category_nav .nav-li-link{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 90% center no-repeat;background-size: 6px;margin-bottom: 5px} .ddk_foot .category_nav .nav-li-link3.trigger{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_p.png) 90% center no-repeat;background-size: 11px} .ddk_foot .category_nav .nav-li-link3.trigger.active{background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_m.png) 90% center no-repeat #F3F0F0;background-size: 11px} .ddk_foot .category_nav .nav-li-link3.trigger:hover{opacity: 0.8} .ddk_foot .category_nav .nav-li-link a{display: block;width: 100%;padding: 1.5em 0 1.5em 6em} .ddk_foot .category_nav .nav-li-link.br a{padding:0.75em 0 0.75em 5.5em} .ddk_foot .category_nav .nav-li-link span{line-height: 1.5} .ddk_foot .category_nav .nav-li-link3 span.icon1{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav1.png) 7% center no-repeat; background-size: 50px;padding: 1.5em 0 1.5em 6em;display: block} .ddk_foot .category_nav .nav-li-link3 span.icon2{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav2.png) 7% center no-repeat; background-size: 50px;padding: 1.5em 0 1.5em 6em;display: block} .ddk_foot .category_nav .nav-li-link span.icon3{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav3.png) 7% center no-repeat; background-size: 50px;padding: 0em 0 0em 0em;display: block} .ddk_foot .category_nav .nav-li-link span.icon4{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav4.png) 7% center no-repeat; background-size: 50px;padding: 0em 0 0em 0em;display: block} .ddk_foot .category_nav .nav-li-link3 span.icon5{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav5.png) 7% center no-repeat; background-size: 50px;padding: 0.55em 0 0.55em 6em;display: block} .ddk_foot .category_nav .nav-li-link span.icon6{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav6.png) 5% center no-repeat; background-size: 50px;padding: 0em 0 0em 0em;display: block} .ddk_foot .category_nav .nav-li-link span.icon7{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav7.png) 7% center no-repeat; background-size: 50px;padding: 0em 0 0em 0em;display: block} .ddk_foot .category_nav .nav-li-link span.icon8{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav8.png) 7% center no-repeat; background-size: 50px;padding: 0em 0 0em 0em;display: block} .ddk_foot .category_nav .nav-li-link span.icon9{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav9.png) 7% center no-repeat; background-size: 50px;padding: 0em 0 0em 0em;display: block} .ddk_foot .category_nav .nav-li-link span.icon10{background:url(https://tougyoku0303.itembox.design/item/img/top/head/gnav10.png) 7% center no-repeat; background-size: 50px;padding: 0em 0 0em 0em;display: block} .ddk_foot .category_nav .nav-li-link span.icon11{background:url(https://tougyoku0303.itembox.design/item/img/top/head/catalog.png) 9% center no-repeat; background-size: 40px;padding: 0em 0 0em 0em;display: block} /*store_flex*/ .ddk_foot .store_flex{display: flex;justify-content: space-between;} .ddk_foot .store_flex .box{width: 48%} .ddk_foot .store_flex .box.flex{display: flex;justify-content: space-between;} .ddk_foot .store_flex .box.flex .img{width: 50%} .ddk_foot .store_flex .box.flex .text{width: 45%} .ddk_foot .store_flex .name{font-weight: bold;font-size: 16px} .ddk_foot .store_flex .adress{font-size: 13px; line-height: 1.4;margin-bottom: 5px} .ddk_foot .store_flex .tel1{font-weight: bold;font-size: 18px;background: url(https://tougyoku0303.itembox.design/item/img/top/foot/icon_tel1.png) 0 center no-repeat;background-size: 25px;padding-left: 35px;line-height: 1.2;} .ddk_foot .store_flex .tel2{font-weight: bold;font-size: 18px;background: url(https://tougyoku0303.itembox.design/item/img/top/foot/icon_tel2.png) 0 center no-repeat;background-size: 25px;padding-left: 35px;line-height: 1.2;margin-bottom: 5px} .ddk_foot .store_flex .btn a{padding: 3px 40px 3px 10px;font-size: 12px;margin: 5px 0; text-align: left;} /*store_flex*/ .ddk_foot .store_list_flex{display: flex;flex-wrap: wrap;grid-gap: 1%} .ddk_foot .store_list_flex p.btn{width: 19%;margin-bottom: 1%} .ddk_foot .store_list_flex p.btn a{width: 100%;text-align: center;line-height: 1.4;padding: 20px 0} .ddk_foot .store_list_flex p.btn a.br{padding: 10px 0} /*tenji_box*/ .ddk_foot .tenji_box{text-align: center;border: 1px solid #C4C2C2; padding: 20px; margin-bottom: 20px} .ddk_foot .tenji_box h4{font-size: 18px;margin-bottom: 20px} /*column_area*/ .ddk_foot .column_area {margin-bottom: 50px} .ddk_foot .column_area .column_flex{display: flex;justify-content: space-between;flex-wrap: wrap;} .ddk_foot .column_area .column_flex .box_flex{width: 48%; margin: 2% 0} .ddk_foot .column_area .column_flex .box_flex a{display: flex;justify-content: space-between;} .ddk_foot .column_area .column_flex .box_flex a .img{width: 35%} .ddk_foot .column_area .column_flex .box_flex a .text{width: 60%;line-height: 1.4;font-size: 13px} .ddk_foot .column_area .column_flex .box_flex a .text .name{font-weight: bold;margin-bottom: 10px;} /*event_area*/ .ddk_foot .event_area{display: flex;justify-content: space-between;max-width: 700px; margin: 0 auto} .ddk_foot .event_area .img{width: 49%} .ddk_foot .event_area .text{width: 49%} .ddk_foot .event_area .text .name{font-size: 20px;font-weight: bold} /*news*/ .ddk_foot .news_area .top-news-col .fs-pt-column__heading{padding: 0; margin: 10px 0 5px; text-align: left;font-size: 12px;font-family: Helvetica Neue,Helvetica,YuGothic,Yu Gothic,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;border: none;color: #9E9D9D;} .ddk_foot .news_area .top-news-col .fs-pt-column__description{margin: 0;line-height: 1.3;font-size: 14px} .ddk_foot .news_area .fs-pt-column__item{padding: 8px 20px} /*foot_bk*/ .ddk_foot .foot_bk{background: #F2F0F0;padding: 70px 0 50px} .ddk_foot .foot_bk h2{text-align: center;font-size: 22px;font-weight: bold;margin-bottom: 40px} .ddk_foot .foot_bk .foot_guide_flex {display: flex; justify-content: space-between;} .ddk_foot .foot_bk .foot_guide_flex .box{width: 23%} .ddk_foot .foot_bk .foot_guide_flex .box h3{text-align: center;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #C4C2C2;font-size: 16px} .ddk_foot .foot_bk .foot_guide_flex .box p{margin-bottom: 1em} .ddk_foot .foot_bk .foot_guide_flex .box .tel1{font-weight: bold;font-size: 22px;background: url(https://tougyoku0303.itembox.design/item/img/top/foot/icon_tel1.png) 0 center no-repeat;background-size: 25px;padding-left: 35px;line-height: 1.2;margin-bottom: 5px} .ddk_foot .foot_bk .foot_guide_flex .box .tel2{font-weight: bold;font-size: 22px;background: url(https://tougyoku0303.itembox.design/item/img/top/foot/icon_tel2.png) 0 center no-repeat;background-size: 25px;padding-left: 35px;line-height: 1.2;margin-bottom: 1em} .ddk_foot .foot_bk .foot_guide_flex .box .btn a{font-size: 12px;margin: 5px 0 0 0; text-align: center;display: block;} .ddk_foot .foot_bk .foot_guide_flex .box .btn{margin-bottom: 0} .ddk_foot .foot_bk .foot_guide_flex .box .bold{font-weight: bold;display: block} /*foot_bk2*/ .ddk_foot .foot_bk2{background: #EDE8D0;padding: 100px 0 70px} .ddk_foot .foot_bk2 .logo{width: 200px; margin: 0 auto 50px} .ddk_foot .foot_bk2 .area_flex{display: flex;} .ddk_foot .foot_bk2 .area_flex .img{width: 45%} .ddk_foot .foot_bk2 .area_flex .img img{width: 100%} .ddk_foot .foot_bk2 .area_flex .box{width: 35%;margin-left: 3%} /*.ddk_foot .foot_bk2 .area_flex{background: url(https://tougyoku0303.itembox.design/item/img/top/foot/old_store.png?) no-repeat ;background-size:500px 500px} .ddk_foot .foot_bk2 .area_flex .box{width: 50%;margin-left: 50%}*/ .ddk_foot .foot_bk2 .area_flex .box .min{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: bold} .ddk_foot .foot_bk2 .area_flex .box h3{font-size: 24px; margin-bottom: 20px} .ddk_foot .foot_bk2 .area_flex .box p.read{font-size: 14px; } .ddk_foot .foot_bk2 .area_flex .box .btn_flex {display: flex;justify-content: space-between;width:370px;margin: 30px 0 40px} .ddk_foot .foot_bk2 .area_flex .box .btn_flex .btn{width: 49%} .ddk_foot .foot_bk2 .area_flex .box .btn_flex .btn a{padding: 3px 30px 3px 30px; background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 95% center no-repeat ;background-size: 6px; display: block;text-align: center;} .ddk_foot .foot_bk2 .area_flex .box .company{margin-bottom: 40px} .ddk_foot .foot_bk2 .area_flex .box .company h4{font-size: 24px;margin-bottom: 10px} .ddk_foot .foot_bk2 .area_flex .box .company .flex{ display: flex;margin-bottom: 10px;} .ddk_foot .foot_bk2 .area_flex .box .company .flex .lav{background: #707070;color: #fff;font-size: 12px; border-radius: 20px;text-align: center;} .ddk_foot .foot_bk2 .area_flex .box .company .flex .left{width: 16%} .ddk_foot .foot_bk2 .area_flex .box .company .flex .left2{width: 74%;margin-left: 3%;line-height: 1.3;font-size: 15px} .ddk_foot .foot_bk2 .area_flex .box .sns_flex{display: flex;column-gap: 20px;margin-bottom: 30px;align-items: center} .ddk_foot .foot_bk2 .area_flex .box .sns_flex li{width: 28px} .ddk_foot .foot_bk2 .area_flex .box .otyher_flex{display: flex;font-size: 12px;margin-bottom: 20px} .ddk_foot .foot_bk2 .area_flex .box .copy{font-size: 12px} /*SP*/ @media (max-width: 767px) { /*mean-nav*/ .ddk_head .mean-nav{background: #F2F0F0;} .ddk_head .mean-nav ul.clearfix{padding:4% 2%;width: 96%;font-size: 13px;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"} .ddk_head .mean-nav ul li a, .ddk_head .mean-nav ul li{border: none ;float: none;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";padding: 0} .ddk_head nav.mean-nav ul li a:not(.mean-expand){width: auto} .ddk_head .mean-nav a{color: #333030} .ddk_head .mean-nav .login_flex{display: flex;justify-content: center;margin-bottom: 20px} .ddk_head .mean-nav .login_flex div{width: 32%;text-align: center;border-right: 1px solid #D9D7D7;} .ddk_head .mean-nav .login_flex div:nth-child(1){border-left: 1px solid #D9D7D7;} .ddk_head .mean-nav .login_flex div img{width: 30%} .ddk_head .mean-nav .under_nav {margin-bottom: 20px} .ddk_head .mean-nav .under_nav .flex ul{display: flex;justify-content: space-between;flex-wrap: wrap} .ddk_head .mean-nav .under_nav .flex ul li {margin-bottom: 2%;width: 48%;padding: 0} .ddk_head .mean-nav .under_nav .flex ul li a{display: block;padding: 10% 0 10% 25%;margin: 0;font-size: 14px;font-weight: bold} .ddk_head .mean-nav .under_nav .flex ul li a{ background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 95% center no-repeat ;background-size: 6px;} .ddk_head .mean-nav .under_nav .flex ul li.icon1{background: url(https://tougyoku0303.itembox.design/item/img/top/head/store.png) 5% center no-repeat #fff ; background-size: 25px} .ddk_head .mean-nav .under_nav .flex ul li.icon2{background: url(https://tougyoku0303.itembox.design/item/img/top/head/building.png) 5% center no-repeat #fff; background-size: 25px;height: auto} .ddk_head .mean-nav .under_nav .flex ul li.icon3{background: url(https://tougyoku0303.itembox.design/item/img/top/head/book.png) 5% center no-repeat #fff ; background-size: 25px} .ddk_head .mean-nav .under_nav .flex ul li.icon4{background: url(https://tougyoku0303.itembox.design/item/img/top/head/line.png) 5% center no-repeat #fff ; background-size: 25px} .ddk_head .mean-nav h2{margin-bottom: 10px;text-align: center;font-weight: bold;font-size: 22px} .ddk_head .mean-nav h3.hina, .ddk_head .mean-nav h3.may, .ddk_head .mean-nav h3.event{margin-bottom: 10px;text-align: center;font-weight: bold;font-size: 16px;padding-bottom: 10px;} .ddk_head .mean-nav h3.hina:after{content: "";border-bottom: 2px solid #E09BA0;display: block;height: 10px;width: 30px;margin: 0 auto;} .ddk_head .mean-nav h3.may:after{content: "";border-bottom: 2px solid #C8D0C6;display: block;height: 10px;width: 30px;margin: 0 auto;} .ddk_head .mean-nav h3.event:after{content: "";border-bottom: 2px solid #C4C2C2;display: block;height: 10px;width: 30px;margin: 0 auto;} .ddk_head .mean-nav .cate{margin-bottom: 40px} .ddk_head .mean-nav .cate li.mb20{margin-bottom: 20px} .ddk_head .mean-nav .cate li.hina .trigger_hbm{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hina_p.png) 95% center no-repeat #fff;background-size: 12px} .ddk_head .mean-nav .cate li.hina .trigger_hbm.active{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hina_m.png) 95% center no-repeat #fff;background-size: 12px} .ddk_head .mean-nav .cate li.may .trigger_hbm{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/may_p.png) 95% center no-repeat #fff;background-size: 12px} .ddk_head .mean-nav .cate li.may .trigger_hbm.active{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/may_m.png) 95% center no-repeat #fff;background-size: 12px} .ddk_head .mean-nav .cate li.koi .trigger_hbm{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/koi_p.png) 95% center no-repeat #fff;background-size: 12px} .ddk_head .mean-nav .cate li.koi .trigger_hbm.active{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/koi_m.png) 95% center no-repeat #fff;background-size: 12px} .ddk_head .mean-nav .cate li .icon1{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate1.png) 5% center no-repeat ;background-size: 40px;display: block;text-align: center;padding: 1.2em 0;} .ddk_head .mean-nav .cate li .icon2{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate2.png) 5% center no-repeat ;background-size: 40px;display: block;text-align: center;padding: 1.2em 0} .ddk_head .mean-nav .cate li .icon3{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate3.png) 5% center no-repeat ;background-size: 40px;display: block;text-align: center;padding: 1.2em 0;} .ddk_head .mean-nav .cate li .trigger_hbm span{font-size: 18px; font-weight: bold} .ddk_head .mean-nav .cate li .trigger_hbm span.icon3{font-size: 15px;} .ddk_head .mean-nav .cate li{border: 1px solid #C4C2C2 !important;margin-bottom: 10px} .ddk_head .mean-nav .cate li a{display: block;background: #fff;text-align: center;padding: 1.2em 0;} .ddk_head .mean-nav .cate li a span{font-weight: bold;font-size: 15px} .ddk_head .mean-nav .cate li a.icon4{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate4.png) 5% center no-repeat #fff ;background-size: 40px} .ddk_head .mean-nav .cate li a.icon5{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate5.png) 5% center no-repeat #fff ;background-size: 40px} .ddk_head .mean-nav .cate li a.icon6{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate6.png) 5% center no-repeat #fff ;background-size: 40px} .ddk_head .mean-nav .cate li a.icon7{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate7.png) 5% center no-repeat #fff ;background-size: 40px} .ddk_head .mean-nav .cate li a.icon8{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate8.png) 5% center no-repeat #fff ;background-size: 40px} .ddk_head .mean-nav .cate li a.icon9{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate9.png) 5% center no-repeat #fff ;background-size: 40px} .ddk_head .mean-nav .cate li a.icon10{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate10.png) 5% center no-repeat #fff ;background-size: 40px} .ddk_head .mean-nav .cate li a.icon11{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/hbm_cate11.png) 5% center no-repeat #fff ;background-size: 40px} .ddk_head .mean-nav .cate li .open{display: none} .ddk_head .mean-nav .nav-megamenu{position: static;display: block} .ddk_head .mean-nav .nav-megamenu .area{height: auto} } .ddk_pc_only{display: block} .ddk_sp_only{display: none} @media (max-width: 767px) { .ddk_pc_only{display: none} .ddk_sp_only{display: block;} } @media (max-width: 767px) { /*head*/ .ddk_head div.mean-bar{height: auto;float: none} .ddk_head .add_menu_top h1{text-align: center;margin-top: 10px;font-size: 12px} .ddk_head .top_nav{padding: 10px 10px 15px 10px;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 0} .ddk_head .top_nav .logo_area{width: 50%} .ddk_head .top_nav .logo_area img{width: 90%} .ddk_head .top_nav .search_area{width: 17%;text-align: center;margin-right: 1%} .ddk_head .top_nav .cart{width: 17%;position: relative;text-align: center;} .ddk_head .top_nav .search_area .name, .ddk_head .top_nav .cart .name{line-height: 1;margin-bottom: 2px;font-size: 12px} .ddk_head .top_nav .search_area a{background: #EDE8D0;padding: 10px 0;display: block} .ddk_head .top_nav .cart a{position: relative;background: #EDE8D0;padding: 10px 0;display: block} .ddk_head .top_nav .search_area img{width: 26px} .ddk_head .top_nav .cart img{width: 26px} .ddk_head .top_nav .cart .fs-client-cart-count{position: absolute; padding: 0.1em 0.8em; top: 21px; right: 11px; font-size: 7px; background: #E13515; color: #fff; font-weight: bold; border-radius: 50px;} a.meanmenu-reveal_new { width:7.5vw; height:3.90625vw; padding:5px; position:absolute; top:50%; right:4.6875vw !important; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) } a.meanmenu-reveal_new span { position:absolute; left:0; width:100%; display:block; margin:0; height:.78125vw; background-color:#6b460b } a.meanmenu-reveal_new span:nth-child(1) { top:0 } a.meanmenu-reveal_new span:nth-child(2) { top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) } a.meanmenu-reveal_new span:nth-child(3) { bottom:0 } .mean-bar { float:left; width:100%; position:relative; background:#fff; padding:4px 0 0; min-height:42px; z-index:999999 } a.meanmenu-reveal_new { width:25px; height:22px; padding:13px 13px 11px; position:absolute; top:0; right:0; cursor:pointer; color:#333; text-decoration:none; font-size:16px; text-indent:-9999em; line-height:22px; font-size:1px; display:block; font-family:Arial,Helvetica,sans-serif; font-weight:700 } a.meanmenu-reveal_new span { display:block; background:#333; height:3px; margin-top:3px } a.meanmenu-reveal_new span:nth-child(4) { bottom:.533vw; background-color:inherit; font-family:'NOTO SERIF JP'; font-weight:700; font-size:2.81vw; color:#6b460b } a.meanmenu-reveal_new.close span:nth-child(1) { transform:rotate(45deg); top:50% } a.meanmenu-reveal_new.close span:nth-child(2) { background-color:transparent } a.meanmenu-reveal_new.close span:nth-child(3) { transform:rotate(135deg); bottom:35% } } @media (max-width: 767px) { .ddk_head .top_nav .hbm {width: 60px;background: #BAAE6C;padding: 30px 0;position: absolute;right: 0;z-index: 999} .ddk_head .top_nav .hbm a.meanmenu-reveal_new{display: block;top:40%;right: 22% !important;padding:4px 5px !important} .ddk_head .top_nav .hbm a.meanmenu-reveal_new.close{top:33%;} .ddk_head .top_nav .hbm a.meanmenu-reveal_new span:nth-child(1), .ddk_head .top_nav .hbm a.meanmenu-reveal_new span:nth-child(2), .ddk_head .top_nav .hbm a.meanmenu-reveal_new span:nth-child(3){background-color: #fff} .ddk_head .top_nav .hbm a.meanmenu-reveal_new span:nth-child(2){margin-top: 2px} .ddk_head .top_nav .hbm a.meanmenu-reveal_new span:nth-child(4){color: #fff;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";bottom: -4px;font-size: 8px} .ddk_head .top_nav .meanmenu-reveal_new.close span:nth-child(2){display: none} /*g_nav_area*/ .ddk_head .g_nav_area{padding: 0;margin-bottom: 0} .ddk_head .g_nav_area .nav{flex-wrap: nowrap;padding: 0 10px} .ddk_head .g_nav_area .nav li{text-align: center;} .ddk_head .g_nav_area .nav li span{display: block;} .ddk_head .g_nav_area .nav li img{width: 40px} .ddk_head .g_nav_area .nav-li{background: none;border-right:1px solid #D9D7D7} .ddk_head .g_nav_area .nav-li:nth-child(1){border-left:1px solid #D9D7D7} .ddk_head .g_nav_area .nav-li-link{background: none} .ddk_head .g_nav_area .under_nav .flex{display: block;background: #F7F5F5;margin-top: 10px} .ddk_head .g_nav_area .under_nav .flex ul{align-items: center;padding: 10px} .ddk_head .g_nav_area .under_nav .flex li{line-height: 1.2;background-position: left center;} .ddk_head .g_nav_area .under_nav .flex li a{display: block;font-size: 12px;margin: 0;padding-right: 1.5em} .ddk_head .under_nav li.icon1, .ddk_head .under_nav li.icon2, .ddk_head .under_nav li.icon3{background-size: 25px} .ddk_head .under_nav li.icon2{height: 1em;padding: 0.5em 0 0.5em 27px;} .ddk_head .g_nav_area .under_nav .flex_footer{display: block;background: #EDE8D0;margin-top: 10px} .ddk_head .g_nav_area .under_nav .flex_footer ul{align-items: center;padding: 10px} .ddk_head .g_nav_area .under_nav .flex_footer li{line-height: 1;background-position: top center; width: calc(100% / 3);text-align: center;border-left: 1px solid #D1C68B} .ddk_head .g_nav_area .under_nav .flex_footer li:last-child{border-right: 1px solid #D1C68B;} .ddk_head .g_nav_area .under_nav .flex_footer li a{display: block;font-size: 12px;margin: 0;padding-top: 2.5em} .ddk_head .under_nav li.icon1_footer, .ddk_head .under_nav li.icon2_footer, .ddk_head .under_nav li.icon3_footer{background-size: 30px} /*head 開閉時のメニュー位置*/ .ddk_head .nav-megamenu{top: 77%} .ddk_head div.mean-bar div.h_search{top: 40%;width: -webkit-fill-available;position: absolute} .ddk_head nav.mean-nav{top: 15%;position: fixed} } @media (max-width: 390px) { .ddk_head .ddk_scroll_nav nav.mean-nav{top: 12%;} .ddk_head .hbm.is-down+nav.mean-nav, .ddk_head .hbm.on+nav.mean-nav{top: 9%;} } @media (max-width: 375px) { .ddk_head .ddk_scroll_nav nav.mean-nav{top: 100px;} .ddk_head .hbm.is-down+nav.mean-nav, .ddk_head .hbm.on+nav.mean-nav{top: 11%;} } @media (max-width: 767px) { .ddk_scroll_nav_area .flex.top_nav .hbm{top: 11%;right: 2%} .ddk_head .ddk_scroll_nav .top_nav .hbm a.meanmenu-reveal_new{right: 20% !important;width: 60%} .ddk_head .ddk_scroll_nav .top_nav .hbm a.meanmenu-reveal_new span:nth-child(1){top: -3px} .ddk_head .ddk_scroll_nav .top_nav .hbm a.meanmenu-reveal_new span:nth-child(3){bottom: -3px} .ddk_head .ddk_scroll_nav .top_nav .hbm a.meanmenu-reveal_new.close span:nth-child(1){top: 50%} .ddk_head .ddk_scroll_nav .top_nav .hbm a.meanmenu-reveal_new.close span:nth-child(3){bottom: 35%} .ddk_head .ddk_scroll_nav .top_nav .hbm a.meanmenu-reveal_new span:nth-child(4){bottom: -7px} .ddk_head .ddk_scroll_nav .mean-nav.on{z-index: 9999999} } @media (max-width: 767px) { .ddk_head .mean-nav .center{text-align: center;} .ddk_head .mean-nav .mb10{margin-bottom: 10px} .ddk_head .mean-nav .mb20{margin-bottom: 20px} .ddk_head .mean-nav .mb40{margin-bottom: 40px} .ddk_head .mean-nav .link a{text-decoration: underline;background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) right center no-repeat;background-size: 6px;padding-right: 1em;} .ddk_head .mean-nav .btn a{display: block;padding: 1em;background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 93% center no-repeat #fff;background-size: 6px;} /*column_area*/ .ddk_head .mean-nav .column_area{margin-bottom: 40px;} .ddk_head .mean-nav .column_area .flex{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px} .ddk_head .mean-nav .column_area .flex .img{width: 40%;margin-right: 5%} .ddk_head .mean-nav .column_area .flex .text{width: 52%;margin-left: 3%} .ddk_head .mean-nav .column_area a.flex .text{width: 55%;margin-left: 0%} .ddk_head .mean-nav .column_area .flex .text li{list-style: disc;} .ddk_head .mean-nav .column_area .flex .text a{font-size: 13px; } .ddk_head .mean-nav .column_area .flex .text .name{font-size: 16px; font-weight: bold;margin-bottom: 10px} /*foot*/ .ddk_head .mean-nav .foot .logo{margin: 20px 0 30px} .ddk_head .mean-nav .foot .logo img{width: 50%} .ddk_head .mean-nav .foot .flex{display: flex;justify-content: space-between;column-gap: 2%} .ddk_head .mean-nav .foot .flex p{width: 50%;margin-bottom: 4%} .ddk_head .mean-nav .foot p.btn{text-align: center;} .ddk_head .mean-nav .foot p.btn a{font-weight: bold;font-size: 15px} .ddk_head .mean-nav .foot .sns_flex{display: flex !important;justify-content: center;margin-bottom: 50px;column-gap: 5%} .ddk_head .mean-nav .foot .sns_flex li{width: 40px} .ddk_head .mean-nav .foot .list_link {border-top: 1px solid #C4C2C2;} .ddk_head .mean-nav .foot .list_link li{border-bottom: 1px solid #C4C2C2;text-align: center;padding: 1em 0} .ddk_head .mean-nav .foot .list_link li {background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_nomal.png) 95% center no-repeat;background-size: 6px;} .ddk_head .mean-nav .foot .list_link li a{display: inline-block;} .ddk_head .mean-nav .foot .btn.tel1{background: url(https://tougyoku0303.itembox.design/item/img/top/foot/icon_tel1.png) 6% center no-repeat #fff;background-size: 24px;} .ddk_head .mean-nav .foot .btn.tel2{background: url(https://tougyoku0303.itembox.design/item/img/top/foot/icon_tel2.png) 6% center no-repeat #fff;background-size: 24px;} .ddk_head .mean-nav .foot .btn.tel1 a, .ddk_head .mean-nav .foot .btn.tel2 a{background-color: transparent;background-image: none;padding: 1em 0em 1em 2em} .ddk_head .mean-nav .foot .btn.non a{background-image: none} .ddk_head .mean-nav .foot .btn.bimg a{background-position: 97% center} } @media (max-width: 440px) { .ddk_head nav.mean-nav, .ddk_head .ddk_scroll_nav nav.mean-nav{top: 100px;} .ddk_head .hbm.is-down+nav.mean-nav, .ddk_head .hbm.on+nav.mean-nav{top: 75px;} .ddk_head .top_nav .logo_area{width: 52%} .header_sp .hbm.is-down{top: 14px;right: 13px !important;} } @media (max-width: 390px) { .ddk_head nav.mean-nav, .ddk_head .ddk_scroll_nav nav.mean-nav{top: 100px;} .ddk_head .hbm.is-down+nav.mean-nav, .ddk_head .hbm.on+nav.mean-nav{top: 70px;} .ddk_head .top_nav .logo_area{width: 50%} .header_sp .hbm.is-down{top: 8px;right: 8px !important;} } @media (max-width: 767px) { .ddk_top .brand_flex.hina .sp_line{border-right: 1px solid #D36068} .ddk_top .brand_flex.hina.odd .sp_line{border-left: 1px solid #D36068; border-right: none} .ddk_top .brand_flex.may .sp_line{border-right: 1px solid #788E73} .ddk_top .brand_flex.may.odd .sp_line{border-left: 1px solid #788E73; border-right: none} } @media (max-width: 767px) { /*.sp_only .nav-megamenu*/ .open .nav-megamenu{position: static !important;display: block !important;background-color: #fff !important;padding: 0 5% !important;width: 90% !important} .open .nav-megamenu .btn a{margin-top: 0;border: none;color: #fff; font-weight: bold;margin-bottom: 30px} .hina .open .nav-megamenu .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_white.png) 95% center no-repeat #D36068;background-size: 8px;} .may .open .nav-megamenu .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_white.png) 95% center no-repeat #788E73;background-size: 6px;} .koi .open .nav-megamenu .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_white.png) 95% center no-repeat #9E9D9D;background-size: 6px;} .open .nav-megamenu h2{color:#333030 !important} .open .nav-megamenu .area .flex3, .open .nav-megamenu .area .flex4, .open .nav-megamenu .area .flex5, .open .nav-megamenu .area .flex6, .open .nav-megamenu .area .flex_size{display: block;margin-bottom: 50px} .nav-megamenu .area .flex2 .icon {width: 100%;margin-bottom: 3%;} .nav-megamenu .area .flex3 .icon {width: 100%;margin-bottom: 3%;} .nav-megamenu .area .flex4 .icon {width: 100%;margin-bottom: 3%;} .nav-megamenu .area .flex5 .icon {width: 100%;margin-bottom: 3%;} .nav-megamenu .area .flex6 .icon {width: 100%;margin-bottom: 3%;} .hina .open .nav-megamenu .area .flex4 .icon:nth-child(1) a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% 80% no-repeat #F2F0F0;background-size: 6px; } .hina .open .nav-megamenu .area .flex4 .icon a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% 85% no-repeat #F2F0F0;background-size: 6px; } .may .open .nav-megamenu .area .flex4 .icon:nth-child(1) a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% 80% no-repeat #F2F0F0;background-size: 6px; } .may .open .nav-megamenu .area .flex4 .icon a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% 85% no-repeat #F2F0F0;background-size: 6px; } .open .nav-megamenu .area .icon .flex{display: block;text-align: left} .open .nav-megamenu .area .icon p.name{background: 0;padding: 0;margin: 10px 0 0;font-size: 20px;display: block;text-align: left} .open .nav-megamenu .area .icon p.name em{font-size: 14px} .open .nav-megamenu .area .icon .flex .lav{font-size: 13px; padding: 5px 10px;display: inline-block;margin-bottom: 10px} .open .nav-megamenu .area .icon .flex .lav br{display: none} .open .nav-megamenu .area .icon .read{font-size: 14px; text-align: left} .open .nav-megamenu .area .flex5 a{display: flex;padding: 0} .open .nav-megamenu .area .flex5 a .img{width: 56%;margin-right: 4%} .open .nav-megamenu .area .flex5 a div.box{width: 40%;text-align: left} .open .nav-megamenu .area .flex5 a div.box .name{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"} .hina .open .nav-megamenu .area .flex3 a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% center no-repeat #F2F0F0;background-size: 6px;font-size: 16px;text-transform:lowercase; } .may .open .nav-megamenu .area .flex3 a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% center no-repeat #F2F0F0;background-size: 6px;font-size: 16px;text-transform:lowercase; } .hina .open .nav-megamenu .area .flex6 .icon{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% center no-repeat #F2F0F0;background-size: 6px;} .may .open .nav-megamenu .area .flex6 .icon{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% center no-repeat #F2F0F0;background-size: 6px;} .open .nav-megamenu .area .flex6 .icon{font-size: 16px} .open .nav-megamenu .area .flex6 .icon .icon1, .open .nav-megamenu .area .flex6 .icon .icon2, .open .nav-megamenu .area .flex6 .icon .icon3{background: none;padding: 0} .open .nav-megamenu .area .flex6 .icon .icon1 a, .open .nav-megamenu .area .flex6 .icon .icon2 a, .open .nav-megamenu .area .flex6 .icon .icon3 a, .open .nav-megamenu .area .flex6 .icon .icon4 a, .open .nav-megamenu .area .flex6 .icon .icon5 a, .open .nav-megamenu .area .flex6 .icon .icon6 a{background-position: 6% center;padding: 1.5em 1em 1.5em 1em} .open .nav-megamenu .area.hina .flex6 .icon .icon1 a, .open .nav-megamenu .area.hina .flex6 .icon .icon3 a{background-position: 8% center} .open .nav-megamenu .area.may .flex6 .icon .icon1 a, .open .nav-megamenu .area.may .flex6 .icon .icon2 a, .open .nav-megamenu .area.may .flex6 .icon .icon6 a{background-position: 8% center} em.ddk_sp_only{display: inline-block} .koi .open .nav-megamenu .cate_flex.flex5{display: flex;justify-content: space-between;flex-wrap: wrap} .koi .open .nav-megamenu .cate_flex.flex5 .icon{width: 48%; margin-bottom: 4%} .open .nav-megamenu .area.koi .flex_design{display: block;} .open .nav-megamenu .area.koi .flex_design .link a{text-decoration: none;border-top: 1px solid #c4c2c2;border-bottom: 1px solid #c4c2c2;padding: 0.5em 0;margin-bottom: 1em; background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_nomal.png) 99% center no-repeat ;background-size: 6px;} .koi .open .nav-megamenu .cate_flex.flex_size{display: flex;justify-content: center;flex-wrap: wrap;column-gap: 4%} .koi .open .nav-megamenu .cate_flex.flex_size .icon{width: 30%; margin-bottom: 4%} .koi .open .nav-megamenu .cate_flex.flex_size .icon a{padding: 0} .koi .open .nav-megamenu .cate_flex.flex3 .icon a{padding: 0} .koi .open .nav-megamenu .cate_flex.flex3 .icon .name{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"} } @media (max-width: 767px) { /*.sp_only .nav-megamenu*/ .ddk_foot .nav-megamenu{position: inherit;background: #fff;border: 2px solid #C4C2C2;border-top:none ;padding: 0 5%} .ddk_foot .category_nav ul.nav .nav-li-link3.active{border-bottom: none} .ddk_foot h2{margin-bottom: 10px;text-align: center;font-weight: bold;font-size: 20px;} .ddk_foot .nav-megamenu .btn a{margin-top: 5%;border: none;color: #fff; font-weight: bold;margin-bottom: 30px} .ddk_foot .hina .nav-megamenu .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_white.png) 95% center no-repeat #D36068;background-size: 8px;width: 100%;text-align: center;} .ddk_foot .may .nav-megamenu .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_white.png) 95% center no-repeat #788E73;background-size: 6px;width: 100%;text-align: center;} .ddk_foot .koi .nav-megamenu .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_white.png) 95% center no-repeat #9E9D9D;background-size: 6px;width: 100%;text-align: center;} .ddk_foot .nav-megamenu h2{color:#333030 !important} .ddk_foot .nav-megamenu .area .flex3, .nav-megamenu .area .flex4, .nav-megamenu .area .flex5, .nav-megamenu .area .flex6, .nav-megamenu .area .flex_size{display: block;margin-bottom: 50px} .ddk_foot .nav-megamenu .area .flex2 .icon {width: 100%;margin-bottom: 3%;} .ddk_foot .nav-megamenu .area .flex3 .icon {width: 100%;margin-bottom: 3%;} .ddk_foot .nav-megamenu .area .flex4 .icon {width: 100%;margin-bottom: 3%;} .ddk_foot .nav-megamenu .area .flex5 .icon {width: 100%;margin-bottom: 3%;} .ddk_foot .nav-megamenu .area .flex6 .icon {width: 100%;margin-bottom: 3%;} .ddk_foot .hina .nav-megamenu .area .flex4 .icon:nth-child(1) a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% 80% no-repeat #F2F0F0;background-size: 6px;display: block } .ddk_foot .hina .nav-megamenu .area .flex4 .icon a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% 85% no-repeat #F2F0F0;background-size: 6px;display: block } .ddk_foot .may .nav-megamenu .area .flex4 .icon:nth-child(1) a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% 80% no-repeat #F2F0F0;background-size: 6px; display: block} .ddk_foot .may .nav-megamenu .area .flex4 .icon a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% 85% no-repeat #F2F0F0;background-size: 6px; display: block} .ddk_foot .nav-megamenu .area .icon .flex{display: block;text-align: left} .ddk_foot .nav-megamenu .area .icon p.name{background: 0;padding: 0;margin: 10px 0 0;font-size: 20px;display: block;text-align: left} .ddk_foot .nav-megamenu .area .icon p.name em{font-size: 14px} .ddk_foot .nav-megamenu .area .icon .flex .lav{font-size: 13px; padding: 5px 10px;display: inline-block;margin-bottom: 10px} .ddk_foot .nav-megamenu .area .icon .flex .lav br{display: none} .ddk_foot .nav-megamenu .area .icon .read{font-size: 12px; text-align: left} .ddk_foot .nav-megamenu .area .flex5 a{display: flex;padding: 0} .ddk_foot .nav-megamenu .area .flex5 a .img{width: 56%;margin-right: 4%} .ddk_foot .nav-megamenu .area .flex5 a div.box{width: 40%;text-align: left} .ddk_foot .nav-megamenu .area .flex5 a div.box .name{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"} .ddk_foot .hina .nav-megamenu .area .flex3 a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% center no-repeat #F2F0F0;background-size: 6px;font-size: 16px;text-transform:lowercase; } .ddk_foot .may .nav-megamenu .area .flex3 a{padding: 3%;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% center no-repeat #F2F0F0;background-size: 6px;font-size: 16px;text-transform:lowercase; } .ddk_foot .hina .nav-megamenu .area .flex6 .icon{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% center no-repeat #F2F0F0;background-size: 6px;} .ddk_foot .may .nav-megamenu .area .flex6 .icon{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% center no-repeat #F2F0F0;background-size: 6px;} .ddk_foot .nav-megamenu .area .flex6 .icon{font-size: 16px} .ddk_foot .nav-megamenu .area .flex6 .icon .icon1, .ddk_foot .nav-megamenu .area .flex6 .icon .icon2, .ddk_foot .nav-megamenu .area .flex6 .icon .icon3{background: none;padding: 0} .ddk_foot .nav-megamenu .area .flex6 .icon .icon1 a, .ddk_foot .nav-megamenu .area .flex6 .icon .icon2 a, .ddk_foot .nav-megamenu .area .flex6 .icon .icon3 a, .ddk_foot .nav-megamenu .area .flex6 .icon .icon4 a, .ddk_foot .nav-megamenu .area .flex6 .icon .icon5 a, .ddk_foot .nav-megamenu .area .flex6 .icon .icon6 a{background-position: 6% center;padding: 1.5em 0em 1.5em 2em;font-size: 15px;text-align: center;} .ddk_foot .nav-megamenu .area.hina .flex6 .icon .icon1 a, .ddk_foot .nav-megamenu .area.hina .flex6 .icon .icon3 a{background-position: 8% center} .ddk_foot .nav-megamenu .area.may .flex6 .icon .icon1 a, .ddk_foot .nav-megamenu .area.may .flex6 .icon .icon2 a, .ddk_foot .nav-megamenu .area.may .flex6 .icon .icon6 a{background-position: 8% center} em.ddk_sp_only{display: inline-block !important} .ddk_foot .koi .nav-megamenu .cate_flex.flex5{display: flex;justify-content: space-between;flex-wrap: wrap} .ddk_foot .koi .nav-megamenu .cate_flex.flex5 .icon{width: 48%; margin-bottom: 4%} .ddk_foot .nav-megamenu .area.koi .flex_design{display: block;} .ddk_foot .nav-megamenu .area.koi .flex_design .link a{text-decoration: none;border-top: 1px solid #c4c2c2;border-bottom: 1px solid #c4c2c2;padding: 0.5em 0;margin-bottom: 1em; background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_nomal.png) 99% center no-repeat ;background-size: 6px;display: block} .ddk_foot .koi .nav-megamenu .cate_flex.flex_size{display: flex;justify-content: center;flex-wrap: wrap;column-gap: 4%} .ddk_foot .koi .nav-megamenu .cate_flex.flex_size .icon{width: 30%; margin-bottom: 4%} .ddk_foot .koi .nav-megamenu .cate_flex.flex_size .icon a{padding: 0} .ddk_foot .koi .nav-megamenu .cate_flex.flex3 .icon a{padding: 0} .ddk_foot .koi .nav-megamenu .cate_flex.flex3 .icon .name{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"} .nav-megamenu .area .flex_size .icon img{width: 100%} } /*SP footer*/ @media (max-width: 767px) { .ddk_foot{margin-top: 20px} .ddk_foot .mt10p{margin-top: 10%} .ddk_foot .w1000{padding: 0 5%;} .ddk_foot .w1000.no{padding: 0 0;} .ddk_foot h2.ttl{margin-bottom: 10px;font-weight: normal} .ddk_foot h3.ttl{font-weight: normal} .ddk_foot .spmb0{margin-bottom: 0 !important} .ddk_foot .bk_pink{background-color:#F7F5F5;padding: 10% 5%;margin-bottom: 60px} .ddk_foot .bk_pink .bk_white{background: #fff;padding: 10% 0} .ddk_foot .category_nav ul.nav {display: block} .ddk_foot .category_nav ul.nav li{width: 100%;margin-bottom: 5%} .ddk_foot .category_nav ul.nav li.top{width: 100%} .ddk_foot .category_nav.mb120{margin-bottom: 0} .ddk_foot .hina + .nav-megamenu{top: 73px} .ddk_foot .may + .nav-megamenu{top: 161px} .ddk_foot .koi + .nav-megamenu{top: 250px} .ddk_foot .store_flex{display: block} .ddk_foot .store_flex .box{width: 100%} .ddk_foot .store_flex .box.flex .img{width: 100%;margin-bottom: 3%} .ddk_foot .store_flex .box.flex .text{width: 100%} .ddk_foot .store_flex .name{font-size: 20px} .ddk_foot .store_flex .adress{font-size: 15px;margin-bottom: 10px} .ddk_foot .store_flex .link{text-align: center;font-size: 15px} .ddk_foot .store_flex .box.flex{display: block;margin-bottom: 10%} .ddk_foot .store_flex .btn a{padding: 1em;margin: 5px 0 10px;text-align: center;width: 100%;font-size: 16px;font-weight: bold;} .ddk_foot .store_flex .tel_flex{display: flex;justify-content: space-between;} .ddk_foot .store_flex .tel_flex p{width: 49%} .ddk_foot .store_flex .tel_flex p{border: 1px solid #C4C2C2;text-align: center;font-weight: bold} .ddk_foot .store_flex .tel_flex a{ font-weight: bold;display: block;padding: 1em 0.3em 1em 0em;} .ddk_foot .store_flex .tel1,.ddk_foot .store_flex .tel2{background-position: 5% center;margin-bottom: 0} .ddk_foot .store_flex p.tel2.wide{border: 1px solid #C4C2C2;text-align: center;font-weight: bold} .ddk_foot .store_flex p.tel2.wide a{font-weight: bold;display: block;padding: 1em 0.3em 1em 0em;} .ddk_foot .store_flex .tel2.wide{background-position: 28% center;margin-bottom: 20px} .ddk_foot .store_list_flex{grid-column-gap:4% } .ddk_foot .store_list_flex p.btn{width: 48%;margin-bottom: 3%} .ddk_foot .column_area .column_flex{display: block;} .ddk_foot .column_area .column_flex .box_flex{display: block;margin: 0 0 5% 0;width: 100%} .ddk_foot .column_area .column_flex .box_flex a .text .name{margin-bottom: 0} .ddk_foot .column_area .column_flex .box_flex a{margin-bottom: 3%} .ddk_foot .column_area .column_flex .box_flex a .img{width: 45%;} .ddk_foot .column_area .column_flex .box_flex a .text{width: 50%;line-height: 1.5;font-size: 14px} .ddk_foot .column_area .column_flex .box_flex .ddk_sp_only{line-height: 1.4} .ddk_foot .column_area .link{text-align: center} .ddk_foot .event_area{display: block} .ddk_foot .event_area .img{width: 100%;margin-bottom: 3%} .ddk_foot .event_area .text{width: 100%;} .ddk_foot .event_area .text .name{font-size: 15px} .ddk_foot .event_area .text .mb20{line-height: 1.5} .ddk_foot .event_area .text .link{text-align: right;margin-bottom: 20px} .ddk_foot .event_area + .link{text-align: center} .ddk_foot .news_area .fs-pt-column__item{padding: 0;margin-bottom: 20px} .ddk_foot .news_area + .link{text-align: center} .ddk_foot .w1000.no .link{text-align: center} } @media (max-width: 767px) { .ddk_foot .foot_bk .foot_guide_flex{display: block} .ddk_foot .foot_bk .foot_guide_flex .box{margin-bottom: 15%;width: 100%} .ddk_foot .foot_bk .foot_guide_flex .box .bold{font-weight: bold;text-align: center} .ddk_foot .foot_bk .foot_guide_flex .box .link a, .ddk_foot .foot_bk .foot_guide_flex .box .btn a{padding: 1em;background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 93% center no-repeat #fff;background-size: 6px;text-decoration: none; font-size: 15px;display: block;text-align: center;width: 90%;margin: 0 auto;border: none;margin-bottom: 10px} .ddk_foot .foot_bk .foot_guide_flex .box .btn a{width: 100%} .ddk_foot .foot_bk .time_flex{display: flex;text-align: left} .ddk_foot .foot_bk .time_flex .time1{width: 30%;text-align: left} .ddk_foot .foot_bk .time_flex .time2{width: 70%} .ddk_foot .foot_bk .tel_flex{display: flex;justify-content: space-between} .ddk_foot .foot_bk .tel_flex .tel1{width: 49%;} .ddk_foot .foot_bk .tel_flex .tel2{width: 49%} .ddk_foot .foot_bk .tel_flex p{border: 1px solid #C4C2C2;text-align: center;font-weight: bold} .ddk_foot .foot_bk .tel_flex a{ font-weight: bold;display: block;padding: 1em 0.3em 1em 0em;} .ddk_foot .foot_bk .tel_flex .tel1,.ddk_foot .foot_bk .tel_flex .tel2{background-position: 5% center;margin-bottom: 0} .ddk_foot .foot_bk .tel_flex a{ font-weight: bold;display: block;padding: 1em 0em 1em 2em;} .ddk_foot .foot_bk .foot_guide_flex .box .tel1, .ddk_foot .foot_bk .foot_guide_flex .box .tel2{background-position: 5% center;padding: 0;font-size: 15px;margin-bottom: 10px;border: none} .ddk_foot .foot_bk .foot_guide_flex .box .tel1{background: url(https://tougyoku0303.itembox.design/item/img/top/foot/icon_tel1.png) 10% center no-repeat #fff;} .ddk_foot .foot_bk .foot_guide_flex .box .tel2{background: url(https://tougyoku0303.itembox.design/item/img/top/foot/icon_tel2.png) 10% center no-repeat #fff;} .ddk_foot .foot_bk2{padding: 50px 0} .ddk_foot .foot_bk2 .area_flex{display: block;padding: 0 5%} .ddk_foot .foot_bk2 .area_flex .img{width: 100%} .ddk_foot .foot_bk2 .area_flex .box{width: 100%;margin: 5% 0 0 0} .ddk_foot .foot_bk2 .logo_flex{display: flex;justify-content: space-between;align-items: center} .ddk_foot .foot_bk2 .logo_flex .img{width: 55%} .ddk_foot .foot_bk2 .logo_flex h3{width: 40%;font-size: 20px; font-weight: bold;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"} .ddk_foot .foot_bk2 .area_flex .box .btn_flex{width: 100%;display: block} .ddk_foot .foot_bk2 .area_flex .box .btn_flex .btn{width: 100%;margin-bottom: 10px} .ddk_foot .foot_bk2 .area_flex .box .btn_flex .btn a{border: none; background: url(https://tougyoku0303.itembox.design/item/img/top/head/icon_n.png) 95% center no-repeat #fff;background-size: 6px;padding: 1em} .ddk_foot .foot_bk2 .area_flex .box .company .flex .left{width: 20%} .ddk_foot .foot_bk2 .area_flex .box .company{margin-bottom: 30px} .ddk_foot .foot_bk2 .area_flex .box .sns_flex{justify-content: center;} .ddk_foot .foot_bk2 .area_flex .box .sns_flex li{width: 35px} .ddk_foot .foot_bk2 .area_flex .box .otyher_flex{ font-size: 11px;text-align: center;justify-items: center;} .ddk_foot .foot_bk2 .area_flex .box .copy{text-align: center} .ddk_sp_only .r_Three a{height: auto} .ddk_sp_only div.float_wrap{height: auto;bottom: 0;width: 100%} .ddk_sp_only div.float_wrap .ddk_head .under_nav li.icon2{height: auto;} .ddk_sp_only div.float_wrap .ddk_head .g_nav_area .under_nav .flex ul{padding: 20px 10px} .ddk_sp_only div.float_wrap .ddk_head .g_nav_area .under_nav .flex_footer ul{padding: 5px 20px 30px;} } /*TOP メインエリア*/ .ddk_slide_pc_only{display: block} .ddk_slide_sp_only{display: none} .ddk_pc_only{display: block !important} .ddk_sp_only{display: none !important} @media (max-width: 767px) { .ddk_slide_pc_only{display: none} .ddk_slide_sp_only{display: block} .ddk_pc_only{display: none !important} .ddk_sp_only{display: block !important} } @media (max-width: 767px) { #fs_Top .fs-c-slick .slick-dots li{width: 30px} .ddk_top .w1000{padding: 0 5%;} .ddk_top .w1000.indent{padding: 0 10%;} .ddk_top .w1000.no{padding: 0 0;} .ddk_top .key_area{padding: 40px 0 50px;margin-bottom: 50px} .ddk_top .key_area .key_flex{background: #fff;padding:8% 4%;display: block} .ddk_top .key_area .key_flex .img_area{width: 100%;padding: 0} .ddk_top .key_area .key_flex .text_area{width: 95%;margin: 0 auto} .ddk_top .key_area .key_flex .text_area .white{margin: 20px 0 0 0;padding: 0} .ddk_top .key_area .key_flex .text_area h2{display: none} .ddk_top .key_area .key_flex .text_area h3{font-size: 16px} .ddk_top .key_area .key_flex .text_area .text{font-size: 14px;} .ddk_top .key_area .key_flex .text_area .link{text-align: right} .ddk_top .key_area .key_flex .text_area .store_flex .box .name{font-weight: bold;font-size: 15px;margin-bottom: 5px} .ddk_top .key_area .key_flex .text_area .store_flex .box .address{line-height: 1.5} .ddk_top .key_area .key_flex .text_area .store_flex{margin-bottom: 0;} } @media (max-width: 767px) { .ddk_top .mb120 {margin-bottom: 60px;} .ddk_top .ttl_bk{font-size: 30px;margin-bottom: 30px;} .ddk_top .ttl_cate{font-size: 20px;margin-bottom: 20px} .ddk_top .line_name{padding: 0 5%} .ddk_top .brand_flex .sp_line{display: block;margin-bottom: 0} .ddk_top .brand_flex .sp_line .img{width: 105%;} .ddk_top .brand_flex.hina{background: #FCEFF0;margin-left: 5%;padding: 5% 5% 5% 0;margin-top: 5px;margin-bottom: 8%} .ddk_top .brand_flex.hina.odd{background: #FCEFF0;margin-right: 5%;margin-left: 0;padding-left: 5%;;margin-bottom: 8%} .ddk_top .brand_flex.may{background: #D7DDD5;margin-left: 5%;padding: 5% 5% 5% 0;margin-top: 5px;margin-bottom: 8%} .ddk_top .brand_flex.may.odd{background: #D7DDD5;margin-right: 5%;margin-left: 0;padding-left: 5%;margin-bottom: 8%} .ddk_top .brand_flex .img{margin-left: -11%;width: 105%} .ddk_top .brand_flex.odd .sp_line .img{width: 105%;margin-left: 7%} .ddk_top .brand_flex .sp_line .text_area{width: 100%;text-align: center;margin: 5% 0} .ddk_top .brand_flex .text_area .lav.ddk_sp_only{display: inline-block !important} .ddk_top .brand_flex .text_area .text{margin: 10px 0 20px} .ddk_top .brand_flex.hina .text_area .btn a{border: none;width: 85%;padding: 1em;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% center no-repeat #fff;background-size: 6px;font-size: 15px; font-weight: bold} .ddk_top .brand_flex.may .text_area .btn a{border: none;width: 85%;padding: 1em;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% center no-repeat #fff;background-size: 6px;font-size: 15px; font-weight: bold} .ddk_top .btn.hina a {width: 70%;border:none;padding: 1em;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_white.png) 95% center no-repeat #D36068;background-size: 6px;color: #fff;font-size: 15px; font-weight: bold} .ddk_top .btn.may a {width: 70%;border:none;padding: 1em;background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_white.png) 95% center no-repeat #788E73;background-size: 6px;color: #fff;font-size: 15px; font-weight: bold} .ddk_top .cate_flex.flex3 {display: block;} .ddk_top .cate_flex.flex3 .icon{width: 100%;margin-bottom: 5%} .ddk_top .cate_flex.flex3 a{display: flex;justify-content: space-between} .ddk_top .cate_flex.flex3 a .img{width: 50%;margin-right: 5%} .ddk_top .cate_flex.flex3 a .box{width: 45%;} .ddk_top .cate_flex.flex3 .icon .name{margin: 0 0 10px 0;font-size: 16px;font-weight: bold} .ddk_top .cate_flex.flex3 .icon .read{font-size: 15px;line-height: 1.5} .ddk_top .cate_flex.flex3.size{display: block;text-align: center;} .ddk_top .cate_flex.flex3.size .btn{width: 100%;margin-bottom: 5%;} .ddk_top .cate_flex.flex3.size .btn a{padding: 5% 5% 3% 5%;font-size: 15px;} .ddk_top .cate_flex.flex3.size .img{width: 100%;margin:0 0 5% 0} .ddk_top .cate_flex.flex3.size.hina .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% 92% no-repeat #F2F0F0;background-size: 6px;} .ddk_top .cate_flex.flex3.size.may .btn a{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% 92% no-repeat #F2F0F0;background-size: 6px;} .ddk_top .cate_flex.flex3.goods .icon{margin-bottom: 3%} .ddk_top .cate_flex.flex3.goods.hina .icon{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_hina.png) 95% center no-repeat #F2F0F0;background-size: 6px;} .ddk_top .cate_flex.flex3.goods.may .icon{background: url(https://tougyoku0303.itembox.design/item/img/top/head/sp/icon_may.png) 95% center no-repeat #F2F0F0;background-size: 6px;} .ddk_top .cate_flex.flex3.goods .icon a{text-align: center;font-size: 15px;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon1{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon1.png) 14% center no-repeat;background-size: 24px;display: block;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon2{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon2.png) 8% center no-repeat;background-size: 60px;display: block;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon3{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon3.png) 12% center no-repeat;background-size: 30px;display: block;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon4{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon4.png) 9% center no-repeat;background-size: 40px;display: block;} .ddk_top .cate_flex.flex3.goods.hina .icon .icon5{background: url(https://tougyoku0303.itembox.design/item/img/top/head/hina_icon5.png) 10% center no-repeat;background-size: 44px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon1{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon1.png) 14% center no-repeat;background-size: 32px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon2{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon2.png) 12% center no-repeat;background-size: 48px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon3{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon3.png) 8% center no-repeat;background-size: 58px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon4{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon4.png) 12% center no-repeat;background-size: 30px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon5{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon5.png) 10% center no-repeat;background-size: 40px;display: block;} .ddk_top .cate_flex.flex3.goods.may .icon .icon6{background: url(https://tougyoku0303.itembox.design/item/img/top/head/may_icon6.png) 12% center no-repeat;background-size: 24px;display: block;} .ddk_catalog_flex{display: block} .ddk_catalog_flex .img{margin-bottom: 10px} .ddk_catalog_flex .box{width: 100%} .ddk_catalog_flex .btn a {display: block;padding: 1em;font-size: 16px; font-weight: bold;width: 80%;margin:0 auto 30px} .ddk_catalog_flex .box2 .btn a {width: 100%;} .ddk_catalog_flex .box .flex .box2{width: 47%} .ddk_catalog_flex .box .text{margin-bottom: 20px} } .nav-megamenu .area.hina .flex3 .icon a, .nav-megamenu .area.may .flex3 .icon a{padding: 1em 1em 0.5em 1em;text-align: center;background-position: 95% 93%;} .nav-megamenu .area.hina .flex3 .icon a, .nav-megamenu .area.may .flex3 .icon a{padding: 1em 1em 0.5em 1em;text-align: center;background-position: 95% 94%;} .ddk_scroll_nav .nav-megamenu .area.hina .flex3 .icon .img, .ddk_scroll_nav .nav-megamenu .area.may .flex3 .icon .img {display: none;} .ddk_scroll_nav .nav-megamenu .area.hina .flex3 .icon a, .ddk_scroll_nav .nav-megamenu .area.may .flex3 .icon a{padding: 1em ;background-position: 95% center;} /*/ 250109　右側固定LINEアイコン /*/ .detail-right-line_btns {margin-top: 30px; display: flex; flex-direction: column; align-items: end; box-shadow: 0 3px 10px rgb(0 0 0 / 65%); border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: fixed; z-index: 1000; bottom: 50px; right: 0px;} .detail-right-line_btns .line-icon{ display: block; margin-top: 0px; position: relative; right: 0px;} @media (min-width: 577px) { .detail-right-line_btns {position: fixed;z-index: 1000;bottom: 50px;right: 0px} } @media (max-width: 576px) { .detail-right-line_btns {position: fixed;z-index: 1000;bottom: 90px;right: 0px} .detail-right-line_btns .line-icon img {width: 60px} }