@charset "UTF-8";
  @media screen and (max-width: 767px) { #mainview { position: relative; padding-top: 161.867%; }
#mainview > .wrap { -webkit-transition: 1s linear; transition: 1s linear; opacity: 0; }
#mainview > .wrap.show { opacity: 1; } #mainview figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/sp/mainview_img.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } #mainview .article { position: absolute; left: 0; top: 27%; bottom: 0; width: 100%; }
#mainview .article h2 { height: 100%; width: 3em; min-width: 100px; line-height: 1.2em; margin: 0 auto; font-size: 30px; font-size: 8vw; color: #fff; letter-spacing: 0.1em; text-shadow: 0 0 1em #000; }
html:not([lang="ja"]) #mainview .article h2 { width: auto; text-align: center; font-size: 6vw; }
#mainview .article em { position: relative; display: inline-block; width: 100%; }
#mainview .article em i { position: absolute; left: 28%; top: -50%; } #mainview .scroll { position: absolute; left: 50%; bottom: 8%; display: block; width: 9.332%; margin-left: -4.666%; padding-top: 4.94%; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/scroll_arrow.png); background-repeat: no-repeat; background-size: contain; } } @media screen and (min-width: 768px) { #mainview { position: relative; min-height: 600px; padding-top: 55.555%; }
#mainview > .wrap { -webkit-transition: 1s linear; transition: 1s linear; opacity: 0; }
#mainview > .wrap.show { opacity: 1; } #mainview figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/mainview_img.webp); background-repeat: no-repeat; background-position: center; background-size: cover; } #mainview .article { position: absolute; left: 0; top: 30%; bottom: 0; width: 100%; }
#mainview .article h2 { height: 100%; width: 3em; min-width: 100px; line-height: 1.2em; margin: 0 auto; font-size: 30px; color: #fff; text-shadow: 0 0 1em #000; }
html:not([lang="ja"]) #mainview .article h2 { width: auto; text-align: center; }
#mainview .article em { position: relative; display: inline-block; width: 100%; }
#mainview .article em i { position: absolute; left: 28%; top: -50%; } #mainview .scroll { position: absolute; left: 50%; bottom: 3%; display: block; width: 80px; height: 80px; margin-left: -40px; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/scroll.png); background-repeat: no-repeat; background-size: contain; -webkit-transition: 0.5s linear; transition: 0.5s linear; }
#mainview .scroll.hover { opacity: 0.5; } }  @media screen and (max-width: 767px) { #menu .header { padding: 9.333% 0; }
#menu h2 { font-size: 25px; font-size: 6.667vw; color: #2d2d2d; line-height: 1.1; text-align: center; }  #menu .item { position: relative; margin-top: 1.333%; padding-top: 53.333%; background-color: #000; }
#menu .item:first-child { margin-top: 0; }
#menu .item figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
#menu .item.menu1 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/sp/menu_img01.jpg); }
#menu .item.menu2 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/sp/menu_img02.jpg); }
#menu .item.menu3 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/sp/menu_img03.jpg); }
#menu .item.menu4 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/sp/menu_img04.jpg); }
#menu .item.menu5 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/sp/menu_img05.jpg); }
#menu .item .content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; }
#menu .item .lead { padding-top: 8.4%; font-size: 15px; font-size: 4vw; color: #fff; line-height: 1.1; }
#menu .item h3 { margin-top: 4.267%; font-size: 30px; font-size: 8vw; color: #fff; line-height: 1.1; }
#menu .item.menu3 h3, #menu .item.menu4 h3, #menu .item.menu5 h3 { margin-top: 0; padding-top: 12%; }
#menu .item .description { margin-top: 3.2%; font-size: 15px; font-size: 4vw; color: #fff; line-height: 1.1; }
#menu .item a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; }
#menu .item a span { position: relative; display: block; width: 100%; height: 100%; padding-top: 42%; }
#menu .item.menu3 a span, #menu .item.menu4 a span, #menu .item.menu5 a span { padding-top: 37%; }
#menu .item a span em { padding-right: 4.4%; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_white.png); background-repeat: no-repeat; background-position: right; background-size: auto 60%; font-size: 13px; font-size: 3.467vw; color: #fff; } } @media screen and (min-width: 768px) { #menu { clear: both; } #menu .header { display: none; } #menu .article { margin: 0 auto; } #menu .item { clear: both; position: relative; padding-top: 31.25%; }
#menu .item:last-child { margin-top: -1px; }
#menu .item figure { position: absolute; left: 0; top: 0; right: 50%; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
#menu .item:nth-child(even) figure { left: 50%; right: 0; }
#menu .item.menu1 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/menu_img01.jpg); }
#menu .item.menu2 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/menu_img02.jpg); }
#menu .item.menu3 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/menu_img03.jpg); }
#menu .item.menu4 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/menu_img04.jpg); }
#menu .item.menu5 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/stores/img/menu_img05.jpg); }
#menu .item .content { position: absolute; left: 50%; top: 0; right: 0; text-align: center; }
#menu .item:nth-child(even) .content { left: 0; right: 50%; }
#menu .item .lead { font-size: 18px; color: #161616; line-height: 1.1; }
#menu .item h3 { margin-top: 20px; font-size: 40px; color: #161616; line-height: 1.1; }
#menu .item.menu3 h3, #menu .item.menu4 h3, #menu .item.menu5 h3 { margin-top: 0; }
#menu .item h3 .sp { display: none; }
#menu .item .description { margin-top: 24px; font-size: 16px; color: #2d2d2d; line-height: 1.1; }
#menu .item a { display: table; height: 46px; margin: 0 auto; margin-top: 48px; border: 1px solid #d8d8d8; color: #000; text-decoration: none; }
#menu .item a span { display: table-cell; padding: 0 18px; font-size: 13px; color: #373737; line-height: 1.1; vertical-align: middle; white-space: nowrap; }
#menu .item a span em { padding-right: 20px; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_black.png); background-repeat: no-repeat; background-position: right; background-size: auto 10px; } #menu .item.menu5 { padding-top: 42.222%; }
#menu .item.menu5 figure { position: absolute; left: 0; right: 0; }
#menu .item.menu5 .content { left: 0; }
#menu .item.menu5 h3 { margin-top: 0; font-size: 35px; color: #fff; }
#menu .item.menu5 .description { color: #fff; }
#menu .item.menu5 a { border: 1px solid #fff; }
#menu .item.menu5 a span { color: #fff; }
#menu .item.menu5 a span em { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_white.png); } }  @media screen and (max-width: 767px) { #map .header { padding: 12% 0; }
#map .header h2 { font-size: 25px; font-size: 6.667vw; color: #2d2d2d; line-height: 1.1; text-align: center; } #map .article { position: relative; padding-top: 85.333%; background-color: #ccc; }
#gmap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #map .footer { padding: 8.533% 10%; }
#map .footer a { display: block; width: 45%; margin: 0 auto; border: 0.99px solid #a7a7a7; text-decoration: none; }
#map .footer span { display: block; padding: 10% 0; font-size: 13px; font-size: 3.467vw; color: #373737; line-height: 1.1; white-space: nowrap; text-align: center; }
#map .footer span em { padding-right: 16%; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_black.png); background-repeat: no-repeat; background-position: right; background-size: auto 60%; }
#map .additional { width: 100%; margin: 0.5em auto; font-size: 1em; }
#map .additional img { width: 100%; height: auto; }
#map .additional p { font-size: 1.5em; text-align: center; } } @media screen and (min-width: 768px) { #map { position: relative; } #map .header { position: relative; max-width: 1320px; margin: 0 auto; }
#map .header h2 { padding-top: 4.4%; padding-bottom: 4.848%; font-size: 40px; color: #373737; line-height: 1.1; text-align: center; } #map .article { position: relative; padding-top: 34.722%; background-color: #ccc; }
#gmap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #map .footer { position: absolute; left: 0; top: 0; width: 100%; }
#map .footer > .wrap { position: relative; width: 100%; max-width: 1320px; margin: 0 auto; }
#map .footer a { position: absolute; right: 4.545%; top: 0; display: table; height: 46px; margin-top: 4.6%; border: 1px solid #a7a7a7; text-decoration: none; }
#map .footer span { display: table-cell; padding: 0 18px; font-size: 13px; color: #373737; line-height: 1.1; vertical-align: middle; white-space: nowrap; }
#map .footer span em { padding-right: 20px; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_black.png); background-repeat: no-repeat; background-position: right; background-size: auto 10px; }
#map .additional { width: 50%; margin: 0.5em auto; font-size: 1em; }
#map .additional img { width: 100%; height: auto; }
#map .additional p { font-size: 1.5em; text-align: center; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { #mainview .article { text-align: center; }
#mainview .article h2 { display: inline-block; text-align: left; } } @supports (-ms-ime-align: auto) { #mainview .article { text-align: center; }
#mainview .article h2 { display: inline-block; text-align: left; } }
html[lang="ja"] #mainview .article h2 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }