@charset "utf-8";
  @media screen and (max-width: 767px) {
#mainview {
position: relative;
}
#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 {
display: block;
padding-top: 47.2%;
background-color: #000; background-repeat: no-repeat;
background-position: center;
background-size: cover;
} #mainview .movie {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 47.2vw;
overflow: hidden;
opacity: 0;
} #mainview .article {
padding-top: 7.467%;
padding-bottom: 14.933%;
}
#mainview .article h2 {
display: block;
padding-top: 11.2%;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/sp/mainview_logo.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#mainview .article h2 i {
display: none;
}
html[lang="en"] #mainview .article h2 {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/sp/mainview_logo_en.png);
}
#mainview .article p {
padding-top: 6.933%;
font-size: 13px;
font-size: 3.333vw;
color: #000;
line-height: 1.6;
text-align: center;
} #mainview .scroll {
display: none;
} #mainview .line {
position: absolute;
left: 50%;
bottom: 0;
display: block;
width: 26.666%;
height: 1px;
margin-left: -13.333%;
border-bottom: 0.99px solid #a7a7a7;
}
} @media screen and (min-width: 768px) {
#mainview {
position: relative; overflow: hidden;
}
#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-color: #000; background-repeat: no-repeat;
background-position: center;
background-size: cover;
} #mainview .movie {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
} #mainview .article {
position: absolute;
left: 0;
top: 44%;
display: block;
width: 100%;
margin-top: -135px;
}
#mainview .article h2 {
display: block;
height: 61px;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/mainview_logo.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
html[lang="en"] #mainview .article h2 {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/mainview_logo_en.png);
}
#mainview .article p {
padding-top: 42px;
font-size: 14px;
color: #fff;
line-height: 2;
text-align: center;
}
#mainview .article p .sp {
display: none;
} #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;
} #mainview .line {
display: none;
}
}  @media screen and (max-width: 767px) {
#store {
}
#store .pc-obj {
display: none;
} #store .header {
padding-top: 10.667%;
padding-bottom: 9.067%;
}
#store h2 {
display: block;
font-size: 33px;
font-size: 8.8vw;
color: #373737;
line-height: 1.1;
text-align: center;
} #store .article {
} #store .item {
padding-bottom: 21.333%;
}
#store .item figure {
padding-top: 53.333%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#store .item .content {
text-align: center;
}
#store .item h3 {
padding-left: 29.5%;
padding-top: 8.533%;
}
html[lang="en"] #store .item h3 {
padding-left: 14%;
}
#store .item h3 em {
display: block;
padding-top: 14.773%;
background-repeat: no-repeat;
background-position: left;
background-size: contain;
}
#store .item h3 em i {
display: none;
}
#store .item table {
width: 100%;
margin-top: 6.4%;
margin-bottom: 6.4%;
}
#store .item tr {
}
#store .item th {
width: 24%;
padding: 2.667% 0;
font-size: 13px;
font-size: 3.467vw;
font-weight: bold;
line-height: 1.538;
white-space: nowrap;
text-align: right;
}
#store .item td {
width: 76%;
padding: 2.667% 0;
padding-left: 5.6%;
font-size: 13px;
font-size: 3.467vw;
line-height: 1.538;
text-align: left;
}
#store .item td span {
font-size: 11px;
font-size: 2.933vw;
}
#store .item td a {
color: #161616; }
#store .item .content > a {
display: block;
width: 36%;
margin: 0 auto;
border: 0.99px solid #a7a7a7;
text-decoration: none;
}
#store .item .content > a 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;
}
#store .item .content > a i {
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%;
} #store .item.seryna_roppongi {}
#store .item.seryna_roppongi figure {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_roppongi_img.jpg);
}
#store .item.seryna_roppongi h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_roppongi_title.png);
}
html[lang="en"] #store .item.seryna_roppongi h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_roppongi_title_en.png);
} #store .item.seryna_ginza {}
#store .item.seryna_ginza figure {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_ginza_img.jpg);
}
#store .item.seryna_ginza h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_ginza_title.png);
}
html[lang="en"] #store .item.seryna_ginza h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_ginza_title_en.png);
} #store .item.seryna_shinjuku {}
#store .item.seryna_shinjuku figure {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_shinjuku_img.jpg);
}
#store .item.seryna_shinjuku h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_shinjuku_title.png);
}
html[lang="en"] #store .item.seryna_shinjuku h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_shinjuku_title_en.png);
}
} @media screen and (min-width: 768px) {
#store {
}
#store .sp-obj {
display: none;
} #store .header { margin: 0 auto;
background-color: #f7f7f7;
}
#store h2 {
padding-top: 6.818%;
padding-bottom: 6.818%;
font-size: 40px;
color: #373737;
line-height: 1.1;
text-align: center;
} #store .article { margin: 0 auto;
} #store .item {
clear: both;
}
#store .item figure {
width: 55.486%;
padding-top: 35.694%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#store .item .content {
width: 44.514%;
text-align: center;
}
#store .item h3 {
}
#store .item h3 em {
display: block;
height: 39px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#store .item table {
margin: 0 auto;
margin-top: 24px;
margin-bottom: 24px;
}
#store .item tr {
}
#store .item th {
padding: 10px 10px;
font-size: 13px;
font-weight: bold;
line-height: 1.538;
white-space: nowrap;
text-align: right;
}
#store .item td {
padding: 10px 10px;
font-size: 13px;
line-height: 1.538;
text-align: left;
}
#store .item td span {
font-size: 11px;
}
#store .item a {
color: #373737;
text-decoration: none;
}
#store .item a span {
font-size: 13px;
line-height: 1.1;
}
#store .item a i {
padding-bottom: 5px;
border-bottom: 1px solid #373737;
} #store .item.seryna_roppongi {}
#store .item.seryna_roppongi figure {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_roppongi_img.jpg);
float: left;
}
#store .item.seryna_roppongi .content {
float: right;
}
#store .item.seryna_roppongi h3 {
padding-left: 43px;
}
html[lang="en"] #store .item.seryna_roppongi h3 {
padding-left: 0px;
}
#store .item.seryna_roppongi h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_roppongi_title.png);
}
html[lang="en"] #store .item.seryna_roppongi h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_roppongi_title_en.png);
}
#store .item.seryna_roppongi a {
margin-right: 66px;
} #store .item.seryna_ginza {}
#store .item.seryna_ginza figure {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_ginza_img.jpg);
float: right;
}
#store .item.seryna_ginza .content {
float: left;
}
#store .item.seryna_ginza h3 {
padding-left: 43px;
}
html[lang="en"] #store .item.seryna_ginza h3 {
padding-left: 0px;
}
#store .item.seryna_ginza h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_ginza_title.png);
}
html[lang="en"] #store .item.seryna_ginza h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_ginza_title_en.png);
}
#store .item.seryna_ginza a {
margin-right: 66px;
} #store .item.seryna_shinjuku {}
#store .item.seryna_shinjuku figure {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_shinjuku_img.jpg);
float: left;
}
#store .item.seryna_shinjuku .content {
float: right;
}
#store .item.seryna_shinjuku h3 {
padding-left: 43px;
}
html[lang="en"] #store .item.seryna_shinjuku h3 {
padding-left: 0px;
}
#store .item.seryna_shinjuku h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_shinjuku_title.png);
}
html[lang="en"] #store .item.seryna_shinjuku h3 em {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/store_shinjuku_title_en.png);
}
#store .item.seryna_shinjuku a {
margin-right: 66px;
}
} @media screen and (min-width: 768px) and (max-width: 1023px) {
#store .item table {
margin-top: 15px;
margin-bottom: 15px;
}
#store .item th {
padding: 5px 10px;
}
#store .item td {
padding: 5px 10px;
}
}  @media screen and (max-width: 767px) {
#reason {
background-color: #ececec;
} #reason .header {
padding: 11.733% 0;
}
#reason h2 {
font-size: 23px;
font-size: 6.133vw;
color: #373737;
line-height: 1.1;
text-align: center;
} #reason .article {
} #reason .item {
position: relative;
margin-top: 1.333%;
padding-top: 40%;
background-color: #000;
}
#reason .item:first-child {
margin-top: 0;
}
#reason .item figure {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.5;
}
#reason .item.reason1 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/sp/reason_img01.jpg); }
#reason .item.reason2 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/sp/reason_img02.jpg); }
#reason .item.reason3 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/sp/reason_img03.jpg); }
#reason .item.reason4 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/sp/reason_img04.jpg); }
#reason .item.reason5 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/sp/reason_img05.jpg); } #reason .item .content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding-top: 8%;
text-align: center;
}
#reason .item p {
font-size: 12px;
font-size: 3.2vw;
color: #fff;
}
#reason .item h3 {
margin-top: 1.6%;
font-size: 22px;
font-size: 5.867vw;
color: #fff;
line-height: 1.5;
}
#reason .item a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
}
#reason .item a span {
display: none;
}
} @media screen and (min-width: 768px) {
#reason {
clear: both;
background-color: #ececec;
} #reason .header {
max-width: 1320px;
margin: 0 auto;
}
#reason h2 {
padding-top: 9%;
padding-bottom: 9%;
font-size: 33px;
color: #373737;
line-height: 1.1;
letter-spacing: 0.1em;
text-align: center;
} #reason .article {
max-width: 1440px;
margin: 0 auto;
} #reason .item {
clear: both;
margin-top: 6.25%;
padding: 0 8.333%;
}
#reason .item:first-child {
margin-top: 0;
}
#reason .item:last-child {
padding-bottom: 8.4%;
}
#reason .item figure {
width: 53.333%;
padding-top: 33.333%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
float: left;
}
#reason .item:nth-child(even) figure {
float: right;
}
#reason .item.reason1 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/reason_img01.jpg); }
#reason .item.reason2 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/reason_img02.jpg); }
#reason .item.reason3 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/reason_img03.jpg); }
#reason .item.reason4 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/reason_img04.jpg); }
#reason .item.reason5 figure { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/reason_img05.jpg); } #reason .item .content {
width: 46.667%;
padding-left: 4.833%;
float: right;
}
#reason .item:nth-child(even) .content {
padding-left: 0;
padding-right: 4.833%;
float: left;
}
#reason .item p {
font-size: 15px;
color: #2d2d2d;
}
#reason .item h3 {
margin-top: 3.2%;
font-size: 28px;
color: #2d2d2d;
}
#reason .item h3 .sp {
display: none;
}
#reason .item a {
display: inline-block;
margin-top: 4.4%;
color: #373737;
text-decoration: none;
}
#reason .item a span {
font-size: 13px;
line-height: 1.1;
}
}  @media screen and (max-width: 767px) {
#information {
padding-bottom: 11.733%;
} #information .header {
}
#information h2 {
display: block;
padding-top: 9.867%;
font-size: 33px;
font-size: 8.8vw;
color: #373737;
line-height: 1.1;
text-align: center;
} #information .article {
position: relative;
padding: 0 6.667%;
padding-top: 10.667%;
}
#information .article ul {
padding-bottom: 10.667%;
} #information .article li {
position: relative;
display: block;
width: 100%;
box-shadow: 0 0 30px rgba(0,0,0,0.12);
-moz-box-shadow: 0 0 30px rgba(0,0,0,0.12);
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.12);
float: left;
}
#information .article a {
display: block;
height: 100%;
background-color: #fff;
text-decoration: none;
}
#information .article figure {
position: relative;
width: 100%;
padding-top: 64%;
overflow: hidden;
}
#information .article figure i {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#information .article .item01 figure i { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/information_img01.jpg); }
#information .article .item02 figure i { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/information_img02.jpg); }
#information .article .item03 figure i { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/information_img03.jpg); }
#information .article p {
display: block;
width: 100%;
padding: 0 6.944%;
padding-top: 5%;
padding-bottom: 15%;
font-size: 16px;
font-size: 4.267vw;
color: #161616;
}
#information .article li span {
position: absolute;
left: 6.944%;
bottom: 0;
margin-bottom: 6.2%;
font-size: 10px;
font-size: 2.667vw;
color: #373737;
line-height: 1.1;
}
#information .article span em {
padding-bottom: 3px;
padding-bottom: 3.6%;
border-bottom: 0.99px solid #373737;
} #information .swiper-button-prev {
position: absolute;
left: 0;
top: 50%;
display: block;
width: 6.667%;
height: 40px;
margin-top: -20px;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/slide_prev_black.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto 24px;
} #information .swiper-button-next {
position: absolute;
right: 0;
top: 50%;
display: block;
width: 6.667%;
height: 40px;
margin-top: -20px;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/slide_next_black.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto 24px;
} #information .swiper-pagination {
bottom: 0;
}
#information .swiper-pagination-bullet {
background-color: #a7a7a7;
opacity: 1;
}
#information .swiper-pagination-bullet-active {
background-color: #595959;
}
} @media screen and (min-width: 768px) {
#information {
clear: both;
} #information .header {
max-width: 1320px;
margin: 0 auto;
}
#information h2 {
padding-top: 6.818%;
padding-bottom: 2.273%;
font-size: 40px;
color: #373737;
line-height: 1.1;
text-align: center;
} #information .article {
max-width: 1320px;
margin: 0 auto;
}
#information .article ul {
padding-bottom: 9.091%;
} #information .article li {
position: relative;
width: 27.273%;
margin-left: 4.545%;
margin-top: 4.545%;
box-shadow: 0 0 30px rgba(0,0,0,0.12);
-moz-box-shadow: 0 0 30px rgba(0,0,0,0.12);
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.12);
float: left;
}
#information .article a {
display: block;
height: 100%;
background-color: #fff;
text-decoration: none;
}
#information .article figure {
position: relative;
width: 100%;
padding-top: 63.889%;
overflow: hidden;
}
#information .article figure i {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-transition: 0.7s linear;
-moz-transition: 0.7s linear;
-o-transition: 0.7s linear;
transition: 0.7s linear;
}
#information .article .item01 figure i { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/information_img01.jpg); }
#information .article .item02 figure i { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/information_img02.jpg); }
#information .article .item03 figure i { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/seryna/img/information_img03.jpg); }
#information .article p {
display: block;
width: 100%;
padding: 0 6.944%;
padding-top: 5%;
padding-bottom: 15%;
font-size: 16px;
color: #161616;
}
#information .article span {
position: absolute;
left: 6.944%;
bottom: 0;
margin-bottom: 6.2%;
font-size: 10px;
color: #373737;
line-height: 1.1;
}
#information .article span em {
padding-bottom: 3px;
border-bottom: 1px solid #373737;
} #information .article a:hover {}
#information .article a:hover figure i {
opacity: 0.85;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} #information .swiper-button-prev {
display: none;
} #information .swiper-button-next {
display: none;
} #information .swiper-pagination {
display: none;
}
}