@charset "UTF-8";
@font-face { font-family: 'MyYuGothicM'; font-weight: normal; src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular"); }

@font-face { font-family: 'MyYuGothicM'; font-weight: bold; src: local("YuGothic-Bold"), local("Yu Gothic"); }

#spring-2023-top { min-width: 960px; overflow: hidden; font-family: 'メイリオ', Meiryo,'MS ゴシック',sans-serif; }

#spring-2023-top div, #spring-2023-top ul, #spring-2023-top li, #spring-2023-top div, #spring-2023-top p, #spring-2023-top dl, #spring-2023-top dt, #spring-2023-top dd, #spring-2023-top figure, #spring-2023-top figcaption { -webkit-box-sizing: border-box; box-sizing: border-box; }

#spring-2023-top img { vertical-align: bottom; }

#spring-2023-top #kv { position: relative; z-index: 2; height: 455px; background: url(../images/2023spring/kv-bgi.jpg) no-repeat center top #f7d9e7; text-align: center; }

#spring-2023-top #kv h1 { position: relative; top: 142px; right: 11px; }

#spring-2023-top .local_navi_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 5; height: 169px; background: #fff; }

#spring-2023-top #local_navi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-family: MyYuGothicM, YuGothic, sans-serif; }

#spring-2023-top #local_navi li { position: relative; z-index: 4; }

#spring-2023-top #local_navi li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; height: 100%; text-decoration: none; }

#spring-2023-top #local_navi li a img { position: relative; bottom: 97px; -webkit-transition: opacity .3s; transition: opacity .3s; }

#spring-2023-top #local_navi li a:after { display: block; position: absolute; bottom: 23px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: url(../images/2023spring/lineup-arrow.png); }

#spring-2023-top #local_navi li a:hover img { opacity: .8; }

#spring-2023-top #local_navi span { display: block; position: absolute; bottom: 60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; color: #412a1e; font-size: 16px; line-height: 1.1428571429; text-align: center; }

#spring-2023-top #local_navi .shiokouji { left: -4px; }

#spring-2023-top #local_navi .suguuma { left: 5px; }

#spring-2023-top #local_navi .suguuma span { bottom: 50px; }

#spring-2023-top #local_navi .miso_soup { right: -5px; }

#spring-2023-top #local_navi .miso_soup img { bottom: 83px; }

#spring-2023-top #local_navi .miso_soup span { bottom: 50px; }

#spring-2023-top .inner { margin: 0 auto; display: block; position: relative; width: 960px; }

#spring-2023-top .lead { font-size: 20px; }

#spring-2023-top #shiokouji_section { padding: 80px 0; background: url(../images/2023spring/shiokouji-bgi.jpg) no-repeat; background-size: cover; text-align: center; }

#spring-2023-top .shiokouji-headline { margin: 61px 0 28px; }

#spring-2023-top .shiokouji-product { position: relative; text-align: left; }

#spring-2023-top .shiokouji-product .text_area dt { margin-bottom: 5px; color: #412a1e; font-size: 32px; font-weight: bold; }

#spring-2023-top .shiokouji-product .text_area dd { color: #705455; font-size: 16px; text-align: justify; }

#spring-2023-top .shiokouji-product.-main { margin-top: 36px; padding: 10px; background: url(../images/2023spring/shiokouji-main-bgi.jpg) no-repeat; background-size: cover; }

#spring-2023-top .shiokouji-product.-main .text_area { padding: 55px 80px 56px 32px; border-radius: 5px; width: 460px; background: #fff; }

#spring-2023-top .shiokouji-product.-main .product_item { position: absolute; bottom: -42px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#spring-2023-top .shiokouji-product.-sub_list { margin-top: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#spring-2023-top .shiokouji-product.-sub_list > li { padding: 10px; position: relative; width: 470px; background: #fff; text-align: center; }

#spring-2023-top .shiokouji-product.-sub_list > li:after { border-radius: 5px; display: block; position: absolute; top: 10px; left: 10px; z-index: 0; width: calc(100% - 20px); height: calc(100% - 20px); background: #f8f8f8; content: ""; }

#spring-2023-top .shiokouji-product.-sub_list > li > img, #spring-2023-top .shiokouji-product.-sub_list > li dl { position: relative; z-index: 80; }

#spring-2023-top .shiokouji-product.-sub_list .product_item { margin: -65px auto 9px; }

#spring-2023-top .shiokouji-product.-sub_list dd { padding: 0 30px 24px; }

#spring-2023-top #suguuma_section { padding: 80px 0 95px; background: url(../images/2023spring/suguuma-pattern.png); background-position: -20px -3px; text-align: center; }

#spring-2023-top .suguuma-ttl { margin-bottom: 59px; }

#spring-2023-top .suguuma-list { margin-top: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#spring-2023-top .suguuma-list > li { position: relative; width: 470px; }

#spring-2023-top .suguuma-list > li:nth-child(n+3) { margin-top: 66px; }

#spring-2023-top .suguuma-list > li:after { border-radius: 5px; display: block; position: absolute; top: 10px; left: 10px; z-index: 0; width: calc(100% - 20px); height: calc(100% - 20px); background: #fff; content: ""; }

#spring-2023-top .suguuma-list > li > img, #spring-2023-top .suguuma-list > li dl { position: relative; z-index: 80; }

#spring-2023-top .suguuma-list > li .text_area { padding: 40px 180px 29px 40px; font-size: 16px; text-align: justify; }

#spring-2023-top .suguuma-list > li dt { margin-bottom: 13px; padding-left: 2px; color: #412a1e; font-weight: bold; text-align: left; }

#spring-2023-top .suguuma-list > li dt small { display: block; font-size: 21px; line-height: 1.2; }

#spring-2023-top .suguuma-list > li dt span { margin-top: 8px; display: block; font-size: 32px; line-height: 1; }

#spring-2023-top .suguuma-list > li dd { color: #705455; }

#spring-2023-top .suguuma-list > li .link_area { margin-top: 15px; }

#spring-2023-top .suguuma-list > li .product_item { position: absolute; right: 11px; bottom: -43px; }

#spring-2023-top .suguuma-list .-noimg .text_area { padding-right: 40px; }

#spring-2023-top .suguuma-list .agenasu { background: #b85498; }

#spring-2023-top .suguuma-list .naganegi { background: #a5c41a; }

#spring-2023-top .suguuma-list .hourensou { background: #008642; }

#spring-2023-top .suguuma-list .nori { background: #00497a; }

#spring-2023-top .suguuma-list .tororo { background: #dad9c4; }

#spring-2023-top .suguuma-list .tororo dd { letter-spacing: .02em; }

#spring-2023-top .suguuma-list .tororo .link_area { margin-top: 13px; }

#spring-2023-top .suguuma-list .tororo .product_item { bottom: -21px; }

#spring-2023-top .suguuma-list .shijimi { background: #d1a01f; }

#spring-2023-top .link_btn { border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 222px; height: 40px; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#c0020d), to(#e51921)); background: linear-gradient(to right, #c0020d, #e51921); text-decoration: none; -webkit-transition: opacity .75s; transition: opacity .75s; }

#spring-2023-top .link_btn:after { margin: auto 0; display: block; position: absolute; top: 0; right: 20px; bottom: 0; width: 10px; height: 16px; background: url(../images/2023spring/spring-btn-icon.png) no-repeat; background-size: contain; content: ''; }

#spring-2023-top .link_btn:hover { opacity: .9; }

#spring-2023-top #miso_soup_section { padding: 80px 0; background: url(../images/2023spring/miso_soup-pattern.jpg); }

#spring-2023-top #miso_soup_section .suguuma-list { margin: 0; }

#spring-2023-top #miso_soup_section .suguuma-list > li { width: 100%; }

#spring-2023-top #miso_soup_section .suguuma-list .miso_soup { background: #dad9c4; }

#spring-2023-top #miso_soup_section .suguuma-list .text_area { padding: 64px 391px 71px 40px; }

#spring-2023-top #miso_soup_section .suguuma-list .product_item { right: 23px; bottom: -62px; }