b.red{color:maroon;font-weight:bold;}

#main_navi li.gift_point{
  font-size:120%;
  /*color:maroon;*/
  text-align:center;
  font-weight:bold;
  line-height:1.3;
  padding-bottom:0.5rem;
}

h2 {font-size:2em;margin:0 0 10px 0;}
h2 small {font-size:0.5em;margin: -5px 20px 0 0;vertical-align: middle;display: inline-block;}

.month {width:34px;}

h3 {font-size:1.6em;margin: -10px 0 0 0;}
.month_txt {font-size:1.2em;margin: 10px 0 0 0;}
h4 {margin: 0;}

.price {display: flex;}
.price-d {font-size:1.2em;margin: -5px 0 0 20px;}
@media (max-width: 480px) {
.price {display: block;}
.price-d {font-size:1.1em;margin: 0;}
}

.recommend-unit {margin:0 1%;padding:0;}
.recommend-unit a {margin:0;}
.grp_lst_img {max-width:320px;}
.top-s-List {margin:0; padding:0;}
/*.top-s-List li {padding-right: 1%;padding-left: 1%;}*/
.top-c-List {margin:0; padding:0;}
/*.top-c-List li {padding-right: 1%;padding-left: 1%;}*/
.cat-md { background-image: url(https://img21.shop-pro.jp/PA01421/798/etc/cat-md_bg.png?cmsp_timestamp=20180831110309);background-size:  cover;background-repeat:  no-repeat;background-position: center center;height:163px;color:#fff;margin:20px 1%;max-width: 98%;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
  -webkit-justify-content: left; /* Safari */
  justify-content:         left;
  padding:20px;
  font-size:1.1em;
  letter-spacing: 1px;
}

.top-s-List {
    display: flex;
    flex-wrap: wrap;
    clear: both;
}

@media (min-width: 1000px) {
.top-s-List li:first-child {
    padding-left: 0;}
.top-s-List li:last-child {
    padding-right: 0;
}}

.top-c-List {
    display: flex;
    flex-wrap: wrap;
  clear: both;
}

.top-c-List li:nth-child(n + 13) {display:none;}

.pt{margin:30px 0;
  /*border:solid 3px #ff0000;*/
  padding:20px;
  color:#ff0000;
  font-weight:bold;
}
.pt2{margin:30px 0;
  border:solid 1px #ff0000;
  padding:20px;
}
.stayhome{font-size:1.2em;
font-weight:bold;}
@media (max-width: 480px) {
.pt{
  padding:10px 0;
}
}

#wrapper{
    max-width: 1200px;
}

.sp{
    display:none;
}

.tab{
    display: none;
}

.tab2{
    display: none;
}

li{letter-spacing:0;}

marquee{
    padding:1rem 0 ;
}

small{
  font-size:80%;
}

#contents{
    padding:0 2%;
}

.container{
    width:100%;
}

#g-nav{
    font-family: 'Zen Maru Gothic', sans-serif;
}

#wrap_new{
    margin:0;
    font-family: 'Zen Maru Gothic', sans-serif;
    letter-spacing: 0.1rem;
}

#wrap_new div{
    margin:0;
}

@media (max-width: 480px) {
  #wrap_new div{
    margin:0 0 2rem;
}
}

#wrap_new dl{
    margin:0;
}

#wrap_new dt{
    font-weight: 500;
    margin:0;
}

#wrap_new dd{
    margin:0;
}

#wrap_new li{
    list-style: none;
}

#wrap_new > div{
    text-align: center;
    margin:5rem auto;
}

#wrap_new h2{
    font-size:1.6rem;
    margin:3rem auto 2rem;
    font-weight: 500;
}

#wrap_new h2 img{
    display: block;
    margin:1rem auto 0;
    width:200px;
}

#slider{
    margin:0 0 100px;
}

#slider li{
    margin:0 5px;
}

.slick-dots{
    bottom: -40px !important;
}

#wrap_new > div > div{
    margin:2rem 5%;
}

#information{
    text-align: center;
    margin:3rem auto;
}

#information a{
    display: inline-block;
    border-bottom:1px dotted #333;
}

  #information p a{
    border-bottom:none;
  }

#information > div > dl{
    text-align: justify;
    margin:0 0 2rem;
    font-size:110%;
    border-bottom:1px dotted #333;
}

#information > div > dl:nth-last-of-type(1){
    border:none;
}

#information > div > dl > dt{
    padding:0.5rem 0;
    margin-bottom:1.5rem;
    font-size:110%;
}

#information > div > dl > dd{
    margin-bottom:1.5rem;
    line-height: 2;
}

#information > div > dl > dd dt{
    font-size:110%;
    margin-bottom:1rem;
    padding-bottom:0.5rem;
    border-bottom:1px dotted #333;
    width:fit-content;
}

#information > div > dl > dd dd{
    line-height: 1.75;
}

#information > div > dl > dd dd span.border{
    display: inline-block;
    border-bottom:1px dotted #333;
}

#information small{
    display: inline-block;
    font-size:80%;
    letter-spacing: 0;
    margin-top:0.5rem;
}

.green{
    display: inline-block;
    color:#5cb800;
}

.blue{
    display: inline-block;
    color: #3C90FF;
}

.orange{
    display: inline-block;
    color:#E85A24;
    font-weight:bold;
}

.dark_orange{
    display: inline-block;
    color:#D84600;
}

.matsuri{
    display: flex;
    justify-content: space-between;
    align-self: stretch;
}

.matsuri > dl{
    width:80%;
    padding-right:2%;
}

.matsuri p{
    display: flex;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    width:18%;
    background: #eee;
    padding:20px;
}

.matsuri p img{
    width: auto;
    height: auto;
}

#shuncha{
    letter-spacing: 0.1rem;
}

#shuncha dl{
    text-align: center;
    margin:5rem auto;
}

#shuncha dt{
    font-weight: normal;
    font-size:200%;
    margin-bottom:2rem;
}

#shuncha dd{
    font-size:120%;
    line-height:2.7;
    margin-bottom:2rem;
}

#shuncha dd a{
    padding-bottom:0.5rem;
    letter-spacing: 0;
    border-bottom: 1px dotted #333;
}

#shuncha dd p{
    margin-top:3rem;
}

#shuncha ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin:0 !important;
}

#shuncha li{
    width:24%;
    margin-bottom:3rem;
}

#shuncha li a{
    display: block;
}

#shuncha li a:nth-of-type(1){
    margin-bottom:1rem;
    position: relative;
}

#shuncha li a:nth-of-type(2){
    color:#fff;
    background:#5CAF00;
    margin: 0 auto;
    padding:0.75rem 1.5rem;
    border-radius: 5px;
    font-weight: 700;
    width:max-content;
}

#shuncha li a:nth-of-type(2):hover{
    background: #3C90FF;
}

#shuncha li a:nth-of-type(1) img{
    display: inline-block;
    background:#eee;
    margin-bottom:1rem;
}

#shuncha li a:nth-of-type(1) img:nth-of-type(2){
    position: absolute;
    top:0;
    left:0;
    opacity:0;
}

#shuncha li a:nth-of-type(1):hover img:nth-of-type(1){
    opacity: 0;
}

#shuncha li a:nth-of-type(1):hover img:nth-of-type(2){
    opacity: 1;
}



ul.list{
    display: flex;
    flex-wrap: wrap;
    margin:2rem 0;
}

ul.list li{
    width:23.5%;
  margin-bottom:1rem;
  margin-right:2%;
}

ul.list li:nth-of-type(4n){
margin-right:0;
}

ul.list li a:hover img{
    opacity: 0.7;
}

ul.list li span{
    display: block;
    margin-top:1rem;
}

#about p{
    font-size:120%;
    line-height: 2.5;
}

#wrap_new > div#about > div{
    display: flex;
    justify-content: space-between;
    padding:0;
    margin:2rem 0 0;
}

#about div p{
    width:32%;
    height: calc(90vw/3);
    max-width: 403px;
    max-height: 403px;
}

#about div p a{
    display: block;
    width:100%;
    height:100%;
    color:#fff;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#about div p:nth-of-type(1) a{
    background: url(https://img07.shop-pro.jp/PA01421/798/etc/land_71.jpg?cmsp_timestamp=20230502183534);
    background-size:cover;
    background-position: center;
}

#about div p:nth-of-type(1):hover a{
    background: url(https://img07.shop-pro.jp/PA01421/798/etc/land_71.jpg?cmsp_timestamp=20230502183534);
    background-size:cover;
    background-position: center;
    background-color:rgba(0,0,0,0.3);
    background-blend-mode:darken;
}

#about div p:nth-of-type(2) a{
    background: url(https://img07.shop-pro.jp/PA01421/798/etc/land_72.jpg?cmsp_timestamp=20230502183534);
    background-size:cover;
    background-position: center;
}

#about div p:nth-of-type(2):hover a{
    background: url(https://img07.shop-pro.jp/PA01421/798/etc/land_72.jpg?cmsp_timestamp=20230502183534);
    background-size:cover;
    background-position: center;
    background-color:rgba(0,0,0,0.3);
    background-blend-mode:darken;
}

#about div p:nth-of-type(3) a{
    background: url(https://img07.shop-pro.jp/PA01421/798/etc/land_73.jpg?cmsp_timestamp=20230502183534);
    background-size:cover;
    background-position: center;
}

#about div p:nth-of-type(3):hover a{
    background: url(https://img07.shop-pro.jp/PA01421/798/etc/land_73.jpg?cmsp_timestamp=20230502183534);
    background-size:cover;
    background-position: center;
    background-color:rgba(0,0,0,0.3);
    background-blend-mode:darken;
}

#about div p span{
    display: inline-block;
    line-height: 1.5;
    background: #000;
    padding:1rem;
}

#about div p small{
    display: block;
    margin-top:0.5rem;
}

.cate1 h2 + p + p,
.cate1 h2 + marquee + p + p{
    font-size: 110%;
    margin:1rem 0;
    line-height: 2;
}

.cate1 h2 + p + p > span{
    display: inline-block;
    font-size:80%;
    line-height:2;
    margin-top:1rem;
}

#footer_wrap{
    font-family: 'Zen Maru Gothic', sans-serif;
}

#footer{
    font-family: 'Zen Maru Gothic', sans-serif;
}

.footer_logo{
    width:300px;
}

.footer_logo img{
    width:100%;
    height: auto;
}

#wrap_new > div#about{
    margin:5rem 0 3rem;
}

#service{
    display: flex;
    justify-content: space-between;
}

#service p{
    width:48%;
}

#service p img{
    width:100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    .pc2{
        display: none;
    }
    .tab{
        display: inline-block;
    }

    .tab2{
        display: inline-block;
    }

    #wrap_new h2 img{
        margin:0.75rem auto 1rem;
        width:150px;
    }

    #wrap_new{
        padding:0 10%;
    }
  
 /*
  #wrap_new li{
    font-size:80%;
  }
  */

    #wrap_new > div{
        margin:3rem auto;
    }

    #wrap_new > div > div{
        margin:0 0 2rem;
    }
    
    #slider{
        margin:0 0 80px;
    }
    #information{
        margin:4rem auto 2rem;
    }
    
    #information dl{
        font-size:100%;
    }

    #wrap_new h2{
        margin:0 auto 1rem;;
        font-size:140%;
    }

    #wrap_new h2.info{
        border-bottom:1px dotted #333;
    }

    #information > div > dl{
        margin:0 0 1rem;
        font-size:100%;
    }

    #shuncha dl{
        margin:3rem auto;
    }

    #shuncha dt{
        font-size:180%;
        margin-bottom:2rem;
    }
    
    #shuncha dd{
        font-size:110%;
        line-height:2.5;
        margin-bottom:2rem;
    }

    #shuncha li{
        width:48%;
        margin-bottom:2rem;
    }

    #shuncha ul + p a{
        font-size:120%;
    }

    .cate1 a span{
    font-size:80%;
    } 


    ul.list li{
        width:48%;
        margin-bottom:2rem;
      margin-right:4%;
    }


ul.list li:nth-child(even){
margin-right:0;
  }
  
  
 

    #about p{
        font-size:100%;
        line-height: 2.5;
    }

    .cate1 h2 + p + p{
        font-size: 100%;
        margin-bottom:2rem;
    }

    .footer_logo{
        width:250px;
    }
}

@media screen and (max-width: 480px) {
    .pc{
        display:none;
    }
  
  .tab{
    display:none;
  }

    .sp{
        display:inline-block;
    }

    #wrap_new{
        padding:0;
    }

    .container{
        padding:0;
    }

    #footer_wrap{
        padding:0;
    }

    #information dl{
        font-size:90%;
    }

    #shuncha dt{
        font-size:180%;
        margin-bottom:2rem;
    }

    #wrap_new h2{
        font-size:130%;
    }

    #wrap_new > div > div{
        letter-spacing: 0;
    }

    .matsuri{
        display: block;
    }

    .matsuri > dl{
        width:100%;
        padding-bottom:1rem;
    }

    .matsuri p{
        width:auto;
        flex-direction: row;
        justify-content: center;

    }
    .matsuri p img{
        width:50%;
    }

    #shuncha dt{
        font-size:140%;
        margin-bottom:1rem;
    }

    #shuncha dd{
        font-size:90%;
        line-height:2;
        margin-bottom:2rem;
        text-align: justify;
    }

    #shuncha dd:nth-of-type(1) br{
        display:none;
    }
  #shuncha dd:nth-of-type(1) br.br{
        display:inline;
    } 
  
  #shuncha dd:nth-of-type(2){
    text-align:center;
  }

    #shuncha li{
        font-size:70%;
    }

    #shuncha ul + p a{
        font-size:110%;
    }

    .cate1 a span{
        font-size:75%;
    }
  
      .cate1 a span.orange{
        font-size:110%;
    }

    #about > p{
        font-size:80%;
        line-height: 2;
        text-align: justify;
    }

    #about > p br{
        display: none;
    }

    #wrap_new > div#about > div{
        display: block;
        margin:1rem 0 0;
    }
    
    #about div p{
        width:100%;
        height: 60vw;
        max-width: 403px;
        max-height: 403px;
    }

    #gift h2 + p + p,
    #message h2 + p + p,
  .cate1 h2 + marquee + p + p{
        font-size: 80%;
        margin-bottom:0;
        text-align: justify;
    }

    #gift h2 + p + p br,
    #message h2 + p + p br,
  .cate1 h2 + marquee + p + p br{
            display: none;
    }

    #message h2 + p + p span br,
    #message h2 + p + p br:nth-of-type(3){
        display: inline-block;
    }

    #message h2 + p + p span{
        font-size:100%;
    }

    #gift ul{
        margin:1rem 0;
    }

    .cate1 ul + p{
        margin-top:1rem;
    }

    ul.list li{
        margin-bottom:1rem;
    }

    #service{
        display: block;
    }

    #service p{
        width:100%;
    }

    .footer_logo{
        width:200px;
    }
    
    #footer{
        margin-top:1rem;
    }
}


@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
  #shuncha li,
  ul.list li span{
    font-size:80%;
}
}



 *{
    box-sizing: border-box;
  }

  #wrap_new{
    display: flex;
    width:100%;
  }

  #wrap_new > div#main_navi{
    width:16%;
    margin:0 5% 0 0;
  }
  main{
    width:79%;
    margin:0;
    border-top:1px dotted #333;
    text-align: center;
  }

  #main_navi p{
    padding:0.75rem;
    background: #DFDDCB;
    line-height: 1.25;
    font-weight:bold;
    font-size:105%;
    letter-spacing:0;
  }

#main_navi p.gide{
   background:none;
}

  #main_navi p.gide a{
    font-weight: bold;
    padding:0.5rem 0.5rem;
    background: none;
    border:1px dotted #333;
    border-radius: 10px;
    line-height: 1.75;
  }

  #main_navi ul{
    text-align: left;
    margin:0 0 1rem;
  }

  #main_navi li{
    font-size:90%;
    margin:0;
    border-bottom:1px dotted #777;
  }

  #main_navi li:nth-last-of-type(1){
    border:none;
  }

  #main_navi a{
    display: block;
    width: 100%;
    padding:0.75rem 1.25rem;
  }

  #main_navi i{
    font-size:90%;
    display: inline-block;
    vertical-align: middle;
    margin-right:0.5rem;
  }

#main_navi p i{
  font-size:100%;
  color:#000;
  margin-right:0.25rem;
}

  #main_navi dl{
    text-align: left;
    margin:0 0 1rem;
    letter-spacing: 0;
    padding:0.5rem ;
    border-bottom:1px dotted #777;
    font-size:90%;
  }
  #main_navi dl.border_none{
    border:none;
  }

  #main_navi dt{
    margin:0 0 0.25rem;
    font-size:110%;
  }

/*---------------------------------------------------*/
body{
    background: #FFFEF2;
    background: #fff;
  }
  #wrapper{
    max-width: 1300px;
  }

  #wrap_new main > div#about > div{
    display: flex;
    justify-content: space-between;
    padding:0;
    margin:2rem 0 ;
}

/*---------------------------------------------------*/

#mizudashi_image{
  width:70%;margin:1rem auto 0;
}
#mizudashi_image img{
  width:100%;height:auto;
}
  
@media screen and (max-width: 768px) {
  #wrap_new{
    padding:0;
  }
  .container{
    padding:0;
  }

  #wrap_new > div#main_navi{
    width:21%;
    margin:0 4% 0 0;
  }
  main{
    width:75%;
    margin:0;
  }

  #main_navi li{
    font-size:70%;

  }
  #main_navi a{
    padding:0.75rem 1rem;
  }

  #main_navi dl{
    font-size:70%;
  }

  #main_navi p{
    font-size:80%;
  }

  #main_navi p#gide{
    font-size:70%;
    padding:0.5rem 0.5rem;
  }
 #mizudashi_image{
   width:80%;
 }
}
@media screen and (max-width: 480px) {
  #wrap_new{
    display: flex;
    flex-wrap: wrap-reverse;
  }

  #wrap_new > div#main_navi{
    width:100%;
    margin:0 3% 0 0;
  }

  main{
    width:100%;
    margin:0;
    border-top:1px dotted #333;
    text-align: center;
    padding:0 3%;
  }

  #wrap_new main > div#about > div{
        display: block;
        margin:1rem 0 0;
    }

    #main_navi p br{
      display:none;
    }

    .cate1 a span{
      font-size:80%;
    }

    #wrap_new dd br{
      display:none;
    }

    #main_navi p#gide a{
      display:inline-block;
      width:auto;
      padding:0.5rem;
    }
  
   #mizudashi_image{
   width:100%;
 }
}

iframe {
  margin:0 auto 2rem;
  width: 100%;
  aspect-ratio: 16/9; 
  border:none;
}

.spoint{
  display:inline-block;
  background:#E85A24;
  color:#fff;
  padding:0 0.5rem;
  margin:0 0.5rem;
}

#wrap_new div#matsuri{
  margin:5rem 0 0;
}
#matsuri p{
  width:100%;
  text-align:left;
}
#matsuri p img{
  width:100%;
  height:auto;
  margin-bottom:1rem;
}
#matsuri p img:nth-of-type(2){
  display:none;
}
@media screen and (max-width: 480px) {
  #wrap_new div#matsuri{
  margin:2rem 0 1rem;
}
  #matsuri p img:nth-of-type(1){
  display:none;
}
 #matsuri p img:nth-of-type(2){
  display:inline;
}
}


        #wrap_new > div > div:nth-last-of-type(1){
            margin:0;
            font-size:70%;
            position:sticky;
            top:50%;
            line-height:1.5;
        }
        #wrap_new > div > div:nth-last-of-type(1) a{
            text-decoration: none;

            color:#000;
        }
        #wrap_new > div > div:nth-last-of-type(1) a:hover{
            text-decoration: none;
            color:#000;
            opacity: 0.6;
        }
        #wrap_new > div > div:nth-last-of-type(1) img{
            width:30px;
            height: auto;
            margin:0.75rem 0;
        }
#gide{margin-bottom:1rem;}

#information a:hover img{
  opacity:0.7;
}

  #kashi div{
    margin:2rem 0;
  }
  #kashi h3{
    font-weight: 500;
    line-height: 1.5;
    font-size:1.3rem;
    padding:1rem 0 0;
  }
  #kashi > div ul.list{
    margin:0.5rem 0 0;
  }
  #kashi >div li{
    width:23.5%;
    margin:1rem 2% 1rem 0;
  }

#kashi >div li:nth-of-type(4n) {
  margin-right:0;
}

  @media screen and (max-width: 768px) {
    #kashi >div li{
    width:48%;
  }
  #kashi div{
    padding:1rem 1.5rem;
  }
  }
  @media screen and (max-width: 480px) {
    #kashi h3{
      font-size:1rem;
      padding:1rem 0 0;
    }
  }
#outline{
   box-sizing: border-box; 
  margin:0;
}
#outline strong{
  display:block;
  background:#000;
  color:#fff;
  font-size:110%;
  text-align:left;
  padding:0.5rem 0.75rem;
  font-weight:500;
  width:100%;
   box-sizing: border-box; 
}
#outline span{
  display:inline-block;
  font-weight:bold;
  font-size:110%;
}

.newitem{
  display:inline-block;
  padding:0.25rem;
  color:#fff;
  background:#ff0000;
  font-size:90%;
  font-weight:700;
    line-height:1;
    border-radius:3px;
}

ul.list li span.newitem {
  display:inline-block;
  padding:0.25rem;
  color:#fff;
  background:#ff0000;
  font-size:90%;
  font-weight:700;
  margin-top:0;
  line-height:1;
  border-radius:3px;
}

#snsbox{
  background: #ddd;
  margin: 0;
  padding:0.75rem;
  font-size:105%;
}

#snsbox a{
  display:inline-block;
  border-bottom:1px dotted #000;
}



 .taxflex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .taxflex a{
    width:19%;
  }
  .taxflex a img{
    width:100%;
    height: auto;
  }

  .taxflex a:hover img{
    opacity: 0.5;
  }

  #tax p{
    font-size:110%;
    line-height: 2.5;
    margin-bottom: 1rem;
  }

  @media screen and (max-width: 768px) {
    .taxflex{
      justify-content: center;

    }
    #tax p{
      font-size:100%;
    }
    .taxflex a{
    width:32%;
    margin-bottom: 1rem;
    margin-right:2%;
  }

  .taxflex a:nth-of-type(3),
  .taxflex a:nth-of-type(5)
  {
  margin-right:0;
  }
}

  @media screen and (max-width: 480px) {
    #wrap_new div#tax{
      margin-top:2rem;
    }
    #tax p{
      font-size:80%;
      text-align: justify;
      line-height: 2;
    }
    .taxflex a{
      width:49%;
      margin-right:2%;
    }
    .taxflex a:nth-of-type(3),
    .taxflex a:nth-of-type(5){
      margin-right:0;
    }
  }

#category p{
  font-size:110%;
  line-height:2;
  padding-bottom:1rem;
}

@media screen and (max-width: 768px){
  #category p{
  font-size:90%;
  }
}

@media screen and (max-width: 480px){
#hearb p ,
#category p{
    font-size: 80%;
    text-align: justify;
    line-height: 2;
}
#category p br{
  display: none;
}
}

.more_info {line-height:3;}

ul.list li span.gentei,
.gentei{
  display:inline-block;
  color:#b81c25;
  font-weight:bold;
  margin-top:0;
}

ul.block3 li{
  width:32%;
  margin-right:2%;
}

ul.block3 li:nth-of-type(3n){
  margin-right:0;
}
@media screen and (max-width: 768px){
  .t-align{
  text-align:justify;
  }
  
  .t-align br{
  display:none;
  }
  }

.green{
  background:#389038;
  color:#fff;
}

ul.list li span.dred{
  color:#B7272D;
  margin-top:0;
  font-size:110%;
}

.top_button{
  display:block;
  margin:1rem auto;
  width:fit-content;
  padding:0.5rem 0.75rem;
  color:#fff;
  background:#5CAF00;
  border-radius:8px;
  font-weight:bold;
  font-size:18px;
}

.top_button2{
  display:inline-block;
  margin:1rem 0.5rem;
  width:fit-content;
   padding:0.5rem 0.75rem;
  color:#fff;
  background:#5CAF00;
  border-radius:8px;
  font-weight:bold;
  font-size:18px;
}

a.top_button:hover,
a.top_button2:hover{
  color:#fff;
}

@media screen and (max-width: 480px){
  .top_button,
  .top_button2{
  font-size:16px;
}
}
  
 #top_banner ul{
   display:flex;
   justify-content: space-between;
   margin:0 auto;
}

 #top_banner li{
   width:32%;
}
  
  #top_banner li img{
   width:100%;
} 

a:hover img{
  opacity:0.7;
}

.itemcopy{
text-align:center;
  font-size:115%;
}

.itemcopy img{
margin-bottom:1rem;
}

@media screen and (max-width: 480px){
 #top_banner ul{
flex-wrap: wrap;
   width:85%;
}
  
 #top_banner li{
   width:100%;
   margin-bottom:1rem;
}
  
  .itemcopy{
    text-align:justify;
    font-size:100%;
  }
  
  .pc{
    display:none;
  }
}

.cap{
  display:inline-block;
  margin-top:0.5rem;
  font-size:115%;
}
.point{
  font-weight:bold;
display:inline-block;
  margin-left:0.5rem;
  padding:0 0.5rem;
  font-size:115%;
  color:#fff;
  background:#F00;
}

#wrap_new div#sale{
  margin-top:3rem;
}

.list2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size:140%;
    text-align: justify;
    margin:2rem 0 0;
}

@media screen and (max-width:768px) {
    .list2{
        font-size:130%;
    }
}

.list2 li{
    width:32%;
}

@media screen and (max-width:768px) {
    .list2 li{
        width:100%;
        margin-bottom:2rem;
    }
}

@media screen and (max-width:480px) {
    .list2 li{
        width:100%;
        margin-bottom:1rem;
    }
}


.list2 li div{
    background:#faf6d6;
    padding:0 1rem 1rem;
}

.list2 li div > span,
.list2 li div > small
{
    display: block;
}

.list2 li div > span{
    display: inline-block;
    margin:1rem 0 0.5rem;
    line-height: 1.3;
}

.list2 li div > small.block{
    display: block;
    font-weight: 400;
    font-size: 70%;
}

.list2 li section{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    margin-top:1rem;
}

.list2 li section p{
    margin:0 0.25rem;
}

.price{
    font-size:70%;
}

.saleprice{
    color:#C42B15;
    font-size:140%;
}

.saleprice small{
    font-size: 70%;
}

.delta{
    font-size:80%;
}

.souryou{
    color:#C42B15;
    border:1px solid #C42B15;
    padding:0.25rem 0.5rem;
    font-size:75%;
}

.list2 li a span{
    display: block;
    margin:1.5rem auto 0;
    background:#C42B15;
    padding:0.75rem 1.5rem;
    border-radius: 2rem;
    color:#fff;
    font-size:80%;
    text-align: center;
}

.list2 li a:hover span{
    background:#8b1705;
    border:none;
}

@media (max-width: 768px) {
    .list2 li a{
        width:100%;
    }
}

@media (max-width: 480px) {
    #wrap_new  .list2 div {
        margin: 0 0 1rem;
    }
}