/*
Theme Name: BlankSlate-Child
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
Template: blankslate
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@font-face {
  font-family: 'Planet Web';
  src: url('./font/Platform-Bold-Web.woff2') format('woff2');
}

* {font-family: 'IBM Plex Sans', Arial, Helvetica, 'Noto Sans JP',  sans-serif;}
h1, h2, h3, h4, h5 {font-family: 'Planet Web', 'Noto Sans JP',sans-serif;font-weight: bold;}

body {line-height: 1.7;}

ol,ul,li {list-style:none;list-style-type:none;padding:0;}
a, a img {transition: all ease 0.3s;}
#header {background: #e4eae7;color: #111;}
#footer {background: #111;color: #fff;}

a {text-decoration: none;color: #111;}
a:hover {background-color: rgba(50,50,50,0.1);}
.aioseo-breadcrumb a {text-decoration: underline;color: rgb(13,110,253);}

/*HEADER*/
#header #site-title h1 {margin-bottom: 0;}
#header #site-title a:hover img {opacity: 0.7;}

#menu {position: relative;}
#menu .menu-mainmenu-container {position: relative;/*display: none;*/}
#menu ul {display: block;align-items: flex-end;margin-bottom: 0;/*margin-top: 2em;*/}
#menu li {display: block;width: 100%;border-top: 1px solid #666;}
#menu li a {color: #111;text-decoration: none;display: block;padding: 1em;font-family: 'Roboto', 'Noto Sans JP', sans-serif;}
#menu li a:hover {color: #a11;background-color: rgba(255,255,255,0.3);}
#nav-content {display: none;transition: all ease 0.3s;margin-top: 1em;}

/*ハンバーガーメニュー用*/
.nav-unshown {display: none;}
#nav-open {display: block;font-size: 8vw;/*height: 20vw;*/}
#nav-open span, #nav-open span:before, #nav-open span:after {display: block;background: #fff;width:1.2em;height: 0.08em;position:absolute;right:0.5em;transition: 0.3s background ease;border-radius: 0.1em;content: "";cursor: pointer;top: -3vw;}
#nav-open span:before, #nav-open span:after {right: 0;transform-origin: 0 50%;transition: all ease 0.3s;}
#nav-open span:before {top:-0.4em;}
#nav-open span:after {top:0.4em;}
#nav-input:checked ~ #nav-content {display: block;}
#nav-input:checked ~ #nav-open span {background: transparent;}
#nav-input:checked ~ #nav-open span:before {transform: translate(0.25em,-0.02em) rotate(45deg);top: -0.75em;}
#nav-input:checked ~ #nav-open span:after {transform: translate(0.25em,0) rotate(-45deg);top: 0.08em;}

@media screen and (min-width: 768px){
#nav-open {display: none;}
#nav-content {display: block;margin-top: 0;}
#menu .menu-mainmenu-container {position: absolute;bottom: 0;display: block;}
#menu ul {display: flex;margin-top: 0;}
#menu li {width: auto;padding-right: 2em;border-top: none;}
#menu li a {padding: 0 0.5em;}
#menu li a:hover {background-color: transparent;}
}

/*TOP PAGE*/
main#content ul#topcatlist, main#content ul#bytype {display: flex;justify-content: space-between;flex-wrap: wrap;}
main#content ul#topcatlist li {flex-basis: 100%;padding: 0.5em;}
main#content ul#bytype {background-color: #000;}
main#content ul#bytype li {flex-basis: 20%;padding: 0;}
main#content ul#topcatlist li a {background: rgba(0,0,0,0);display: block;padding: 0;color: #fff;text-decoration: none;font-weight: 500;font-size: 2em;height: 40vh;text-shadow:0 0 10px #000 ;line-height: 1.1;position: relative;background-size: cover;background-position: top center;font-family: 'Planet Web', 'Noto Sans JP',sans-serif;background-repeat: no-repeat;/*padding-top: 33vh;*/border-radius: 2%;}
main#content ul#topcatlist.allproducts li a::after {content: attr(title);font-weight: 400;font-size: 0.9rem;display: block;line-height: 1.4;}

main#content ul#topcatlist li.cat-item-3 a {background-image: url(../../uploads/home-card-type-amplification-rd.png);}/*Amp*/
main#content ul#topcatlist li.cat-item-4 a {background-image: url(../../uploads/home-card-type-pedals-rd.png);}/*Pedal*/
main#content ul#topcatlist li.cat-item-5 a {background-image: url(../../uploads/home-card-type-acoustic-pickups-rd.png);}/*AcoPU*/
main#content ul#topcatlist li.cat-item-6 a {background-image: url(../../uploads/);}/*OBPre*/
main#content ul#topcatlist li.cat-item-7 a {background-image: url(../../uploads/home-card-type-electric-pickups-rd.png);}/*ElecPU*/
main#content ul#topcatlist li.cat-item-8 a {background-image: url(../../uploads/home-card-type-computer-music-rd.png);}/*CPM*/
main#content ul#topcatlist li.cat-item-30 a {background-image: url(../../uploads/);}/*Parts*/
main#content ul#topcatlist li a:hover, main#content ul#bytype li a:hover {opacity: 0.8;}

main#content ul#artists li img {border-radius: 50%;}
main#content ul#artists li p.quote {font-size: 0.8em;line-height:1.2;}
main#content ul#artists li a {color: #72791b;font-size: 0.8em;text-decoration: underline;}

.hero-video-container { position: relative; width: 100%; height: 100vh; overflow: hidden;}
.hero-video-container iframe { position: absolute; top: 50%; left: 50%; width: 177.77vh; height: 100vh; transform: translate(-50%, -50%); pointer-events: none; }

/*topcatnewlist*/
main#content ul#topcatnewlist {display: flex;justify-content: flex-start;flex-wrap: wrap;}
main#content ul#topcatnewlist li {flex-basis: 100%;padding: 0.5em;}
main#content ul#topcatnewlist li a {font-size: 1.5em;width: 100%;display: block;overflow: hidden;padding-left:0.5em;/*border: 1px solid #eee;border-radius: 0.5em;*/}
main#content ul#topcatnewlist.allproducts li a::after {content: attr(title);font-size: 0.9rem;display: block;}

main#content ul#topcatnewlist li a:hover {background-blend-mode:luminosity;}

@media screen and (min-width: 576px){
  main#content ul#topcatlist li {flex-basis: 50%;}
}

@media screen and (min-width: 768px){
main#content ul#topcatnewlist li {flex-basis: 50%;}
}

@media screen and (min-width: 992px){
  main#content ul#topcatlist li {flex-basis: 20%;}
  main#content ul#topcatlist li a {height: 30vh;}
}

@media screen and (min-width: 1200px){
main#content ul#topcatnewlist li {flex-basis: 25%;}
main#content ul#topcatlist li a {height: 35vh;}
}

@media screen and (min-width: 1400px){
  main#content ul#topcatlist li a {height: 40vh;}
}

main#content ul#topcatlist.aboutpages li a {font-size: 2em;height: 30vh;}

main#content ul#topcatlist li a:hover {background-blend-mode:luminosity;}

#topnews > a {margin: 0 auto;display: block;width: 10%;min-width: 7em;}
#topnewslist span {display: inline-block;}
#topnewslist h5 {display: inline-block;}

@media screen and (min-width: 992px){
/*main#content ul#topcatlist li {flex-basis: 33%;}
main#content ul#topcatlist.allproducts li:last-of-type {flex-basis: 100%;} */
main#content ul#topcatlist li.trr {flex-basis: 33%;}
main#content ul#topcatlist li a {/*height: 45vh;*/font-size: 2em;}
main#content ul#topcatlist.aboutpages li a {height: 45vh;}
}

article {border-collapse: collapse;}

#topitemlist {align-items: stretch;align-content: space-between;}
div.row > article div.entry-summary {height: 100%;}
.entry-summary {transition: all 0.3s;position: relative;overflow: hidden;}
.entry-summary:hover {box-shadow:0 0 20px rgb(0, 0, 0, 0.5), 0 2px 5px rgba(0, 0, 0, 0.3);}
.entry-summary span.newmark {position: absolute;font-size: 1em;top: 0.3em;left: 0.3em;background-color: #f00;color: #fff;padding: 0.2em;display: block;width: 3em;height:3em;font-weight: 600;border-radius: 1.5em;line-height: 2.6em;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
p.ensumname {font-size: 0.85em;color: #999;line-height: 1.2;}

ul.page-numbers {margin: 1em auto;text-align: center;display: flex;justify-content: center;}
ul.page-numbers li a {padding: 1em;}
ul.page-numbers li span.current {padding: 1em;font-weight: 600;}

/*ITEM PAGE*/
figure.alignright { float: right; margin-left: 1em;margin-bottom: 1em;}
figure.alignleft { float: left; margin-right: 1em; margin-bottom: 1em;}
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em;}
article .price span {font-size: 80%;vertical-align: bottom;}
#wideimage {overflow: hidden;margin: /*-1vw*/ 0;/*z-index: -100;*/position: relative;display: block;/*display: none;*/}
#wideimage img, ul.addimgs img {width: 100%;height: auto;}
ul.addimgs a {border: 1px solid #DEE2E6;display: block;background-color: #333;cursor:zoom-in;}
ul.addimgs li a:hover {mix-blend-mode: luminosity;}
.entry-footer a {color: #1a0dab;text-decoration: underline;padding: 0.2em;}
p.note {font-size: 80%;}
article.post .entry-content h4 {margin-top: 1em;}

article.post a.cartbtn {background-color: #5da6fb;color: #fff;text-align: center;padding: 0.5em;font-weight: 600;border-radius: 5px;font-size: 1.5em;font-family: 'Planet Web', 'Noto Sans JP',sans-serif;}
article.post a.cartbtn::before {content: url(./img/cart.svg);height: 1em;width: 1em;display: inline-block;position: relative;top: 0.1em;margin-right: 0.5em;}
article.post a.cartbtn.bg-dark::before {content: "";margin-right: 0;width: 0;}
article.post a.cartbtn:hover {background-color: orange;}

.wp-block-columns.spacebetween {justify-content: space-between;}

.variation-radio {position: absolute; opacity: 0; width: 0; height: 0;}
.style-label {cursor: pointer; border: 1px solid #ddd; transition: all 0.2s ease-in-out; user-select: none; text-align: center;height: 100%;padding: 0.75em;display: flex; flex-direction: column; justify-content: center; align-items: center;}
/*.style-option {flex: 1 1 auto;min-height: 100px;}*/
.variation-radio:checked + .style-label { border-color: #72791b;}
.style-label:hover { border-color: #72791b;}
.style-name {text-transform: uppercase;font-weight: 600;line-height: 1.2;}
.style-desc p { font-size: 0.75em; color: #666; margin-bottom: 0;line-height: 1.1;}

.specsheet ul li {width: 100%;margin-top: 0.875em;padding-bottom: 0.875em;border-bottom: 1px solid #000;}
.specsheet ul li span.label {font-weight: 600;}
.specsheet ul li span.value {padding-left: 0.5em;}

@media screen and (min-width: 1024px){
  .specsheet ul li {width: 47.5%;}
  .specsheet ul li:first-of-type {width: 100%;}
}

.product-selector-container select { border: 1px solid #ccc; border-radius: 4px; font-size: 16px; background-color: #fff; cursor: pointer;width: 100%;}
.product-selector-container label {display: block;}

.product-info-table {width: 100%; border-collapse: collapse; margin-top: 20px;}
.product-info-table th, .product-info-table td {border: 1px solid #ccc; padding: 10px; text-align: center;}
.product-info-table th {background-color: #f2f2f2; font-weight: bold;}
.product-info-table + span, .product-selector-container span.link {font-size: 80%;color: #999;text-align: right;display:block;}
.product-selector-container span.link a {color: #999;}

/*Aboutページ用（他にも影響）*/
blockquote {font-style: italic;}
figcaption {color: #666;}


article.page .entry-content h2 {margin-bottom: 1em;}
article.page .entry-content h3 {margin-top: 2em;}
article.page .entry-content hr.wp-block-separator {margin-top: 3em;}

figcaption {font-size: 80%;}

/*固定ページ*//*
.wp-block-cover {margin-bottom: 3em;}
.wp-block-cover.text-md-black {color: #000;}
#toppagearea .wp-block-cover {margin-bottom: 0em;}
.wp-block-cover > img {display: none;}
.wp-block-cover__inner-container {padding: 0 2em;}
.wp-block-cover__inner-container p {width: 100%;}
*/

/*TAG PAGE*/
.tagpage .cover {background-repeat: no-repeat;background-size: cover;background-position: right center;color: #fff;/*height: 50vh;*/align-items: center;}
.tagpage .inner_cover {background-repeat: no-repeat;background-size: cover;background-position: right center;height: 50vh;}
.tagpage #loudbox .inner_cover {height: 60vh;}
.tagpage #fluence .inner_cover {height: 55vh;}
.tagpage #tripleplay .inner_cover {height: 75vh;}
.tagpage #tripleplay .inner_text {background-color: #fff;}
.tagpage .inner_text {height: auto;}
.tagpage .cover_text {padding: 5em 3em;}
.tagpage .cover2, .tagpage .cover3, .tagpage .cover4, .tagpage .cover6 {color: #000;/*height: 50vh;*/}
/*.tagpage #tripleplay .cover {height: 70vh;}*/
.tagpage #afx .cover1 {background-image: url(../../uploads/afx-pedals-story-1.jpg);}
.tagpage #afx .cover2 .inner_cover {background-image: url(../../uploads/afx-pedals-story-2.jpg);}
.tagpage #afx .cover3 .inner_cover {background-image: url(../../uploads/afx-pedals-story-3.jpg);}
.tagpage #afx .cover4 .inner_cover {background-image: url(../../uploads/afx-pedals-story-4.jpg);}
.tagpage #afx .cover5 {background-image: url(../../uploads/afx-pedals-story-5.jpg);}
.tagpage #loudbox .cover2 .inner_cover {background-image: url(../../uploads/loudbox-micro-story-1.jpg);}
.tagpage #loudbox .cover3 .inner_cover {background-image: url(../../uploads/loudbox-mini-story-2.jpg);}
.tagpage #loudbox .cover4 .inner_cover {background-image: url(../../uploads/loudbox-mini-charge-story-3.jpg);}
.tagpage #loudbox .cover5 {background-image: url(../../uploads/loudbox-artist-story-4.jpg);}
.tagpage #fluence .cover1 {background-image: url(../../uploads/fluence-pickups-core-story-1.jpg);}
.tagpage #fluence .cover2 .inner_cover {background-image: url(../../uploads/fluence-pickups-are-multi-voice.jpg);}
.tagpage #fluence .cover3 .inner_cover {background-image: url(../../uploads/fishman-fluence-pickups-easy-install.jpg);}
.tagpage #fluence .cover5 {background-image: url(../../uploads/fluence-pickups-easy-install.jpg);}
.tagpage #tripleplay .cover2 .inner_cover {background-image: url(../../uploads/tripleplay-express-midi-guitar-controller-card.jpg);}
.tagpage #tripleplay .cover3 .inner_cover {background-image: url(../../uploads/tripleplay-ftc-1-midi-foot-controller-card.jpg);}
/*.tagpage #tripleplay .cover2, .tagpage #tripleplay .cover3 {background-color: #333;}*/
.tagpage #tripleplay .cover4 .inner_cover {background-image: url(../../uploads/);}
.tagpage #tripleplay .cover5 {background-image: url(../../uploads/);}
.tagpage #tripleplay .cover6 {background-color: #000;color: #fff;height: auto;}
.tagpage .cover > div {align-self: center;}
.tagpage .cover > div h4 {text-transform: uppercase;}
.tagpage .cover > div h4::after {content: "";display: block;width: 100px;height: 5px;background-color: #72791b;margin: 0.5em 0;}
.tagpage #loudbox .cover > div p, .tagpage #fluence .cover > div p, .tagpage #tripleplay .cover > div p {font-size: 0.85em;line-height: 1.2;}
.tagpage .cover > div a {background-color: #72791b;font-weight: 600;font-size: 0.8em;color: #fff;padding: 0.5em;border-radius: 1em;}
.tagpage .cover > div a.electric {background-color: #d0ff3f;color: #000;}
.tagpage .cover > div a.electric + span {font-size: 0.8em;display: block;}

#seriesdesc figure.wp-block-image.alignleft {float: left;margin-right: 1em;width: 60%;height: auto;}
#seriesdesc::after {content: "";display: block;clear: both;}
/*#toppagearea .wp-block-cover .wp-block-cover__image-background {height: auto;}*/

@media screen and (min-width: 768px){
  /*.wp-block-cover > img {display: block;}  
  .wp-block-cover.text-md-black {color: #fff;}*/
  /*.wp-block-cover__inner-container p {width: 40%;}
  .wp-block-cover__inner-container *.text-right {margin-left: 60%;}*/
  #seriesdesc figure.wp-block-image.alignleft {width: 30%;}
}

h1.sppagetitle {font-size: 4em;text-transform: uppercase;line-height: 1.0;}

/*NEWS一覧*/
.news-archive .news-summary {transition: all 0.3s ease;}
/*.news-archive .news-summary:hover {background-color: rgba(50,50,50,0.1);}*/
.news-summary a {display: block;}
.news-archive .news-summary span {display: block;}
#topnews .news-summary a {display: inline;}
.news-archive .news-summary a img {width: 100%;height: auto;float: left;margin-right: 1em;margin-bottom: 0.5em;}
.news-archive .news-summary a::after {content: "";display: block;clear: both;}

/*SIDE BAR*/
#sidebar a {padding: 0.2em;}
#itemnav li {display: block;}
#itemnav li a {display: block;padding-left: 1em;}
#itemnav .models li {font-size: 80%;padding-left: 1em;}

#sidebar ul.acoustic-pickups li.acoustic-pickups a,#sidebar ul.amplifiers li.amplifiers a,#sidebar ul.computer-music li.computer-music a,#sidebar ul.electric-pickups li.electric-pickups a,#sidebar ul.onboard-preamps li.onboard-preamps a,#sidebar ul.pedals li.pedals a,#sidebar ul.replacement-parts li.replacement-parts a {color: #5da6fb;font-weight: 600;background-color: rgba(0,0,0,0.1);}
#sidebar ul.accessories ul li.accessories a,#sidebar ul.afx-series ul li.afx-series a,#sidebar ul.aura-acoustic-imaging ul li.aura-acoustic-imaging a,#sidebar ul.bluegrass ul li.bluegrass a,#sidebar ul.classic-series ul li.classic-series a,#sidebar ul.concert-series ul li.concert-series a,#sidebar ul.ellipse-series ul li.ellipse-series a,#sidebar ul.loudbox-series ul li.loudbox-series a,#sidebar ul.matrix ul li.matrix a,#sidebar ul.neo-d ul li.neo-d a,#sidebar ul.powerbridge-series ul li.powerbridge-series a,#sidebar ul.powertap-series ul li.powertap-series a,#sidebar ul.preamps ul li.preamps a,#sidebar ul.prefix ul li.prefix a,#sidebar ul.rare-earth ul li.rare-earth a,#sidebar ul.sbt-series ul li.sbt-series a,#sidebar ul.soundboard-transducers ul li.soundboard-transducers a,#sidebar ul.soundhole-pickups ul li.soundhole-pickups a,#sidebar ul.strings ul li.strings a,#sidebar ul.undersaddle-pickups ul li.undersaddle-pickups a {color: #2965ab;font-weight: 600;}

#sidebar .fw-heavy {font-weight: 900;}
#sidebar .widget-area .widget_text a {display: block;padding-left: 1em;}

/*問い合わせCF7*/
.wpcf7-form input,.wpcf7-form textarea {border: 1px solid #999;border-radius: 2px;width: 70%;transition: all ease 0.3s;}
.wpcf7-form input {height: 2em;}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {width: 100%;}
.wpcf7-form input[type="submit"] {height: 3em;}
.wpcf7-form input[type="submit"]:hover {background-color: rgba(0,0,0,0.2);}
.wpcf7-form p {width: 90%;}
.wpcf7-form label,.wpcf7-form span {width: 100%;}

.grecaptcha-badge { visibility: hidden; }
.page-id-478 .grecaptcha-badge { visibility: visible; }

/*固定ページリスト*/
article.page .wp-block-page-list li {padding-bottom: 0.5em;list-style-type: disc;list-style: inside;}
article.page .wp-block-page-list li a {padding: 0.5em;}
.page-id-500 a {padding: 0.5em;}

/*Footer*/
footer#footer nav ul {display: flex;justify-content: center;margin-bottom: 0;flex-wrap: wrap;}
footer#footer nav ul li {display: block;padding: 0 1em;}
footer#footer nav ul li a {color: #fff;}
footer#footer nav ul li a:hover {color: #a11;}

/*Scroll to Top*/
p.pagetop {display: block;position: fixed;bottom: 1px;right: 10px;z-index:+20;}
p.pagetop a {display: block;width: 50px;height: 50px;background-color: rgba(101, 204, 184, 0.5);text-align: center;color: #fff;font-size: 30px;text-decoration: none;line-height: 44px;border-radius:25px;outline:none;}

div.youtube {clear: both;position: relative; width: 100%; padding-top: 56.25%;margin: 1em 0;}
div.youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

@media only screen and (min-width:768px) {
  p.pagetop a {width: 30px;height: 30px;font-size: 20px;line-height: 28px;border-radius:15px;}
  .news-archive .news-summary a img {width: 20%;}
}