@import url("https://use.typekit.net/bnf7jzd.css");
 
@font-face {
  font-family: "classical-garamond-bt";
  src: url(../fonts/classical_garamond_bt.ttf) format("truetype"), url(../fonts/classical_garamond_bt.woff) format("woff");
  }
 
/* ==========================================================================
    Typograpgy
   ========================================================================== */
   .main_inner * {
    color: #343434;
    font-family: toppan-bunkyu-mincho-pr6n, "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  
  /* ==========================================================================
     Base
     ========================================================================== */
  .main_inner,
  .main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .main_inner *,
  .main * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  #wrap {
    width: 100%;
  }
 
  #wrap .inner picture {
    display: block;
  }  
 
  #wrap .inner img {
    width: 100%;
    height: auto;
  }
 
  #wrap .inner {
    width: 100%;
    margin: 0 auto;
  }

  .txt {
    font-size: 1.4rem;
    letter-spacing: 0.12em;
    line-height: 2;
  }

  .trajan {
    font-family: trajan-sans-pro, sans-serif;
    letter-spacing: 0.1em;
  }

  .prcbox {
    font-size: 1.2rem;
    line-height: 1.75;
    letter-spacing:0.12em;
    display: block;
  }

  .buy {
    width: 3.8rem;
    display: block;
    margin: 0.4rem  auto 0;
  }

  .name {
    font-size: 2.6rem;
    line-height: 1.8em;
    letter-spacing: 0.12em;
  }

  .prc {
    font-size: 2.2rem;
    letter-spacing: 0.12em;
    margin-top: 2.1rem;
    display: block;
  }

  .inner .txtinner a{
    display: inline-block;
  }

  .inner .mv {
    width: 90rem;
    margin: 8rem auto 0;
    text-align: center;
  }

  .inner .mv .ttl01 {
    margin-top:7rem;
    font-size: 2.2rem;
  }

  .inner .mv .ttl02 {
    margin-top:0.1rem;
    font-size: 3.2rem;
  }

  .inner .mv .txt01 {
    margin-top: 1.4rem;
    font-size: 1.6rem;
  }

  .inner .sec01 {
    margin-top: 7.4rem;
    width: 100%;
    background-color:#f5f5f5 ;
    padding:8rem 0;
  }

  .inner .sec01 .itembox  {
    width: 94rem;
    margin: 0 auto;
    position: relative;
    padding-top: 4.8rem;
    padding-bottom: 5.3rem;
    border: 4px solid #fff;
  }

  .inner .sec01 .itembox .ttl {
    font-size: 2.2rem;
    position:absolute;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 3rem;
    color: #858585;
    background-color: #f5f5f5;
  }

  .inner .sec01 .itembox img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
  }

  .inner .sec01 .itembox .itbox {
    width:80rem;
    display: flex;
    flex-wrap:wrap;
    margin: 0 auto;
  }

  .inner .sec01 .itembox .itbox li {
    display:flex;
    justify-content: center;
    text-align: center;
    width:15rem;
  }

  .inner .sec01 .itembox .itbox .it01 {
    margin: 0 0 0 1.9rem;
  }

  .inner .sec01 .itembox .itbox .it01 .itimg {
    width: 13.6rem;
    margin-top: 0.5rem;
  }

  .inner .sec01 .itembox .itbox .it01 .prcbox {
    margin-top: 3.1rem;
    display: block;
  }

  .inner .sec01 .itembox .itbox .it02 {
    margin: 0 0 0 5.5rem;
  }

  .inner .sec01 .itembox .itbox .it02 .itimg {
    width: 13.9rem;
    margin-top: 0.9rem;
  }

  .inner .sec01 .itembox .itbox .it02 .prcbox {
    margin-top: 3.5rem;
  }

  .inner .sec01 .itembox .itbox .it03 {
    margin: 0 0 0 5.2rem;
  }

  .inner .sec01 .itembox .itbox .it03 .itimg {
    width: 12rem;
    margin: 0rem 0 0 1.1rem;
  }

  .inner .sec01 .itembox .itbox .it03 .prcbox {
    margin-top: 2rem;
  }

  .inner .sec01 .itembox .itbox .it04 {
    margin: 0 0 0 6rem;
  }

  .inner .sec01 .itembox .itbox .it04 .itimg {
    width: 8.9rem;
    margin-top: 4.7rem;
  }

  .inner .sec01 .itembox .itbox .it04 .prcbox {
    margin-top: 3.7rem;
  }

  .inner .sec01 .itembox .itbox .it05 {
    margin: 0 0 0 1.9rem;
  }

  .inner .sec01 .itembox .itbox .it05 .itimg {
    width: 8rem;
    margin: 3.9rem auto 0;
  }

  .inner .sec01 .itembox .itbox .it05 .prcbox {
    margin-top: 2.6rem;
  }

  .inner .sec01 .itembox .itbox .it06 {
    margin: 0 0 0 5.4rem;
  }

  .inner .sec01 .itembox .itbox .it06 .itimg {
    width: 13.2rem;
    margin-top: 7.3rem;
  }

  .inner .sec01 .itembox .itbox .it06 .prcbox {
    margin-top: 6rem;
  }

  .inner .sec01 .itembox .itbox .it07 {
    margin: 0 0 0 5.4rem;
  }
  
  .inner .sec01 .itembox .itbox .it07 .itimg {
    width: 9.6rem;
    margin-top: 5.6rem;
  }

  .inner .sec01 .itembox .itbox .it07 .prcbox {
    margin-top: 4.3rem;
  }

  .inner .sec01 .itembox .itbox .it08 {
    margin: 0 0 0 5.9rem;
  }

  .inner .sec01 .itembox .itbox .it08 .itimg {
    width: 12.4rem;
    margin-top: 2rem;
  }

  .inner .sec01 .itembox .itbox .it08 .prcbox {
    margin-top: 2.2rem;
  }

  .inner .sec01 .itembox .line {
    width:80rem ;
    height: 1px;
    margin: 4.5rem auto 0;
    background-color:#fff;
  }

  .inner .sec01 .itembox .txt01 {
    margin-top: 4.3rem;
    text-align: center;
    font-size: 1.4rem;
  }

  .inner .sec01 .itembox .underline,
  .inner .sec01 .itembox .underline02{
    display: inline;
    position: relative;
    z-index: 10;
  }

  .inner .sec01 .itembox .underline::before {
    content: "";
    position: absolute;
    left:0 ;
    bottom:0 ;
    width: 5.5rem;
    height: 0.5rem;
    background-color: #e1e1e1;
    z-index: -1;
  }

  .inner .sec01 .itembox .underline02::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    width: 7rem;
    height: 0.5rem;
    background-color: #e1e1e1;
    z-index: -1;
  }

  .inner .sec01 .itembox .txt02 {
    margin-top: 2rem ;
    text-align: center;
    font-size: 1.2rem;
  }

  .inner .inner02 {
    width: 99rem;
    margin: 0 auto;
  }

  .inner .sec02 {
    margin-top: 16.2rem;
  }

  .inner .sec02 .line {
    width: 100%;
    position: relative;
    height: 0.2rem;
    background-color: #dddddd;

  }

  .inner .sec02 .line .ttl01{
    font-size: 2.2rem;
    color: #858585;
    background-color: #fff;
    padding: 0 4rem;
    position: absolute;
    top: -1.2rem;
    left: 50%;
    transform: translateX(-50%);   
    letter-spacing: 0.1em; 
  }

  .inner .sec02 .imgbox {
    position: relative;
    width: 76.3rem;
    margin: 11.4rem  auto 0;
    display: flex;
    justify-content: space-between;
  }

  .inner .sec02 .imgbox .img01 {
    width: 42rem;
  }

  .inner .sec02 .imgbox .txtarea {
    width: 28.3rem;
    display: flex;
    align-items: center;
  }

  .inner .sec02 .imgbox .txtarea .txtinner .txt01 {
    margin-top: 4.6rem;
  }

  .inner .sec02 .imgbox .ttl02 {
    width: 5.6rem;
    position: absolute;
    top: 0;
    left:79rem;
  }

  /* //// */
  .inner .inner03 {
    width: 99rem;
    margin: 0 auto;
  }

  .inner .sec03 {
    margin-top: 16.2rem;
  }

  .inner .sec03 .line {
    width: 100%;
    position: relative;
    height: 0.2rem;
    background-color: #dddddd;

  }

  .inner .sec03 .line .ttl01{
    font-size: 2.2rem;
    color: #858585;
    background-color: #fff;
    padding: 0 2rem;
    position: absolute;
    top: -1.2rem;
    left: 50%;
    transform: translateX(-50%);   
    letter-spacing: 0.1em; 
  }

  .inner .sec03 .imgbox {
    position: relative;
    width: 76rem;
    margin: 11.4rem  auto 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .inner .sec03 .imgbox .img01 {
    width: 42rem;
  }

  .inner .sec03 .imgbox .txtarea {
    width: 33.7rem;
    display: flex;
    align-items: center;
  }

  .inner .sec03 .imgbox .txtarea .txtinner .txt01 {
    margin-top: 4.6rem;
  }

  .inner .sec03 .imgbox .ttl02 {
    width: 5.7rem;
    position: absolute;
    top: 0;
    left:-8.5rem;
  }

  .inner .sec03 .imgbox02 {
    position: relative;
    width: 76.3rem;
    margin: 12rem  auto 0;
    display: flex;
    justify-content: space-between;
  }

  .inner .sec03 .imgbox02 .img01 {
    width: 42rem;
  }

  .inner .sec03 .imgbox02 .txtarea {
    width: 28.3rem;
    display: flex;
    align-items: center;
  }

  .inner .sec03 .imgbox02 .txtarea .txtinner .txt01 {
    margin-top: 4.6rem;
  }

  .inner .sec03 .imgbox02 .ttl02 {
    width: 4.5rem;
    position: absolute;
    top: 0;
    left:80rem;
  }

  .inner .sec04 .imgbox .ttl02 {
    width: 4.5rem;
    left:-8.5rem;
  }

  .inner .sec04 .imgbox02 .ttl02 {
    width: 4.2rem;
    left: 80rem;
  }

  .inner .sec05 .imgbox {
    flex-direction: row-reverse;
  }

  .inner .sec05 .imgbox .ttl02 {
    width: 4.5rem;
    left: -8.2rem;    
  } 

  .inner .sec05 .imgbox .txtarea {
    width: 30rem;
  }

  .inner .sec06 .imgbox .img01 {
    width: 33rem;
  } 

  .inner .sec06 .imgbox {
    width: 67.2rem;
    margin: 11.4rem  auto 0;
  }

  .inner .sec06 .line {
    width: 88rem;
    margin: 0 auto;
  }

  .inner .sec06 .imgbox .ttl02 {
    width: 3.7rem;
    left: 71rem;
  }

  .inner .viewall {
    width:46rem ;
    margin: 12rem auto 0;
  }

  .inner .gift {
    width: 33rem;
    margin: 8rem auto 0;
    text-align: center;
  }

  .inner .gift .txt01 {
    font-size:1.8rem ;
    margin-top: 2.3rem;
    letter-spacing: 0.1em;
  }

  .inner .gift .txt02 {
    letter-spacing: 0.1em;
  }
  
 
  

  
  



  

  

  
 
  







  #wrap .sp_only {
      display: none!important;
  }
  
  /* ====== TABLET ===== */
  @media screen and (max-width: 1280px) and (min-width:751px){
    html{
      font-size: calc(10*(100vw/1280));
    }
  }
 
 
 
 
 
 
  /* ====== SP ===== */
@media only screen and (max-width: 750px) {
  #wrap .sp_only {
    display: block!important;
  }
 
  #wrap .pc_only {
    display: none!important;
  } 
 
  #Contents {
    width: 100%;
    color: #343434;
  }

 
  .bredlist.lp {
    line-height: 5.33333vw;
    font-size: 2.66667vw;
    margin: 3.33333vw auto;
    width: 92.592%;
    text-align: left;
    padding: 0;
  }
　.main_inner {
    padding: 0 calc(45 * (100vw / 750));
  }
  
  #wrap .inner picture {
    display: block;
  }  
 
  #wrap .inner img {
    width: 100%;
    height: auto;
  }
 
  #wrap .inner {
    width: 100%;
    margin: 0 auto;
  }

  .inner span {
    color:#343434;
  }

  .txt {
    font-size: calc(22 * (100vw / 750));
    letter-spacing: 0.12em;
    line-height: 2;
  }

  .trajan {
    font-family: trajan-sans-pro, sans-serif;
    letter-spacing: 0.1em;
  }

  .prcbox {
    font-size: calc(20  * (100vw / 750));
    line-height: 1.5;
    letter-spacing:0.12em;
    display: block;
  }

  .buy {
    width: calc(60 * (100vw / 750));
    display: block;
    margin: calc(13  * (100vw / 750)) auto 0;
  }

  .name {
    font-size: calc(34  * (100vw / 750));
    line-height: 1.76;
    letter-spacing: 0.12em;
  }

  .prc {
    font-size: calc(34  * (100vw / 750));
    letter-spacing: 0.12em;
    margin-top: calc(10  * (100vw / 750));
    display: block;
  }
  
  /* .inner .txt_nowarp {
    display: inline-block;
  } */

  .inner .mv {
    width:100%;
    margin: calc(50  * (100vw / 750)) auto 0;
    text-align: center;
  }

  .inner .mv .ttl01 {
    margin-top:calc(62  * (100vw / 750));
    font-size: calc(38  * (100vw / 750));
  }

  .inner .mv .ttl02 {
    margin-top:calc(1  * (100vw / 750));
    font-size: calc(52  * (100vw / 750));
    letter-spacing: 0.1em;

  }

  .inner .mv .txt01 {
    margin-top: calc(28  * (100vw / 750));
    font-size: calc(24 * (100vw / 750));
  }

  .inner .sec01 {
    margin-top: calc(112  * (100vw / 750));
    width: 100%;
    background-color:#f5f5f5 ;
    padding:calc(80  * (100vw / 750)) 0;
  }

  .inner .sec01 .itembox  {
    width: calc(687  * (100vw / 750));
    margin: 0 auto;
    position: relative;
    padding-top: calc(65  * (100vw / 750));
    padding-bottom: calc(68* (100vw / 750));
    border: calc(8  * (100vw / 750)) solid #fff;
  }

  .inner .sec01 .itembox .ttl {
    font-size: calc(30  * (100vw / 750));
    position:absolute;
    top: calc(-19  * (100vw / 750));
    left: 50%;
    transform: translateX(-50%);
    padding: 0 calc(30  * (100vw / 750));
    color: #858585;
  }

  .inner .sec01 .itembox .itbox {
    width:calc(690  * (100vw / 750));
    display: flex;
    flex-wrap:wrap;
    margin: 0 auto;
  }

  .inner .sec01 .itembox .itbox li {
    display:flex;
    justify-content: center;
    text-align: center;
    width:calc(180  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it01 {
    margin: 0 0 0 calc(35* (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it01 .itimg {
    width: calc(156  * (100vw / 750));
    margin-top: calc(13* (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it01 .prcbox {
    margin-top: calc(22    * (100vw / 750));
    display: block;
  }

  .inner .sec01 .itembox .itbox .it02 {
    margin: 0 0 0 calc(30  * (100vw / 750))
  }

  .inner .sec01 .itembox .itbox .it02 .itimg {
    width: calc(162 * (100vw / 750));
    margin-top: calc(16 * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it02 .prcbox {
    margin-top: calc(23  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it03 {
    margin: 0 0 0 calc(24  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it03 .itimg {
    width: calc(140   * (100vw / 750));
    margin: calc(5* (100vw / 750)) 0 0 calc(0* (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it03 .prcbox {
    margin-top: calc(8    * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it04 {
    margin: 0 0 0 calc(36 * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it04 .itimg {
    width: calc(110 * (100vw / 750));
    margin: calc(65 * (100vw / 750)) 0 0 calc(13* (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it04 .prcbox {
    margin-top: calc(32  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it05 {
    margin: 0 0 0 calc(29  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it05 .itimg {
    width: calc(94 * (100vw / 750));
    margin: calc(49 * (100vw / 750)) auto 0;
  }

  .inner .sec01 .itembox .itbox .it05 .prcbox {
    margin-top: calc(18* (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it06 {
    margin: 0 0 0 calc(25* (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it06 .itimg {
    width: calc(162  * (100vw / 750));
    margin-top: calc(83  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it06 .prcbox {
    margin-top: calc(61  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it07 {
    margin: 0 0 0 calc(113* (100vw / 750));
  }
  
  .inner .sec01 .itembox .itbox .it07 .itimg {
    width: calc(118 * (100vw / 750));
    margin: calc(86 * (100vw / 750)) 0 0 calc(16 * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it07 .prcbox {
    margin-top: calc(38  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it08 {
    margin: 0 0 0 calc(76  * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it08 .itimg {
    width: calc(150 * (100vw / 750));
    margin: calc(48 * (100vw / 750)) 0 0 calc(15 * (100vw / 750));
  }

  .inner .sec01 .itembox .itbox .it08 .prcbox {
    margin-top: calc(10 * (100vw / 750));
  }

  .inner .sec01 .itembox .line {
    width:calc(554  * (100vw / 750));
    height:  calc(3  * (100vw / 750));
    margin: calc(58  * (100vw / 750)) auto 0;
    background-color:#fff;
  }

  .inner .sec01 .itembox .txt01 {
    text-align: left;
    font-size: calc(22  * (100vw / 750));
    width: calc(556* (100vw / 750));
    margin: calc(48  * (100vw / 750)) auto 0;
    font-size: calc(22 * (100vw / 750));
  }

  .inner .sec01 .itembox .underline,
  .inner .sec01 .itembox .underline02{
    position: relative;
    z-index: 10;
    letter-spacing: 0.12em;
    display:inline-block;
  }

  .inner .sec01 .itembox .underline::before {
    content: "";
    position: absolute;
    left:0 ;
    bottom:calc(10  * (100vw / 750));
    width:100%;
    height:  calc(10  * (100vw / 750));
    background-color: #e1e1e1;
    z-index: -1;
  }

  .inner .sec01 .itembox .underline02::before {
    content: "";
    position: absolute;
    left:0 ;
    bottom:calc(8  * (100vw / 750));
    width:100%;
    height:  calc(10  * (100vw / 750));
    background-color: #e1e1e1;
    z-index: -1;
    display:inline-block;
  }

  .inner .sec01 .itembox .txt02 {
    width: calc(554* (100vw / 750));
    margin:  calc(19 * (100vw / 750)) auto 0;
    text-align: left;
    font-size: calc(20  * (100vw / 750)) ;
  }

  .inner .inner02 {
    width: calc(690  * (100vw / 750));
    margin: 0 auto;
  }

  .inner .sec02 {
    margin-top:  calc(181  * (100vw / 750));
  }

  .inner .sec02 .line {
    width: 100%;
    position: relative;
    height: calc(2  * (100vw / 750));
  }

  .inner .sec02 .line .ttl01{
    font-size: calc(38 * (100vw / 750));
    color: #858585;
    background-color: #fff;
    padding: 0 calc(30  * (100vw / 750));
    position: absolute;
    top: calc(-20* (100vw / 750));
    left: 50%;
    transform: translateX(-50%);   
    letter-spacing: 0.1em; 
    white-space: nowrap;
  }

  .inner .sec02 .imgbox {
    position: relative;
    width: calc(540  * (100vw / 750));
    margin: calc(100 * (100vw / 750)) 0 0 calc(30 * (100vw / 750));
    display: flex;
    flex-direction: column;
  }

  .inner .sec02 .imgbox .img01 {
    width: 100%;
  }

  .inner .sec02 .imgbox .txtarea {
    margin-top:calc(48  * (100vw / 750)) ;
    width: 100%;
    display: flex;
    align-items: flex-start;
  }

  .inner .sec02 .imgbox .txtarea .txtinner .txt01 {
    margin-top: calc(37 * (100vw / 750));
  }

  .inner .sec02 .imgbox .ttl02 {
    width: calc(74 * (100vw / 750));
    position: absolute;
    top: 0;
    left: calc(555 * (100vw / 750));
  }

  .inner .sec03 {
    margin-top: calc(158 * (100vw / 750));
  }

  .inner .sec03 .line {
    width: 100%;
    position: relative;
    height:calc(2 * (100vw / 750));
    background-color: #dddddd;

  }

  .inner .sec03 .line .ttl01{
    font-size: calc(38 * (100vw / 750));
    color: #858585;
    background-color: #fff;
    padding: 0 calc(31 * (100vw / 750));
    position: absolute;
    top: calc(-20 * (100vw / 750));
    left: 50%;
    transform: translateX(-50%);   
    letter-spacing: 0.1em; 
    white-space: nowrap;
  }

  .inner .sec03 .imgbox {
    position: relative;
    width: calc(540 * (100vw / 750));
    margin: calc(100 * (100vw / 750)) 0 0 calc(120* (100vw / 750));
    display: flex;
    flex-direction: row-reverse;
    flex-direction: column;
  }

  .inner .sec03 .imgbox .img01 {
    width: 100%;
  }

  .inner .sec03 .imgbox .txtarea {
    margin-top: calc(48 * (100vw / 750));
    width: 100%;
    display: flex;
    align-items: flex-start;
  }

  .inner .sec03 .imgbox .txtarea .txtinner .txt01 {
    margin-top: calc(38 * (100vw / 750));
  }

  .inner .sec03 .imgbox_txt01{
    width:  calc(545 * (100vw / 750));
    margin:  calc(38 * (100vw / 750)) 0 0  calc(120 * (100vw / 750)); 
  }

  .inner .sec03 .imgbox .ttl02 {
    width: calc(75 * (100vw / 750));
    position: absolute;
    top: calc(3 * (100vw / 750));
    left: calc(-90 * (100vw / 750));
  }

  .inner .sec03 .imgbox02 {
    position: relative;
    width: calc(540 * (100vw / 750));
    margin: calc(139 * (100vw / 750)) 0 0 calc(30* (100vw / 750));
    display: flex;
    flex-direction: column;
  }

  .inner .sec03 .imgbox02 .img01 {
    width: 100%;
  }

  .inner .sec03 .imgbox02 .txtarea {
    width: 100%;
    margin-top: calc(48 * (100vw / 750));
    display: flex;
    align-items: center;
    flex-direction: column;  
  }

  .inner .sec03 .imgbox02 .txtarea .txtinner .txt01 {
    margin-top: calc(37 * (100vw / 750)) ;
  }

  .inner .sec03 .imgbox02 .ttl02 {
    width: calc(60 * (100vw / 750));
    position: absolute;
    top: 0;
    left: calc(570 * (100vw / 750));
  }
  /* //// */
  .inner .sec03 .txtarea_sp {
    width: calc(550 * (100vw / 750));
    margin-top: calc(48 * (100vw / 750));
    margin-left: calc(25 * (100vw / 750));
    display: flex;
    align-items: center;
    flex-direction: column;  
  }

  .inner .sec03 .txtarea_sp .txtinner .txt01 {
    margin-top: calc(37 * (100vw / 750)) ;
  }

  .inner .sec03 .name02 {
    white-space:nowrap ;
  }

  .inner .sec04 .imgbox .ttl02 {
    width: calc(59 * (100vw / 750));
    left: calc(-90 * (100vw / 750));
  }

  .inner .sec04 .imgbox02 .ttl02 {
    width: calc(55* (100vw / 750));
    left: calc(571 * (100vw / 750));
  }

  .inner .sec05 {
    margin-top: calc(156 * (100vw / 750));
    
  }

  .inner .sec05 .imgbox {
    flex-direction: column;
    margin: calc(100 * (100vw / 750)) 0 0 calc(120* (100vw / 750));
  }

  .inner .sec05 .imgbox .ttl02 {
    width: calc(60* (100vw / 750));
    left: calc(-90 * (100vw / 750));
    top: calc(4* (100vw / 750));
  } 

  .inner .sec05 .imgbox .txtarea {
    width: 100%;
  }

  .inner .sec06  {
    text-align: center;
    margin-top: calc(158 * (100vw / 750));
  }

  .inner .sec06 .imgbox .img01 {
    width: 100%;
  } 

  .inner .sec06 .imgbox {
    width: calc(480 * (100vw / 750)) ;
    margin: calc(100* (100vw / 750)) auto 0;
  }

  .inner .sec06 .line {
    width: 100%;
    margin: 0 auto;
  }

  .inner .sec06 .imgbox .ttl02 {
    width: calc(48* (100vw / 750));
    left: calc(510* (100vw / 750));
    top: calc(2* (100vw / 750));
  }

  .inner .sec06 .imgbox .txtarea .txtinner .txt01 {
    text-align: left;
  }

  .inner .viewall {
    width:calc(570 * (100vw / 750)) ;
    margin: calc(140 * (100vw / 750)) 0 0 calc(84 * (100vw / 750));
  }

  .inner .gift {
    width: calc(590 * (100vw / 750));
    margin: calc(120 * (100vw / 750)) auto 0;
    text-align: center;
  }

  .inner .gift .txt01 {
    font-size:calc(28 * (100vw / 750));
    margin-top: calc(25 * (100vw / 750));
    letter-spacing: 0.15em;
  }

  .inner .gift .txt02 {
    font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.15em;
  }

  
  
 
  
 
 
 
 
 
 
}

/* ios */
/* @supports(-webkit-touch-callout: none){
  .inner .sec03 .imgbox02 .txtarea .txtinner .txt01 {
    letter-spacing: 0.12em;
  }
} */

/* fade */
.fade {
  transition-property: opacity, transform;
  transition-duration: 1.5s;
  opacity: 0;
  transform: translateY(1.5rem);
}
 
.fade.onView {
  opacity: 1;
  transform: translateY(0);
}

 /* IE */
 
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .action_on {
    width: 100%;
  }


  .inner .sec01 .itembox .underline {
    display: inline;
  }
  .inner .sec01 .itembox .underline::before{
    content: "";
    position: absolute;
    bottom: 1.5rem;
  }

  .inner .sec01 .itembox .underline02 {
    display: inline;
  }
  .inner .sec01 .itembox .underline02::before{
    content: "";
    position: absolute;
    bottom: 1.1rem;
  }

  .inner .sec01 .itembox .itbox li {
    width: 15.2rem;
  }

  .inner .name {
    display: inline-block;
    white-space: nowrap;
  }

  .inner .prcbox {
    letter-spacing: -0.001em;
  }
}