@charset "UTF-8"; /**---------------------------------------- CSS_japanese_Common_File import -------------------------------------------**/ @import url("./slick.css"); @import url("./slick-theme.css"); @import url("https://unpkg.com/scroll-hint@1.1.2/css/scroll-hint.css"); @import url("./style3.css?code=116"); @import url("./common.css"); @import url("./sp.css"); @import url("./sp-common.css"); @import url("./css_code.css"); @import url("./free.css?code=118"); /**---------------------------------------- CSS_en_child_CSS -------------------------------------------**/ #summary { padding: 80px 0 20px !important; border: none; } #classifying { padding-top: 60px; } /* .main { padding: 170px 0 0 !important; }*/ .summary-item.is-hide { height: 200px; } @media screen and (max-width: 768px) { #summary { padding: 0px !important; } } /*.product-summary-table td:nth-child(2) { font-size: 12px; font-weight: normal; }*/ /*header*/ .hd-right-btn p { font-size: 90%; font-weight: bold; } /*Layout*/ .slider-wrapper { /* margin-bottom: 20px; 20230213*/ margin-bottom: -10px; } .catalog-search-wrapper { /* margin: 0; 20230213*/ display:none; } @media screen and (max-width: 768px) { .blue-ribbon h2 { font-size: 90%; padding: 0 !important; } } /*banner setBox*/ .en_top-banner_pc { display: none; } .en_top-banner_sp { display: none; } /* margin: 20px 0 60px 0; width: 100%; display: flex; flex-wrap:wrap; text-align: center; } .en_top-banner_pc li { padding:10px 0; box-sizing:border-box; } .en_top-banner_pc li img { height: auto; } .en_top-banner_pc li a:hover img { animation: none !important; } .en_top-banner_pc li:nth-child(n+1):nth-child(-n+3) { width: calc(100%/3); } .en_top-banner_pc li:nth-child(4) { width: calc(100%/2); padding-left: 14px; padding-right: 10px; } .en_top-banner_pc li:nth-child(5) { width: calc(100%/2); padding-left: 4px; padding-right: 14px; } .en_top-banner_sp { display: none; }*/ @media screen and (max-width: 768px) { .en_top-banner_pc { display: none; } .en_top-banner_sp { display: none; } /*.en_top-banner_sp { display: block; margin: 50px 15px; text-align: center; } .en_top-banner_sp li img { padding-bottom:20px; } .en_top-banner_sp li:nth-child(n+1):nth-child(-n+5) { padding: auto; width: 100%; }*/ } /*Footer*/ .footer-support-detail { padding: 15px 0; text-align: center; width:96%; max-width:1120px; margin: auto; } /*20220906 追加--*/ /* .footer-support-detail p { font-size: 105%; } */ .footer-support-detail dl { float: left ; padding-right: 2px ; text-align: center ; } .footer-support-detail dt { float: left ; clear: left ; width: calc(96% /5) ; height: 1.6em ; } .footer-support-detail dd{ margin-left: 2px ; } .footer-support-detail p a { font-size: 90% font-color: black; text-decoration: none; } /*--20220906 追加*/ @media screen and (max-width: 768px) { .footer-support-detail { margin-left: 20px; } .footer-support-detail dt { width: calc(96% /2) ; } .footer-support-detail dd{ margin-left: 2px ; } .footer-support-detail p a { margin: 40px 0 -20px 0; display: block; font-size: 120%; line-height: 1.4em; color: black; } } /*Footer inquiry BTN*/ .footer-contact-btn { margin: 5px auto 20px auto !important; } .footer-contact-btn a { width: 320px; padding: 15px !important; border-radius: 50px; margin: auto; } @media screen and (max-width: 768px) { .footer-contact-btn a { display: block; width: 250px; margin: auto; } } /*Footer Link*/ .footer-en-links { background-color: #282c34; } .footer-en-links ul { width: 60%; padding: 0px 10px; margin: auto !important; display: flex; justify-content: space-between; } .footer-en-links li { display: block; width: calc(100%/3); } .footer-en-links li a { display: block; width:; border-right:1px solid #fff; text-align: center; padding: 15px; font-size: 12px; } .footer-en-links li:first-child { border-left:1px solid #fff; } .footer-en-links li:last-child a::after { content: url(../images/common/ico-new-window.png); margin: 0 0 0 20px; vertical-align: middle } .footer-en-links li a { color:#fff; text-decoration: none; } @media screen and (max-width: 768px) { .footer-en-links ul { width: 100%; } .footer-en-links li:first-child { border-left:none; } } /*--20221128 追加*/ /*リスト番号*/ ol.list_n{ list-style: none; counter-reset: number; } .list_n li{ padding-left: 1em; text-indent: -1em; margin: 8px 0; line-height: 1.6em; } .list_n li::before { counter-increment: number; content: counter(number)". "; } /**---------------------------------------- CSS_en_child_CSS -------------------------------------------**/ /* .search-result-section h1 { font-size: 20px; color:#fff; } */ .result-table th { white-space: nowrap; } @media screen and (max-width: 1100px) { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { } /*--------------------------------------------------------- ### dl dt dd 20230616追記 ---------------------------------------------------------*/ .clearfix::after { content: ""; display: block; clear: both; } dl.tbl { float: left ; width : calc(100% / 2) ; margin : 15px 0px; /* color: black ;*/ } .tbl dt { float: left ; clear: left ; background-color: #faf9f5 ; font-weight: bold ; clear: left ; vertical-align:middle; } .tbl dd { margin-left: 0px ; padding-right: 18px ; color: black ; } dl.tbl3 { float: left ; width : calc(100% / 3) ; color: black ; } .tbl3 dt { float: left ; clear: left ; padding: 8px ; background-color: #faf9f5 ; font-weight: bold ; clear: left ; vertical-align:middle; } .tbl3 dd { margin-left: 0px ; padding: 0 15px ; color: black ; } /* 2/3 */ dl.tbl6 { float: left ; width : calc((100% / 3) *2); color: black ; } .tbl6 dt { float: left ; clear: left ; padding: 8px ; background-color: #faf9f5 ; font-weight: bold ; clear: left ; vertical-align:middle; } .tbl6 dd { margin-left: 0px ; padding: 0px ; color: black ; } /*tablet 960px以下*/ @media screen and (max-width: 960px) { dl.tbl { width : calc(100% / 1) ; } dl.tbl3 { width : calc(100% / 2) ; } dl.tbl6 { width : calc(100% / 1) ; } } /*smartphone 667px以下*/ @media screen and (max-width: 667px) { dl.tbl { width : calc(100% / 1) ; padding-right: 0px ; } dl.tbl3 { width : calc(100% / 1) ; padding-right: 0px ; } }