@charset "UTF-8";
.only-pc { display: block; }
@media screen and (max-width: 640px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 640px) { .only-sp { display: block; } }

.mab30 { margin-bottom: 30px !important; }

#summer2022 { font-size: 1.8rem; line-height: 1.6; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#summer2022 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }
#summer2022 a { text-decoration: underline; }

#head_title { margin: 0 auto 45px !important; }
@media screen and (max-width: 640px) { #head_title { width: 96%; } }

.top-sec { margin-bottom: 40px; }
.top-sec p { width: 81.0546875%; margin: 0 auto; text-align: center; line-height: 1.8; }
@media screen and (max-width: 640px) { .top-sec p { width: 100%; } }

.lnav-sec { margin-bottom: 50px; }
.lnav-sec ul { display: flex; justify-content: center; }
.lnav-sec ul li:nth-child(2) { margin: 0 35px; }
@media screen and (max-width: 640px) { .lnav-sec ul li:nth-child(2) { margin: 0 10px; } }

.caution-sec { margin-bottom: 50px; }
.caution-sec .caution-t { padding-top: 35px; background: url("../img/feature/summer2022/caution_bg001.png") no-repeat left top; }
@media screen and (max-width: 640px) { .caution-sec .caution-t { padding-top: 3%; background-size: contain; } }
.caution-sec .caution-m { background: url("../img/feature/summer2022/caution_bg002.png") repeat-y; }
@media screen and (max-width: 640px) { .caution-sec .caution-m { background-size: contain; } }
.caution-sec .caution-b { padding-bottom: 35px; background: url("../img/feature/summer2022/caution_bg001.png") no-repeat left bottom; }
@media screen and (max-width: 640px) { .caution-sec .caution-b { padding-bottom: 3%; background-size: contain; } }
.caution-sec .caution-in { width: 74.21875%; margin: 0 auto; padding: 35px 0 80px; }
@media screen and (max-width: 640px) { .caution-sec .caution-in { width: 100%; padding: 40px; } }
.caution-sec .caution-heading { margin-bottom: 30px; text-align: center; }
.caution-sec .caution-box { display: flex; align-items: center; margin-bottom: 30px; }
@media screen and (max-width: 640px) { .caution-sec .caution-box { display: block; } }
@media screen and (max-width: 640px) { .caution-sec .caution-box p:first-child { text-align: center; } }
.caution-sec .caution-box p:last-child { margin-left: 40px; }
@media screen and (max-width: 640px) { .caution-sec .caution-box p:last-child { margin-left: 0; margin-top: 20px; } }
.caution-sec ol { padding: 0 15px; background: url("../img/feature/summer2022/caution_ph002.png") no-repeat right top 115px; }
@media screen and (max-width: 640px) { .caution-sec ol { padding: 0; background: none; } }
.caution-sec ol li { margin-bottom: 20px; }
.caution-sec ol li:last-child { margin-bottom: 0; }
.caution-sec ol li dl { display: flex; align-items: flex-start; }
.caution-sec ol li dl dt { width: 33px; margin-right: 15px; }
@media screen and (max-width: 640px) { .caution-sec ol li dl dt { margin-right: 10px; } }
.caution-sec ol li dl dd { flex: 1; padding-top: 5px; }
@media screen and (max-width: 640px) { .caution-sec ol li dl dd { padding: 0 !important; } }
.caution-sec p { margin-top: 2em; text-align: center; }
@media screen and (max-width: 640px) { .caution-sec p { margin-top: 0; } }

.cmn-item { position: relative; }
.cmn-item .cmn-r { display: flex; justify-content: flex-end; }
@media screen and (max-width: 640px) { .cmn-item .cmn-r { display: block; } }
.cmn-item .cmn-box { position: relative; z-index: 1; }
@media screen and (max-width: 640px) { .cmn-item .cmn-box { width: 100% !important; } }
.cmn-item .cmn-box .cmn-txt { font-size: 1.6rem; line-height: 1.8; }
.cmn-item .cmn-box .info-box .info-heading { margin-bottom: 15px; text-align: center; }
.cmn-item .cmn-box .info-box .info-box-in { padding: 0 25px; }
.cmn-item .cmn-box .info-box table { width: 100%; }
.cmn-item .cmn-box .info-box table th { width: 143px; padding: 7px 0; font-size: 1.4rem; color: #fff; text-align: center; font-weight: bold; vertical-align: top; }
@media screen and (max-width: 640px) { .cmn-item .cmn-box .info-box table th { display: block; width: 100%; padding: 10px 0; } }
.cmn-item .cmn-box .info-box table th div { padding: 5px; }
.cmn-item .cmn-box .info-box table td { padding: 10px 25px; font-size: 1.6rem; }
@media screen and (max-width: 640px) { .cmn-item .cmn-box .info-box table td { display: block; padding: 10px 0; } }
.cmn-item .cmn-box .info-box p.note { font-size: 1.6rem; margin-top: 1em; }
.cmn-item .cmn-fig { z-index: 0; position: absolute; font-size: 1.6rem; }
@media screen and (max-width: 640px) { .cmn-item .cmn-fig { position: static; margin-bottom: 20px; } }

.recommend-sec { background: url("../img/feature/summer2022/recommend_bg001.png") no-repeat right top 205px; background-size: contain; }
.recommend-sec .reco-top { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .recommend-sec .reco-top { align-items: center; margin-bottom: 20px; } }
.recommend-sec .reco-top .top-heading { margin-right: 35px; }
@media screen and (max-width: 640px) { .recommend-sec .reco-top .top-heading { margin-right: 10px; } }
.recommend-sec .reco-item .cmn-box { width: 64.453125%; }
.recommend-sec .reco-item .info-box { padding-top: 35px; background: url("../img/feature/summer2022/box_bg001.png") no-repeat left top; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item .info-box { padding-top: 5%; background-size: contain; } }
.recommend-sec .reco-item .info-box-m { background: url("../img/feature/summer2022/box_bg002.png") repeat-y; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item .info-box-m { background-size: contain; } }
.recommend-sec .reco-item .info-box-b { padding-bottom: 35px; background: url("../img/feature/summer2022/box_bg003.png") no-repeat left bottom; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item .info-box-b { padding-bottom: 5%; background-size: contain; } }
.recommend-sec .reco-item table { margin-bottom: 30px; }
.recommend-sec .reco-item table th div { background: url("../img/feature/summer2022/txt_bg001.png") no-repeat center top; }
.recommend-sec .reco-item table td a { color: #1c8894; }
.recommend-sec .reco-item .info-btn { width: 300px; margin: 0 auto; background: url("../img/feature/summer2022/box_bt001.png") no-repeat center top; }
.recommend-sec .reco-item .info-btn a { display: block; text-decoration: none !important; padding: 15px; color: #1c8894; font-size: 1.6rem; text-align: center; font-weight: bold; }
.recommend-sec .reco-item-01 { margin-top: -280px; margin-bottom: 180px; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item-01 { margin-top: 0; margin-bottom: 60px; } }
.recommend-sec .reco-item-01 .cmn-heading { margin-left: 20px; margin-bottom: 30px; }
.recommend-sec .reco-item-01 .cmn-txt { margin-bottom: 50px; color: #fff; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item-01 .cmn-txt { margin-bottom: 30px; color: #000; } }
.recommend-sec .reco-item-01 .cmn-fig { bottom: -85px; right: 0; }
.recommend-sec .reco-item-02 { margin-bottom: 95px; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item-02 { margin-bottom: 60px; } }
.recommend-sec .reco-item-02 .cmn-heading { margin-left: 140px; margin-bottom: 50px; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item-02 .cmn-heading { margin-left: 0; margin-bottom: 30px; } }
.recommend-sec .reco-item-02 .cmn-txt { margin-left: 140px; margin-bottom: 50px; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item-02 .cmn-txt { margin-left: 0; margin-bottom: 30px; } }
.recommend-sec .reco-item-02 .cmn-fig { top: 0; left: 0; }
@media screen and (max-width: 640px) { .recommend-sec .reco-item-02 .cmn-fig { text-align: center; } }

.bbq-sec { background: url("../img/feature/summer2022/bbq_bg001.png") no-repeat left top 460px; background-size: contain; }
.bbq-sec .bbq-top { display: flex; justify-content: space-between; margin-bottom: 80px; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-top { margin-bottom: 60px; } }
.bbq-sec .bbq-top .top-heading { margin-top: 10px; margin-left: 50px; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-top .top-heading { width: 25%; margin-top: 0; margin-left: 15px; } }
.bbq-sec .bbq-top dl { width: 69.23828125%; }
.bbq-sec .bbq-top dl dt { margin-bottom: 30px; }
.bbq-sec .bbq-top dl dd { padding-top: 8px; background: url("../img/feature/summer2022/yoko_bg001.png") no-repeat center top; line-height: 3.4; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-top dl dd { background: none; line-height: 1.6; } }
.bbq-sec .bbq-item .cmn-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item .cmn-box { display: block; } }
.bbq-sec .bbq-item .cmn-box.reverse { flex-direction: row-reverse; }
.bbq-sec .bbq-item .cmn-box-item { width: 39.55078125%; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item .cmn-box-item { width: 100%; margin-bottom: 40px; } }
.bbq-sec .bbq-item .info-box { width: 54.6875%; padding-top: 35px; background: url("../img/feature/summer2022/box_bg004.png") no-repeat left top; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item .info-box { width: 100%; padding-top: 5%; background-size: contain; } }
.bbq-sec .bbq-item .info-box-m { background: url("../img/feature/summer2022/box_bg005.png") repeat-y; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item .info-box-m { background-size: contain; } }
.bbq-sec .bbq-item .info-box-b { padding-bottom: 35px; background: url("../img/feature/summer2022/box_bg006.png") no-repeat left bottom; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item .info-box-b { padding-bottom: 5%; background-size: contain; } }
.bbq-sec .bbq-item table th div { background: url("../img/feature/summer2022/txt_bg002.png") no-repeat center top; }
.bbq-sec .bbq-item table td a { color: #368fe8; }
.bbq-sec .bbq-item-01 { margin-bottom: 160px; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item-01 { margin-bottom: 60px; } }
.bbq-sec .bbq-item-01 .cmn-heading { margin-bottom: 50px; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item-01 .cmn-heading { margin-bottom: 30px; } }
.bbq-sec .bbq-item-01 .cmn-fig { bottom: -45px; right: 0; }
.bbq-sec .bbq-item-01 .bbp-note { margin-top: 1em; background-color: #ffffff9e; padding: 10px; border: 2px solid #e243df; }
.bbq-sec .bbq-item-02 { margin-bottom: 180px; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item-02 { margin-bottom: 60px; } }
.bbq-sec .bbq-item-02 .cmn-heading { margin-bottom: 95px; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item-02 .cmn-heading { margin-bottom: 30px; } }
.bbq-sec .bbq-item-02 .cmn-fig { left: 0; bottom: -230px; }
.bbq-sec .bbq-item-03 { margin-bottom: 180px; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item-03 { margin-bottom: 30px; } }
.bbq-sec .bbq-item-03 .cmn-heading { margin-top: 20px; margin-bottom: 50px; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item-03 .cmn-heading { margin-top: 0; margin-bottom: 30px; } }
.bbq-sec .bbq-item-03 .cmn-fig { right: 0; bottom: -145px; }
.bbq-sec .bbq-item-03 .cmn-txt { margin-bottom: 1em; }
.bbq-sec .bbq-item-03 .bbq-menu { background: url("../img/feature/summer2022/bbq03_bg001.png") no-repeat 90% center; }
@media screen and (max-width: 640px) { .bbq-sec .bbq-item-03 .bbq-menu { background-size: 35%; background-position: 90% 90%; } }
.bbq-sec .intro-box { width: auto; margin: 0 auto 150px; padding: 35px 25px; border: 2px solid #3384e6; background-color: #fff; display: flex; justify-content: space-between; font-size: 1.6rem; line-height: 1.8; }
@media screen and (max-width: 640px) { .bbq-sec .intro-box { display: block; padding: 5% 25px; margin: 0 auto 60px; } }
.bbq-sec .intro-box img.intro-img { margin-right: 2em; }
@media screen and (max-width: 640px) { .bbq-sec .intro-box img.intro-img { margin: 0 0 1.5em; } }
.bbq-sec .intro-box h4 { margin-bottom: 20px; }

.fig { margin-bottom: 25px; text-align: right; }

.cmn-bg { background: url("../img/feature/summer2022/soto_bg001.png") no-repeat right top; background-size: contain; }

.soto-sec { padding-bottom: 150px; }
@media screen and (max-width: 640px) { .soto-sec { padding-bottom: 60px; } }
.soto-sec .soto-top .top-heading { margin-bottom: 30px; }
.soto-sec .soto-top .note { margin-bottom: 30px; }
.soto-sec .soto-top .soto-box { display: flex; justify-content: space-between; margin-bottom: 100px; }
@media screen and (max-width: 640px) { .soto-sec .soto-top .soto-box { display: block; margin-bottom: 60px; } }
.soto-sec .soto-top .soto-box p { width: 48.828125%; }
@media screen and (max-width: 640px) { .soto-sec .soto-top .soto-box p { width: 100%; margin-bottom: 20px; } }
.soto-sec .soto-top .soto-box div { width: 46.484375%; padding-top: 7px; background: url("../img/feature/summer2022/yoko_bg002.png") no-repeat center top; line-height: 3.4; }
@media screen and (max-width: 640px) { .soto-sec .soto-top .soto-box div { width: 100%; padding-top: 0; background: none; line-height: 1.6; } }
.soto-sec .soto-item .cmn-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .soto-sec .soto-item .cmn-box { display: block; } }
.soto-sec .soto-item .cmn-box-item { width: 35.15625%; margin-top: -100px; }
@media screen and (max-width: 640px) { .soto-sec .soto-item .cmn-box-item { width: 100%; margin: 0; } }
.soto-sec .soto-item .info-box { width: 54.6875%; padding-top: 25px; background: url("../img/feature/summer2022/box_bg007.png") no-repeat left top; }
@media screen and (max-width: 640px) { .soto-sec .soto-item .info-box { width: 100%; padding-top: 4%; background-size: contain; } }
.soto-sec .soto-item .info-box-m { background: url("../img/feature/summer2022/box_bg008.png") repeat-y; }
@media screen and (max-width: 640px) { .soto-sec .soto-item .info-box-m { background-size: contain; } }
.soto-sec .soto-item .info-box-b { padding-bottom: 25px; background: url("../img/feature/summer2022/box_bg009.png") no-repeat left bottom; }
@media screen and (max-width: 640px) { .soto-sec .soto-item .info-box-b { padding-bottom: 5%; background-size: contain; } }
.soto-sec .soto-item table { margin-bottom: 30px; }
.soto-sec .soto-item table th div { background: url("../img/feature/summer2022/txt_bg003.png") no-repeat center top; }
.soto-sec .soto-item table td a { color: #56bbf1; }
.soto-sec .soto-item-01 { margin-bottom: 140px; }
@media screen and (max-width: 640px) { .soto-sec .soto-item-01 { margin-bottom: 60px; } }
.soto-sec .soto-item-01 .cmn-fig { left: 0; top: -50px; }
.soto-sec .soto-item-02 .info-box { width: 100%; background: #fff !important; border: solid 2px #4cb3dd; padding: 25px; }
@media screen and (max-width: 640px) { .soto-sec .soto-item-02 .info-box { padding: 5% 25px; } }
.soto-sec .soto-item-02 .info-box ul { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .soto-sec .soto-item-02 .info-box ul { display: block; } }
@media screen and (max-width: 640px) { .soto-sec .soto-item-02 .info-box li:first-child { margin-bottom: 2em; } }
@media screen and (max-width: 640px) { .soto-sec .soto-item-02 table { margin-bottom: 0; } }

.new-sec { padding-bottom: 80px; }
@media screen and (max-width: 640px) { .new-sec { padding-bottom: 60px; } }
.new-sec .new-heading { margin-bottom: 40px; text-align: right; }
@media screen and (max-width: 640px) { .new-sec .new-heading { text-align: center; } }
.new-sec .new-box { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 640px) { .new-sec .new-box { display: block; } }
.new-sec .new-box .new-fig { width: 43.1640625%; }
@media screen and (max-width: 640px) { .new-sec .new-box .new-fig { width: 100%; margin-bottom: 20px; } }
.new-sec .new-box .new-txt { width: 53.7109375%; padding-top: 8px; background: url("../img/feature/summer2022/yoko_bg003.png") no-repeat center top; line-height: 3.4; }
@media screen and (max-width: 640px) { .new-sec .new-box .new-txt { width: 100%; padding-top: 0; background: none; line-height: 1.6; } }

.point-sec { padding-bottom: 22%; background: url("../img/feature/summer2022/point_bg001.png") no-repeat left top 200px; background-size: contain; }
@media screen and (max-width: 640px) { .point-sec { padding-bottom: 60px; background: none; } }
.point-sec .point-t { padding-top: 79px; background: url("../img/feature/summer2022/box_bg010.png") no-repeat left top; }
@media screen and (max-width: 640px) { .point-sec .point-t { padding-top: 7%; background-size: contain; } }
.point-sec .point-m { background: url("../img/feature/summer2022/box_bg011.png") repeat-y; }
@media screen and (max-width: 640px) { .point-sec .point-m { background-size: contain; } }
.point-sec .point-b { padding-bottom: 51px; background: url("../img/feature/summer2022/box_bg012.png") no-repeat left bottom; }
@media screen and (max-width: 640px) { .point-sec .point-b { background-size: contain; } }
.point-sec ul { margin-bottom: 50px; padding: 0 55px; background: url("../img/feature/summer2022/point_ph001.png") no-repeat right 50px bottom 110px; }
@media screen and (max-width: 640px) { .point-sec ul { padding: 0 20px; background: none; } }
.point-sec ul li { display: flex; align-items: flex-start; margin-bottom: 30px; }
.point-sec ul li:last-child { margin-bottom: 0; }
.point-sec ul li p { width: 72px; margin-right: 20px; }
.point-sec ul li dl { flex: 1; margin-top: 5px; }
.point-sec ul li dl dt { margin-bottom: 20px; color: #e26467; }
.point-sec ul li dl dd { font-size: 1.6rem; }
.point-sec .point-fig { margin-bottom: 40px; padding: 0 20px; text-align: center; }
.point-sec .point-box { display: flex; align-items: center; padding: 0 40px; }
@media screen and (max-width: 640px) { .point-sec .point-box { padding: 0 20px; } }
.point-sec .point-box .point-box-txt { margin-left: 40px; }
@media screen and (max-width: 640px) { .point-sec .point-box .point-box-txt { margin-left: 20px; } }

/*# sourceMappingURL=feature_summer2022.css.map */