@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,small,strong,b,dl,dt,dd,ol,ul,li,
form,label,legend,table,tbody,tfoot,thead,tr,th,td,footer,header,menu,nav,section,video {
  margin:0; padding:0; border:0; outline:0; vertical-align:bottom; background:transparent;
}
body { line-height:1; -webkit-text-size-adjust: 100%;}
ul li { list-style:none;}
img { width: 100%;}
a { margin:0; padding:0; color: #666; text-decoration: none; vertical-align:baseline;}
a:hover { opacity: 0.7;}
table { border-spacing:0;}
/* ===================================================================================
  resetここまで
=================================================================================== */
body * {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #333;
	font-size: 3.7vw;
}
.pc_none { display: block;}
.sp_none { display: none;}
.sec00 { background: url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/soy_sp.jpg") no-repeat top center/100%; height: 100vw;
  background-color: #000000;}
.sec0 { background: url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/spmond_bg1.jpg") no-repeat top center/100%; height: 95vw;}
.sec01 { background: url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/sp_bg01.jpg") no-repeat top center/100%;}
.sec01-2 { background: url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/sp_bg01-2.jpg") no-repeat top center/100%; height: 287.6vw;}
.sec02 { background: url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/sp_bg02.jpg") no-repeat top center/100%; height: 118.4vw;}
.sec03 { background: #fff;}
/*
.sec04 {
  background:
    url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/sp_bg_deco.png") no-repeat center 10vw/100%,
    url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/sp_bg04.jpg") repeat-y top center/100%
}*/
.sec04 {
  background:
    url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/sp_bg04.jpg") repeat-y top center/100%
}

.sec01 .bnr_area { padding: 6.7vw 0;}

.sec01-2 {
  margin-top: 5vw;
}
.sec01-2 h2 {
  font-size: 6.7vw;
  font-weight: bold;
  text-align: center;
  padding: 10vw 0 4vw;
}
.sec01-2 h2 strong {
  font-size: 9.3vw;
  font-weight: bold;
}
.sec01-2 .pac {
  width: 94.7vw;
  margin: 0 auto;
  padding: 4vw 0 8vw;
  background: #fff;
  box-shadow: 10px 10px 5px rgba(43,0,0,0.2);
}
.sec01-2 .pac .box h3 {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 10vw;
  padding-left: 6vw;
  width: 86.7vw;
  margin: 0 auto 3.7vw;
  border-bottom: solid 1px #333;
  box-sizing: border-box;
  position: relative;
}
.sec01-2 .pac .box h3::before {
  content: "";
  display: block;
  background: url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/pac_icon.png")no-repeat center/100%;
  width: 4.8vw;
  height: 4.8vw;
  margin-top: -2.4vw;
  position: absolute;
  left: 0;
  top: 50%
}
.sec01-2 .pac .box .text {
  width: 86.7vw;
  margin: 0 auto;
  line-height: 1.25;
}
.sec01-2 .pac .box .kome1,
.sec01-2 .pac .box .kome2,
.sec01-2 .pac .box .kome3 {
  width: 86.7vw;
  margin: 0 auto;
}
.sec01-2 .pac .box .kome1 td,
.sec01-2 .pac .box .kome2 td,
.sec01-2 .pac .box .kome3 td {
  font-size: 3.2vw;
  line-height: 1.25;
  vertical-align: top;
  padding-bottom: 2vw;
}
.sec01-2 .pac .box.bx1 .kome1 { margin: 3.3vw auto 0;}
.sec01-2 .pac .box.bx1 .kome2 { margin: 0 auto 5.3vw;}
.sec01-2 .pac .box.bx2 .kome1 { margin-top: 2.7vw;}
.sec01-2 .pac .box.bx2 .kome3 { margin: 0 auto 4vw;}
.sec01-2 .pac .box .img {
  width: 93.3vw;
  margin: 3.3vw auto;
}

.sec02 .rank_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 92vw;
  margin: 0 auto;
  padding-top: 15.7vw;
}
.sec02 .rank_area li {
  position: relative;
  margin-right: 2.7vw;
}
.sec02 .rank_area li:nth-child(-n+3) { margin-bottom: 13.3vw;}
.sec02 .rank_area li:nth-child(3),
.sec02 .rank_area li:last-child { margin-right: 0;}
.sec02 .rank_area li .rank {
  text-align: center;
  width: 15.3vw;
  margin: 0 auto;
  position: absolute;
  top: -11.7vw;
  left: 0;
  right: 0;
  z-index: 5;
  filter: drop-shadow(0.3vw 0.3vw 0.4vw rgba(0,0,0,0.1));
}
.sec02 .rank_area li .rank img { width: 100%;}
.sec02 .rank_area li .rank_img {
  background: #fff;
  border-radius: 0.5vw;
  padding: 1.3vw;
  filter: drop-shadow(0.5vw 0.5vw 0.8vw rgba(0,0,0,0.1));
}
.sec02 .rank_area li .rank_img img { width: 26.1vw;}

.sec02-1 .hayawari_coupon {
  padding: 7vw 3vw 0 3vw;
  margin: auto;
  width: 94vw;
  
}

.sec03 .inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 98vw;
  margin: 0 auto;
  padding-top: 6.3vw;
}
.sec03 .inner p { margin-right: 2.4vw;}
.sec03 .inner p:nth-child(-n+3) { margin-bottom: 5.1vw;}
/*
.sec03 .inner p:nth-child(3),
.sec03 .inner p:last-child { margin-right: 0;}*/
.sec03 .inner p img { width: 21vw;}

.sec04 .event_space{
    margin-bottom:7vw;
    padding-bottom: 5vw;
  }
.sec04 .inner {
  width: 94.7vw;
  margin: 0 auto;
}
.sec04 .inner > div { padding-bottom: 3.3vw;}
.sec04 h2 {
  font-size: 9.3vw;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.3vw;
  padding: 5.5vw 0 0;
}
.sec04 .event_title {
  padding: 10vw 0 5vw 0;
}
#event {
  background:rgba(255, 255, 255, 0.55);
  padding: 2vw 2vw 5vw 2vw;
}
.sec04 .event_text {
  text-align: center;
  line-height: 4.5vw;
  margin: 3vw 0 4vw 0;
}
.sec04 .event_gift {
    margin-bottom: 7vw;
  }
.sec04 .event_gift .box::before,
.sec04 .event_gift .box::after{
  content: none;
}
.sec04 .event_gift .box {
    margin: auto;
    border-left: 0px;
    border-right: 0px;
    background: #fff;
    box-shadow: 4px 4px 6px rgba(117, 17, 17, 0.1);
    width: 85vw;
  }
  .sec04 .event_gift .box .top{
    width: 85vw;
  }
  
.sec04 .event_gift .box .top .img{
    width: 100%;
  }
.sec04 .event_gift .box .top .img img{
    width: 80%;
    margin: auto;
  }
  .sec04 .event_gift .box .top .text_area{
    width: 100%;
  }
.sec04 .event_gift .box .top .text_area .event_p {
  width: 80vw;
  margin: auto;
}
.sec04 .event_gift .box .top .text_area .event_p .text{
  margin: 2vw 2.5vw 0 2.5vw;
}
.sec04 .gift_contents{
  background:rgba(255, 255, 255, 0.55);
  padding: 2vw;
}

  
.sec04 .box {
  margin-top: 4vw;
  border-left: 1px solid #b48f42;
  border-right: 1px solid #b48f42;
  background: #fff;
  box-shadow: 0.5vw 0.5vw 0.8vw rgba(0,0,0,0.1);
}
.sec04 .box:first-child { margin-top: 0;}
.sec04 .box::before,
.sec04 .box::after{
  content: "";
  display: block;
  height: 1px;
  background: -webkit-linear-gradient(left, rgba(180,143,66,1) 0%, rgba(236,204,128,1) 25%, rgba(255,233,206,1) 50%, rgba(236,204,128,1) 75%, rgba(180,143,66,1) 100%);
  background: -o-linear-gradient(left, rgba(180,143,66,1) 0%, rgba(236,204,128,1) 25%, rgba(255,233,206,1) 50%, rgba(236,204,128,1) 75%, rgba(180,143,66,1) 100%);
  background: linear-gradient(to right, rgba(180,143,66,1) 0%, rgba(236,204,128,1) 25%, rgba(255,233,206,1) 50%, rgba(236,204,128,1) 75%, rgba(180,143,66,1) 100%);
}

.sec04 .box .top {
  width: 86.7vw;
  margin: 0 auto;
  padding: 4vw 0;
}
.sec04 .box .top .img { width: 86.7vw;}
.sec04 .box .top .img img { width: 100%;}
.sec04 .box .top .text_area { width: 86.7vw;}
.sec04 .box .top .text_area h3 {
  font-size: 5.1vw;
  line-height: 1.1;
  padding-bottom: 2vw;
  margin: 4vw 0 2.7vw;
  border-bottom: 1px solid #333;
}
.sec04 .box .top .text_area .text {
  text-align: justify;
  line-height: 1.42;
  margin-bottom: 3.3vw;
}
.sec04 .box .top .text_area .sale_text {
  font-size: 4.3vw;
  text-align: center;
  font-weight: bold;
  margin: 2vw 0 1.3vw;
}
.sec04 .box .top .text_area .price_area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 2.7vw;
}
.sec04 .box .top .text_area .price_area li.free {
  color: #eb6101;
  font-size: 3.7vw;
  line-height: 6.7vw;
  text-align: center;
  border: solid 1px #eb6101;
  width: 20vw;
  height: 6.7vw;
}
.sec04 .box .top .text_area .price_area li:last-child {
  color: #eb6101;
  font-size: 10.7vw;
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  text-align: right;
  font-weight: bold;
  width: auto;
  margin-left: 3vw;
}
.sec04 .box .top .text_area .price_area li:last-child .en {
  color: #eb6101;
  font-size: 8vw;
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  vertical-align: 0.7vw;
}
.sec04 .box .top .text_area .price_area li:last-child .tax {
  color: #eb6101;
  font-size: 3.2vw;
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  vertical-align: 0.8vw;
}
.sec04 .box .top .text_area .more a {
  display: block;
  color: #fff;
  font-size: 4.8vw;
  font-weight: bold;
  text-align: center;
  line-height: 12vw;
  background: url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/sp_bg_btn01.png")no-repeat center/100%;
  width: 74.7vw;
  margin: 0 auto;
}

.sec04 .box .relation {
  padding: 1.3vw 0;
  background: #f5f1e9;
}
.sec04 .box .relation .block {
  width: 86.7vw;
  margin: 0 auto;
  padding: 4vw 0;
  border-top: solid 1px #a8a39b;
  box-sizing: border-box;
}
.sec04 .box .relation .block:first-child { border-top: none;}
.sec04 .box .relation .block .tit {
  font-size: 4.3vw;
  font-weight: bold;
  margin-bottom: 1.3vw;
}
.sec04 .box .relation .block .sale_text {
  font-size: 4.3vw;
  font-weight: bold;
  text-align: center;
  margin: 2vw 0 1.3vw;
}
.sec04 .box .relation .block .tit span {
  color: #eb6101;
  font-size: 4.3vw;
  font-weight: bold;
}

.sec04 .box .relation .block .price_area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2vw;
}
.sec04 .box .relation .block .price_area li.free {
  color: #eb6101;
  font-size: 3.7vw;
  line-height: 6.7vw;
  text-align: center;
  border: solid 1px #eb6101;
  width: 20vw;
  height: 6.7vw;
  margin-right: 2.7vw;
  box-sizing: border-box;
}
.sec04 .box .relation .block .price_area li:last-child {
  color: #eb6101;
  font-size: 9.3vw;
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-weight: bold;
}
.sec04 .box .relation .block .price_area li:last-child .en {
  color: #eb6101;
  font-size: 6.7vw;
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  vertical-align: 0.7vw;
}
.sec04 .box .relation .block .price_area li:last-child .tax {
  color: #eb6101;
  font-size: 3.2vw;
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  vertical-align: 0.8vw;
}
.sec04 .box .relation .block .more a {
  display: block;
  color: #fff;
  font-size: 4.8vw;
  font-weight: bold;
  text-align: center;
  line-height: 12vw;
  background: url("https://shopping.jreast.co.jp/html/upload/user_data/shop/S441/special-feature-fathersday/img/sp_bg_btn01.png")no-repeat center/100%;
  width: 74.7vw;
  margin: 0 auto;
}
.footer_logo{
  text-align: center;
  margin-top: 1vw;
}
.footer_logo img{
  width: 80%;
}
