#contents { margin: 0; overflow: hidden; }

@media (min-width: 960px) { #contents { width: 100%; } }

#shiokoji_top { overflow: hidden; font-family: "Noto Serif JP", serif; }

#shiokoji_top div, #shiokoji_top h1, #shiokoji_top h2, #shiokoji_top h3, #shiokoji_top p, #shiokoji_top a, #shiokoji_top span { -webkit-box-sizing: border-box; box-sizing: border-box; }

#shiokoji_top img { vertical-align: bottom; }

#shiokoji_top a { text-decoration: none; -webkit-transition: .5s; transition: .5s; }

#shiokoji_top a:hover { color: inherit; -webkit-transition: .5s; transition: .5s; opacity: .7; }

#shiokoji_top a:hover p { -webkit-transition: .5s; transition: .5s; opacity: .7; }

#shiokoji_top .inner { margin: 0 auto; position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#shiokoji_top .anchor { border: none; position: absolute; top: 0; }

#shiokoji_top .pc_hidden { display: none; }

#shiokoji_top .flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; }

#shiokoji_top .kv { position: relative; }

#shiokoji_top .kv .inner { padding: 73px 0; position: relative; }

#shiokoji_top .kv-logo { position: absolute; top: 31px; left: 0; }

#shiokoji_top .kv-title { text-align: center; }

#shiokoji_top .kv-lineup { margin-top: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 28px; font-weight: bold; text-align: center; }

#shiokoji_top .kv-lineup p { margin: -4px 0 0px 15px; line-height: 1.25; }

#shiokoji_top .kv-lineup small { margin: 6px 0 0 -2px; display: block; font-size: 22px; }

#shiokoji_top .kv-lineup .item-420 p { margin-left: 7px; }

#shiokoji_top .kv-lineup .item-420 small { margin-left: 0; }

#shiokoji_top .bnr_wrap { margin-top: 10px; text-align: center; }

#shiokoji_top .bnr_wrap a { display: inline-block; }

#shiokoji_top .campaign-copyrught_wrap { margin-top: 80px; padding: 20px; color: #fff; background: #a9aaaa; font-family: sans-serif; font-size: 12px; text-align: center; letter-spacing: -.04em; }

@media only screen and (max-width: 750px) { #contents { width: 100%; } #shiokoji_top { font-size: 3.7333333333vw; } #shiokoji_top img { width: 100%; height: auto; vertical-align: bottom; } #shiokoji_top .inner { margin: 0 auto; padding: 0 5.3333333333%; position: relative; width: 100%; } #shiokoji_top .pc_hidden { display: block; } #shiokoji_top .sp_hidden { display: none !important; } #shiokoji_top .kv .inner { padding: 14% 5.3333333333% 0; } #shiokoji_top .kv-logo { top: 1.1071428571em; left: 1.4285714286em; width: 6.5357142857em; } #shiokoji_top .kv-lineup { margin-top: 2.9850746269%; font-size: 3.2vw; } #shiokoji_top .kv-lineup p { margin: -0.125em 0 0px 0.1666666667em; } #shiokoji_top .kv-lineup small { margin: 0.0416666667em 0 0 -0.1666666667em; font-size: 3.2vw; } #shiokoji_top .kv-lineup small.unit-ml { margin-top: 0.1666666667em; } #shiokoji_top .kv-lineup .item-420 p { margin-left: 0; } #shiokoji_top .kv-lineup .item-420 small { margin-left: 0; } #shiokoji_top .bnr_wrap { margin-top: 13.2%; text-align: center; } #shiokoji_top .bnr_wrap a { display: inline-block; } #shiokoji_top .campaign-copyrught_wrap { margin-top: 4.55em; padding: 1.1em 1em 1.4em; font-size: 2.6666666667vw; } }