@charset "euc-jp";

/* ====================================================
共通設定
===================================================*/
#newTop *,
*::before,
*::after {
    box-sizing: border-box;
}

#newTop * {
    margin: 0;
    padding: 0;
}

#newTop {
    font-size: 62.5%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

#newTop main {
    display: block;
    background-color: #f5f6f7;
}

#newTop li {
    list-style: none;
    text-align: left;
}

#newTop p {
    text-align: left;
}

#newTop a {
    text-decoration: none;
    transition: 0.6s;
    color: #333333;
}

#newTop a:hover {
    opacity: 0.6;
}

#newTop img {
    width: 100%;
    vertical-align: bottom;
}

#newTop h2 {
    font-family: YuMincho, 'YuMincho', serif;
    font-size: 4rem;
    font-weight: 400;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    #newTop h2 {
        font-size: 2.4rem;
        margin-bottom: 25px;
    }
}

#newTop h3 {
    font-size: 2.2rem;
    font-weight: normal;
}

@media (max-width: 767px) {
    #newTop h3 {
        font-size: 2rem;
    }
}

#newTop h4 {
    font-family: YuMincho, 'YuMincho', serif;
    text-align: center;
    font-size: 4rem;
    font-weight: 400;
}

@media (max-width: 767px) {
    #newTop h4 {
        font-size: 2.6rem;
    }
}

#newTop .smallcomment {
    font-size: 1.2rem;
}

@media (max-width: 767px) {
    #newTop .smallcomment {
        font-size: 1rem;
    }
}

#newTop .blockelement {
    display: block;
}

@media (max-width: 767px) {
    #newTop .sp-block {
        display: block;
    }
}

#newTop .pc-block {
    display: block;
}

@media (max-width: 767px) {
    #newTop .pc-block {
        display: inline;
    }
}

#newTop .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    #newTop .flex {
        display: block;
    }
}

#newTop .tac {
    text-align: center;
}

#newTop .pc {
    display: block !important;
}

@media (max-width: 1190px) {
    #newTop .pc {
        display: none !important;
    }
}

#newTop .sp {
    display: none !important;
}

@media (max-width: 1190px) {
    #newTop .sp {
        display: block !important;
    }
}

#newTop .btn {
    border: 2px solid #333;
    border-radius: 12px;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    line-height: 1.1;
    background-color: #fff;
}

@media (max-width: 767px) {
    #newTop .btn {
        border-radius: 8px;
        line-height: 1.5;
    }
}

#newTop .btn:hover {
    border: 2px solid #c4000c;
    transition: 0.6s;
    background-color: #fff;
}

#newTop .btn__bk {
    background-color: #333;
}

#newTop .btn__bk a {
    color: #ffffff;
    display: block;
}

#newTop .btn__bk:hover {
    background-color: #c4000c;
}

#newTop .btn__white:hover {
    color: #c4000c;
}

#newTop .btn__white:hover a {
    display: block;
}

/*---------------- wrapper -------------------------*/
#newTop .wrapper {
    max-width: 1920px;
    margin: 0 auto;
    background-color: #ffffff;
    font-size: 1.4rem;
}

@media (max-width: 767px) {
    #newTop .wrapper {
        font-size: 1.3rem;
    }
}

#newTop .basewrap {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 50px;
}

@media (max-width: 767px) {
    #newTop .basewrap {
        width: 100%;
        padding: 0 30px;
    }
}

/*---------------- header -------------------------*/
#newTop .head {
    height: 100vh;
    position: relative;
}

@media (max-width: 1190px) {
    #newTop .head {
        display: block;
    }
}

#newTop .head__container {
    width: 30%;
    margin-left: 300px;
}

@media (max-width: 1190px) {
    #newTop .head__container {
        width: 100%;
        margin-left: 0;
    }
}

#newTop .head__container__gnavi {
    margin-right: 30px;
    margin-top: 60px;
    border: none;
}


@media (max-width: 1190px) {
    #newTop .head__container__gnavi {
        position: fixed;
        right: -1190px;
        top: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 200;
        margin-right: 0;
        padding-top: 50px;
        margin-top: 0;
        padding-bottom: 20px;
    }
}


@media (max-width: 1190px) {
    #newTop .head__container__gnavi__list {
        display: block;
    }
}

#newTop .head__container__gnavi li {
    font-size: 1.6rem;
    margin-right: 15px;
    font-family: fot-tsukuaoldmin-pr6n, serif;
    font-style: normal;
    font-weight: 500;
    padding-right: 3px;
}

@media (max-width: 1190px) {
    #newTop .head__container__gnavi li {
        margin-right: 0;
    }
}

#newTop .head__container__gnavi li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

@media (max-width: 1190px) {
    #newTop .sp-hamberger {
        opacity: 0;
    }
}

@media (max-width: 1190px) {
    #newTop .sp-hamberger.panelActive {
        opacity: 1;
        transition: 0.4s;
    }
}





/*hoverで赤ライン*/
#newTop .head__container__gnavi li a::after {
    content: "";
    position: absolute;
    right: -3px;
    top: 0;
    width: 2px;
    height: 0;
    background-color: #c4000c;
    transform: scale 1, 1;
    transform-origin: top left;
    transition: 0.6s;
}

#newTop .head__container__gnavi li a:hover::after {
    transform: scale(1, 1);
    height: 100%;
}

#newTop .head__container__gnavi__list__innner li a::after {
    content: "";
    position: absolute;
    right: auto;
    left: -3px;
    bottom: 0;
    top: auto;
    width: 0px;
    height: 2px;
    background-color: #c4000c;
    transform: scale 1, 1;
    transform-origin: bottom right;
    transition: 0.4s;
}

#newTop .head__container__gnavi__list__innner li a:hover::after {
    transform: scale(1, 1);
    width: 100%;
    height: 2px
}


#newTop .head__container__title {
    position: absolute;
    bottom: 50px;
    width: 120px;
}

@media (max-width: 1190px) {
    #newTop .head__container__title {
        top: 20px;
        width: 100%;
    }
}

#newTop .head__container__title h1 {
    width: 80px;
    padding-bottom: 30px;
    margin: 0 auto;
}

@media (max-width: 1190px) {
    #newTop .head__container__title h1 {
        width: 40px;
    }
}

#newTop .head__container__title__sns {
    justify-content: space-between;
}

@media (max-width: 1190px) {
    #newTop .head__container__title__sns {
        display: none;
    }
}

#newTop .head__container__title__sns img {
    width: 80%;
}

@media (max-width: 1190px) {
    #newTop .gnavi__hamberger {
        position: fixed;
        right: 15px;
        top: 8px;
        width: 30px;
        height: 30px;
        z-index: 999;
        background-color: #ffffff;
        border: 1px solid #f5f6f7;
    }
}

@media (max-width: 1190px) {
    #newTop .gnavi__hamberger__border {
        position: fixed;
        right: 20px;
        width: 20px;
        height: 2px;
        transition: all 0.6s;
        background-color: #ffffff;
    }
}

@media (max-width: 1190px) {
    #newTop .gnavi__hamberger__border {
        background-color: #333333;
    }
}

@media (max-width: 1190px) {
    #newTop .gnavi__hamberger__border__top {
        top: 15px;
    }
}

@media (max-width: 1190px) {
    #newTop .gnavi__hamberger__border__center {
        top: 22px;
    }
}

@media (max-width: 1190px) {
    #newTop .gnavi__hamberger__border__bottom {
        top: 29px;
    }
}

@media (max-width: 1190px) {
    .nav-open #newTop .head__container__gnavi {
        right: 0;
        background-color: #c4000c;
    }
}

@media (max-width: 1190px) {
    #newTop .nav-open .gnavi__hamberger__border__top {
        transform: rotate(45deg);
        top: 22px;
    }
}

@media (max-width: 1190px) {
    #newTop .nav-open .gnavi__hamberger__border__center {
        width: 0;
        right: 50%;
    }
}

@media (max-width: 1190px) {
    #newTop .nav-open .gnavi__hamberger__border__bottom {
        transform: rotate(-45deg);
        top: 22px;
    }
}

#newTop .nav_link {
    display: none;
}

@media (max-width: 1190px) {
    #newTop .nav_link {
        display: block;
        width: 300px;
    }
}

@media (max-width: 767px) {
    #newTop .nav_link {
        display: block;
        width: 60%;
    }
}

@media (max-width: 1190px) {
    #newTop #sp-only .head__container__gnavi .gnv .nav_link {
        margin: 0 auto;
    }
}

#newTop .nav_sns {
    display: none;
}

@media (max-width: 1190px) {
    #newTop .nav_sns {
        display: block;
        width: 300px;
    }
}

@media (max-width: 767px) {
    #newTop .nav_sns {
        display: block;
        width: 60%;
    }
}

#newTop .nav_sns div {
    display: flex;
    justify-content: space-around;
}

#newTop .nav_sns div a {
    width: 100%;
    margin: 0 5px;
}

#newTop .slideshow {
    width: 100%;
    list-style-type: none;
    position: relative;
}

@media (max-width: 1190px) {
    #newTop .slideshow {
        padding-top: 150px;
    }
}

@media (max-width: 767px) {
    #newTop .slideshow {
        padding-top: 100px;
    }
}

#newTop .slideshow>li {
    opacity: 0;
    position: absolute;
    transition: opacity 3s ease-in-out;
    width: 100%;
}

#newTop .slideshow>li.showSlide {
    opacity: 1;
}

#newTop .slideshow>li>img {
    width: 100%;
    position: relative;
    height: 100vh;
    object-fit: cover;
}

@media (max-width: 1190px) {
    #newTop .slideshow>li>img {
        height: 85vh;
    }
}


/*nav縦書き*/
#newTop #pc-only .head__container__gnavi li {
    ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    /*
       @media (max-width: 767px) {
          writing-mode: horizontal-tb;
      }
      */
}

/*navのドロップダウンメニュー*/
#newTop #pc-only .head__container__gnavi__list>.has-child {
    position: relative;
}

#newTop #pc-only .head__container__gnavi__list>.has-child>ul {
    display: flex;
    writing-mode: horizontal-tb;
    /*
            @media (max-width: 767px){
                display: block;
            }
    */
}

#newTop #pc-only .head__container__gnavi__list__innner {
    position: absolute;
    top: 80px;
    left: -100px;
    z-index: 99;
    color: #ffffff;
    padding-top: 50px;
    /*
      @media (max-width: 767px){
          top: 0;
          left: 50px;
          padding-top: 0;
      }
  */
}

#newTop #pc-only .head__container__gnavi__list__innner>li {
    width: 250px;
}

@media (max-width: 1190px) {
    #newTop #pc-only .head__container__gnavi__list__innner>li {
        width: auto;
    }
}

#newTop #pc-only .head__container__gnavi__list__innner li {
    font-size: 1.4rem;
    background-color: #c4000c;
    margin-bottom: 10px;
    padding: 10px 10px;
    margin-right: 10px;
    writing-mode: horizontal-tb;
    border-radius: 4px;
    text-align: center;
    /*
            @media (max-width: 767px){
                padding: 0;
                text-align: left;
                margin-bottom: 20px;
                border-bottom: 1px solid #fff;
                border-radius: 0;
            }
    */
}

#newTop #pc-only .head__container__gnavi__list__innner li a {
    color: #ffffff;
}

#newTop #pc-only .head__container__gnavi__list__innner>.has-child {
    position: relative;
}

#newTop #pc-only .head__container__gnavi__list__innner>.has-child ul {
    position: absolute;
    top: 50px;
    padding-top: 10px;
    left: 0;
    writing-mode: horizontal-tb;
    background-color: #fff;
    border-radius: 4px;
    padding-left: 5px;
    /*
                  @media (max-width: 767px){
                      top: 0;
                      left: 50px;
                      padding-top: 0;
                  }
      */
}

#newTop #pc-only .head__container__gnavi__list__innner>.has-child ul li {
    padding: 0;
    margin-right: 5px;
    background-color: #ffffff;
    text-align: left;
    margin-bottom: 15px;
    width: px;
    /*
                        @media (max-width: 767px){
                            background-color: $pointcolor;
                            padding-left: 10px;
                            border: none;
                        }
        */
}

#newTop #pc-only .head__container__gnavi__list__innner>.has-child ul .has-child2 {
    width: 250px;
    border: 1px solid gray;
    padding: 5px;
}

#newTop #pc-only .head__container__gnavi__list__innner>.has-child ul .has-child2 li {
    width: 100%;
}



#newTop #pc-only .head__container__gnavi__list__innner>.has-child ul .has-child2 .has-child2__title {
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 1rem;
}

#newTop #pc-only .head__container__gnavi__list__innner>.has-child ul a {
    color: #333333;
    display: block;
    /*
                        @media (max-width: 767px){
                            color: $font_white;
                        }
        */
}

#pc-only .has-child ul {
    opacity: 0;
}

#pc-only .has-child:hover>ul,
#pc-only .has-child:active>ul {
    opacity: 1;
    transition: .4s;
}


#newTop #pc-only .head__container__gnavi__list__innner .has-child2 ul {
    display: block;
    position: inherit;
    opacity: 1;
}

#newTop #pc-only .head__container__gnavi__list__innner .has-child2:hover>ul {
    display: block;
}

#newTop #pc-only .head__container__gnavi__list__innner .has-child2:hover {
    border: none;
}

/*spメニューCSS追加分*/
#newTop #sp-only .head__container__gnavi {
    width: 100%;
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

#newTop #sp-only .head__container__gnavi li {
    padding-right: 0;
}

#newTop #sp-only .head__container__gnavi .gnv {
    background-color: #fff;
    position: relative;
    z-index: 101;
    font-size: 1.6rem;
}

#newTop #sp-only .head__container__gnavi .gnv_ttl {
    padding: 15px;
    font-size: 1.6rem;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    /*
              & dd {
                  
                  & .u-wrapper_inner {
                      padding-left: 10px;
          padding-right: 10px;
          width: 100%;
          max-width: 1020px;
                      display: block;
                  }
              
              & a {
                  padding-left: 30px;
                  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
              }
                          } 
      
      */
}

#newTop #sp-only .head__container__gnavi .gnv li {
    border-top: 1px solid #231815;
}

#newTop #sp-only .head__container__gnavi .gnv li a {
    display: block;
    padding: 15px;
    width: 100%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

#newTop #sp-only .head__container__gnavi .gnv .nav_link {
    border: none;
}

/*アコーディオン部分の開閉*/
#newTop #sp-only dd {
    display: none;
}

#newTop #sp-only .is-select dd {
    display: block;
}

#newTop #sp-only .head__container__gnavi .u-wrapper_inner li {
    padding-left: 30px;
    border: none;
}

#newTop #sp-only .head__container__gnavi .u-wrapper_inner li a {
    padding: 10px;
}

#newTop #sp-only .head__container__gnavi .head__container__gnavi__list .nav_sns {
    border: none;
}

/*---------------- main -------------------------*/
.main {
    width: 100%;
}

#newTop .main {
    display: block;
    max-width: 100%;

}

/*---------------- leftnavi -------------------------*/
#newTop .sidemenu {
    opacity: 0;
}

@media (max-width: 1240px) {
    #newTop .sidemenu {
        display: none;
    }
}

#newTop .sidemenu.panelActive {
    opacity: 1;
    transition: 0.4s;
}

#newTop #idLeftnavi {
    width: 250px;
    height: 100vh;
    z-index: 999;
    top: 0;
    left: -120%;
    transition: all 0.6s;
    position: fixed;
    background-color: #ffffff;
    /*リストのレイアウト設定*/
}

#newTop #idLeftnavi.panelactive {
    left: 0;
}

#newTop #idLeftnavi ul {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
}

#newTop #idLeftnavi li {
    list-style: none;
    text-align: center;
}

#newTop #idLeftnavi li a {
    color: #333;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
}

/*==== ボタンのためのCSS ====*/
#newTop .openbtn1 {
    position: fixed;
    z-index: 9999;
    /*ボタンを最前面に*/
    top: 0;
    left: 50px;
    cursor: pointer;
    width: 70px;
    height: 70px;
}

#newTop .openbtn1 span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 15px;
    height: 3px;
    border-radius: 2px;
    background-color: #666;
    width: 40px;
}

#newTop .openbtn1 span:nth-of-type(1) {
    top: 30px;
}

#newTop .openbtn1 span:nth-of-type(2) {
    top: 43px;
}

#newTop .openbtn1 span:nth-of-type(3) {
    top: 56px;
}

#newTop .openbtn1.active span:nth-of-type(1) {
    top: 30px;
    left: 15px;
    transform: translateY(0px) rotate(-45deg);
    width: 40px;
}

#newTop .openbtn1.active span:nth-of-type(2) {
    opacity: 0;
}

#newTop .openbtn1.active span:nth-of-type(3) {
    top: 30px;
    left: 15px;
    transform: translateY(0px) rotate(45deg);
    width: 40px;
}

#newTop .leftnavi__title {
    width: 70px;
    position: fixed;
    z-index: 950;
    top: 0;
    left: 50px;
    cursor: pointer;
    background-color: #ffffff;
    height: 100vh;
    text-align: center;
    padding-top: 150px;
}

#newTop .leftnavi__title img {
    width: 70%;
}

#newTop .sidemenu__link {
    margin-top: 150px;
    line-height: 1.2;
}

#newTop .sidemenu__sns {
    width: 50%;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    left: 25%;
}

#newTop .sidemenu__sns img {
    width: 80%;
}

/*---------------- about -------------------------*/
#newTop .about {
    background-image: url("https://img06.shop-pro.jp/PA01159/639/etc/about.jpg?cmsp_timestamp=20211213064350");
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 767px) {
    #newTop .about {
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: cover;
        background-position: center;
    }
}

#newTop .about__textbox__title {
    padding-left: 100px;
}

@media (max-width: 1240px) {
    #newTop .about__textbox__title {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    #newTop .about__textbox__title {
        border-bottom: 1px solid gray;
        text-align: center;
        padding-bottom: 10px;
    }
}

#newTop .about__textbox__text {
    padding-left: 100px;
}

@media (max-width: 1240px) {
    #newTop .about__textbox__text {
        padding-left: 0;
    }
}

#newTop .about__textbox__text p {
    font-family: YuMincho, 'YuMincho', serif;
    font-size: 1.8rem;
    line-height: 2;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    #newTop .about__textbox__text p {
        font-size: 1.4rem;
    }
}

/*---------------- yuzen -------------------------*/
#newTop .yuzen {
    background-color: #f5f6f7;
    margin-bottom: 30px;
}

#newTop .yuzen .basewrap {
    padding-top: 100px;
    background-color: #ffffff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 100px;
}

@media (max-width: 767px) {
    #newTop .yuzen .basewrap {
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #f5f6f7;
    }
}

#newTop .yuzen__container {
    justify-content: space-between;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    #newTop .yuzen__container {
        margin-bottom: 20px;
    }
}

#newTop .yuzen__container__topic {
    width: 100%;
    padding: 0 20px;
}

@media (max-width: 767px) {
    #newTop .yuzen__container__topic {
        border: ipx solid gray;
        background-color: #ffffff;
        margin-bottom: 30px;
        padding: 0;
        border: 1px solid gray;
    }
}

#newTop .yuzen__container__topic__title {
    position: relative;
    padding: 45px 0;
}

@media (max-width: 767px) {
    #newTop .yuzen__container__topic__title {
        padding: 30px 0 20px;
        pointer-events: all;
    }
}

@media (max-width: 767px) {
    #newTop .yuzen__container__topic__title::after {
        line-height: 1.3;
        position: absolute;
        width: 30px;
        height: 30px;
        content: '+';
        top: 30px;
        right: 25px;
        font-size: 2.1rem;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
        background-color: #cfcfcf;
    }
}

@media (max-width: 767px) {
    #newTop .yuzen__container__topic__title.on::after {
        content: '-';
    }
}

#newTop .yuzen__container__topic__title__sub {
    position: absolute;
    font-size: 5rem;
    color: gray;
    font-family: YuMincho, 'YuMincho', serif;
    top: 5px;
    opacity: 0.3;
}

@media (max-width: 767px) {
    #newTop .yuzen__container__topic__title__sub {
        font-size: 3rem;
        padding-left: 10px;
    }
}

#newTop .yuzen__container__topic__title__main {
    text-align: left;
    padding-left: 20px;
}

#newTop .yuzen__container__topic__text {
    line-height: 2.1;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    #newTop .yuzen__container__topic__text {
        display: none;
        padding: 0 20px;
    }
}

#newTop .yuzen__container__topic .gosai-wrap {
    margin-top: 15px;
}

#newTop .yuzen__container__topic .gosai {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    #newTop .yuzen__container__topic .gosai {
        display: flex;
    }
}

#newTop .yuzen__container__topic .gosai__iro {
    color: #ffffff;
    padding: 5px 0;
    width: 35%;
    line-height: 2;
}

#newTop .yuzen__container__topic .gosai__text {
    font-size: 1.3rem;
    width: 60%;
    line-height: 1.5;
}

@media (max-width: 767px) {
    #newTop .yuzen__container__topic .gosai__text {
        font-size: 1.1rem;
    }
}

#newTop .yuzen__container__topic .gosai .ai {
    background-color: #35357d;
}

#newTop .yuzen__container__topic .gosai .enzi {
    background-color: #97060F;
}

#newTop .yuzen__container__topic .gosai .oudo {
    background-color: #cb9e02;
}

#newTop .yuzen__container__topic .gosai .kusa {
    background-color: #447B2D;
}

#newTop .yuzen__container__topic .gosai .murasaki {
    background-color: #895687;
}

#newTop .yuzen__link {
    align-items: center;
    font-size: 1.8rem;
    padding-left: 100px;
}

@media (max-width: 767px) {
    #newTop .yuzen__link {
        display: flex;
        font-size: 1.2rem;
        padding-left: 0;
    }
}

#newTop .yuzen__link__rogo {
    padding: 10px 20px;
    border: 1px solid gray;
    border-radius: 10px;
    vertical-align: middle;
    width: 250px;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    #newTop .yuzen__link__rogo {
        padding: 10px;
        margin-left: 10px;
    }
}

/*---------------- item -------------------------*/
#newTop .item {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    #newTop .item {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }
}

#newTop .item__titleLeft,
#newTop .item__titleRight {
    ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

@media (max-width: 1240px) {

    #newTop .item__titleLeft,
    #newTop .item__titleRight {
        writing-mode: horizontal-tb;
    }
}

@media (max-width: 767px) {

    #newTop .item__titleLeft,
    #newTop .item__titleRight {
        writing-mode: vertical-rl;
    }
}

#newTop .item__titleLeft {
    position: absolute;
    left: 20%;
}

#newTop .item__titleRight {
    position: absolute;
    right: 20%;
}

#newTop .item__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

@media (max-width: 1240px) {
    #newTop .item__container {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    #newTop .item__container {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    #newTop .item__container__topic1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
}

@media (max-width: 767px) {
    #newTop .item__container__topic2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
}

#newTop .item__container__textbox {
    bottom: 0;
    width: 48%;
}

@media (max-width: 767px) {
    #newTop .item__container__textbox {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

#newTop .item__container__textbox__title {
    font-size: 2.2rem;
    text-align: right;
}

@media (max-width: 767px) {
    #newTop .item__container__textbox__title {
        font-size: 1.6rem;
        margin-top: 20px;
    }
}

#newTop .item__container__textbox__price {
    text-align: right;
    border-bottom: 1px solid gray;
    padding-bottom: 15px;
    font-size: 2rem;
}

@media (max-width: 767px) {
    #newTop .item__container__textbox__price {
        font-size: 1.6rem;
    }
}

#newTop .item__container__textbox__text {
    padding: 20px 0;
    line-height: 1.8;
}

#newTop .item__container__textbox__detail {
    font-size: 1.3rem;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    #newTop .item__container__textbox__detail {
        font-size: 1.1rem;
    }
}

#newTop .item__container__textbox__link {
    justify-content: space-between;
}

#newTop .item__container__textbox__link__cart {
    line-height: 2;
    margin: 0 10px 0 0;
}

@media (max-width: 767px) {
    #newTop .item__container__textbox__link__cart {
        margin: 0 auto 20px;
    }
}

#newTop .item__container__textbox__link__other {
    margin: 0 0 0 10px;
}

@media (max-width: 767px) {
    #newTop .item__container__textbox__link__other {
        margin: 0 auto;
        line-height: 2;
    }
}

#newTop .item__container__imgbox {
    width: 50%;
}

@media (max-width: 767px) {
    #newTop .item__container__imgbox {
        width: 100%;
    }
}

#newTop .Text-Span {
    position: relative;
    z-index: 1;
}

#newTop .Text-Span:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    width: 3px;
    height: 0;
    background: #c4000c;
    z-index: -1;
    transform: scale(1, 1);
    transform-origin: top left;
    transition: all 1.2s;
}

#newTop .Text-Span.isActive:after {
    height: 100%;
}

@media (max-width: 767px) {
    #newTop .thumbnail {
        display: none;
    }
}

#newTop .thumbnail #mainImg,
#newTop .thumbnail #mainImg2,
#newTop .thumbnail #mainImg3,
#newTop .thumbnail #mainImg4 {
    width: 100%;
    margin: 0 auto;
}

#newTop .thumbnail #subImg,
#newTop .thumbnail #subImg2,
#newTop .thumbnail #subImg3,
#newTop .thumbnail #subImg4 {
    margin: 0 auto;
    -webkit-box-pack: distribute;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 10px;
}

#newTop .thumbnail #subImg li,
#newTop .thumbnail #subImg2 li,
#newTop .thumbnail #subImg3 li,
#newTop .thumbnail #subImg4 li {
    width: 25%;
}

#newTop .thumbnail #subImg img,
#newTop .thumbnail #subImg2 img,
#newTop .thumbnail #subImg3 img,
#newTop .thumbnail #subImg4 img {
    width: 100%;
    cursor: pointer;
    transition: all 0.3s;
}

#newTop .spItem {
    display: none;
}

@media (max-width: 767px) {
    #newTop .spItem {
        display: block;
    }
}

#newTop .spItem__slider li {
    margin: 0 7px;
}

#newTop .spTaiken {
    padding-top: 110px;
}

#newTop .spOkuru {
    padding-top: 70px;
}

#newTop .spTukau {
    padding-top: 105px;
}

#newTop .spTukuru {
    padding-top: 105px;
}

#newTop .slick-arrow:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

#newTop .slick-next {
    right: 15px;
    top: 60%;
}

#newTop .slick-next:before {
    background-image: url("https://file003.shop-pro.jp/PA01159/639/img/arrow_l.jpg");
    background-size: contain;
}

#newTop .slick-prev {
    left: 15px;
    top: 60%;
}

#newTop .slick-prev:before {
    background: url("https://file003.shop-pro.jp/PA01159/639/img/arrow_r.jpg");
    background-size: contain;
}

#newTop .slick-arrow {
    z-index: 2;
    width: 25px;
    height: 25px;
}

/*---------------- info -------------------------*/
#newTop .info {
    background-color: #f5f6f7;
    padding: 100px 0;
}

@media (max-width: 767px) {
    #newTop .info {
        padding: 50px 25px;
    }
}

#newTop .info__textbox {
    background-color: #ffffff;
    padding: 50px 100px;
}

@media (max-width: 767px) {
    #newTop .info__textbox {
        padding: 35px 20px 15px;
    }
}

#newTop .info__textbox li {
    border-bottom: 1px solid gray;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    #newTop .info__textbox li {
        margin-bottom: 20px;
    }
}

#newTop .info__textbox__date {
    margin-right: 50px;
    margin-left: 15px;
}

@media (max-width: 767px) {
    #newTop .info__textbox__date {
        margin-left: 0;
        margin-right: 0;
        display: block;
    }
}

/*---------------- instagram -------------------------*/
#newTop .instagram {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    #newTop .instagram {
        padding: 50px 20px;
        margin-bottom: 50px;
    }
}

#newTop .instagram__link {
    width: 300px;
    margin: auto;
    font-size: 2rem;
    font-weight: bold;
    padding: 20px 0;
}

@media (max-width: 767px) {
    #newTop .instagram__link {
        width: 90%;
        font-size: 1.6rem;
        padding: 10px 0;
    }
}

#newTop #insta ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 50px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    #newTop #insta ul {
        padding: 0;
        margin-bottom: 10px;
    }
}

#newTop #insta li {
    list-style: none;
    width: 23%;
}

@media (max-width: 767px) {
    #newTop #insta li {
        width: 45%;
    }
}

#newTop #insta img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    #newTop #insta img {
        width: 100%;
        height: 130px;
        margin-bottom: 10px;
    }
}

#newTop #insta li a {
    position: relative;
    display: block;
}

#newTop #insta .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

@media (max-width: 767px) {
    #newTop #insta .text {
        -webkit-line-clamp: 3;
        margin-bottom: 20px;
    }
}

/*---------------- shop -------------------------*/
#newTop .shop {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    #newTop .shop {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

#newTop .shop__img {
    background-image: url(https://img06.shop-pro.jp/PA01159/639/etc/shop.jpg?cmsp_timestamp=20211213064524);
    background-size: cover;
    background-position: center;
    height: 600px;
}

@media (max-width: 767px) {
    #newTop .shop__img {
        height: 300px;
    }
}

@media (max-width: 767px) {
    #newTop .shop .shopwrap {
        padding: 0 40px;
    }
}

#newTop .shop__container {
    padding-top: 50px;
    justify-content: space-between;
}

@media (max-width: 767px) {
    #newTop .shop__container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

#newTop .shop__container__textbox {
    width: 60%;
    padding-right: 30px;
    border-right: 1px solid gray;
}

@media (max-width: 767px) {
    #newTop .shop__container__textbox {
        padding-right: 0;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid gray;
    }
}

#newTop .shop__container__textbox__title {
    font-size: 2.2rem;
}

@media (max-width: 767px) {
    #newTop .shop__container__textbox__title {
        font-size: 1.6rem;
    }
}

#newTop .shop__container__textbox__text {
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 1.8;
}

@media (max-width: 767px) {
    #newTop .shop__container__textbox__text {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

#newTop .shop__container__info {
    width: 37%;
}

@media (max-width: 767px) {
    #newTop .shop__container__info {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #newTop .shop__container__info__title {
        padding-top: 10px;
    }
}

#newTop .shop__container__info__text {
    font-size: 1.1rem;
    padding-top: 15px;
}

@media (max-width: 767px) {
    #newTop .shop__container__info__text {
        padding-top: 10px;
    }
}

#newTop .shop__container__info__map {
    padding-top: 15px;
}

@media (max-width: 767px) {
    #newTop .shop__container__info__map {
        text-align: center;
    }
}

#newTop .shop__container__morewrap {
    text-align: left;
    padding: 0;
}

#newTop .shop__container__more {
    padding: 20px 0;
    width: 300px;
    margin: 0;
}

@media (max-width: 767px) {
    #newTop .shop__container__more {
        padding: 10px 0;
        width: 100%;
        margin: 0 auto;
    }
}

/*---------------- footer -------------------------*/
#newTop .footer {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #c4000c;
    color: #ffffff;
    font-size: 1.3rem;
}

@media (max-width: 767px) {
    #newTop .footer {
        padding-top: 30px;
        padding-bottom: 100px;
    }
}

@media (max-width: 767px) {
    #newTop .footer .footerwrap {
        padding: 0;
    }
}

#newTop .footer__list {
    justify-content: space-between;
}

@media (max-width: 767px) {
    #newTop .footer__list {
        padding: 0;
    }
}

@media (max-width: 767px) {
    #newTop .footer__list>li {
        border-bottom: 1px solid #ffffff;
        margin-bottom: 15px;
        padding-left: 40px;
        padding-bottom: 15px;
    }
}

#newTop .footer__list>li a {
    color: #ffffff;
}

#newTop .footer__list__innnerlist {
    list-style-type: disc;
    margin-left: 20px;
}

#newTop .footer__list__innnerlist li {
    padding-top: 10px;
}

@media (max-width: 767px) {
    #newTop .footer__list__innnerlist li {
        border-bottom: none;
    }
}

#newTop .footer__sns {
    width: 15%;
    margin: 0 0 0 auto;
}

@media (max-width: 767px) {
    #newTop .footer__sns {
        display: flex;
        width: 45%;
        margin-right: 30px;
    }
}

#newTop .footer__sns li {
    width: 100%;
    margin-left: 10px;
}

@media (max-width: 767px) {
    #newTop .footer__sns li {
        margin-left: 20px;
    }
}

/* ====================================================
特集ページ
===================================================*/
#tokusyu .topic {
    margin: 50px 10px 100px;
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}

@media (max-width: 767px) {
    #tokusyu .topic {
        font-size: 1.3rem;
        margin-bottom: 50px;
    }
}

#tokusyu .topic__image {
    width: 45%;
}

@media (max-width: 767px) {
    #tokusyu .topic__image {
        display: none;
    }
}

#tokusyu .topic__item {

    width: 50%;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    #tokusyu .topic__item {
        width: 100%;
    }
}

#tokusyu .topic__item p {
    text-align: center;
}

#tokusyu .topic__item__Ltitle {
    font-size: 2.2rem;
    font-family: YuMincho, 'YuMincho', serif;
    line-height: 1.3;
    background: linear-gradient(to right, #fff 0%, #fff 80%, #f5f6f7 80%, #f5f6f7 100%);
    margin-bottom: 15px;
    padding-top: 10px;
}

@media (max-width: 767px) {
    #tokusyu .topic__item__Ltitle {
        font-size: 2rem;
    }
}

#tokusyu .topic__item__Rtitle {
    font-size: 2.2rem;
    font-family: YuMincho, 'YuMincho', serif;
    line-height: 1.5;
    background: linear-gradient(to right, #f5f6f7 0%, #f5f6f7 20%, #fff 20%, #fff 100%);
    margin-bottom: 15px;
    padding-top: 10px;
}

@media (max-width: 767px) {
    #tokusyu .topic__item__Rtitle {
        font-size: 2rem;
    }
}

#tokusyu .topic__item__image {
    width: 50%;
    margin: 10px auto;
}

#tokusyu .topic__item__price {
    font-size: 1.6rem;
}

#tokusyu .topic__item__more {
    border: 2px solid #333;
    border-radius: 10px;
    margin: 0px;
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

#tokusyu .topic__item__more a {
    display: block;
    padding: 10px 0;
}

#tokusyu .topic__item__more a:hover {
    background-color: #333;
    color: #fff;
}

#tokusyu .online {
    margin: 150px 10px 50px;
    font-size: 1.4rem;
}

@media (max-width: 767px) {
    #tokusyu .online {
        font-size: 1.3rem;
    }
}

#tokusyu .online__title {
    font-size: 2.2rem;
    font-family: YuMincho, 'YuMincho', serif;
    margin-bottom: 20px;
    text-align: center;
}

@media (max-width: 767px) {
    #tokusyu .online__title {
        font-size: 2rem;
        text-align: center;
    }
}

#tokusyu .online__thum {
    margin-bottom: 30px;
    display: flex;
}

#tokusyu .online__menu {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

#tokusyu .online__menu p {
    width: 32%;
    background-color: #f5f6f7;
    font-size: 1.6rem;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
}

@media (max-width: 767px) {
    #tokusyu .online__menu p {
        font-size: 1.4rem;
    }
}

#tokusyu .online__topic {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

#tokusyu .online__topic__title {
    font-size: 1.6rem;
    margin-bottom: 15px;
    font-weight: bold;
}

@media (max-width: 767px) {
    #tokusyu .online__topic__title {
        font-size: 1.4rem;
    }
}

#tokusyu .online__topic__textbox {
    width: 70%;
}

@media (max-width: 767px) {
    #tokusyu .online__topic__textbox {
        width: 100%;
        margin-bottom: 20px;
    }
}

#tokusyu .online__topic__textbox__title {
    font-size: 1.6rem;
    margin-bottom: 15px;
    font-weight: bold;
}

@media (max-width: 767px) {
    #tokusyu .online__topic__textbox__title {
        font-size: 1.4rem;
    }
}

#tokusyu .online__topic__image {
    width: 28%;
}

@media (max-width: 767px) {
    #tokusyu .online__topic__image {
        width: 80%;
        margin: 0 auto;
    }
}

#tokusyu .online__topic__image__title {
    text-align: center;
}

#tokusyu .online__topic__review {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

#tokusyu .online__topic__review__list {
    width: 47%;
    background-color: #f5f6f7;
    padding: 15px 20px;
}

#tokusyu .online__topic__review__list__title {
    margin-bottom: 10px;
}

.loopSlide {
    position: relative;
    display: flex;
    width: 100vw;
    overflow: hidden;
}

.loopSlide ul {
    padding: 0;
    width: auto;
    display: flex;
    flex-shrink: 0;
}

.loopSlide ul:first-child {
    animation: slide1 60s -30s linear infinite;
}

.loopSlide ul:last-child {
    animation: slide2 60s linear infinite;
}

.loopSlide ul li {
    display: inline-block;
    min-width: 150px;
    list-style: none;
    text-align: center;
}

.loopSlide ul li img {
    display: block;
    width: 100%;
    height: auto;
}

@keyframes slide1 {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes slide2 {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-200%);
    }
}

/*トップページのヘッダーフッター削除*/
/*
.h_wrapper {
    display: none;
}

.u-wrapper_inner_pc {
    display: none;
}
*/

footer .u-wrapper_inner {
    display: none;
}

/*
.u-wrapper_inner {
    display: none;
}
*/
/*ここからslick用CSS*/
/* Slider */
.slick-loading .slick-list {
    background: #fff url("https://file003.shop-pro.jp/PA01159/639/js/fonts/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url("https://file003.shop-pro.jp/PA01159/639/js/fonts/slick.eot");
    src: url("https://file003.shop-pro.jp/PA01159/639/js/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://file003.shop-pro.jp/PA01159/639/js/fonts/slick.woff") format("woff"), url("https://file003.shop-pro.jp/PA01159/639/js/fonts/slick.ttf") format("truetype"), url("https://file003.shop-pro.jp/PA01159/639/js/fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*dot文字化け対策*/
.slick-dots li button::before {
    content: "\f111" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}


/*トップページオンラインレッスン*/
.topOnlinelesson {
    background-color: #fff;
}

#newTop .onlinewrap {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 50px;
}

@media (max-width: 767px) {
    #newTop .onlinewrap {
        width: 100%;
        padding: 0 10px;
    }
}

.topOnlinelesson #tokusyu .online {
    padding-bottom: 50px;
    margin-top: 0;
}

.topOnlinelesson #tokusyu .online__title {
    padding-top: 100px;
    font-size: 4rem;
}

@media (max-width: 767px) {
    .topOnlinelesson #tokusyu .online__title {
        padding-top: 50px;
        font-size: 2.2rem;
    }
}

.topOnlinelesson #tokusyu .online__topic__textbox__title,
.topOnlinelesson #tokusyu .online__topic__title {
    font-size: 2rem;
}

@media (max-width: 767px) {

    .topOnlinelesson #tokusyu .online__topic__textbox__title,
    .topOnlinelesson #tokusyu .online__topic__title {
        font-size: 1.6rem;
    }
}

@media (max-width: 767px) {
    .topOnlinelesson #tokusyu .online__menu p {
        padding: 10px 10px;
    }
}

@media (max-width: 767px) {
    .topOnlinelesson #tokusyu .online__topic {
        display: block;
    }
}

@media (max-width: 767px) {
    .topOnlinelesson #tokusyu .online__topic__review {
        display: block;
    }
}

@media (max-width: 767px) {
    .topOnlinelesson #tokusyu .online__topic__review__list {
        width: 100%;
        margin-bottom: 20px;
    }
}

/*トップページ　新トピック追加*/
#newTop .newtopic__container {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width: 980px) {
    #newTop .newtopic__container {
        display: block;
    }
}

#newTop .newtopic__container__titlebox {
    padding-right: 20px;
    padding-left: 20px;
}

@media (max-width: 767px) {
    #newTop .newtopic__container__titlebox {
        margin-bottom: 30px;
    }
}

#newTop .newtopic__container__titlebox__title {
    margin-bottom: 20px;
}

#newTop .newtopic__container__titlebox__title img {
    width: 90%;
}

@media (max-width: 980px) {
    #newTop .newtopic__container__titlebox__title img {
        width: 70%;
    }
}

@media (max-width: 767px) {
    #newTop .newtopic__container__titlebox__title img {
        width: 90%;
    }
}


#newTop .newtopic__container__titlebox p {
    line-height: 1.7;
    margin-bottom: 20px;
}