@charset "utf-8";
  @media screen and (max-width: 767px) {
#mainview {
position: relative;
padding-top: 161.867%;
}
#mainview > .wrap {
-webkit-transition: 1.0s linear;
-moz-transition: 1.0s linear;
-o-transition: 1.0s linear;
transition: 1.0s 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/monchertonton/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: 1.0s linear;
-moz-transition: 1.0s linear;
-o-transition: 1.0s linear;
transition: 1.0s 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/monchertonton/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;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
transition: 0.5s linear;
}
#mainview .scroll.hover {
opacity : 0.5;
}
}  @media screen and (max-width: 767px) {
#menu {
} #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 .article {
} #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/monchertonton/stores/img/sp/menu_img01.jpg); }
#menu .item.menu2 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/monchertonton/stores/img/sp/menu_img02.jpg); }
#menu .item.menu3 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/monchertonton/stores/img/sp/menu_img03.jpg); }
#menu .item.menu4 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/monchertonton/stores/img/sp/menu_img04.jpg); }
#menu .item.menu5 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/monchertonton/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/monchertonton/stores/img/menu_img01.jpg); }
#menu .item.menu2 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/monchertonton/stores/img/menu_img02.jpg); }
#menu .item.menu3 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/monchertonton/stores/img/menu_img03.jpg); }
#menu .item.menu4 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/monchertonton/stores/img/menu_img04.jpg); }
#menu .item.menu5 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/monchertonton/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 {
} #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 > .wrap {
}
#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;
}