@charset "utf-8";
/* 楽器図鑑（固定ページ１カラム）用 */
/* ------------------------------------------  目次ページ */
h1.c-pageTitle__main.m_instrument {
  width: 100%;
  height: 0;
  margin: 0 2vw;
  padding: 36.4vw 0 0;
  background-image: url("../images/gakki/zukan-ttl_smp.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border: none;
  overflow: hidden;
}
h1.c-pageTitle__main::before {
  content-visibility: hidden;
  display: none;
}
.zukanbox {
  width: 100%;
  margin: 1em auto;
  border: 1px solid #732426;
}
h2.zukan-ttl {
  margin: 0;
  padding: 0;
  background-image: none;
  border: none;
}
h2.zukan-ttl a {
  display: block;
  width: 100%;
  height: 0;
  padding: 12.7vw 0 0;
  background-image: url("../images/gakki/gakki_img_smp.gif");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.zukanbox.piano h2.zukan-ttl a {
  background-position: left top;
}
.zukanbox.guitar h2.zukan-ttl a {
  background-position: left top -12.7vw;
}
.zukanbox.sax h2.zukan-ttl a {
  background-position: left top -25.4vw;
}
.zukanbox.oboe h2.zukan-ttl a {
  background-position: left top -38.1vw;
}
.zukanbox.ukulele h2.zukan-ttl a {
  background-position: left top -50.8vw;
}
ol.chapter {
  margin: 1em 0;
  list-style-type: none;
}
ol.chapter li {
  margin-bottom: 1em;
  padding: 0 20px;
  line-height: 30px;
  position: relative;
}
ol.chapter li a {
  display: block;
}
.chap-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #920217;
  border-radius: 5px;
  position: absolute;
  top: 4px;
  left: -8px;
}
.chap-icon:before {
  content: '';
  height: 0;
  width: 0;
  display: block;
  border: 5px transparent solid;
  border-right-width: 0;
  border-left-color: #fff;
  position: absolute;
  top: 5px;
  left: 8px;
}
/* ------------------------------------------  楽器図鑑ページ */
/* ------------------------------------------  タイトル */
h1.c-pageTitle__main {
  width: 100%;
  height: 0;
  margin: 0 2vw;
  padding: 26vw 0 0;
  background-image: url("../images/gakki/zukan-ttl-sm.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border: none;
  overflow: hidden;
}
/* ------------------------------------------  各楽器ナビ */
.gakki-link ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  list-style-type: none;
}
.gakki-link ul li {
  width: 25%;
  margin: .25em 4%
}
.gakki-link li a {
  display: block;
  height: 0;
  padding-top: 18vw;
  background-image: url("../images/gakki/gakki_link-icon.gif");
  background-repeat: no-repeat;
  background-position: left 1% top;
  background-size: cover;
  border-bottom: 3px solid transparent;
  overflow: hidden;
  opacity: 0.8;
  filter: grayscale(90%);
}
.gakki-link li.p-lnk a {
  background-position: left .6% top;
}
.gakki-link li.g-lnk a {
  background-position: left 20.6% top;
}
.gakki-link li.s-lnk a {
  background-position: left 40.2% top;
}
.gakki-link li.o-lnk a {
  background-position: left 60% top;
}
.gakki-link li.u-lnk a {
  background-position: left 79.8% top;
}
.gakki-link.encyclopedia-piano li.p-lnk a,
.gakki-link.encyclopedia-guitar li.g-lnk a,
.gakki-link.encyclopedia-sax li.s-lnk a,
.gakki-link.encyclopedia-oboe li.o-lnk a,
.gakki-link.encyclopedia-ukulele li.u-lnk a,
.gakki-link li a:hover {
  opacity: 1;
  filter: grayscale(0);
  border-bottom: 3px solid #126607;
}
/* ------------------------------------------  図鑑コンテンツ */
.zukan-contents {
  line-height: 1.6;
}
.zukan-contents h3 {
  margin: .5em 0;
  color: #601602;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.page-catch h2.zukan-ttl {
  margin-bottom: .5em;
  color: #FFFFFF;
  text-align: center;
  text-shadow: 0 2px 4px #732426;
  line-height: 4.2;
  background-repeat: no-repeat;
  background-size: cover;
}
.encyclopedia-piano .page-catch h2.zukan-ttl {
  background-image: url("../images/gakki/piano_ttl_bg.jpg");
  background-position: center left 58%;
}
.encyclopedia-guitar .page-catch h2.zukan-ttl {
  color: #1F0607;
  background-image: url("../images/gakki/guitar_ttl_bg.jpg");
  background-position: center right 57%;
  text-shadow: 0 2px 3px #fff;
}
.encyclopedia-sax .page-catch h2.zukan-ttl {
  background-image: url("../images/gakki/sax_ttl_bg.jpg");
  background-position: center center;
  text-shadow: 0 2px 4px rgba(39,11,12,1.00);
}
.encyclopedia-oboe .page-catch h2.zukan-ttl {
  background-image: url("../images/gakki/oboe_ttl-bg.jpg");
  background-position: center center;
  text-shadow: 0 2px 4px rgba(39,11,12,1.00);
}
.encyclopedia-ukulele .page-catch h2.zukan-ttl {
  background-image: url("../images/gakki/ukulele_ttl_bg.jpg");
  background-position: center center;
  text-shadow: 0 2px 4px rgba(39,11,12,1.00);
}
.zukan-caption {
  padding: .5em 2vw;
  background-color: #E4D4A2;
  background-image: url("../images/gakki/gakki-bg.jpg");
  box-shadow: 0 3px 5px rgba(200,190,175,0.8);
}
.zukan-caption strong {
  color: #991007;
}
/* 目次 */
.gakki-indx {
  width: 80%;
  margin: 1em auto;
  border: 1px solid #E4D4A2;
}
.encyclopedia-oboe .gakki-indx {
  width: 90%;
}
.gakki-indx h3 {
  text-align: center;
  font-family: inherit;
  font-weight: normal;
  position: relative;
}
.gakki-indx h3::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 5px;
  background-color: #E4D4A2;
  border-radius: 2px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.gakki-indx .chap-icon {
  background: #E4D4A2;
  border-radius: 25px;
}
.gakki-indx ol.chapter.long li {
  padding-left: 5em;
  text-indent: -3.7em;
}
/* 図鑑記事 */
.zukan-contents section {
  margin: 2em 0 1em;
}
.zukan-contents section h3 {
  padding: .2em .5em;
  background-color: #FFF7E1;
  border-top: 3px double #E4D4A2;
  border-bottom: 3px double #E4D4A2;
}
.zukan-contents section h3 {
  padding: .2em .5em;
  background-color: #FFF7E1;
  border-top: 3px double #E4D4A2;
  border-bottom: 3px double #E4D4A2;
}
.encyclopedia-oboe.zukan-contents section h3 {
  color: #260160;
}
.zukan-contents section h4 {
  margin: 0 0 1em;
}
.zukan-contents section h5 {
  margin: 0 0 .5em;
}
.zukan-contents section h4.bd-lf {
  margin-bottom: .5em;
  padding: .2em .5em .2em 15px;
  color: #991007;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  border-bottom: 1px solid #E4D4A2;
  position: relative;
}
.zukan-contents section h4.bd-lf::before {
  content: "";
  display: block;
  width: .5em;
  height: 1.2em;
  background-color: #991007;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.zukan-contents section strong {
  color: #991007;
}
/* 種類 */
.zukan-contents section .type {
  margin-bottom: 1em;
  padding: .5em 2vw 50vw 2vw;
  background-color: #E4D4A2;
  background-image: url("../images/gakki/gakki-bg.jpg");
  box-shadow: 0 3px 5px rgba(200,190,175,0.8);
  position: relative;
}
.zukan-contents section .type::after {
  content: "";
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
}
.encyclopedia-piano.zukan-contents section .type {
  padding-bottom: 50vw;
}
.encyclopedia-piano.zukan-contents section .type::after {
  height: 48vw;
  background-image: url("../images/gakki/piano-img01.jpg");
}
.encyclopedia-guitar.zukan-contents section .type {
  padding-bottom: 82vw;
}
.encyclopedia-guitar.zukan-contents section .type::after {
  height: 80vw;
  background-image: url("../images/gakki/guitar_type_img.jpg");
}
.encyclopedia-sax.zukan-contents section .type {
  padding-bottom: 48vw;
}
.encyclopedia-sax.zukan-contents section .type::after {
  height: 46vw;
  background-image: url("../images/gakki/sax_type-img.jpg");
  background-position: left bottom;
  background-size: auto 70vw;
}
.encyclopedia-oboe.zukan-contents section .type {
  padding-bottom: 62vw;
}
.encyclopedia-oboe.zukan-contents section .type::after {
  height: 60vw;
  background-image: url("../images/gakki/oboe_nakama-img.jpg");
  background-position: center bottom 2vw;
  background-size: auto 70vw;
}
.encyclopedia-oboe.zukan-contents section .type h4.bd-lf {
  border-bottom: 1px solid #260160;
}
.encyclopedia-ukulele.zukan-contents section .type {
  padding-bottom: 54vw;
}
.encyclopedia-ukulele.zukan-contents section .type::after {
  height: 52vw;
  background-image: url("../images/gakki/ukulele_type_img.jpg");
}
/* 有名なメーカー */
.zukan-contents section .maker {
  margin-bottom: 1em;
  padding: .5em 2vw 100px 2vw;
  border: 1px solid #E4D4A2;/*#CBDAE0;*/
  box-shadow: 0 2px 3px rgba(200,190,175,0.8);
  position: relative;
}
.encyclopedia-guitar.zukan-contents section .maker {
  padding: .5em 2vw 100px 2vw;
}
.encyclopedia-piano.zukan-contents section .maker::before,
.encyclopedia-piano.zukan-contents section .maker::after {
  content: "";
  display: block;
  width: 160px;
  height: 100px;
  background-image: url("../images/gakki/piano-img02.jpg");
  background-repeat: no-repeat;
  background-size: 320px 100px;
  border: 3px solid #FFFFFF;
  box-shadow: 0 2px 3px rgba(200,190,175,0.8);
  position: absolute;
  bottom: 1em;
}
.encyclopedia-piano.zukan-contents section .maker::before {
  background-position: left top;
  left: 4vw;
}
.encyclopedia-piano.zukan-contents section .maker::after {
  background-position: right top;
  right: 4vw;
}
.encyclopedia-guitar.zukan-contents section .maker::before,  
.encyclopedia-ukulele.zukan-contents section .maker::before {
  content: "";
  display: block;
  width: 40vw;
  height: 28vw;
  background-color: #FFFFFF;
  background-image: url("../images/gakki/guitar_himitsu_img.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border: 3px solid #FFFFFF;
  box-shadow: 0 2px 3px rgba(200,190,175,0.8);
  position: absolute;
  right: 1em;
  bottom: 1em;
}
.encyclopedia-ukulele.zukan-contents section .maker::before {
  background-image: url("../images/gakki/ukulele_himitsu_img.jpg");
}
.encyclopedia-oboe.zukan-contents section .maker {
  padding: .5em 2vw 50vw 2vw;
}
.encyclopedia-oboe.zukan-contents section .maker::before {
  content: "";
  display: block;
  width: 90vw;
  height: 57vw;
  background-color: #FFFFFF;
  background-image: url("../images/gakki/oboe_music.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.backtotop {
  width: 70%;
  margin: 2em auto;
  text-align: center;
}
.backtotop a {
  display: block;
  padding: 0 20px;
  color: #333;
  text-decoration: none;
  outline: none;
  position: relative;
}
.backtotop a::before{
  content: "";
  width: 85%;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: -8px;
  right: 15%;
  transition: all .3s;
}
.backtotop a::after{
  content: "";
  width: 15px;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: -3px;
  left: 0;
  transform: rotate(-35deg);
  transition: all .3s;
}
.backtotop a:hover::before{
  right: 20%;
}
.backtotop a:hover::after{
  left: -5%;
}
@media screen and (max-width: 480px){
.encyclopedia-guitar.zukan-contents section .maker::before {
  width: 50vw;
  height: 35vw;
  z-index: 20;
}
}
.zukan-contents section .maker h4 {
  margin-bottom: .5em;
  padding: .2em .5em;
  color: #c93b88;
  font-size: 1.2em;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.zukan-contents section .maker p {
  margin-bottom: 2em;
  padding: 0 2vw;
  text-shadow:
  #FFF 2px 0px, #FFF -2px 0px, #FFF 0px -2px, #FFF 0px 2px, #FFF 2px 2px, #FFF -2px 2px, #FFF 2px -2px, #FFF -2px -2px, #FFF 1px 2px, #FFF -1px 2px, #FFF 1px -2px, #FFF -1px -2px, #FFF 2px 1px, #FFF -2px 1px, #FFF 2px -1px, #FFF -2px -1px;
  background-color: transparent; /* 背景色 */
  background-image: linear-gradient(180deg, #E4D4A2 1px, transparent 1px); /* 罫線の色と太さ  */
  background-size: 100% 2em; /* 行の高さ */
  line-height: 2em; /* 文字の高さ */
  padding-bottom: 4px; /* 最終行の下にも罫線を引く */
  position: relative;
  z-index: 10;
}
/* 仕組み */
.zukan-contents section .about {
  margin-bottom: 1em;
  padding: 1em 2vw;
  background-color: #E4D4A2;
  background-image: url("../images/gakki/gakki-bg.jpg");
  box-shadow: 0 3px 5px rgba(200,190,175,0.8);
  position: relative;
}
.zukan-contents section .about h4 {
  color: #0F6B1E;
  text-align: center;
  font-size: 1.6em;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  text-shadow:
    #FFF 2px 0px, #FFF -2px 0px, #FFF 0px -2px, #FFF 0px 2px, #FFF 2px 2px, #FFF -2px 2px, #FFF 2px -2px, #FFF -2px -2px, #FFF 1px 2px, #FFF -1px 2px, #FFF 1px -2px, #FFF -1px -2px, #FFF 2px 1px, #FFF -2px 1px, #FFF 2px -1px, #FFF -2px -1px;
  position: relative;
}
.zukan-contents section .about h4::before {
  content: "";
  display: block;
  width: 70%;
  height: .8em;
  background-color: rgba(136,184,119,0.20);
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: rotate(2deg) translateX(-50%);
  z-index: 0;
}
.zukan-contents section .about h4 .zindx {
  position: relative;
  z-index: 10;
}
.encyclopedia-ukulele.zukan-contents section .about h4 .zindx {
  letter-spacing: -.1em;
}
.encyclopedia-piano.zukan-contents section .about .about-indx {
  background-image: url("../images/gakki/piano-img03.png");
  background-repeat: no-repeat;
  background-position: top 11vw center;
  background-size: auto 36vw;
  overflow: hidden;
}
.encyclopedia-sax.zukan-contents section .about .about-indx {
  background-image: url("../images/gakki/sax_parts-img.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 64vw;
  overflow: hidden;
}
.zukan-contents section .about .about-indx ul {
  margin-bottom: 1em;
  padding: 12em 0 0;
  list-style-type: none;
  position: relative;
}
.encyclopedia-piano.zukan-contents section .about .about-indx ul,
.encyclopedia-sax.zukan-contents section .about .about-indx ul {
  padding: 14em 0 0;
}
.zukan-contents section .about .about-indx li {
  position: absolute;
}
.zukan-contents section .about .about-indx li:first-child {
  left: 0;
  top: 0;
}
.zukan-contents section .about .about-indx li:nth-child(2) {
  right: 0;
  top: 0;
}
.zukan-contents section .about .about-indx li:nth-child(3) {
  left: 0;
  bottom: 0;
}
.zukan-contents section .about .about-indx li:nth-child(4) {
  right: 0;
  bottom: 0;
}
.encyclopedia-sax.zukan-contents section .about .about-indx li:first-child {
  left: 7vw;
  top: 10vw;
}
.encyclopedia-sax.zukan-contents section .about .about-indx li:nth-child(2) {
  right: 10vw;
  top: 0;
}
.encyclopedia-sax.zukan-contents section .about .about-indx li:nth-child(3) {
  left: 14vw;
  bottom: 0;
}
.encyclopedia-sax.zukan-contents section .about .about-indx li:nth-child(4) {
  right: 0;
  bottom: 0;
}
.zukan-contents section .about .about-indx li a {
  display: block;
  width: 24vw;
  height: 4em;
  padding: .5em 0;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  background-color: #0F6B1E;
  border-radius: 1em;
}
.zukan-contents section .about ol {
  padding: 0;
  list-style-type: none;
}
.zukan-contents section .about ol li,
.zukan-contents section .about .aboutbox {
  margin-bottom: 1em;
  padding: .5em 2vw;
  background-color: #FFFFFF;
  border: 1px solid #E4D4A2;
  box-shadow: 0 3px 5px rgba(200,190,175,0.8);
}
.zukan-contents section .about ol li h5,
.zukan-contents section .about .h5 {
  display: block;
  color: #0F6B1E;
  font-weight: bold;
  border-bottom: 1px solid #0F6B1E;
}
.zukan-contents section .about .ptbox {
  width: 100%;
  margin-bottom: .5em;
  padding: .5em 2vw .5em 20vw;
  background-color: #FFF9C4;
  box-shadow: 0 2px 4px #E5CE89;
  position: relative;
}
.zukan-contents section .about .ptbox .maru {
  display: block;
  width: 14vw;
  height: 14vw;
  padding: 3vw 0;
  font-size: .8em;
  text-align: center;
  text-shadow:
    #FFF 2px 0px, #FFF -2px 0px, #FFF 0px -2px, #FFF 0px 2px, #FFF 2px 2px, #FFF -2px 2px, #FFF 2px -2px, #FFF -2px -2px, #FFF 1px 2px, #FFF -1px 2px, #FFF 1px -2px, #FFF -1px -2px, #FFF 2px 1px, #FFF -2px 1px, #FFF 2px -1px, #FFF -2px -1px;
  line-height: 1.2;
  white-space: nowrap;
  border: 3px solid #FF0000;
  border-radius: 50%;
  position: absolute;
  left: 2vw;
  top: 50%;
  transform: translateY(-50%);
}
.zukan-contents section .about .ptbox .maru.line1 {
  padding: 4vw 0;
}
.encyclopedia-guitar.zukan-contents section .about > .ptbox:first-of-type {
  padding: 2em 2vw .5em;
}
.encyclopedia-guitar.zukan-contents section .about > .ptbox:first-of-type .maru {
  position: absolute;
  left: 2vw;
  top: 0;
}
.encyclopedia-guitar.zukan-contents section .about .imgbox {
  margin-bottom: 1em;
  padding: 70vw 0 0;
  background-image: url("../images/gakki/guitar_parts-img02.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  position: relative;
}
.encyclopedia-guitar.zukan-contents section .about .imgbox .ptbox:first-child {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.encyclopedia-guitar.zukan-contents section .about .imgbox .ptbox:last-child {
  position: absolute;
  bottom: -.5em;
}
.encyclopedia-oboe.zukan-contents section .about .imgbox {
  padding: 140vw 0 0;
  background-image: url("../images/gakki/oboe_parts-img.jpg");
  background-repeat: no-repeat;
  background-position: center bottom 58%;
  background-size: contain;
  background-blend-mode: multiply;
  position: relative;
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox:first-child {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox:nth-child(2) {
  position: absolute;
  top: 14vw;
  left: 50%;
  transform: translateX(-50%);
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox:nth-child(3) {
  position: absolute;
  bottom: 35vw;
  left: 50%;
  transform: translateX(-50%);
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox:last-child {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
/* 歴史 */
.zukan-contents section#chapter2 {
  padding: .5em 2vw;
  background-color: #FFFFFF;
  border: 1px solid #E4D4A2;
  box-shadow: 0 3px 5px rgba(200,190,175,0.8);
}
.encyclopedia-piano.zukan-contents section#chapter2 {
  background-image: -webkit-linear-gradient(270deg,rgba(255,212,217,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,212,217,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,212,217,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,212,217,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,212,217,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,212,217,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,212,217,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,212,217,1.00) 100%);
}
.encyclopedia-guitar.zukan-contents section#chapter2, 
.encyclopedia-ukulele.zukan-contents section#chapter2 {
  background-image: -webkit-linear-gradient(270deg,rgba(255,235,215,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,235,215,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,235,215,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,235,215,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,235,215,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,235,215,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,235,215,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,235,215,1.00) 100%);
}
.encyclopedia-sax.zukan-contents section#chapter2 {
  background-image: -webkit-linear-gradient(270deg,rgba(255,242,207,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,235,215,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,242,207,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,235,215,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,242,207,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,235,215,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,242,207,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(255,235,215,1.00) 100%);
}
.encyclopedia-oboe.zukan-contents section#chapter2 {
  background-image: -webkit-linear-gradient(270deg,rgba(231,212,255,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(231,212,255,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(231,212,255,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(231,212,255,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(231,212,255,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(231,212,255,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(231,212,255,1.00) 0%,rgba(255,255,255,1.00) 25%,rgba(255,255,255,1.00) 75%,rgba(231,212,255,1.00) 100%);
}
.zukan-contents section#chapter2 h3 {
  mix-blend-mode: luminosity;
}
.zukan-contents section#chapter2 h4 {
  color: #601602;
  text-shadow:
    #FFF 2px 0px, #FFF -2px 0px, #FFF 0px -2px, #FFF 0px 2px, #FFF 2px 2px, #FFF -2px 2px, #FFF 2px -2px, #FFF -2px -2px, #FFF 1px 2px, #FFF -1px 2px, #FFF 1px -2px, #FFF -1px -2px, #FFF 2px 1px, #FFF -2px 1px, #FFF 2px -1px, #FFF -2px -1px;
}
.encyclopedia-piano.zukan-contents section#chapter2 h4 {
  filter: drop-shadow(5px 5px 3px rgba(255,212,217,0.60));
}
.encyclopedia-guitar.zukan-contents section#chapter2 h4, 
.encyclopedia-ukulele.zukan-contents section#chapter2 h4 {
  filter: drop-shadow(5px 5px 3px rgba(255,222,212,0.80));
}
.encyclopedia-sax.zukan-contents section#chapter2 h4 {
  filter: drop-shadow(5px 5px 3px rgba(255,196,47,0.40));
}
.encyclopedia-oboe.zukan-contents section#chapter2 h4 {
  color: #260160;
  filter: drop-shadow(5px 5px 3px rgba(144,113,209,0.40));
}
.chap2-img {
  margin: 1em 0 0;
  mix-blend-mode: multiply;
}
.encyclopedia-sax .chap2-img,
.encyclopedia-oboe .chap2-img {
  width: 40vw;
  height: auto;
  margin: 0 0 0 2vw;
  mix-blend-mode: normal;
  float: right;
}
/* 仲間たち */
.encyclopedia-guitar.zukan-contents section#chapter3 h4.bd-lf, 
.encyclopedia-ukulele.zukan-contents section#chapter3 h4.bd-lf {
  color: #601602;
  border-bottom: none;
}
.encyclopedia-guitar.zukan-contents section#chapter3 h4.bd-lf::before, 
.encyclopedia-ukulele.zukan-contents section#chapter3 h4.bd-lf::before {
  background-color: #601602;
}
.encyclopedia-sax.zukan-contents section#chapter3 h4.bd-lf {
  color: #4a4509;
  border-bottom: none;
  text-shadow:
    #FFF 2px 0px, #FFF -2px 0px, #FFF 0px -2px, #FFF 0px 2px, #FFF 2px 2px, #FFF -2px 2px, #FFF 2px -2px, #FFF -2px -2px, #FFF 1px 2px, #FFF -1px 2px, #FFF 1px -2px, #FFF -1px -2px, #FFF 2px 1px, #FFF -2px 1px, #FFF 2px -1px, #FFF -2px -1px;
}
.encyclopedia-sax.zukan-contents section#chapter3 h4.bd-lf::before {
  background-color: #4a4509;
  box-shadow:
    #FFF 2px 0px, #FFF -2px 0px, #FFF 0px -2px, #FFF 0px 2px, #FFF 2px 2px, #FFF -2px 2px, #FFF 2px -2px, #FFF -2px -2px, #FFF 1px 2px, #FFF -1px 2px, #FFF 1px -2px, #FFF -1px -2px, #FFF 2px 1px, #FFF -2px 1px, #FFF 2px -1px, #FFF -2px -1px;
}
.encyclopedia-oboe.zukan-contents section h4.bd-lf {
  color: #260160;
  border-bottom: none;
}
.encyclopedia-oboe.zukan-contents section h4.bd-lf::before {
  background-color: #260160;
}
.zukan-contents section .nakamabox {
  width: 100%;
  margin: 1em 0;
  padding: .5em 2vw;
  background-color: #FFFFFF;
  border: 1px solid #E4D4A2;
  box-shadow: 0 3px 5px rgba(200,190,175,0.8);
}
.encyclopedia-piano.zukan-contents section .nakamabox:first-child {
  padding-bottom: 65vw;
  background-image: url("../images/gakki/piano-img05.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.encyclopedia-piano.zukan-contents section .nakamabox:last-child {
  padding-bottom: 50vw;
  background-image: url("../images/gakki/piano-img06.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.encyclopedia-guitar.zukan-contents section .nakamabox:first-child {
  padding-top: 30vw;
  background-image: url("../images/gakki/Martin_logo.png");
  background-repeat: no-repeat;
  background-position: center top 5vw;
  background-size: auto 20vw;
}
.encyclopedia-guitar.zukan-contents section .nakamabox:nth-child(2) {
  padding-top: 30vw;
  background-image: url("../images/gakki/gibson_logo.png");
  background-repeat: no-repeat;
  background-position: center top 5vw;
  background-size: auto 25vw;
}
.encyclopedia-guitar.zukan-contents section .nakamabox:nth-child(3) {
  padding-top: 30vw;
  background-image: url("../images/gakki/taylor-logo.jpg");
  background-repeat: no-repeat;
  background-position: center top 10vw;
  background-size: auto 12vw;
}
.encyclopedia-sax.zukan-contents section .nakamabox:first-child {
  padding-top: 42vw;
  background-image: url("../images/gakki/sax_nakama01.jpg");
  background-repeat: no-repeat;
  background-position: center top -6vw;
  background-size: contain;
}
.encyclopedia-sax.zukan-contents section .nakamabox:nth-child(2) {
  padding-top: 42vw;
  background-image: url("../images/gakki/sax_nakama02.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.encyclopedia-sax.zukan-contents section .nakamabox:nth-child(3) {
  padding-top: 42vw;
  background-image: url("../images/gakki/sax_nakama03.jpg");
  background-repeat: no-repeat;
  background-position: center top -12vw;
  background-size: contain;
}
.encyclopedia-sax.zukan-contents section .nakamabox:nth-child(4) {
  padding-top: 42vw;
  background-image: url("../images/gakki/sax_nakama04.jpg");
  background-repeat: no-repeat;
  background-position: center top -12vw;
  background-size: contain;
}
.encyclopedia-oboe.zukan-contents section .nakamabox:first-child {
  padding-top: 30vw;
  background-image: url("../images/gakki/marigaux_logo.jpg");
  background-repeat: no-repeat;
  background-position: center top 5vw;
  background-size: auto 20vw;
}
.encyclopedia-oboe.zukan-contents section .nakamabox:nth-child(2) {
  padding-top: 30vw;
  background-image: url("../images/gakki/loree_logo.jpg");
  background-repeat: no-repeat;
  background-position: center top 5vw;
  background-size: auto 23vw;
}
.encyclopedia-oboe.zukan-contents section .nakamabox:nth-child(3) {
  padding-top: 30vw;
  background-image: url("../images/gakki/josef_logo.jpg");
  background-repeat: no-repeat;
  background-position: center top 2vw;
  background-size: auto 30vw;
}
.encyclopedia-ukulele.zukan-contents section .nakamabox:first-child {
  padding-top: 30vw;
  background-image: url("../images/gakki/ukulele_kala-logo.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 32vw;
}
.encyclopedia-ukulele.zukan-contents section .nakamabox:nth-child(2) {
  padding-top: 30vw;
  background-image: url("../images/gakki/ukulele_famous-logo.png");
  background-repeat: no-repeat;
  background-position: center top 5vw;
  background-size: auto 22vw;
}
.encyclopedia-ukulele.zukan-contents section .nakamabox:nth-child(3) {
  padding-top: 30vw;
  background-image: url("../images/gakki/ukulele_leolani-logo.png");
  background-repeat: no-repeat;
  background-position: center top 10vw;
  background-size: auto 12vw;
}
/* 名曲 */
.zukan-contents section#chapter4 h4 {
  margin-bottom: .5em;
  padding: .2em .5em;
  color: #601602;
  font-size: 1.2em;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.encyclopedia-guitar.zukan-contents section#chapter4 h4 {
  padding: .2em 0;
}
.encyclopedia-sax.zukan-contents section#chapter4 h4 {
  padding: .2em 0;
  margin: 0;
}
.encyclopedia-oboe.zukan-contents section#chapter4 h4 {
  color: #461e1f;
}
.encyclopedia-oboe.zukan-contents section#chapter4 h4 em {
  color: #a026af;
  font-size: inherit;
}
.zukan-contents section#chapter4 h4 .bg-brown {
  display: inline-block;
  padding: .1em;
  color: #FFFFFF;
  font-size: 0.8em;
  font-weight: normal;
  background-color: #601602;
}
.zukan-contents section#chapter4 .subtxt {
  color: #601602;
  font-size: 0.8em;
}
.zukan-contents section#chapter4 h4 .subtxt {
  display: inline-block;
  line-height: 1.2;
}
.zukan-contents section .mscbox {
  margin-bottom: 2em;
  padding: 0 0 2em;
  position: relative;
}
.zukan-contents section .mscbox::after {
  content: "";
  display: block;
  width: 80%;
  border-bottom: 2px dotted #E4D4A2;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.encyclopedia-guitar.zukan-contents section .mscbox::before {
  content: "";
  display: block;
  width: 30vw;
  height: 37vw;
  margin-left: 2vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  float: right;
}
.encyclopedia-oboe.zukan-contents section .mscbox p:first-of-type::before {
  content: "";
  display: block;
  width: 45vw;
  height: 36vw;
  margin-left: 2vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  float: right;
}
.encyclopedia-guitar.zukan-contents section .mscbox:first-of-type::before {
  background-image: url("../images/gakki/guitar_hikikata1.jpg");
}
.encyclopedia-guitar.zukan-contents section .mscbox:last-of-type::before {
  background-image: url("../images/gakki/guitar_hikikata2.jpg");
}
.encyclopedia-oboe.zukan-contents section .mscbox:first-of-type p:first-of-type::before {
  background-image: url("../images/gakki/oboe_hikikata_img1.jpg");
}
.encyclopedia-oboe.zukan-contents section .mscbox:last-of-type p:first-of-type::before {
  background-image: url("../images/gakki/oboe_hikikata_img2.jpg");
}
/* 誘導リンク */
.link-lp a {
  margin: 1em 0;
  padding-top: 40vw;
  border: 1px solid #E4D4A2;
  box-shadow: 0 3px 5px rgba(200,190,175,0.8);
}
.link-lp.gakki-piano_bnr a {
  background-image: url("../images/gakki/gatop_slide01.jpg");
}
.link-lp.gakki-guitar_bnr a {
  background-image: url("../images/gakki/gatop_slide02.jpg");
}
.link-lp.gakki-sax_bnr a {
  background-image: url("../images/gakki/gatop_slide03.jpg");
}
.link-lp.gakki-oboe_bnr a {
  padding-top: 32vw;
  background-image: url("../images/gakki/gatop_slide04.png");
}
.link-lp.gakki-ukulele_bnr a {
  background-image: url("../images/gakki/ukulele_bnr-lg.jpg");
}

@media screen and (min-width: 980px){
/* ------------------------------------------  目次ページ */
h1.c-pageTitle__main.m_instrument {
  width: 375px;
  height: 0;
  margin: 0;
  padding: 100px 0 0;
  background-image: url("../images/gakki/zukan-ttl-sm.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 375px 100px;
  border: none;
  overflow: hidden;
}
p.subttl.m_instrument {
  width: 100%;
  height: 0;
  margin: -100px 0 30px;
  padding: 350px 0 0;
  background-image: url("../images/gakki/zukan-ttl.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 980px 350px;
  border: none;
  overflow: hidden;
}
.zukan-list {
  flex-wrap: wrap;
  justify-content: space-between;
}
h2.zukan-ttl a {
  padding: 296px 0 0;
  background-image: url("../images/gakki/gakki_img.jpg");
  background-size: 480px 1500px;
}
.zukanbox.piano h2.zukan-ttl a {
  background-position: left top;
}
.zukanbox.guitar h2.zukan-ttl a {
  background-position: left top -300px;
}
.zukanbox.sax h2.zukan-ttl a {
  background-position: left top -600px;
}
.zukanbox.oboe h2.zukan-ttl a {
  background-position: left top -900px;
}
.zukanbox.ukulele h2.zukan-ttl a {
  background-position: left top -1200px;
}
.zukanbox {
  width: 480px;
  margin: 0 0 1em;
}
ol.chapter li {
  font-size: 1.125rem;
}
/* ------------------------------------------  楽器図鑑ページ */
/* ------------------------------------------  タイトル */
h1.c-pageTitle__main {
  width: 375px;
  margin: 0;
  padding: 100px 0 0;
  background-size: 375px 100px;
}
/* ------------------------------------------  各楽器ナビ */
.gakki-link {
  width: 600px;
  position: relative;
  left: 375px;
  top: -120px;
}
.gakki-link ul {
  justify-content: flex-start;
}
.gakki-link ul li {
  width: 90px;
  margin: 2em 10px;
}
.gakki-link li a {
  padding-top: 65px;
  background-size: 540px 65px;
}
.gakki-link li.p-lnk a {
  background-position: left top;
}
.gakki-link li.g-lnk a {
  background-position: left -90px top;
}
.gakki-link li.s-lnk a {
  background-position: left -180px top;
}
.gakki-link li.o-lnk a {
  background-position: left -270px top;
}
.gakki-link li.u-lnk a {
  background-position: left -360px top;
}
/* ------------------------------------------  図鑑コンテンツ */
.zukan-contents h3 {
  margin: .5em 0;
  color: #601602;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.page-catch {
  width: 100vw;
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
}
.page-catch h2.zukan-ttl {
  height: 400px;
  margin: 0;
  line-height: 1.6;
  color: #FFFFFF;
  background-position: center center;
  background-size: 2000px 400px;
}
.encyclopedia-piano .page-catch h2.zukan-ttl {
  background-position: center center;
}
.encyclopedia-guitar .page-catch h2.zukan-ttl {
  background-position: center right 65%;
}
.zukan-caption {
  width: 500px;
  padding: 140px 32px 1em;
  position: relative;
  top: -400px;
  left: 50%;
  transform: translateX(-420px);
  z-index: 10;
}
.encyclopedia-oboe .zukan-caption, 
.encyclopedia-ukulele .zukan-caption {
  font-size: .9em;
  letter-spacing: -.01em;
}
.zukan-caption::before {
  display: block;
  width: 90%;
  font-size: 40px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  border-top: 2px solid #601602;
  border-bottom: 2px solid #601602;
  position: absolute;
  left: 25px;
  top: 40px;
}
.encyclopedia-piano .zukan-caption::before {
  content: "ピアノ図鑑";
}
.encyclopedia-guitar .zukan-caption::before {
  content: "ギター図鑑";
}
.encyclopedia-sax .zukan-caption::before {
  content: "サックス図鑑";
}
.encyclopedia-oboe .zukan-caption::before {
  content: "オーボエ図鑑";
}
.encyclopedia-ukulele .zukan-caption::before {
  content: "ウクレレ図鑑";
}
/* 目次 */
.gakki-indx {
  content-visibility: hidden;
  display: none;
}
/* 図鑑記事 */
.zukan-contents section {
  margin: 2em 0 1em;
}
.zukan-contents section#chapter1 {
  margin: 400px 0 1em;
}
.zukan-contents section h3 {
  height: 0;
  padding: 150px 0 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 950px 450px;
  overflow: hidden;
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}
.encyclopedia-piano.zukan-contents section h3 {
  background-image: url("../images/gakki/piano_sub-ttl.gif");
}
.encyclopedia-guitar.zukan-contents section h3 {
  background-image: url("../images/gakki/guitar_sub-ttl.jpg");
}
.encyclopedia-sax.zukan-contents section h3 {
  background-image: url("../images/gakki/sax_sub-ttl.gif");
}
.encyclopedia-oboe.zukan-contents section h3 {
  background-image: url("../images/gakki/oboe_sub-ttl.gif");
}
.encyclopedia-ukulele.zukan-contents section h3 {
  background-image: url("../images/gakki/ukulele_sub-ttl.jpg");
}
.zukan-contents section h4 {
  margin: 0 0 1em;
  font-size: 1.4em;
}
.zukan-contents section h5 {
  margin: 0 0 .5em;
}
.zukan-contents section h4.bd-lf {
  padding: .2em .5em .2em 30px;
}
/* 種類 */
.zukan-contents section .type {
  margin-bottom: 40px;
  padding: 1em 470px 1em 20px;
  background-color: #E4D4A2;
  background-image: url("../images/gakki/gakki-bg.jpg");
  box-shadow: 0 3px 5px rgba(200,190,175,0.8);
  position: relative;
}
.encyclopedia-piano.zukan-contents section .type {
  padding-bottom: 1em;
}
.zukan-contents section .type::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
}
.encyclopedia-piano.zukan-contents section .type::after {
  width: 450px;
  height: 216px;
  background-size: 450px 216px;
  left: auto;
  right: 0;
  bottom: 20px;
}
.encyclopedia-guitar.zukan-contents section .type {
  padding: 1em 500px 1em 20px;
}
.encyclopedia-guitar.zukan-contents section .type::after {
  width: 470px;
  height: 390px;
  background-image: url("../images/gakki/guitar_type_img.jpg");
  background-size: 470px 390px;
  left: auto;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.encyclopedia-sax.zukan-contents section .type {
  padding: 1em 20px;
}
.encyclopedia-sax.zukan-contents section .type p {
  position: relative;
  z-index: 10;
}
.encyclopedia-sax.zukan-contents section .type::after {
  width: 550px;
  height: 400px;
  background-size: 550px 400px;
  left: auto;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.encyclopedia-oboe.zukan-contents section .type {
  padding: 1em 20px;
}
.encyclopedia-oboe.zukan-contents section .type::after {
  width: 360px;
  height: 360px;
  background-position: left bottom;
  background-size: 360px 360px;
  left: auto;
  right: 1em;
  top: 1em;
}
.encyclopedia-ukulele.zukan-contents section .type {
  padding: 1em 110px 410px;
}
.encyclopedia-ukulele.zukan-contents section .type::after {
  width: 750px;
  height: 390px;
  background-position: left bottom;
  background-size: 750px 390px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1em;
}
/* 有名なメーカー */
.zukan-contents section .maker {
  padding: 1em 360px 1em 20px;
  margin-bottom: 40px;
}
.encyclopedia-guitar.zukan-contents section .maker, 
.encyclopedia-ukulele.zukan-contents section .maker {
  padding: 1em 440px 1em 20px;
}
.encyclopedia-piano.zukan-contents section .maker::before,
.encyclopedia-piano.zukan-contents section .maker::after {
  width: 320px;
  height: 200px;
  background-size: 640px 200px;
  border: 5px solid #FFFFFF;
  bottom: auto;
}
.encyclopedia-piano.zukan-contents section .maker::before {
  top: 20px;
  left: auto;
  right: 20px;
}
.encyclopedia-piano.zukan-contents section .maker::after {
  bottom: 20px;
  right: 20px;
}
.encyclopedia-guitar.zukan-contents section .maker::before, 
.encyclopedia-ukulele.zukan-contents section .maker::before {
  width: 415px;
  height: 289px;
  background-size: 415px 289px;
}
.encyclopedia-oboe.zukan-contents section .maker {
  padding: 1em 20px;
}
.encyclopedia-oboe.zukan-contents section .maker::before {
  width: 400px;
  height: 260px;
  background-size: 440px 260px;
  background-position: right bottom;
  border: 6px solid #FFFFFF;
  box-shadow: 0 2px 3px rgba(200,190,175,0.8);
  position: absolute;
  left: auto;
  right: 1em;
  bottom: 1em;
  transform: none;
  z-index: 20;
}
.zukan-contents section .maker h4 {
  font-size: 1.8em;
}
.zukan-contents section .maker p {
  padding: 0 10px 4px;
  z-index: 0;
}
/* 仕組み */
.zukan-contents section .about {
  margin-bottom: 40px;
  padding: 40px;
}
.zukan-contents section .about::after {
  content: "";
  display: block;
  clear: both;
}
.zukan-contents section .about h4 {
  font-size: 2.4em;
}
.zukan-contents section .about h4::before {
  width: 400px;
}
.zukan-contents section .about h4 .zindx {
  position: relative;
  z-index: 10;
}
.zukan-contents section .about .about-indx {
  margin-bottom: 50px;
  background-position: center top 140px;
  position: relative;
  z-index: 20;
}
.encyclopedia-piano.zukan-contents section .about .about-indx {
  background-size: 640px 370px;
  background-position: top 140px center;
}
.encyclopedia-sax.zukan-contents section .about .about-indx {
  background-position: center left 210px;
  background-size: 450px 500px;
}
.encyclopedia-piano.zukan-contents section .about .about-indx ul {
  margin-bottom: 0;
  padding: 800px 0 0;
}
.encyclopedia-sax.zukan-contents section .about .about-indx ul {
  padding: 500px 0 0;
}
.zukan-contents section .about .about-indx li {
  content-visibility: hidden;
  display: none;
}
.zukan-contents section .about ol {
  width: 100%;
  height: 850px;
  position: absolute;
  top: 120px;
  left: 0;
}
.encyclopedia-sax.zukan-contents section .about ol {
  width: 100%;
  height: 580px;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 20;
}
.zukan-contents section .about ol li,
.zukan-contents section .about .aboutbox {
  padding: 1em 20px;
}
.zukan-contents section .about ol li {
  width: 450px;
  font-size:.9em;
  position: absolute;
}
.encyclopedia-sax.zukan-contents section .about ol li {
  width: 340px;
}
.zukan-contents section .about ol li:first-child {
  left: 20px;
  top: 0;
}
.zukan-contents section .about ol li:nth-child(2) {
  padding-bottom: 35px;
  right: 20px;
  top: 40px;
}
.zukan-contents section .about ol li:nth-child(3) {
  padding-top: 30px;
  left: 20px;
  bottom: 20px;
}
.zukan-contents section .about ol li:nth-child(4) {
  padding-top: 50px;
  right: 20px;
  bottom: 0;
}
.encyclopedia-sax.zukan-contents section .about ol li:first-child {
  width: 375px;
  left: 20px;
  top: 140px;
}
.encyclopedia-sax.zukan-contents section .about ol li:nth-child(2) {
  width: 425px;
  padding-bottom: 1em;
  right: 20px;
  top: 40px;
}
.encyclopedia-sax.zukan-contents section .about ol li:nth-child(3) {
  padding-top: 1em;
  left: 90px;
  bottom: 20px;
}
.encyclopedia-sax.zukan-contents section .about ol li:nth-child(4) {
  padding-top: 1em;
  right: 20px;
  bottom: 0;
}
.zukan-contents section .about .aboutbox {
  width: 650px;
  margin: 0 auto 1em;
}
.encyclopedia-sax.zukan-contents section .about .aboutbox {
  width: 575px;
  margin: 0;
  float: left;
}
.encyclopedia-sax.zukan-contents section .about .aboutbox + p {
  float: right;
  margin-left: 1em;
}
.zukan-contents section .about .ptbox {
  width: 100%;
  margin-bottom: .5em;
  padding: .5em 1em .5em 110px;
  background-color: #FFF9C4;
  box-shadow: 0 2px 4px #E5CE89;
  position: relative;
}
.encyclopedia-ukulele.zukan-contents section .about .ptbox {
  margin: 1em 0;
}
.zukan-contents section .about .ptbox .maru {
  display: block;
  width: 70px;
  height: 70px;
  padding: 17px 0;
  left: 1em;
}
.zukan-contents section .about .ptbox .maru.line1 {
  padding: 22px 0;
}
.encyclopedia-guitar.zukan-contents section .about > .ptbox:first-of-type {
  padding: .5em 1em .5em 110px;
}
.encyclopedia-guitar.zukan-contents section .about > .ptbox:first-of-type .maru {
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.encyclopedia-guitar.zukan-contents section .about .imgbox {
  margin: 2em 0;
  padding: 250px 0 0;
  background-size: 400px 250px;
}
.encyclopedia-guitar.zukan-contents section .about .imgbox .ptbox:first-child {
  width: 400px;
  padding: 1em 1em 1em 110px;
  transform: none;
}
.encyclopedia-guitar.zukan-contents section .about .imgbox .ptbox:last-child {
  width: 400px;
  padding: 1em 1em 1em 110px;
  position: absolute;
  left: 50%;
  bottom: 0;
}
.encyclopedia-oboe.zukan-contents section .about .imgbox {
  margin-top: -20px;
  padding: 420px 0 0;
  background-position: left 60px top -20px;
  background-size: 640px 424px;
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox {
  width: 400px;
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox:first-child {
  left: 100px;
  transform: translateX(0);
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox:nth-child(2) {
  width: 375px;
  top: 120px;
  left: auto;
  right: -30px;
  transform: translateX(0);
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox:nth-child(3) {
  width: 300px;
  bottom: 200px;
  left: -30px;
  transform: translateX(0);
}
.encyclopedia-oboe.zukan-contents section .about .imgbox .ptbox:last-child {
  width: 600px;
  bottom: 60px;
  left: auto;
  right: 0;
  transform: translateX(0);
}
/* 歴史 */
.zukan-contents section#chapter2 {
  margin-top: 150px;
  padding: 220px 40px 40px;
  position: relative;
}
.zukan-contents section#chapter2 h3 {
  width: 470px;
  height: 0;
  padding: 290px 0 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 470px 290px;
  overflow: hidden;
  position: absolute;
  left: -80px;
  top: -120px;
  mix-blend-mode: normal;
}
.encyclopedia-piano.zukan-contents section#chapter2 h3 {
  background-image: url("../images/gakki/piano_history_book.png");
}
.encyclopedia-guitar.zukan-contents section#chapter2 h3 {
  background-image: url("../images/gakki/guitar_history_book.png");
}
.encyclopedia-sax.zukan-contents section#chapter2 h3 {
  background-image: url("../images/gakki/sax_history_book.png");
}
.encyclopedia-oboe.zukan-contents section#chapter2 h3 {
  background-image: url("../images/gakki/oboe_history_book.png");
}
.encyclopedia-ukulele.zukan-contents section#chapter2 h3 {
  background-image: url("../images/gakki/ukulele_history_book.png");
}
.zukan-contents section#chapter2 p {
  padding: 0 400px 0 0;
  font-size: .9em;
}
.encyclopedia-piano.zukan-contents section#chapter2 p {
  padding: 0 110px;
}
.encyclopedia-sax.zukan-contents section#chapter2 p {
  padding: 0 340px 0 0;
}
.encyclopedia-oboe.zukan-contents section#chapter2 p {
  padding: 0 300px 0 0;
}
.encyclopedia-guitar.zukan-contents section#chapter2 p:nth-last-child(2),
.encyclopedia-guitar.zukan-contents section#chapter2 p:nth-last-child(3),
.encyclopedia-ukulele.zukan-contents section#chapter2 p:nth-last-child(2),
.encyclopedia-ukulele.zukan-contents section#chapter2 p:nth-last-child(3) {
  padding: 0;
}
.zukan-contents section#chapter2 p.chap2-img {
  padding: 0;
  margin: 0;
}
.encyclopedia-piano.zukan-contents section#chapter2 p.chap2-img {
  width: 525px;
  height: 245px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.encyclopedia-guitar.zukan-contents section#chapter2 p.chap2-img {
  width: 520px;
  height: 450px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.encyclopedia-sax.zukan-contents section#chapter2 p.chap2-img {
  width: 320px;
  height: 470px;
  margin: 0 0 0 1em;
  float: none;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.encyclopedia-oboe.zukan-contents section#chapter2 p.chap2-img {
  width: 259px;
  height: 463px;
  margin: 0 0 0 1em;
  float: none;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
} 
.encyclopedia-ukulele.zukan-contents section#chapter2 p.chap2-img {
  width: 520px;
  height: 450px;
  position: absolute;
  right: 0;
  top: 0;
}
.zukan-contents section#chapter2 p.chap2-img img {
  width: 100%;
  height: auto;
}
/* 仲間たち */
.zukan-contents section#chapter3 h3 {
  background-position: left top -150px;
}
.zukan-contents section .nakamabox {
  width: 460px;
  margin: 0;
  padding: 20px;
}
.encyclopedia-guitar.zukan-contents section .nakamabox,
.encyclopedia-oboe.zukan-contents section .nakamabox,
.encyclopedia-ukulele.zukan-contents section .nakamabox {
  width: 310px;
  margin: 0;
  padding: 20px;
  font-size: .8em;
  line-height: 1.4;
}
.zukan-contents section#chapter3 .flexbox {
  justify-content: space-around;
  align-items: stretch;
}
.encyclopedia-sax.zukan-contents section#chapter3 .flexbox {
  flex-wrap: wrap;
}
.zukan-contents section .nakamabox {
  font-size: .9em;
}
.encyclopedia-piano.zukan-contents section .nakamabox:first-child {
  padding-top: 330px;
  padding-bottom: 20px;
  background-position: left top;
  background-size: 460px 305px;
}
.encyclopedia-piano.zukan-contents section .nakamabox:last-child {
  padding-bottom: 240px;
  background-size: 460px 240px;
}
.encyclopedia-sax.zukan-contents section .nakamabox {
  width: 460px;
  margin: 0 0 1em;
}
.encyclopedia-sax.zukan-contents section .nakamabox:first-child {
  padding-top: 250px;
  background-position: center top -30px;
  background-size: 457px 292px;
}
.encyclopedia-sax.zukan-contents section .nakamabox:nth-child(2) {
  padding-top: 10px;
  padding-bottom: 260px;
  background-position: center bottom;
}
.encyclopedia-sax.zukan-contents section .nakamabox:nth-child(3) {
  padding-top: 250px;
  background-position: center top -60px;
}
.encyclopedia-sax.zukan-contents section .nakamabox:nth-child(4) {
  padding-top: 10px;
  padding-bottom: 250px;
  background-position: center bottom -70px;
}
.encyclopedia-guitar.zukan-contents section .nakamabox:first-child {
  padding-top: 130px;
  background-position: center top 20px;
  background-size: 247.8px 90px;
}
.encyclopedia-guitar.zukan-contents section .nakamabox:nth-child(2) {
  padding-top: 10px;
  padding-bottom: 130px;
  background-position: center bottom 10px;
  background-size: 180px 114px;
}
.encyclopedia-guitar.zukan-contents section .nakamabox:nth-child(3) {
  padding-top: 130px;
  background-position: center top 40px;
  background-size: 300px 47.5px;
}
.encyclopedia-oboe.zukan-contents section .nakamabox:first-child {
  padding-top: 130px;
  background-position: center top 10px;
  background-size: 315.2px 104.8px;
}
.encyclopedia-oboe.zukan-contents section .nakamabox:nth-child(2) {
  padding-top: 10px;
  padding-bottom: 130px;
  background-position: center bottom 20px;
  background-size: 160px 72px;
}
.encyclopedia-oboe.zukan-contents section .nakamabox:nth-child(3) {
  padding-top: 130px;
  background-position: center top 10px;
  background-size: 166px 124px;
}
.encyclopedia-ukulele.zukan-contents section .nakamabox:first-child {
  padding-top: 130px;
  background-position: center top;
  background-size: 258px 136.8px;
}
.encyclopedia-ukulele.zukan-contents section .nakamabox:nth-child(2) {
  padding-top: 10px;
  padding-bottom: 130px;
  background-position: center bottom 10px;
  background-size: 260px 120px;
}
.encyclopedia-ukulele.zukan-contents section .nakamabox:nth-child(3) {
  padding-top: 130px;
  background-position: center top 40px;
  background-size: 265.5px 49.5px;
}
/* 名曲 */
.zukan-contents section#chapter4 h3 {
  margin-bottom: 0;
  background-position: left top -300px;
}
.zukan-contents section#chapter4 h4 {
  margin-bottom: .5em;
  padding: .2em .5em;
  color: #601602;
  font-size: 1.2em;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.encyclopedia-guitar.zukan-contents section#chapter4 h4 {
  font-size: 1.6em;
}
.encyclopedia-oboe.zukan-contents section#chapter4 h4 {
  padding: .2em 0;
  font-size: 1.6em;
}
.encyclopedia-sax.zukan-contents section#chapter4 h4 {
  font-size: 1.4em;
  line-height: 1.2;
}
.encyclopedia-sax.zukan-contents section#chapter4 h4 .bg-brown {
  padding: .2em;
  margin-bottom: .5em;
  font-size: 0.6em;
}
.encyclopedia-sax.zukan-contents section#chapter4 h4 .subtxt {
  font-size: 0.6em;
}
.zukan-contents section#chapter4 .flexbox {
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 20px 0;
  border: 1px solid #56312f;
}
.zukan-contents section .mscbox {
  width: 450px;
  font-size: .9em;
}
.encyclopedia-guitar.zukan-contents section .mscbox {
  width: 100%;
  height: 398px;
  padding: .5em 355px .5em 2em;
  box-shadow: 1px 1px 5px 1px rgba(147,112,39,0.60);
  clear: both;
}
.encyclopedia-oboe.zukan-contents section .mscbox {
  width: 100%;
  height: 330px;
  padding: .5em 420px .5em 2em;
  font-size: .82em;
  box-shadow: 1px 1px 5px 1px rgba(147,112,39,0.60);
  clear: both;
}
.encyclopedia-ukulele.zukan-contents section .mscbox {
  margin-bottom: 0;
  padding: 0;
}
.zukan-contents section .flexbox .mscbox:nth-child(3),
.zukan-contents section .flexbox .mscbox:nth-child(4) {
  padding-bottom: 0;
}
.zukan-contents section .flexbox .mscbox:nth-child(3)::after,
.zukan-contents section .flexbox .mscbox:nth-child(4)::after {
  content-visibility: hidden;
  display: none;
}
.zukan-contents section .mscbox .youtube-embed {
  margin: 1em 0;
}
.encyclopedia-guitar.zukan-contents section .mscbox::after,
.encyclopedia-oboe.zukan-contents section .mscbox::after,
.encyclopedia-ukulele.zukan-contents section .mscbox::after {
  content: "";
  display: none;
}
.encyclopedia-guitar.zukan-contents section .mscbox::before,
.encyclopedia-oboe.zukan-contents section .mscbox p:first-of-type::before {
  display: none;
}
.encyclopedia-guitar.zukan-contents section .mscbox:first-of-type {
  background-image: url("../images/gakki/guitar_hikikata1.jpg");
  background-size: 324px 398px;
  background-repeat: no-repeat;
  background-position: right top;
}
.encyclopedia-guitar.zukan-contents section .mscbox:last-of-type {
  background-image: url("../images/gakki/guitar_hikikata2.jpg");
  background-size: 324px 398px;
  background-repeat: no-repeat;
  background-position: right top;
}
.encyclopedia-oboe.zukan-contents section .mscbox:first-of-type {
  background-image: url("../images/gakki/oboe_hikikata_img1.jpg");
  background-size: 400px 330px;
  background-repeat: no-repeat;
  background-position: right top;
}
.encyclopedia-oboe.zukan-contents section .mscbox:last-of-type {
  background-image: url("../images/gakki/oboe_hikikata_img2.jpg");
  background-size: 400px 330px;
  background-repeat: no-repeat;
  background-position: right top;
}
/* 誘導リンク */
.link-lp {
  width: 730px;
  margin: 0 auto;
}
.encyclopedia-oboe .link-lp {
  width: 740px;
}
.link-lp a {
  margin-top: 2em;
  padding-top: 304px;
  background-size: 730px 304px;
}
.link-lp.gakki-oboe_bnr a {
  padding-top: 249px;
  background-size: 740px 249px;
}
.backtotop {
  width: 300px;
}
}