/*
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=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Raleway:wght@300;400;500;600;700;800;900&display=swap');

* {font-family: Raleway, 'Noto Sans JP', sans-serif;}

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,#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: #fff;text-decoration: none;display: block;padding: 1em;}
#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: -5vw;}
#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 {display: flex;justify-content: space-between;flex-wrap: wrap;}
main#content ul#topcatlist li {flex-basis: 100%;padding: 0.5em;}
main#content ul#topcatlist li a {background: rgba(0,0,0,0.8);display: block;padding: 0.5em;color: #fff;text-decoration: none;font-weight: 600;font-size: 3em;height: 25vh;text-shadow:0 0 10px #000 ;line-height: 1.1;position: relative;}
/*main#content ul#topcatlist li a {display: block;}*/
main#content ul#topcatlist.allproducts li a::after {content: attr(title);font-weight: 400;font-size: 0.9rem;display: block;line-height: 1.4;/*position: absolute;bottom: -4em;color: #000;text-shadow: none;z-index: 100;left: 0;padding: 0.5em;*/}
main#content ul#topcatlist li.cat-item-4 a {background: #333 url(../../uploads/standard_n3.jpg) center center;background-size: cover;}/*Standard*/
main#content ul#topcatlist li.cat-item-5 a {background: #333 url(../../uploads/concert_n3.jpg) center center;background-size: cover;}/*Concert*/
main#content ul#topcatlist li.cat-item-6 a {background: #333 url(../../uploads/tenor_n3.jpg) center center;background-size: cover;}/*Tenor*/
main#content ul#topcatlist li.cat-item-7 a {background: #333 url(../../uploads/baritone_n3.jpg) center center;background-size: cover;}/*Baritone*/
main#content ul#topcatlist li.cat-item-16 a {background: #333 url(../../uploads/1280x480.jpg) center center;background-size: cover;}/*Accessory*/

/*main#content ul#topcatlist li::after {display: block; background-color: #fff;width: 100%;height: 4em;content: "";}*/

/*topcatnewlist*/
main#content ul#topcatnewlist {display: flex;justify-content: space-between;flex-wrap: wrap;}
main#content ul#topcatnewlist li {flex-basis: 100%;padding: 0.5em;}
main#content ul#topcatnewlist li a {font-size: 2em;width: 100%;display: block;overflow: hidden;padding: 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::before {display: block;width: 100%;height: 20vh;background-color: #fff;background-size: contain;background-repeat: no-repeat;background-position: center center;}
main#content ul#topcatnewlist li.cat-item-4 a::before {content: ""; background-image: url(../../uploads/standard_t.jpg);}
main#content ul#topcatnewlist li.cat-item-5 a::before {content: ""; background-image: url(../../uploads/concert_t.jpg);}
main#content ul#topcatnewlist li.cat-item-6 a::before {content: ""; background-image: url(../../uploads/tenor_t.jpg);}
main#content ul#topcatnewlist li.cat-item-7 a::before {content: ""; background-image: url(../../uploads/baritone_t.jpg);}
main#content ul#topcatnewlist li a:hover {background-blend-mode:luminosity;}

@media screen and (min-width: 768px){
main#content ul#topcatnewlist li {flex-basis: 50%;}
main#content ul#topcatnewlist.allproducts li:last-of-type {flex-basis: 100%;}
main#content ul#topcatnewlist li a::before {height: 40vh;}
main#content ul#topcatnewlist li.cat-item-4 a::before {content: ""; background-image: url(../../uploads/standard-1.jpg);}
main#content ul#topcatnewlist li.cat-item-5 a::before {content: ""; background-image: url(../../uploads/concert.jpg);}
main#content ul#topcatnewlist li.cat-item-6 a::before {content: ""; background-image: url(../../uploads/tenor.jpg);}
main#content ul#topcatnewlist li.cat-item-7 a::before {content: ""; background-image: url(../../uploads/baritone.jpg);}
}

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

main#content ul#topcatlist.aboutpages li a {font-size: 2em;height: 30vh;}
main#content ul#topcatlist li.page-item-334 a {background: #333 url(../../uploads/about07.jpg) center center;background-size: cover;}/*history*/
main#content ul#topcatlist li.movietheater a {background: #333 url(../../uploads/movie.jpg) center center;background-size: cover;}/*YouTubeThumbnail*/

/*main#content ul#topcatlist.aboutpages li:first-of-type {flex-basis: 100%;}*/

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: 50%;}
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: 40vh;}
main#content ul#topcatlist.aboutpages li a {height: 45vh;}
}

article {border-collapse: collapse;}

#topitemlist {align-items: stretch;align-content: space-between;}
.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;top: 0.8em;left: -40%;background-color: #a11;color: #fff;padding: 0.2em;display: block;width: 100%;transform: rotate(-45deg);font-size: 0.8em;font-weight: 600;}

#toppagearea .wp-block-cover,#post-60 .wp-block-cover {padding: 0;background-color: #333;}
#toppagearea .wp-block-cover__inner-container, #toppagearea .wp-block-cover__inner-container p,#post-60 .wp-block-cover__inner-container, #post-60 .wp-block-cover__inner-container p {height: 100%;width: 100%; position: absolute;}
#toppagearea .wp-block-cover__inner-container a,#post-60 .wp-block-cover__inner-container a {color: #fff;text-decoration: none;text-shadow:0 0 10px #000 ;height: 100%;width: 100%; position: absolute;padding: 1em;}
#toppagearea .wp-block-cover:hover,#post-60 .wp-block-cover:hover {opacity: 0.7;}
#toppagearea .wp-block-cover__inner-container a:hover,#post-60 .wp-block-cover__inner-container a:hover {mix-blend-mode:luminosity;}

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*/
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: pointer;}
ul.addimgs li a:hover {mix-blend-mode: luminosity;}
.entry-footer a {color: #1a0dab;text-decoration: underline;padding: 0.2em;}
article.post table th {font-weight: 600;}

article.post a.cartbtn {background-color: #09c;color: #fff;text-align: center;padding: 0.5em;font-weight: 600;border-radius: 5px;font-size: 1.5em;}
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;}

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

/*
@media screen and (min-width: 768px){
  #wideimage {display: block;}
}*/

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%;}

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

@media screen and (min-width: 768px){
  #seriesdesc figure.wp-block-image.alignleft {width: 30%;}
}

/*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: 20%;height: auto;float: left;margin-right: 1em;margin-bottom: 0.5em;}
.news-archive .news-summary a::after {content: "";display: block;clear: both;}
article.news p a {color: #09c;}
article.news p a:hover {color: #f90;}

/*SIDE BAR*/
#sidebar a {padding: 0.2em;}
#itemnav li {display: block;}
#itemnav li a {display: block;padding-left: 1em;}

#sidebar ul.standard li.standard a,#sidebar ul.concert li.concert a,#sidebar ul.tenor li.tenor a,#sidebar ul.baritone li.baritone a,#sidebar ul.signature-model li.signature a,#sidebar ul.accessory li.accessory a {color: #09c;font-weight: 600;background-color: rgba(0,0,0,0.1);}

#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(0, 225, 255, 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;}
}