@charset "UTF-8";

/* =============== 全体 */

body {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; min-height:100vh; /* flexはフッタ下の余白発生防止用 */
  font:1.6rem/1.8 'Heebo', "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a; font-feature-settings:"pkna";}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family:inherit;}
a {color:inherit;}
main {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;}
.content {margin:0 auto; position:relative;}
.content:after {content:""; display:block; clear:both;}

@media (min-width:981px) {
  body {-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
}
@media (min-width:601px) {
  body, body > * {width:100%; min-width:980px;}
  .content {width:calc(100% - 50px); max-width:1200px; min-width:950px;}
}
@media (max-width:600px) {
  html {font-size:54%;}
  .navOverlay {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; background:rgba(0,0,0,.4); display:none; z-index:900;}
  .pageHeader, .pageFooter {min-width:320px;}
  .content {width:auto; margin:0 16px;}
}

/* =============== ヘッダ */

.pageHeader {position:fixed; z-index:998; width:100%; background:#333; color:#fff;}
.pageHeader a {text-decoration:none;}
.pageHeader nav li {position:relative;}
.pageHeader h1 {font-size:100%;}
.pageHeader .siteName a {display:block;}
.pageHeader .gnav .-searchBox .-wrap {position:relative; border-bottom:1px #fff solid;}
.pageHeader .gnav .-searchBox .-wrap:before {content:""; display:block; position:absolute; right:8px; top:2px; width:16px; height:16px; border:2px #fff solid; border-radius:50%;}
.pageHeader .gnav .-searchBox .-wrap:after {content:""; display:block; position:absolute; right:8px; bottom:6px; height:8px; border-left:2px #fff solid; transform:rotate(-45deg);}
.pageHeader .gnav .-searchBox .fs-text {border:0; background:none; color:#fff;}
.pageHeader .gnav .-searchBox .fs-btn {position:relative; z-index:999; display:inline-block; width:24px; height:24px; border:0; background:none; color:#fff; overflow:hidden; white-space:nowrap; text-indent:50px; cursor:pointer;}
.pageHeader .gnav a[href*="/dealers/"] i {line-height:1.5; font-style:normal;}
.pageHeader .prdctNav dt {display:table; width:100%; line-height:1; font-weight:bold;}
.pageHeader .prdctNav dt a {display:table-cell; vertical-align:middle;}
.pageHeader .prdctNav dt a:before {content:""; display:block; position:absolute; background-size:contain;}
.pageHeader .prdctNav dt a[href*="electric-guitars"]:before {background-image:url(../images/common/nav_icon_eg.png);}
.pageHeader .prdctNav dt a[href*="basses"]:before {background-image:url(../images/common/nav_icon_bg.png);}
.pageHeader .prdctNav dt a[href*="acoustic-guitars"]:before {background-image:url(../images/common/nav_icon_ag.png);}
.pageHeader .prdctNav dt a[href*="classical-guitars"]:before {background-image:url(../images/common/nav_icon_cg.png);}
.pageHeader .prdctNav dt a[href*="other-musical-instruments"]:before {background-image:url(../images/common/nav_icon_omi.png);}
.pageHeader .prdctNav dt a[href*="electronics"]:before {background-image:url(../images/common/nav_icon_el.png);}
.pageHeader .prdctNav dt a[href*="accessories"]:before {background-image:url(../images/common/nav_icon_ac.png);}
.pageHeader .prdctNav dt a[href*="other-brands"]:before {background-image:url(../images/common/nav_icon_ob.png);}
.pageHeader .prdctNav dt a[href*="discontinued"]:before {background-image:url(../images/common/nav_icon_dc.png);}
.pageHeader .prdctNav dd a {display:block;}

@media (min-width:601px) {
  #spNav {display:none;}
  .pageHeader {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; min-width:980px;}
  .pageHeader .siteName {width:116px; padding:9px 11px;}
  .pageHeader .siteName img {width:100%;}
  .pageHeader nav {display:-webkit-box!important;; display:-ms-flexbox!important;; display:flex!important;;}
  .pageHeader .gnav {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-ordinal-group:-1; -ms-flex-order:-1; order:-1;}
  .pageHeader .gnav > li {padding-right:2rem; transition:all .15s;}
  .pageHeader .gnav > li:not(._miscBox) > *:first-child {display:block; line-height:52px; white-space:nowrap;}
  .pageHeader .gnav a[href*="/dealers/"] i {display:block; font-size:1.3rem;}
  .pageHeader .gnav ._miscBox,
  .pageHeader .gnav .-sns {display:-webkit-box; display:-ms-flexbox; display:flex;}
  .pageHeader .gnav .-sns a {padding:11px 5px; transition:all .15s;}
  .pageHeader .gnav .-sns img {width:30px; opacity:.7;}
  .pageHeader .gnav .-searchBox {padding:12px 0 4px 1rem; line-height:1.8rem; transition:all .15s;}
  .pageHeader .gnav .-searchBox .fs-text {width:8em; transition:all .15s;}
  .pageHeader .prdctNav ._btn {padding:0 2.4rem; background:#414141; line-height:52px; font-size:1.8rem; curdor:pointer;}
  .pageHeader .prdctNav ._btn i {display:inline-block; vertical-align:-8%; width:37px; height:21px; position:relative; margin-right:1rem;}
  .pageHeader .prdctNav ._btn i:before {content:""; display:block; position:absolute; top:0; left:0; width:38px; height:1px; background:#fff;
    box-shadow:0 4px 0 #fff, 0 8px 0 #fff, 0 12px 0 #fff, 0 16px 0 #fff, 0 20px 0 #fff;}
  .pageHeader .prdctNav ._btn i:after {content:""; display:block; position:absolute; top:0; left:8px; width:2px; height:21px; background:#414141;
    box-shadow:10px 0 0 #414141, 20px 0 0 #414141;}
  .pageHeader .prdctNav ._list {position:absolute; right:0; width:100%; max-height:0; margin:0; padding:0 20px; background:#a60e0e; overflow:hidden; opacity:0; transition:opacity .15s; overflow:hidden;}
  .pageHeader .prdctNav ._btn:hover ~ ._list,
  .pageHeader .prdctNav ._list:hover {max-height:calc(100vh - 52px); overflow:auto; padding:10px 20px; opacity:1;}
  .pageHeader .prdctNav ._list > div {float:left; width:25%; padding:20px;}
  .pageHeader .prdctNav ._list > div:nth-child(5) {clear:left;}
  .pageHeader .prdctNav dt {position:relative; margin-bottom:1em; border-bottom:1px #fff solid; font-size:1.8rem;}
  .pageHeader .prdctNav dt a {height:44px; padding:0 0 0 48px;}
  .pageHeader .prdctNav dt a:before {left:0; bottom:0; width:40px; height:44px;}  
  .pageHeader .prdctNav dd {font-size:1.5rem;}
  .pageHeader .prdctNav dd:nth-of-type(2n) {background:rgba(255,255,255,.15);}
  .pageHeader .prdctNav dd a {padding:.06em .8em;}
}
@media (min-width:1201px) {
  .pageHeader .gnav > li {padding-right:3rem;}
  .pageHeader .gnav .-sns a {padding:11px 8px;}
  .pageHeader .gnav .-searchBox {padding-left:1.5rem;}
  .pageHeader .gnav .-searchBox .fs-text {width:12em;}
}
@media (max-width:600px) {
  .pageHeader .content {margin:0;}
  .pageHeader .siteName {float:none; margin-left:16px; padding:8px 0;}
  .pageHeader .siteName img {width:auto; height:32px;}
  #spNav {display:block; width:56px; height:35px; position:absolute; top:50%; right:0; transform:translate(0,-50%); text-align:center; cursor:pointer;}
  #spNav:before {content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:30px; height:2px; background:#fff; box-shadow:0 -9px 0 #fff, 0 9px 0 #fff;}
  .pageHeader nav {display:none; position:absolute; width:100%; height:calc(100vh - 80px); overflow-x:hidden; overflow-y:auto; box-shadow:0 4px rgba(0,0,0,.2); transition:.2s all;}
  .pageHeader nav > * {transition:.15s transform;}
  .pageHeader .gnav {display:block; background:#272727;}
  .pageHeader .gnav > li {float:none; display:block; width:auto; border-top:1px rgba(255,255,255,.2) solid;}
  .pageHeader .gnav > li > *:first-child,
  .pageHeader .prdctNav ._btn {position:relative; display:block; padding:.8em 16px; color:#fff; font-size:1.7rem; font-weight:bold; cursor:pointer;}
  .pageHeader .gnav a[href*="/dealers/"] i {display:inline-block; margin-left:1em; font-size:85%; opacity:.8;}
  .pageHeader .gnav a[href*="/dealers/"] i:before {content:"["; margin-right:.3em;}
  .pageHeader .gnav a[href*="/dealers/"] i:after {content:"]"; margin-left:.3em;}
  .pageHeader .prdctNav ._btn {background:#272727;}
  .pageHeader .prdctNav ._btn:after {content:""; display:block; position:absolute; right:15px; top:50%; width:8px; height:8px; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(45deg) translate(0,-50%);}
  .pageHeader .prdctNav ._list {position:absolute; left:100%; top:0; width:100%; height:calc(100vh - 80px); overflow:auto; margin-top:0; background:#a70e0e;}
  .pageHeader .prdctNav ._list > div + div {border-top:1px rgba(255,255,255,.2) solid;}
  .pageHeader .prdctNav ._list dt a {position:relative; display:block; padding:0 15px 0 55px; line-height:50px; font-size:1.8rem; white-space:nowrap;}
  .pageHeader .prdctNav dt {position:relative;}
  .pageHeader .prdctNav dt a[href*="other-brands"],
  .pageHeader .prdctNav dt a[href*="discontinued"] {z-index:10;}  
  .pageHeader .prdctNav dt a:before {width:42px; height:42px; left:0; top:5px;}
  .pageHeader .prdctNav dt:not(.-direct) a:before {transform:rotate(90deg);}
  .pageHeader .prdctNav div > dd {max-height:0; margin-left:10px; margin-right:10px; transition:max-height .15s; overflow:hidden;}
  .pageHeader .prdctNav dd:nth-of-type(2n+1) {background:rgba(255,255,255,.15);}
  .pageHeader .prdctNav div > dt.-on ~ dd {max-height:6em;}
  .pageHeader .prdctNav div > dt.-on ~ dd:last-of-type {margin-bottom:10px;}
  .pageHeader .prdctNav div > dd a {padding:.3em .5em;}
  .pageHeader .prdctNav ._list div.sp > dt:before,
  .pageHeader .prdctNav ._list div.sp > dt a:after {display:none;}   
  .pageHeader .prdctNav ._list div.sp > dt a {padding-left:24px; line-height:40px; font-weight:normal; font-size:1.4rem; text-align:center;}
  .pageHeader .prdctNav ._list div.sp > dt a:before {display:inline-block; vertical-align:15%; position:relative; width:6px; height:6px; border:#fff solid; margin-right:.4em; border-width:2px 0 0 2px; transform:rotate(-45deg);}
  .pageHeader .gnav li._miscBox {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
  .pageHeader .-sns a + a {margin-left:.6em;}
  .pageHeader .-sns img {width:24px;}
  .pageHeader .-searchBox {display:inline-block; padding:.8em 16px;}
  .pageHeader .-searchBox input.fs-text {width:calc(100vw - 200px);}
  .pageHeader #spNav.-showPrdct ~ nav > * {transform:translate(-100%,0);}
}

/* ナビ副階層 */
.pageHeader nav li > * + ul {display:block; width:100%; opacity:0; height:0; max-height:0;overflow:hidden; transition:max-height .2s linear, opacity .1s linear; color:#fff;}
.pageHeader nav li > * + ul a {position:relative; display:block; padding:.8em 10px; color:#fff;}
.pageHeader nav li > * + ul li + li:before {content:""; width:90%; position:absolute; top:0; left:5%; border-top:1px rgba(255,255,255,.2) solid;}

@media (min-width:601px) {
  .pageHeader .gnav > li > * + ul {display:block!important; position:absolute;}
  .pageHeader .gnav > li:not(._miscBox):hover > *:first-child {box-shadow:0 -2px 0 #fff inset;} 
  .pageHeader .gnav > li > *:hover + ul,
  .pageHeader .gnav > li > * + ul:hover {opacity:1; width:200px; height:auto; max-height:calc(100vh - 52px); overflow:auto; background:#272727;}
  .pageHeader .gnav > li > a[href*="/dealers/"]:hover + ul,
  .pageHeader .gnav > li > a[href*="/dealers/"] + ul:hover {width:280px;}
}
@media (max-width:600px) {
  .pageHeader .gnav > li:not(._miscBox) > *:first-child:not(:last-child):before,
  .pageHeader .gnav > li:not(._miscBox) > *:first-child:not(:last-child):after,
  .pageHeader .prdctNav ._list dt:not(.-direct):before,
  .pageHeader .prdctNav ._list dt:not(.-direct) a:after {content:""; display:block; position:absolute; left:auto; right:12px; top:50%; width:8px; height:auto; margin-top:-1px; border:#fff solid; border-width:2px 0 0; transform:rotate(0deg); transition:all .2s;}
  .pageHeader .gnav > li:not(._miscBox) > *:first-child:not(:last-child):after,
  .pageHeader .prdctNav ._list dt:not(.-direct) a:after {transform:rotate(90deg);}
  .pageHeader .gnav > li > * + ul a {padding:.6em 12px .6em 30px; background:rgba(255,255,255,.04);}
  .pageHeader .gnav > li > * + ul li + li a:before {width:calc(100% - 40px); left:20px;}
  .pageHeader .gnav > li > *:first-child:not(:last-child).open + ul {position:relative; display:block; opacity:1; width:100%!important; height:auto; max-height:500px; margin:0; padding:0;}
  .pageHeader .gnav > li > *:first-child:not(:last-child).open:after,
  .pageHeader .prdctNav ._list dt:not(.-direct).-on a:after {transform:rotate(0deg);}
}

/* =============== フッタ */

.pageFooter {background:#404040; color:#fff;}
.pageFooter .content {padding:20px 0; font-size:1.5rem;}
.pageFooter a {text-decoration:none;}
.pageFooter .caution {margin-bottom:2.5rem; padding-bottom:2.5rem; border-bottom:1px rgba(255,255,255,.1) solid; line-height:1.4em; font-size:1.2rem;}
.pageFooter .caution dt {display:inline-block; border:1px #fff solid; margin-bottom:.5em; padding:0 .4em; font-weight:bold;}
.pageFooter .copyright {margin-bottom:0; font-size:1.1rem; text-align:center;}
.pageFooter ._sitemap {overflow:hidden;}
.pageFooter ._sitemap dt {font-weight:bold; text-transform:uppercase;}
.pageFooter ._sitemap dt + dd:before {content:""; display:block; border-top:1px #fff solid; margin:.6rem 0 1rem;}
.pageFooter ._sitemap dd {line-height:1.5; font-size:1.3rem;}
.pageFooter ._sitemap dd li + li {margin-top:.2em;}
.pageFooter ._sitemap dd li a[href*="dealers"] i {display:none;}
.pageFooter ._sitemap dd + dt {margin-top:2em;}
.pageFooter ._sitemap dt + dt {margin-top:.2em;}
.pageFooter address b img {width:116px;}
.pageFooter address p {margin-top:.2em; font-size:1.3rem;}

@media (min-width:601px) {
  .pageFooter ._sitemap {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
  .pageFooter ._sitemap > div {width:calc(24.99% - 30px);}
  .pageFooter address {text-align:right;}
  .pageFooter address p .IB {margin-left:1em;}
  .pageFooter .copyright {text-align:right;}
}
@media (max-width:600px) {
  .pageFooter ._sitemap {display:none;}
  .pageFooter address {text-align:center;}
  .pageFooter address b img {width:90px; margin-bottom:1em;}
}

/* =============== メイン */

main {overflow-x:hidden; z-index:1;}
main *:first-child {margin-top:0;}
main *:last-child {margin-bottom:0;}
/*main * + p, main * + ul, main * + ol, main * + dl, main * + table {margin-top:.8em;}
main h4 + *, main .h4 + *, main h5 + *, main .h5 + *, main h6 + *, main .h6 + * {margin-top:0;}*/
main .-rte ul {padding-left:1.5em; list-style-type:disc;}
main .-rte ul > li > ul {padding-left:1.5em; list-style-type:circle;}

@media (min-width:601px) {
  main {padding-top:52px; line-height:1.8;}
  main > .content, main > * > .content {padding:60px 0;}
}
@media (max-width:600px) {
  main {min-width:320px; padding-top:48px;}
  main > .content, main > * > .content {padding:30px 0;}
}

/* =============== 基本パーツ */

/* ページタイトル */
.pageTitle {line-height:1.2; font-family:'Heebo', 'Noto Sans JP', "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; font-weight:bold; letter-spacing:.06em;}
.pageTitle ._dirName {margin-bottom:.2em;}
.pageTitle a {text-decoration:none;}
.pageTitle h1 i {font-style:normal; font-size:85%;}
.pageTitle .content {padding-bottom:0;}

@media (min-width:601px) {
  .pageTitle ._dirName {font-size:2.8rem;}
  .pageTitle h1 {font-size:5rem;}
}
@media (max-width:600px) {
  .pageTitle ._dirName {font-size:2rem;}
  .pageTitle h1 {font-size:3.6rem;}
}

.breadcrumb {position:relative; background:#f1f1f1; line-height:1.5; font-size:1.2rem; overflow:hidden;}
.breadcrumb ul.content {padding:.6em;}
.breadcrumb li {float:left;}
.breadcrumb li:after {content:""; display:inline-block; vertical-align:5%; width:6px; height:6px; margin:0 .6em; border:#333 solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.breadcrumb li:last-child:after {display:none;}
.breadcrumb a {text-decoration:none;}
.breadcrumb i {font-style:normal; font-size:1rem;}
.breadcrumb i:after {content:""; display:inline-block; vertical-align:-5%; height:1em; margin:0 .4em 0 .6em; border-right:1px rgba(0,0,0,.3) solid;}

.largeBtnMenu {overflow:hidden;}
.largeBtnMenu > li {position:relative; overflow:hidden;}
.largeBtnMenu > li > a {display:table; width:100%; padding:10px; background:#f5f5f5; text-decoration:none; font-weight:bold;}
.largeBtnMenu > li > a ._pic {display:table-cell; vertical-align:middle;}
.largeBtnMenu > li > a ._pic img {width:100%; height:100%; object-fit:cover;}
.largeBtnMenu > li > a ._txt {display:table-cell; vertical-align:middle;}
.largeBtnMenu > li > a ._pic ~ ._txt {padding-left:15px;}
.largeBtnMenu:not(.-brandIndex) > li > a:after {content:""; display:block; position:absolute; right:0; bottom:0; border-left:16px transparent solid; border-bottom:16px rgba(0,0,0,.1) solid;}

.largeBtnMenu.-brandIndex > li {top:1px; margin-bottom:0; border-bottom:1px #ddd solid;}
.largeBtnMenu.-brandIndex > li > a {background:none;}
.largeBtnMenu.-brandIndex > li > a ._pic img {object-fit:contain;}
.largeBtnMenu.-brandIndex ._txt i {font-style:normal; font-size:77%; color:#707070;}

@media (min-width:601px) {
  .largeBtnMenu {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .largeBtnMenu li {width:calc(50% - 14px); margin:0 28px 28px 0; font-size:1.8rem;}
  .largeBtnMenu li:nth-child(2n) {margin-right:0;}
  .largeBtnMenu > li > a ._pic {width:80px; height:80px;}
}
@media (max-width:600px) {
  .largeBtnMenu li {width:100%; margin-bottom:10px;}
  .largeBtnMenu > li > a ._pic {width:60px; height:60px;}
  .largeBtnMenu > li > a ._pic ~ ._txt {padding-left:10px;}
}

.tabs {width:calc(100% + 10px); margin:1.5em -5px;}
.tabs ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.tabs li {padding:5px; white-space:nowrap;} 
.tabs li > a {display:block; padding:.2em .4em; background:#aaa; text-align:center; text-decoration:none; color:#fff;}
.tabs li > a.-here {background:#a60e0e; font-weight:bold;}

.tabs2 {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border:1px #ddd solid; padding:.2em .4em;}
.tabs2 > li {margin:.1em .6em;}

@media (max-width:600px) {
  .tabs {width:calc(100% + 4px); margin-left:-2px;}
  .tabs li {padding:3px 2px;} 
}

.glossary article + article {margin-top:30px; padding-top:30px; border-top:1px #ddd solid;}
.glossary h3 {font-size:2rem;}

/* H2～H6 */
h2, .h2 {margin-bottom:1.2em; padding:0; border:0; text-align:center; line-height:1.4; font-size:3.0rem; font-weight:bold; color:inherit;}
* + h2, * + .h2 {margin-top:2em;}
h2:before, .h2:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h2:after, .h2:after {content:""; display:block; height:16px; margin-top:1rem; border:0; background:url(../images/common/divider.png) no-repeat 50% 50%; background-size:contain; transform:none; box-shadow:none;}

h3, .h3 {margin-bottom:.75em; padding:0; border:0; line-height:1.45; font-size:2.6rem; font-weight:bold; color:inherit;}
* + h3, * + .h3 {margin-top:1.5em;}
h3:before, .h3:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h3:after, .h3:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

h4, .h4 {margin-bottom:.6em; padding:0; border:0; line-height:1.5; font-size:2.2rem; font-weight:bold; color:inherit;}
* + h4, * + .h4 {margin-top:1.5em;}
h4:before, .h4:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h4:after, .h4:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

h5, .h5 {margin-bottom:.4em; padding:0; border:0; line-height:1.6; font-size:1.8rem; font-weight:bold; color:inherit;}
* + h5, * + .h5 {margin-top:1.2em;}
h5:before, .h5:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h5:after, .h5:after{content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

h6, .h6 {margin:0 0 .2em; padding:0; border:0; line-height:1.6; font-size:1.6rem; font-weight:bold; color:inherit;}
* + h6, * + .h6 {margin-top:.8em;}
h6:before, .h6:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h6:after, .h6:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

@media (max-width:600px) {
  h2, .h2 {}
  h3, .h3 {}
  h4, .h4 {}
  h5, .h5 {}
  h6, .h6 {}
}

/* .btn */
.btn1 a, a.btn1, .btn1 button, button.btn1 {display:inline-block; padding:.4em .8em .5em; border:0; background:#eee; text-decoration:none;}
.btn1 a:before, a.btn1:before, .btn1 button:before, button.btn1:before {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#222 solid; border-width:2px 2px 0 0; transform:rotate(45deg);}
.btn2 a, a.btn2 {}
.btn2 a:before, a.btn2:before {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#222 solid; border-width:2px 2px 0 0; transform:rotate(45deg);}
.btn3 a {display:inline-block; padding:0 .5em; background:#787878; line-height:1.6; text-decoration:none; color:#fff; font-size:1.3rem;}
/* - 拡張子アイコンつき */
.btn1 a[href*=".pdf"]:after, a.btn1[href*=".pdf"]:after, .btn2 a[href*=".pdf"]:after, a.btn2[href*=".pdf"]:after, .btn1 a[href*=".doc"]:after, a.btn1[href*=".doc"]:after, .btn2 a[href*=".doc"]:after, a.btn2[href*=".doc"]:after, .btn1 a[href*=".xls"]:after, a.btn1[href*=".xls"]:after, .btn2 a[href*=".xls"]:after, a.btn2[href*=".xls"]:after, .btn1 a[href*=".ppt"]:after, a.btn1[href*=".ppt"]:after, .btn2 a[href*=".ppt"]:after, a.btn2[href*=".ppt"]:after {content:""; display:inline-block; vertical-align:-24%; width:16px; height:21px; margin:0 .3em;}
.btn1 a[href*=".pdf"]:after, a.btn1[href*=".pdf"]:after, .btn2 a[href*=".pdf"]:after, a.btn2[href*=".pdf"]:after {background:url(./img/icon_ext_pdf.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".doc"]:after, a.btn1[href*=".doc"]:after, .btn2 a[href*=".doc"]:after, a.btn2[href*=".doc"]:after {background:url(./img/icon_ext_word.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".xls"]:after, a.btn1[href*=".xls"]:after, .btn2 a[href*=".xls"]:after, a.btn2[href*=".xls"]:after {background:url(./img/icon_ext_excel.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".ppt"]:after, a.btn1[href*=".ppt"]:after, .btn2 a[href*=".ppt"]:after, a.btn2[href*=".ppt"]:after {background:url(./img/icon_ext_ppt.png) no-repeat 0 0; background-size:contain;}
.btn2 a[href*=".pdf"]:after, a.btn2[href*=".pdf"]:after, .btn2 a[href*=".doc"]:after, a.btn2[href*=".doc"]:after, .btn2 a[href*=".xls"]:after, a.btn2[href*=".xls"]:after, .btn2 a[href*=".ppt"]:after, a.btn2[href*=".ppt"]:after {margin-left:.3em; margin-right:0;}

.backToPageTop {text-align:right; font-size:1.4rem;}
.backToPageTop a:before {content:""; display:inline-block; width:8px; height:8px; margin-right:.5em; border:#000 solid; border-width:2px 2px 0 0; background:linear-gradient(to bottom right, transparent, transparent 40%, #000 40%, #000 60%, transparent 60%, transparent 100%); transform:rotate(-45deg);}

.brandLogoList {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:60px;}
.brandLogoList li a {display:block; position:relative; padding-top:60%;}
.brandLogoList img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
.bnrArea ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:60px;}

@media (min-width:601px){
  .brandLogoList {width:calc(100% + 20px); margin-left:-10px;}
  .brandLogoList li {width:calc((100% - 161px) / 8); margin:10px;}
  .bnrArea li {width:220px; margin-left:20px;}
}
@media (min-width:601px) and (max-width:1250px){
  .bnrArea ul {width:940px; margin-left:auto; margin-right:auto;}
  .bnrArea li:nth-child(4n+1) {margin-left:0;}
  .bnrArea li:nth-child(n+5) {margin-top:20px;}
}
@media (min-width:1251px){
  .bnrArea li:nth-child(5n+1) {margin-left:0;}
  .bnrArea li:nth-child(n+6) {margin-top:20px;}
}
@media (max-width:600px){
  .bnrArea li {width:calc(50% - 6px); margin-bottom:16px; text-align:center;}
  .brandLogoList li {width:calc(25% - 20px); margin:10px;}
  .bnrArea li:nth-child(2n) {margin-left:12px;}
}


/*----------------------------------------------------------------------------------------------------------------------------------------
                                                               ページ個別
----------------------------------------------------------------------------------------------------------------------------------------*/

/* =============== トップページ */

.home_mv li.-yt {position:relative; background:#333;}
.home_mv li.-yt iframe {width:100%; height:56.25vw; position:absolute; left:0; top:50%; transform:translate(0,-50%);}
.home_news {background:#f1f1f1;}
.home_news .slick-slide {position:relative;}
.home_pickup .slick-slide > *,
.home_news .slick-slide > * {display:block; position:relative; text-decoration:none;}
.home_news .slick-slide li {line-height:1.6;}
.home_pickup .slick-slide ._pic,
.home_news .slick-slide ._pic {position:relative; z-index:0; margin-bottom:.8em;}
.home_pickup .slick-slide ._pic:empty,
.home_news .slick-slide ._pic:empty {background:url(../images/common/empty_bg.png) no-repeat 50% 50%; background-size:cover;}
.home_pickup .slick-slide img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.home_news .slick-slide img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; object-fit:contain; transform:translate(-50%,-50%);}
.home_pickup .slick-slide {text-align:center;}
.home_pickup .slick-slide ._pic {padding-top:75%;}
.home_news .slick-slide ._pic {background:#fff; padding-top:66.7%;}
.home_news .-date {position:absolute; z-index:1; display:block; top:0; left:0; padding:0 .6em; background:#a70e0e; line-height:1.6; color:#fff;}
[class*="home_"] .btn3 {position:absolute;}
.slick-prev, .slick-next {z-index:20;}
.home_mv ~ [class*="home_"] .slick-prev {left:30px;}
.home_mv ~ [class*="home_"] .slick-next {right:30px;}

@media (min-width:601px){
  .home_mv {min-width:980px;}
  .home_mv .slick-track {max-height:50vw; overflow:hidden;}
  .home_mv .slick-slide {height:calc(50vw - 8px);}
  .home_mv .slick-slide.-yt ._wrap {position:relative; height:calc(50vw - 8px);}
  .home_mv .slick-slide.-yt iframe {height:100%;}
  .home_mv .slick-slide img {width:100%;}
  .home_pickup {min-width:980px;}
  .home_pickup .content {transition:.15s all;}
  .home_pickup .slider {width:calc(100% + 40px); margin-left:-20px;}
  .home_pickup .slick-slide {width:33.33%; padding:0 20px;}
  .home_news .slider {width:calc(100% + 40px); margin-left:-20px;}
  .home_news .slick-slide {width:25%; padding:0 20px;}
  .home_news .slick-slide .-date {left:20px;}
  .home_pickup h2,
  .home_news h2 {margin-bottom:2.4em;}
  [class*="home_"] .btn3 {right:0; top:calc(60px + 9rem);}
}
@media (min-width:601px) and (max-width:1201px){
  .home_pickup .content {max-width:calc(100% - 15px - (100vw - 980px) * .2));}
}
@media (min-width:1201px){
  .home_pickup .content {max-width:calc(100% - 37px - (100vw - 1200px) * .2);}
}
@media (max-width:600px){
  .home_mv .slick-track {max-height:80vw; overflow:hidden;}
  .home_mv .slick-slide {height:80vw;}
  .home_mv .slick-slide img {width:100%; height:100%; object-fit:cover;}
  .home_pickup .slick-prev, .home_pickup .slick-next,
  .home_news .slick-prev, .home_news .slick-next {display:none!important;}
  .home_pickup .slider {margin-left:-16px; width:100vw;}
  .home_pickup .slick-slide {padding:0 10px;}
  .home_news .slider {margin-left:calc(-50vw - 16px); width:200vw;}
  .home_news .slick-slide {padding:0 10px;}
  .home_news .slick-slide .-date {left:10px;}
  .home_pickup h2,
  .home_news h2 {margin-bottom:1.6em;}
  [class*="home_"] .btn3 {right:0; top:calc(30px + 8rem);}
}


/* =============== products */

.prdctCtgTopTitle {position:relative; overflow:hidden;}
.prdctCtgTopTitle ._pic,
.prdctCtgTopTitle ._pic .slick-slide img {position:absolute; top:0; left:0; width:100%;}
.prdctCtgTopTitle ._pic {z-index:0;}
.prdctCtgTopTitle:before {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,.4);}
.prdctCtgTopTitle > .content {z-index:10; display:table; width:100%; height:100%; text-align:center; color:#fff;}
.prdctCtgTopTitle > .content .-wrap {display:table-cell; vertical-align:middle;}
.prdctCtgTopTitle h1 {line-height:1.2; letter-spacing:.04em;}

@media (min-width:601px) {
  .prdctCtgTopTitle,
  .prdctCtgTopTitle ._pic,
  .prdctCtgTopTitle ._pic .slick-list * {height:350px;}
  .prdctCtgTopTitle h1 {font-size:6rem;}
}
@media (max-width:600px) {
  .prdctCtgTopTitle .content {margin:0; padding:0 16px;}
  .prdctCtgTopTitle,
  .prdctCtgTopTitle ._pic,
  .prdctCtgTopTitle ._pic .slick-list * {height:33vw;}
  .prdctCtgTopTitle h1 {font-size:4rem;}
}

.prdctList,
.prdctList > li a {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.prdctList > li {border:1px #ddd solid; text-align:center;}
.prdctList > li a {height:100%; padding:18px 18px 12px; text-decoration:none; -ms-flex-line-pack:justify; align-content:space-between;}
.prdctList > li ._pic {position:relative; width:100%; padding-top:calc(100% - 3rem); margin-bottom:.6rem;}
.prdctList > li ._pic img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.prdctList > li ._txt {width:100%; line-height:1.5;}

@media (min-width:601px) {
  .prdctList > li {width:calc(25% - 12px); margin:6px;}
}
@media (max-width:600px) {
  .prdctList > li {width:calc(50% - 12px); margin:6px;}
}

.prdctDesc ._firstline {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.prdctDesc .-series a {text-decoration:none;}
.prdctDesc .-logoImg {margin:0 0 1rem 2rem;}
.prdctDesc .-series {font-size:1.4rem;}
.prdctDesc .-series a:not(:last-of-type):after {content:""; display:inline-block; vertical-align:5%; width:6px; height:6px; margin:0 .2em 0 .4em; border:1px #333 solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.prdctDesc h1 {line-height:1.4; font-size:3rem;}
.prdctDesc .-tags > span {display:inline-block; padding:0 .4em; background:#ba1a1a; line-height:1.5; color:#fff; font-size:1.4rem; font-weight:bold;}
.prdctDesc .-tags > span.-dscn {background:#707070;}
.prdctDesc ._pics .-main {padding-top:100%; border:1px #ddd solid;}
.prdctDesc ._pics .-main .slick-list {position:absolute; top:0; left:0; width:100%; height:100%;}
.prdctDesc ._pics .-main .slick-track {height:100%;}
.prdctDesc ._pics .-main .slick-slide {position:relative; width:100%; height:100%;}
.prdctDesc ._pics .-main .slick-slide img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain;}
.prdctDesc ._pics .-thumbs {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 10px); margin:18px 0 0 -5px;}
.prdctDesc ._pics .-thumbs > li {position:relative;margin:4px; border:1px #ddd solid;}
.prdctDesc ._pics .-thumbs img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.prdctDesc ._specTable {line-height:1.5;}
.prdctDesc ._specTable:not(:first-child) {margin-top:30px;}
.prdctDesc ._specTable > div {display:table; width:100%;}
.prdctDesc ._specTable dt {font-weight:bold;}
.prdctDesc ._txt2 .-more > ul {margin:0;}
.prdctDesc ._txt2 .-more > ul > li,
.prdctDesc ._txt2 .-cf > article {width:100%; margin-top:-1px; padding:1em 0; border:#333 solid; border-width:1px 0; overflow:hidden;}
.prdctDesc ._txt2 ._pic {position:relative; top:.5em; margin-bottom:1.5em; text-align:center;}
.prdctDesc ._txt2 ._pic img {max-width:100%;}
.prdctDesc ._txt2 ._pic + * {margin-top:0;}
.prdctDesc ._txt2 .-more > ul > li > p:first-child > strong:first-child,
.prdctDesc ._txt2 .-more ._pic + p > strong:first-child {display:inline-block: margin-bottom:.6em; font-size:1.8rem;}
.prdctDesc ._txt2 .-more *[style*="font-family"] {font-family:inherit!important;}
.prdctDesc ._txt2 .-cf h3 {margin-bottom:0; font-size:1.8rem;}

@media (min-width:601px) {
  .prdctDesc ._header,
  .prdctDesc ._txt1 {width:calc(50% - 50px); float:right; margin-bottom:30px;}
  .prdctDesc .-logoImg img {max-height:70px; max-width:145px;}
  .prdctDesc ._pics {width:50%; float:left; margin-bottom:50px;}
  .prdctDesc ._pics .-thumbs > li {width:calc((99.99% - 56px) / 7); padding-top:calc((99.99% - 56px) / 7); cursor:pointer;}
  .prdctDesc ._specTable > div:nth-child(2n+1) {background:#f1f1f1;}
  .prdctDesc ._specTable > div > * {display:table-cell;}
  .prdctDesc ._specTable dt {width:10em; padding:.4em .5em .1em;}
  .prdctDesc ._specTable dd {padding:0 .5em .4em;}
  .prdctDesc ._txt2 {clear:both;}
  .prdctDesc ._txt2 .-more > ul,
  .prdctDesc ._txt2 .-cf {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .prdctDesc ._txt2 .-cf > article:only-child {width:100%;}
/*  .prdctDesc ._txt2 .-more > ul > li {width:calc(50% - 15px);}
  .prdctDesc ._txt2 .-more > ul > li:nth-child(2n) {margin-left:30px;}*/
  .prdctDesc ._txt2 ._pic {float:right; max-width:35%; margin-left:1.2em;}
}
@media (max-width:600px) {
  .prdctDesc ._header,
  .prdctDesc ._pics {margin-bottom:1.4em;}
  .prdctDesc .-logoImg img {max-height:50px; max-width:90px;}
  .prdctDesc ._txt1 {margin-bottom:2em;}
  .prdctDesc ._specTable dt {padding:.1em .5em; background:#f1f1f1;}
  .prdctDesc ._specTable dd {padding:.4em .5em .8em;}
  .prdctDesc ._pics .-thumbs > li {width:calc((99.99% - 40px) / 5); padding-top:calc((99.99% - 40px) / 5);}
  main .content iframe {width:100%; height:calc((100vw - 32px) * .5625);}
}

.dscnIndex h2 {position:relative; margin-bottom:.6em; padding-left:18px; text-align:left;}
.dscnIndex h2 ~ h2 {margin-top:.3em;}
.dscnIndex h2:before,
.dscnIndex h2:after {content:""; display:block; width:7px; height:0; position:absolute; top:50%; left:0; margin:0; border-top:1px #a60e0e solid; transition:.2s all;}
.dscnIndex h2:not(.-on):after {transform:rotate(90deg);}
.dscnIndex h2 + * {position:relative; max-height:0; overflow:hidden; transition:.2s max-height; border-left:6px #ddd solid; padding-left:16px;}
.dscnIndex h2.-on + * {max-height:99999px; margin-bottom:80px;}
.dscnIndex h3,
.dscnIndex h4 {margin-bottom:.2em;}
.dscnIndex h3:not(:first-child),
.dscnIndex h4:not(:first-child) {margin-top:1em;}
.dscnIndex h3 + h4:not(:first-child) {margin-top:0;}
.dscnIndex ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0;}
.dscnIndex ul li:not(last-child):after {content:"/"; margin:0 .6em;}


/* =============== artists */

/* 旧 */
.tabs.-artists li {width:25%;}
.artistList dt {margin-bottom:2rem; padding:.2em .6em; border-left:0px #a60e0e solid; background:#f1f1f1; line-height:1.5; font-size:1.8rem; font-weight:bold;}
.artistList dt a {display:inline-block; padding:0 .4em; background:#a60e0e; line-height:1.3; font-size:1.3rem; font-weight:normal; color:#fff; text-decoration:none;}
.artistList dt a:before {content:""; display:inline-block; vertical-align:8%; width:5px; height:5px; margin:0 .4em 0 -2px; border:#fff solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.artistList dt a:first-of-type {margin-left:1em;}
.artistList dd:after {content:""; display:block; clear:both;}
.artistList dd ._pic, 
.artistList dd > img {float:right; margin:0 0 1em 1.5em;}
.artistList dd img {max-height:100px;}
.artistList dd hr {clear:both; margin:1.5em 0;}

.artistList.-wcgl dt img {float:left; margin:-.2em 1.5rem 2rem -.6em; width:20%; max-width:120px;}
.artistList.-wcgl dt span {display:inline-block; line-height:1.4; font-size:1.6rem;}
.artistList.-wcgl dd img {max-height:100vh;}
.artistList.-wcgl dd img + img {margin-right:-1em;}
.artistList.-wcgl dd img.-prof {float:left; margin:0 1.5rem 2rem 0; width:20%; max-width:120px; height:auto;}

@media (min-width:601px) {
  .artistList {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .artistList:not(.-wcgl) > div {width:calc(50% - 20px); margin-bottom:50px;}
  .artistList:not(.-wcgl) > div:nth-child(2n) {margin-left:40px;}
  .artistList.-wcgl > div + div {margin-top:40px;}
  .artistList.-wcgl dd img {height:240px;}
  .artistList.-wcgl .-price {display:inline-block;}
}
@media (max-width:600px) {
  .tabs.-artists li {width:23%;}
  .tabs.-artists li:nth-child(4) {width:31%;}
  .artistList > div + div {margin-top:40px;}
  .artistList.-wcgl dt img,
  .artistList.-wcgl dd img.-prof {width:80px;}
  .artistList.-wcgl dt span {max-width:calc(100% - 80px - 1.5rem);}
  .artistList.-wcgl dd img {height:180px;}
  .artistList.-wcgl dd .-price {clear:left;}
}

.artistMenu {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.artistMenu a {display:block; text-decoration:none; text-align:center;}
.artistMenu ._pic {position:relative; margin-bottom:.6em; padding-top:100%; background:rgba(0,0,0,.5);}
.artistMenu ._pic img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.artistMenu i {display:block; font-size:1.3rem; font-style:normal;}

@media (min-width:601px) {
  .artistMenu > li {width:calc(20% - 20px); margin:0 25px 25px 0;}
  .artistMenu > li:nth-child(5n) {margin-right:0;}
}
@media (max-width:600px) {
  .artistMenu > li {width:calc(50% - 6px); margin:0 12px 25px 0;}
  .artistMenu > li:nth-child(2n) {margin-right:0;}
}

.artistDesc h2:after {display:none;}
.artistDesc h2 i {display:block; margin-top:.2em; font-size:70%; font-style:normal;}
.artistDesc ._pic {margin:0 auto 40px; text-align:center;}
.artistDesc ._txt {margin-top:3em;}
  
@media (min-width:601px) {
  .artistDesc {max-width:850px;}
  .artistDesc ._pic {width:700px;}
  .artistDesc ._model {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
}

/* =============== dealers */

.dealerIndex > div {display:table; width:100%; padding:15px 0;}
.dealerIndex > div:not(:last-child) {border-bottom:1px #ddd solid;}
.dealerIndex > div > * {display:table-cell; vertical-align:middle;}
.dealerIndex dt {width:14.5rem; padding-right:2rem; color:#fff; text-align:center; font-weight:bold; font-size:2rem;}
.dealerIndex dt a {display:block; padding:.5em 0; background:#a60e0e; text-decoration:none; white-space:nowrap;}
.dealerIndex dd {overflow:hidden;}
.dealerIndex dd a {position:relative; left:-2rem; display:inline-block; margin-left:2rem;}
.dealerIndex dd a:before {content:""; display:block; position:absolute; left:-1rem; top:50%; height:1em; border-left:1px #bbb solid; transform:translate(0,-50%);}

@media (min-width:601px) {
  .dealerIndex {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .dealerIndex > div {width:calc(50% - 15px);}
  .dealerIndex > div:nth-child(2n) {margin-left:30px;}  
  .dealerIndex > div:nth-child(2n+1):nth-last-child(2) {border-bottom:0;}  
}

.tabs.-dealers1 ~ h2[id]:after {content:"（店名アイウエオ順）"; height:calc(16px + 2.5rem); margin-top:.2em; background-size:auto 16px; background-position:center bottom; font-size:1.3rem; line-height:1; color:#888;}
.dealerList {margin:1.5em 0;}
.dealerList dt {padding:.6em .8em 0; font-weight:bold; font-size:1.7rem;}
.dealerList dt a {display:inline-block; padding:0 .4em; background:#a60e0e; line-height:1.3; font-size:1.3rem; font-weight:normal; color:#fff; text-decoration:none;}
.dealerList dt a:before {content:""; display:inline-block; vertical-align:8%; width:5px; height:5px; margin:0 .4em 0 -2px; border:#fff solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.dealerList dt a:first-of-type {margin-left:1em;}
.dealerList dd {padding:0 .8em .6em 1.6em;}
.dealerList dt:nth-of-type(2n+1),
.dealerList dt:nth-of-type(2n+1) + dd {background:#f1f1f1;}

@media (min-width:601px) {
  .tabs.-dealers1 li {width:8.5%;}
  .tabs.-dealers1 li:nth-child(7),
  .tabs.-dealers1 li:nth-child(11) {width:11.75%;}
}
@media (max-width:600px) {
  .tabs.-dealers1 li {min-width:4em;}
}

/* =============== support */

.faqIndex {margin-bottom:100px; padding:1em 1.4em; background:#f1f1f1;}
.faqIndex dt {font-weight:bold; font-size:1.8rem;}
.faqIndex * + dt {margin-top:1em;}
.faqIndex dd {display:list-item; list-style-type:decimal; margin:0 0 .4em 2em;}
.faqBody li {padding-left:2rem; overflow:hidden;}
.faqBody li + li {margin-top:3em;}
.faqBody h3 {position:relative; margin:0 0 .5em -2rem; font-size:2rem;}
.faqBody h3:after {content:""; display:block; height:100vh; width:6px; position:absolute; left:0; top:calc(100% + .5em); background:#f1f1f1;}
.faqBody h3 > b:first-child {display:inline-block; margin-right:.6em; color:#a60e0e;}

.contactNote {margin:1.5em 0 60px; padding:1em 1.4em; background:#f1f1f1;}
.contactNote h2 {margin-bottom:.3em; font-size:2rem;}
.contactNote h2:after {display:none;}
.contactNote .-important {margin-top:1.2em; padding:.6em 1em; background:rgba(255,0,50,.06); color:#d03; font-weight:500;}

.omIndex {margin-bottom:100px; padding:1em 1.4em; background:#f1f1f1;}
.omIndex dt {font-weight:bold; font-size:1.8rem;}
.omIndex * + dt {margin-top:.6em;}
.omIndex dd {display:list-item; list-style-type:disc; margin-left:1.5em;}
.omIndex ~ h3 {padding-left:8px; border-left:3px #a60e0e solid;}
.omIndex ~ h4 {color:#a60e0e;}
.omIndex ~ * img {max-width:100%; margin:25px 0;}
.omIndex ~ * img + img {margin-top:0;}

main .dlCtf.-ok {display:none;}
main .dlCtf:not(.-ok) {padding-bottom:200px;}
main .dlCtf:not(.-ok) ~ .dlBody {display:none;}
[class*="dlLogo"] > div {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
[class*="dlLogo"] a {display:inline-block; margin:2px; padding:0 .4em; background:#a60e0e; line-height:1.3; font-size:1.3rem; font-weight:normal; color:#fff; text-decoration:none;}
[class*="dlLogo"] a:before {content:""; display:inline-block; vertical-align:8%; width:5px; height:5px; margin:0 .4em 0 -2px; border:#fff solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.dlLogoAria  {margin-bottom:50px;}
.dlLogoAria img {vertical-align:middle; margin-right:15px;}
.dlLogoOther > div {padding:.2em .8em;}
.dlLogoOther > div:nth-child(2n+1) {background:#f1f1f1;}
.dlLogoOther dt {width:18rem;}
.dlPressPhotos h3 {position:relative; /*padding-left:18px;*/}
.dlPressPhotos h3 ~ h3 {margin-top:.3em;}
/*.dlPressPhotos h3:before,
.dlPressPhotos h3:after {content:""; display:block; width:7px; position:absolute; top:50%; left:0; border-top:1px #a60e0e solid; transition:.2s all;}
.dlPressPhotos h3:not(.-on):after {transform:rotate(90deg);}*/
.dlPressPhotos h3 + * {position:relative; /*max-height:0; overflow:hidden;*/ transition:.2s max-height; border-left:6px #ddd solid; padding-left:16px;/*}
.dlPressPhotos h3.-on + * {*/max-height:99999px; margin-bottom:80px;}
.dlPressPhotos li {position:relztive;}
.dlPressPhotos a {display:inline-block; position:relative; text-decoration:none; font-size:2.4rem; color:#a60e0e;}
.dlPressPhotos li > a:first-of-type {margin-left:1em;}
.dlPressPhotos a .dlPreview {position:absolute; z-index:500; left:120%; bottom:80%; width:200px; height:200px; background:#eee; border:3px #eee solid;}
.dlPressPhotos a .dlPreview img {max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

@media (min-width:601px) {
  .tabs.-support li {width:25%;}
  .dlLogoAria > div {padding:.6em 0;}
  .dlLogoAria dt {width:250px;}
  .dlLogoOther {columns:2;}
}
@media (min-width:1181px) {
  .dlLogoOther {columns:3;}
}
@media (max-width:600px) {
  .tabs.-support li {width:50%;}
  .dlLogoAria dt {width:100%;}
}

/* =============== about */

.tabs.-about li {width:33.33%;}

@media (min-width:601px) {
  img[src*="about/showroom"] {margin:5px 0;}
}
@media (max-width:600px) {
}


/* =============== 新着情報 */

.pickupArchives article + article:before {content:""; display:block; margin:120px 0 100px; border-top:1px #ddd solid;}
[class*="pickup"] ._date,
.newsEntry ._date {font-size:1.4rem; font-weight:normal; font-family:'Heebo', "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;; color:#555;}
.pickupArchives article h2 {margin-top:0; border-bottom:2px #a60e0e solid; text-align:left;}
.pickupArchives article h2:after {display:none;}
.entryBody img {max-width:100%; height:auto;}

.pickupEntry h1,
.newsEntry h1 {margin-bottom:1.2rem; border-bottom:2px #a60e0e solid; font-size:4rem;}

.newsIndex > li {position:relative; opacity:1; transition:opacity .3s;}
.newsIndex > li.-last ~ li {opacity:0; margin:0; padding:0; border:0;}
.newsIndex > li.-last ~ li > * {display:none;}
.newsIndex > li:after {content:""; display:block; clear:both;}
.newsIndex ._pic {position:relative; float:left; box-shadow:0 0 6px rgba(0,0,0,.1);}
.newsIndex ._pic:empty {background:url(../images/common/empty_bg.png) no-repeat 50% 50%; background-size:cover;}
.newsIndex ._pic img {position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; object-fit:contain; transform:translate(-50%,-50%);}
.newsIndex ._txt {float:right;}
.newsIndex ._txt b {display:block; color:#a60e0e; font-size:1.5rem;}
.newsIndex ._txt p {margin-top:0;}
.newsIndex a ._txt p {text-decoration:underline;}

@media (min-width:601px) {
  .newsIndex {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .newsIndex > li {width:calc(50% - 20px); padding:20px 0; border-bottom:1px #ddd solid;}
  .newsIndex > li:last-child,
  .newsIndex > li:nth-last-child(2):nth-child(2n+1) {border-bottom:0;}
  .newsIndex > li:nth-child(2n) {margin-left:40px;}
  .newsIndex ._pic {width:120px; height:120px;}
  .newsIndex ._txt {width:calc(100% - 138px);}
}
@media (max-width:600px) {
  .pickupArchives article + article:before {margin:60px 0 80px;}
  .newsIndex > li + li {margin-top:20px; padding-top:20px; border-top:1px #ddd solid;}
  .newsIndex ._pic {width:80px; height:80px;}
  .newsIndex ._txt {width:calc(100% - 95px);}
}



/* =============== サイト内検索 */

#fs-result-items {margin:2em 0;}
#fs-result-items li a {display:block; padding:1rem; text-decoration:none;}
#fs-result-items li a:hover {text-decoration:underline;}
#fs-result-items li:nth-child(2n) {background:#f4f4f4;}
.fs-paginate {margin:30px 0; text-align:center;}
.fs-paginate li {display:inline-block;}
.fs-paginate .fs-current:only-child {display:none;}
.fs-paginate a {display:inline-block; margin:6px 1px; padding:1px 6px; text-decoration:none;}

[data-mysuggest]{display:inline-block; margin:0; padding:0;}
[data-mysuggest] ul{margin:0; padding:0; color:#333; background-color:#FFF; position:absolute; left:0; top:100%; z-index:900;}
[data-mysuggest] ul:after{content:""; clear:both; display:block;}
[data-mysuggest] ul li{display:block; position:relative; margin:0 0 -1px 0; padding:10px 20px 10px 15px; border:1px solid #DDD; cursor:pointer;}
[data-mysuggest] ul li:first-child{margin-top:0px; border-top-left-radius:4px; border-top-right-radius:4px;}
[data-mysuggest] ul li:last-child{border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
[data-mysuggest] ul li::after{position:absolute; top:50%; right:15px; display:block; content:''; width:8px; height:8px; margin-top:-4px; border-top:1px solid #888; border-right:1px solid #888; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
[data-mysuggest] ul li.totch{background-color:#DDD;}
@media screen and (max-width:7600px){/* スマホ用記述 */}


/*----------------------------------------------------------------------------------------------------------------------------------------
                                                              コピペ用
----------------------------------------------------------------------------------------------------------------------------------------*/

/* flex */
.flex {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex.-spaceBetween {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.flex.-equal > * {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1}
/* gradient */
.gradient {background:-webkit-linear-gradient(90deg, #eee 0%, #ddd 100%); background:linear-gradient(90deg, #eee 0%, #ddd 100%);}
.gradient.-multi {background:-webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 33%, rgba(245,242,235,.2) 67%, rgba(255,255,255,0) 100%);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 33%, rgba(245,242,235,.2) 67%, rgba(255,255,255,0) 100%);}
/* ストライプ */
.stripe {background:linear-gradient(-45deg, rgba(0,0,0,.2) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(0,0,0,.2)  50%, rgba(0,0,0,.2)  75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0)); background-size:4px 4px;}