@charset "UTF-8";
/*  リセット
-------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, audio, video { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; list-style: none; font-weight: normal; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

a { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

hr { border: none; }

/*  PC
-------------------------------------------------- */
body { min-width: 1200px; }

.inner { margin: 0 auto; width: 930px; }

h2, h3, p { line-height: 0; }

main { overflow: hidden; }

.headWrap { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 400px; background: url(/special/osechi2020/imgaes/bg-headWrap-line.png), url(/special/osechi2020/imgaes/bg-headWrap-red.png); background-repeat: no-repeat,no-repeat; background-size: auto,cover; background-position: center center,center center; box-shadow: 0px 6px 3px rgba(0, 0, 0, 0.3); }

.headWrap h1 { line-height: 0; margin-top: -40px; }

.traditionWrap { padding-top: 125px; position: relative; background: -webkit-linear-gradient(bottom right, #86b4a2, #d4e9e1); background: linear-gradient(to top left, #86b4a2, #d4e9e1); overflow: hidden; }

.traditionWrap h2, .traditionWrap p { position: relative; z-index: 2; text-align: right; }

.traditionWrap h2 { margin-bottom: 40px; }

.traditionWrap .imgWrap { position: relative; height: 1105px; }

.traditionWrap .imgWrap .main { position: absolute; z-index: 1; left: -250px; top: 0; }

.traditionWrap .bg-cloud { position: absolute; }

.traditionWrap .cloud1 { top: -40px; left: -160px; }

.traditionWrap .cloud2 { bottom: 415px; right: -155px; }

.traditionWrap .cloud3 { bottom: 135px; left: -85px; z-index: 2; }

.traditionWrap .cloud4 { bottom: 60px; right: -113px; }

.tasteWrap { padding: 50px 0; color: #FFF; background: #5a4945; box-shadow: 0px 6px 3px rgba(0, 0, 0, 0.1) inset, 0px -6px 3px rgba(0, 0, 0, 0.1) inset; }

.tasteWrap h2, .tasteWrap p { text-align: center; }

.tasteWrap h2 { margin-bottom: 30px; }

.tasteWrap .tasteList { margin-top: 40px; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.tasteWrap .tasteList li:not(:last-child) { margin-right: 7px; }

.tasteWrap .tasteList li .photo { margin-bottom: 20px; }

.tasteWrap .tasteList li h3 { margin-bottom: 20px; text-align: center; }

.infoWrap { padding: 50px 0 60px; color: #8c807f; background: #e5d5d6; }

.infoWrap .headArea { margin-bottom: 60px; }

.infoWrap .headArea p { margin-top: 20px; }

.infoWrap .headTextWrap { margin-top: 20px; width: 920px; overflow: hidden; }

.infoWrap .headTextWrap img { float: right; }

.infoWrap .headTextWrap img:first-child { float: left; }

.infoWrap .itemList { display: -webkit-box; display: -ms-flexbox; display: flex; }

.infoWrap .itemList > li h3 { margin-bottom: 15px; }

.infoWrap .itemList > li li { list-style-type: decimal; list-style-position: inside; font-size: 12px; }

.infoWrap .itemList > li:nth-child(1) { width: 403px; margin-right: 10px; }

.infoWrap .itemList > li:nth-child(2) { width: 308px; margin-right: 10px; }

.infoWrap .itemList > li div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.infoWrap .annotation { margin-top: 20px; font-size: 12px; line-height: 1.3; }

.infoWrap .bnr { margin-top: 45px; }

.contactWrap { padding: 45px 0 40px; position: relative; background: url(/special/osechi2020/imgaes/bg-contact.png) no-repeat center center; background-size: cover; }

.contactWrap h2 { margin-bottom: 30px; text-align: center; }

.contactWrap ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.contactWrap li { padding: 40px 60px; background: #ebe5db; text-align: center; }

.contactWrap li:not(:last-child) { margin-right: 10px; }

.contactWrap li p { margin-top: 20px; }

.contactWrap li .btn { margin-top: 20px; display: block; }

.contactWrap li .btn img { -webkit-transition: .3s; transition: .3s; }

.contactWrap li .btn img:hover { opacity: .7; }

.contactWrap:before, .contactWrap:after { display: block; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); line-height: 0; }

.contactWrap:before { top: 0; content: url(/special/osechi2020/imgaes/bg-shadow-top.png); }

.contactWrap:after { bottom: 0; content: url(/special/osechi2020/imgaes/bg-shadow-bottom.png); }

footer .siteTop { padding: 40px 0; background: #FFF; }

footer .siteTop .inner { text-align: center; }

footer .siteTop .btn { display: inline-block; }

footer .siteTop .btn img { -webkit-transition: .3s; transition: .3s; }

footer .siteTop .btn img:hover { opacity: .7; }

footer .copyRight { padding: 10px 0; color: #FFF; background: #3c281e; font-size: 12px; text-align: center; }

footer .copyRight p { line-height: 1; }