.howto-tag {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
}

.howto-tag li {
    border: solid #795284;
    border-width: 2px 0 2px 2px;
    display: inline-block;
    padding: 4px 5px 4px 12px;
    position: relative;
    margin: 0 30px 15px 0;
}

.howto-tag li:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border: solid #795284;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    right: -13px;
}

.item-block {
  margin: 0px 0 5px;
}

.guitar-banner {
    margin-top: 20px;
}

.guitar-banner > div {
    display: flex;
    justify-content:space-between;
}

.guitar-banner > div > div {
    width:49%;
}

.guitar-banner > div > div img {
    width:100%;
}

#howto-tab-wrapper {
    margin-right:15px;
}

ul#howto-tab {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

ul#howto-tab li.current-tab-contents a {
    position: relative;
    z-index: 3;
}


@media screen and (max-width: 1350px){
    ul#howto-tab li a {
    font-size: 12px;
    }
}

@media screen and (max-width: 1200px){
    ul#howto-tab li a {
    font-size: 11px;
    }
}

ul#howto-tab li a {
    display:block;
    width:100%;
    height: 100%;
    box-sizing:border-box;
    padding: 9px 11px 6px;
    line-height: 1.4;
}

#guitar-tab-white a {
    border: 2px solid;
}

ul#howto-tab li#guitar-tab-black a {
    background:black;
    color:white;
}

ul#howto-tab li#guitar-tab-white a {
    border-color:#bbb #bbb #fff #bbb;
    border-width: 5px 5px 0 5px;
    padding-top: 5px;
}

ul#howto-tab li#guitar-tab-white a {
    background:white;
    color:black;
}

ul#howto-tab li#guitar-tab-sunburst a {
    background: rgb(92,92,92);
    background: linear-gradient(90deg, rgba(92,92,92,1) 0%, rgba(103,66,66,1) 15%, rgba(195,88,45,1) 29%, rgba(229,147,28,1) 42%, rgba(229,147,28,1) 100%);
    color:white;
}

ul#howto-tab li#guitar-tab-burst a {
    background: rgb(208,75,34);
    background: linear-gradient(90deg, rgba(208,75,34,1) 0%, rgba(225,158,0,1) 15%, rgba(223,184,45,1) 100%);
    color:white;
}

ul#howto-tab li#guitar-tab-red a {
    background: #d53926;
    color:white;
}

ul#howto-tab li#guitar-tab-blue a {
    background: #787391;
    color:white;
}

ul#howto-tab li#guitar-tab-green a {
    background: #34594a;
    color:white;
}

ul#howto-tab li#guitar-tab-yellow a {
    background: #f9dd00;
    color: black;
}

ul#howto-tab li#guitar-tab-pink a {
    background: #f0afbc;
    color: black;
}

div#howto-tab-contents {
    margin-top: -1px;
}

div#howto-tab-contents ul {
    overflow:hidden;
    padding: 15px 15px;
    border: 6px solid;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

div#howto-tab-contents ul {
    display:none;
}

div#howto-tab-contents ul.current-tab-contents {
    display:flex;
    position:relative;    
}

div#howto-tab-contents ul#guitar-black {
    border-color: black;
}

div#howto-tab-contents ul#guitar-white {
    border-color: #bbbbbb;
}

div#howto-tab-contents ul#guitar-sunburst {
    border-color: #e5931c;
}

div#howto-tab-contents ul#guitar-burst {
    border-color: #e0ac19;
}

div#howto-tab-contents ul#guitar-red {
    border-color: #d53926;
}

div#howto-tab-contents ul#guitar-blue {
    border-color: #787391;
}

div#howto-tab-contents ul#guitar-green {
    border-color: #46715b;
}

div#howto-tab-contents ul#guitar-yellow {
    border-color: #f9dd00;
}

div#howto-tab-contents ul#guitar-pink {
    border-color: #f0afbc;
}

div#howto-tab-contents ul li {
    width: 25%;
    box-sizing:border-box;
    padding:15px;
}

div#howto-tab-contents ul li img {
    width:100%;
    margin-bottom: 7px;
}

div#howto-tab-contents ul li p {
    line-height:1.4;
}

div#lineupSwiper img {
    width: 100%;
    margin-bottom:10px;
}

div#lineupSwiper ul li p a {
    font-weight:bold; 
    font-size:16px;   
}

div#lineupSwiper ul li p + p {
    margin-top:5px;
}

.swiper-button-next, .swiper-button-prev {
    width: 41px;
    height: 51px;
    top: 36%;
}

.swiper-button-prev {
    background: url(../../../../images/top_images/slider_arrow.png) no-repeat -44px -1px;
    left: 0;
}

.swiper-button-next {
    background: url(../../../../images/top_images/slider_arrow.png) no-repeat -88px -1px;
    right: 0;
}



.detail-title img {
    transform: scale(0.6);
    transform-origin: center left;
}

.detail-title img.epiphone {
    margin-top: -0.7em;
}

.howto-column2-pc .howto-section .detail-title + p {
    margin-top: -20px;
}

@media screen and (max-width: 1200px){
  .item-block li {
      flex: 1 1 30%;
  }
}

.eg-brand .detail-title {
    height: 100px;
}

.eg-brand .detail-title .epiphone {
  margin-top: -0.7em;
}

@media (min-width: 801px){
    .eg-first .howto-flex-right > *:first-child {
      width:50%;
    }
}

.howto-wrapper .howto-flex-right > figure a {
  display:grid;
  gap: 10px;
    justify-items:center;
}

.howto-wrapper .howto-flex-right > figure a figcaption {
  word-break:auto-phrase;
  text-align:center;
}









.howto-qa .howto-section h3, .howto-qa .howto-section h3 + p {
    padding-left: 25px;
    position: relative;
    line-height: 1.7;
    font-size:16px;
}

.howto-qa .howto-section h3:before,
.howto-qa .howto-section h3 + p:before,
.howto-qa .howto-section h3 + div:before {
    position: absolute;
    left: 0;
    font-weight: bold;
}

.howto-qa .howto-section h3 {
    font-weight:bold;
}

.howto-qa .howto-section h3:before {
    content:"Q:";
    color: #007dff;
}

.howto-qa .howto-section h3 + p,
.howto-qa .howto-section h3 + div > p {
    margin-top:10px;
}

.howto-qa .howto-section h3 + p:nth-of-type(1):before,
.howto-qa .howto-section h3 + div:before {
    content:"A:";
    color: #ff3000;
}

.howto-qa .howto-section p + h3,
.howto-qa .howto-section div + h3 {
    margin-top: 20px;
    clear: both;
}

.howto-qa .howto-section ol {
    margin: .5em 0;
}

.howto-qa .howto-section ol li {
    list-style-type: decimal;
    margin-left:1.5em;
}

.howto-qa .howto-section ol li + li {
    margin-top:.5em;
}

.howto-qa .howto-flex-left img {
  max-height:160px;
  object-fit: contain;
}

@media (max-width: 800px){
  .howto-qa .howto-section h3,
  .howto-qa .howto-section p {
    font-size:14px;
  }
}


@media (max-width: 800px){
    .detail-title img {
        transform: scale(0.5);
        margin: -1em 0 -2em;
    }

    .guitar-brands .detail-title {
      margin-top:-20px;
    }

    .guitar-brands .detail-title + p {
        margin-top: -30px;
    }

    .howto-tag li {
        padding: 4px 3px 4px 9px;
        margin: 0 25px 15px 0;
    }

    .howto-tag li:after {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        border: solid #795284;
        border-width: 2px 2px 0 0;
        transform: rotate(45deg);
        position: absolute;
        top: 4px;
        right: -12px;
    }


    ul.recommend-title {
        margin: 0 0 0px 20px;
    }

    ul.recommend-title li {
        list-style-type: disc;
    }

    ul.recommend-title li + li {
        margin-top:5px;
    }
    .guitar-banner > div > div {
        margin-bottom:15px;
    }

    .guitar-banner > div > div img {
        width:100%;
    }

    div#howto-main .detail-title:before {
        top:2px;
    }



    ul#howto-tab li {
        writing-mode: vertical-rl;
    }

    ul#howto-tab li a {
        display:block;
        height: 100%;
        box-sizing:border-box;
        padding: 9px 6px 9px;
        line-height: 1.4;
        text-decoration: none;
        font-size: 11px;
        display: inline-block;
    }

    ul#howto-tab li#guitar-tab-white a {
        border-color:#bbb #bbb #fff #bbb;
        border-width: 3px 3px 0 3px;
        padding: 5px;
    }

    div#howto-tab-contents {
        align-items: flex-start;
    }

    div#howto-tab-contents ul {
        overflow:hidden;
        padding: 10px 5px;
        border: 6px solid;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        box-sizing: border-box;
        height: auto;
    }

    div#howto-tab-contents ul li {
        width: 50%;
        padding: 5px 10px;
    }



    .item-block li {
        margin: 0px 0 10px;
    }

    .swiper-button-next, .swiper-button-prev {
        top: 43%;
        width: 26px;
        height: 29px;
    }

    .swiper-wrapper {
        height: auto;
    }

    #lineupSwiper2 .swiper-button-next, #lineupSwiper2 .swiper-button-prev {
        width: 29px;
        height: 38px;
        top: 200px;
    }


    #lineupSwiper .swiper-button-next, #lineupSwiper .swiper-button-prev {
        width: 38px;
        height: 51px;
        top: 31%;
        /* background-size: 119px; */
    }

    .howto-wrapper .howto-indent.howto-qa .howto-section {
        flex-direction: column-reverse;
    }
    
    .howto-qa .howto-section h3, .howto-qa .howto-section h3 + p {
        font-size: 14px;
    }
    
    .howto-flex-right + .howto-flex-right figure {
        text-align: center;
    }

    
    div#howto-tab-contents ul {
        display:none;
    }

    .eg-brand .detail-title {
    height: 75px;
    margin-top: -10px;
    }
    
    .eg-brand .detail-title .epiphone {
        margin-top: -2.4em;
    }

}

@media (max-width: 450px){
    .guitar-banner > div {
        flex-direction: column;
        margin: 0px 15px;
    }
    .guitar-banner > div > div {
    width:100%;
    }

}