body {font-family:Helvetica, Arial, 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Yu Gothic' , "メイリオ", "Meiryo", "Avenir Next", "Avenir", sans-serif; font-size: 14px; letter-spacing:0.05em; -webkit-font-smoothing: antialiased;}
h1 {font-weight:700;}
h2, h3, h4, h5, h6 {font-weight:900;}
header {z-index:100;position:fixed; top:0; width:100%;}
header img {height: 32px; margin-left: 24px; margin-top: 16px;}
.mail_link {line-height:1; position:fixed; top:27px; right:24px; color:#000; text-decoration: none; transition: all 0.35s ease;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.mail_link:hover {color:#000; opacity:0.5;}
.uk-slideshow-items {min-height:inherit!important;}
section {padding:32px 16px 144px;}
p {color:#000000;margin:40px 0;line-height:2.3;}
.text_center {text-align:center}
section.detail p {text-align:center;}
a:hover {text-decoration: none;}
table tbody {max-width:100%;width: fit-content;margin: 0 auto; display: block;}
footer {background-color: #fff!important;letter-spacing: 0.05em;}
footer .logo img{height:32px; display:block; float:left;}
footer li {float:right;}
footer a {font-size:14px;text-align:right; line-height:2; color:#000000!important;}
footer p {font-size:12px;line-height:1.75;text-align: left;margin:24px 0 64px!important;}
.product_logo {height:56px; max-width: 80%; top: 50%; position: relative; margin: 0 auto; margin-top: -28px; display: block;}
.logo_mark {height:640px;}
.vertical_logo {width: 120px; margin: 80px auto 48px; display: block;}
.holi_logo {height:56px; max-width: 90%; margin: 120px auto 0; display: block;}
.button {font-size: 12px;font-weight: 100;display: inline-block;width: auto;height: 38px;text-align: center;text-decoration: none;line-height: 36px;outline: none;margin: 0 auto; text-align: center; display: block; width: fit-content;}
.button::before, .button::after {position: absolute;z-index: -1;display: block;content: '';}
.button, .button::before, .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.button {margin-top: 8px; max-width:130px;letter-spacing: .1em;position: relative;z-index: 2;background-color: transparent;border: 1px solid #212529;color: #212529;line-height: 36px;padding: 0 16px;}
.button:hover {background-color: #212529;border-color: transparent;color: #ffffff;}
.button::before, .button::after {left: 0;width: 100%;height: 50%;background-color: transparent;}
.button::before {top: 0;}
.button::after {bottom: 0;}
.button:hover::before, .button:hover::after {height: 0;background-color:#ffffff;}
.button svg {margin-left: 8px;}
.uk-table {margin:0 auto; display:inline-flex;}
.uk-table td {vertical-align:middle;line-height:3;font-size:12px;}
.sp {display:none;}
.vertical_text p {margin:0; line-height:2.6;}
.title {font-weight:600; font-size:16px;margin-bottom:0; margin-left:24px;}
.center-parts {top: 50%; position: relative; margin-top: -28px;margin-bottom:inherit!important;}
.main_cover {background-image: url('../img/red_shiso_bg.jpg');}
.second_cover {background-image: url('../img/shiso_03.jpg');}
.last_cover {background-image: url('../img/shiso_04.jpg'); height:800px;}
@media (min-width: 960px) {
.uk-section {padding-top: 8px; padding-bottom: 8px!important;}
.vertical_text { -webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;-webkit-column-count: 1;-moz-column-count: 1;-ms-column-count: 1;
  column-count: 1;-webkit-column-gap: 0;-moz-column-gap: 0;-ms-column-gap: 0;
  column-gap: 0;
  display: inline-block;
  height: 460px;
  text-align: left!important;
  font-size: 18px;
  font-family: serif;
  line-height:3;}
.text_orientation {-webkit-text-orientation: upright; -moz-text-orientation: upright; -ms-text-orientation: upright; text-orientation: upright;}
}
@media (min-width: 1200px) {
}
@media (max-width: 699px) {
.sp {display:initial;}
.main_cover {background-image: url('../img/red_shiso_bg_ver.jpg');}
.second_cover {background-image: url('../img/shiso_03_ver.jpg');}
.last_cover {background-image: url('../img/shiso_04_ver.jpg'); height:800px;}
.bg_right {background-position: right;}
.bg_left {background-position: left;}
footer {padding-top: 16px!important;}
footer p {padding:0 32px;}
}
@media (max-width: 399px) {
footer p {padding:0 16px;}
}