/* イメージ写真 */
.top {position:relative; margin-bottom:6em;}
.top img {width:100%; border-radius: 10px 10px 0 0;}
.intro {text-align:left; width: 100%; background: #4286b1; padding: 1em 0 1em 5em; border-radius: 0 0 10px 10px;}
.to_howto {width:150px; height:150px; position:absolute; bottom: -35px; right: 20px;}
.to_howto a {width:150px; height:150px; display:block; text-indent:-9999px; overflow:hidden; background:url(https://img20.shop-pro.jp/PA01248/349/etc/howto.png) center no-repeat; background-size:100%;}
@media (max-width:1024px) {
  .top {
    width:100%;
    margin-bottom:0;
  }
  .top img {
    border-radius:5px 5px 0 0;
  }
  .intro {
    padding: 1.5em 2em; 
    border-radius: 0 0 5px 5px;
    font-size: 80%;
    line-height: 1.7em;
  }
  .to_howto {display:none;}  
  .index {margin:2em auto 4em auto;}
  .index li {
    display:inline-block;
  }
  .index li a {
    background:#f9f8f5;  
    padding:0.9em;    
    border-radius:5px;
  }
}

/* NEW */
.new, .recommend { display:-webkit-box; display:-moz-box; display:-ms-box;
  display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox;
  display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex;
 -webkit-box-lines:multiple; -moz-box-lines:multiple; 
  -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
}
.new .items {width:33%; text-align:center; vertical-align:top; margin: 0 0.5% 2em 0; box-sizing: border-box; background:#f8f7f3;}
.new .items:nth-of-type(3n) {margin-right:0;}
.item_img img {width:100%;}
.item_info { padding:2em; font-size:90%; box-sizing: border-box;}
.name {opacity:0.5; margin-bottom:0.5em;}
.item_info h3 {padding-bottom:1em; font-weight:600;}
.item_info h3 img {display:none!important;}
.price span.sold {color:#f08437; font-size:120%; font-weight:bold;}
.price span {font-size:5pt;}
@media (max-width:1024px) {
  .new .items {width:48%; margin:0 1% 1em 1%;}
  .new .items:first-of-type {width:100%; margin: 0 0 1em 0;}
  .new .items:nth-of-type(2n) {margin-left:0;}
	}

/* お知らせ */
.info ul, .info_btn {width:49%; background:#f8f7f3; float:left;}
.info ul {margin-right:0.5%; padding: 1.5em 2.5em; text-align:left;}
.info ul li {padding:1em 0;}
.info ul li span {padding-left:1.5em; background:url(https://img20.shop-pro.jp/PA01248/349/etc/circle.png?cmsp_timestamp=20210228101134) center left no-repeat; background-size:15px 23px;}
.info ul li a {padding-left:1.5em; background:url(https://img20.shop-pro.jp/PA01248/349/etc/to.png) center left no-repeat; background-size:7px 11px;}
.info_btn { margin-left:0.5%; margin-bottom:10px; padding:2em 0; font-size:120%; font-weight:bold; }
.info_btn img {width:auto; height:20px; margin-left:1em;}
.info_insta {padding-top: 2em; font-size: 120%; display: inline-block; font-size:110%; color:#666666; padding-bottom:0.5em; border-bottom:1px solid #666666;}
@media (max-width:1024px) {
  .info ul, .info_btn {width:100%; float:none;}
  .info ul {margin-right:0; margin-bottom: 10px;}
  .info_insta {border-bottom:1px dotted #666666; text-align: left; width: 90%;}
}

/* バナー */
.bnrs {width:100%; height:auto; }
.bnrs a {
	width:32.8%; height:180px;
	display:inline-block;
	margin: 0;
  color:#fff; 
  position:relative;
}
.bnrs a h3 {font-size:220%; position:absolute; bottom:15px; left:20px; text-align:left; line-height:1.4em; text-shadow: 0px 0px 2px rgba(0,0,0,0.5);}
.bnrs a p {font-size:80%; position:absolute; bottom:15px; right:15px; text-shadow: 0px 0px 2px rgba(0,0,0,0.5);}
.bnr_1 {background:url(https://img20.shop-pro.jp/PA01248/349/etc/bnr1.jpg) center no-repeat; background-size:cover; border-radius: 10px 0 0 10px;}
.bnr_2 {background:url(https://img20.shop-pro.jp/PA01248/349/etc/bnr2.jpg) center no-repeat; background-size:cover;}
.bnr_3 {background:url(https://img20.shop-pro.jp/PA01248/349/etc/bnr3.jpg) center no-repeat; background-size:cover; border-radius:0 10px 10px 0;}
@media only screen and (max-width: 1024px) {
  .bnrs a {
    width:100%; height:100px;
    display: block;
    margin: 0 0 10px 0;
  }
  .bnr_1, .bnr_2, .bnr_3 { border-radius: 5px;}
}

/* ランキング */
.ranking .items {
  font-size:9pt;
  width:66.4%;
  float:right;
  text-align:left;
  margin-bottom:6px;
  background:#f9f8f5;
  position:relative;
}
.ranking .items:first-of-type {
  width:32.8%;
  min-height: 503px;
  float:left;
  text-align:center;
}
.ranking .items:last-of-type {margin-bottom:0;}
.ranking .items img {
  width:32%;
  float:left;
}
.ranking .items:first-of-type img {
  width:100%;
  float:none;
}
.ranking .items .item_info {float:left; width: 68%; position:relative;
padding-left:4em;}
.ranking .items:first-of-type .item_info {float:none; width:100%; padding-left:2em;}
.ranking .items .name {display:none;}
.ranking .items:first-of-type .name {display:block;}
.ranking .items .item_info .price {position:absolute; top:2em; right:2em;}
.ranking .items:first-of-type .price {position:static;}
.ranking .items .name, .ranking .items .kani {}
.ranking .items:first-of-type .kani {
  padding:1.5em;
  background:#fff;
  border-radius:10px;
  text-align:left;
  letter-spacing:0.2em;
  margin-bottom:20px;
}
.circle {
  display: inline-block;
  width: 35px; height: 35px;
  border-radius: 50%;
  background: #fff;
  text-align:center;
  line-height: 35px;
  font-weight:600; font-size:120%;
  padding-left: 0.3em;
  position:absolute;
  top: 1em; left: 30%;
}
.ranking .items:first-of-type .circle {
  width: 45px; height: 45px;
  background: #f08437;
  line-height: 45px; font-size:200%;
  top:-22px; left:20px;
}
.ranking .items:nth-of-type(2) .circle {background: #4286b1;}
.ranking .items:nth-of-type(3) .circle {background: #9a867c;}
.ranking .items:first-of-type .circle:before {content:"1";}
.ranking .items:nth-of-type(2) .circle:before {content:"2";}
.ranking .items:nth-of-type(3) .circle:before {content:"3";}
.ranking .items:nth-of-type(4) .circle:before {content:"4";}
.ranking .items:nth-of-type(5) .circle:before {content:"5";}
@media (max-width:1024px) {
  .ranking .items {
  width:48%; min-height: 390px;
  float:left;
  margin: 0 1% 2% 1%;
  }
  .ranking .items:first-of-type {
  width:100%;
  float:none;
  margin:0 0 2% 0;
  }
  .ranking .items:nth-of-type(3n), .ranking .items:nth-of-type(5n)
  {margin-left:1%; margin-right:0;}
  .ranking .items:nth-of-type(2n), .ranking .items:nth-of-type(4n) 
  {margin-left:0; margin-right:1%;}
  .ranking .items img {
  width:100%;
  float:none;
  }
  .ranking .items .item_info {
    float:none; width: 100%;
    padding-left:2em;
    text-align:center;
  }
  .ranking .items:first-of-type .item_info {padding-left:2em;}
  .ranking .items .item_info .kani {text-align:left;}
  .ranking .items .item_info .price {
    position:static; top:inherit; right:inherit; margin-top:1.5em;}
  .ranking .items:first-of-type .item_info .price span {display:inline;}
  .circle {top: 80px; left: 10%;}
  .ranking .items:first-of-type .circle {top:-22px; left:20px;}
  .ranking .items br {display:none;} 
}

/* おすすめ */
.recommend .items {width:24.6%; text-align:center; vertical-align:top; margin:0 0.5% 2em 0; box-sizing: border-box; background:#EFEFEB;}
.recommend .items:nth-of-type(4n) {margin-right:0;}
@media (max-width:1024px) {
    .recommend .items {width:49%; margin:0 1% 2% 1%;}
    .recommend .items:nth-of-type(2n) {margin-left:1%; margin-right:0;}
    .recommend .items:nth-of-type(2n+1) {margin-left:0; margin-right:1%;}
    .recommend .item_img {position:relative;}
    .recommend .item_img .name {position:absolute; bottom:0; right:1em;}
	}