/*エディタ日本語文字化け対策用テキスト*/ @charset "UTF-8"; /* layout **************************************************************************************************************************/ .pc { display:none!important; } /* common **************************************************************************************************************************/ /* header */ header .glnv { padding: 5px 15px; } header .glnv .ci { text-align: center;} header .glnv .ci img, header .glnv .ci object { height: 55px; } header > .utility, header .nav-ec, header nav { display: none; } @media screen and (max-width: 767px) { header .glnv .ci img, header .glnv .ci object { margin-left: -20px; } } /* main */ /* footer */ .topicpath { display:none; } footer { background: #56606e; color: #fff; } footer a { color: #fff;} footer .inner:nth-of-type(2) { background: #4d5663; padding: 15px 0; } footer .ci { padding: 20px 20px; } footer .ci p a img { width: 180px; } footer .ci .social { font-size: 0; margin-top: 25px; } footer .ci .social li { display: inline-block; margin-right: 30px; vertical-align: middle; } footer .ci .social li a { text-indent: -9999px; } footer .ci .social .fb a { display: block; background: url(../img/common/icn-ft-fb.png) 50% 50% no-repeat; background-size: contain; width: 10px; height: 18px;} footer .ci .social .tw a { display: block; background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.9031%209.20382L19.3488%200.548828H17.5844L11.1193%208.06384L5.95565%200.548828H0L7.80844%2011.9129L0%2020.9889H1.76449L8.59178%2013.0528L14.045%2020.9889H20.0006L11.9026%209.20382H11.9031ZM9.48637%2012.013L8.69521%2010.8814L2.40026%201.87711H5.1104L10.1905%209.14384L10.9817%2010.2754L17.5852%2019.7211H14.8751L9.48637%2012.0134V12.013Z%22%20fill%3D%22%23ACB0B6%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat; background-size: contain; width: 22px; height: 17px; } footer .ci .social .ig a { display: block; background: url(../img/common/icn-ft-ig.png) 50% 50% no-repeat; background-size: contain; width: 20px; height: 20px; } footer .ci .social .feed a { display: block; background: url(../img/common/icn-ft-rss.png) 50% 50% no-repeat; background-size: contain; width: 19px; height: 19px; } footer .list .page { padding: 0 20px; } footer .list .page .set h2 { display: none; } footer .list .page .set ul li { font-size: 14px; margin-bottom: 18px; } footer .list .page .set ul li a { background: url(../img/common/icn-minus01.png) 0 50% no-repeat; background-size: 12px 2px; padding-left: 22px;} footer .list .page .set ul li a.--sub{ background: url(../img/common/arw-r01.png) 0 6px no-repeat; display:block; margin: 5px 0 0 25px;} footer .list .ec h2 { display: none;} footer .list .ec .set h3 { font-size: 14px; border-top: 1px solid #757d89; padding: 20px; position: relative; font-weight: normal;} footer .list .ec .set h3::after { content: ''; display: block; background: url(../img/common/icn-plus01.png) 0 0 no-repeat; background-size: 12px 12px; width: 12px; height: 12px; position:absolute; top:50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } footer .list .ec .set h3.is-open::after { background: url(../img/common/icn-minus01.png) 0 50% no-repeat; background-size: 12px 2px; } footer .list .ec .set h3 span { display: block; background: url(../img/common/icn-minus01.png) 0 50% no-repeat; background-size: 12px 2px; padding-left: 22px; } footer .list .ec .set h3 + .set-list { display: none; } footer .list .ec .set ul { display: flex; flex-wrap: wrap-reverse; font-size: 0; padding: 0 20px 20px 20px; } footer .list .ec .set ul li { display: inline-block; width: 50%; padding-right: 30px; font-size: 14px; margin: 4px 0; } footer .list .ec .set ul li a {display: inline-block; width: 100%; padding-left: 18px; background: url(../img/common/arw-r01.png) 0 6px no-repeat; } footer .inner:nth-of-type(2) ul { padding: 0 20px; } footer .inner:nth-of-type(2) ul li { margin-bottom: 15px; font-size: 14px; } footer .inner:nth-of-type(2) ul li a { } footer .copyright { font-size: 10px; font-family: sans-serif; font-weight: bold; padding: 0 20px; } .overlay { position: fixed; bottom: 77px; z-index: 10; right: 0; width:100%; transition: all .3s;} .overlay.is-open { width: 100%; } .overlay.has-cart { bottom: 131px; } .overlay .pagetop { padding: 0; width: 45px; height: 45px; position: absolute; right: 10px; top: -110px;} .overlay .pagetop img { width: 45px; height: auto; position: relative; z-index: +1; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .overlay .pagetop.is-show img { opacity: 1; } .overlay .share { text-align: right; position: absolute; right: 0; top: -62px; padding: 5px 10px 10px 10px; width: 100%; pointer-events: none; } .overlay .share span { width: 45px; height: 45px; display: inline-block; text-align: left; background: url(../img/common/btn-share.png) 0 0 no-repeat; background-size: contain; text-indent: -9999px; position: relative; z-index: +1; pointer-events: all;} .overlay .share span.is-open {background: url(../img/common/btn-share-close.png) 0 0 no-repeat; background-size: contain; } .overlay .share ul { background: rgba(255,255,255,0.9); position:absolute; bottom: 0; left:0; text-align: center; width: 100%; padding: 12px 80px; font-size: 0; border-top: 1px solid #d2d3ce; display:block; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; pointer-events: all; } .overlay .share ul.is-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .overlay .share ul li { display: inline-block; width: 33%; text-align: center; padding: 12px 0; } .overlay .share ul li img { width: auto; height: auto; max-width: 36px; max-height: 36px;} .overlay .share ul li:nth-of-type(3)::after { content: '\A'; white-space: pre ; } .overlay .rcmnd { display: none; } .overlay.mask{bottom:131px;} @media screen and (max-width:768px){ footer .list .page .set ul li a.--sub{ padding-left:18px; } } /* glnv */ .glnv-sp { position: fixed; bottom: 0; left: 0; z-index: 2000; width: 100%; border-top: 3px solid #8996a5; box-shadow: 0 -2px 0px #fff; } .glnv-sp ul { display: table; width: 100%; } .glnv-sp ul li { display: table-cell; vertical-align: bottom; font-family: sans-serif; border-right: 1px solid #d8d8db; border-top: 1px solid #d8d8db; width: 20%; font-size: 10px; font-weight: bold; background: #fff; padding-bottom:10px;} .glnv-sp ul li:hover { opacity: 1; background: #f0f1f4; } .glnv-sp ul li:last-of-type { margin-right: 0;} .glnv-sp ul li.active { background: #f0f1f4;border-top: 1px solid #f0f1f4; } .glnv-sp ul li a { display: block; width: 100%; height: 100%; text-align: center; padding: 42px 0 10px 0;} .glnv-sp ul li:nth-of-type(1) a { background:url(../img/common/icn-nv-blog-s.png) 50% 10px no-repeat; background-size:18px 24px; } .glnv-sp ul li:nth-of-type(2) a { background:url(../img/common/icn-nv-search-s.png) 50% 10px no-repeat; background-size:24px 24px; } .glnv-sp ul li:nth-of-type(3) a { background:url(../img/common/icn-nv-menu-s.png) 50% 10px no-repeat; background-size:24px 17px; } .glnv-sp ul li:nth-of-type(4) a { background:url(../img/common/icn-nv-keep-s.png) 50% 10px no-repeat; background-size:19px 24px; } .glnv-sp ul li:nth-of-type(5) a { background:url(../img/common/icn-nv-cart-s.png) 50% 10px no-repeat; background-size:24px 21px; } .glnv-sp ul li.has-item { position: relative; } .glnv-sp ul li.has-item::after { content: ''; width: 10px; height: 10px; border-radius: 50%; display: block; background: #e63555; position: absolute; z-index: 2; top: 10px; left: 31%; -webkit-animation-duration: 0.5s; -webkit-animation-name: flash; animation-duration: 0.5s; animation-name: flash; } .glnv-sp ul li.tab-keep { position: relative; } .glnv-sp ul li.tab-keep .keep-more { position: absolute; top: -1px; right: -50px; -webkit-transform: translateY(-100%); transform: translateY(-100%); background: #fff url(../img/common/icn-nv-keep-on-s.png) 50% 20px no-repeat; z-index: 300; padding: 90px 25px 25px 25px; width: 230px; text-align: center;box-shadow:0px -1px 6px -1px #d9d9d9; display: none; } .glnv-sp ul li.tab-keep .keep-more p { margin-bottom: 0.8em; } .glnv-sp ul li.tab-keep .keep-more p:last-of-type { margin-bottom: 0; } .glnv-sp ul li.tab-keep .keep-more .close { background: url(../img/common/icn-close.png) 50% 50% no-repeat; background-size: contain; width: 20px; height: 20px; text-indent: -9999px; position: absolute; top: 15px; right: 15px; } .glnv-sp-more { position: fixed; bottom: 65px; width: 100%; z-index: 1999;} .glnv-sp-more .panel { position: absolute; width: 100%; bottom: -100px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.5s; transition: all 0.5s; } .glnv-sp-more .panel.is-open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 999; } .glnv-sp-more .panel::after { -webkit-transition: all 0.5s; transition: all 0.5s; } .glnv-sp-more .panel.is-open::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.8); width: 100%; height:200vh; z-index: 4; } .glnv-sp-more .panel .inner { background: #f0f1f4; padding: 20px; position: relative; z-index: 100; transform:translateZ(1px); overflow-y: auto; -webkit-overflow-scrolling:auto; max-height: calc(100vh - 210px); } .glnv-sp-more .search { margin-top: 15px; } .glnv-sp-more .search h2 { font-size: 14px; font-weight: bold; margin-bottom: 15px; } .glnv-sp-more .search form { position: relative; margin-bottom: 15px; } .glnv-sp-more .blog .search form { margin-bottom: 0; } .glnv-sp-more .search input.text { background: #dbdfe3; border: 0; font-size: 16px; padding: 9px 10px 10px 10px; width: 100%; border-radius: 4px; min-height: 37px; } .glnv-sp-more .search input.submit { position: absolute; top: 0; right: 0; border-radius: 4px; font-size: 14px; font-weight: bold; width: 64px; padding: 9px 0 8px; box-shadow: 0; background: #fff; min-height: 37px;color:black;} .glnv-sp-more .more { margin-bottom: 25px;} .glnv-sp-more .more a { background:url(../img/common/arw-r02.png)0 7px no-repeat; background-size: 8px 5px; padding-left: 15px; font-weight: bold; font-size: 14px; } .glnv-sp-more .blog .more { margin-bottom: 0;} .glnv-sp-more h3 { font-weight: bold; font-size: 14px; margin-bottom: 10px;} .glnv-sp-more .retrieve { background: #fff; padding: 20px; } .glnv-sp-more .layer01 { } .glnv-sp-more .layer01 li { font-size: 14px; font-weight: bold; margin-bottom: 20px; cursor: pointer; } .glnv-sp-more .layer01 li:last-of-type { margin-bottom: 0;} .glnv-sp-more .layer01 span { display: block; background: url(../img/common/icn-plus02.png) 0 2px no-repeat; background-size: 10px 10px; padding-left: 18px;} .glnv-sp-more .menu form { position: relative; margin: 15px 0 10px 0; } .glnv-sp-more .menu input.text { background: #dbdfe3; border: 0; font-size: 14px; padding: 9px 10px 10px 10px; width: 100%; border-radius: 4px; min-height: 37px; } .glnv-sp-more .menu input.submit, .glnv-sp-more .product-index input.submit { position: absolute; top: 0; right: 0; border-radius: 4px; font-size: 14px; font-weight: bold; width: 44px; padding: 9px 0 8px; box-shadow: 0; background: #fff url(../img/common/icn-search02.png) 50% 50% no-repeat; background-size: 20px 20px; min-height: 37px; text-indent: -9999px;} .glnv-sp-more .back { position: relative; z-index: 5; background: #fff; background-size: 30px 5px; padding: 18px; font-weight: bold; font-size: 14px; cursor: pointer; text-align: center; } .glnv-sp-more .back::before { content: ""; display: inline-block; width: 30px; height: 5px; background: url(../img/common/arw-back01.png) no-repeat center center / contain; margin-right: 10px; margin-bottom: 3px; } .glnv-sp-more .layer02 { } .glnv-sp-more .layer02 li { } .glnv-sp-more .layer02 img { width: calc(100% + 40px); margin-left: -20px; height: auto; } .glnv-sp-more .layer02 li { line-height: 1; position: relative; } .glnv-sp-more .layer02 li a { display: block; font-size: 14px; font-weight: bold; padding: 13px 0; position: relative; } .glnv-sp-more .product-brand .layer02 a { padding: 0; } .glnv-sp-more .layer02 li span, .glnv-sp-more .layer02 li a { display: block; font-size: 14px; font-weight: bold; padding: 13px 20px; background: url(../img/common/icn-plus02.png) 0px 50% no-repeat; background-size: 10px 10px; position: relative; cursor: pointer; } .glnv-sp-more .layer02 li::after { content: ''; display: block; position:absolute; top:50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .glnv-sp-more .layer02 li.type-neo::after { background: url(../img/common/icn-neo.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 2px; } .glnv-sp-more .layer02 li.type-ip::after { background: url(../img/common/icn-ip.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 3px;} .glnv-sp-more .layer02 li.type-ipad::after { background: url(../img/common/icn-ipad.png) 50% 50% no-repeat; background-size: contain; width: 36px; height: 24px;} .glnv-sp-more .layer02 li.type-lt::after { background: url(../img/common/icn-lt.png) 50% 50% no-repeat; background-size: contain; width: 36px; height: 24px;} .glnv-sp-more .layer02 li.type-ap::after { background: url(../img/common/icn-ap.png) 50% 50% no-repeat; background-size: contain; width: 36px; height: 24px;} .glnv-sp-more .layer02 li.type-ipod::after { background: url(../img/common/icn-ipod.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 3px; } .glnv-sp-more .layer02 li.type-aw::after { background: url(../img/common/icn-aw.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 3px; } .glnv-sp-more .layer02 li.type-sp::after { background: url(../img/common/icn-sp.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 3px; } .glnv-sp-more .layer02 li.type-wm::after { background: url(../img/common/icn-wm.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 1px; } .glnv-sp-more .layer02 li.type-tb::after { background: url(../img/common/icn-tb.png) 50% 50% no-repeat; background-size: contain; width: 36px; height: 24px;} .glnv-sp-more .layer02 li::before { content: ''; display: block; position:absolute; top:50%; right: 45px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #c4cad0; height: 1px; } .glnv-sp-more .layer02 li.type-neo::before { width: 70%; } .glnv-sp-more .layer02 li.type-ip::before { width: 63%; } .glnv-sp-more .layer02 li.type-ipad::before { width: 67%; } .glnv-sp-more .layer02 li.type-lt::before { width: 61%; } .glnv-sp-more .layer02 li.type-ap::before { width: 60%; } .glnv-sp-more .layer02 li.type-ipod::before { width: 67%; } .glnv-sp-more .layer02 li.type-aw::before { width: 51%; } .glnv-sp-more .layer02 li.type-sp::before { width: 58%; } .glnv-sp-more .layer02 li.type-wm::before { width: 58%; } .glnv-sp-more .layer02 li.type-tb::before { width: 62%; } .glnv-sp-more .layer02 li.c-case::after { background: url(../img/common/icn-c-case.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; } .glnv-sp-more .layer02 li.c-film::after { background: url(../img/common/icn-c-film.png) 50% 50% no-repeat; background-size: contain; width: 24px; height: 28px;} .glnv-sp-more .layer02 li.c-battery::after { background: url(../img/common/icn-c-battery.png) 50% 50% no-repeat; background-size: contain; width: 24px; height: 24px; right: 3px;} .glnv-sp-more .layer02 li.c-charge::after { background: url(../img/common/icn-c-charge.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 1px; } .glnv-sp-more .layer02 li.c-interior::after { background: url(../img/common/icn-c-interior.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 2px;} .glnv-sp-more .layer02 li.c-lgoods::after { background: url(../img/common/icn-c-lgoods.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; } .glnv-sp-more .layer02 li.c-dgoods::after { background: url(../img/common/icn-c-dgoods.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px; right: 1px;} .glnv-sp-more .layer02 li.c-sp::after { background: url(../img/common/icn-c-sp.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px;} .glnv-sp-more .layer02 li.c-gadget::after { background: url(../img/common/icn-c-gadget.png) 50% 50% no-repeat; background-size: contain; width: 28px; height: 28px;} .glnv-sp-more .layer02 li.c-case::before { width: 70%; } .glnv-sp-more .layer02 li.c-film::before { width: 50%; } .glnv-sp-more .layer02 li.c-battery::before { width: 63%; } .glnv-sp-more .layer02 li.c-charge::before { width: 73%; } .glnv-sp-more .layer02 li.c-interior::before { width: 62%; } .glnv-sp-more .layer02 li.c-lgoods::before { width: 65%; } .glnv-sp-more .layer02 li.c-dgoods::before { width: 60%; } .glnv-sp-more .layer02 li.c-sp::before { width: 56%; } .glnv-sp-more .layer02 li.c-gadget::before { width: 64%; } .glnv-sp-more .layer03 { width: 100%; column-count: 2; column-gap: 0;} .glnv-sp-more .layer03 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-right: 20px; font-weight: bold; } .glnv-sp-more .layer03 li a { display: block; padding: 7px 0;} .glnv-sp-more .view-all { text-align: center; border-top: 1px solid #d8d8db; width: calc(100% + 40px); margin-left: -20px; margin-bottom: -20px; } .glnv-sp-more .view-all a { padding: 12px; font-size: 14px; font-weight: bold; display: block; } .glnv-sp-more .social { display: block; text-align: center; background: #56606e; padding: 15px; border-bottom: 1px solid #757d89; position: relative; z-index: 5; } .glnv-sp-more .social li { display: inline-block; margin: 0 25px; vertical-align: middle;} .glnv-sp-more .social li a { text-indent: -9999px; display: block;} .glnv-sp-more .social .fb a { display: block; background: url(../img/common/icn-hd-fb.png) 50% 50% no-repeat; width: 10px; height: 18px;} .glnv-sp-more .social .tw a { display: block; background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.9031%209.20382L19.3488%200.548828H17.5844L11.1193%208.06384L5.95565%200.548828H0L7.80844%2011.9129L0%2020.9889H1.76449L8.59178%2013.0528L14.045%2020.9889H20.0006L11.9026%209.20382H11.9031ZM9.48637%2012.013L8.69521%2010.8814L2.40026%201.87711H5.1104L10.1905%209.14384L10.9817%2010.2754L17.5852%2019.7211H14.8751L9.48637%2012.0134V12.013Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat; width: 22px; height: 20px; } .glnv-sp-more .social .ig a { display: block; background: url(../img/common/icn-hd-ig.png) 50% 50% no-repeat; width: 20px; height: 21px; } .glnv-sp-more .sitenv { padding: 20px; background: #56606e; font-size: 0; position: relative; z-index: 5; } .glnv-sp-more .sitenv li { font-size: 12px; display: inline-block; width: 50%; padding-right: 10px; } .glnv-sp-more .sitenv a { display: block; padding: 10px 0; color: #fff;} .glnv-sp-more .sub { position: relative; z-index: 5; } .glnv-sp-more .sub li { font-weight: bold; font-size: 16px;} .glnv-sp-more .sub a { display: block; padding: 10px 0;} .glnv-sp-more .sub small { color: #999999; margin-left: 20px; font-size: 12px; font-weight: normal; } .glnv-sp-more .panel .inner.--menuList { padding: 0; overflow: visible; } .glnv-sp-more .panel .inner.--menuList .sub li { border-top: 1px solid #DBDFE3; font-size: 13px; padding: 0 20px; } .glnv-sp-more .panel .inner.--menuList .sub li a { display: flex; flex-direction: column; align-items: center; padding: 13px 0 5px; } .glnv-sp-more .panel .inner.--menuList .sub li a small { margin: 0; font-size: 9px; color: #56606E; } .glnv-sp-more .panel.menu .inner.--menuInner { padding: 0; max-height: calc(100vh - 100px); } /* aside */ .aside .text { padding-bottom: 20px; } .aside .text.bg { color: #fff; } .aside .text.bg p { line-height: 1.6; font-size: 14px; margin-bottom: 20px; } .aside .text.bg p img { max-width: 100%;} .aside .text.bg p:last-of-type { margin-bottom: 0;} /* bg */ .bg { overflow: hidden; } .bg .inner { padding: 20px 10px; } /* .bg .inner.media { padding: 20px 10px 0 10px; } */ .bg.blog_list .inner { padding: 20px 0px; } .bg01 { background: #f0f1f4; } .bg01-sp { background: #f0f1f4; } .bg02 { background: #fff; } .bg03 { background: #8996a5; } .bg.archives { overflow: visible; } /* box */ .has-bdbtm { border-bottom: 1px solid #dadada; } /* title */ .pagetitle.dflt { padding: 45px 10px 32px 10px; text-align: center; background: url(../img/common/bg-pagetitle-sp@2x.png) 50% 50% no-repeat; background-size: cover; color: #fff; overflow: hidden;} .pagetitle.dflt .hl02 { font-family: sans-serif; font-weight: normal; font-size: 24px; line-height: 1.2; } .pagetitle.dflt .hl02 a { color: #fff; display: block; } .pagetitle.dflt .hl02 span { display: inline-block; position: relative; font-weight:bold;} .pagetitle.dflt .hl02 span::before, .pagetitle.dflt .hl02 span::after{ content: ''; width: 50px; height: 2px; background: #fff; display: block; position: absolute; } .pagetitle.dflt .hl02 span::before { top: 15px; left: -80px; } .pagetitle.dflt .hl02 span::after { top: 15px; right: -80px; } .dflt.warranty_apply .pagetitle.dflt .hl02 span::before, .dflt.warranty_apply .pagetitle.dflt .hl02 span::after { content: none; } .pagetitle.dflt .hl02 small { display: block; font-size: 16px; margin-top: 18px; } .warranty_apply .pagetitle.dflt .hl02 { font-size: 20px; } .warranty_apply .pagetitle.dflt .hl02.--zero { font-size: 22px; } .warranty_apply .pagetitle.dflt .hl02.--case { font-size: 24px; } .ttl { text-align: center; padding: 25px 0 20px 0; } .ttl.--pb { padding-bottom: 10px; } .bg03 .ttl { color: #fff; } .ttl .hl01 { font-family: sans-serif; font-weight: bold; font-size: 24px; } .ttl .hl01 span { display: inline-block; position: relative; } .ttl .hl01 span::before, .ttl .hl01 span::after{ content: ''; width: 30px; height: 2px; background: #000; display: block; position: absolute; } .ttl .hl01 span::before { top: 15px; left: -50px; } .ttl .hl01 span::after { top: 15px; right: -50px; } .ttl .hl01 small { display: block; font-size: 12px; margin-top: 12px; } .bg03 .ttl .hl01 span::before, .bg03 .ttl .hl01 span::after{ background: #fff; } .hl03 { font-size: 21px; font-weight: bold; padding-left: 20px; border-left: 3px solid #000; text-align: left; margin-bottom: 20px; } .hl03.white { border-left-color: #fff!important; color: #fff; } .bg03 .hl03 { border-left: 3px solid #fff!important; } .subtitle { background: #56606e; text-align: left; color: #fff; } .subtitle .inner { padding: 20px 12px; } .subtitle h2 { font-size: 16px; font-weight: bold; } .hl04 { font-size: 16px; font-weight: bold; text-align: left; margin-bottom: 15px; } .hl05 { font-weight: bold; font-size: 16px; margin-bottom: 10px; } .hl06 { font-weight: bold; font-size: 16px; margin-bottom: 10px; position: relative; } .hl06::after { content: ''; display: block; width: 12px; height: 2px; background: #111; position: absolute; top: 7px; left: -18px;} .hl07 { font-size: 16px; line-height: 1.6; margin-bottom: 20px; font-weight: bold; } .hl07::before { content: ''; display: inline-block; width: 16px; height: 2px; line-height: 1; margin-top: -3px; background: #000; margin-right: 5px; vertical-align: middle;} /* btn */ .btn { } .btn.btn01 { font-family: sans-serif; font-weight: bold; font-size: 16px; text-align: center; display: block; padding: 10px; border-radius: 5px; border: 1px solid #000;} .blog_list .btn.btn01 { margin:0 16px;} .btn.btn01:hover { background: #0047b8; color: #fff; border: 1px solid #0047b8; } .btn.btn02 { font-weight: bold; font-size: 12px; text-align: left; display: block; padding: 10px 20px; border-radius: 5px; border: 1px solid #cccccc; background: #fff url(../img/common/arw-r04.png) calc(100% - 20px) 50% no-repeat; background-size: 30px 5px;} .btn.btn03 { font-family: sans-serif; font-weight: bold; font-size: 16px; text-align: center; display: block; padding: 10px; border-radius: 5px; border: 1px solid #fff; color: #fff;} .btn.btn04 { font-family: sans-serif; font-size: 14px; text-align: center; display: block; padding: 8px 35px; border-radius: 5px; border: 1px solid #ccc; color: #111;} .btn.btn05 { font-family: sans-serif; font-size: 14px; text-align: center; display: block; padding: 8px; border-radius: 5px; border: 1px solid #111; color: #111;} .btn.btn06 { font-family: sans-serif; font-size: 14px; text-align: center; display: block; padding: 8px; border-radius: 5px; border: 1px solid #fff; color: #fff; text-decoration: none!important; width: 80%; margin: 0 auto;} .btn.btn07 { font-family: sans-serif; font-size: 14px; text-align: center; display: block; padding: 8px; border-radius: 5px; border: 1px solid #000; color: #000; text-decoration: none!important; width: 80%; margin: 0 auto;} .btn.btn08 { font-family: sans-serif; font-size: 14px; text-align: center; display: block; padding: 8px; border-radius: 5px; border: 1px solid #000; color: #000; text-decoration: none!important; width: 100%; margin: 0 auto;} .btn.btn09 { text-align: center; display: block; padding: 8px; border-radius: 5px; background: #73797a; color: #fff; } .btn.btn10 { text-align: center; display: block; padding: 8px; border-radius: 5px; background: #e63555; color: #fff; } .btn.btn11 { font-family: sans-serif; font-size: 14px; text-align: center; display: block; padding: 8px; border-radius: 5px; border: 1px solid #fff; color: #fff; text-decoration: none!important; width: 100%; margin: 5px auto 0 auto;} .btn.white { color: #fff; border-color: #fff; } .btn-cart01 { border-radius: 4px; background:#e63555; color:#fff; font-size: 12px; font-weight: bold; border: 0; padding: 8px; width: 100%; position: relative; } .btn-cart01:after { content: ''; display: block; width:24px; height: 20px; background: url(../img/common/icn-cart.png) 0 0 no-repeat; background-size: contain; position: absolute; left: 10px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-cart02 { border-radius: 4px; background:#e63555; color:#fff; font-size: 12px; font-weight: bold; border: 0; padding: 8px; width: 100%; position: relative; } .btn-cart02.disabled { background: #ccc; } .btn-keep01 { border-radius: 4px; background:rgba(255,255,255,0.1); color:#fff; font-size: 12px; font-weight: bold; border: 0; padding: 9.5px; width: 100%; position: relative; text-indent: 10px; } .btn-keep01:after { content: ''; display: block; width:14px; height: 13px; background: url(../img/common/icn-star.png) 0 0 no-repeat; background-size: contain; position: absolute; left: 10px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-keep02 { border-radius: 4px; background:rgba(255,255,255,0.1); color:#000; font-size: 12px; font-weight: bold; border: 1px solid #999; padding: 9.5px; width: 100%; position: relative; text-indent: 10px; } .btn-keep02:after { content: ''; display: block; width:14px; height: 13px; background: url(../img/common/icn-star2.png) 0 0 no-repeat; background-size: contain; position: absolute; left: 10px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-cart-option.disabled { background: #ccc; } .toggle-more { border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; background: #fff; } .toggle-more a { display: block; padding: 14px; font-size: 14px; } .toggle-more a span { background: url(../img/common/icn-more01.png) 0 0 no-repeat; background-size: 22px 22px; display: inline-block; padding-left: 35px; } .toggle-more.is-open a span { background: url(../img/common/icn-more01-close.png) 0 0 no-repeat; background-size: 22px 22px; display: inline-block; padding-left: 35px; } .select-product { -webkit-appearance: none; -moz-appearance: none; appearance:none; border:1px solid #ccc; border-radius: 5px; padding: 8px; text-align: center; font-size: 14px; width:100%; background:url(../img/common/icn-list.png) calc(100% - 10px) 50% no-repeat; background-size:20px 15px; } .action .reset { text-align: center; margin-bottom: 10px; } .action .reset span { border-radius: 5px; background:#fff; text-align: center; border:1px solid #ccc;; margin: 0 auto; display: inline-block; width:180px; } .action .reset input { background-size: 16px 16px; padding:10px; display: block; border:0; font-size: 14px; text-align: center; width:100%; cursor: pointer; } .action .submit { text-align: center; } .action .submit span { border-radius: 5px; background:#e63555; color: #fff; text-align: center; border:0; margin: 0 auto; display: inline-block; width:180px; } .action .submit input { background:url(../img/common/icn-search01.png) 40px 50% no-repeat; background-size: 16px 16px; padding:10px 10px 10px 20px; display: block; border:0; font-size: 14px; color: #fff; text-align: center; width:100%; cursor: pointer; } .btn-comment { background: #e63555; border-radius: 6px; } .btn-comment span { display: block; border:0; font-size: 14px; color: #fff; text-align: center; width:100%; cursor: pointer; } .btn-comment input { padding:10px ; border: 0; color: #fff; display: block; text-align: center; width: 100%; } /* form */ .search-single { position: relative; } .search-single input[type="text"], .search-single input[type="search"] { border-radius: 4px; width: 100%; padding: 8px; font-size: 16px;} .search-single input[type="submit"] { position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px; border: 0; background: url(../img/common/icn-search02.png) 50% 50% no-repeat; text-indent: -9999px; width: 20px; height: 20px; background-size: contain; } /* slider */ .has-carousel .bx-wrapper { } .has-carousel .bx-viewport { overflow: visible!important; } /* component */ .brands { } .brands .brand { margin-bottom: 10px; } .brands .brand:last-of-type {margin-bottom: 0;} .brands .brand a { color: #fff; } .brands .brand a .imgtxt { display: table; width: 100%;} .brands .brand a .imgtxt .img, .brands .brand a .imgtxt .txt { display: table-cell; vertical-align: top;} .brands .brand a .imgtxt .img { width: 36%; } .brands .brand a .imgtxt .img img { width: 100%; line-height: normal; height: auto;} .brands .brand a .imgtxt .txt { padding: 20px; color: #fff;} .brands .brand a .imgtxt .txt p { opacity: 0; display:none; } .brands .brand a .imgtxt .ap-simplism{background: url(https://trinity.jp/wp-content/uploads/2021/10/211019_Simplism10871_fin_TOS.jpg) 50% 50% / cover no-repeat!important;} .brands .brand a .imgtxt .ap-nuans {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/thumb-c02.jpg) 50% 50% / cover no-repeat!important;} .brands .brand a .imgtxt .ap-catalyst {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/thumb-c04.jpg) 50% 50% / cover no-repeat!important;} .brands .brand a .imgtxt .ap-bluelounge {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/thumb-c03.jpg) 50% 50% / cover no-repeat!important;} .brands .brand a .imgtxt .ap-besper {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/BES_tos_main.jpg) 50% 50% / cover no-repeat!important;} .brands .brand a .imgtxt .ap-ajouter {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/AJ_tos_main_01.png) 50% 50% / cover no-repeat!important;} .brands .brand a .imgtxt .ap-weara {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/brand_pic_weara.jpg) 50% 50% / cover no-repeat!important;} .brands .brand a .imgtxt .ap-news {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/brand_pic_eureka.png) 50% 50% / cover no-repeat!important;} .brands .brand a .imgtxt .ap-amulet {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/brand_pic_amulet.jpg) 50% 50% / cover no-repeat!important;} .cards { font-size: 0; } .cards-a .card { width: 48.5%; display: inline-block; vertical-align: top; background: #fff; margin: 0 3% 3% 0; } .cards-a .card:nth-of-type(2n) { margin-right: 0;} .cards-a a { display: block; } .cards-a .card .imgtxt { display: flex; flex-direction: column; height: 100%; } .cards-a .card > a { height: 100%; } .cards-a .card .imgtxt .img { } .cards-a .card .imgtxt .img img { width: 100%; height: auto; vertical-align: bottom; aspect-ratio: 295 / 195; object-fit: cover;} .cards-a .card .imgtxt .img .c01 { border-bottom: 5px solid #cfdb00; } .cards-a .card .imgtxt .img .c02 { border-bottom: 5px solid #929394; } .cards-a .card .imgtxt .img .c03 { border-bottom: 5px solid #008fbe; } .cards-a .card .imgtxt .img .c04 { border-bottom: 5px solid #1f1f1f; } .cards-a .card .imgtxt .img .c05 { border-bottom: 5px solid #efefef; } .cards-a .card .imgtxt .img .c06 { border-bottom: 5px solid #8fa5ba; } .cards-a .card .imgtxt .img .c07 { border-bottom: 5px solid #ba8ebe; } .cards-a .card .imgtxt .txt { padding: 15px 15px 40px 15px; position: relative; height: 100%; } .cards-a .card .imgtxt .txt .brand { font-size: 12px; margin-bottom: 10px; } .cards-a .card .imgtxt .txt .name { font-size: 16px; color: #0145a7; line-height: 1.6; min-height: 60px; margin-bottom: 12px; } .cards-a .card .imgtxt .txt .descript { font-size: 12px; color: #8996a5; margin-bottom: 10px; } .cards-a .card .imgtxt .txt .price { font-size: 16px; font-family: sans-serif; font-weight: bold; text-align: right; position: absolute; right: 0; bottom: 15px; padding: 0 17px 0 0; width: 100%; white-space: nowrap; } .cards-a .card .imgtxt .txt .price small { font-size: 10px; margin-left: 3px; } .cards-a .card .action { background: #2e333b; padding: 8px; } .cards-a .card .action ul { font-size: 0; } .cards-a .card .action ul li { display: inline-block; vertical-align: middle; } .cards-a .card .action ul li a { border-radius: 5px; color: #fff; font-size: 12px; display: block; } .cards-a .card .action ul li.remove { width: 36px; margin-right: 8px; } .cards-a .card .action ul li.remove a { background: #43484f url(../img/common/icn-trash.png) 50% 50% no-repeat; background-size: 19px 22px; width: 36px; height: 36px; text-indent: -9999px; } .cards-a .card .action ul li.add-cart { width: calc(100% - 44px); } .cards-a .card .action ul li.add-cart a { background: #e63555; text-align: center; padding: 11px 0; } .cards-b .card { width: 48.5%; display: inline-block; vertical-align: top; background: #fff; margin: 0 3% 3% 0; } .cards-b .card:nth-of-type(2n) { margin-right: 0;} .cards-b a { display: block; } .cards-b .rcmnd a { color:white; } .cards-b .card .imgtxt { } .cards-b .card .imgtxt .img { } .cards-b .card .imgtxt .img img { width: 100%; height: auto;} .cards-b .card .imgtxt .txt { padding: 15px; background: #2e333b; color: #fff; } .cards-b .card .imgtxt .txt .name { font-size: 16px; color: #fff; line-height: 1.6; margin-bottom: 10px; } .cards-b .card .imgtxt .txt .descript { font-size: 12px; color: #fff; line-height: 1.6; } .cards-c { width: calc(100% + 20px); margin-left: -10px; } .cards-c .card { width: 172px; } .cards-c .card a { } .cards-c .card a .imgtxt { } .cards-c .card a .imgtxt .img { } .cards-c .card a .imgtxt .img img { width: 100%; height: auto; } .cards-c .card a .imgtxt .txt { padding: 15px; } .cards-c .card a .imgtxt .txt .name { font-size: 15px; color: #0145a7; line-height: 1.6; } .cards-d { } .cards-d .card { margin-bottom: 10px; counter-increment: calc-ex9; } .cards-d .card a { } .cards-d .card a .imgtxt { display: table; width: 100%;} .cards-d .card a .imgtxt .img, .cards-d .card a .imgtxt .txt { display: table-cell; vertical-align: middle; position: relative; } .cards-d .card a .imgtxt .img { width: 30%; position: relative; } .cards-d .card a .imgtxt .img img { width: 100%; height: auto; } .cards-d .card a .imgtxt .txt { color: #fff; padding-left: 15px; position: relative; } .cards-d .card a .imgtxt .txt .name { font-size: 16px; line-height: 1.6; } .cards-d .card a .imgtxt .txt .date-label { } .cards-d .card a .imgtxt .txt .date-label .date { font-family: sans-serif; font-size: 14px; font-weight: bold; display: block; bottom: 8px;} .cards-d .card a .imgtxt .txt .date-label .label { font-size: 12px; color: #fff; display: block; margin-bottom: 4px; } .cards-d .card a .imgtxt .txt .authorname { color: #fff; font-size: 14px; line-height: 1.6; } .cards-d .card a .imgtxt .txt .author { width: 45px; height: auto; position: absolute; top: -37px; right: 8px; display: none;} .cards-d .card a .imgtxt .txt .author img { width: 100%; height: auto; border-radius: 50%; } .cards-d .card a .imgtxt .txt .tag { font-size: 12px; color: #999999; margin-bottom: 5px; } .cards-d .card a .imgtxt .txt .title { font-size: 14px; color: #000; line-height: 1.6; } .cards-d.numbered .card a .imgtxt .txt { padding-left: 40px; } .cards-d.numbered .card a .imgtxt .txt::before { content: counter(calc-ex9); font-size: 24px; font-weight: bold; font-family: sans-serif; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; color: #fff; z-index: 2; } .glnv-sp-more .cards-d .card a .imgtxt { position: relative; } .glnv-sp-more .cards-d .card a .imgtxt .txt .tag { color: #999999; } .glnv-sp-more .cards-d .card a .imgtxt .txt .date-label .date { font-family: sans-serif; font-size: 14px; font-weight: bold; color: #000; display: block; bottom: 8px;} .glnv-sp-more .cards-d .card a .imgtxt .txt .date-label .label { font-size: 12px; color: #000; display: block; margin-bottom: 4px; } .glnv-sp-more .cards-d .card a .imgtxt .txt .authorname { color: #000; font-size: 12px; line-height: 1.4; } .glnv-sp-more .cards-d .card a .imgtxt .txt .author { width: 30px; height: auto; position: absolute; top: 0px; right: 0px; display: block;} .glnv-sp-more .cards-d .card a .imgtxt .txt .author img { width: 100%; height: auto; border-radius: 50%; } .flex-col{display:flex; flex-wrap:wrap;} .glnv-sp-more .cards-d.numbered .card a .imgtxt .txt::before { color: #000; } @media screen and (max-width: 321px) { .glnv-sp-more .cards-d.numbered .card:nth-of-type(3) { display: none; } } .cards-d.numbered .card:nth-of-type(n+10) a .imgtxt .txt::before { left: 5px; } .cards-e .card { margin-bottom: 10px; } .cards-e .card a .imgtxt { display: table; width: 100%;} .cards-e .card a .imgtxt .img, .cards-e .card a .imgtxt .txt { display: table-cell; vertical-align: middle; } .cards-e .card a .imgtxt .img { width: 112px; position: relative; } .cards-e .card a .imgtxt .img img { width: 100%; height: auto; } .cards-e .card a .imgtxt .txt { color: #fff; padding-left: 15px; background: #fff; } .cards-e .card a .imgtxt .txt .name { font-size: 14px; line-height: 1.6; color: #0045a6; } .cards-f .card { width: 48.5%; display: inline-block; vertical-align: top; background: #fff; margin: 0 3% 3% 0; } .cards-f .card:nth-of-type(2n) { margin-right: 0;} .cards-f .card:nth-of-type(n+5) { display: none; } .cards-f .card a .imgtxt .img { margin-bottom: 15px; } .cards-f .card a .imgtxt .img img { width: 100%; height: auto;} .cards-f .card a .imgtxt .txt { position: relative; } .cards-f .card a .imgtxt .txt .date-label .date { font-family: sans-serif; font-size: 14px; font-weight: bold; display: block; bottom: 8px;} .cards-f .card a .imgtxt .txt .date-label .label { font-size: 12px; color: #999; display: block; margin-bottom: 4px; } .cards-f .card a .imgtxt .txt .name { color: #0045a6; font-size: 14px; line-height: 1.6; } .cards-f .card a .imgtxt .txt .author { width: 45px; height: auto; position: absolute; top: -37px; right: 8px;} .cards-f .card a .imgtxt .txt .author img { width: 100%; height: auto; border-radius: 50%; } .cards-g .card { margin-bottom: 10px; } .cards-g .card .imgtxt .logo { text-align: center; height: 90px; position: relative; } .cards-g .card .imgtxt .logo h2 { position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .cards-g .card .imgtxt .logo.simplism { background: #cfdb00; } .cards-g .card .imgtxt .logo.simplism h2 img { height: 25px; } .cards-g .card .imgtxt .logo.weara { background: #e9c435; } .cards-g .card .imgtxt .logo.weara h2 img { height: 25px; } .cards-g .card .imgtxt .logo.nuans { background: #929394; } .cards-g .card .imgtxt .logo.nuans h2 img { height: 37px; } .cards-g .card .imgtxt .logo.bluelounge { background: #1f1f1f; } .cards-g .card .imgtxt .logo.bluelounge h2 img { height: 15px; } .cards-g .card .imgtxt .logo.catalyst { background: #008fbe; } .cards-g .card .imgtxt .logo.catalyst h2 img { height: 26px; } .cards-g .card .imgtxt .logo.besper { background: #efefef; } .cards-g .card .imgtxt .logo.besper h2 img { height: 30px; } .cards-g .card .imgtxt .logo.ajouter { background: #8fa5ba; min-height: 140px; } .cards-g .card .imgtxt .logo.ajouter h2 img { width: 140px; } .cards-g .card .imgtxt .logo.amulet { background: #ba8ebe; } .cards-g .card .imgtxt .logo.amulet h2 img { width: 150px; } .cards-g .card .imgtxt .img { height: 236px; } .cards-g .card .imgtxt .txt { padding:30px; background: #fff; } .cards-g .card .imgtxt .txt { } .cards-g .card .imgtxt .txt p { line-height: 1.8; font-size: 14px; } .cards-g .card .imgtxt .txt .more { margin-top: 20px; } .cards-g .card .imgtxt .img.brands-simplism{background: url(https://trinity.jp/wp-content/uploads/2021/10/211019_Simplism10871_fin_TOS.jpg) 50% 50% / cover no-repeat!important;} .cards-g .card .imgtxt .img.brands-nuans {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/brand-img02.jpg) 50% 50% / cover no-repeat!important;} .cards-g .card .imgtxt .img.brands-catalyst {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/brand-img04.jpg) 50% 50% / cover no-repeat!important;} .cards-g .card .imgtxt .img.brands-bluelounge {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/brand-img03.jpg) 50% 50% / cover no-repeat!important;} .cards-g .card .imgtxt .img.brands-besper {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/BES_tos_main.jpg) 50% 50% / cover no-repeat!important;} .cards-g .card .imgtxt .img.brands-ajouter {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/AJ_tos_main_01.png) 50% 50% / cover no-repeat!important;} .cards-g .card .imgtxt .img.brands-weara {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/brand_pic_weara.jpg) 50% 50% / cover no-repeat!important;} .cards-g .card .imgtxt .img.brands-amulet {background: url(https://trinity.jp/wp-content/themes/trinity/img/brand/brand_pic_amulet.jpg) 50% 50% / cover no-repeat!important;} .cards-h { } .cards-h .card { margin-bottom: 10px; } .cards-h .card a { } .cards-h .card a .imgtxt { display: table; width: 100%;} .cards-h .card a .imgtxt .img, .cards-h .card a .imgtxt .txt { display: table-cell; vertical-align: middle; } .cards-h .card a .imgtxt .img { width: 112px; position: relative; } .cards-h .card a .imgtxt .img img { width: 100%; height: auto; } .cards-h .card a .imgtxt .txt { color: #fff; padding-left: 15px; background: #fff; } .cards-h .card a .imgtxt .txt .name { font-size: 14px; line-height: 1.6; color: #0045a6; } .cards-i { font-size: 0; } .cards-i .card { width: 48.5%; display: inline-block; vertical-align: top; background: #fff; margin: 0 3% 3% 0; } /* .media .cards-i .card { margin: 0 3% 0 0; } */ .cards-i .card:nth-of-type(2n) { margin-right: 0;} .cards-i .card a { display: block; } .cards-i .card a .imgtxt { } .cards-i .card a .imgtxt .img { position: relative; background: #f0f1f4; min-height: 100px;} .cards-i .card a .imgtxt .img .embed { position: relative; } .cards-i .card a .imgtxt .img .label { font-family: sans-serif; position: absolute; top: 10px; right: 0; color: #fff; padding: 6px 10px 6px 15px; z-index: 2; font-size: 13px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .cards-i .card a .imgtxt .img .label-press { background:rgba(144,144,144,0.9); } .cards-i .card a .imgtxt .img .label-blog { background:rgba(255,141,81,0.9); } .cards-i .card a .imgtxt .img .label-insta { background:rgba(138,80,203,0.9); } .cards-i .card a .imgtxt .img .label-youtube { background:rgba(255,0,0,0.9); } .cards-i .card a .imgtxt .img .label-tw { background:rgba(0,0,0,0.9); } .cards-i .card a .imgtxt .img .label-x { background:rgba(0,0,0,0.9); } .cards-i .card a .imgtxt .img .label-fb { background:rgba(66,103,178,0.9); } .cards-i .card a .imgtxt .img img { width: 100%; height: auto;} .cards-i .card a .imgtxt .txt { background: #f0f1f4; padding: 12px 15px; } .cards-i .card a .imgtxt .txt .date { font-size: 14px; margin-bottom: 10px; font-weight: bold; font-family: sans-serif; } .cards-i .card a .imgtxt .txt h3 { font-size: 14px; line-height: 1.6; color: #0145a7; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .cards-i .card a .imgtxt .medianame { background:#e2e4e9; padding: 5px 15px; } .cards-i .card a .imgtxt .medianame p {font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .cards-j { } .cards-j .card { margin-bottom: 40px; } .cards-j .card a { display: block; } .cards-j .card .imgtxt { } .cards-j .card .imgtxt { } .cards-j .card .imgtxt .img { position: relative; } .cards-j .card .imgtxt .img::after { content: ''; display: block; position: absolute;; bottom: 0; left: 0; width: 100%; height: 150px; background-image: linear-gradient(-180deg, rgba(242,249,250,0.00) 0%, #333 100%); } .cards-j .card .imgtxt .img .thumb { } .cards-j .card .imgtxt .img .thumb img { width: 100%; height: auto; min-height: 200px; object-fit: cover; } .cards-j .card .imgtxt .img .entry-head { color: #fff; position: absolute; left: 10px; bottom: 20px; z-index: 2; } .cards-j .card .imgtxt .img .date { font-size: 14px; font-weight: bold; font-family: sans-serif; } .cards-j .card .imgtxt .img h2 { font-size: 21px; line-height: 1.5; margin-bottom: 10px;} .cards-j .card .imgtxt .img h2 a { color: #fff; } .cards-j .card .imgtxt .txt { position: relative; padding: 15px 0; } .blog_list .cards-j .card .imgtxt .txt { padding: 15px 16px;} .cards-j .card .imgtxt .txt .cells { } .cards-j .card .imgtxt .txt .cells .cell { } .cards-j .card .imgtxt .txt .category { font-size: 12px; color: #999999; } .cards-j .card .imgtxt .txt .category a { display: inline;} .cards-j .card .imgtxt .txt .author { font-size: 12px; color: #999999; } .cards-j .card .imgtxt .txt .author a { display: inline; color: black; } .cards-j .card .imgtxt .txt .authorimg { position: absolute; top: -22px; right: 10px; } .cards-j .card .imgtxt .txt .authorimg img { width: 45px; height: auto; border-radius: 50%; } .cards-j .card .imgtxt .txt .excerpt { line-height: 1.8; font-size: 16px; margin-top: 15px; } .cards-k { margin-bottom: 20px; } .cards-k .card { margin-bottom: 10px; } .cards-k .card a { display: block; } .cards-k .card .imgtxt { display: flex; width: 100%; } .cards-k .card .imgtxt .img, .cards-k .card .imgtxt .txt { display: table-cell; vertical-align: middle; } .cards-k .card .imgtxt .img { width: 31%; } .cards-k .card .imgtxt .img .thumb { height: 100%; } .cards-k .card .imgtxt .img .thumb img { width: 100%; height: 100%; object-fit: cover; } .cards-k .card .imgtxt .txt { width: 69%; background: #fff; padding: 5px 15px; display: flex; flex-direction: column; justify-content: center; } .cards-k .card .imgtxt .txt .date-label .date { font-size: 12px; margin-bottom: 10px; font-weight: bold; font-family: sans-serif; } .cards-k .card .imgtxt .txt .date-label .label { display: none;; } .cards-k .card .imgtxt .txt .name { font-size: 14px; line-height: 1.5; color: #0045a6; } .cards-k .card .imgtxt .txt .author { display: none; } .cards-k .card .imgtxt .txt .excerpt { display: none; } .cards-l .card { margin-bottom: 10px; } .cards-l .card a { display: block; } .cards-l .card .imgtxt { display: table; width:100%; } .cards-l .card .imgtxt .img, .cards-l .card .imgtxt .txt { display: table-cell;; vertical-align: top } .cards-l .card .imgtxt .img { width: 31.5%; } .cards-l .card .imgtxt .img p img { width: 100%; height: auto; } .cards-l .card .imgtxt .txt { padding-left: 15px; } .cards-l .card .imgtxt .txt h3 { color: #fff; font-size: 14px; line-height: 1.5; margin-bottom: 25px; } .cards-l .card .imgtxt .txt p { color: #fff; font-size: 14px; } .cards-m a { display: block;} .cards-m .imgtxt { display: table; width: 100%;} .cards-m .img, .cards-m .txt { display: table-cell; vertical-align: top;} .cards-m .img { width: 29.5%; background: #fff; position: relative;} .cards-m .img img { width: 100%; height: auto; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cards-m .card .imgtxt .txt { padding: 15px; background: #fff; } .cards-m .card .imgtxt .txt.c01 { border-top: 5px solid #cfdb00; } .cards-m .card .imgtxt .txt.c02 { border-top: 5px solid #929394; } .cards-m .card .imgtxt .txt.c03 { border-top: 5px solid #1f1f1f; } .cards-m .card .imgtxt .txt.c04 { border-top: 5px solid #008fbe; } .cards-m .card .imgtxt .txt.c05 { border-top: 5px solid #0cb8f1; } .cards-m .card .imgtxt .txt .brand { font-size: 12px; margin-bottom: 10px; } .cards-m .card .imgtxt .txt .name { font-size: 16px; color: #0145a7; line-height: 1.6; min-height: 60px; margin-bottom: 12px; } .cards-m .card.product_in_blog .imgtxt .txt .name { min-height: 0; } .cards-m .card.multi_product_in_blog .imgtxt .txt .name { min-height: 30px; margin-bottom: 5px; } .cards-m .card .imgtxt .txt .descript { font-size: 12px; color: #8996a5; margin-bottom: 10px; } .cards-m .card .imgtxt .txt .price { font-size: 16px; font-family: sans-serif; font-weight: bold; text-align: right;} .cards-m .card.multi_product_in_blog .imgtxt .txt .select { font-size: 16px; margin-bottom:5px; text-align: right;} .cards-m .card .imgtxt .txt .price small { font-size: 10px; margin-left: 3px; } .cards-m .card .imgtxt .txt .price button { margin-top: 8px; } .cards-n .card { width: 48.5%; display: inline-block; vertical-align: top; background: #fff; margin: 0 3% 3% 0; } .cards-n .card:nth-of-type(2n) { margin-right: 0;} .cards-n .card a { display: block;} .cards-n .card .imgtxt .img img { width: 100%; } .cards-n .card .imgtxt .txt { padding: 15px; } .cards-n .card .imgtxt .txt .name { line-height: 1.6; font-size: 14px; margin-bottom: 20px; } .cards-n .card .imgtxt .txt p span.btn { padding: 8px 0; } .cards-n .card .imgtxt .txt p span.btn span { display: none; } .cards-p .card { width: 48.5%; display: inline-block; vertical-align: top; background: #fff; margin: 0 3% 3% 0; } .cards-p .card:nth-of-type(2n) { margin-right: 0;} .cards-p a { display: block; } .cards-p .card .imgtxt .img img { width: 100%; height: auto; vertical-align: bottom;} .cards-p .card .imgtxt .txt { padding: 15px; } .cards-p .card .imgtxt .txt .name { font-size: 16px; color: #0145a7; line-height: 1.6; min-height: 60px; margin-bottom: 12px; } .cards-q .card { width: 100%; display:block; background: #f8f9fa; margin: 0 0 3px 0; } .cards-q .card:nth-of-type(2n) { background: #fff;} .cards-q .card:nth-of-type(n+6) { display: block; } .cards-q .card a { display: block; } .cards-q .card a .imgtxt { display: table; width: 100%;} .cards-q .card a .imgtxt .img, .cards-q .card a .imgtxt .txt { display: table-cell; vertical-align: middle; } .cards-q .card a .imgtxt .img { margin-bottom: 0px; width: 120px; } .cards-q .card a .imgtxt .img img { width: 100%; height: auto;} .cards-q .card a .imgtxt .txt { position: relative; padding: 0 10px 0 10px; } .cards-q .card a .imgtxt .txt .date-label span { display: inline-block;} .cards-q .card a .imgtxt .txt .date-label .date { font-size: 12px; margin: 0px; display: inline-block; font-family: sans-serif; font-weight: bold;} .cards-q .card a .imgtxt .txt .date-label .label { font-size: 12px; margin: 0px; display: inline-block; margin-left: 12px; color: #999; } .cards-q .card a .imgtxt .txt .name { color: #0045a6; font-size: 14px; line-height: 1.6; } .list-ni li { margin-bottom: 10px; } .list-ni li:last-of-type { margin-bottom: 0;} .list-ni li a img { width: 100%; height: auto; } .list-banner { font-size: 0; } .list-banner li { width: 48.5%; display: inline-block; vertical-align: top; background: #fff; margin: 0 3% 3% 0; } .list-banner li:nth-of-type(2n) { margin-right: 0;} .list-banner li a img { width: 100%; height: auto; } .news-acco { margin: 5px 0; } .news-acco-dt { border: 1px solid #999; border-radius: 5px; padding: 13px 24px; font-size: 16px; font-weight: bold; position: relative; } .news-acco-dt::after { content: ""; width: 10px; height: 10px; border-right: 3px solid #000; border-bottom: 3px solid #000; position: absolute; top: 43%; right: 33px; transform: translateY(-50%) rotate(45deg); transition: all .4s ease; } .news-acco-dt.is-active::after { transform: rotate(225deg); } .list-news { margin: 0; } .list-news div:nth-of-type(n+6) { display: none; } .list-news div a { display: flex; align-items: center; padding: 15px; background: #f8f9fa; min-height: 124px; } .list-news-img { width: 30%; aspect-ratio: 85 / 55; } .list-news-img img { width: 100%; height: 100%; object-fit: cover; } .list-news-txt { width: 70%; padding-left: 4vw; margin: 0; } .list-news div:nth-of-type(2n) a { background: #fff;} .list-news dt { margin-bottom: 10px; } .list-news dt .date { font-size: 14px; font-weight: bold; font-family: sans-serif; } .list-news dt .label { font-size: 12px; margin-left: 20px; color: #999; } .list-news dd { font-size: 14px; line-height: 1.6; color: #0145a7; margin: 0; padding: 0; } .list-news dd a { color: #0145a7; } .list-tag { text-align: center; margin-bottom: 40px; } .list-tag li { display: inline-block; font-size: 12px; background:#fff; padding:5px 10px; border-radius: 30px; margin: 0 5px 10px 5px; } .list-tag.grey li { background:#f0f1f4;} .list-model { margin-bottom: 5px; } .list-model.kishu_deetail{display:none; margin-top:10px;} .list-model li { display: inline-block; font-size: 12px; margin: 0 10px 10px 0; } .list-category { margin-bottom: 5px; } .list-category li { display: inline-block; font-size: 12px; margin: 0 10px 10px 0; } .list-faq-category { font-weight: bold; margin-bottom: 20px; } .list-faq-category dt { margin: 0 0 20px 0; padding: 0; background: url(../img/common/icn-minus02.png) 0 7px no-repeat; background-size: 10px 2px; padding-left: 15px; } .list-faq-category dd { margin: 0 0 12px 12px; padding: 0; background: url(../img/common/arw-r02.png) 0 7px no-repeat; background-size: 8px 5px; padding-left: 15px; } .list-month { font-size: 0; position:relative; } .list-month > li { display: inline-block; width: 50%; vertical-align: top; border-right:1px solid #cecfd1; border-bottom:1px solid #cecfd1; cursor: pointer; } .list-month > li span { display: block; font-size: 14px; padding:15px; background:#fff url(../img/common/arw-d02.png) calc(100% - 15px) 50% no-repeat; background-size: 5px 8px; } .list-month > li span.is-open { background:#fff url(../img/common/arw-u02.png) calc(100% - 15px) 50% no-repeat; background-size: 5px 8px; } .list-month li ul { position: absolute; left: 0; width: 100%; border-top:1px solid #cecfd1; border-left:1px solid #cecfd1; z-index: 100; -webkit-transition: all 0.5s; transition: all 0.5s; } .list-month li ul { display: none; } .list-month li ul.is-show { display: flex; flex-wrap: wrap; } .list-month li ul li { flex-basis: 33.3333%; font-size: 14px; border-right:1px solid #cecfd1; border-bottom:1px solid #cecfd1; } .list-month li ul li a { padding: 15px; background: #f0f1f4 url(../img/common/arw-r02.png) calc(100% - 15px) 50% no-repeat; background-size: 8px 5px; display: block; } .list-month li ul li a:hover { opacity: 1; } .list-staff { font-size: 0; color: #fff; margin-bottom: 10px; } .list-staff li { display: inline-block;; width: 50%; vertical-align: top ; margin-bottom: 15px;} .list-staff li a { display: block; color: #fff; } .list-staff li .imgtxt { display: table; } .list-staff li .imgtxt .img, .list-staff li .imgtxt .txt { display: table-cell; vertical-align: middle; } .list-staff li .imgtxt .img { width: 45px; } .list-staff li .imgtxt .txt {padding-left: 10px;} .list-staff li img { width: 100%; border-radius: 50%; } .list-staff li .position { font-size: 12px; display: block; margin-bottom: 5px; } .list-staff li .name { font-size: 16px; display: block; } .list-step dt { font-weight: bold; background: url(../img/common/arw-d03.png) 50% 100% no-repeat; background-size: 7px 38px; padding-bottom: 50px; width: 55px; float: left; clear: left; font-family: sans-serif;} .list-step dd { font-size: 14px; overflow: hidden; margin-bottom: 20px; padding-left: 10px; } .list-step dd h3 { line-height: 1; } .list-dflt .nallow { line-height: 1.7; font-weight: normal; display: block; margin-top: 5px;} .list-type-a { font-size: 0; } .list-type-a li { display: inline-block;; width: 50%; vertical-align: top; border-right:1px solid #cecfd1; border-bottom:1px solid #cecfd1; cursor: pointer;} .list-type-a li a { display: block; font-size: 14px; padding:15px; background:#fff; } .list-type-a li ul { display: none; } .list-type-a.col01 li { width: 100%; } .list-q li { padding-left: 18px; position: relative; font-weight: bold; margin-bottom: 15px; line-height: 1.6; } .list-q li::before { content: 'Q'; position: absolute; top:0; left: 0px;font-family: sans-serif; font-size: 18px; line-height: 1.3;} .list-notice { margin: 1em 0 2em 0; } .list-notice > li { margin-bottom: 10px; position: relative; padding-left: 15px;} .list-notice > li:before { content: '※'; display: inline-block; text-indent: 0; font-weight: bold; font-size: 10px; position: absolute; top: 8px; left: 0px; line-height: 0;} .comments .comment { background: #fff; padding:15px; border-right:1px solid #cecfd1; } .comments .comment a {word-break: break-all; } .comments .comment a .txt { font-size: 14px; line-height: 1.8; } .comments .comment a .entry { font-size: 14px; line-height: 1.8; color: #0145a7;} /* cart - fixed */ .cart-footer { position: fixed; width: 100%; left: 0; bottom:74px; background: rgba(46,51,59,0.8); color: #fff; z-index: 1900; } .cart-footer .cells { display:flex; justify-content: space-between; width: 100%;} .cart-footer .cell { display: block; padding: 10px 0px; } .cart-footer .name { display: none; } .cart-footer .price { text-align: right; font-family: sans-serif; padding-right: 6px; display: flex; align-items: center;} .cart-footer .price span { display: block; } .cart-footer .price .yen { font-size: 20px; font-weight: bold; line-height: 0.8} .cart-footer .price .yen small { font-size: 10px; } .cart-footer .price .point { font-size: 14px; font-weight: bold; } .cart-footer .price .point small { font-size: 10px; } .cart-footer .option { width: 40px; margin-right:4px;} .cart-footer .option .selected { background: rgba(255,255,255,0.1); padding: 5px; width: 37px; border-radius: 4px; } .cart-footer .option .selected span { display: block; width: 27px; height: 27px; border: 1px solid #fff; } .cart-footer .cart-keep { text-align: left; width: 200px; cursor: pointer; } .cart-footer .cart-keep p { display: inline-block;} .cart-footer .btn-keep01 { width: auto; padding-left: 0px; /*text-indent: 7px;*/ } .cart-footer .btn-keep01:after { left: 8px; } .cart-footer .btn-cart01 { width: auto; padding-left: 15px; padding-left: 30px; } .cart-footer .btn-cart01:after { width: 20px; height: 18px; } .cart-footer .footer_cart_area_wrap{display: flex; align-items: center;} @media screen and (max-width: 321px) { .cart-footer .price { padding-left: 5px; } .cart-footer .price .yen { font-size: 12px; } .cart-footer .price .yen small { font-size: 8px; } .cart-footer .price .point { font-size: 8px; } .cart-footer .price .point small { font-size: 8px; } .cart-footer .cart-keep { padding-right: 5px; } .cart-footer .btn-keep01 { padding-right: 5px; } } .modal-option { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 3000; background: #f0f1f4; display: none; } .modal-option .close { position: absolute; top: 0px; right: 0px; width: 40px; cursor: pointer; z-index: 100; color:white; background: #73797a;padding-top:5px;width:40px; height:40px;text-align: center;} .modal-option .inner { padding: 40px 0px 80px 0px; max-height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; position: relative; z-index: 1; } .modal-option .selected { } .modal-option .selected img { width: 100%; height: auto; } .modal-option .thisitem { background: #41464d; margin: 0px; color: #fff; font-family: sans-serif; padding: 15px; } .modal-option .thisitem .name { font-size: 5vw; font-weight: bold; margin-bottom:4vw;} .modal-option .thisitem .price { text-align: left;} .modal-option .thisitem .price .yen { font-size: 5vw; font-weight: bold; } .modal-option .thisitem .price small { font-size:2vw; } .modal-option .action { padding: 0 15px; margin-bottom: 15px; margin-top: 15px; } .modal-option .options { } .modal-option .cart_area { background: #fff; padding: 10px 15px; border-bottom:1px solid gray;} .modal-option .cart_area:last-of-type { margin-bottom: 0;} .modal-option .cart_area label { display: table; width: 100%; } .modal-option .cart_area label > div { display: table-cell; vertical-align: middle; padding: 0 5px; } .modal-option .cart_area .product_id { display: none; } .modal-option .cart_area .product_id img { } .modal-option .cart_area .product_id .stock { } .modal-option .cart_area .product_id .stock.modal-option .product_id input { } .modal-option .cart_area .product_image { width: 120px; padding: 0 20px; } .modal-option .cart_area .product_image img { width: 100%; height: auto; } .modal-option .cart_area .product_color { width: 30px; } .modal-option .cart_area .product_color span { display: block; width: 30px; height: 30px; } .modal-option .cart_area .product_name_stock { } .modal-option .cart_area .product_name { font-size: 16px; float: left; margin-right:10px;position: relative;padding-right:5px;} .modal-option .cart_area .product_name .variation_discount{ position: absolute; background-color: #e63555; color:white; font-size:12px; padding: 5px 10px; border-radius: 1em; left:150px; top:-27px;} .modal-option .cart_area .product_stock { font-size: 12px; color: #8996a5; } .modal-option .cart_area .product_stock .stock .out_of_stock{ color: #ff4456;font-weight: bold;} .modal-option .cart_area .product_label { width: 40px;} .modal-option .cart_area .product_label label.dflt { text-indent: -9999px; } .modal-option .cart_area .product_label label.dflt input[type="radio"] + i.radio { border: 1px solid #000; border-radius: 50%; top:0; } .modal-option .btn-cart01 { width: 50%; display: block; margin-top: 5px; padding: 8px; } .modal-option .btn-keep02 { width: 50%; display: block; margin: 0 auto;margin-top: 5px; padding: 8px; } .modal-option .added { text-align: center; display: none; color:#595959; padding:0 15px} .modal-option .added > p { font-size: 14px; margin-bottom: 20px; } .modal-option .added .thumb { width: 240px; margin: 0 auto 25px auto; } .modal-option .added .thumb img { width: 100%; } .modal-option .added .btns { } .modal-option .added .btns ul { font-size: 0;} .modal-option .added .btns ul li { display: inline-block; width: 142px; font-size: 14px; margin: 5px; } .productDetailTable{ width:100%; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; margin-bottom: 2em;} .productDetailTable th, .productDetailTable td { padding: 10px;vertical-align:top; text-align: left;} .productDetailTable th{ max-width:45%; font-weight:700; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#f8f8f8; } .productDetailTable td{ border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;} .productDetailTable td a { text-decoration: underline; } .bluelounge .productDetailTable{ border-top:1px solid #fff; border-left:1px solid #fff;} .bluelounge .productDetailTable th, .bluelounge .productDetailTable td { } .bluelounge .productDetailTable th{ border-right:1px solid #fff; border-bottom:1px solid #fff; background: none; } .bluelounge .productDetailTable td{ border-right:1px solid #fff; border-bottom:1px solid #fff;} .bluelounge .productDetailTable td a { color: #fff; } .nuans .productDetailTable{ border-top:1px solid #000; border-left:1px solid #000;} .nuans .productDetailTable th, .nuans .productDetailTable td {} .nuans .productDetailTable th{ border-right:1px solid #000; border-bottom:1px solid #000; background:none; } .nuans .productDetailTable td{ border-right:1px solid #000; border-bottom:1px solid #000;} :is(.simplism, .gorilla_spec) .productDetailTable{ border-top:1px solid #eaeaea; border-left:1px solid #eaeaea;} :is(.simplism, .gorilla_spec) .productDetailTable th, :is(.simplism, .gorilla_spec) .productDetailTable td { } :is(.simplism, .gorilla_spec) .productDetailTable th{ border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background: none; } :is(.simplism, .gorilla_spec) .productDetailTable td{ border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;} :is(.simplism, .gorilla_spec) .productDetailTable td a { } .catalyst .productDetailTable{ border-top:1px solid #eaeaea; border-left:1px solid #eaeaea;} .catalyst .productDetailTable th, .catalyst .productDetailTable td { } .catalyst .productDetailTable th{ border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background: none; } .catalyst .productDetailTable td{ border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;} .catalyst .productDetailTable td a { } .nuans .hl03 { border-left-color: #000; } .nuans .sub .hl03 { border-left-color: #fff; } :is(.simplism, .gorilla_spec) .hl03 { border-left-color: #000; } :is(.simplism, .gorilla_spec) .sub .hl03 { border-left-color: #fff; } #product_page.catalyst .hl03 { border-left-color: #fff; } #product_page.bluelounge .hl03 { border-left-color: #fff; } #product_page :is(.relate-blog, .relate-item) .hl03 { border-left-color: #000; } @media screen and (max-width: 768px) { .modal-option .cart_area .product_name .variation_discount{ left:120px; } } @media screen and (min-width: 321px) and (max-width: 375px){ .modal-option .cart_area .product_name .variation_discount{ left:168px; } } .tab-menu-search { display: flex; } .tab-menu-search li { flex-basis: 25%; border-right: 1px solid #727a87; } .tab-menu-search li:last-of-type { border-right: 0; } .tab-menu-search li a { color: #fff; font-weight: bold; text-align: center; display: block; font-family: sans-serif; font-size: 14px; padding: 15px 0; } .tab-menu-search li a small { display: block; font-weight: normal; font-size: 12px; margin-top: 4px; color: #909194; } .tab-menu-search li.current { background: #e2e4e9; } .tab-menu-search li.current a { color: #000; } .tab-menu-search li.current a small { color: #909194; } /* top **************************************************************************************************************************/ .kv { width: 100%; overflow-x: hidden;} .kv .main img { width: 100%; height: auto; } .kv ul.main > li:not(:first-child){ display: none; } .kv .kv-thumb { background: #2e333b; position: relative; } .kv-thumb ul.sub > li:not(:first-child){ display: none; } .kv .sub { width: 160px; margin: 0 auto;} .kv .sub li { opacity: 0.3; } .kv .sub li:hover { opacity: 0.5; cursor: pointer; } .kv .sub li.slick-current { opacity: 1;} .kv .sub img { width: 100%; } .kv .sub .slick-list { overflow: visible!important; } .kv .slick-prev, .kv .slick-next { font-size: 0; line-height: 0; position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 70px; height: 18px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 10; } .kv .slick-prev { background: url(../img/common/arw-prev01.png) 0 0 no-repeat; background-size: contain; left: 50%; margin-left: -80px; } .kv .slick-next { background: url(../img/common/arw-next01.png) 0 0 no-repeat; background-size: contain; right: 50%; margin-right: -80px; } .kv .slick-prev::before, .kv .slick-next::before { display: none;} .banner { padding: 0px 10px 20px 10px; text-align: center; margin-top:-10px;} .banner ul li a img {width: 100%; height: auto; } .items .btn { margin-top: 15px;} .news .btn { margin-top: 15px;} .blog .btn { margin-top: 15px;} .home .cards-b .card:nth-of-type(n+5) { display: none; } /* brand top **************************************************************************************************************************/ .brandlist { padding-top: 20px; } /* brand detail **************************************************************************************************************************/ .mainimg-brand .imgtxt { display: block; } .mainimg-brand .imgtxt .img .logo { text-align: center; height: 60px; position: relative; } .mainimg-brand .imgtxt .img .logo h1 {position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .mainimg-brand .imgtxt .img .thumb img { width: 100%; height: auto;; } .mainimg-brand .imgtxt .txt { padding: 35px 30px; } .mainimg-brand .imgtxt .txt p { margin-bottom: 25px; line-height: 1.8; font-size: 14px; } .mainimg-brand .imgtxt .txt p:last-of-type {margin-bottom: 0;} .simplism .mainimg-brand .imgtxt .img .logo { background:#cfdb00; } .simplism .mainimg-brand .img .logo h1 img { height: 25px; } .simplism .mainimg-brand .imgtxt .txt { background:#fff; } .nuans .mainimg-brand .imgtxt .img .logo { background:#929394; } .nuans .mainimg-brand .img .logo h1 img { height: 25px; } .nuans .mainimg-brand .imgtxt .txt { background:#fff;} .bluelounge .mainimg-brand .imgtxt .img .logo { background:#1f1f1f; } .bluelounge .mainimg-brand .img .logo h1 img { height: 20px; } .bluelounge .mainimg-brand .imgtxt .txt { background:#fff;} .catalyst .mainimg-brand .imgtxt .img .logo { background:#008fbe; } .catalyst .mainimg-brand .img .logo h1 img { height: 25px; } .catalyst .mainimg-brand .imgtxt .txt { background:#fff;} .amulet .mainimg-brand .imgtxt .txt { background:#fff; } .brand-banner { padding: 30px 10px; } .brand-banner ul li { margin-bottom: 10px; } .brand-banner ul li a img { width: 100%; height: auto; } .brand-banner.banner01 { padding: 30px 10px; } .brand-banner.banner01 li { margin-bottom: 10px; } .brand-banner.banner01 li:last-of-type { margin-bottom: 0; } .simplism .brand-banner.banner01 { background:#fff; } .nuans .brand-banner.banner01 { background:#444748; } .bluelounge .brand-banner.banner01 { background:#444748; } .catalyst .brand-banner.banner01 { background:#0f3a52; } .brand-banner.banner02 { padding: 30px 10px; } .brand-banner.banner02 li { margin-bottom: 10px; } .brand-banner.banner02 li:last-of-type { margin-bottom: 0; } .simplism .brand-banner.banner02 { background:#928f78; } .nuans .brand-banner.banner02 { background:url(../img/brand/bg-nuans01.png); } .bluelounge .brand-banner.banner02 { background:#64696a; } .catalyst .brand-banner.banner02 { background:#224960; } .brand-banner.banner03 { padding: 30px 10px; } .brand-banner.banner03 li { margin-bottom: 10px; } .brand-banner.banner03 li:last-of-type { margin-bottom: 0; } .simplism .brand-banner.banner03 { background:#88896b; } .nuans .brand-banner.banner03 { background:url(../img/brand/bg-nuans03.png); } .bluelounge .brand-banner.banner03 { background:#64696a; } .catalyst .brand-banner.banner03 { background:#007095; } .newitem { padding: 15px 10px 20px 10px; } .newitem .btn { margin-top: 20px; } .simplism .newitem { background:#d9d9d0; } .nuans .newitem { background:url(../img/brand/bg-nuans01.png); } .bluelounge .newitem { background:#d3d6d6; } .catalyst .newitem { background:#e4ecef; } .amulet .newitem { background:#99a8d5; } .amulet .newitem .hl03 { color: #fff; border-left-color: #fff; } .amulet .newitem .more .btn { border-color: #fff; color: #fff; } .designer { padding: 15px 10px 40px 10px; } .designer .cells .cell { text-align: center; } .designer .cells .cell.position p { font-size: 12px; line-height: 1.8; } .designer .cells .cell h3 { margin-top: 15px; font-size: 16px; } .designer .cells .cell img { border-radius: 50%; width: 180px; height: auto; margin-top: 30px; } .designer .descript { margin-top: 30px; text-align: left; font-size: 14px; line-height: 1.8; } .simplism .designer { background:#d9d9d0; } .nuans .designer { background:url(../img/brand/bg-nuans01.png); } .bluelounge .designer { background:#d3d6d6; } .catalyst .designer { background:#e4ecef; } .media { padding: 15px 10px 40px 10px; } /* .media .cards-i .card:nth-of-type(n+3) { display: none; } */ :is(.simplism, .gorilla_spec) .media { background:#88896b; } .nuans .media { background:url(../img/brand/bg-nuans03.png); } .bluelounge .media { background: #64696a; } .catalyst .media { background: #007095; } .amulet .media { background: #ba8ebe; } .media .btn { margin-top: 10px; } .amulet .mainimg-brand .imgtxt .img .logo { background:#ba8ebe; height: 85px; } .amulet .mainimg-brand .img .logo h1 img { height: 60px; } .search-device { padding: 15px 10px 40px 10px; } .search-device-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; } .search-device-grid .btn.btn01{ margin: 0; max-width: 100%; } /* item detail **************************************************************************************************************************/ .item .lv01 { padding: 0 15px; } .itemimg .mainimg img { width: 100%; height: auto; } .item .item-baseinfo .brand { height: 60px; position: relative; } .item .item-baseinfo .brand img { position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .item .item-baseinfo .txt { padding: 26px; } .item .item-baseinfo h1 {font-weight: bold; font-family: sans-serif; line-height: 1.3; font-size: 24px; margin-bottom: 8px; } .item .item-baseinfo .txt .price{font-size:5vw;} .item .item-baseinfo .txt .price small{font-size:2.5vw;} .item .item-baseinfo .txt .wrap_price_area{margin-bottom:20px;} .item .item-baseinfo .descript { line-height: 1.3; font-size: 16px; } .item .item-baseinfo .list-tag { text-align: left; margin-top: 25px; margin-bottom: 0; } .item .item-baseinfo .list-tag li { margin:0 10px 10px 0; } .item .summary { padding-bottom: 20px; } /* .item .summary .toggle-expand { display: none; } */ .item .summary .toggle-more { background: none; } .list-summary { margin-bottom: 25px; } .list-summary li { line-height: 1.6; font-size: 16px; margin-bottom: 10px; background: url(../img/common/blt02.png) 0 8px no-repeat; background-size: 13px 6px; padding-left: 25px; } .item .imgs-gallery { width: calc(100% + 20px); margin-left:-10px; } .item .imgs-gallery .main img { width: 100%; } #product_page .imgs-gallery .main img { width: 100%!important; height: 100%!important; object-fit: contain!important;} .item .imgs-gallery .sub { padding: 6px; display: flex; flex-wrap: wrap; margin-top: 10px; } .item .imgs-gallery .sub li { flex-basis: 18.9%; margin: 0 1.375% 1.375% 0; } .item .imgs-gallery .sub li:nth-of-type(5n) { margin-right: 0; } .item .imgs-gallery .sub img { width: 100%; border: 2px solid #e4e4e4; } .item .imgs-gallery .sub a.thumbnail-current img { border: 2px solid #55606e; } .item .imgs-gallery li img { width:100%; } .item .download { display: none; } .item .variation { margin-top: 22px; font-size: 14px; } .item h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; } .item .set { margin-bottom: 10px; } .item .set .imgtxt .img { width: calc(100% + 20px); margin-left:-10px; margin-bottom: 10px; } .item .set .imgtxt .img p img { width:100%; } .item .set .imgtxt .img p .caption { padding:10px; color: #666666; display: block; } .item .set .imgtxt .txt p { margin-bottom: 10px; } .item .point { margin-bottom: 10px; } .item .point .imgtxt { display: table; width:100%; margin-bottom: 20px; } .item .point .imgtxt .img, .item .point .imgtxt .txt { display: table-cell; vertical-align: top; } .item .point .imgtxt .img { width: 25%; } .item .point .imgtxt .img p img { width:100%; } .item .point .imgtxt .img p .caption { padding:10px; color: #666666; display: block; } .item .point .imgtxt .txt { padding-left: 15px; } .item .point .imgtxt .txt p { margin-bottom: 10px; } .item .iteminfo { margin-bottom: 30px; } .item .iteminfo .productDetailSection{ font-size: 14px; line-height: 1.6;} .item .iteminfo .productDetailList{ background:#f4f4f4; margin:0 0 3em;padding:7px 10px 12px} .item .iteminfo .productDetailList li{ background:url(../img/common/marker-bulletpoint.gif) left 5px no-repeat; font-size: 13px; line-height:1.2; margin:1em 0 0;padding:0 0 0 1em;} .item .iteminfo .productDetailList ol li{ text-indent:-1em;} .item .iteminfo .productDetailSection h1 { font-weight: bold; margin: 0.8em 0; } .item .iteminfo .productDetailSection h2 { font-size: 18px; margin-bottom: 1em; font-weight: bold; } .item .iteminfo .productDetailSection h3 { font-size: 16px; margin-bottom: 1em; font-weight: bold; } .item .iteminfo .productDetailSection h4 { font-size: 14px; margin-bottom: 1em; font-weight: bold; } .item .iteminfo .productDetailSection h5 { font-size: 13px; margin-bottom: 1em; font-weight: bold; } .item .iteminfo .productDetailSection p{ font-size: 16px; ;line-height:1.6; margin:0 0 0.5em; } .item .iteminfo .productDetailSection .productDetailPic{ text-align:center; margin:0 0 0.5em;} .item .iteminfo .productDetailSection .productDetailPic img{ margin:0 0 0.5em; height: auto; max-width: 100%; } .item .iteminfo .productDetailSection .productDetailPic .caption{ font-size:12px; text-align:center; margin:0} .item .iteminfo .productDetailSection blockquote { border: 3px solid #f4f4f4; color: #585858; margin: 0 20px 2em; padding: 20px 30px; background-image: url(../img/common/quote_top.gif),url(../img/common/quote_bottom.gif); background-repeat: no-repeat; background-position: left top,right bottom; } .item .iteminfo .productDetailSection blockquote p:last-of-type { margin-bottom: 0; } .item .iteminfo .productDetailSection img { margin: 0.5em 0; height: auto;} .item .iteminfo .productDetailSection video { max-width: 100%; } .item .iteminfo .productDetailmovie{ margin:0 0 2em} .item .iteminfo .productDetail2column {margin:0 0 1.5em} .item .iteminfo .productDetail2column div{ display:table-cell; vertical-align:top; } .item .iteminfo .productDetail2column > div:nth-of-type(2) { width: 45%; padding-left: 5%; } .item .iteminfo .productDetail2column .caption{ width:auto} .item .iteminfo .productDetail2column .caption img{ margin:0 0 0.5em } .item .iteminfo .productDetail2column ol li{margin:0 0 1em} .item .iteminfo .productDetailItems dt{ font-weight:bold; margin:0 0 0.5em} .item .iteminfo .productDetailItems dd{ margin:0 0 1.5em; } .item .iteminfo .productDetailItems .faqArea{border:1px solid #d5d5d5;margin:0 0 30px;padding:20px} .item .iteminfo .productDetailItems .faqArea h1{margin:0 0 10px!important} .item .iteminfo .productDetailItems .faqArea li{font-size:14px;border-top:1px solid #e6e6e6;margin:15px 0 0;padding:17px 3px 0} .item .iteminfo .productDetailItems .faqArea li:first-child{border:none;margin:0;padding:0 3px} .item .iteminfo .productDetailItems .faqArea li b{display:block;font-size:14px;color:#ff8400;margin:0 0 5px} .item .iteminfo .productDetailItems .body_video { margin-bottom: 1em; } .item .iteminfo .mt-image-none { display: block; margin: 0 auto 1.5em auto; } .item .iteminfo .toggle-more { position: absolute; bottom: 0; width:100%; } .item .faq { background:#f8f9fa; padding-bottom: 20px; } .item .faq .set { margin-bottom: 25px; } .item .faq .set h3 { font-size: 16px; position:relative; padding-left: 22px; line-height: 1.4; margin-bottom: 10px; } .item .faq .set h3::before { content: 'Q'; font-weight: bold; font-family: sans-serif; font-size: 24px; position: absolute; top: -7px; left: 0; } .item .faq .set p {position:relative; padding-left: 22px; } .item .faq .set p::before { content: 'A'; font-weight: bold; font-family: sans-serif; font-size: 24px; position: absolute; top: -7px; left: 0; } .item .faq .toggle-more { background: none; margin-bottom: 20px; } .item .relate-blog { padding-bottom: 20px; } .item .relate-item { background:#f8f9fa; padding-bottom: 20px; } .item .recent { background:#f8f9fa; padding-bottom: 20px; } .item .tagcloud { background:#8996a5; padding-bottom: 20px; border-bottom:1px solid #c4cbd2; } .item .tagcloud .ttl { color: #fff; } .item .tagcloud .ttl .hl03 { border-left-color: #fff; } :is(.simplism, .gorilla_spec) .item-baseinfo { background:#7c7a65; color: #fff; } :is(.simplism, .gorilla_spec) .item-baseinfo .brand { border-bottom: 1px solid #969584; } .simplism .item-baseinfo .brand img { height: 25px; } .gorilla_spec .item-baseinfo .brand img { height: 130px; } :is(.simplism, .gorilla_spec) .faq a { text-decoration: underline; } .nuans .item-baseinfo { background:#464646; color: #fff; } .nuans .item-baseinfo .brand { border-bottom: 1px solid #6b6b6b; } .nuans .item-baseinfo .brand img { height: 25px; } .nuans .summary, .nuans .gallery, .nuans .iteminfo { background:url(../img/brand/bg-nuans01.png); } .nuans .faq { background:url(../img/brand/bg-nuans02.png); } .nuans .faq a { text-decoration: underline; } .bluelounge .item-baseinfo { background:#444748; color: #fff; } .bluelounge .item-baseinfo .brand { border-bottom: 1px solid #696c6d; } .bluelounge .item-baseinfo .brand img { height: 25px; } .bluelounge .summary, .bluelounge .gallery, .bluelounge .iteminfo { background:#929596; color:#fff; } .bluelounge .faq { background:#838687; color:#fff; } .bluelounge .faq a { color: #fff; text-decoration: underline; } .bluelounge:not(.brand_top) .btn01 { border: 1px solid #fff; } .bluelounge .relate-blog .btn01 { border: 1px solid #000; } .bluelounge .list-summary li {background: url(../img/common/blt03.png) 0 8px no-repeat; background-size: 13px 6px; } .bluelounge .set .imgtxt .img p .caption { color: #fff; } .catalyst .iteminfo a { color: #fff; text-decoration: underline;} .catalyst .item-baseinfo { background:#00253a; color: #fff; } .catalyst .item-baseinfo .brand { border-bottom: 1px solid #335161; } .catalyst .item-baseinfo .brand img { height: 25px; } .catalyst .summary, .catalyst .gallery, .catalyst .iteminfo { background:#000000; color:#fff; } .catalyst .summary a { color: #fff; } .catalyst .faq { background:#1a1a1a; color:#fff; } .catalyst .faq a { color:#fff; text-decoration: underline; } .catalyst:not(.brand_top) .btn01 { border: 1px solid #fff; } .catalyst .relate-blog .btn01 { border: 1px solid #000; } .catalyst .list-summary li {background: url(../img/common/blt03.png) 0 8px no-repeat; background-size: 13px 6px; } .catalyst .toggle-more { border-top-color: #fff; border-bottom-color: #fff; } .catalyst .toggle-more a { color:#fff; } .catalyst .toggle-more a span { background: url(../img/common/icn-more02.png) 0 0 no-repeat; background-size: 22px 22px; } .catalyst .set .imgtxt .img p .caption { color: #fff; } .bluelounge .toggle-more { border-top-color: #fff; border-bottom-color: #fff; } .bluelounge .toggle-more a { color:#fff; } .bluelounge .toggle-more a span { background: url(../img/common/icn-more02.png) 0 0 no-repeat; background-size: 22px 22px; } .bluelounge .toggle-more.is-open a span { background: url(../img/common/icn-more02-close.png) 0 0 no-repeat; background-size: 22px 22px; } .nuans .toggle-more { border-top-color: #000; border-bottom-color: #000; } .nuans .toggle-more a { color:#000; } .nuans .toggle-more a span { background: url(../img/common/icn-more01.png) 0 0 no-repeat; background-size: 22px 22px; } .nuans .toggle-more.is-open a span { background: url(../img/common/icn-more01-close.png) 0 0 no-repeat; background-size: 22px 22px; } :is(.simplism, .gorilla_spec) .toggle-more { border-top-color: #000; border-bottom-color: #000; } :is(.simplism, .gorilla_spec) .toggle-more a { color:#000; } :is(.simplism, .gorilla_spec) .toggle-more a span { background: url(../img/common/icn-more01.png) 0 0 no-repeat; background-size: 22px 22px; } :is(.simplism, .gorilla_spec) .toggle-more.is-open a span { background: url(../img/common/icn-more01-close.png) 0 0 no-repeat; background-size: 22px 22px; } .catalyst .toggle-more { border-top-color: #fff; border-bottom-color: #fff; } .catalyst .toggle-more a { color:#fff; } .catalyst .toggle-more a span { background: url(../img/common/icn-more02.png) 0 0 no-repeat; background-size: 22px 22px; } .catalyst .toggle-more.is-open a span { background: url(../img/common/icn-more02-close.png) 0 0 no-repeat; background-size: 22px 22px; } .amulet .item-baseinfo { background: #ba8ebe; color: #fff; } .amulet .item-baseinfo .brand { height: 70px; border-bottom: 1px solid #ccc; } .amulet .item-baseinfo .brand img { height: 50px; } .amulet .calendar { background: #d29fd6; } .amulet .media .hl03 { border-color: #fff; color: #fff; } /* wysiwyg **************************************************************************************************************************/ .wysiwyg { } .wysiwyg h1 { font-size: 24px; margin-bottom: 1em; font-weight: bold; } .wysiwyg h2 { font-size: 18px; margin-bottom: 1em; font-weight: bold; } .wysiwyg h3 { font-size: 16px; margin-bottom: 1em; font-weight: bold; } .wysiwyg h4 { font-size: 14px; margin-bottom: 1em; font-weight: bold; } .wysiwyg h5 { font-size: 13px; margin-bottom: 1em; font-weight: bold; } .wysiwyg p { font-size: 14px; line-height: 1.6; margin-bottom: 1.5em; } .wysiwyg img { max-width: 100%; } .wysiwyg dl { margin: 0 0 2em 0; font-size: 16px; line-height: 1.6; } .wysiwyg dl dt { margin: 0 0 1em 0; padding: 0; } .wysiwyg dl dd { margin: 0 0 1em 0; padding: 0; } .size-full { max-width: 100%; width: auto; height: auto;} figure.wp-caption{margin:0 auto; text-align: center;} figure.wp-caption img { margin:0 auto; text-align: center;} figure.wp-caption .wp-caption-text { margin-bottom:20px;text-align: center;font-size: 15px;color:#666666;padding:0 10px;line-height: 1.5;} figcaption { margin-top: 0.5em;} /* product top **************************************************************************************************************************/ .filters { } .filters .filter { border-bottom: 1px solid #e7eaed; padding: 20px 10px; } .filters .filter .cells { } .filters .filter .cells .cell { } .filters .filter h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px; } .filters .filter .cells .cell .list-brand-selected { font-size: 0; margin-bottom: -3.2%; } .filters .filter .cells .cell .list-brand-selected li { display: inline-block; width: 48.4%; margin: 0 3.2% 3.2% 0; font-size: 14px; } .filters .filter .cells .cell .list-brand-selected li:nth-of-type(2n) {margin-right: 0;} .filters .filter .cells .cell .list-color-selected { margin-bottom: -10px; } .filters .filter .cells .cell .list-color-selected li { display: inline-block; margin: 0 10px 10px 0; } .filters .filter .cells .cell .list-media-selected { margin-bottom: -10px; } .filters .filter .cells .cell .list-media-selected li { display: inline-block; margin: 0 10px 10px 0; } .action { text-align: center; padding: 20px; } .action .submit, .action .reset { display: inline-block; margin: 0 10px; } .action .submit { margin-bottom: 10px; } .action .submit span { } .action .submit input { } .action .reset { } .action .reset span { } .action .reset input { } .result-status { background: #e2e4e9; } .result-status .inner { } .result-status .inner .cells { display: table; width: 100%; } .result-status .inner .cells .cell { display: table-cell;; vertical-align: middle; padding: 10px; } .result-status .inner .cells .cell.title { width: 100px; } .result-status .inner .cells .cell.stats { text-align: right; } .result-status.futura .inner .cells .cell.stats { display: flex; width: 100%; justify-content: center;align-items: center;} .result-status.futura .inner .cells .cell.stats select { margin-bottom:0;} .result-status .inner .cells .cell h2 { font-size: 24px; font-weight: bold; } .result-status .inner .cells .cell span { display: none; } .result-status .inner .cells .cell .pulldown { } .result-status .inner .cells .cell .pulldown option { } .paging { text-align: center; background: #e2e4e9; } .paging .inner { position: relative; padding: 15px; } .paging .inner .prev { position:absolute; top:20px; left: 10px; width:30px; height: 5px; } .paging .inner .prev a { font-weight: bold; font-family: sans-serif; font-size: 16px; background: url(../img/common/arw-prev02.png) 0 50% no-repeat; background-size: 30px 5px; text-indent: -9999px; display: block; } .paging .inner .prev a span { } .paging .inner .next { position:absolute; top:20px; right: 10px; width:30px; height: 5px; } .paging .inner .next a { font-weight: bold; font-family: sans-serif; font-size: 16px; background: url(../img/common/arw-next02.png) 100% 50% no-repeat; background-size: 30px 5px; text-indent: -9999px; display: block; } .paging .inner .next a span { } .paging .inner ul { font-size: 0; text-align: center; } .paging .inner ul li { display: inline-block; font-size: 16px; font-weight: bold; font-family: sans-serif; } .paging .inner ul li a { position: relative; margin:0 15px; display: inline-block; } .paging .inner ul li a.current { width:30px; height: 30px; border-radius: 30px; background: #999999; color: #fff; margin-left: 0; margin-right: 0; } .paging .inner ul li a span { position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .paging .inner ul li.leader { margin:0 10px; } .paging .inner ul .pc { } .paging .inner ul .pc a { } /* blog **************************************************************************************************************************/ .select-month { display: none; } .select-month .inner { } .select-month ul { } .select-month ul .prev { } .select-month ul .prev a { } .select-month ul .now { } .select-month ul .now small { } .select-month ul .next { } .select-month ul .next a { } .select-date {display: none; } .select-date .inner { } .select-date ul { } .select-date ul li { } .select-date ul li a { } .select-date ul .holiday { } .select-date ul .holiday a { } .select-date ul .current { } .select-date ul .current a { } .title-category { margin-bottom: 20px; } .title-category h1 { background: url(../img/common/bg-category-sp@2x.png) 50% 50% no-repeat; background-size: cover; font-size: 21px; padding: 15px; color: #fff; text-align: center; } .title-category .description { background: #f0f1f4; padding: 15px; } .title-category .description p { font-size: 14px; line-height: 1.8; } .title-category .keyword { background: #e2e4e9; padding: 15px; } .title-category .keyword p { font-size: 16px; font-weight: bold; margin-bottom: 5px; } .title-category .keyword .list-tag { text-align: left; margin-bottom: 0; } .title-category .keyword .list-tag li { margin: 0 10px 10px 0; } .title-category .keyword .list-tag li a { } .profiles { } .profiles .profile { margin-bottom: 10px; } .profile { padding:15px; background: #fff; } .profile .imgtxt { display: table; width: 100%; margin-bottom: 15px; } .profile .imgtxt .img, .profile .imgtxt .txt { display: table-cell;; vertical-align: middle; width:50%; } .profile .imgtxt .img { } .profile .imgtxt .img p { } .profile .imgtxt .img p img { width: 100%; } .profile .imgtxt .txt { padding: 0 15px; text-align: center; } .profile .imgtxt .txt .position { font-size: 14px; margin-bottom: 10px; } .profile .imgtxt .txt .name { font-size: 18px; margin-bottom: 30px; } .profile .imgtxt .txt ul { text-align: center; } .profile .imgtxt .txt ul li { display: inline-block; margin: 0 10px; } .profile .imgtxt .txt ul li a { } .profile .imgtxt .txt ul li a img { max-width: 22px; max-height: 18px; } .profile .description { font-size: 14px; line-height: 1.8; } .profile .btn { margin-top: 10px;} .blog-header { } .blog-header .imgtxt { } .blog-header .img { position: relative; } .blog-header .img::after { content: ''; display: block; position: absolute;; bottom: 0; left: 0; width: 100%; height: 280px; background-image: linear-gradient(-180deg, rgba(242,249,250,0.00) 0%, #333 100%); } .blog-header .img .thumb { } .blog-header .img .thumb img { width: 100%; height: auto; min-height: 200px; object-fit: cover; } .blog-header .entry-head { color: #fff; position: absolute; left: 10px; bottom: 20px; z-index: 2; } .blog-header .date { font-size: 14px; font-weight: bold; font-family: sans-serif; } .blog-header h2, .blog-single-title { font-size: 21px; line-height: 1.5; margin-bottom: 10px;font-weight:bold;} .blog-header .txt { position: relative; padding: 15px 10px; } .blog-header .cells { } .blog-header .cells .cell { } .blog-header .author { font-size: 12px; color: #999999; } .blog-header .category { font-size: 12px; color: #999999; margin-top: 10px; text-align: left;} .blog-header .category ul { text-align: left; margin-bottom: 0;} .blog-header .category ul li { margin: 0 10px 10px 0;} .blog-header .authorimg { position: absolute; top: -22px; right: 10px; } .blog-header .authorimg img { width: 45px; height: auto; border-radius: 50%; } .blog-body { font-size: 14px; overflow-wrap: break-word; word-break: break-word; line-break: strict; text-align: justify;} .blog-body .inner {padding:20px 16px; font-size:16px;} .blog-body .productDetailTitle h1 { font-weight: bold; } .blog-body .productDetailSection h1 { font-weight: bold; margin-bottom: 1.5em; } .blog-body .productDetailSection h2 { font-size: 18px; margin-bottom: 1em; font-weight: bold; } .blog-body .productDetailSection h3 { font-size: 16px; margin-bottom: 1em; font-weight: bold; } .blog-body .productDetailSection h4 { font-size: 14px; margin-bottom: 1em; font-weight: bold; } .blog-body .productDetailSection h5 { font-size: 13px; margin-bottom: 1em; font-weight: bold; } .blog-body h1 { font-size: 20pt; margin: 19px 0 18px; word-break: break-word; line-height: 1.5;} .blog-body h2 { font-size: 18pt; margin: 19px 0 18px; word-break: break-word; line-height: 1.5;} .blog-body h3 { font-size: 18pt; color:#696969; margin: 19px 0 18px; word-break: break-word; line-height: 1.5;} .blog-body h4 { font-size: 14pt; margin: 19px 0 18px; word-break: break-word; line-height: 1.5;} .blog-body h5 { font-size: 14pt; margin: 19px 0 18px; word-break: break-word; line-height: 1.5;} .blog-body h6 { font-size: 12pt; color:#808080; font-weight: normal; margin: 19px 0 18px; word-break: break-word; line-height: 1.5;} .blog-body p { font-size: 14px; line-height: 1.9; word-break: break-word;} .blog-body p + p, .blog-body p + div { margin-top: 0.5em; } .blog-body p + p:empty { margin: 0; } .blog-body figure > img, .blog-body figure a > img { margin: 0.5em 0; } .blog-body p.multi_product_cart { margin-bottom: 0; } .blog-body li { font-size: 16px; margin-bottom: 0.4em; margin-right:15px; word-break: break-word; line-height: 1.5;} .blog-body ul { margin-left: 2em; margin-top: 0.5em; margin-bottom: 0.6em; } .blog-body ol { margin-left: 2em; margin-top: 0.5em; margin-bottom: 0.6em; padding-left: 0; } .blog-body ul ul { margin-left: 3.5em; margin-top: 0em; margin-bottom: 0em; } .blog-body ul + ul { margin-top: -0.3em; } .blog-body ol + ol { margin-top: -0.3em; } .blog-body ul li { list-style: disc; } .blog-body ul ul li { list-style: circle; } .blog-body ul + p img, .blog-body ol + p img { margin-top: 0.3em; } .blog-body ol ol { margin-left: 3.5em; padding-left:0;} .blog-body ol ol li { list-style: lower-roman; } .blog-body img { max-width: 100%; height: auto; } .blog-body a { color: #0045a5; text-decoration: underline;} .blog-body .productDetailSection .productDetailPic { text-align:center; margin:0 0 2em;} .blog-body .productDetailSection .productDetailPic img{ margin:0 0 0.5em; height: auto; max-width: 100%; } .blog-body .productDetailSection .productDetailPic .caption{ font-size:12px; text-align:center; margin:0} /*.blog-body blockquote { border: 15px solid #f4f4f4; color: #585858; margin: 2rem 0px 2em; padding: 20px 30px; background-image: url(../img/common/blockquote_top.gif),url(../img/common/blockquote_bottom.gif); background-repeat: no-repeat; background-position: left top,right bottom; }*/ .blog-body blockquote { border: 15px solid #f4f4f4; color: #585858; margin: 2rem 0px 2em; padding: 20px 30px;} .blog-body blockquote p:last-of-type { margin-bottom: 0; } .blog-body .productDetailList{ background:#f4f4f4; margin:0 0 3em;padding:7px 10px 12px} .blog-body .productDetailList li{ background:url(../img/common/marker-bulletpoint.gif) left 5px no-repeat; font-size: 13px; line-height:1.2; margin:1em 0 0;padding:0 0 0 1em;} .blog-body .productDetailList ol li{ text-indent:-1em;} .blog-body .productDetailList dl { margin: 0 0 1em 0; } .blog-body .productDetailList dt { margin: 0 0 0.5em 0; padding: 0; } .blog-body .productDetailList dd { margin: 0; padding: 0; } .blog-body .cards-m { margin-bottom: 20px; } .blog-body .productDetailGallery ul { list-style: none; } .blog-body .productDetailGallery ul li { list-style: none; } .blog-body .productDetailGallery dt { margin: 0 0 0.5em 0;} .blog-body .productDetailGallery dd { margin: 0 0 0.5em 0;} .blog-body .ap-wp-embed-wrap { margin-top: 0.5em; margin-bottom: 0.6em; } .blog-body .ap-wp-embed-wrap + .ap-wp-embed-wrap { margin-top: 0; } .blog-body .ap-wp-embed-wrap + p:empty { margin: 0; } .blog-body .ap-wp-embed-wrap + p:empty + .ap-wp-embed-wrap { margin-top: 0; } .blog-body .ap-wp-embed-wrap h3 { line-height: 1.3; } .blog-body .wpcn-bookmark { margin-top: 0.5em; margin-bottom: 0.6em; } .blog-body figure figcaption { margin-top: 0; } .blog-body figure.wp-caption .wp-caption-text { margin-top: 0; margin-bottom: 1em; } .contentsMain { } .contentsMain .tbl-01 { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; margin: 1.5em 0; } .contentsMain .tbl-01 th, .contentsMain .tbl-01 td { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1em; padding: 0.5em; } .tgl-comment { padding: 18px; background: #56606e; text-align: center; } .tgl-comment p { font-size: 16px; font-weight: bold; color: #fff; } .tgl-comment span { background: url(../img/common/icn-show-w.png) 0 0 no-repeat; background-size: 22px 22px; padding:4px 0 4px 35px; cursor: pointer; } .tgl-comment.is-open span { background: url(../img/common/icn-hide-w.png) 0 0 no-repeat; background-size: 22px 22px; } .comment-area { } .comment-input { border-bottom: 1px solid #f0f1f4; padding: 25px; } .comment-input .inner { } .comment-input p { text-align: center; font-size: 14px; line-height: 1.8;} .comment-input ul { font-size: 0; text-align: center; margin: 20px 0;} .comment-input ul li { display: inline-block; margin: 0 5px; margin-bottom: 10px; } .comment-input img { width: 33px; } .comment-form { border-bottom: 1px solid #f0f1f4; padding: 25px 10px; } .comment-form .inner { } .comment-form dl { } .comment-form dt { font-size: 16px; font-weight: bold; margin-bottom: 15px; } .comment-form dd { margin: 0 0 15px 0; padding: 0; } .comment-form dd .full { } .comment-form ul { margin-top: 10px; } .comment-list { padding: 30px 0; } .comment-list .inner { } .comment-list h3 { padding: 0 10px; } .comment-list .comments { } .comment-list .comments .comment { border-bottom: 1px solid #f0f1f4; } .comment-list .comments .comment.lv01 { padding-left: 30px; } .comment-list .comments .comment .cells { } .comment-list .comments .comment .cells .cell { } .comment-list .comments .comment p { font-size: 14px; line-height: 1.8; } .comment-list .comments .comment .thumb, .comment-list .comments .comment .date { display: table-cell; vertical-align: top;} .comment-list .comments .comment .date { font-size: 12px; font-weight: bold; font-family: sans-serif; padding-left: 10px; } .comment-list .comments .comment .date span { color: #999999; font-weight: normal;} .comment-list .comments .comment .thumb img { width: 45px; height: auto; border-radius: 50%;} .comment-list .comments .comment .btn { margin-top: 30px; } .comment-list .comments .comment .comment-body { margin-top: 10px;} .comment-list .toggle-more { margin: 0 10px; } .comment-list .comment-more { display: none; } .share-entry { display: none;} .share-entry p { } .share-entry p img { } .share-entry ul { } .share-entry li { } .share-entry a { } .share-entry a img { } .blog-detail .imgs-gallery { width: calc(100% + 20px); margin-left:-10px; } .blog-detail .imgs-gallery .main { } .blog-detail .imgs-gallery .main li { } .blog-detail .imgs-gallery .main img { width: 100%; } .blog-detail .imgs-gallery .sub { padding: 6px; display: flex; flex-wrap: wrap; margin-top: 10px; } .blog-detail .imgs-gallery .sub li { flex-basis: 18.9%; margin: 0 1.375% 1.375% 0; } .blog-detail .imgs-gallery .sub li:nth-of-type(5n) { margin-right: 0; } .blog-detail .imgs-gallery .sub a { } .blog-detail .imgs-gallery .sub img { width: 100%; border: 2px solid #e4e4e4; } .blog-detail .imgs-gallery .sub a.thumbnail-current img { border: 2px solid #55606e; } .blog-detail .imgs-gallery li { } .blog-detail .imgs-gallery li img { width:100%; } /* news **************************************************************************************************************************/ .news-index { } .news-index .archive .retrieve { padding: 30px 10px 45px 10px; } .news-index .list-news div:nth-of-type(n+6) { display: block; } .news-index { } .news-detail .archive .retrieve { padding: 30px 16px 45px; } .news-detail .title { margin-bottom: 25px; } .news-detail .title .title-header { position: relative; margin-bottom: 15px; } .news-detail .title .category { } .news-detail .title .logo { margin-right: 5px; } .news-detail .title .logo img { height: 18px; } .news-detail .title .label { font-size: 12px; color: #999; } .news-detail .title .date { font-size: 14px; font-weight: bold; position: absolute; top: 0; right: 0; } .news-detail .title h1, .press_room h1 { line-height: 1.6; font-size: 21px; } .news-detail .entry-body { } .news-detail .entry-body h2 { font-size: 21px; font-weight: bold; padding-left: 20px; border-left: 3px solid #000; text-align: left; margin-bottom: 20px; } .news-detail .entry-body h3 { font-size: 16px; /*line-height: 1.6; */margin-bottom: 20px; font-weight: bold; } .news-detail .entry-body h3::before { content: ''; display: inline-block; width: 16px; height: 2px; line-height: 1; margin-top: -3px; background: #000; margin-right: 5px; vertical-align: middle;} .news-detail .entry-body p, .press_room p { margin-bottom: 20px; line-height: 1.8; font-size: 16px; } .news-detail .entry-body p, .news-detail .entry-body dd { text-align: justify; } .news-detail .entry-body img { max-width: 100%; } .news-detail .entry-body blockquote { padding: 20px 15px; background: #f8f9fa; margin: 0 0 40px 0; } .news-detail .entry-body blockquote *:last-of-type { margin-bottom: 10px;} .news-detail .entry-body hr { margin: 30px 0; } .news-detail .entry-body .back { } .news-detail .entry-body .back a { display: block; width: 100%; margin: 0 auto; text-align: center; border: 1px solid #000; border-radius: 4px; font-size: 14px; padding: 5px 40px; background: url(../img/common/arw-l02.png) 20px 50% no-repeat; background-size: 8px 5px; } .news-detail .entry-body li { font-size: 16px; margin-bottom: 0.5em; } .news-detail .entry-body ul { margin-left: 1.5em; margin-top: 1em; margin-bottom: 1em; } .news-detail .entry-body ul li { list-style: disc; } .entry-body iframe {aspect-ratio: 16/9; width: 100%;} /* press room **************************************************************************************************************************/ .press_room .cells{ margin-bottom:50px!important; } /* about **************************************************************************************************************************/ .about .mainimg { margin-bottom: 10px; } .about .mainimg .cells { } .about .mainimg .cells .cell { } .about .mainimg .cells .cell { } .about .mainimg .cells .cell.pc { display: none; } .about .mainimg .cells .cell.about .mainimg .cells p { } .about .mainimg .imgtxt { } .about .mainimg .imgtxt .img { } .about .mainimg .imgtxt .img img { width: 100%; } .about .mainimg .imgtxt .img p { } .about .mainimg .imgtxt .txt { color: #fff; padding: 30px 50px; position: relative; background:#473937 url(../img/common/icn-plus05.png) 15px 50% no-repeat; background-size: 16px 16px; } .about .mainimg .imgtxt .txt::after { content: ''; display: block; width: 50%; height: 1px; right: 0; background: #fff; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .about .mainimg .imgtxt .txt .lead { font-size: 16px; line-height: 1.8; background: #473937; padding-right: 25px; position: relative; z-index: 2;} .about .profile { margin: 0 10px; background: #f1f2f5 url(../img/about/bg00-sp.png) 100% 0 no-repeat; background-size: 40px 750px; padding: 20px 40px 20px 20px; } .about .profile .inner { } .about .profile .cells { } .about .profile .cell { } .about .profile .cell.ttl { margin: 0; padding: 0; text-align: left;} .about .profile .cell.ttl h2 { margin-bottom: 20px; font-size: 16px; font-weight: bold; } .about .profile .cell.txt { font-size: 14px;} .about .profile .cell.txt dl { } .about .profile .cell.txt dl dt { width: 70px; float: left; clear: left; margin-right: 15px; margin-bottom: 10px; } .about .profile .cell.txt dl dd { overflow: hidden; margin-bottom: 10px; } .about .bg01 { margin: 0 10px; height: 10px; background: url(../img/about/bg01-sp.png) 100% 100% repeat-y; background-size: 36px 8px; } .about .service { margin: 0 10px; background: #f1f2f5 url(../img/about/bg02-sp.png) 100% 100% repeat-y; background-size: 35px 15px; padding: 20px 40px 20px 20px; } .about .service .inner { } .about .service .cells { } .about .service .cell { } .about .service .cell.ttl { margin: 0; padding: 0; text-align: left;} .about .service .cell.ttl h2 { margin-bottom: 10px; font-size: 16px; font-weight: bold; } .about .service .cell.txt { font-size: 14px;} .about .service .cell.txt + .cell { margin-top: 20px; } .about .service .cell.txt h3 { font-size: 14px; margin-bottom: 10px; } .about .service .cell.txt h3 a { color: #008DD8; text-decoration: underline; } .about .service .cell.txt ul { } .about .service .cell.txt ul li { font-size: 14px; margin-bottom: 12px; padding: 3px 0px 3px 10px; position: relative; } .about .service .cell.txt ul li.type-a { border-left: 2px solid #2ea7e0; } .about .service .cell.txt ul li.type-b { border-left: 2px solid #1d2088; } .about .client { margin: 0 10px; background: #f1f2f5 url(../img/about/bg02-sp.png) 100% 100% repeat-y; background-size: 35px 15px; padding: 20px 40px 20px 20px; } .about .client .inner { } .about .client .cells { } .about .client .cell { } .about .client .cell.ttl { margin: 0; padding: 0; text-align: left;} .about .client .cell.ttl h2 { margin-bottom: 20px; font-size: 16px; font-weight: bold; } .about .client .cell.txt { font-size: 14px;} .about .bg02 { margin: 0 10px; height: 32px; background: url(../img/about/bg03-sp.png) 0 0 repeat-y; background-size: cover; } .about .companyname { margin: 0 10px; background: #231815 url(../img/about/bg04-sp.png) 0 100% repeat-y; background-size: 35px 1000px; padding: 40px 20px 20px 50px; color: #fff; position: relative; } .about .companyname::after { /* content: ''; display: block; width: 2px; height: 30px; background: #2fa8df; position: absolute; top: 0; left: 25px;*/ } .about .companyname .inner { /* background: url(../img/about/bg-name01-sp.png) 17px 20px repeat-y; background-size: 18px 1100px; */ } .about .companyname .cells { } .about .companyname .cell { } .about .companyname .cell.ttl { margin: 0; padding: 0; text-align: left;} .about .companyname .cell.ttl h2 { margin-bottom: 20px; font-size: 16px; font-weight: bold; } .about .companyname .cell.txt { font-size: 14px; text-align: justify; } .about .companyname .cell.txt p { line-height: 1.8; margin-bottom: 1em; } .about .bg03 { margin: 0 10px; height: 20px; background: url(../img/about/bg05-sp.png) 0 0 repeat-y; background-size:100% 20px; } .about .channel { margin: 0 auto; width: 89.5%; background: #231815 url(../img/about/bg06-sp.png) 0 0 repeat-y; background-size: contain; padding: 40px 20px 20px 50px; color: #fff; } .about .channel .inner { } .about .channel .cells { } .about .channel .cell { } .about .channel .cell.ttl { margin: 0; padding: 0; text-align: left;} .about .channel .cell.ttl h2 { margin-bottom: 20px; font-size: 16px; font-weight: bold; } .about .channel .cell.txt { font-size: 14px; text-align: justify; } .about .channel .cell.txt p { line-height: 1.8; margin-bottom: 1em; } .about .bg04 { margin: 0; height: 5.33vw; background: url(../img/about/bg07-sp.png) center center no-repeat; background-size: cover; position: relative; } .about .bg04::before { content: ""; width: 2px; height: 145%; background: #fff; transform: rotate(40deg) translateY(-50%); position: absolute; top: 38%; left: 20px; } .about .dealingbrand { margin: 0 0 20px 0; background: #231815 url(../img/about/bg08-sp.png) no-repeat top 0 left 5px; background-size: 35px 100%; padding: 0px 15px 40px 50px; color: #fff; } .about .dealingbrand .inner { } .about .dealingbrand h2 { font-size: 16px; font-weight: 600; padding: 12px; display: inline-block; margin-top: 14px; } .about .dealingbrand .brands > h3 { color: #fff; font-size: 16px; font-weight: 600; background: #3D3936; padding: 8px 17px; margin-top: 18px; } .about .dealingbrand .brand + .brand { border-top: 1px solid #4C4341; } .about .dealingbrand .brand + .brand.child { border-top: 1px dashed #655e5c; padding-top: 28px; } .about .dealingbrand .brand + h3 { margin-top: -6px; } .about .brand .cells { } .about .brand .cell { } .about .brand .cell.bi { display: table; width: 100%; margin-bottom: 30px; border-top: 1px solid #685e5b; padding-top: 35px; } .about .brand .cell.bi h3, .about .brand .cell.bi p { display: table-cell; vertical-align: middle; } .about .brand .cell.bi h3 { } .about .brand .cell.bi h3 img { } /* .about .brand:nth-of-type(1) .cell.bi h3 img { height: 54px; } .about .brand:nth-of-type(2) .cell.bi h3 img { height: 31px; } .about .brand:nth-of-type(3) .cell.bi h3 img { height: 28px; } .about .brand:nth-of-type(4) .cell.bi h3 img { height: 48px; } */ .about .brand .cell.bi p { text-align: left; font-size: 12px; width: 100%; } .about .brand .cell.bi p small { display: block; font-size: 10px; margin-bottom: 0px; } .about .brand .cell.descript { padding-bottom: 20px; } .about .brand .cell.descript .imgtxt { } .about .brand .cell.descript .img { text-align: center; margin-bottom: 10px; } .about .brand .cell.descript .img p { } .about .brand .cell.descript .img img { width: 100%; } .about .brand .cell.descript .txt { } .about .brand .cell.descript .txt p { font-size: 14px; line-height: 1.8; } .about .brand .cell.descript .txt p a { color: #ffc650; text-decoration: underline; } .about .brand.child { border-top: 1px dashed #655e5c; padding-top: 75px; position: relative; } .about .brand.child::after { content: none; display: block; width: 16px; height: 16px; background: url(../img/common/icn-plus05.png) 0 50% no-repeat; background-size: 16px 16px; position: absolute; top: 20px; left: 0;} .about .brand.child .cells { } .about .brand.child .cell + .cell { margin-top: 30px; border-top: 1px dashed #655e5c; padding-top: 28px; } .about .brand.child .imgtxt { margin-bottom: 24px; } .about .brand.child .txt { margin-bottom: 14px; } .about .brand.child .txt h3 { font-size: 16px; margin-bottom: 5px; text-align: center; } .about .brand.child .txt p { line-height: 1.8; font-size: 14px; } .about .brand.child .txt p a { display: block; margin-bottom: 1em; text-align: center; text-decoration: underline; color: #ffc650; } .about .brand.child .img { } .about .brand.child .img p { text-align: left;} .about .brand.child .img img { width: 100%; } .about .dealingbrand .brand .cell.bi { display: flex; flex-direction: column; align-items: center; border-top: none; gap: 8px 0; } .about .dealingbrand .brand .cell.bi > p { text-align: center; } .about .dealingbrand .brand .cell.bi > p a { text-decoration: underline; font-size: 14px; } .about .dealingbrand .brand-simplism .cell.bi h3 img { width: 150px; } .about .dealingbrand .brand-nuans .cell.bi h3 img { width: 57px; } .about .dealingbrand .brand-besper .cell.bi h3 img { width: 144px; } .about .dealingbrand .brand-ajouter .cell.bi h3 img { width: 81px; } .about .dealingbrand .brand-weara .cell.bi h3 img { width: 130px; } .about .dealingbrand .brand-catalyst .cell.bi h3 img { width: 131px; } .about .dealingbrand .brand-bluelounge .cell.bi h3 img { width: 131px; } .about .dealingbrand .brand-eureka .cell.bi h3 img { width: 96px; } /* other **************************************************************************************************************************/ .dflt { } .dflt .pagebody { } .dflt .pagebody.single { padding: 45px 10px; } .dflt .pagebody .lv01 { padding: 0 20px; } .dflt .pagebody .block { margin-bottom: 25px; font-size: 14px;} .dflt .pagebody .block:last-of-type { margin-bottom: 0;} .dflt .pagebody .block.bd01 { border: 1px solid #e63555; padding: 15px 0; } .dflt .pagebody p { font-size: 14px; line-height: 1.8; margin-bottom: 1em; } .dflt.warranty_apply .pagebody p { font-size: 15px; } .dflt .pagebody .block p a { text-decoration: underline;} .dflt .pagebody .block p:last-of-type { margin-bottom: 0;} .dflt .pagebody table { width: 100%; } .dflt .pagebody table th, .dflt .pagebody table td { text-align: left; font-size: 14px; line-height: 1.8; padding: 5px 0; vertical-align: top; } .dflt .pagebody table td .product-title { line-height: 1.2; } .dflt .pagebody table th { width: 35%; } .dflt .pagebody table td { padding-left: 10px;} /* support **************************************************************************************************************************/ .support-index { } .support-index .pagebody.single { padding-bottom: 0;} .support .pagebody.afterfirst { padding-top: 0; } .support-index .set { background: #f8f9fb; width: calc(100% + 20px); margin:0 0 10px -10px; padding: 20px; } .support-index .set:last-of-type { margin-bottom: 0;} .support-index .set h3 { font-size: 16px; font-weight: bold; margin: 10px 0 30px 0; } .support-index .set.from-product h3 { margin-bottom: 10px;} .support-index .set.from-product h3 a { background: url(../img/common/arw-r04.png) 100% 50% no-repeat; background-size: 30px 5px; display: block; } .support-index .set .list-faq-category { width: 49%; display: inline-block; vertical-align: top; padding-top: 20px; margin-bottom: 8px; position: relative; } .support-index .set .list-faq-category:nth-of-type(2n)::after { content: ''; width: 202%; display: block; border-bottom: 1px solid #ccc; position: absolute; right: 0; top: 0;} .support-common { background: #8996a6; color: #fff; } .support-common h2 { text-align: center; font-size: 16px; padding: 30px 0; font-weight: bold; border-bottom: 1px solid #b2bac5; } .support-common .cells { } .support-common .cells > .cell { padding: 20px 0px; border-bottom: 1px solid #b2bac5; text-align: center; position: relative; } .support-common .cells > .cell h3 { font-size: 14px; font-weight: bold; margin-bottom: 20px; text-align: center; display: inline-block;} .support-common .cells > .cell.tel h3 { background: url(../img/common/icn-tel01.png) 0 50% no-repeat; background-size: 18px 18px; padding: 3px 0 2px 22px; } .support-common .cells > .cell.form h3 { background: url(../img/common/icn-form01.png) 0 50% no-repeat; background-size: 18px 18px; padding: 3px 0 2px 22px; } .support-common .cells > .cell p { margin-bottom: 15px; text-align: center;} .support-common .number { font-size: 18px; font-weight: bold; font-family: "DIN"; } .support-common .cells > .cell.form .cells { } .support-common .cells > .cell.form .cells .cell { border: 0; padding: 0; } .support-common .cells p a { color: #fff; text-decoration: underline;} .support-common .cells > .cell.form a { } .support-common .list-notice { text-align: left; margin: 0 20px; font-size: 12px; } .support-common .cells > .cell.form .cells .cell.mail { position: relative; padding-bottom: 10px; margin-bottom: 20px; } .support-common .cells > .cell.form .cells .cell.mail::after { content: ''; display: block; background: #b2bac5; width: 80%;height: 1px; position:absolute; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0;} .support .form { padding: 0 10px; } .support .result-status.wide { width: calc(100% + 20px); margin-left: -10px; } .support .result-status small { font-weight: normal; margin-left: 10px;} .support table.shop_table_responsive { margin: 45px 0; width: 100%;} .support table.shop_table_responsive thead { display: none } .support table.shop_table_responsive tbody th { display: none } .support table.shop_table_responsive tbody tr { border: 1px solid #e4e8eb; display: block; margin-top: -1px;} .support table.shop_table_responsive tr td { display: block; text-align: left; font-size: 14px; padding: 5px 10px; clear: both; } .support table.shop_table_responsive tr td:first-of-type { padding-top: 10px;} .support table.shop_table_responsive tr td:last-of-type { padding-bottom: 10px;} .support table.shop_table_responsive tr td:before { content: attr(data-title) ; font-weight: 600; float: left; font-size: 14px; width: 115px; padding: 5px 10px; background: #8996a5; color: #fff; margin: -5px 10px 0 -10px; } .support table.shop_table_responsive tr:nth-of-type(2n) td:before { background: #718193; } .support table.shop_table_responsive tr td:first-of-type:before { padding-top: 10px; margin-top: -10px;} .support table.shop_table_responsive tr td:last-of-type:before { padding-bottom: 10px; margin-bottom: -10px;} .support table.woocommerce-table--order-details { margin-bottom: 40px; width: 100%; border-spacing: 0; border-top: 1px solid #e4e8eb; border-left: 1px solid #e4e8eb; } .support table.woocommerce-table--order-details th, .support table.woocommerce-table--order-details td { padding:15px 12px; border-bottom: 1px solid #e4e8eb; border-right: 1px solid #e4e8eb;} .support table.woocommerce-table--order-details thead th { color: #fff; background: #8996a5; } .support table.woocommerce-table--order-details tbody th { color: #fff; background: #8996a5; text-align: right;} .support table.woocommerce-table--order-details tfoot th { color: #fff; background: #8996a5; text-align: right;} .support table.woocommerce-table--order-details tfoot td {text-align: right;} .support .topicpath.top { display: block; padding: 10px 10px 0 10px; margin-bottom: -20px; } .support .topicpath.top ul { padding: 0; } .support .topicpath.top ul li { display: inline-block; } .support .topicpath.top ul li a { background:url(../img/common/arw-r02.png) 100% 50% no-repeat; background-size: 8px 5px; padding-right: 20px; margin-right: 8px; } .support .post-qa { } .support .post-qa dl { } .support .post-qa dt { margin: 0 0 10px 0; padding: 0; font-size: 14px; font-weight: bold; } .support.warranty_apply .post-qa dt { font-size: 15px; } .support .post-qa .productname dt { margin: 0;} .support .post-qa dd { margin: 0 0 15px 0; padding: 0; font-size: 14px; } .support .post-qa .productname dd { margin: 0; } .support .post-qa dd input[type="text"], .support .post-qa dd input[type="email"], .support .post-qa dd input[type="tel"]{ width: 98%; padding: 4px; } .support .post-qa dd.dd_sku { position: relative; } .support .post-qa dd.dd_sku .qa_jan_img{ position: absolute; width:40%;right:2%;text-align: right;top:0;} .support .post-qa dd.dd_sku .qa_jan_img img{ width:100%;max-width:200px;} .support .post-qa dd.dd_sku .qa_jan_img p{font-size:10px;} .support .post-qa dl.productname { background: #f0f1f4; padding: 10px 0; } /* .support .post-qa dl.productname dt, .support .post-qa dl.productname dd { float: none; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .support .post-qa dl.productname dt { width: 50px;} .support .post-qa dl.productname dd { width: calc(100% - 55px); } .support .post-qa dl.productname dd input { } */ .support .post-qa textarea { width: 98%; padding: 4px; } .support .post-qa .form-more { } .support .post-qa p { } .support .post-qa label { } .support .post-qa label input { } .support .post-qa .checkbox { } .support .post-qa ul { } .support .post-qa ul li { margin-bottom: 8px; } .support .post-qa .required { color: #e63555; } .support .post-qa .required strong { font-weight: bold; } .support .post-qa .submit { } .support .post-qa .submit input { background: #e73555; border: 0; color: #fff; font-size: 16px; display: block; width: 100%; border-radius: 4px; padding: 10px; font-weight: bold; } .support .qa-header { } .support .qa-header h2 { font-size: 18px; font-weight: bold; line-height: 1.8; position: relative; padding-left: 22px; margin-bottom: 5px; } .support .qa-header h2::before { content: 'Q'; display: block; vertical-align: top; font-size: 20px; font-family: "DIN"; position: absolute; top: 0; left: 0; } .support .qa-header .qa-info { text-align: right; margin-bottom: 15px; } .support .qa-header .qa-info .date {font-family: "DIN"; font-weight: bold; font-size: 10px; } .support .qa-header .qa-info .author { font-size: 10px; color: #999999; margin-left: 8px; } .support .qa-body { padding-left: 30px; } .support .qa-body p { margin-bottom: 15px; } .support .reply { margin-top: 30px; padding: 0 30px; text-align: center; margin-bottom: 30px; } .support .reply .btn { font-size: 14px; } .support .reply small { color: #999; margin-top: 5px; display: block; } .support .qa-reply { background: #f0f1f5; padding: 20px; } .support .qa-reply article { } .support .qa-reply article .qa-info { } .support .qa-reply article .qa-info .date {font-family: "DIN"; font-weight: bold; font-size: 10px; } .support .qa-reply article .qa-info .author { font-size: 10px; color: #999999; margin-left: 8px; } .support .qa-reply article p { } .support .qa-reply article .reply { margin-top: 20px; text-align: left; padding: 0; } .support .qa-reply article .reply .btn { width: auto; display: inline-block; padding: 5px 12px;} .support .qa-reply article article { margin-top: 35px; padding-left: 20px; border-left: 1px solid #000; } .selected-product { padding: 25px 10px; background: #f0f1f4; } .selected-product .card { } .selected-product .card a { display: block; } .selected-product .card .imgtxt { } .selected-product .card .imgtxt .img { } .selected-product .card .imgtxt .img img { width: 100%; height: auto; vertical-align: bottom;} .selected-product .card .imgtxt .txt { padding: 15px; background: #fff; } .selected-product .card .imgtxt .txt .name { font-size: 16px; color: #0145a7; line-height: 1.6; margin-bottom: 12px; } .set.set-faq { border-top: 1px solid #cfd5da; border-bottom: 1px solid #cfd5da; margin-top: -1px; padding: 20px 0; } .set.set-faq h3 { position: relative; font-size: 16px; font-weight: bold; padding-left: 22px; margin-bottom: 15px; } .set.set-faq h3::before { content: 'Q'; display: block; vertical-align: top; font-size: 20px; font-family: "DIN"; position: absolute; top: 0; left: 0; } .set.set-faq .answer { position: relative; padding-left: 22px; } .set.set-faq .answer::before { content: 'A'; display: block; vertical-align: top; font-size: 20px; font-family: "DIN"; position: absolute; top: 0; left: 0; } .set.set-faq:last-of-type { margin-bottom: 20px;} .support .nav { background: #e2e4e9; padding: 19px 10px; position: relative; } .support .nav h2 { font-size: 16px; font-weight: bold; position: relative; cursor: pointer; } .support .nav h2::after { content: ''; display: block; position:absolute; right: 10px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/common/icn-plus02.png) 50% 50% no-repeat; background-size:contain; width: 12px; height: 12px; } .support .nav h2.is-open::after { background: url(../img/common/icn-minus02.png) 50% 50% no-repeat; background-size: contain;} .support .nav nav { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background: #f0f1f4; border-top: 1px solid #fff; display: none; } .support .nav select { position: absolute; top: 12px; right: 10px; } .support .nav ul { } .support .nav ul li { } .support .nav ul li a { display: block; padding: 15px 15px 15px 40px; font-size: 14px; font-weight: bold; background: url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .support .nav ul li span { display: block; padding: 15px 15px 15px 40px; font-size: 14px; font-weight: bold; background: url(../img/common/icn-minus02.png) 22px 50% no-repeat; background-size: 10px px; } .support .nav ul li.is-active a, .support .nav ul li:hover a { background:#dbdfe3 url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .support .nav ul li.is-active span { background:#dbdfe3 url(../img/common/icn-minus02.png) 22px 50% no-repeat; background-size: 10px 2px; } .support .nav ul.sub { margin-left: 20px; margin-top: 10px; } .support .nav ul.sub li a { display: block; padding: 10px 10px 10px 40px; background: url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .support .retrieve { padding: 35px 10px; font-size: 14px; line-height: 1.8; } .support .anchors { background: #f8f9fa; padding: 15px; margin-bottom: 20px; } .support .anchors li { margin-bottom: 10px; font-size: 13px;} .support .anchors li a { background: url(../img/common/arw-d02.png) 0 8px no-repeat; background-size: 5px 8px; padding-left: 12px; display: block; } .support .search-keyword { margin-bottom: 25px;} /* mypage **************************************************************************************************************************/ .woocommerce { } .woocommerce .nav { background: #e2e4e9; padding: 19px 10px; position: relative; } .woocommerce .nav h2 { font-size: 16px; font-weight: bold; position: relative; cursor: pointer; } .woocommerce .nav h2::after { content: ''; display: block; position:absolute; right: 10px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/common/icn-plus02.png) 50% 50% no-repeat; background-size:contain; width: 12px; height: 12px; } .woocommerce .nav h2.is-open::after { background: url(../img/common/icn-minus02.png) 50% 50% no-repeat; background-size: contain;} .woocommerce .nav nav { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background: #f0f1f4; border-top: 1px solid #fff; display: none; } .woocommerce .nav select { position: absolute; top: 12px; right: 10px; } .woocommerce .nav ul { } .woocommerce .nav ul li { } .woocommerce .nav ul li a { display: block; padding: 15px 15px 15px 40px; font-size: 14px; font-weight: bold; background: url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .woocommerce .nav ul li span { display: block; padding: 15px 15px 15px 40px; font-size: 14px; font-weight: bold; background: url(../img/common/icn-minus02.png) 22px 50% no-repeat; background-size: 10px 2px; } .woocommerce .nav ul li.is-active a, .woocommerce .nav ul li:hover a { background:#dbdfe3 url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .woocommerce .nav ul li.is-active span { background:#dbdfe3 url(../img/common/icn-minus02.png) 22px 50% no-repeat; background-size: 10px 2px; } .woocommerce .nav ul.sub { margin-left: 20px; margin-top: 10px; } .woocommerce .nav ul.sub li a { display: block; padding: 10px 10px 10px 40px; background: url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .woocommerce .nav ul.sub li.is-active a, .woocommerce .nav ul.sub li:hover a { background:#dbdfe3 url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .woocommerce .retrieve { padding: 0 10px; font-size: 14px; line-height: 1.8; } .woocommerce address { font-style: normal; } .woocommerce .woocommerce-column .inner, .woocommerce .woocommerce-Address .inner { font-size: 14px; border: 1px solid #e4e8eb; padding: 15px; margin-bottom: 45px; } .woocommerce .woocommerce-column .inner p, .woocommerce .woocommerce-Address .inner p { margin-bottom: 1.5em;} .woocommerce .woocommerce-column .inner p:last-of-type, .woocommerce .woocommerce-Address .inner p:last-of-type { margin-bottom: 0;} .woocommerce .woocommerce-order-details__title, .woocommerce .woocommerce-column__title, .woocommerce .woocommerce-Address-title h3, .woocommerce .woocommerce-MyAccount-content h2, .woocommerce .wc-social-login-profile h2, .woocommerce .woocommerce-MyAccount-content h3 { font-weight: bold; font-size: 21px; border-left: 2px solid #000; padding: 0px 0 0px 20px; line-height: 1.3; margin-bottom: 30px;} .woocommerce .woocommerce-Address-title { position: relative; } .woocommerce .woocommerce-Address-title .edit { position: absolute; top: -4px; right: 10px; width: 120px; display: inline-block; border: 1px solid #000; padding: 4px; text-align: center; border-radius: 4px;} .woocommerce .retrieve .lead { margin-bottom: 20px;} .woocommerce .retrieve .first { padding-top: 35px;} .woocommerce .woocommerce-message { margin: 30px 0 30px 0; } .woocommerce table.shop_table_responsive { margin: 45px 0; width: 100%;} .woocommerce table.shop_table_responsive thead { display: none } .woocommerce table.shop_table_responsive tbody th { display: none } .woocommerce table.shop_table_responsive tbody tr { border: 1px solid #e4e8eb; display: block; margin-top: -1px;} .woocommerce table.shop_table_responsive tr td { display: flex; justify-content: space-between; align-items: center; text-align: left; font-size: 14px; padding: 5px 10px; clear: both; } .woocommerce table.shop_table_responsive tr td:first-of-type { padding-top: 10px;} .woocommerce table.shop_table_responsive tr td:last-of-type { padding-bottom: 10px;} .woocommerce table.shop_table_responsive tr td:before { content: attr(data-title) ; font-weight: 600; float: left; font-size: 14px; width: 115px; padding: 5px 10px; background: #8996a5; color: #fff; margin: -5px 10px 0 -10px; } .woocommerce table.shop_table_responsive tr:nth-of-type(2n) td:before { background: #718193; } .woocommerce table.shop_table_responsive tr td:first-of-type:before { padding-top: 10px; margin-top: -10px;} .woocommerce table.shop_table_responsive tr td:last-of-type:before { padding-top: 15px; margin-bottom: -10px;} .woocommerce table.shop_table_responsive tr td.product-remove a { text-align: left } .woocommerce table.shop_table_responsive tr td.product-remove:before { display: none } .woocommerce table.shop_table_responsive tr td.actions:before, .woocommerce table.shop_table_responsive tr td.download-actions:before { display: none } .woocommerce table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center } .woocommerce table.shop_table_responsive.my_account_orders .order-actions { text-align: right } .woocommerce table.shop_table_responsive.my_account_orders .order-actions:before { display: none } .woocommerce-orders-table__cell-order-actions .button { background: #56606e; color: #fff; width: 120px; text-align: center; display: inline-block; padding: 10px; border-radius: 8px;} .woocommerce table.woocommerce-table--order-details { margin-bottom: 40px; width: 100%; border-spacing: 0; border-top: 1px solid #e4e8eb; border-left: 1px solid #e4e8eb; } .woocommerce table.woocommerce-table--order-details th, .woocommerce table.woocommerce-table--order-details td { padding:15px 12px; border-bottom: 1px solid #e4e8eb; border-right: 1px solid #e4e8eb;} .woocommerce .woocommerce-MyAccount-content .point { font-weight: bold; font-size: 26px; margin: 50px 0;} .woocommerce .woocommerce-MyAccount-content .point small { font-size: 14px; font-weight: normal; margin-left: 10px;} .woocommerce .my_account_points_rewards { width: 100%; border-spacing: 0; border-top: 1px solid #e4e8eb; border-left: 1px solid #e4e8eb; margin-bottom: 45px; } .woocommerce .my_account_points_rewards th, .woocommerce .my_account_points_rewards td { padding:15px 12px; border-bottom: 1px solid #e4e8eb; border-right: 1px solid #e4e8eb; font-size: 14px; width: auto; } .woocommerce .my_account_points_rewards th { color: #fff; background: #8996a5; } .woocommerce .my_account_points_rewards abbr { text-decoration: none; } .woocommerce .edit-account, .woocommerce .woocommerce-address-fields { margin-bottom: 45px;} .woocommerce .edit-account .form-row-first { width: 50%; float: left; padding-right: 5px; } .woocommerce .edit-account .form-row-last { width: 50%; float: right; padding-left: 5px; } .woocommerce .edit-account .form-row-wide { width: 100%; } .woocommerce .woocommerce-address-fields .form-row-first { width: 50%; float: left; padding-right: 5px; } .woocommerce .woocommerce-address-fields .form-row-last { width: 50%; float: right; padding-left: 5px; } .woocommerce .woocommerce-address-fields #billing_state_field { clear: both; float: none; width: 100%; padding: 0; } .woocommerce .edit-account .required, .woocommerce .woocommerce-address-fields .required { display: none; } .woocommerce .edit-account label, .woocommerce .woocommerce-address-fields label { display: block; font-size: 14px; margin-bottom: 4px; } .woocommerce .edit-account .woocommerce-Input, .woocommerce .woocommerce-address-fields .input-text { width: 100%; background: #edeff1; border: 0; border-radius: 4px; padding: 10px; font-size: 14px;} .woocommerce .edit-account fieldset { border: 1px solid #000; padding: 55px 20px 20px 20px; position: relative; margin: 25px 0 25px 0; font-size: 14px;} .woocommerce .edit-account fieldset legend { position: absolute; top: 20px; left: 20px; font-weight: bold; } .woocommerce .edit-account .woocommerce-form-row, .woocommerce .woocommerce-address-fields .form-row { margin-bottom: 10px;} .woocommerce .edit-account .button, .woocommerce .woocommerce-address-fields .button { border: 0; background: #56606e; padding: 10px; border-radius: 4px; color: #fff; width: 50%; text-align: center; margin-bottom: 10px; font-weight: bold;} .woocommerce .delete_me { padding-bottom: 30px;} .woocommerce .delete_me .button { border: 0; background: #56606e; padding: 10px; border-radius: 4px; color: #fff; width: 50%; text-align: center; margin-bottom: 10px; font-weight: bold;} .woocommerce .delete_me p { margin-bottom: 20px;} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: block; } @media screen and (min-width: 768px) { .sp { display:none!important; } .pc { display:block!important; } /* common **************************************************************************************************************************/ /* header */ header { position: relative; width: 100%; z-index: 50; background: #fff; opacity: 1; } main { } header .utility { display: block; background: #55606e; text-align: right; } header .utility form { position: relative; margin: 0 20px 0 0; padding: 0 0px 0 0; display: inline-block; border-right: 1px solid #747d89; } header .utility input.text { background: #6e7884; border: 0; font-size: 12px!important; padding: 8px; padding-right: 40px; width: 220px; border-radius: 4px; min-height: 30px; color: #fff; } header .utility input.text::-webkit-input-placeholder { color: #ccc; } header .utility input.submit { position: absolute; top: 0; right: 0; border-radius: 4px; font-size: 14px; font-weight: bold; width: 30px; height: 30px; padding: 0; box-shadow: 0; background: #fff url(../img/common/icn-search02.png) 50% 50% no-repeat; background-size: 14px 14px; text-indent: -9999px;} header .utility .nav-ec {display: inline-block; border-right: 1px solid #747d89; border-left: 1px solid #747d89; padding-left: 20px; } header .utility .nav-ec li { display: inline-block; font-size: 13px; margin-right: 0px;} header .utility .nav-ec li.has-item { position: relative; } header .utility .nav-ec li.has-item::after { content: ''; width: 10px; height: 10px; border-radius: 50%; display: block; background: #e63555; position: absolute; z-index: 2; top: 10px; left: -5px; } header .utility .nav-ec li a { padding: 15px 0; color: #fff; display: block; vertical-align: middle; text-indent: -9999px; text-align: left; } header .utility .nav-ec .search a { background: url(../img/common/icn-nv-search-p.png) 0 50% no-repeat; padding-left: 29px;} header .utility .nav-ec .woocommerce a { background: url(../img/common/icn-nv-mypage-p.png) 0 50% no-repeat; padding-left: 29px; } header .utility .nav-ec .keep { position: relative ;} header .utility .nav-ec .keep a { background: url(../img/common/icn-nv-keep-p.png) 0 50% no-repeat; padding-left: 29px; } header .utility .nav-ec .keep .keep-more { position: absolute; top: 46px; left: -140px; background: #fff url(../img/common/icn-nv-keep-on-s.png) 50% 20px no-repeat; z-index: 300; padding: 90px 25px 25px 25px; width: 350px; text-align: center;box-shadow:0px 2px 6px -1px #d9d9d9; display: none; } header .utility .nav-ec .keep .keep-more p { margin-bottom: 0.8em; } header .utility .nav-ec .keep .keep-more p:last-of-type { margin-bottom: 0; } header .utility .nav-ec .cart a { background: url(../img/common/icn-nv-cart-p.png) 0 50% no-repeat; padding-left: 29px; } header .utility .nav-ec .mypage a { background: url(../img/common/icn-nv-mypage-p.png) 0 50% no-repeat; padding-left: 29px; } header .utility .social { display: inline-block; text-align: center; width: 220px;} header .utility .social li { display: inline-block; margin: 0 16px; vertical-align: middle; padding: 13px 0;} header .utility .social li a { text-indent: -9999px; display: block;} header .utility .social .fb a { display: block; background: url(../img/common/icn-hd-fb.png) 50% 50% no-repeat; width: 10px; height: 18px;} header .utility .social .tw a { display: block; background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.9031%209.20382L19.3488%200.548828H17.5844L11.1193%208.06384L5.95565%200.548828H0L7.80844%2011.9129L0%2020.9889H1.76449L8.59178%2013.0528L14.045%2020.9889H20.0006L11.9026%209.20382H11.9031ZM9.48637%2012.013L8.69521%2010.8814L2.40026%201.87711H5.1104L10.1905%209.14384L10.9817%2010.2754L17.5852%2019.7211H14.8751L9.48637%2012.0134V12.013Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat; width: 22px; height: 20px; } header .utility .social .ig a { display: block; background: url(../img/common/icn-hd-ig.png) 50% 50% no-repeat; width: 20px; height: 21px; } header .utility .social .feed a { display: block; background: url(../img/common/icn-hd-rss.png) 50% 50% no-repeat; width: 19px; height: 19px; } header .glnv { padding: 0px; display: table; width: 100%; position: relative; } header .glnvinner { display: table; width: 100%; max-width: 1240px; margin: 0 auto; } header .glnv .ci, header .glnv .glnv-pc, header .glnv .nav-ec { display: table-cell; vertical-align: middle; } header .glnv .ci { width: 29%; text-align: left; padding-left: 10px; } header .glnv .ci a { } header .glnv .ci img, header .glnv .ci object { width: 178px; height: auto; } header .glnv nav { } header .glnv nav ul { font-size: 0; display: flex; justify-content: flex-end; } header .glnv nav ul li { cursor: pointer; } header .glnv nav ul.layer00 > li { display: inline-block; width: 20%; text-align: center; border-left: 1px solid #e7eaed; } header .glnv nav ul.layer00 > li > a { display: block; font-size: 14px; font-weight: bold; font-family: sans-serif; padding: 15px 0 13px 0; background: #fff; } header .glnv nav ul.layer00 > li.is-open { border-bottom: 1px solid #f0f1f4; } header .glnv nav ul.layer00 > li > a > span { font-size: 12px; display: block; color: #999; margin-top: 3px; font-weight: normal; } header .glnv nav ul.layer00 > li > a:hover, header .glnv nav ul.layer00 > li.is-open > a { background: #f0f1f4; } header .glnv nav ul.layer00 > li.is-open > a { } header .glnv nav ul.layer00 > li > a:hover > span { } header .glnv nav ul.layer00 > li > a:hover { background: #f0f1f4; } header .glnv nav ul.layer00 > li.blog > a { background: #ff9900!important; color: #fff;} header .glnv nav ul.layer00 > li.blog > a > span { color: #fff;} header nav { display: block; } header .glnv .panel { position: absolute; width: 100%; top: 100px; left: 0; z-index: 2; padding: 40px 60px; background: #f0f1f4; color: #000; text-align: left; -webkit-transition: all 0.5s; transition: all 0.5s; } header .glnv .is-hidden { display: none; } header .glnv .close { text-indent: -9999px; background: url(../img/common/icn-close.png) 50% 50% no-repeat; width: 20px; height: 20px; background-size: contain; position: absolute; top: 20px; right: 20px; z-index: 3;} header .glnv .panel .inner { position: relative; } header .glnv .select-next {} header .glnv .select-next > li { line-height: 1; } header .glnv .select-next > li > span { display: block; font-size: 14px; font-weight: bold; padding: 10px 50px; background: url(../img/common/icn-plus02.png) 28px 50% no-repeat; background-size: 10px 10px; } header .glnv .select-next > li > span:hover { background:#dbdfe3 url(../img/common/icn-plus02.png) 28px 50% no-repeat; background-size: 10px 10px; } header .glnv .select-next > li.open > span { background:#dbdfe3 url(../img/common/icn-minus02.png) 28px 50% no-repeat; background-size: 10px 2px; } header .glnv .select-next > li.open > span:hover { background:#dbdfe3 url(../img/common/icn-minus02.png) 28px 50% no-repeat; background-size: 10px 2px; } header .glnv .layer01 { width: 270px; } header .glnv .layer02 { display: none; position: absolute; top: 0; left: 270px; border-left: 1px solid #dbdfe3; font-size: 14px; font-weight: bold;} header .glnv .layer01 li.open .layer02 { display: block; } header .glnv .layer03 { display: none; position: absolute; left: 269px; border-left: 1px solid #dbdfe3; font-size: 14px; font-weight: bold; } header .glnv .layer02 li.open .layer03 { display: block; padding-left: 50px; } header .glnv .layer03 li { font-size: 14px; word-break: break-all;} header .glnv .select-next .from-keyword > span { background: none!important; padding-left: 28px; } header .glnv .select-next .from-keyword > span:hover { background: none!important; } header .glnv .select-next .from-keyword form { position: relative; margin-left: 28px; padding: 15px 20px 15px 0; } header .glnv .select-next .from-keyword input.text { background: #dbdfe3; border: 0; font-size: 14px; padding: 10px 10px 11px 10px; width: 100%; border-radius: 4px; } header .glnv .select-next .from-keyword input.submit { position: absolute; top: 15px; right: 20px; border-radius: 4px; font-size: 14px; font-weight: bold; width: 64px; padding: 8px 0 8px 0; box-shadow: 0; background: #fff; } header .glnv .from-brand .layer02 { column-count: 2; column-gap: 10px; max-height: 490px; max-width: 560px; } header .glnv .from-brand .layer02 li { max-width: 270px; } header .glnv .from-brand li img { width: 100%; height: auto; } header .glnv .from-type .layer02 { width: 270px;} header .glnv .from-type .layer02 > li { line-height: 1; position: relative; } header .glnv .from-type .layer02 > li > a { display: block; font-size: 14px; font-weight: bold; padding: 13px 50px; position: relative; } header .glnv .from-type .layer02 > li > a:hover { background:#dbdfe3;} header .glnv .from-type .layer02 > li > span { display: block; font-size: 14px; font-weight: bold; padding: 13px 50px; background: url(../img/common/icn-plus02.png) 28px 50% no-repeat; background-size: 10px 10px; position: relative; } header .glnv .from-type .layer02 > li > span:hover { background:#dbdfe3 url(../img/common/icn-plus02.png) 28px 50% no-repeat; background-size: 10px 10px; } header .glnv .from-type .layer02 > li.open > span { background:#dbdfe3 url(../img/common/icn-minus02.png) 28px 50% no-repeat; background-size: 10px 2px; } header .glnv .from-type .layer02 > li.open > span:hover { background:#dbdfe3 url(../img/common/icn-minus02.png) 28px 50% no-repeat; background-size: 10px 2px; } header .glnv .from-type .layer02 > li::after { content: ''; display: block; position:absolute; top:50%; left: 220px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } header .glnv .from-type .layer02 > li.type-neo::after { background: url(../img/common/icn-neo.png) 50% 50% no-repeat; background-size: contain; width: 16px; height: 28px; left: 230px; } header .glnv .from-type .layer02 > li.type-ip::after { background: url(../img/common/icn-ip.png) 50% 50% no-repeat; background-size: contain; width: 16px; height: 28px; left: 230px;} header .glnv .from-type .layer02 > li.type-ipad::after { background: url(../img/common/icn-ipad.png) 50% 50% no-repeat; background-size: contain; width: 36px; height: 24px;} header .glnv .from-type .layer02 > li.type-lt::after { background: url(../img/common/icn-lt.png) 50% 50% no-repeat; background-size: contain; width: 36px; height: 24px;} header .glnv .from-type .layer02 > li.type-ap::after { background: url(../img/common/icn-ap.png) 50% 50% no-repeat; background-size: contain; width: 36px; height: 24px;} header .glnv .from-type .layer02 > li.type-ipod::after { background: url(../img/common/icn-ipod.png) 50% 50% no-repeat; background-size: contain; width: 16px; height: 28px; left: 230px; } header .glnv .from-type .layer02 > li.type-aw::after { background: url(../img/common/icn-aw.png) 50% 50% no-repeat; background-size: contain; width: 17px; height: 28px; left: 230px; } header .glnv .from-type .layer02 > li.type-sp::after { background: url(../img/common/icn-sp.png) 50% 50% no-repeat; background-size: contain; width: 16px; height: 28px; left: 230px; } header .glnv .from-type .layer02 > li.type-wm::after { background: url(../img/common/icn-wm.png) 50% 50% no-repeat; background-size: contain; width: 25px; height: 28px; left: 230px; } header .glnv .from-type .layer02 > li.type-tb::after { background: url(../img/common/icn-tb.png) 50% 50% no-repeat; background-size: contain; width: 36px; height: 24px;} header .glnv .from-type .layer02 > li::before { content: ''; display: block; position:absolute; top:50%; right: 65px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #c4cad0; height: 1px; } header .glnv .from-type .layer02 > li.type-neo::before { width: 55px; } header .glnv .from-type .layer02 > li.type-ip::before { width: 92px; } header .glnv .from-type .layer02 > li.type-ipad::before { width: 110px; } header .glnv .from-type .layer02 > li.type-lt::before { width: 97px; } header .glnv .from-type .layer02 > li.type-ap::before { width: 84px; } header .glnv .from-type .layer02 > li.type-ipod::before { width: 110px; } header .glnv .from-type .layer02 > li.type-aw::before { width: 49px; } header .glnv .from-type .layer02 > li.type-sp::before { width: 80px; } header .glnv .from-type .layer02 > li.type-wm::before { width: 73px; } header .glnv .from-type .layer02 > li.type-tb::before { width: 86px; } header .glnv .from-type .layer02 > li:nth-of-type(1) .layer03 { top: 0px; } header .glnv .from-type .layer02 > li:nth-of-type(2) .layer03 { top: -40px; } header .glnv .from-type .layer02 > li:nth-of-type(3) .layer03 { top: -80px; } header .glnv .from-type .layer02 > li:nth-of-type(4) .layer03 { top: -120px; } header .glnv .from-type .layer02 > li:nth-of-type(5) .layer03 { top: -160px; } header .glnv .from-type .layer02 > li:nth-of-type(6) .layer03 { top: -200px; } header .glnv .from-type .layer02 > li:nth-of-type(7) .layer03 { top: -240px; } header .glnv .from-type .layer03 { width: calc(100vw - 600px); column-count: 3; column-gap: 0;} header .glnv .from-type .layer03 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } header .glnv .from-type .layer03 li a { display: block; padding: 14px 14px 14px 0;} header .glnv .from-category .layer02 { width: 270px;} header .glnv .from-category .layer02 > li { line-height: 1; position: relative; } header .glnv .from-category .layer02 > li > a { display: block; font-size: 14px; font-weight: bold; padding: 13px 33px; position: relative; } header .glnv .from-category .layer02 > li > a:hover { background:#dbdfe3;} header .glnv .from-category .layer02 > li > span { display: block; font-size: 14px; font-weight: bold; padding: 13px 33px; background: url(../img/common/icn-plus02.png) 28px 50% no-repeat; background-size: 10px 10px; position: relative; } header .glnv .from-category .layer02 > li > span:hover, header .glnv .from-category .layer02 > li > a:hover { background:#dbdfe3 url(../img/common/icn-plus02.png) 28px 50% no-repeat; background-size: 10px 10px; } header .glnv .from-category .layer02 > li.open > span { background:#dbdfe3 url(../img/common/icn-minus02.png) 28px 50% no-repeat; background-size: 10px 2px; } header .glnv .from-category .layer02 > li.open > span:hover { background:#dbdfe3 url(../img/common/icn-minus02.png) 28px 50% no-repeat; background-size: 10px 2px; } header .glnv .from-category .layer02 > li::after { content: ''; display: block; position:absolute; top:50%; left: 220px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } header .glnv .from-category .layer02 > li.c-case::after { background: url(../img/common/icn-c-case.png) 50% 50% no-repeat; background-size: contain; width: 21px; height: 28px; left: 222px; } header .glnv .from-category .layer02 > li.c-film::after { background: url(../img/common/icn-c-film.png) 50% 50% no-repeat; background-size: contain; width: 24px; height: 28px; left: 223px;} header .glnv .from-category .layer02 > li.c-battery::after { background: url(../img/common/icn-c-battery.png) 50% 50% no-repeat; background-size: contain; width: 15px; height: 24px; left: 224px;} header .glnv .from-category .layer02 > li.c-charge::after { background: url(../img/common/icn-c-charge.png) 50% 50% no-repeat; background-size: contain; width: 18px; height: 28px; left: 223px; } header .glnv .from-category .layer02 > li.c-interior::after { background: url(../img/common/icn-c-interior.png) 50% 50% no-repeat; background-size: contain; width: 24px; height: 28px; } header .glnv .from-category .layer02 > li.c-lgoods::after { background: url(../img/common/icn-c-lgoods.png) 50% 50% no-repeat; background-size: contain; width: 26px; height: 28px; } header .glnv .from-category .layer02 > li.c-dgoods::after { background: url(../img/common/icn-c-dgoods.png) 50% 50% no-repeat; background-size: contain; width: 13px; height: 28px; left: 226px;} header .glnv .from-category .layer02 > li.c-sp::after { background: url(../img/common/icn-c-sp.png) 50% 50% no-repeat; background-size: contain; width: 16px; height: 28px; left: 224px;} header .glnv .from-category .layer02 > li.c-gadget::after { background: url(../img/common/icn-c-gadget.png) 50% 50% no-repeat; background-size: contain; width: 22px; height: 28px; left: 222px;} header .glnv .from-category .layer02 > li::before { content: ''; display: block; position:absolute; top:50%; right: 65px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #c4cad0; height: 1px; } header .glnv .from-category .layer02 > li.c-case::before { width: 110px; } header .glnv .from-category .layer02 > li.c-film::before { width: 50px; } header .glnv .from-category .layer02 > li.c-battery::before { width: 93px; } header .glnv .from-category .layer02 > li.c-charge::before { width: 130px; } header .glnv .from-category .layer02 > li.c-interior::before { width: 90px; } header .glnv .from-category .layer02 > li.c-lgoods::before { width: 105px; } header .glnv .from-category .layer02 > li.c-dgoods::before { width: 78px; } header .glnv .from-category .layer02 > li.c-sp::before { width: 65px; } header .glnv .from-category .layer02 > li.c-gadget::before { width: 90px; } header .glnv .select-next .from-condition > span { padding-left: 51px; background: none; } header .glnv .select-next .from-condition > span:hover { background:#dbdfe3; } header .glnv .select-next .from-condition.open > span { background: none!important; } header .glnv .nav-ec { background: #55606e; padding: 0 10px; width: 270px; border-bottom: 1px solid #dbdfe3; display: none; } header .glnv .nav-ec li { display: inline-block; font-size: 13px; margin-right: 0px; width: 31px; text-align: left;} header .glnv .nav-ec li.has-item { position: relative; } header .glnv .nav-ec li.has-item::after { content: ''; width: 10px; height: 10px; border-radius: 50%; display: block; background: #e63555; position: absolute; z-index: 2; top: 20px; left: 2%; } header .glnv .nav-ec li a { padding: 24px 0; color: #fff; display: block; vertical-align: middle; text-indent: -9999px; } header .glnv .nav-ec .search { width: auto; } header .glnv .nav-ec .search a { background: url(../img/common/icn-nv-search-p.png) 50% 50% no-repeat;} header .glnv .nav-ec .search form { position: relative; margin: 0 10px 0 0; padding: 0 0px 0 0; display: inline-block; border-right: 1px solid #747d89; } header .glnv .nav-ec .search input.text { background: #6e7884; border: 0; font-size: 12px!important; padding: 8px; padding-right: 40px; width: 130px; border-radius: 4px; min-height: 30px; color: #fff; } header .glnv .nav-ec .search input.text::-webkit-input-placeholder { color: #ccc; } header .glnv .nav-ec .search input.submit { position: absolute; top: 0; right: 0; border-radius: 4px; font-size: 14px; font-weight: bold; width: 30px; height: 30px; padding: 0; box-shadow: 0; background: #fff url(../img/common/icn-search02.png) 50% 50% no-repeat; background-size: 14px 14px; text-indent: -9999px;} header .glnv .nav-ec .mypage a { background: url(../img/common/icn-nv-mypage-p.png) 50% 50% no-repeat; } header .glnv .nav-ec .keep a { background: url(../img/common/icn-nv-keep-p.png) 50% 50% no-repeat; } header .glnv .nav-ec .cart a { background: url(../img/common/icn-nv-cart-p.png) 50% 50% no-repeat; } .has-miniheader header { position: fixed; top: 0; left: 0; opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition-duration: 0s;} .has-miniheader header.visible { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-duration: 0.5s; } .has-miniheader header > .utility { height: 0; opacity: 0; overflow: hidden; } .has-miniheader header .glnv .ci { width: auto; text-align: left; padding-left: 0px;} .has-miniheader header .glnv .ci a { } .has-miniheader header .glnv .ci a img { width: 150px; height: auto; } .has-miniheader header .glnv nav { display: table-cell!important; text-align: right;} .has-miniheader header .glnv nav ul.layer00 { text-align: right; } .has-miniheader header .glnv nav ul.layer00 > li > a { display: block; font-size: 14px; font-weight: bold; font-family: sans-serif; padding: 23px 10px 22px 10px; background: #fff; height: 65px; } .has-miniheader header .glnv nav ul.layer00 > li > a > span { display: none; } .has-miniheader header .glnv nav ul.layer00 > li { border-left: 1px solid #e7eaed; width: auto; } .has-miniheader header .glnv nav ul.layer00 > li:first-of-type { } .has-miniheader header .glnv .panel { top: 65px; } .has-miniheader header .glnv .nav-ec { display: table-cell; } .has-miniheader header .glnv .ci { border-bottom: 1px solid #dbdfe3;} .has-miniheader header .glnv nav ul.layer00 { border-left: 0;border-bottom: 1px solid #dbdfe3; } .has-miniheader header .glnv nav ul.layer00 > li > a { border-right: 0; } /* footer */ .topicpath { display:block; background: #606977; color: #fff; } .topicpath ul { max-width: 1280px; margin: 0 auto; padding: 35px 20px; } .topicpath ul li { display: inline-block; } .topicpath ul li a { color: #fff; background:url(../img/common/arw-r01.png) 100% 50% no-repeat; padding-right: 30px; margin-right: 15px; } .topicpath.topicpath-entry { display: block; padding: 10px 10px 0 10px; background: #f0f1f4; padding: 20px; color: #000; } .topicpath.topicpath-entry ul { padding: 0; } .topicpath.topicpath-entry ul li { display: inline-block; } .topicpath.topicpath-entry ul li a { background:url(../img/common/arw-r02.png) 100% 50% no-repeat; background-size: 8px 5px; padding-right: 20px; margin-right: 8px; color: #000; } footer { } footer a { color: #fff;} footer .inner { padding-left: 20px; padding-right: 20px; } footer .inner:nth-of-type(2) { background: #4d5663; padding: 35px 20px; } footer .sitewidth {max-width: 1170px; margin: 0 auto;} footer .ci { display: table; width: 100%; padding: 60px 0;} footer .ci p, footer .ci .social { display: table-cell; vertical-align: middle;} footer .ci p { width: 200px; } footer .ci p a { } footer .ci p a img { width: 100%; } footer .ci .social { margin-top: 0px; padding-left: 45px; } footer .list { padding-bottom: 40px; } footer .list .page, footer .list .ec { display: table-cell; vertical-align: top;} footer .list .page { padding: 0; width: 200px; } footer .list .page .set { } footer .list .page .set h2 { display: block; font-family: sans-serif; margin-bottom: 20px; font-size: 17px; } footer .list .page .set ul { padding-left: 20px; } footer .list .page .set ul li { font-size: 14px; margin-bottom: 20px; } footer .list .page .set ul li a { background: url(../img/common/icn-minus01.png) 0 5px no-repeat; background-size: 12px 2px; padding-left: 22px;} footer .list .ec { padding-left: 45px; } footer .list .ec h2 { display: block; font-family: sans-serif; margin-bottom: 20px; font-size: 17px;} footer .list .ec .set { display: table; width: 100%; border-top: 1px solid #757d89; padding: 30px 20px;} footer .list .ec .set:last-of-type { border-bottom: 1px solid #757d89; } footer .list .ec .set h3, footer .list .ec .set ul { display: table-cell; vertical-align: top;} footer .list .ec .set h3 { font-size: 14px; border: 0; padding: 0px; position: relative; width: 180px; padding-top: 6px;} footer .list .ec .set h3::after { display: none; } footer .list .ec .set h3 span { display: block; background: url(../img/common/icn-minus01.png) 0 50% no-repeat; background-size: 12px 2px; padding-left: 22px; } footer .list .ec .set h3 + .set-list { display: block; } footer .list .ec .set ul { display: block; font-size: 0; padding: 0; } footer .list .ec .set ul li { display: inline-block; width: 170px!important; padding-right: 30px; font-size: 14px; margin: 4px 0;} footer .list .ec .set ul li:empty { display: none; } footer .list .ec .set ul li a { } footer .inner:nth-of-type(2) ul { padding: 0; width: 70%; display: flex; flex-wrap: wrap; gap: 10px 30px; } footer .inner:nth-of-type(2) ul li { margin-bottom: 0px; font-size: 14px;} footer .inner:nth-of-type(2) ul li a { } footer .copyright { font-size: 14px; padding: 0 0px; text-align: right; margin-top: -19px;} .overlay { bottom: 0px; width:100%; pointer-events: none; } .overlay.has-cart { bottom: 56px; } .overlay .pagetop { width: 54px; height: 54px; top: -140px; } .overlay .pagetop img { width: 54px; cursor: pointer; pointer-events: all;} .overlay .share { text-align: right; padding: 5px 10px 15px 10px; top: -74px; } .overlay .share span { width: 54px; height: 54px; cursor: pointer; pointer-events: all;} .overlay .share span.is-open { } .overlay .share ul { padding: 25px 0px; } .overlay .share ul li { display: inline-block; width: auto; padding: 0; margin: 0 20px; vertical-align: middle; pointer-events: all;} .overlay .share ul li img { max-width: 30px; max-height: 30px; } .overlay .rcmnd { display: none; } .overlay.mask{bottom:56px;} /* sitewidth */ .sitewidth-main { max-width: 1000px; margin-left: auto; margin-right: 0; } .sitewidth-sub { max-width: 400px; margin-left: 0; margin-right: auto; } /* glnv */ .glnv-sp, .glnv-sp-more{ display: none;} /* bg */ .bg { } .bg .inner { padding: 30px 40px 30px 40px; max-width:1320px; margin: 0 auto;} /* .bg .inner.media { padding: 30px 40px 0px 40px;} */ .blog-recent .inner { padding-right: 0;} .bg01 { background: #f0f1f4; } .bg02 { background: #fff; } .bg03 { background: #8996a5; } .bg03.bd-btm-pc { border-bottom: 1px solid #c4cbd2; } .bg01-sp { background: #f0f1f4; } .bg01-pc { background: #f0f1f4; } .bg02-pc { background: #fff; } .bg03-pc { background: #8996a5; } /* title */ .pagetitle.dflt { padding: 90px 10px 55px 10px; text-align: center; background: url(../img/common/bg-pagetitle-pc@2x.png) 50% 50% no-repeat; background-size: cover; } .pagetitle.dflt .hl02 { font-family: sans-serif; font-weight: normal; font-size: 40px; } .pagetitle.dflt .hl02 span { display: inline-block; position: relative; } .pagetitle.dflt .hl02 span::before, .pagetitle.dflt .hl02 span::after{ content: ''; width: 100px; height: 3px; background: #fff; display: block; position: absolute; } .pagetitle.dflt .hl02 span::before { top: 26px; left: -150px; } .pagetitle.dflt .hl02 span::after { top: 26px; right: -150px; } .dflt.warranty_apply .pagetitle.dflt .hl02 span::before, .dflt.warranty_apply .pagetitle.dflt .hl02 span::after { content: ''; } .pagetitle.dflt .hl02 small { font-size: 22px; margin-top: 24px; } .warranty_apply .pagetitle.dflt .hl02 { font-size: 40px!important; } .ttl { text-align: center; padding:40px 0 40px 0; } .ttl .hl01 { font-size: 28px; } .ttl .hl01 span { } .ttl .hl01 span::before, .ttl .hl01 span::after{ width: 40px; height: 3px; } .ttl .hl01 span::before { top: 18px; left: -80px; } .ttl .hl01 span::after { top: 18px; right: -80px; } .ttl .hl01 small { font-size: 14px; margin-top: 18px; } .bg03 .ttl { color: #fff; } .ttl.white-pc { color: #fff; } .ttl.white-pc .hl01 span::before, .ttl.white-pc .hl01 span::after{ background: #fff; } .hl03 { font-size: 28px; } .subtitle { } .subtitle .inner { padding: 20px 15px; max-width: 1030px; margin: 0 auto; } .subtitle h2 { font-size: 18px; } .hl04 { font-size: 20px; margin-bottom: 25px; } .hl05 { font-weight: bold; font-size: 18px; margin-bottom: 20px; } .hl06 { font-weight: bold; font-size: 18px; margin-bottom: 20px; position: relative; } .hl06::after { content: ''; display: block; width: 12px; height: 2px; background: #111; position: absolute; top: 9px; left: -25px;} .hl07 { font-size: 18px; margin-bottom: 40px; } .hl07::before { margin-right: 10px; } /* btn */ .btn.btn01 { max-width: 320px; margin-left: auto; margin-right: auto; } .blog_list .btn.btn01 { max-width: 320px; margin-left: auto; margin-right: auto; } .btn.btn-dl { font-family: sans-serif; font-weight: bold; font-size: 16px; text-align: center; display: block; padding: 10px; border-radius: 5px; border: 1px solid #000; max-width: 320px; margin-left: auto; margin-right: auto; position: relative; text-indent: 35px;} .btn.btn-dl::after { content: ''; display: block; width:24px; height: 24px; background: url(../img/common/icn-dl01.png) 50% 50% no-repeat; background-size: contain; position: absolute; top: 8px; left: 45px; } .toggle-more a { font-size: 16px; } .btn-cart01 { border-radius: 4px; background:#e63555; color:#fff; font-size: 15px; font-weight: bold; border: 0; padding: 8px 8px 8px 30px; width: 100%; position: relative; } .btn-cart01:after { content: ''; display: block; width:24px; height: 20px; background: url(../img/common/icn-cart.png) 0 0 no-repeat; background-size: contain; position: absolute; left: 10px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);left:15px; } .btn-cart01.disabled { } .btn-cart02 { border-radius: 4px; background:#e63555; color:#fff; font-size: 15px; font-weight: bold; border: 0; padding: 8px 8px 8px 30px; width: 100%; position: relative; } .btn-cart02:after { } .btn-cart01.disabled { } .btn-cart-option.disabled { background: #ccc; } .btn-keep01 { border-radius: 4px; background:rgba(255,255,255,0.1); color:#fff; font-size: 13px; font-weight: bold; border: 0; padding: 9.5px; width: 100%; position: relative; text-indent: 10px; } .btn-keep01:after { content: ''; display: block; width:14px; height: 13px; background: url(../img/common/icn-star.png) 0 0 no-repeat; background-size: contain; position: absolute; left: 10px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-keep02 { border-radius: 4px; font-size: 13px; font-weight: bold; border: 1px solid #999999; padding: 9.5px; width: 100%; position: relative; text-indent: 10px; } .btn-keep02:after { content: ''; display: block; width:14px; height: 13px; background: url(../img/common/icn-star2.png) 0 0 no-repeat; background-size: contain; position: absolute; left: 10px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn.btn08 { width: auto; padding-left: 60px; padding-right: 60px; display: inline-block;} .select-product.kishu{max-width:200px;} /* component */ .brands { font-size: 0; } .brands .brand { display: inline-block; width: 49.3%; margin: 0 1.4% 1.4% 0; text-align: left; vertical-align: top;} .brands .brand:nth-of-type(2n) { margin-right: 0; } .brands .brand:last-of-type { margin-right: 0;} .brands .brand a { display: block; color: #fff; } .brands .brand a .imgtxt { position: relative;} .brands .brand a .imgtxt .txt { padding: 2vw; opacity: 0; color: #fff; opacity: 1; position: relative; } .brands .brand a .imgtxt .txt::after { content: ''; display: block; background:rgba(46,51,59,0); position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .brands .brand a .imgtxt .txt p { display: block; line-height: 1.8; font-size: 1vw; -webkit-transition: all 0.5s; transition: all 0.5s; } .brands .brand a .imgtxt:hover .txt p { opacity: 1; position: relative; z-index: 2;} .brands .brand a .imgtxt:hover .txt::after { opacity: 1; background:rgba(46,51,59,0.7); } .brands .brand a .imgtxt::after { content: ''; display: block; background:url(../img/common/arw-r03.png) 0 0 no-repeat; background-size: contain; width: 38px; height: 7px; position: absolute; right: 30px; bottom: 30px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0;} .brands .brand a .imgtxt:hover::after { opacity: 1; } .cards { font-size: 0; } .cards-a .card { width: 31%; display: inline-block; vertical-align: top; background: #fff; margin: 0 2.3% 2.3% 0; } .cards-a .card:nth-of-type(2n) { margin-right: 2.3%;} .cards-a .card:nth-of-type(3n) { margin-right: 0;} .cards-a a { display: block; } .cards-a .card .imgtxt .txt { padding: 30px 30px 45px 30px; } .cards-a .card .imgtxt .txt .brand { font-size: 14px; margin-bottom: 10px; } .cards-a .card .imgtxt .txt .name { font-size: 1.2vw; color: #0145a7; line-height: 1.6; min-height: 60px; margin-bottom: 10px; } .cards-a .card .imgtxt .txt .descript { font-size: 13px; } .cards-a .card .imgtxt .txt .price { font-size: 18px; right: 32px; bottom: 20px; width: auto; padding: 0; } .cards-a .card .imgtxt .txt .price small { font-size: 12px; } .cards-a .card .action ul li a { padding: 11px 0; font-size: 15px; text-indent: 0; } .cards-a .card .action ul li.remove { width: 90px; } .cards-a .card .action ul li.remove a { background: #43484f url(../img/common/icn-trash.png) 10px 50% no-repeat; background-size: 19px 22px; width: 90px; height: auto; text-indent: 18px; text-align: center; } .cards-a .card .action ul li.add-cart { width: calc(100% - 98px); } .cards-a .card .action ul li.add-cart a { background: #e63555 url(../img/common/icn-cart.png) 10px 50% no-repeat; text-indent: 18px; } .cards-b .card { width: 31.8%; display: inline-block; vertical-align: top; background: #fff; margin: 0 2.3% 2.3% 0; } .cards-b .card:nth-of-type(2n) { margin-right: 2.3%;} .cards-b .card:nth-of-type(3n) { margin-right: 0;} .cards-b .card:nth-of-type(4), .cards-b .card:nth-of-type(5) { display: inline-block; width: 48.7%; margin: 0 2.6% 0 0; } .cards-b .card:nth-of-type(5) { margin-right: 0;} .cards-b a { display: block; } .cards-b .card .imgtxt { position: relative; } .cards-b .card .imgtxt .img img { width: 100%; height: auto;} .cards-b .card .imgtxt .txt { padding: 30px; background:rgba(46,51,59,0); color: #fff; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .cards-b .card .imgtxt:hover .txt { opacity: 1; background:rgba(46,51,59,0.7); } .cards-b .card .imgtxt:hover .txt::after { content: ''; display: block; background:url(../img/common/arw-r03.png) 0 0 no-repeat; background-size: contain; width: 38px; height: 7px; position: absolute; right: 30px; bottom: 30px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .cards-b .card .imgtxt:hover .txt::after { opacity: 1; } .cards-b .card .imgtxt .txt .name { font-size: 18px; margin-bottom: 18px; } .cards-b .card .imgtxt .txt .descript { font-size: 14px; } .cards-c { width: calc(100% + 20px); margin-left: -10px; } .cards-c .card { width: 172px; } .cards-c .card a { display: block; } .cards-c .card a .imgtxt .img img { width: 100%; height: auto; } .cards-c .card a .imgtxt .txt { padding: 15px; } .cards-c .card a .imgtxt .txt .name { font-size: 15px; color: #0145a7; line-height: 1.6; } .cards-d .card { margin-bottom: 35px; } .cards-d .card:last-of-type { margin-bottom: 0;} .cards-d .card a { display: block; } .cards-d .card a .imgtxt { display: block; } .cards-d .card a .imgtxt .img, .cards-d .card a .imgtxt .txt { display: block; } .cards-d .card a .imgtxt .img { width: auto; position: relative; margin-bottom: 10px; } .cards-d .card a .imgtxt .txt { padding-left: 0px; } .cards-d .card a .imgtxt .txt .name { font-size: 18px; } .cards-d .card a .imgtxt .txt .date-label { margin-bottom: 10px; } .cards-d .card a .imgtxt .txt .date-label .date { font-size: 16px; margin-bottom: 8px;} .cards-d .card a .imgtxt .txt .author { width: 60px; height: auto; position: absolute; top: -37px; right: 8px; display: block;} .cards-d .card a .imgtxt .txt .author img { width: 100%; height: auto; border-radius: 50%; } .cards-d.numbered .card a .imgtxt .txt { padding-left: 30px; } .cards-d.numbered .card:nth-of-type(n+10) a .imgtxt .txt { padding-left: 45px; } .cards-d.numbered .card a .imgtxt .txt::before { font-size: 27px; left: 0; top: 16px; } .cards-d.numbered .card:nth-of-type(n+10) a .imgtxt .txt::before { left: 0; } .cards-e .card { margin-bottom: 35px; } .cards-e .card a { display: block; } .cards-e .card a .imgtxt { display: block; } .cards-e .card a .imgtxt .img, .cards-e .card a .imgtxt .txt { display: block; } .cards-e .card a .imgtxt .img { width: auto; position: relative; margin-bottom: 10px; } .cards-e .card a .imgtxt .txt { color: #fff; padding-left: 0px; background: none; } .cards-e .card a .imgtxt .txt .name { font-size: 18px; color: #fff; } .cards-f .card { width: 100%; display:block; background: #f8f9fa; margin: 0 0 3px 0 ; } .cards-f .card:nth-of-type(2n) { background: #fff;} .cards-f .card:nth-of-type(n+5) { display: block; } .cards-f .card:nth-of-type(n+6) { display: none; } .cards-f .card a { display: block; height: 110px; overflow: hidden; } .cards-f .card a .imgtxt { display: table; width: 100%;} .cards-f .card a .imgtxt .img, .cards-f .card a .imgtxt .txt { display: table-cell; vertical-align: top; } .cards-f .card a .imgtxt .img { margin-bottom: 0px; width: 160px; } .cards-f .card a .imgtxt .img img { width: 100%; height: auto;} .cards-f .card a .imgtxt .txt { position: relative; padding: 1vw 1vw 0 1vw; vertical-align: top;} .cards-f .card a .imgtxt .txt .date-label span { display: inline-block;} .cards-f .card a .imgtxt .txt .date-label .date { font-size: 14px; margin: 0px; display: inline-block; margin-right: 25px;} .cards-f .card a .imgtxt .txt .date-label .label { font-size: min(1.4vw, 14px); margin: 0px; display: inline-block;} .cards-f .card a .imgtxt .txt .name { color: #0045a6; font-size: 1.2vw; line-height: 1.6; padding-right:6vw;} .cards-f .card a .imgtxt .txt .author { width: 4vw; height: auto; position:absolute; top:50%; right: 2vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cards-g .card { margin-bottom: 20px; } .cards-g .card a { display: block; } .cards-g .card .imgtxt { display: table; width: 100%;} .cards-g .card .imgtxt .logo, .cards-g .card .imgtxt .img, .cards-g .card .imgtxt .txt { display: table-cell; vertical-align: middle; } .cards-g .card .imgtxt .logo { text-align: center; height: auto; position: relative; width: 248px; } .cards-g .card .imgtxt .logo h2 { position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .cards-g .card .imgtxt .logo.simplism h2 img { height: auto; max-width: 100%; } .cards-g .card .imgtxt .logo.weara h2 img { height: auto; max-width: 100%; } .cards-g .card .imgtxt .logo.nuans h2 img { height: 54px; } .cards-g .card .imgtxt .logo.bluelounge h2 img { height: auto; max-width: 100%; } .cards-g .card .imgtxt .logo.catalyst h2 img { height: auto; max-width: 100%; } .cards-g .card .imgtxt .img { height: 330px; } .cards-g .card .imgtxt .txt { padding:30px; background: #fff; width: 40%; } .cards-g .card .imgtxt .txt p { font-size: 16px; } .cards-g .card .imgtxt .txt .more { margin-top: 90px; } .cards-h a { display: block; } .cards-h .card { margin-bottom: 0px; } .cards-h .card a .imgtxt .img { width: 233px; position: relative; } .cards-h .card a .imgtxt .txt { color: #fff; padding:0 30px; } .cards-h .card a .imgtxt .txt .name { font-size: 18px; } .cards-i { font-size: 0; } .cards-i .card { width: 24%; display: inline-block; vertical-align: top; background: #fff; margin: 0 1% 2.3% 0; } .brand_top .media .cards-i .card { width: 24%; } .cards-i .card:nth-of-type(2n) { margin-right: 1%;} .cards-i .card:nth-of-type(4n) { margin-right: 0;} .brand_top .media .cards-i .card:nth-of-type(3n) { margin-right: 1%;} .cards-i .card a { display: block; } .cards-i .card a .imgtxt .img { position: relative; } .cards-i .card a .imgtxt .txt { background: #f0f1f4; padding: 25px 35px; } .cards-i .card a .imgtxt .txt .date { font-size: 16px; } .cards-i .card a .imgtxt .txt h3 { font-size: 16px; } .cards-i .card a .imgtxt .medianame { padding: 10px 20px; } .cards-i .card a .imgtxt .medianame p {font-size: 14px; } .cards-j .card { margin-bottom: 60px; } .cards-j .card .imgtxt .img::after { content: ''; display: block; position: absolute;; bottom: 0; left: 0; width: 100%; height: 180px; background-image: linear-gradient(-180deg, rgba(242,249,250,0.00) 0%, #333 100%); } .cards-j .card .imgtxt .img .entry-head { left: 0; bottom: 40px; padding: 0 35px; text-align: justify;} .cards-j .card .imgtxt .img .date { font-size: 20px; } .cards-j .card .imgtxt .img h2 { font-size: 32px; margin-bottom: 20px; } .cards-j .card .imgtxt .img .thumb img { min-height: 300px; } .cards-j .card .imgtxt .txt { position: relative; padding: 15px 0; } .cards-j .card .imgtxt .txt .cells { display: table; width: 100%; } .cards-j .card .imgtxt .txt .cells .cell { display: table-cell;; vertical-align: top; } .cards-j .card .imgtxt .txt .category { font-size: 16px; } .cards-j .card .imgtxt .txt .author { font-size: 16px; text-align: right; padding-right: 110px; width: 40%; } .cards-j .card .imgtxt .txt .authorimg { position: absolute; top: -30px; right: 30px; } .cards-j .card .imgtxt .txt .authorimg img { width: 60px; } .cards-j .card .imgtxt .txt .excerpt { font-size: 20px; margin: 15px 5% 0 5%; margin-bottom: 40px; } .blog_list .cards-j .card .imgtxt .txt .excerpt { margin: 15px 50px 0 50px; } .cards-k { font-size: 0; margin-bottom: 20px; } .cards-k .card { width: 31.8%; display: inline-block; vertical-align: top; background: #fff; margin: 0 2.3% 2.3% 0; } .cards-k .card:nth-of-type(3n) { margin-right: 0; } .cards-k .card a { display: block; } .cards-k .card .imgtxt { display: block; } .cards-k .card .imgtxt .img, .cards-k .card .imgtxt .txt { display: block; } .cards-k .card .imgtxt .img { width: 100%; } .cards-k .card .imgtxt .img .thumb img { width: 100%; height: auto; } .cards-k .card .imgtxt .txt { padding: 30px; position: relative; width: 100%; } .cards-k .card .imgtxt .txt .date-label .date { font-size: 16px; margin-bottom: 15px; display: block; } .cards-k .card .imgtxt .txt .date-label .label { display: block; font-size: 14px; margin-bottom: 15px; } .cards-k .card .imgtxt .txt .name { font-size: 16px; margin-bottom: 15px; } .cards-k .card .imgtxt .txt .author { display: block; position: absolute;; top: -30px; right: 20px; } .cards-k .card .imgtxt .txt .author img { border-radius: 50%; } .cards-k .card .imgtxt .txt .excerpt { display: block; font-size: 16px; } .cards-l .card { margin-bottom: 20px; } .cards-l .card a { display: block; } .cards-l .card .imgtxt { display: table; width:100%; } .cards-l .card .imgtxt .img { width: 31.5%; } .cards-l .card .imgtxt .txt { padding-left: 20px; } .cards-l .card .imgtxt .txt h3 { font-size: 16px; } .cards-m .card .imgtxt .txt { padding: 20px 30px; } .cards-m .card.product_in_blog .imgtxt .txt { padding: 20px 30px; } .cards-m .card .imgtxt .txt .brand { font-size: 14px; margin-bottom: 10px; } .cards-m .card .imgtxt .txt .name { font-size: 18px; color: #0145a7; line-height: 1.6; min-height: 60px; margin-bottom: 10px; } .cards-m .card.product_in_blog .imgtxt .txt .name { min-height: 0; } .cards-m .card .imgtxt .txt .descript { font-size: 13px; } .cards-m .card .imgtxt .txt .price { font-size: 18px; } .cards-m .card .imgtxt .txt .price small { font-size: 12px; } .cards-m .card .imgtxt .txt .price button { display: inline-block; width: 200px; margin-left: 20px;} .cards-n .card .imgtxt { display: table; width: 100%; } .cards-n .card .imgtxt .img, .cards-n .card .imgtxt .txt { display: table-cell; } .cards-n .card .imgtxt .img { width: 240px; } .cards-n .card .imgtxt .img img { width: 100%; } .cards-n .card .imgtxt .txt { padding: 28px 23px; vertical-align: top; position: relative; } .cards-n .card .imgtxt .txt .name { font-size: 16px; margin-bottom: 0px; } .cards-n .card .imgtxt .txt p span.btn { position: absolute; bottom: 23px; width: calc(100% - 43px);} .cards-n .card .imgtxt .txt p span.btn span { display: inline; } .pressimg .cards-n .card .imgtxt .txt p span.btn { margin-top:10px;position: relative;width:90%;bottom:0;} .cards.cards-o { font-size: 0; } .cards.cards-o .card { display: inline-block; vertical-align: top; width: 49%; margin: 0 2% 0 0; } .cards.cards-o .card:nth-of-type(2) { margin-right: 0;} .cards.cards-o a { display: block; color: #fff; } .cards.cards-o .imgtxt { display: table; width: 100%;} .cards.cards-o .img, .cards.cards-o .txt { display: table-cell; vertical-align: top; } .cards.cards-o .img { width: 45%; min-width: 200px; } .cards.cards-o .img img { width: 100%; height: auto; } .cards.cards-o .txt { padding-left: 20px; position: relative; } .cards.cards-o .txt .name { font-size: 14px; line-height: 1.6; } .cards.cards-o .txt .author { font-size: 14px; position: absolute; bottom: 0; left: 20px} .cards.cards-o .txt .author img { border-radius: 50%; width: 60px; margin-right: 5px; vertical-align: bottom;} .cards.cards-p .card { display: inline-block; vertical-align: top; width: 49%; margin: 0 2% 2% 0; } .cards.cards-p .card:nth-of-type(2n) { margin-right: 0;} .cards.cards-p a { display: block; color: #fff; } .cards.cards-p .imgtxt { display: table; width: 100%;} .cards.cards-p .img, .cards.cards-p .txt { display: table-cell; vertical-align: top; } .cards.cards-p .img { width: 45%; min-width: 200px; } .cards.cards-p .img img { width: 100%; height: auto; } .cards.cards-p .txt { padding-left: 20px; position: relative; } .cards.cards-p .txt .name { font-size: 16px; line-height: 1.6; } .cards.cards-q .card { width: 100%; display:block; background: #f8f9fa; margin: 0 0 3px 0 ; } .cards.cards-q .card:nth-of-type(2n) { background: #fff;} .cards.cards-q .card:nth-of-type(n+6) { display: block; } .cards.cards-q .card a { display: block; height: 110px; overflow: hidden; } .cards.cards-q .card a .imgtxt { display: table; width: 100%;} .cards.cards-q .card a .imgtxt .img, .cards.cards-q .card a .imgtxt .txt { display: table-cell; vertical-align: top; } .cards.cards-q .card a .imgtxt .img { margin-bottom: 0px; width: 160px; } .cards.cards-q .card a .imgtxt .img img { width: 100%; height: auto;} .cards.cards-q .card a .imgtxt .txt { position: relative; padding: 1vw 1vw 0 1vw; } .cards.cards-q .card a .imgtxt .txt .date-label span { display: inline-block;} .cards.cards-q .card a .imgtxt .txt .date-label .date { font-size: 14px; margin: 0px; display: inline-block; margin-right: 25px;} .cards.cards-q .card a .imgtxt .txt .date-label .label { font-size: min(1.4vw, 14px); margin: 0px; display: inline-block;} .cards.cards-q .card a .imgtxt .txt .name { color: #0045a6; font-size: 1.2vw; line-height: 1.6; } .list-ni { font-size: 0; } .list-ni li { display: inline-block; width: 49.3%; margin: 0 1.4% 1.4% 0; } .list-ni li:nth-of-type(2n) { margin-right: 0;} .list-ni li a img { width: 100%; height: auto; } .list-banner { font-size: 0; } .list-banner li { width: 100%; display: block; background: none; margin: 0 0 35px 0; } .list-banner li:last-of-type { margin-bottom: 0;} .list-banner li a img { width: 100%; height: auto; } .news-acco-dt { font-size: 18px; padding: 15px 50px; cursor: pointer; } .news-acco-dt::after { width: 13px; height: 13px; right: 70px; } .list-news { margin: 0; } .list-news div:nth-of-type(n+6) { display: block; } .list-news div a { padding: 20px; } .list-news-img { width: 170px; } .list-news-txt { padding-left: 20px; width: calc(100% - 170px); } .list-news dt { margin-bottom: 15px; } .list-news dt .date { font-size: 16px; } .list-news dt .label { font-size: 13px; margin-left: 28px; } .list-news dd { font-size: 16px; } .list-tag li { font-size: 13px; } .list-model li { font-size: 13px;} .list-category li { font-size: 13px; } .list-month { font-size: 0; } .list-month > li { display: block;; width: 100%; border-right:0; border-bottom:1px solid #cecfd1; } .list-month > li:last-of-type { border-bottom: 0;} .list-month > li span { font-size: 16px; } .list-month li ul { display: flex; flex-wrap: wrap; position: relative; margin-bottom: -1px; } .list-month li ul { display: none; } .list-month li ul.is-show { display: flex; flex-wrap: wrap; } .list-month li ul li { flex-basis: 50%; } .list-month li ul li a:hover { opacity: 0.8; } .list-staff { padding: 0 10px; } .list-staff li { display: inline-block;; width: 50%; vertical-align: top ; margin-bottom: 20px; text-align: center; } .list-staff li .imgtxt { display: block; } .list-staff li .imgtxt .img, .list-staff li .imgtxt .txt { display: block; } .list-staff li .imgtxt .img { width: 60px; margin:0 auto; margin-bottom: 12px; } .list-staff li .imgtxt .txt { padding-left: 0px;} .list-staff li .position { font-size: 13px; margin-bottom: 5px; } .list-staff li .name { font-size: 18px; } .list-step dt { width: 80px; font-size: 22px;} .list-step dd { overflow: hidden; margin-bottom: 40px; padding-left: 20px; padding-top: 4px; } .list-type-a { font-size: 0; } .list-type-a li { display: block;; width: 100%; border-right:0; border-bottom:1px solid #cecfd1; } .list-type-a li:last-of-type { border-bottom: 0;} .list-type-a li span { font-size: 16px; } .list-type-a li ul { display: none; } .comments .comment { padding:15px 20px; border-right:0; border-bottom:1px solid #cecfd1; } .comments .comment:last-of-type { border-bottom: 0; } .comments .comment a .txt { font-size: 16px; } .comments .comment a .entry { font-size: 16px; } .col02-pc { font-size: 0; } .col02-pc .card { display: inline-block; vertical-align: top; width: 49.1%; margin: 0 1.8% 1.8% 0; } .col02-pc .card:nth-of-type(2n) { margin-right: 0; } .col04-pc { font-size: 0; } .col04-pc .card { display: inline-block; vertical-align: top; width: 23.8%; margin: 1.6% 1.6% 0 0; } .col04-pc .card:nth-of-type(2n), .col04-pc .card:nth-of-type(3n) { margin-right: 1.6%; } .col04-pc .card:nth-of-type(4n) { margin-right: 0; } .col05-pc { font-size: 0; } .col05-pc .card { display: inline-block; vertical-align: top; width: 18.7%; margin: 0 1.62% 1.62% 0; } .col05-pc .card:nth-of-type(5n) { margin-right: 0; } /* cart - fixed */ .cart-footer { bottom:0px; /* -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; */ -webkit-transition: all 0.5s; transition: all 0.5s; } .cart-footer.is-show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .cart-footer .cell { padding: 8px 5px; } .cart-footer .name { display: flex; padding: 3px 24px; font-size: 1.5vw; font-family: sans-serif; align-items: center;} .cart-footer .price { text-align: right; font-family: sans-serif; width:auto; } .cart-footer .price span { display: inline-block; } .cart-footer .price .yen { font-size: 2.5vw; } .cart-footer .price .yen small { font-size: 1vw; } .cart-footer .price .point { font-size: 16px; } .cart-footer .price .point small { font-size: 12px; } .cart-footer .option { cursor: pointer; } .cart-footer .cart-keep { width: 290px; font-size: 0;} .cart-footer .cart-keep p { display: inline-block; vertical-align: top; } .cart-footer .btn-keep01 { width: auto; padding-left: 22px; cursor: pointer; } .cart-footer .btn-keep01:after { left: 10px; } .cart-footer .btn-cart01 { width: auto; padding-left: 22px; width: 200px; margin-left: 5px; cursor: pointer; } .modal-option { background: rgba(0,0,0,0.8); } .modal-option .inner { width: 100%; max-width: 800px; max-height: 80vh; padding: 50px; background: #f0f1f4; position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .modal-option .selected { display: block; width: 260px; float: left; margin-right: 10px; } .modal-option .selected img { width: 100%; height: auto; } .modal-option .thisitem { padding: 20px; } .modal-option .thisitem .name { font-size: 20px; margin-bottom:0; } .modal-option .thisitem .price { margin-top: 15px; } .modal-option .thisitem .price .yen { font-size: 28px; } .modal-option .action { margin-top: 20px; } .modal-option .action button { width: 100%; cursor: pointer; } .modal-option .options { width: calc(100% - 300px); float: right; } .modal-option .cart_area { padding: 0 10px; margin-bottom: 0;} .modal-option .cart_area label { cursor: pointer; } .modal-option .cart_area label > div { padding: 10px 5px; } .modal-option .cart_area .product_id { display: none; } .modal-option .cart_area .product_image { display: none; } .modal-option .cart_area .product_color { width: 30px; padding-left: 10px; } .modal-option .cart_area .product_name_stock { position: relative; } .modal-option .cart_area .product_name, .modal-option .cart_area .product_stock { display: inline-block;} .modal-option .cart_area .product_stock { font-size: 14px; margin-top: 0px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; padding-right: 25px;} .modal-option .cart_area .product_label { width: 40px;} .modal-option .cart_area .product_label label.dflt { text-indent: -9999px; } .modal-option .cart_area .product_label label.dflt input[type="radio"] + i.radio { } .modal-option .added { text-align: center; clear: both;} .modal-option .added > p { font-size: 14px; margin-bottom: 20px; } .modal-option .added .thumb { width: 240px; margin: 0 auto 25px auto; } .modal-option .added .thumb img { width: 100%; } .modal-option .added .btns ul { font-size: 0;} .modal-option .added .btns ul li { display: inline-block; width: 142px; font-size: 14px; margin: 0 5px; } .productDetailTable th, .productDetailTable td { padding: 15px; font-size: 14px; } .productDetailTable th{ max-width:160px; } .tab-menu-search { display: flex; justify-content: center; margin: 0 auto;} .tab-menu-search li { flex-basis: 195px; border-right: 1px solid #727a87; } .tab-menu-search li:first-of-type { border-right: 1px solid #727a87; } .tab-menu-search li:last-of-type { border-right: 1px solid #727a87; } .tab-menu-search li a { font-size: 16px; padding: 12px 0; } .tab-menu-search li a small { font-size: 13px; } /* top **************************************************************************************************************************/ .kv .kv-main .slick-list { overflow: visible; } .kv .slick-prev, .kv .slick-next { width: 80px; height: 20px; } .kv .slick-prev { left: 50%; margin-left: -130px; } .kv .slick-next {right: 50%; margin-right: -130px; } .kv ul { max-width: 950px; margin: 0 auto;} .kv .kv-thumb-inner { max-width: 850px; margin: 0 auto; overflow: hidden; } .kv .sub { width: 270px; } .banner { padding: 10px 10px 30px 10px; text-align: center; } .banner ul { max-width: 950px; margin: 0 auto;} .items .btn { margin-top: 15px;} .news .btn { margin-top: 30px;} .blog .btn { margin-top: 30px;} .cols-items-ranking { display: flex; width: 100%; margin:0 auto; } .cols-items-ranking .items, .cols-items-ranking .ranking { display: table-cell; vertical-align: top;} .cols-items-ranking .items { width: 75%; } .cols-items-ranking .ranking { width: 25%; } .cols-news-blog { display: table; width: 100%; } .cols-news-blog .news, .cols-news-blog .blog { display: table-cell; vertical-align: top; width: 50%; } .cols-news-blog .news { border-right: 1px solid #e7eaed; } .home .cards-b .card:nth-of-type(n+5) { display: inline-block; } /* brand detail **************************************************************************************************************************/ .mainimg-brand { height: 720px; position: relative; } .mainimg-brand .imgtxt { display: block; width: 610px; position:absolute; top:50%; left: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nuans .mainimg-brand .imgtxt { right: 40px; left: auto; } .mainimg-brand .imgtxt .img .logo { height: 160px; } .mainimg-brand .imgtxt .img .thumb { display:none;} .mainimg-brand .imgtxt .txt { padding: 60px 40px; } .mainimg-brand .imgtxt .txt p { margin-bottom: 30px; font-size: 15px; } .mainimg-brand .imgtxt .txt p:last-of-type {margin-bottom: 0;} .simplism .mainimg-brand .img .logo h1 img { height: 50px; } .simplism .mainimg-brand .imgtxt .txt { background:rgba(255,255,255,0.9); } .nuans .mainimg-brand .img .logo h1 img { height: 72px; } .nuans .mainimg-brand .imgtxt .txt { background:rgba(255,255,255,0.9); } .bluelounge .mainimg-brand .img .logo h1 img { height: 29px; } .bluelounge .mainimg-brand .imgtxt .txt { background:rgba(255,255,255,0.9); } .catalyst .mainimg-brand .img .logo h1 img { height: 50px; } .catalyst .mainimg-brand .imgtxt .txt { background:rgba(255,255,255,0.9); } .amulet .mainimg-brand .imgtxt .img .logo { height: 140px; } .amulet .mainimg-brand .img .logo h1 img { height: 80px; } .amulet .mainimg-brand .imgtxt .txt { background:rgba(255,255,255,0.9); } .brand-banner { padding: 60px 40px; text-align: center; } .brand-banner ul { max-width:1240px; margin: 0 auto;font-size: 0; } .brand-banner ul li a img { width: 100%; height: auto; } .brand-banner.banner01 { padding: 60px 40px; text-align: center; } .brand-banner.banner01 li { display: inline-block; width: 49.1%; margin: 0 1.8% 0 0; } .brand-banner.banner01 li:nth-of-type(2n) { margin-right: 0; } .brand-banner.banner02 { padding: 60px 40px; } .brand-banner.banner02 li { margin-bottom: 10px; text-align: center; } .brand-banner.banner02 li:last-of-type { margin-bottom: 0; } .brand-banner.banner02 li img { max-width: 950px; } .brand-banner.banner03 { padding: 60px 40px; text-align: center; } .brand-banner.banner03 li { display: inline-block; width: 49.1%; margin: 0 1.8% 1.8% 0; } .brand-banner.banner03 li:nth-of-type(2n) { margin-right: 0; } .brand-banner .col02 li { display: inline-block; width: 49.1%; margin: 0 1.8% 1.8% 0; } .brand-banner .col02 li:nth-of-type(2n) { margin-right: 0; } .brand-banner .col01 li { margin-bottom: 1.8%; } .brand-banner .col01 li:last-of-type { margin-bottom: 0;} .brand-banner .col01 li img { max-width: 950px;} .col-brandinfo-moreinfo { display: table; width: 100%; } .col-brandinfo-moreinfo .brandinfo, .col-brandinfo-moreinfo .moreinfo { display: table-cell; vertical-align: top;} .col-brandinfo-moreinfo .brandinfo { width: 75%; } .col-brandinfo-moreinfo .moreinfo { width: 25%; min-width: 320px; } .col-brandinfo-moreinfo .moreinfo .list-tag { max-width: 240px; margin: 0 auto; } .newitem { padding: 15px 40px 40px 40px; } .newitem .btn { margin-top: 20px; } .designer { padding: 15px 40px 40px 40px; } .designer .cells {display: flex; justify-content: center; align-items: center; } .designer .cells .cell { text-align: center; } .designer .cells .cell.position { order: 1; text-align: right; } .designer .cells .cell.name { order: 3; } .designer .cells .cell.photo { order: 2; margin: 0 40px; } .designer .cells .cell.position p { font-size: 16px; line-height: 1.8; } .designer .cells .cell h3 { margin-top: 0px; font-size: 24px; } .designer .cells .cell img { width: 240px; height: auto; margin-top: 0px; } .designer .descript { text-align: justify; font-size: 16px; width: 90%; margin:20px auto; } .media { padding: 15px 40px 40px 40px; } main.item .media { padding: 15px 0px 40px 0px; } .media .cards-i .card:nth-of-type(n+3) { display: inline-block; } .media .btn { margin-top: 10px; } .search-device { padding: 15px 40px 40px 40px; } .search-device-grid { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; } /* item detail **************************************************************************************************************************/ .cols-main-sub { display: flex; max-width: 1240px; margin: 0 auto; } .cols-main-sub > .main, .cols-main-sub > .main { width: 75%; } .cols-main-sub > .sub { width: 25%; background:#8996a5; } .item .lv01 { padding: 0px; } .item .summary { padding-bottom: 0px; } .list-summary { margin-bottom: 25px; } .list-summary li { line-height: 1.6; font-size: 16px; margin-bottom: 10px; background: url(../img/common/blt02.png) 0 8px no-repeat; background-size: 13px 6px; padding-left: 25px; } .item .imgs-gallery { width: 100%; margin-left:0px; margin-bottom: 30px; } .item .imgs-gallery .main { margin-bottom: 10px; } .item .imgs-gallery .sub { width: 100%; background: none; padding: 0; } .item .imgs-gallery .sub li { flex-basis: 11.4%; margin: 0 1.25% 1.25% 0; } .item .imgs-gallery .sub li:nth-of-type(5n) { margin-right: 1.25%; } .item .imgs-gallery .sub li:nth-of-type(8n) { margin-right: 0; } .item .download { display: block; } .item .variation { font-size: 16px; } .item h3 { font-size: 18px; margin-bottom: 25px; } .item .set { margin-bottom: 30px; } .item .set .imgtxt .img { width: 100%; margin-left:0px; margin-bottom: 10px; } .item .set .imgtxt .img p img { width:100%; } .item .set .imgtxt .img p .caption { padding:15px 0; font-size: 14px; } .item .set .imgtxt .txt p { margin-bottom: 15px; font-size: 16px; } .item .point { margin-bottom: 40px; } .item .point:last-of-type { margin-bottom: 0; } .item .point .imgtxt { display: table; width:100%; margin-bottom: 0px; } .item .point .imgtxt .img, .item .point .imgtxt .txt { display: table-cell; vertical-align: top; } .item .point .imgtxt .img { width:134px;} .item .point .imgtxt .img p img { width:100%; } .item .point .imgtxt .txt { padding-left: 15px; } .item .point .imgtxt .txt p { margin-bottom: 15px; font-size: 16px; } .item .iteminfo { position: relative; margin-bottom: 0px; } .item .iteminfo .retrieve { padding: 0 23px; } .item .iteminfo .productDetailSection { font-size: 16px; } .item .iteminfo .productDetailList{ padding:14px 20px 24px} .item .iteminfo .productDetailList li{ font-size: 14px; } .item .iteminfo .productDetailSection p{ font-size: 20px; line-height: 1.8; } .item .iteminfo .productDetailSection .productDetailPic .caption{ font-size:13px; } .item .iteminfo .productDetail2column > div:nth-of-type(2) { padding-left: 40px; } .item .iteminfo .toggle-more { display: none; } .item .faq { padding-bottom: 0px; } .item .faq .set { margin-bottom: 30px; padding:0 25px; } .item .faq .set:first-of-type { border-top: 1px solid #000; padding-top: 50px; } .item .faq .set h3 { font-size: 18px; position:relative; padding-left: 32px; line-height: 1.4; margin-bottom: 10px; } .item .faq .set h3::before { font-size: 32px; top: -12px; left: 0; } .item .faq .set p { font-size: 16px; line-height: 1.8; padding-left: 32px; } .item .faq .set p::before { font-size: 32px; top: -12px; left: 1px; } .item .faq .toggle-more { margin-top: 50px; margin-bottom: 40px; } .item .relate-blog { padding-bottom: 0px; border:0; } .item .relate-blog .btn { margin-top: 35px; } .item .relate-item { background:#f8f9fa; padding-bottom: 0px; } .item .recent { background:#f8f9fa; padding-bottom: 0px; } .item .tagcloud { background:#8996a5; padding-bottom: 0px; border-bottom:1px solid #c4cbd2; } .item .tagcloud .ttl { color: #fff; } .item .tagcloud .ttl .hl03 { border-left-color: #fff; } .item .item-baseinfo .brand { height: 140px; } .item .item-baseinfo .txt { padding: 11%; } .item .item-baseinfo .txt h1 { font-size: 1.9rem; margin-bottom: 20px; } .item .item-baseinfo .txt .descript { font-size: 1.2rem; margin-bottom: 20px; } .item .item-baseinfo .txt .price { margin-bottom: 0px; font-size: 36px; font-family: sans-serif; font-weight: bold; } .item .item-baseinfo .txt .price small { font-size: 14px; } .item .item-baseinfo .txt .wrap_price_area{margin-bottom:35px;} .item .item-baseinfo .txt .points { margin-bottom: 5px; font-family: sans-serif; font-weight: bold; font-size: 16px; } .item .item-baseinfo .txt .cart_area { margin-bottom: 20px; } .item .item-baseinfo .txt .cart_area .product_id { display: none; } .item .item-baseinfo .txt .cart_area .product_stock { font-size: 16px; } .item .item-baseinfo .txt .option { margin-bottom: 15px; display: table; width: 100%; border-radius: 6px; overflow: hidden; cursor: pointer; } .item .item-baseinfo .txt .option .pulldown, .item .item-baseinfo .txt .option .selected { display: table-cell; vertical-align: middle; } .item .item-baseinfo .txt .option .pulldown { padding:10px; background:#777777; background-size: 5px 8px; border-radius: 100px; font-size:14px; position:relative; height: 35px; } .item .item-baseinfo .txt .option .selected { background: rgba(255,255,255,0.1); padding: 7px; width: 46px; position: relative; } .item .item-baseinfo .txt .option .selected::after { width: 1px; height: 100%; content: ''; display: block; background:rgba(255,255,255,0.3); ; position: absolute; top: 0; left: 0;} .item .item-baseinfo .txt .option .selected span { display: block; width: 30px; height: 30px; border: 1px solid #fff; } .item .item-baseinfo .txt .cart-keep { margin-bottom: 15px; } .item .item-baseinfo .txt .cart-keep .cells { display: table; width: 100%; } .item .item-baseinfo .txt .cart-keep .cells .cell { display: table-cell;; vertical-align: top; } .item .item-baseinfo .txt .cart-keep .cells .cell button { cursor: pointer; } .item .item-baseinfo .txt .contact a { width: 100%; } .item .item-baseinfo .txt list-notice { font-size: 13px; line-height: 1.5; margin-bottom: 30px; } .item .item-baseinfo .txt .share { display: table; width: 100%; } .item .item-baseinfo .txt .share p, .item .item-baseinfo .txt .share ul { display: table-cell; vertical-align: middle; } .item .item-baseinfo .txt .share p {font-family: sans-serif; font-weight: bold; font-size: 14px; width:60px;} .item .item-baseinfo .txt .share ul { text-align: right; } .item .item-baseinfo .txt .share ul li { display: inline-block; margin: 0 5px; } .item .item-baseinfo .tag { padding: 40px; } .item .item-baseinfo .tag h2 { font-size: 18px; margin-bottom: 20px; } .item .item-baseinfo .spec { padding: 40px; } .item .item-baseinfo .spec h2 {font-size: 18px; margin-bottom: 20px; } .item .item-baseinfo .spec dl { font-size: 16px; } .item .item-baseinfo .spec dl dt { margin-bottom: 15px; margin-top: 25px; background: url(../img/common/icn-minus01.png)0 8px no-repeat; background-size: 12px 2px; padding-left: 24px; } .item .item-baseinfo .spec dl dt:first-of-type { margin-top: 0; } .item .item-baseinfo .spec dl dd { margin: 0 0 5px 0; padding: 0 0 0 24px; } .item .item-baseinfo .package { padding: 40px; } .item .item-baseinfo .package h2 { font-size: 18px; margin-bottom: 20px; } .item .item-baseinfo .package .img img { width: 100%; height: auto; } .item .item-baseinfo .package .list-dflt { margin-top: 20px; } .simplism .item-baseinfo .brand img { height: 41px; } .gorilla_spec .item-baseinfo .brand img { height: 190px; } :is(.simplism, .gorilla_spec) .item-baseinfo .tag, :is(.simplism, .gorilla_spec) .item-baseinfo .spec, :is(.simplism, .gorilla_spec) .item-baseinfo .package { background: #898875; border-bottom: 1px solid #a1a091; } :is(.simplism, .gorilla_spec) .item-baseinfo .package:last-of-type { border-bottom: none; } :is(.simplism, .gorilla_spec) .item-baseinfo .package img { width: 100%; } .nuans .item-baseinfo .brand img { height: 60px; } .nuans .item-baseinfo .tag, .nuans .item-baseinfo .spec, .nuans .item-baseinfo .package { background: #595959; border-bottom: 1px solid #7a7a7a; } .bluelounge .faq .set:first-of-type { border-top-color: #fff; } .bluelounge .btn.btn-dl { border: 1px solid #fff; color: #fff; } .bluelounge .btn.btn-dl::after { background: url(../img/common/icn-dl02.png) 50% 50% no-repeat; background-size: contain; } .bluelounge .item-baseinfo .brand img { height: 24px; } .bluelounge .item-baseinfo .tag, .bluelounge .item-baseinfo .spec, .bluelounge .item-baseinfo .package { background: #575a5b; border-bottom: 1px solid #797b7c; } .catalyst .faq .set:first-of-type { border-top-color: #fff; } .catalyst .btn.btn-dl { border: 1px solid #fff; color: #fff; } .catalyst .btn.btn-dl::after { background: url(../img/common/icn-dl02.png) 50% 50% no-repeat; background-size: contain; } .catalyst .item-baseinfo .brand img { height: 42px; } .catalyst .item-baseinfo .tag, .catalyst .item-baseinfo .spec, .catalyst .item-baseinfo .package { background: #1a3b4e; border-bottom: 1px solid #486271; } .amulet .item-baseinfo .brand img { height: 80px; } /* wysiwyg **************************************************************************************************************************/ .wysiwyg h1 { font-size: 36px; margin-bottom: 1.2em; } .wysiwyg h2 { font-size: 24px; margin-bottom: 1.3em; } .wysiwyg h3 { font-size: 18px; margin-bottom: 1.5em; } .wysiwyg h4 { font-size: 16px; margin-bottom: 1em; } .wysiwyg h5 { font-size: 15px; margin-bottom: 1em; } .wysiwyg p { font-size: 16px; margin-bottom: 1em; } .wysiwyg dl { font-size: 20px; } figure{max-width:100%;} /* product top **************************************************************************************************************************/ .filters .filter { padding: 30px 15px; } .filters .filter .cells { max-width: 1000px; margin:0 auto; display: table; width: 100%; } .filters .filter .cells .cell { display: table-cell;; vertical-align: top; } .filters .filter .cells .cell.title { width: 155px; } .filters .filter .cells .cell.select { width: 190px; } .filters .filter h3 { font-size: 18px; margin-bottom: 0px; margin-top: 5px; } .filters .filter .cells .cell .list-brand-selected { font-size: 0; margin-bottom: 0; } .filters .filter .cells .cell .list-brand-selected li { display: inline-block; width: 24.2%; margin: 0 1% 1% 0; font-size: 16px; } .filters .filter .cells .cell .list-brand-selected li:nth-of-type(2n) {margin-right: 1%;} .filters .filter .cells .cell .list-brand-selected li:nth-of-type(4n) {margin-right: 0;} .filters .filter .cells .cell .list-color-selected { margin-bottom: 0px; } .filters .filter .cells .cell .list-color-selected li { display: inline-block; width:100px; margin: 0 10px 10px 0; } .filters .filter .cells .cell .list-media-selected { margin-bottom: 0px; } .filters .filter .cells .cell .list-media-selected li { display: inline-block; margin: 0 10px 10px 0; } .action { text-align: center; padding: 30px; } .result-status .inner { max-width: 1030px; padding:0px 10px; margin: 0 auto; } .result-status .inner .cells .cell h2 { font-size: 18px; } .result-status .inner .cells .cell span { display: inline-block;vertical-align: middle; } .result-status .inner .cells .cell .pulldown { height: 30px; } .paging .inner { max-width: 1030px; padding:20px 10px; margin: 0 auto; } .paging .inner .prev { position:absolute; top:20px; left: 10px; width:auto; height: auto; } .paging .inner .prev a { font-size: 18px; text-indent: 0px; padding-left: 40px; } .paging .inner .next { position:absolute; top:20px; right: 10px; width:auto; height: auto; text-align: right; } .paging .inner .next a { font-size: 18px; text-indent: 0px; padding-right: 40px; text-align: left; } .paging .inner ul li { font-size: 18px; } .paging .inner ul li a.current { margin:0 5px; } .paging .inner ul .pc { display: inline-block!important; } /* blog **************************************************************************************************************************/ .blog-detail .bg .inner, .news-detail .inner { padding-left: 45px; padding-right: 45px;} .blog-detail .bg.blog_list .inner { padding-left: 0px; padding-right: 0px;} main.dflt .archive .blog-body .inner { padding-left: 45px; padding-right: 45px; } .cols-archive-aside { display: flex; width: 100%; } .cols-archive-aside.has-width {max-width: 1240px; margin: 0 auto; } .cols-archive-aside .archive, .cols-archive-aside .aside { display: table-cell; vertical-align: top; } .cols-archive-aside .archive { width: 75%; } .cols-archive-aside .aside { width: 25%; background:#8996a5; } .select-month { display: block; background: #56606e; text-align: center; } .select-month .inner { max-width: 1000px; padding:20px 10px; margin: 0 auto; position: relative;; } .select-month ul li { font-family: sans-serif; } .select-month ul li a { font-weight: bold; color: #fff; } .select-month ul .prev { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .select-month ul .prev a { font-weight: bold; font-size: 18px; background: url(../img/common/arw-prev01.png) 0 5px no-repeat; background-size: 38px 7px; display: block; padding-left: 60px; } .select-month ul .now { font-size: 24px; font-weight: bold; color: #fff; } .select-month ul .now small { font-size: 16px; } .select-month ul .next { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .select-month ul .next a { font-weight: bold; font-size: 18px; background: url(../img/common/arw-next01.png) 100% 5px no-repeat; background-size: 38px 7px; display: block; padding-right: 60px; } .select-date { display: block; background: #606977; text-align: center; } .select-date .inner { max-width: 1030px; padding:20px 10px; margin: 0 auto; } .select-date ul { font-size: 0; } .select-date ul li { display: inline-block; font-size: 14px; font-weight: bold; font-family: sans-serif; } .select-date ul li a { position: relative; display: inline-block; vertical-align: middle; color: #fff; margin: 0 15px; } .select-date ul li a:nth-child(n + 10) { margin: 0 25px } .select-date ul li a.holiday { color:#979ca4; } .select-date ul li a.current { width:30px; height: 30px; border-radius: 30px; background: #fff; color: #606977; margin-left: 3px; margin-right: 3px; } .select-date ul li a span { display: block; position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .title-category { margin-bottom: 40px; } .title-category h1 { background: url(../img/common/bg-category-pc@2x.png) 50% 50% no-repeat; font-size: 28px; padding: 20px; } .title-category .description { padding: 20px 35px; } .title-category .description p { font-size: 20px; } .title-category .keyword { padding: 5px 35px; display: table; width: 100%; } .title-category .keyword p, .title-category .keyword p.list-tag { display: table-cell;; vertical-align: middle; } .title-category .keyword p { font-size: 16px; font-weight: bold; margin-bottom: 5px; width: 120px; } .title-category .keyword .list-tag { text-align: left; margin-bottom: 0; padding-top: 10px; } .title-category .keyword .list-tag li { margin: 0 10px 10px 0; } .profiles { font-size: 0; } .profiles .profile { display: inline-block; vertical-align: top; width: 49.1%; margin: 0 1.8% 1.8% 0; } .profiles .profile:nth-of-type(2n) { margin-right: 0; } .profile { padding:30px; background: #fff; } .profile .imgtxt { display: table; width: 100%; margin-bottom: 25px; } .profile .imgtxt .img p img { width: 100%; } .profile .imgtxt .txt { padding: 0 15px; text-align: center; } .profile .imgtxt .txt .position { margin-bottom: 5px; font-size: 16px; } .profile .imgtxt .txt .name { font-size: 21px; margin-bottom: 25px; } .profile .imgtxt .txt ul { text-align: center; } .profile .imgtxt .txt ul li { display: inline-block; margin: 0 5px; } .profile .imgtxt .txt ul li a img { max-width: 22px; max-height: 18px; } .profile .description { font-size: 16px; } .this-staff .profile { display: table; width: 100%; padding: 30px;} .this-staff .profile .imgtxt, .this-staff .profile .more { display: table-cell; vertical-align: top;} .this-staff .profile .imgtxt { width: 48%;} .this-staff .profile .more { width:52% } .this-staff .profile .more .btn { margin-top: 25px; width: 100%; max-width: none;} .blog-header { position: relative; z-index: 1; } .blog-header .img { position: relative; } .blog-header .img::after { height: 450px; } .blog-header .img .thumb img { width: 100%; height: auto; min-height: 300px; } .blog-header .entry-head { left: 45px; bottom: 45px; padding-right:45px;} .blog-header .date { font-size: 20px; } .blog-header h2, .blog-single-title { font-size: 32px; margin-bottom: 20px; } .blog-header .txt { position: relative; padding: 15px 10px; } .blog-header .author { position: absolute; top: 15px; right: 110px; font-size: 16px;} .blog-header .category ul { padding-left: 45px; padding-right:240px;} .blog-header .authorimg { top: -30px; right: 40px; } .blog-header .authorimg img { width: 60px; } .blog-body { position: relative; z-index: 2; overflow: visible; font-size: 16px; padding: 0 28px 0 28px;} .blog-body .inner { padding: 20px 80px; font-size:20px; } .blog-body .productDetailSection h1 { font-size: 36px; margin-bottom: 1.2em; } .blog-body .productDetailSection h2 { font-size: 24px; margin-bottom: 1.3em; } .blog-body .productDetailSection h3 { font-size: 18px; margin-bottom: 1.5em; } .blog-body .productDetailSection h4 { font-size: 16px; margin-bottom: 1em; } .blog-body .productDetailSection h5 { font-size: 15px; margin-bottom: 1em; } .blog-body p { font-size: 20px; line-height: 1.8; } .blog-body p.multi_product_cart { margin-bottom: 0; } .blog-body li { font-size: 20px; } .blog-body ul,.blog-body ol { margin-top: 0.6em; margin-bottom: 0.6em; } .blog-body img { max-width: 100%; } .blog-body .inner > img, .blog-body p > img { margin:0 auto; display: block; } .blog-body ul + p img, .blog-body ol + p img { margin-top: 1em; } .blog-body a { color: #0045a5; } .blog-body .productDetailList{ padding:14px 20px 24px} .blog-body .productDetailList li{ font-size: 14px; } .blog-body .productDetailList dt { font-size: 16px; } .blog-body .productDetailList dd { font-size: 16px; } .blog-body .productDetailGallery dt { font-size: 16px; } .blog-body .productDetailGallery dd { font-size: 16px; } .blog-body .cards-m { margin-bottom: 50px; } .blog-body .this-item .inner { padding: 20px 20px; } .tgl-comment p { font-size: 20px; } .tgl-comment span { background: url(../img/common/icn-show-w.png) 0 4px no-repeat; } .tgl-comment.is-open span { background: url(../img/common/icn-hide-w.png) 0 4px no-repeat; } .comment-input { border-bottom: 0; padding: 35px 35px 0 35px; } .comment-input p { font-size: 16px;} .comment-input ul { margin: 25px 0;} .comment-input img { width: 44px; } .comment-form { border-bottom: 1px solid #f0f1f4; padding: 40px 10px; } .comment-form dl { padding: 0 20%; } .comment-form dl div { display: table; width: 100%; margin-left: -80px;} .comment-form dt, .comment-form dd { display: table-cell; vertical-align: top; padding: 10px 0;} .comment-form dt { font-size: 18px; margin-bottom: 0px; width: 134px; padding-top: 14px; } .comment-form dd { margin: 0 0 0px 0; padding-left: 25px; text-align: left;} .comment-form ul { margin-top: 10px; } .comment-form .btn-comment { margin: 0 auto;width: 300px;} .comment-list { padding: 30px 40px; } .comment-list h3 { padding: 0 10px; } .comment-list .comments .comment { border-bottom: 1px solid #f0f1f4; padding-top: 30px; } .comment-list .comments .comment.lv01 { padding-left: 90px; } .comment-list .comments .comment .cells { display: table; width: 100%;} .comment-list .comments .comment .cells .cell { display: table-cell; vertical-align: top;} .comment-list .comments .comment .comment-body { padding-left: 20px;} .comment-list .comments .comment p { font-size: 14px; line-height: 1.8; } .comment-list .comments .comment .thumb, .comment-list .comments .comment .date { display: table-cell; vertical-align: top;} .comment-list .comments .comment .date { font-size: 16px; padding-left: 0px; } .comment-list .comments .comment .date span { font-size: 14px; margin-left: 30px; } .comment-list .comments .comment .target { font-size: 14px; color: #999; margin: 10px 0; } .comment-list .comments .comment .thumb img { width: 60px;} .comment-list .comments .comment .btn { margin-top: 20px; } .comment-list .comments .comment .comment-body { margin-top: 10px;} .comment-list .toggle-more { margin: 0 0px; margin-top: 40px; } .share-entry { display: block; position: absolute; top: 20px; left: 0px; text-align: center; width: 60px; z-index: 10; background: #fff; } .share-entry.fixed { position: fixed; top: 64px; left: 0;} .share-entry p { padding: 20px 0; margin-bottom: 0; } .share-entry li { margin-bottom: 15px; } .share-entry a img { max-width: 22px; max-height: 20px; } .blog-detail .imgs-gallery { width: 100%; margin-left:0px; margin-bottom: 30px; } .blog-detail .imgs-gallery .main { margin-bottom: 10px; } .blog-detail .imgs-gallery .sub { width: 100%; background: none; padding: 0; } .blog-detail .imgs-gallery .sub li { flex-basis: 11.4%; margin: 0 1.25% 1.25% 0; } .blog-detail .imgs-gallery .sub li:nth-of-type(5n) { margin-right: 1.25%; } .blog-detail .imgs-gallery .sub li:nth-of-type(8n) { margin-right: 0; } /* news **************************************************************************************************************************/ .news-index .archive .retrieve { padding: 50px 40px 60px 60px; } .news-index .list-news div:nth-of-type(n+6) { display: block; } .news-detail .archive .retrieve { padding: 50px 28px 60px 28px; margin: 0 5%; } .news-detail .title { margin-bottom: 50px; } .news-detail .title .title-header { margin-bottom: 20px; } .news-detail .title .logo { margin-right: 10px; } .news-detail .title .logo img { height: 23px; } .news-detail .title .label { font-size: 16px; } .news-detail .title .date { font-size: 20px; } .news-detail .title h1, .press_room h1 { font-size: 32px; } .news-detail .entry-body h2 { font-size: 28px; margin-bottom: 40px; } .news-detail .entry-body h3 { font-size: 18px; margin-bottom: 40px; } .news-detail .entry-body h3::before { margin-right: 10px; } .news-detail .entry-body p, .press_room p { margin-bottom: 30px; font-size: 20px; } .news-detail .entry-body blockquote { padding: 40px 35px; margin: 0 0 50px 0; } .news-detail .entry-body hr { margin: 45px 0; } .news-detail .entry-body .back a { display: inline-block; width: auto; margin: 0; text-align: center; border-radius: 6px; font-size: 16px; padding: 5px 80px; } .news-detail .entry-body li { font-size: 20px; } .news-detail .entry-body ul { margin-top: 2em; margin-bottom: 2em; } /* about **************************************************************************************************************************/ .about .mainimg { margin-bottom: 0px; } .about .mainimg .cells { display: flex; width: 100%; max-height: 1260px; overflow: hidden; } .about .mainimg .cells .cell { display: block; vertical-align: top;} .about .mainimg .cells .cell:first-of-type { width: 74.3%; } .about .mainimg .cells .cell.pc { width: 25.7%; } .about .mainimg .cells .cell.pc p { height: 100%; } .about .mainimg .imgtxt .img img { width: 100%; } .about .mainimg .imgtxt .txt { color: #fff; padding: 35px 30% 35px 130px; position: relative; background:#473937 url(../img/common/icn-plus05.png) 75px 50% no-repeat; background-size: 16px 16px; } .about .mainimg .imgtxt .txt .lead { font-size: 20px; } .about .mainimg .cells .cell.pc img { height: 100%; width: 100%; object-fit: cover; } .about .profile { margin: 35px auto 0 auto; max-width: 1240px; background: #f1f2f5 url(../img/about/bg00-pc.png) 100% 100% no-repeat; background-size: 140px 488px; padding: 70px 90px; } .about .profile .cells { display: table; width: 100%; } .about .profile .cell { display: table-cell; vertical-align: top; } .about .profile .cell.ttl { margin: 0; padding: 0; text-align: left; width: 230px;} .about .profile .cell.ttl h2 { margin-bottom: 20px; font-size: 28px; } .about .profile .cell.txt { font-size: 16px;} .about .profile .cell.txt dl { margin: 0 ;} .about .profile .cell.txt dl dt { width: 100px; } .about .bg01 { margin: 0 auto; max-width: 1240px; height: 30px; background: url(../img/about/bg01-pc.png) 100% 100% repeat-y; background-size: 140px 30px; } .about .col02 { display: flex; justify-content: space-between; max-width: 1240px; margin: 0 auto; } .about .service { width: 49%; margin: 0; background: #f1f2f5 /* url(../img/about/bg-service01-sp.png) 9px 100% repeat-y*/ ; /* background-size: 14px 5.5px;*/ padding: 80px; } .about .service .cell.ttl h2 { margin-bottom: 20px; font-size: 28px; } .about .service .cell.txt { font-size: 16px;} .about .service .cell.txt + .cell { margin-top: 30px; } .about .service .cell.txt h3 { font-size: 20px; margin-bottom: 20px; } .about .service .cell.txt ul li { font-size: 16px; margin-bottom: 12px; padding: 3px 0px 3px 10px; position: relative; font-weight: 600; } .about .service .cell.txt ul li.type-a { border-left: 2px solid #2ea7e0; } .about .service .cell.txt ul li.type-b { border-left: 2px solid #1d2088; } .about .client { width: 49%; margin: 0; background: #f1f2f5 url(../img/about/bg02-pc.png) 100% 100% repeat-y; background-size: 94px 57px; padding: 80px; } .about .client .cell.ttl h2 { margin-bottom: 45px; font-size: 28px;} .about .client .cell.txt { font-size: 16px;} .about .bg02 { margin: 0 auto; max-width: 1240px; height: 93px; background: url(../img/about/bg03-pc.png) 50% 0 no-repeat; background-size: contain; } .about .companyname { margin:0 auto; max-width: 1240px; background: #231815 url(../img/about/bg04-pc.png) 0 100% no-repeat; background-size: 112px 100%; padding: 80px 90px 0; color: #fff; position: relative; } .about .companyname .inner { /* background: url(../img/about/bg-name01-sp.png) 17px 20px repeat-y; background-size: 18px 1100px; */ padding:0 0 80px 0; } .about .companyname .cell.ttl { max-width: 698px; margin: 0 auto; } .about .companyname .cell.ttl h2 { margin-bottom: 45px; font-size: 28px;} .about .companyname .cell.txt { font-size: 20px; max-width: 698px; margin: 0 auto; } .about .companyname .cell.txt p { line-height: 1.8; margin-bottom: 2em; } .about .bg03 { margin: 0 auto; max-width: 1240px; height: 40px; background: url(../img/about/bg05-pc.png) 0 0 no-repeat; background-size: 100% 100%; } .about .channel { margin:0 auto; right: 25px; width: 93.7%; max-width: 1160px; padding: 80px 90px; color: #fff; background: #231815 url(../img/about/bg06-pc.png) top 0 left 25px no-repeat; background-size: 107px 100%; } .about .channel .cell.ttl { max-width: 698px; margin: 0 auto; } .about .channel .cell.ttl h2 { margin-bottom: 45px; font-size: 28px; } .about .channel .cell.txt { font-size: 20px; max-width: 698px; margin: 0 auto; } .about .channel .cell.txt p { line-height: 1.8; margin-bottom: 2em; } .about .bg04 { margin: 0 auto; max-width: 1240px; height: 3.2vw; max-height: 40px; background: url(../img/about/bg07-pc.png) 0 0 no-repeat; background-size: contain; } .about .bg04::before { left: 91px; transform: rotate(38deg) translateY(-50%); } .about .dealingbrand { margin: -2px auto 50px auto; max-width: 1240px; background: #20110F url(../img/about/bg08-pc.png) no-repeat 0 0 / 196px 100%; padding: 0px 80px 40px 170px; color: #fff; position: relative; } .about .dealingbrand h2 { margin-bottom: 30px; font-size: 28px; padding: 30px; } .about .brand { display: block; width: 100%!important; border-top: 1px solid #554d4a; } .about .brand:nth-of-type(4) { border-bottom: 0; } .about .brand .cells { display: flex; align-items: center; width: 100%; } .about .brand .cell { display: table-cell; } .about .brand .cell.bi { display: block; width: 240px; margin-bottom: 0px; border: 0; } .about .brand .cell.bi h3, .about .brand .cell.bi p { display: block; text-align: center; } .about .brand .cell.bi h3 { } /* .about .brand:nth-of-type(1) .cell.bi h3 img { height: 73px; } .about .brand:nth-of-type(2) .cell.bi h3 img { height: 45px; } .about .brand:nth-of-type(3) .cell.bi h3 img { height: 36px; } .about .brand:nth-of-type(4) .cell.bi h3 img { height: 64px; } */ .about .brand .cell.bi p { text-align: center; font-size: 14px; width: 100%; padding-left: 0px;} .about .brand .cell.bi p small { display: block; font-size: 12px; margin-bottom: 8px; } .about .brand .cell.descript { padding: 50px 0 30px 35px; width: calc(100% - 240px); } .about .brand .cell.descript .img { width: 240px; float: right; margin-bottom: 0px; margin-left: 20px; } .about .brand .cell.descript .img img { max-width: none; width: 100%; } .about .brand .cell.descript .txt p { font-size: 16px; } .about .brand.child { border-top: 1px dashed #655e5c; padding: 50px 0 50px 0px; } .about .brand.child::after { display: none; } .about .brand.child .imgtxt { margin-bottom: 24px; } .about .brand.child .cell:first-of-type .imgtxt { margin-right: 20px;} .about .brand.child .txt { margin-bottom: 0; width: 50%; float: left; } .about .brand.child .txt h3 { font-size: 16px; margin-bottom: 5px; text-align: left; } .about .brand.child .txt p { font-size: 14px; } .about .brand.child .txt p a { text-align: left; } .about .brand.child .img { width: 45%; float: right; } .about .brand.child .img img { max-width: 100%; } .about .dealingbrand .brand .cell.bi { padding-top: 0; gap: 18px 0; } .about .dealingbrand .brand + .brand.child { padding-top: 50px; } .about .dealingbrand .brands > h3 { margin-top: 0; font-size: 20px; padding: 12px 17px; } .about .brand.child .cell + .cell { margin-top: 0; padding-top: 0; border-top: none; } .about .brand .cell.descript .txt p a { display: inline; } .about .dealingbrand .brand-simplism .cell.bi h3 img { width: 190px; } .about .dealingbrand .brand-nuans .cell.bi h3 img { width: 90px; } .about .dealingbrand .brand-besper .cell.bi h3 img { width: 217px; } .about .dealingbrand .brand-ajouter .cell.bi h3 img { width: 150px; } .about .dealingbrand .brand-weara .cell.bi h3 img { width: 180px; } .about .dealingbrand .brand-catalyst .cell.bi h3 img { width: 198px; } .about .dealingbrand .brand-bluelounge .cell.bi h3 img { width: 204px; } .about .dealingbrand .brand-eureka .cell.bi h3 img { width: 160px; } /* other **************************************************************************************************************************/ .dflt .pagebody.single { padding: 90px 10px; max-width: 970px; margin: 0 auto;} .dflt .pagebody .lv01 { padding: 0 25px; } .dflt .pagebody .block { margin-bottom: 60px;} .dflt .pagebody .block:last-of-type { margin-bottom: 0;} .dflt .pagebody .block.bd01 { padding: 30px 10px; } .dflt .pagebody table { width: 100%; } .dflt .pagebody table th, .dflt .pagebody table td { padding: 8px 0; } .dflt .pagebody table th { width: 30%; } .dflt .pagebody table td { padding-left: 20px;} /* support **************************************************************************************************************************/ .support-index .pagebody.single { padding-bottom: 90px;} .support .pagebody.afterfirst { padding-top: 0; } .support-index .set { width: 100%; margin:0 0 30px 0; padding: 70px; } .support-index .set.from-mostview { clear: both; } .support-index .set:last-of-type { margin-bottom: 0;} .support-index .set h3 { font-size: 18px; margin: 0px 0 35px 0; } .support-index .set.from-product h3 { margin-bottom: 10px;} .support-index .set.from-product h3 a { background: url(../img/common/arw-r04.png) 100% 50% no-repeat; background-size: 30px 5px; display: block; } .support-index .set .list-faq-category { width: 32%; padding-top: 0px; margin-bottom: 40px; position: relative; border-right: 1px solid #ccc; padding: 12px 24px; } .support-index .set .list-faq-category:nth-of-type(2n)::after { display: none; } .support-index .set .list-faq-category:nth-of-type(3n) { border: 0;} .support-index .set .list-faq-category:last-of-type { border: 0;} .support-index .faq .set.from-keyword { width: 48.6%; float: left; } .support-index .faq .set.from-product { width: 48.6%; float: right; } .support-index .set .more { margin-top: 40px;} .support-common h2 { font-size: 24px; } .support-common .cells { display: table; width: 100%; } .support-common .cells > .cell { display: table-cell; vertical-align: top; padding: 50px 50px; text-align: left; } .support-common .cells > .cell.tel { min-width: 400px;} .support-common .cells:last-of-type > .cell { border: 0; border-left: 1px solid #b2bac5; } .support-common .cells > .cell h3 { font-size: 18px; margin-bottom: 30px; text-align: left; display: block;} .support-common .cells > .cell.tel h3 { background: url(../img/common/icn-tel01.png) 0 50% no-repeat; background-size: 24px 24px; padding: 6px 0 4px 35px; } .support-common .cells > .cell.form h3 { background: url(../img/common/icn-form01.png) 0 50% no-repeat; background-size: 24px 24px; padding: 6px 0 4px 35px; } .support-common .cells > .cell p { font-size: 14px; margin-bottom: 20px; text-align: left;} .support-common .cells > .cell p.number { font-size: 24px; } .support-common .cells > .cell.form .cells .cell { border: 0; padding: 0; text-align: left; border-left: 1px solid #b2bac5; } .support-common .cells > .cell.form .cells .cell:first-of-type { border: 0; } .support-common .cells > .cell.form .cells .cell:last-of-type { padding-left: 35px; } .support-common .cells > .cell.form .cells .cell:last-of-type .btn { width: auto; display: inline-block; padding: 10px 40px; } .support-common .list-notice { margin: 0 0px; font-size: 12px; margin-top: 35px; } .support-common .list-notice li { margin-bottom: 15px;} .support-common .cells > .cell.form .cells .cell.mail { position: relative; padding-bottom: 0px; margin-bottom: 0px; } .support-common .cells > .cell.form .cells .cell.mail::after { display: none; } .support .form { padding: 0 10px; } .support .result-status { padding: 10px;} .support .result-status.wide { width: calc(100% + 120px); margin-left: -60px; margin-bottom: 50px; } .support .result-status .pc { display: inline!important; } .support .result-status small { font-weight: normal; margin-left: 10px;} .support table.shop_table_responsive { margin: 60px 0; border-spacing: 0; border-top: 1px solid #b3bac1; border-left: 1px solid #b3bac1;} .support table.shop_table_responsive thead { display:table-header-group; } .support table.shop_table_responsive thead th { padding: 15px; background: #8996a5; color: #fff; text-align: left;} .support table.shop_table_responsive tbody th { display: table-cell;} .support table.shop_table_responsive tbody tr { border: 0; display:table-row; margin-top: 0px;} .support table.shop_table_responsive tr td { display: table-cell; padding: 15px; vertical-align: middle; } .support table.shop_table_responsive tr th, .support table.shop_table_responsive tr td { border-bottom: 1px solid #b3bac1; border-right: 1px solid #b3bac1; font-size: 16px; } .support table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-number, .support table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-date, .support table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-total { text-align: right; } .support table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions { text-align: center; } .support table.shop_table_responsive tr td:before { display: none; } .support table.shop_table_responsive tr td:first-of-type { padding-top: 15px;} .support table.shop_table_responsive tr td:last-of-type { padding-bottom: 15px;} .support table.shop_table_responsive tr:nth-of-type(2n) td:before { background: none; } .support table.shop_table_responsive tr td:first-of-type:before { padding-top: 15px; margin-top: 0px;} .support table.shop_table_responsive tr td:last-of-type:before { padding-bottom: 15px; padding-top: 15px; margin-bottom: 0px;} .support table.woocommerce-table--order-details { margin-bottom: 40px; width: 100%; border-spacing: 0; border-top: 1px solid #e4e8eb; border-left: 1px solid #e4e8eb; } .support table.woocommerce-table--order-details th, .support table.woocommerce-table--order-details td { padding:15px 12px; border-bottom: 1px solid #e4e8eb; border-right: 1px solid #e4e8eb;} .support table.woocommerce-table--order-details thead th { color: #fff; background: #8996a5; } .support table.woocommerce-table--order-details tbody th { color: #fff; background: #8996a5; text-align: right;} .support .topicpath.top { padding: 0px; margin-top: 25px; margin-bottom: -20px; background: #fff; color: #000; } .support .topicpath.top ul { padding: 0; } .support .topicpath.top ul li { display: inline-block; } .support .topicpath.top ul li a { color: #000; background:url(../img/common/arw-r02.png) 100% 50% no-repeat; background-size: 8px 5px; padding-right: 20px; margin-right: 8px; } .support .post-qa dt { margin: 0 0 20px 0; padding: 0; font-size: 18px; font-weight: bold; width: 220px; float: left; clear: both; padding-top: 6px; text-align: right; } .support .post-qa .productname dt { margin: 0;} .support .post-qa dd { margin: 0 0 20px 0; padding: 0; font-size: 16px; margin-left: 240px; } .support .post-qa .productname dd { margin: 0 0 0 0; margin-left: 240px;} .support .post-qa dd input[type="text"] , .support .post-qa dd input[type="email"], .support .post-qa dd input[type="tel"]{ width: 98%; padding: 8px; } .support .post-qa dd input.w50[type="text"] { width: 50%; } .support .post-qa textarea { width: 98%; padding: 4px; } .support .post-qa dd.dd_sku .qa_jan_img{width:50%;} .support .post-qa .form-more { margin-left: 240px; } .support .post-qa .submit input {font-size: 18px; width: 420px; padding: 20px 15px; } .support .qa-header h2 { font-size: 28px; padding-left: 50px; margin-bottom: 5px; } .support .qa-header h2::before { content: 'Q'; display: block; vertical-align: top; font-size: 48px; font-family: "DIN"; position: absolute; top: -15px; left: 0; } .support .qa-header .qa-info .date { font-size: 16px; } .support .qa-header .qa-info .author { font-size: 14px; margin-left: 16px; } .support .qa-body { padding-left: 0px; } .support .qa-body p { margin-bottom: 15px; } .support .reply { margin-top: 60px; padding: 0 0px; margin-bottom: 50px; } .support .qa-reply { padding: 60px; } .support .qa-reply article .qa-info .date { font-size: 16px; } .support .qa-reply article .qa-info .author { font-size: 14px; } .support .qa-reply article .reply { margin-top: 60px; } .support .qa-reply article .reply .btn { width: auto; display: inline-block; padding: 8px 20px;} .support .qa-reply article article { margin-top: 60px; padding-left: 60px; } .selected-product { padding: 60px 10px; background: #f0f1f4; } .selected-product .card { display: block; max-width: 974px; margin: 0 auto; } .selected-product a { display: block; color: #fff; } .selected-product .imgtxt { display: table; width: 100%;} .selected-product .img, .selected-product .txt { display: table-cell; vertical-align: top; } .selected-product .img { width: 240px; } .selected-product .img img { width: 100%; height: auto; } .selected-product .txt { padding-left: 20px; position: relative; } .selected-product .txt .name { font-size: 16px; line-height: 1.6; } .selected-product .txt .btn { position: absolute; right: 20px; bottom: 20px; width: auto; padding-left: 60px; padding-right: 60px; } .set.set-faq { padding: 40px 20px; } .set.set-faq h3 { font-size: 18px; padding-left: 40px; margin-bottom: 25px; } .set.set-faq h3::before { content: 'Q'; font-size: 32px;top: -8px; left: 0; } .set.set-faq .answer { position: relative; padding-left: 40px; } .set.set-faq .answer p { font-size: 16px;} .set.set-faq .answer::before { font-weight: bold;font-size: 32px; top: -3px; left: 0; } .set.set-faq:last-of-type { margin-bottom: 40px;} .support .nav, .support .retrieve { display: table-cell; vertical-align: top; } .support .nav { background: #f0f1f4; padding:0; position: relative; width: 346px; padding: 50px 0; } .support .nav h2 { display: none; } .support .nav h3 { margin: 0 0 0 25px; font-size: 18px; font-weight: bold; } .support .nav h3 a { display: block;background: url(../img/common/arw-r04.png) 100% 50% no-repeat; background-size: 30px 5px; } .support .nav nav { display: block; position: static; top: 0; left: 0; z-index: 2; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); border-top: 0; } .support .nav select { display: none; } .support .nav ul.parent { padding: 25px 0; border-bottom: 1px solid #cfd5da; } .support .nav ul.parent li a { display: block; padding: 16px 16px 16px 60px; font-size: 16px; font-weight: bold; background: url(../img/common/arw-r02.png) 40px 50% no-repeat; background-size: 8px 5px; } .support .nav ul.parent li.has-child > a { background: url(../img/common/icn-plus02.png) 40px 50% no-repeat; background-size: 12px 12px; } .support .nav ul.parent li span { display: block; padding: 15px 15px 15px 60px; font-size: 16px; font-weight: bold; background: url(../img/common/icn-minus02.png) 40px 50% no-repeat; background-size: 10px 2px; } .support .nav ul.parent li.is-active span { background:#dbdfe3 url(../img/common/icn-minus02.png) 40px 50% no-repeat; background-size: 10px 2px; } .support .nav ul.sub { margin-left: 40px; margin-top: 0px; } .support .nav ul.sub li a { display: block; padding: 10px 10px 10px 40px; background: url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .support .nav .set { padding: 30px 25px 30px 0; border-bottom: 1px solid #cfd5da; } .support .nav .set form { width: 80%; margin: 0 auto; } .support .nav .set form .text-dflt { margin:0 auto; margin-top: 20px; width: 100%; background:#fff url(../img/common/icn-search02.png) calc(100% - 10px) 50% no-repeat; background-size: 15px 15px; } .support .retrieve { padding: 0px; } .support .retrieve > .inner { padding: 85px 60px 60px 60px; } .support .anchors { padding: 40px; margin-bottom: 50px; margin-top: 50px; } .support .anchors li { margin-bottom: 10px; font-size: 16px;} .support .anchors li a { background-position: 0 10px; padding-left: 15px; display: block; } .support .search-keyword { margin: 60px auto; width: 80%; } /* mypage **************************************************************************************************************************/ .woocommerce { display: table; width: 100%; } .woocommerce .nav, .woocommerce .retrieve { display: table-cell; vertical-align: top; } .woocommerce .retrieve > .inner { padding: 0 20px; } .woocommerce .nav { background: #f0f1f4; padding:0; position: relative; width: 346px; padding: 50px 0; } .woocommerce .nav h2 { display: none; } .woocommerce .nav nav { display: block; position: static; top: 0; left: 0; z-index: 2; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); border-top: 0; } .woocommerce .nav select { display: none; } .woocommerce .nav ul li a { display: block; padding: 16px 16px 16px 60px; font-size: 16px; font-weight: bold; background: url(../img/common/arw-r02.png) 40px 50% no-repeat; background-size: 8px 5px; } .woocommerce .nav ul li.is-active a, .woocommerce .nav ul li:hover a{ background:#dbdfe3 url(../img/common/arw-r02.png) 40px 50% no-repeat; background-size: 8px 5px; } .woocommerce .nav ul li span { display: block; padding: 15px 15px 15px 60px; font-size: 16px; font-weight: bold; background: url(../img/common/icn-minus02.png) 40px 50% no-repeat; background-size: 10px 2px; } .woocommerce .nav ul li.is-active span { background:#dbdfe3 url(../img/common/icn-minus02.png) 40px 50% no-repeat; background-size: 10px 2px; } .woocommerce .nav ul.sub { margin-left: 40px; margin-top: 10px; } .woocommerce .nav ul.sub li a { display: block; padding: 10px 10px 10px 40px; background: url(../img/common/arw-r02.png) 22px 50% no-repeat; background-size: 8px 5px; } .woocommerce .retrieve { padding: 0px; } .woocommerce .woocommerce-column .inner, .woocommerce .woocommerce-Address .inner { font-size: 16px; padding: 30px 30px; margin-bottom: 50px; } .woocommerce .woocommerce-order-details__title, .woocommerce .woocommerce-column__title, .woocommerce .woocommerce-Address-title h3, .woocommerce .woocommerce-MyAccount-content h2, .woocommerce .wc-social-login-profile h2, .woocommerce .woocommerce-MyAccount-content h3{ font-size: 28px; border-left: 3px solid #000; padding: 0px 0 0px 30px; margin-bottom: 45px;} .woocommerce .woocommerce-Address-title { padding-right: 220px;} .woocommerce .woocommerce-Address-title .edit { width: 190px; top: 0px; } .woocommerce .retrieve .lead { margin-bottom: 30px;} .woocommerce .retrieve .first { padding-top: 60px;} .woocommerce .woocommerce-message { margin: 30px 0 30px 0;} .woocommerce table.shop_table_responsive { margin: 60px 0; border-spacing: 0; border-top: 1px solid #b3bac1; border-left: 1px solid #b3bac1;} .woocommerce table.shop_table_responsive thead { display:table-header-group; } .woocommerce table.shop_table_responsive thead th { padding: 15px; background: #8996a5; color: #fff; text-align: left;} .woocommerce table.shop_table_responsive tbody th { display: table-cell;} .woocommerce table.shop_table_responsive tbody tr { border: 0; display:table-row; margin-top: 0px;} .woocommerce table.shop_table_responsive tr td { display: table-cell; padding: 15px; vertical-align: middle; } .woocommerce table.shop_table_responsive tr td.product-thumbnail { padding-left:0px; } .woocommerce table.shop_table_responsive tr th, .woocommerce table.shop_table_responsive tr td { border-bottom: 1px solid #b3bac1; border-right: 1px solid #b3bac1; font-size: 16px; } .woocommerce table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-number, .woocommerce table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-date, .woocommerce table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-total { text-align: right; } .woocommerce table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions { text-align: center; } .woocommerce table.shop_table_responsive tr td:before { display: none; } .woocommerce table.shop_table_responsive tr td:first-of-type { padding-top: 15px;} .woocommerce table.shop_table_responsive tr td:last-of-type { padding-bottom: 15px;} .woocommerce table.shop_table_responsive tr:nth-of-type(2n) td:before { background: none; } .woocommerce table.shop_table_responsive tr td:first-of-type:before { padding-top: 15px; margin-top: 0px;} .woocommerce table.shop_table_responsive tr td:last-of-type:before { padding-bottom: 15px; padding-top: 15px; margin-bottom: 0px;} .woocommerce table.shop_table_responsive tr td.product-remove a { text-align: left } .woocommerce table.shop_table_responsive tr td.product-remove:before { display: none } .woocommerce table.shop_table_responsive tr td.actions:before, .woocommerce table.shop_table_responsive tr td.download-actions:before { display: none } .woocommerce table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center } .woocommerce table.shop_table_responsive.my_account_orders .order-actions { text-align: right } .woocommerce table.shop_table_responsive.my_account_orders .order-actions:before { display: none } .woocommerce .woocommerce-orders-table__cell-order-actions .button { padding: 5px 10px; } .woocommerce table.woocommerce-table--order-details { margin-bottom: 40px; width: 100%; border-spacing: 0; border-top: 1px solid #e4e8eb; border-left: 1px solid #e4e8eb; } .woocommerce table.woocommerce-table--order-details th, .woocommerce table.woocommerce-table--order-details td { padding:15px 12px; border-bottom: 1px solid #e4e8eb; border-right: 1px solid #e4e8eb;} .woocommerce .woocommerce-MyAccount-content .point { margin: 70px 0; } .woocommerce .my_account_points_rewards td { text-align: right; } .woocommerce .my_account_points_rewards td.points-rewards-event-description { text-align: left; } .woocommerce .my_account_points_rewards th { text-align: left;} .woocommerce .edit-account, .woocommerce .woocommerce-address-fields { margin-bottom: 60px; width: 60%; min-width: 500px; } .woocommerce .edit-account label, .woocommerce .woocommerce-address-fields label { font-size: 16px; margin-bottom: 8px; } .woocommerce .edit-account .woocommerce-Input, .woocommerce .woocommerce-address-fields .input-text { border-radius: 6px; padding: 15px; font-size: 14px;} .woocommerce .edit-account fieldset { border: 1px solid #000; padding: 75px 30px 30px 30px; position: relative; margin: 35px 0 35px 0; font-size: 16px;} .woocommerce .edit-account fieldset legend { position: absolute; top: 30px; left: 30px; font-weight: bold; } .woocommerce .edit-account .woocommerce-form-row, .woocommerce .woocommerce-address-fields .form-row { margin-bottom: 20px;} .woocommerce .edit-account .woocommerce-form-row:last-of-type { margin-bottom: 0;} .woocommerce .edit-account .button, .woocommerce .woocommerce-address-fields .button { padding: 15px; border-radius: 6px; } .woocommerce .delete_me { padding-bottom: 30px;} .woocommerce .delete_me .button { padding: 15px; border-radius: 6px; } .woocommerce .delete_me p { margin-bottom: 30px;} } .twitter-timeline{ width: 100% !important; } .tweet .retrieve iframe { width: 100% !important; } @media screen and (min-width: 900px) { header .utility .nav-ec li { margin-right: 25px;} header .utility .nav-ec li a { text-indent: 0;} header .glnv .ci { padding-left: 40px; } header .glnv nav ul.layer00 > li > a { padding: 35px 0 33px 0; } } @media screen and (min-width: 1024px) { .cards-j .card .imgtxt .txt .excerpt { margin: 15px 15% 0 15%; } .blog_list .cards-j .card .imgtxt .txt .excerpt { margin: 15px 50px 0 50px; } .brands .brand { width: calc(33.3% - 1.4% * 2 / 3); } .brands .brand:nth-of-type(2n) { margin-right: 1.4%; } .brands .brand:nth-of-type(3n) { margin-right: 0; } .brands .brand a .imgtxt .img { width: 38%; } .brands .brand a .imgtxt .txt { width: calc(100% - 36%); padding: 1vw; } } @media screen and (min-width: 1100px) { header .glnv .nav-ec li { width: 40px; } header .glnv .nav-ec { width: 340px; } header .glnv .nav-ec .search { width: auto; } header .glnv .nav-ec .search form { margin-left: 20px; } header .glnv .nav-ec .search input.text { font-size: 0.8vw; } .has-miniheader header .glnv .ci { padding-left: 40px;} .has-miniheader header .glnv .ci a img { width: 178px; } .has-miniheader header .glnv nav ul.layer00 > li > a { font-size: 16px; padding: 23px 25px 22px 25px; } } @media screen and (min-width: 1240px) { .cards.cards-q .card a .imgtxt .txt .name, .cards-f .card a .imgtxt .txt .name, .cards-a .card .imgtxt .txt .name { font-size:16px; } .cart-footer .cart-keep{ width:310px; } .cart-footer .name{ font-size:22px; } .item .item-baseinfo .txt h1{ font-size:24px; } .brands .brand a .imgtxt .txt p{ font-size:13px; } .brands .brand a .imgtxt .txt{ padding:3%; } .btn.btn11{margin-top:20px;} .woocommerce .retrieve > .inner { padding: 0 60px; } .cols-items-ranking { width: 1240px; margin:0 auto; } } @media screen and (min-width: 768px) and (max-width: 920px) { /*フォントサイズの小型化*/ .blog_list .cards-j .card .imgtxt .txt .excerpt{margin: 15px 50px 0 50px;} .cards-j .card .imgtxt .txt .excerpt{font-size: 20px;} .btn.btn01{font-size:12px;} .profile .imgtxt .txt .position{font-size:12px;} .profile .imgtxt .txt .name{font-size:13px;} .select-date ul li{font-size:10px; width:22px;} .select-date ul li a.current{width:18px!important; height:18px!important;} .cards-j .card .imgtxt .img h2{font-size:28px;} .cards-j .card .imgtxt .txt .category{font-size:14px;} .cards-j .card .imgtxt .txt .authorimg{right:15px;top:-50px;} .cards-j .card .imgtxt .txt .author{font-size:14px;padding-right:20px;} .hl03{font-size:20px;} .ttl{padding: 10px 0 10px 0;} .cards-d .card a .imgtxt .txt .date-label{margin-bottom:0px;} .cards-d .card a .imgtxt .txt .date-label .date{margin-bottom:0px;} .cards-d .card a .imgtxt .txt .date-label .date{font-size:12px;} .cards-d .card a .imgtxt .txt .authorname{font-size:12px;} .cards-d .card{margin-bottom:15px;} .comments .comment a .txt{font-size:14px;} .comments .comment a .entry{font-size:14px;} .comments .comment{padding:5px 0;} .list-staff li .position{font-size:10px;} .list-staff li .name{font-size:14px;} .btn.btn03{font-size:12px;} .cards-k .card .imgtxt .txt .author{right:15px;} .cards-k .card .imgtxt .txt{padding:10px;} .cards-k .card .imgtxt .txt .date-label .date{font-size:12px;} .cards-k .card .imgtxt .txt .date-label .label{font-size:12px;} .cards-k .card .imgtxt .txt .name{font-size:14px;} .cards-k .card .imgtxt .txt .excerpt{font-size:14px;} .blog-body p{font-size:18px;} .comment-form dl div{margin-left:0;} .comment-form dt{font-size:14px;width:120px;} .comment-form dl{padding:0 10px;} .comment-form .btn-comment{width:240px;} .comment-input p{font-size:13px;} /*.item .item-baseinfo .txt{padding:1px;}*/ .cards-i .card{width:47.5%} .media .cards-i .card{margin-right:1.7%!important;width:23%!important;} .cards-a .card{width:47.5%} .cards-a .card:nth-of-type(2n){margin-right: 2.3%;} .cards-a .card:nth-of-type(3n){margin-right: 2.3%;} .item .item-baseinfo .package, .tweet.bg03 .inner{padding:30px 5px;} .cards-d.numbered .card a .imgtxt .txt{padding-left:20px;padding-right:2px;} .cards-d.numbered .card:nth-of-type(n+10) a .imgtxt .txt{padding-left:30px;} .summary .lv01 ul li{font-size:14px;} .productDetailSection h1{font-size:1rem;} .item .iteminfo .productDetailSection p{font-size:14px;} .item .item-baseinfo .txt{padding:8px;} .simplism .item-baseinfo .brand img{width:90%;height:auto;} .item .item-baseinfo .txt h1{font-size:1rem;margin-bottom:10px;} .item .item-baseinfo .txt .descript{font-size:0.8rem; margin-bottom:20px;} .btn.btn06{font-size:11px;} .btn.btn11{font-size:11px;} .list-notice > li{font-size:11px;} .cards-d .card a .imgtxt .txt .name{font-size:14px;} .cards-d.numbered .card a .imgtxt .txt::before{font-size:20px;} .media{ padding: 10px 0px 10px 10px;} .cards-h .card a .imgtxt .txt { padding: 0 15px; } .cards-i .card a .imgtxt .txt{padding:10px;} .cards-i .card a .imgtxt .txt h3{font-size:14px;margin-bottom:10px;} .cards-i .card a .imgtxt .medianame{padding:10px;} .cards-a .card .imgtxt .txt .name{font-size:14px;} .btn-keep01:after{left:3px;} .select-date ul li a{margin:0;width: 25px;height: 25px;} } @media screen and (min-width: 921px) { .cards-i .card a .imgtxt .txt { height: 160px!important; } } @media screen and (min-width: 768px) and (max-width: 1230px) { .cols-archive-aside .aside{padding:0 1px;} .blog-detail .bg .inner, .news-detail .inner{padding-left:10px;padding-right: 10px;} /* .bg .inner{padding: 30px 0px;padding-left:0px;} */ /* .bg .inner{padding: 15px 5px;} */ .list-staff{padding:0 10px 0 5px;} .comments .comment{padding: 15px 0;} .comments .comment a{padding:8px 5px!important;} /*.cards-k .card{width:100%;}*/ .blog-detail .cards-d .card a .imgtxt .txt{padding:0 5px 0 5px;} .blog-detail .cards-d.numbered .card a .imgtxt .txt{padding:0 5px 0 25px;} .cards-d.numbered .card:nth-of-type(n+10) a .imgtxt .txt { padding-left: 37px; } .has-miniheader header .glnv nav ul.layer00 > li{width:19%;} .has-miniheader header .glnv nav ul.layer00 > li > a{padding:23px 2px; font-size:12px;} .has-miniheader header .glnv .ci{width:155px;} .cards-d.numbered .card a .imgtxt .txt::before{top:12px; font-size:22px;} .blog-detail h2{ margin-left:5px; } .designer .cells {display: block; } .designer .cells .cell.position {text-align: center;} .designer .cells .cell img{margin-top:20px;} .designer .cells .cell h3 {margin-top: 20px;} .designer {padding: 15px 10px 40px 10px;} .brand_top .cards-a .card .imgtxt .txt .price { right: 13px; } .brand_top .discount_badge_list_wrap { padding-right: 0!important; } } @media screen and (min-width: 1241px) { .blog-body.bg { margin-left: 5%; margin-right: 5%; } .summary.bg.has-bdbtm .inner, .iteminfo.bg .inner, .gallery.bg.has-bdbtm .inner, div#faq_area .inner, .relate-blog.bg.has-bdbtm .inner, .relate-item.bg.has-bdbtm .inner{margin-left:20px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .blog-body.bg, .news-detail .archive .retrieve { margin-left: 3%!important; margin-right: 3%!important; padding-left: 0; padding-right: 0; } .blog-body .inner { padding-left: 10px!important; padding-right: 10px!important; } .bg.bg03 .inner.--side { padding: 20px; } } @media screen and (min-width: 1025px) and (max-width: 1240px) { .blog-body .inner { padding-left: 30px!important; padding-right: 30px!important; } .blog-body.bg { margin-left: 4%!important; margin-right: 4%!important; } } .health1-ttl { position: relative; } .health1-ttl > div{ position: absolute; bottom: 31%; text-align: center; left: 0; font-size: 26px; color: #fff; font-weight: bold; line-height: 1.6; display: block; width: 90%; letter-spacing: 0.03em; } .health1-ttl.--ttl01 > div{ bottom: 40%; } .health1-ttl.--ttl06 > div{ bottom: 38%; } @media screen and (max-width: 767px) { .health1-ttl > div{ bottom: 28%; } .health1-ttl.--ttl01 > div{ bottom: 38%; } .health1-ttl.--ttl06 > div{ bottom: 36%; } } .health1-sect01, .health1-sect02, .health1-sect03, .health1-sect04, .health1-sect05, .health1-sect06 { background-repeat: repeat-y; background-size: 100% auto; padding-right: 15%; padding-top: 30px; } .health1-sect01 { padding-top: 20px; } .health1-sect01 { background-image: url(../img/about/health1_line01.png); } .health1-sect02 { background-image: url(../img/about/health1_line02.png); } .health1-sect03 { background-image: url(../img/about/health1_line03.png); } .health1-sect04 { background-image: url(../img/about/health1_line04.png); } .health1-sect05 { background-image: url(../img/about/health1_line05.png); } .blog-body .health1-sect01 p:last-child, .blog-body .health1-sect02 p:last-child, .blog-body .health1-sect03 p:last-child, .blog-body .health1-sect04 p:last-child, .blog-body .health1-sect05 p:last-child { margin-bottom: 0; padding-bottom: 1.5em; } .health1-sect06 p:last-child{ text-align: right; } @media screen and (max-width: 767px) { .health1-ttl > div{ font-size: 5vw; } .health1-sect01, .health1-sect02, .health1-sect03, .health1-sect04, .health1-sect05, .health1-sect06 { margin-left: -16px!important; margin-right: -16px!important; padding-left: 7%; padding-right: 15%; } .page_health1 h1, .page_health1 h2 { font-size: 13pt; } } .health_management { margin: 0 10px; background: #f1f2f5; padding: 20px 40px 20px 20px; max-width: 1240px; background: #f1f2f5 url(../img/about/bg02-sp.png) 100% 100% repeat-y; background-size: 35px 15px; } .about .health_management .cell.ttl { margin: 0 0 20px 0; padding: 0; text-align: left; display: flex; align-items: center; } .about .health_management .cell.ttl h2 { font-size: 16px; font-weight: bold; padding-right: 20px; } .about .health_management .cell.ttl a { color: #2ea7e0; text-decoration: underline; font-size: 16px; } .about .health_management .cell.txt { font-size: 14px; line-height: 1.8; text-align: justify; } @media screen and (min-width: 768px) { .health_management { background: #f1f2f5 url(../img/about/bg02-pc.png) 100% 100% repeat-y; background-size: 94px 57px; padding: 70px 90px 70px 90px; margin: 0 auto; } .about .health_management .cell.ttl { margin: 0 auto 35px auto; max-width: 698px; } .about .health_management .cell.ttl h2 { font-size: 28px; padding-right: 30px; } .about .health_management .cell.txt { font-size: 16px; font-size: 20px; max-width: 698px; margin: 0 auto; } .page_health1 .blog-body .inner { padding: 20px 0 20px 87px; } .page_health1 .blog-body { margin-right: 0; padding-right: 0; } .category.button-looks{padding-left:40px;} .overlay .rcmnd { background: rgba(46, 51, 59,0.95); padding: 20px; } .overlay .rcmnd.is-show { display: block; pointer-events: all;} .overlay .rcmnd .cells { display: table; width: 100%;} .overlay .rcmnd .cells .cell { display: table-cell; vertical-align: middle; } .overlay .rcmnd .ttl { color: #fff; border-left: 3px solid #fff; width:20%; max-width: 220px; text-align: left; } .overlay .rcmnd .ttl h2 { font-size: 28px; text-align: center; padding: 0 15px;} .overlay .rcmnd .retrieve .cards.cards-o .img {min-width:10px;} .overlay .rcmnd .close { cursor: pointer;width: 54px; height: 54px; position: absolute; bottom: 20px; right: 10px; border-radius: 50%; background:url(../img/common/icn-close2.png) 50% 50% no-repeat; background-size: 18px 18px; text-indent: -9999px; } /* .cards-i .card a .imgtxt .img img { min-height: 165px;} */ } .blog-recent .cell.category a { margin: 0 10px 10px 0; display: inline-block!important; font-size: 12px; background: #f0f1f4; padding: 5px 10px; border-radius: 30px; text-align: center; } ol.numbered-list { line-height: 1.8; } @media screen and (max-width: 767px) { .glnv-sp-more .panel .inner.--brand { padding: 0 20px 0; } } @media screen and (min-width: 768px) and (max-width: 899px) { header .glnv .panel { top: 65px; } header .glnv .nav-ec { width: 257px; } header .glnv .nav-ec .search form { margin-right: 0; } .has-miniheader header .glnv nav ul.layer00 > li { width: auto; } .has-miniheader header .glnv nav ul.layer00 > li > a { padding: 23px 1.1vw; } } /* besper */ .besper .item-baseinfo { background: #3e3a39; color: #fff; } .besper .item-baseinfo .brand { border-bottom: 1px solid #6b6b6b; } .besper .media { background: linear-gradient(90deg, #782783 5%, #1999d0 90%); } .besper .media .hl03 { color: #fff; border-left-color: #fff; } .besper .iteminfo { background: #efefef; color: #3e3a39; } .besper .iteminfo .hl03 { border-left-color: #3e3a39; } .besper .item-baseinfo.sp .brand img { height: 30px; } .besper .item-baseinfo.pc .brand img { height: 42px; } label.brand-besper { background: #efefef; color: #3e3a39; } label.brand-besper input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check-b-off.png) 0 50% no-repeat; background-size: 16px 16px; } label.brand-besper input[type="checkbox"]:checked + i.checkbox { background: url(../img/common/icn-check-b-on.png) 0 50% no-repeat; background-size: 16px 16px; } /* ajouter */ .ajouter .item-baseinfo { background: #949494; color: #fff; } .ajouter .media { background: linear-gradient(90deg, rgba(104,138,176,1) 0%, rgba(143,165,186,1) 100%); color: #fff; } .ajouter .media .hl03 { border-left-color: #fff; } .ajouter .iteminfo .hl03 { border-left-color: #3e3a39; } .ajouter .iteminfo { background: #f5f5f5; color: #3e3a39; } .ajouter .item-baseinfo.sp .brand { height: 134px; } .ajouter .item-baseinfo.sp .brand::after { content: ""; position: absolute; height: 1px; width: 90%; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%); } .ajouter .item-baseinfo.sp .brand img { height: 130px; } .ajouter .item-baseinfo.pc .brand { height: 160px; } .ajouter .item-baseinfo.pc .brand::after { content: ""; position: absolute; height: 1px; width: 85%; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%); } .ajouter .item-baseinfo.pc .brand img { height: 150px; width: auto; } label.brand.brand-ajouter { background: #8fa5ba; } label.brand.brand-amulet { background: #ba8ebe; } .youtube.front a { display: block; position: relative; } .youtube.front a::before { content: "YOUTUBE"; display: inline-block; background: rgba(255, 0, 0, 0.9); position: absolute; top: 20px; right: 0; z-index: 10; color: #fff; border-radius: 20px 0 0 20px; font-size: 14px; padding: 8px 12px 8px 18px; } @media screen and (min-width: 768px) { .youtube.front a::before { top: 30px; font-size: 16px; } }