@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;}


.sec0 { background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/spmond_bg1.jpg") no-repeat top center/100%; height: 93vw;}
.sec01 { background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/sp_bg01.jpg") no-repeat top center/100%;}
.guide { background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/sp_bg01-2.jpg") no-repeat top center/100%; padding-bottom: 8vw;}
.sec03 { background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/sp_bg02.jpg") no-repeat top center/100%; height: 122.4vw;}
.sec02 { background: #fff; padding-bottom: 5vw;}
/*
.sec04 {
  background:
    url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/sp_bg_deco.png") no-repeat center 10vw/100%,
    url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/sp_bg04.jpg") repeat-y top center/100%
}*/
.sec04 {
  background:
    url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/sp_bg04.jpg") repeat-y top center/100%
}

.sec01 .bnr_area { padding: 6.7vw 0;}

.sec03 .rank_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 92vw;
  margin: 0 auto;
  padding-top: 15.7vw;
}
.sec03 .rank_area li {
  position: relative;
  margin-right: 2.7vw;
}
.sec03 .rank_area li:nth-child(-n+3) { margin-bottom: 13.3vw;}
.sec03 .rank_area li:nth-child(3),
.sec03 .rank_area li:last-child { margin-right: 0;}
.sec03 .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));
}
.sec03 .rank_area li .rank img { width: 100%;}
.sec03 .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));
}
.sec03 .rank_area li .rank_img img { width: 26.1vw;}

.sec03-1 .hayawari_coupon {
  padding: 7vw 3vw 0 3vw;
  margin: auto;
  width: 94vw;
  
}

.sec02 .inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 98vw;
  margin: 0 auto;
  padding-top: 6.3vw;
}
.sec02 .inner p { margin-right: 2.4vw;}
.sec02 .inner p:nth-child(-n+3) { margin-bottom: 5.1vw;}
/*
.sec02 .inner p:nth-child(3),
.sec02 .inner p:last-child { margin-right: 0;}*/
.sec02 .inner p img { width: 16vw;}

.sec04 .inner {
  margin: 0 auto;
  width: 98vw;
}

.sec04 .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sec04 h2 {
  font-size: 10vw;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.3vw;
  padding: 10vw 0 4vw;
  width: 100%;
}

.sec04 .box {
  border: 1px solid #b48f42;
  background: #fff;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  width: 42vw;
  padding: 1.8vw;
  border-radius: 7px;
  margin: 2vw 1vw;
  display: flex;
  flex-direction: column;
}

.sec04 .box:last-child {
  margin-right: auto;
}

.sec04 .box .top img {
  width: 100%;
}

.sec04 .box .top img:hover {
  opacity: 0.7;
}

.sec04 .box a:hover {
  opacity: 1;
}

.sec04 .box .text_area h3 {
  font-family: "Noto Sans JP", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  margin-top: 1.2vw;
  font-size: 4vw;
}

.sec04 .box .text_area h4 {
  font-family: "Noto Sans JP", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  margin: 1vw 0 1vw 0;
  font-size: 3.5vw;
}

.sec04 .box .price_area {
  display: flex;
}

.sec04 .box .price_area {
  margin: 1.5vw 0 0.5vw 0;
}

.sec04 .box .price_area li {
  color: #d43535;
  font-family: "Noto Sans JP", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-size: 5vw;
  margin: 0.3vw;
  font-weight: bold;
}

.sec04 .box .price_area .free {
  color: #d43535;
  font-family: "Noto Sans JP", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  border: solid 1px #d43535;
  padding: 0.7vw;
  padding-bottom: 1.1vw;
  font-size: 3vw;
}

.sec04 .box .price_area li span {
  color: #d43535;
  font-family: "Noto Sans JP", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-size: 2.5vw;
  font-weight: bold;
}

.sec04 .icon_box {
  margin: auto;
}

.sec04 .icon_box ul {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5vw 0 1vw 0;
}

.sec04 .icon_box ul li {
  background-color: #d43535;
  font-family: "Noto Sans JP", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  color: #fff;
  padding: 1.2vw;
  border-radius: 3px;
  margin: 0.5vw;
  letter-spacing: 1px;
  font-size: 2.8vw;
  font-weight: bold;
}

.sec04 .more {
  margin-top: auto;
}

.sec04 .more a {
  display: block;
  color: #fff;
  font-size: 3.3vw;
  font-weight: bold;
  text-align: center;
  background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/pc_bg_btn02.png")no-repeat center/100%;
  width: 100%;
  margin: 0 auto;
  padding: 4vw 0;
}

.sec04 .more a:hover {
  opacity: 0.7;
}

#osusume{
  padding-bottom: 8vw;
}

#osusume h2 {
  font-size: 9vw;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1vw;
  padding: 10vw 0 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}

#osusume .inner .box{
  width: 42%;

}

.guide .inner h2 {
  font-size: 8vw;
  font-weight: bold;
  text-align: center;
  padding: 10vw 0 4vw;
  letter-spacing: 0.8vw;
}
.guide .pac {
  width: 95vw;
  margin: 0 auto;
  padding: 4vw 0 8vw;
  background: #fff;
  box-shadow: 10px 10px 5px rgba(43,0,0,0.2);
}

.guide .pac .box {
  width: 95vw;
  background: none;
  margin: 0 auto;
  border: none;
  box-shadow: none;
  padding: 0vw;
}

.guide .pac .box h3 {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 10vw;
  padding-left: 6vw;
  width: 86.7vw;
  margin: 0 auto 2vw;
  border-bottom: solid 1px #333;
  box-sizing: border-box;
  position: relative;
}
.guide .pac .box h3::before {
  content: "";
  display: block;
  background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u43193556/pc/special-feature-summer/css/../img/pac_icon.png")no-repeat center/100%;
  width: 4.8vw;
  height: 4.8vw;
  margin-top: -2.4vw;
  position: absolute;
  left: 0;
  top: 50%
}
.guide .pac .box .text {
  width: 86.7vw;
  margin: 0 auto;
  line-height: 1.25;
}
.guide .pac .box .kome1,
.guide .pac .box .kome2,
.guide .pac .box .kome3 {
  width: 86.7vw;
  margin: 0 auto;
}
.guide .pac .box .kome1 td,
.guide .pac .box .kome2 td,
.guide .pac .box .kome3 td {
  font-size: 3.2vw;
  line-height: 1.25;
  vertical-align: top;
  padding-bottom: 2vw;
}
.guide .pac .box.bx1 .kome1 { margin: 3.3vw auto 0;}
.guide .pac .box.bx1 .kome2 { margin: 0 auto 5.3vw;}
.guide .pac .box.bx2 .kome1 { margin-top: 2.7vw;}
.guide .pac .box.bx2 .kome3 { margin: 0 auto 4vw;}
.guide .pac .box .img {
  width: 93.3vw;
  margin: 3.3vw auto;
}