@charset "UTF-8";
.block-text .bold {
  font-weight: bold; }

.block-text-yugo {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500; }
  .block-text-yugo .bold {
    font-weight: bold; }

@media screen and (min-width: 768px), print {

.custom-link-list{
  width: 1100px;
    padding: 40px 0 40px 0;
  background-image:url(../images/custom/custom-link-bg.png);
  background-position:0px 0px;
margin: 0 0 120px 0;
  background-repeat:no-repeat;}

.custom-link-list .ttl{
  text-align:center;
  background-image:url(../images/custom/custom-link-line.png);
  background-position:center 15px;
  background-repeat:no-repeat;
  margin:0 0 25px 0;
}

.custom-link-bunner{
  display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;
}

.custom-link-bunner li{
}

.block-text, .block-text02{
  font-size: 16px;
  line-height: 2.2;
  margin: 0 0 15px 0;
}

.original-parts li .photo img{
  width: 210px;
  height: 200px;
}

.custom-list-02{
  width: 900px;
  margin:0px auto 80px;
  padding: 30px 20px 20px 20px;
  background-color: #fff;
}
.custom-list-02 ul{
  display: flex;flex-direction: row;flex-wrap: wrap;
  justify-content: space-around;}

.custom-list-02 ul li{}

.custom-bg-inner{}

.custom-bg{
  width: 1000px;
  height: 740px;
  margin: 0 auto;
position: relative;}


.custom-bg .inner{
  position:absolute;top:0;left:-205px;
  width: 1400px;
  margin: 0 auto;
  padding: 30px 0 30px 0;
  background-image:url(../images/custom/bg-01-head.png),url(../images/custom/bg-01.png);
  background-position:0px 0px,0px 0px;
  background-repeat:no-repeat,repeat;
}



.main-txt{
  font-size: 16px;
  text-align: center;
}


.basic-price{
  width: 360px;
  font-size: 20px;
  line-height: 1.8;
  font-weight:bold;
  margin: 0 0 10px 0;}

.basic-subtxt{
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 1px;}

.original-parts{
  width: 980px;
  margin: 0 auto;
      padding: 38px 0px 0px 0px;
  background-image:url(../images/custom/custom-option-bg.png);
  background-position:0px 0px;
  background-repeat:repeat;}

.original-parts .ttl{
  text-align: center;
margin: 10px 0 25px 0;}

.original-parts .original-parts-list{
  background-color:#fff;
  border:1px solid #000;
     padding: 30px 20px 30px 30px;}

.original-parts ul{
  display: flex;flex-direction: row;flex-wrap: wrap;}

.original-parts li{
  width: 210px;
  margin: 0 25px 30px 0;}


.original-parts li:nth-child(4n){
  margin: 0 0px 30px 0;}

.original-parts li .photo{
  margin: 0 0 6px 0;
}
.original-parts li .txt{}

.original-parts .original-parts-list .btn{width: 144px; margin: 0 auto;}


.taste-frame{
  width: 900px;
  margin: 0 auto 70px;}

.taste-frame.taste01{
  background-color: #fff;
  padding: 40px 0 40px 0;
  border: 4px solid #573320;}

.taste-frame .taste-txt{
  position: relative;}

.taste-frame .taste-txt .icon-100{
  position:absolute;top:57px;right:3px;}

.taste-frame .taste-txt .txt02{
  width: 270px;
}


.taste-frame.taste01 .taste-txt .subt{
  background-image:url(../images/custom/tile-line01.png);}

.taste-frame.taste01 .ttl-main{
  background-image:url(../images/custom/ttl-bg01.png);}


.taste-frame.taste02{
  padding: 40px 0 40px 0;
  background-color: #f5f0e8;
  border: 4px solid #d6d0c3;}

.taste-frame.taste02 .taste-txt .en{
  background-position:0 bottom;
  padding: 0px 0 18px 0;
  background-repeat:no-repeat;
  background-image:url(../images/custom/tile-line02.png);}

.taste-frame.taste02 .ttl-main{
  color: #000;
  background-image:url(../images/custom/ttl-bg02.png);}


.taste-frame.taste03{
  background-color: #e7dbd3;
  padding: 40px 0 40px 0;
  border: 4px solid #b6a08c;}

.taste-frame.taste03 .taste-txt .en{
  background-position:0 bottom;
  padding: 0px 0 18px 0;
  background-repeat:no-repeat;
  background-image:url(../images/custom/tile-line03.png);}

.taste-frame.taste03 .ttl-main{
  color: #000;
  background-image:url(../images/custom/ttl-bg06.png);}

.custom02-inner{}

#custom02 .custom02-inner{}



.taste-inner{
  padding: 0 20px 0 20px;
  display: flex;flex-direction: row;flex-wrap: wrap;
justify-content: space-around;}

.taste-frame .photo{
  margin: 0 0 40px 0;}

.taste-frame .taste-txt{
margin: 0 0 40px 0;
width: 410px;}

.taste-frame .taste-txt .ttl{
  font-size: 36px;
  line-height: 1.6;
  font-weight:bold;
}

.taste-frame .taste-txt .en{
  margin: 0 0 15px 0;}

.taste-frame .taste-txt .subt{
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  background-position:0px bottom;
  background-repeat:no-repeat;
  padding: 0 0 10px 0;
  margin: 0 0 18px 0;}

.taste-frame .taste-txt{}

.basic-plan-detail{
  width: 350px;
  float: left;
  margin:0px 0px 30px 0px;}

.basic-plan-list{
  width: 440px;
  float: right;
  display: flex;flex-direction: row;flex-wrap: wrap;
  justify-content: space-around;}

.vr-inner{
  text-align: center;}

.vr-inner .ttl{
  padding: 25px 0px 10px 0px;
  font-weight: bold;
  font-size: 26px;
  line-height: 1.6;
  letter-spacing: 2px;}

.vr-inner .bunner{}

.taste-frame .ttl-main{
  width: 820px;
  color: #fff;
  font-size: 26px;
  text-align: center;
  margin: 0 auto;}

.taste-frame .taste-gallery-photo{
  padding: 20px 0px 0 37px;
  display: flex;flex-direction: row;flex-wrap: wrap;}

.taste-frame .taste-gallery-photo li{
  margin:0px 28px 0px 0px;}

.natural-pack .subttl,
.brooklyn-pack .subttl{
  padding: 15px 0 0px 0;
  font-size: 16px;
  text-align: center;}

.natural-pack h5,
.brooklyn-pack h5{
  margin: 30px 30px 18px 30px;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 2px;
  padding: 0 0 4px 0;
  border-bottom:1px solid #000000;
  text-align: center;
}

.natural-pack ul,
.brooklyn-pack ul{
  margin: 0 0 50px 0;
  display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}

.natural-pack ul li .name,
.brooklyn-pack ul li .name{
  text-align: center;
padding: 6px 0 6px 0;
margin:  0 0 0px 0;
display: block;
line-height: 1.4;
font-size: 16px;
margin: 0 auto;
background-position:0px 0px;
background-repeat:repeat;
width: 261px;
height: 50px;
display: table-cell; /* IE8から使用可能 */
 vertical-align: middle;}

.natural-pack ul li .name span,
.brooklyn-pack ul li .name span{
  font-size: 14px;
  display: block;
  text-align: center;

}

.natural-pack ul li .photo,
.brooklyn-pack ul li .photo{
  margin: 8px 0 0px 0;
}

.brooklyn-pack ul li .photo img{width: 261px;}

.name.namecolor01{ background-image:url(../images/custom/ttl-bg03.png);}
.name.namecolor02{ background-image:url(../images/custom/ttl-bg04.png);}
.name.namecolor03{ background-image:url(../images/custom/ttl-bg06.png);}
.name.namecolor04{ background-image:url(../images/custom/ttl-bg07.png);}
.name.namecolor05{ background-image:url(../images/custom/ttl-bg08.png);}
.name.namecolor06{ background-image:url(../images/custom/ttl-bg09.png);}

.vrbunner{
  text-align: center;
}

.vrbunner .ttl{
  font-weight: bold;
  font-size: 25px;
  line-height: 1.6;
  letter-spacing: 2px;
  margin: 0 0 10px 0;
  text-align: center;
}

.vrbunner .bunner{
  text-align: center;
}


.last-txt{
  width: 1100px;
  margin: 0 auto;
  padding: 50px 0 80px 0;
  background-image:url(../images/custom/be-bg.jpg);
  background-position:0px center;
  background-repeat:no-repeat;
}

.last-txt .logo{
  text-align: center;
  margin: 0 0 15px 0;
}
.last-txt .ttl{
  text-align: center;
}

.list-innner{
  background-color: #fff;
  border:2px solid #000;
  padding: 20px 24px 20px 24px;
  border-radius:16px 16px 16px 16px;
}

.list-innner .txt{
  margin: 0 0 18px 0;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
}

.list-innner .list{
}






  .contents-wapper {
    margin-left: auto;
    margin-right: auto; }
  .hideAnchor {
    display: block;
    height: 0px;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: -100px;
    padding-bottom: 100px; }
  main {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8; }
    main a {
      color: inherit; }
    main .mb-xs {
      margin-bottom: 25px; }
    main .mb-s {
      margin-bottom: 35px; }
    main .mb-m {
      margin-bottom: 180px; }
    main .mb-l {
      margin-bottom: 75px; }
    main .mb-xl {
      margin-bottom: 100px; }
    main .float-r {
      float: right; }
    main .float-l {
      float: left; }
    main .clear-b {
      clear: both; }
    main section {
      margin-bottom: 100px; }

  #lead {
    /*------------------------#lead-----------------------------*/ }
    #lead .contents-wapper {
      width: 1100px;
      margin: 0 auto;
      /*------------------------contents-wapper-----------------------------*/ }




      #lead .contents-wapper .lead-title {
        background: url(../images/custom/lead-ttl01-bg.jpg) no-repeat center top;
        height: 268px;
        /*------------------------ lead-title-----------------------------*/ }
        #lead .contents-wapper .lead-title .l-ttl01 {
          text-align: center;
          display: block; }
      #lead .contents-wapper .lead-sb-title {
        position: relative;
        /*------------------------lead-sb-title -----------------------------*/ }
        #lead .contents-wapper .lead-sb-title .sb-ttl01 {
          position: absolute;
          left: 140px;
          top: -45px; }
        #lead .contents-wapper .lead-sb-title .sb-ttl02 {
          display: block;
          text-align: center; }

      #lead .contents-wapper .img-list {
        width: 1120px;
        position: absolute;
        top:150px;
        left:140px;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        flex-wrap: wrap;
        -webkit-flex-pack: justify;
        -moz-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between;
        margin: 0 auto 40px;
        /*------------------------img-list -----------------------------*/ }

      #lead .contents-wapper .block-wapper {
        width: 900px;
        margin-left: auto;
        margin-right: auto;
    　background-image:url(../images/custom/parts01.png),url(../images/custom/parts02.png);
    background-position:left 25px center,right 65px center;
    background-repeat:no-repeat,no-repeat;
        text-align: center; }

.custom-bg-txt-inner{
    width: 1220px;
    padding: 120px 0 30px 0;
    margin: 0 auto;
    background-color: #f5efe8;
    background-image:url(../images/custom/custom-icon01.png),url(../images/custom/custom-icon02.png);
    background-position:left 100px top 110px,right 210px top 160px;
    background-repeat:no-repeat,no-repeat;
}




  .common-style {
    /* common css @custom*/ }
    .common-style > li .list-title-bg {
      width: 1200px;
      margin: 0 auto 0;
      background: url(../images/custom/list-title-bg.jpg);
      padding: 20px 0;
      /*------------------------list-title-bg -----------------------------*/ }
      .common-style > li .list-title-bg .list-title {
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        flex-wrap: wrap; }
        .common-style > li .list-title-bg .list-title .step {
          margin-right: 45px; }
        .common-style > li .list-title-bg .list-title .jp {
          -ms-align-self: center;
          -ms-grid-row-align: center;
              align-self: center; }
    .common-style > li .contents-wapper {
      padding: 0 100px;
      /*------------------------contents-wapper -----------------------------*/ }
      .common-style > li .contents-wapper .detail-wapper {
        border: 2px solid #000;
        padding: 50px;
        position: relative;
        width: 900px;
        margin: 0 auto 50px;
        background-image:url(../images/custom/custom-option-bg.png);
        background-position:right 0px 0px;
        background-repeat:repeat;
        /*----------------------
        margin: 0 auto;--detail-wapper -----------------------------*/ }
        .common-style > li .contents-wapper .detail-wapper .detail-title {
          position: absolute;
          top: -.5%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 640px;
          padding: 15px 0px;
          text-align: center;
          background: url(../images/custom/detail-title-bg.jpg);
          display: inline-block;
          /*------------------------ -----------------------------*/ }
          .common-style > li .contents-wapper .detail-wapper .detail-title .en {
            display: inline-block;
            margin-right: .5em; }
          .common-style > li .contents-wapper .detail-wapper .detail-title .jp {
            color: #fff; }
        .common-style > li .contents-wapper .detail-wapper .block-wapper {
          display: -moz-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          flex-wrap: wrap;
          -webkit-flex-pack: justify;
          -moz-flex-pack: justify;
          -moz-justify-content: space-between;
          justify-content: space-between;
          /*------------------------block-wapper -----------------------------*/ }
          .common-style > li .contents-wapper .detail-wapper .block-wapper .block {
            width: 472px;
            /*------------------------block -----------------------------*/ }
        .common-style > li .contents-wapper .detail-wapper .list-pic {
          display: -moz-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          flex-wrap: wrap;
          -webkit-flex-pack: distribute;
          -moz-flex-pack: distribute;
          -moz-justify-content: space-around;
          justify-content: space-around; }
  #custom01 {
    /*------------------------#custom01 -----------------------------*/ }

    #custom01 .contents-wapper {
      width: 1200px;
      padding: 80px 0 70px 0;
      margin: 0 auto;
      background-image:url(../images/custom/bg-02.png);
      background-position:0px 0px;
      background-repeat:repeat;
      /*------------------------contents-wapper-----------------------------*/ }


      #custom01 .contents-wapper .list-spec {
        width: 400px;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 500;
        /*------------------------list-spec -----------------------------*/ }
        #custom01 .contents-wapper .list-spec > li .spec01 {
          font-weight: bold;
          display: inline-block; }
          #custom01 .contents-wapper .list-spec > li .spec01::before {
            content: '■'; }
          #custom01 .contents-wapper .list-spec > li .spec01::after {
            content: ':'; }
        #custom01 .contents-wapper .list-spec > li .spec02 {
          display: inline-block; }
        #custom01 .contents-wapper .list-spec > li .ability-list {
          display: block; }
          #custom01 .contents-wapper .list-spec > li .ability-list > li::before {
            content: '・'; }
      #custom01 .contents-wapper .price-wapper {
        width: 465px;
        margin-left: auto;
        margin-right: auto;
        /*------------------------price-wapper -----------------------------*/ }
        #custom01 .contents-wapper .price-wapper .price {
          text-align: center;
          padding-bottom: 5px;
          margin-bottom: 10px;
          line-height: 1;
          border-bottom: 4px solid #ffde00;
          /*------------------------price -----------------------------*/ }
          #custom01 .contents-wapper .price-wapper .price .price01 {
            font-size: 37px;
            font-weight: bold;
            margin-right: .2em;
            font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
          #custom01 .contents-wapper .price-wapper .price .price02 {
            font-size: 15px; }
        #custom01 .contents-wapper .price-wapper .list-spec {
          text-align: center; }
          #custom01 .contents-wapper .price-wapper .list-spec > li {
            display: inline-block; }
      #custom01 .contents-wapper .pic-wapper {
        position: relative;
        width: 900px; 
        margin:0px auto;}

        #custom01 .contents-wapper .pic-wapper div.txt {
          right: 0;
          top: 0;
          position: absolute; }

#custom01 .contents-wapper .pic-wapper p.txt{
  text-align: center;
  font-size: 16px;
  margin: 0 0 50px 0;
}


        #custom01 .contents-wapper .pic-wapper .parts01 {
          width: 900px;
          margin: 0 auto 30px;
          text-align: center; }
  #custom02 {
    /*------------------------#custom02 -----------------------------*/ }

    #custom02 .contents-wapper {

      /*------------------------contents-wapper -----------------------------*/ }

#custom02 .custom02-inner{
            width: 1200px;
      padding: 60px 0 70px 0;
      margin: 0 auto;
      background-image:url(../images/custom/bg-02.png);
      background-position:0px 0px;
      background-repeat:repeat;
}



      #custom02 .contents-wapper .caption {
        position: relative;
        /*------------------------ -----------------------------*/ }
        #custom02 .contents-wapper .caption .caption01 {
          display: block;
          text-align: center;
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          font-size: 22px;
          font-weight: bold;
          letter-spacing: .15em; }
        #custom02 .contents-wapper .caption .caption02 {
          position: absolute;
          right: 15%;
          top: 0; }
      #custom02 .contents-wapper .detail-wapper {
        margin-bottom: 100px; }
        #custom02 .contents-wapper .detail-wapper .block-text {
          width: 390px; }
      #custom02 .contents-wapper .list-menu {
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        flex-wrap: wrap;
        -webkit-flex-pack: justify;
        -moz-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between; }
  #custom03 {
    /*------------------------#custom03 -----------------------------*/ }
    #custom03 .contents-wapper {
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      flex-wrap: wrap;
      -webkit-flex-pack: justify;
      -moz-flex-pack: justify;
      -moz-justify-content: space-between;
      justify-content: space-between;
      padding-right: 150px; }
      #custom03 .contents-wapper .block-text {
        width: 400px;
        -ms-align-self: center;
        -ms-grid-row-align: center;
            align-self: center; }
    #custom03 .block-last {
      height: 315px;
      padding-top: 30px;
      background: url(../images/custom/be-bg.jpg) no-repeat center top;
      text-align: center; }
  /*------------------------PC--------------------------------------------------------------------------------*/ }





@media screen and (max-width: 767px) {
  main {
    font-size: 1.3rem;
    line-height: 1.7; }
    main a {
      color: inherit; }
    main .mb-xs {
      margin-bottom: 3%; }
    main .mb-s {
      margin-bottom: 5%; }
    main .mb-m {
      margin-bottom: 8%; }
    main .mb-l {
      margin-bottom: 10%; }
    main .mb-xl {
      margin-bottom: 10%; }
    main .float-r {
      float: none;
      width: 100%; }
    main .float-l {
      float: none;
      width: 100%; }
    main .contents-wapper {
      width: 100%;
      padding: 0 0%; }
    main section {
      margin-bottom: 15%; }


.original-parts li .photo img{
  width: 210px;
  height: 130px;
}

.custom-link-list{
  width: 100%;
    padding: 5% 6% 2% 6%;
  background-image:url(../images/custom/custom-link-bg.png);
  background-position:0px 0px;
margin: 0 0 4% 0;
  background-repeat:repeat;}

.custom-link-list .ttl{
  text-align:center;
  background-image:url(../images/custom/custom-link-line.png);
  background-position:center 5%;
  background-repeat:no-repeat;
  padding: 0 0% 0 0%;
  margin:4% 0 6% 0;
}

.original-parts .original-parts-list .btn{width: 50%; margin: 0 auto;}

.custom-link-bunner{
  display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;
}

.custom-link-bunner li{
  margin: 0 0 6% 0;
}

.block-text, .block-text02{
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 0 0 4% 0;
}


.custom-list-02{
  width: 90%;
  padding: 4vh 3vw 1vh 3vw;
  margin:0px auto 10%;
  background-color: #fff;
}

.custom-list-02 ul{
  display: flex;flex-direction: row;flex-wrap: wrap;
  justify-content: space-around;}

.custom-list-02 ul li{
  padding: 0 0 1vh 0;
}


.custom-bg{
  width: 100%;
  height: auto;
  margin: 0 auto;
position: relative;}


.custom-bg .inner{
  width: 100%;
  margin: 0 auto;
  padding: 3vh 0 3vh 0;
  background-image:url(../images/custom/bg-01-head.png),url(../images/custom/bg-01.png);
  background-position:0px 0px,0px 0px;
  background-repeat:no-repeat,repeat;
}

.custom-bg-txt-inner{
    width: 90%;
    padding: 3vh 2vh 2vh 2vh;
    margin: 0 auto;
    background-color: #f5efe8;
}


.main-txt{
  font-size: 1.6rem;
  text-align: center;
}


#custom02 .custom02-inner{
            width: 100%;
      padding: 3vh 0 3vh 0;
      margin: 0 auto;
      background-image:url(../images/custom/bg-02.png);
      background-position:0px 0px;
      background-repeat:repeat;
}


.basic-price{
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight:bold;
  margin: 0 3% 5% 3%;}

.basic-subtxt{
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 1px;}

.original-parts{
  width: 100%;
  margin: 0 auto;
      padding: 4% 5% 8% 5%;
  background-image:url(../images/custom/custom-option-bg.png);
  background-position:0px 0px;
  background-repeat:repeat;}

.original-parts .ttl{
  text-align: center;
margin: 3% 0 5% 0;
padding: 0 10% 0 10%;}

.original-parts .original-parts-list{
  background-color:#fff;
  border:1px solid #000;
     padding: 5% 5% 5% 5%;}

.original-parts ul{
  display: flex;flex-direction: row;flex-wrap: wrap; }

.original-parts li{
  width: 46%;
  margin: 0 4% 5% 2%;}

.original-parts li:nth-child(2n){
  margin: 0 0px 5% 0;}

.original-parts li .photo{
  margin: 0 0 5% 0;
}
.original-parts li .txt{}


.taste-frame{
  width: 92%;
  margin: 0 auto 5%;}

.taste-frame.taste01{
  padding: 5% 0 0% 0;
  background-color: #fff;
  border: 4px solid #573320;}

.taste-frame.taste01 .taste-txt .subt{
  background-image:url(../images/custom/tile-line01.png);}

.taste-frame.taste01 .ttl-main{
  background-image:url(../images/custom/ttl-bg01.png);}


.taste-frame.taste02{
  padding: 5% 0 5% 0;
  background-color: #f5f0e8;
  border: 4px solid #d6d0c3;}

.taste-frame.taste02 .taste-txt .en{
  background-position:0 bottom;
  padding: 0px 0 5% 0;
  background-repeat:no-repeat;
  background-image:url(../images/custom/tile-line02.png);}

.taste-frame.taste02 .ttl-main{
  color: #000;
  background-image:url(../images/custom/ttl-bg02.png);}


.taste-frame.taste03{
  padding: 5% 0 5% 0;
  background-color: #e7dbd3;
  border: 4px solid #b6a08c;}

.taste-frame.taste03 .taste-txt .en{
  background-position:0 bottom;
  padding: 0px 0 5% 0;
  background-repeat:no-repeat;
  background-image:url(../images/custom/tile-line03.png);}

.taste-frame.taste03 .ttl-main{
  color: #000;
  background-image:url(../images/custom/ttl-bg06.png);}


.taste-inner{
  padding: 0 5% 0 5%;}

.taste-frame .photo{
  margin: 0 0 3% 0;}

.taste-frame .taste-txt{
margin: 0 0 10% 0;
width: 100%;}

.taste-frame .taste-txt .ttl{
  font-size: 5.2vw;
  line-height: 1.6;
  font-weight:bold;
}

.taste-frame .taste-txt .en{
  margin: 0 0 5% 0;}

.taste-frame .taste-txt .subt{
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: bold;
  background-position:0px bottom;
  background-repeat:no-repeat;
  padding: 0 0 5% 0;
  margin: 0 0 5% 0;}

.taste-frame .taste-txt{}

.basic-plan-detail{
  width:100%;
  margin:0px 0px 5% 0px;}

.basic-plan-list{
  width: 100%;
  display: flex;flex-direction: row;flex-wrap: wrap;
  justify-content: space-around;}

.vr-inner{
  text-align: center;}

.vr-inner .ttl{
  padding: 5% 0px 5% 0px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 2px;}

.vr-inner .bunner{}
.vr-inner .bunner iframe{
	width: 100% !important;
}

.taste-frame .taste-txt{
  position: relative;}

.taste-frame .taste-txt .icon-100{
  width: 25vw;
  position:absolute;top:-0.5vh;right:2vw;}


.taste-frame .ttl-main{
  width: 100%;
  color: #fff;
  padding: 2% 0 2% 0;
  font-size: 1.8rem;
  text-align: center;
  margin: 0 auto;}

.taste-frame .taste-gallery-photo{
  padding: 5% 0px 0 0;
  margin: 0 0 0 4%;
  display: flex;flex-direction: row;flex-wrap: wrap;}

.taste-frame .taste-gallery-photo li{
  width: 45%;
  margin:0px 5% 5% 0px;}

.natural-pack .subttl,
.brooklyn-pack .subttl{
  padding: 5% 5% 0px 5%;
  font-size: 1.4rem;
  text-align: left;}

.natural-pack h5,
.brooklyn-pack h5{
  margin: 5% 5% 5% 5%;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 2px;
  padding: 0 0 2% 0;
  border-bottom:1px solid #000000;
  text-align: center;
}

.natural-pack ul,
.brooklyn-pack ul{
  margin: 0 0 5% 0;
  padding: 0 3% 0 3%;
  display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}

.natural-pack ul li,
.brooklyn-pack ul li{ width: 45%; margin: 0 0 5% 0; }

.natural-pack ul li .name,
.brooklyn-pack ul li .name{
  text-align: center;
padding: 2% 4% 2% 4%;
margin:  0 0 0px 0;
display: block;
line-height: 1.4;
font-size: 1.2rem;
margin: 0 auto;
background-position:0px 0px;
background-repeat:repeat;}

.natural-pack ul li .name span,
.brooklyn-pack ul li .name span{
  font-size: 1rem;
  display: block;
  text-align: center;

}

.natural-pack ul li .photo,
.brooklyn-pack ul li .photo{
  margin: 2% 0 0px 0;
}

.name.namecolor01{ background-image:url(../images/custom/ttl-bg03.png);}
.name.namecolor02{ background-image:url(../images/custom/ttl-bg04.png);}
.name.namecolor03{ background-image:url(../images/custom/ttl-bg06.png);}
.name.namecolor04{ background-image:url(../images/custom/ttl-bg07.png);}
.name.namecolor05{ background-image:url(../images/custom/ttl-bg08.png);}
.name.namecolor06{ background-image:url(../images/custom/ttl-bg09.png);}

.vrbunner{
  text-align: center;
}

.vrbunner .ttl{
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 2px;
  margin: 0 0 3% 0;
  text-align: center;
}

.vrbunner .bunner{
	padding: 0 5% 0 5%;
  text-align: center;
}

.vrbunner .bunner iframe{
	width: 100%;
}


.last-txt{
  width: 100%;
  margin: 0 auto;
  padding: 10% 0 10% 0;
  background-image:url(../images/custom/be-bg.jpg);
  background-position:0px center;
  background-repeat:no-repeat;
}

.last-txt .logo{
  text-align: center;
  margin: 0 0 4% 0;
}

.last-txt .ttl{
  padding: 0 6% 0 6%;
  text-align: center;
}

.list-innner{
  width: 90%;
  background-color: #fff;
  border:2px solid #000;
  padding: 5% 5% 5% 5%;
  margin: 0 0 4% 0;
  border-radius:16px 16px 16px 16px;
}

.list-innner .txt{
  margin: 0 0 5% 0;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
}

.list-innner .list{
}



  #lead {
    /*------------------------#lead-----------------------------*/ }
    #lead .contents-wapper {
      /*------------------------contents-wapper-----------------------------*/ }
      #lead .contents-wapper .lead-title {
        background: url(../images/custom/lead-ttl01-bg.jpg) no-repeat center top;
        /*------------------------ lead-title-----------------------------*/ }
        #lead .contents-wapper .lead-title .l-ttl01 {
          text-align: center;
          display: block; }
      #lead .contents-wapper .lead-sb-title {
        /*------------------------lead-sb-title -----------------------------*/ }
        #lead .contents-wapper .lead-sb-title span {
          display: block; }
        #lead .contents-wapper .lead-sb-title .sb-ttl01 {
          width: 50%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 5%; }
        #lead .contents-wapper .lead-sb-title .sb-ttl02 {
          display: block;
          text-align: center; 
          padding: 0 6% 0 6%;}
      #lead .contents-wapper .img-list {
            width: 90%;
    margin: 0 auto 8%;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        flex-wrap: wrap;
        -webkit-flex-pack: distribute;
        -moz-flex-pack: distribute;
        -moz-justify-content: space-around;
        justify-content: space-around;
        /*------------------------img-list -----------------------------*/ }
        #lead .contents-wapper .img-list li {
          width: 44%; }
          #lead .contents-wapper .img-list li:nth-child(-n+2) {
            margin-bottom: 6%; }
      #lead .contents-wapper .block-wapper {
        padding-bottom: 0%;
        background: url(../images/custom/parts01.png) no-repeat left 20% bottom, url(../images/custom/parts02.png) no-repeat right 20% bottom; }
        #lead .contents-wapper .block-wapper .lead-caption {
          width: 90%;
          margin-left: auto;
          margin-right: auto;
          padding: 0 0 2vh 0;}
  .common-style {
    /* common css @custom*/ }
    .common-style > li .list-title-bg {
      background: url(../images/custom/list-title-bg.jpg);
      padding: 5%;
      margin: 0 0 0 0;
      /*------------------------list-title-bg -----------------------------*/ }
      .common-style > li .list-title-bg .list-title span {
        display: block; }
      .common-style > li .list-title-bg .list-title .step {
        width: 40%;
        margin-bottom: 3%; }
    .common-style > li .contents-wapper {
      /*------------------------contents-wapper -----------------------------*/ }
      .common-style > li .contents-wapper .detail-wapper {
        border: 2px solid #000;
            padding: 2% 3% 8%;
        position: relative;
        /*------------------------detail-wapper -----------------------------*/ }
        .common-style > li .contents-wapper .detail-wapper .detail-title {
          padding: 5% 3% 3%;
          margin-bottom: 0%;
          background: url(../images/custom/detail-title-bg.jpg);
          text-align: center;
          /*------------------------ -----------------------------*/ }
          .common-style > li .contents-wapper .detail-wapper .detail-title .en {
            margin-bottom: 3%;
            display: block; }
          .common-style > li .contents-wapper .detail-wapper .detail-title .jp {
            color: #fff;
            font-size: 1.6rem; }
        .common-style > li .contents-wapper .detail-wapper .block-wapper {
          /*------------------------block-wapper -----------------------------*/ }
          .common-style > li .contents-wapper .detail-wapper .block-wapper .picture {
            margin-bottom: 5%; }
        .common-style > li .contents-wapper .detail-wapper .list-pic {
          display: -moz-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          flex-wrap: wrap;
          -webkit-flex-pack: distribute;
          -moz-flex-pack: distribute;
          -moz-justify-content: space-around;
          justify-content: space-around; }
          .common-style > li .contents-wapper .detail-wapper .list-pic > li {
            margin-bottom: 5%; }
            .common-style > li .contents-wapper .detail-wapper .list-pic > li:last-child {
              margin-bottom: 0; }
  #custom01 {
    /*------------------------#custom01 -----------------------------*/ }
    #custom01 .contents-wapper {
      /*------------------------contents-wapper-----------------------------*/ }
      #custom01 .contents-wapper .list-spec {
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 500;
        /*------------------------list-spec -----------------------------*/ }
        #custom01 .contents-wapper .list-spec > li {
          line-height: 2.3; }
          #custom01 .contents-wapper .list-spec > li .spec01 {
            letter-spacing: .1em;
            font-size: 1.5rem;
            font-weight: bold; }
            #custom01 .contents-wapper .list-spec > li .spec01::before {
              content: '■'; }
            #custom01 .contents-wapper .list-spec > li .spec01::after {
              content: ':'; }
          #custom01 .contents-wapper .list-spec > li .ability-list {
            display: block; }
            #custom01 .contents-wapper .list-spec > li .ability-list > li::before {
              content: '・'; }
      #custom01 .contents-wapper .price-wapper {
        /*------------------------price-wapper -----------------------------*/ }
        #custom01 .contents-wapper .price-wapper .price {
          text-align: center;
          padding-bottom: 2%;
          margin-bottom: 2%;
          line-height: 1;
          border-bottom: 3px solid #ffde00;
          /*------------------------price -----------------------------*/ }

    #custom01 .contents-wapper {
      width: 100%;
      padding: 3vh 3vw 3vh 3vw;
      margin: 0 auto;
      background-image:url(../images/custom/bg-02.png);
      background-position:0px 0px;
      background-repeat:repeat;
      /*------------------------contents-wapper-----------------------------*/ }


          #custom01 .contents-wapper .price-wapper .price .price01 {
            font-size: 2rem;
            font-weight: bold;
            margin-right: .2em; }
          #custom01 .contents-wapper .price-wapper .price .price02 {
            font-size: 1.4rem; }
      #custom01 .contents-wapper .pic-wapper {
        text-align: center; }
        #custom01 .contents-wapper .pic-wapper div.txt {
          width: 60%;
          margin: 6% auto 5% auto;
          font-size: 1.4rem
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 5%; }

 #custom01 .contents-wapper .pic-wapper p.txt{
  padding: 4% 0 6% 0;
 }

        #custom01 .contents-wapper .pic-wapper .parts01 {
          width: 25%;
          margin-left: auto;
          margin-right: auto; }
  #custom02 {
    /*------------------------#custom02 -----------------------------*/ }
    #custom02 .contents-wapper {
      margin-bottom: 10%;
      /*------------------------contents-wapper -----------------------------*/ }
      #custom02 .contents-wapper .caption {
        /*------------------------ -----------------------------*/ }
        #custom02 .contents-wapper .caption .caption01 {
          display: block;
          text-align: center;
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          font-size: 1.3rem;
          font-weight: bold;
          letter-spacing: .15em;
          margin: 5%; }
        #custom02 .contents-wapper .caption .caption02 {
          display: block;
          width: 30%;
          margin-left: auto;
          margin-right: auto; }
      #custom02 .contents-wapper .list-menu > li {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5%; }
      #custom02 .contents-wapper .picture {
        text-align: center; }
  #custom03 .contents-wapper .picture {
    margin-bottom: 8%;
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
  #custom03 .block-last {
    text-align: center;
    padding: 8% 3%;
    background: url(../images/custom/be-bg.jpg) no-repeat center top; }
    #custom03 .block-last .logo {
      width: 20%;
      margin-left: auto;
      margin-right: auto; }
  /*------------------------SP--------------------------------------------------------------------------------*/ }