@charset "utf-8";
.wp-pagenavi {
clear: both;
}
.wp-pagenavi a,
.wp-pagenavi span {
border: 1px solid var(--wp-pagenavi-border-color, #bfbfbf);
margin: 2px;
padding: 3px 5px;
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
.wp-pagenavi a,
.wp-pagenavi span {
border-color: var(--wp-pagenavi-border-color, #4f4f4f);
}
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
border-color: var(--wp-pagenavi-border-color-current, currentColor);
}
.wp-pagenavi span.current {
font-weight: bold;
}

html, body {
color: #000;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Noto Sans JP',"メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-size: 16px;
font-weight: 500;
font-display: swap;
line-height: 1.625em;
text-decoration: none;
word-break: break-all;
}
@media screen and (max-width: 750px) {
html, body {
font-size: 4.26vw;
}
}
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td, input, textarea, picture, figure, :before, :after {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align:baseline;
}
article, header, footer, aside, figure, figcaption, nav, section, main, picture, figure { 
display:block;
box-sizing: border-box;
}
body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
ol, ul {
list-style: none;
list-style-type: none;
}
img {
display: block;
width: 100%;
height: auto;
line-height: 1;
} input, textarea {
-webkit-appearance: none;
max-width: 100%;
}
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
input::placeholder,
textarea::placeholder {
color: #B2B2B2;
} input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #B2B2B2;
} input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #B2B2B2;
}
@media screen and (max-width: 640px) {
input[type=text] {
font-size: 16px;
}
} p, a, span, b, strong, i, italic {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
a {
text-decoration: none;
cursor: pointer;
}
input[type="submit"]:hover ,
label {
cursor: pointer;
}
label input {
vertical-align: middle;
}
a {
transition: color .3s ease-in-out;
}
a:hover {
color: #8D7B7B;
}
h2, h3, h4 {
line-height: 1.4em;
}
.swiper-wrapper { transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1); } body {
}
#wrap {
width: 100%;
min-width: 1074px;
}
#main {
width: 100%;
margin: 0 auto;
padding-bottom: 150px;
}
body:not(.home) #main {
padding-top: 32px;
}
.text p:not(:last-child) {
margin-bottom: 1em;
}
@media screen and (max-width: 750px) {
#wrap {
width: 100%;
min-width: initial;
overflow: hidden;
}
#main {
padding-bottom: 24vw;
}
body:not(.home) #main {
padding-top: 18.4vw;
}
}
a.sp_clickable {
pointer-events: none;
}
@media screen and (max-width: 750px) {
a.sp_clickable {
pointer-events: auto;
}
}  #header {
background: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/bg_upper_pc.png) no-repeat center top;
padding-top: 110px;
}
#header .inner {
display: -webkit-flex;
display: flex;
max-width: 998px;
margin: 0 auto;
height: 225px;
}
#header .logo {
width: 175px;
margin-left: 97px;
padding-top: 10px;
}
#header .gnav {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-left: auto;
}
#header .gnav .menu {
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-orientation: upright;
}
#header .gnav .menu .item {
padding-left: 1.2em;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: .22em;
}
#header .gnav .menu .home,
#header .gnav .menu .contact {
display: none;
}
#header .gnav .menu .news {
letter-spacing: -.05em;
}
#header .gnav .menu .history {
letter-spacing: .6em;
}
#header .gnav .sns {
margin-right: 28px;
}
#header .gnav .sns .item {
width: 29px;
margin-bottom: 15px;
}
#header .gnav .close,
#header .menu_btn {
display: none;
}
@media screen and (max-width: 750px) {
#header {
background-image: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/bg_upper_sp.png);
background-position: center bottom;
background-size: 100% auto;
padding-top: 0;
}
#header .inner {
position: relative;
height: 18.4vw;
}
body:not(.home) #header .logo {
display: none;
}
.home #header .logo {
position: absolute;
top: 38.4vw;
right: 0;
left: 0;
width: 42vw;
margin: auto;
padding-top: 0;
}
#header .gnav {
position: fixed;
top: 40vw;
right: -65vw;
z-index: 100;
display: block;
width: 65vw;
background-color: #fff;
padding: 16vw 8vw 10vw;
border: 1px solid #707070;
transition: .2s ease-in-out;
}
#header .gnav .menu {
-ms-writing-mode:lr-tb;
writing-mode:horizontal-tb;
}
#header .gnav .menu .item {
padding: 0 0 .4em;
font-size: 1rem;
letter-spacing: 0;
}
#header .gnav .menu .home,
#header .gnav .menu .contact {
display: block;
}
#header .gnav .menu .news,
#header .gnav .menu .history {
letter-spacing: 0;
}
#header .gnav .sns {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 22.4vw;
margin: 8vw auto 0;
}
#header .gnav .sns .item {
width: 8vw;
margin-bottom: 0;
}
#header .gnav .close {
position: absolute;
top: 4.8vw;
right: 5.6vw;
display: block;
width: 4vw;
height: 4vw;
}
#header .menu_btn {
position: fixed;
top: 20vw;
right: 4vw;
z-index: 100;
display: block;
width: 14.4vw;
}
#overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
height: 100%;
transition: .2s ease-in-out;
}
body.open {
overflow: hidden;
}
body.open #header .gnav {
transform: translate3d(-70vw,0,0);
}
body.open #overlay {
z-index: 1;
}
}  #footer {
background-color: #F5F5F5;
padding: 50px 0 120px;
}
#footer .inner {
max-width: 700px;
margin: 0 auto;
}
#footer .fnav {
margin-bottom: 40px;
}
#footer .fnav .menu {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#footer .fnav .menu .item {
font-weight: 700;
line-height: 1.2em;
}
#footer .logo {
width: 188px;
margin: 0 auto 40px;
}
#footer .sns {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
width: 107px;
margin: 0 auto 60px;
}
#footer .sns .facebook {
width: 37px;
}
#footer .sns .instagram {
width: 35px;
}
#footer .bottom {
text-align: center;
}
#footer .bottom .corporate {
margin-bottom: 1.2em;
font-size: .875rem;
line-height: 1.57em;
}
#footer .bottom .copyright {
display: block;
font-size: .625rem;
line-height: 1.6em;
}
@media screen and (max-width: 750px) {
#footer {
padding: 9.6vw 0 10.4vw;
}
#footer .fnav {
margin-bottom: 8vw;
}
#footer .fnav .menu {
display: block;
}
#footer .fnav .menu .item {
margin-bottom: 1.125em;
text-align: center;
}
#footer .logo {
width: 29.6vw;
margin-bottom: 10.4vw;
}
#footer .sns {
display: none;
}
#footer .bottom .corporate {
margin-bottom: 1em;
font-size: .5rem;
line-height: 1.625em;
}
#footer .bottom .copyright {
font-size: .5rem;
}
}  #fixed_nav {
position: fixed;
top: 360px;
right: 0;
z-index: 300;
}
#fixed_nav .menu {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-direction: column;
flex-direction: column;
}
#fixed_nav .menu .contact {
width: 40px;
margin-bottom: 14px;
}
#fixed_nav .menu .contact a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
background-color: #333;
padding: 1em 0;
color: #fff;
font-weight: 700;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-orientation: upright;
transition: background .3s ease-in-out;
}
#fixed_nav .menu .contact a:hover {
background-color: #8D7B7B;
}
#fixed_nav .menu .sns {
width: 28px;
}
@media screen and (max-width: 750px) {
#fixed_nav {
display: none;
}
}  #page_top {
position: fixed;
bottom: 0;
left: 0;
z-index: 400;
width: 100%;
}
#page_top .inner {
position: relative;
width: 1074px;
margin: 0 auto;
}
#page_top a {
position: absolute;
right: 40px;
bottom: 20px;
display: block;
width: 57px;
}
@media screen and (max-width: 750px) {
#page_top .inner {
width: 100%;
}
#page_top a {
right: 4vw;
bottom: 4vw;
width: 14.4vw;
}
}     #top_mv {
padding-bottom: 25px;
}
#top_mv .inner {
height: 672px;
background: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/mv_main.png) no-repeat center center;
}
#top_mv .sp_menu {
display: none;
}
@media screen and (max-width: 750px) {
#top_mv {
padding: 92vw 0 0;
}
#top_mv .inner {
height: 129vw;
background-position: center bottom;
background-size: 91.7vw auto;
}
#top_mv .sp_menu {
display: block;
}
#top_mv .sp_menu .menu {
margin: 0 auto;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-orientation: upright;
}
#top_mv .sp_menu .menu .item {
padding: 0 .625em;
font-size: 1rem;
font-weight: 700;
letter-spacing: .35em;
}
#top_mv .sp_menu .menu .news {
letter-spacing: .05em;
}
#top_mv .sp_menu .menu .history {
letter-spacing: .8em;
}
}  #top_about {
padding: 30px 0 90px;
}
#top_about .inner {
max-width: 960px;
margin: 0 auto;
}
#top_about .section_body {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
height: 273px;
}
#top_about .section_body .image {
position: relative;
width: 376px;
height: 100%;
border: 1px solid #707070;
}
#top_about .section_body .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
#top_about .section_body .text {
width: calc(100% - 376px);
}
#top_about .section_body .text p {
margin: 0 auto;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
font-size: 1.25rem;
font-weight: 700;
line-height: 2em;
hanging-punctuation: allow-end;
}
@media screen and (max-width: 750px) {
#top_about {
padding: 17.6vw 0 13.3vw;
}
#top_about .inner {
width: 81vw;
}
#top_about .section_body {
display: block;
height: auto;
}
#top_about .section_body .image {
width: 100%;
height: auto;
}
#top_about .section_body .text {
width: 100%;
height: 13.5rem;
margin-top: 10.6vw;
}
#top_about .section_body .text p {
font-size: 1rem;
}
}  #top_shop {
padding: 120px 0 83px;
}
#top_shop .inner {
max-width: 985px;
overflow: hidden;
margin: 0 auto;
}
#top_shop .section_header {
margin-bottom: 45px;
}
#top_shop .section_header .title {
width: 370px;
margin: 0 auto;
}
#top_shop .section_body .more {
width: 110px;
margin: 66px 40px 0 auto;
}
#top_shop .section_body .more a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 37px;
background-color: #333;
color: #fff;
font-weight: 700;
transition: background .3s ease-in-out;
}
#top_shop .section_body .more a:hover {
background-color: #8D7B7B;
}
@media screen and (max-width: 750px) {
#top_shop {
padding: 13.3vw 0 12vw;
}
#top_shop .section_header {
margin-bottom: 8vw;
}
#top_shop .section_header .title {
width: 67.4vw;
}
#top_shop .section_body .more {
width: 6.875rem;
margin: 10.4rem auto 0;
}
#top_shop .section_body .more a {
height: 2.32rem;
font-size: 1.125rem;
}
}  #top_space {
padding: 83px 0 78px;
}
#top_space .inner {
max-width: 973px;
margin: 0 auto;
}
#top_space .section_header {
margin-bottom: 45px;
}
#top_space .section_header .title {
width: 276px;
margin: 0 auto;
}
#top_space .section_body {
display: -webkit-flex;
display: flex;
}
#top_space .section_body .image {
width: 371px;
}
#top_space .section_body .text {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: calc(100% - 371px);
padding-left: 50px;
}
#top_space .section_body .text .more {
width: 110px;
margin: auto 35px 0 auto;
}
#top_space .section_body .text .more a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 37px;
background-color: #333;
color: #fff;
font-weight: 700;
transition: background .3s ease-in-out;
}
#top_space .section_body .text .more a:hover {
background-color: #8D7B7B;
}
@media screen and (max-width: 750px) {
#top_space {
padding: 12vw 0;
}
#top_space .inner {
width: 83.7vw;
}
#top_space .section_header {
margin-bottom: 8vw;
}
#top_space .section_header .title {
width: 56.5vw;
}
#top_space .section_body {
display: block;
}
#top_space .section_body .image {
width: 100%;
}
#top_space .section_body .text {
width: 100%;
padding-top: 1em;
padding-left: 0;
}
#top_space .section_body .text .more {
width: 6.875rem;
margin: 3.5rem auto 0;
}
#top_space .section_body .text .more a {
height: 2.32rem;
font-size: 1.125rem;
}
}  #top_news {
padding: 78px 0 82px;
}
#top_news .inner {
max-width: 946px;
margin: 0 auto;
}
#top_news .section_body {
display: -webkit-flex;
display: flex;
}
#top_news .section_header {
width: 295px;
padding-top: 78px;
}
#top_news .section_body .text {
width: calc(100% - 295px);
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
padding-left: 60px;
}
#top_news .section_body .text .item {
background: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/line_dash.png) repeat-x left bottom;
margin-bottom: 1rem;
padding-bottom: 1rem;
}
#top_news .section_body .text .date {
display: inline-block;
margin-right: 2.5rem;
font-size: 1.125rem;
font-weight: 700;
}
#top_news .section_body .text .cat {
display: inline-block;
margin: 0;
font-weight: 700;
}
#top_news .section_body .text .cat.event {
color: #E71414;
}
#top_news .section_body .text .title {
display: block;
margin-top: .2em;
}
#top_news .section_body .text .more {
display: inline-block;
margin: 54px 25px 0 auto;
font-weight: 700;
}
@media screen and (max-width: 750px) {
#top_news {
padding: 12vw 0;
}
#top_news .inner {
width: 81vw;
}
#top_news .section_body {
display: block;
}
#top_news .section_header {
width: 66.6vw;
margin-bottom: 18.4vw;
padding-top: 0;
}
#top_news .section_body .text {
width: 100%;
padding-left: 0;
}
#top_news .section_body .text .date {
margin-right: 1rem;
font-size: 1rem;
}
#top_news .section_body .text .more {
margin: .625rem auto 0;
}
}  #top_access {
padding: 82px 0 0;
}
#top_access .inner {
max-width: 879px;
background: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/access_bg.png) no-repeat right bottom / 154px auto;
margin: 0 auto;
}
#top_access .section_header {
margin-bottom: 45px;
}
#top_access .section_header .title {
width: 441px;
}
#top_access .section_body {
max-width: 772px;
margin: 0 auto;
}
#top_access .section_body iframe {
display: block;
width: 100%;
height: 38.6vw;
border: 1px solid #707070;
}
#top_access .section_body .text {
padding: 35px 0;
}
@media screen and (max-width: 750px) {
#top_access {
padding: 12vw 0 0;
}
#top_access .inner {
max-width: 85.6vw;
background-position: center bottom;
background-size: 41vw auto;
}
#top_access .section_header {
margin-bottom: 8vw;
}
#top_access .section_header .title {
width: 83.2vw;
margin: 0 auto;
}
#top_access .section_body .text {
padding: 6.4vw 0 46.4vw;
}
}   .breadcrumb ul {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 944px;
height: 80px;
margin: 0 auto;
}
.breadcrumb li {
margin-right: .875rem;
font-weight: 700;
}
.breadcrumb li:not(:first-child):before {
content: "\FF1E";
}
.breadcrumb li:last-child a {
pointer-events: none;
}
@media screen and (max-width: 750px) {
.breadcrumb ul {
max-width: 77.6vw;
height: auto;
padding-right: 8.8vw;
}
.breadcrumb li {
margin-right: .5rem;
font-size: .68rem;
}
}  #main.page {
max-width: 816px;
margin: 0 auto;
}
#main.page .main_header .title {
margin-bottom: 1.875rem;
padding-bottom: .3em;
border-bottom: 1px solid #707070;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.63em;
}
#main.page.space .main_header,
#main.page.history .main_header {
margin-bottom: 60px;
}
#main.page.space .main_header .title,
#main.page.history .main_header .title {
width: 290px;
margin: 0 auto;
padding-bottom: 0;
border-bottom: 0;
line-height: 0;
}
#main.page .eyecatch {
width: 100%;
overflow: hidden;
margin-bottom: 50px;
}
#main.page .contents h2 {
display: table;
margin-bottom: 1.875rem;
padding: .4rem .6rem;
border: 1px solid #707070;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.6em;
}
#main.page .contents h2:not(:first-child) {
margin-top: 2.5rem;
}
#main.page.space .contents h2,
#main.page.history .contents h2 {
display: block;
margin-bottom: 1.875rem;
padding: 0 0 .3em;
border: 0;
border-bottom: 1px solid #707070;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.63em;
}
#main.page .contents h3 {
display: table;
margin-bottom: 1.875rem;
padding: .4rem .6rem;
border: 1px solid #707070;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.6em;
}
#main.page .contents h3:not(:first-child) {
margin-top: 2.5rem;
}
@media screen and (max-width: 750px) {
#main.page {
max-width: 86.4vw;
}
#main.page.space .main_header,
#main.page.history .main_header {
margin-bottom: 21.6vw;
}
#main.page.space .main_header .title,
#main.page.history .main_header .title {
width: 58.4vw;
}
#main.page .eyecatch {
max-width: 77.3vw;
margin: 0 auto 7.2vw;
}
#main.page .contents {
max-width: 77.3vw;
margin: 0 auto;
}
}  #main.article {
max-width: 986px;
margin: 0 auto;
}
#main.article .main_header {
margin: 40px 0 150px;
}
#main.article .main_header.sp {
display: none;
}
#main.article .main_header .title {
width: 295px;
margin: 0 auto;
}
#main.article #layout {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 120px;
}
#main.article #layout #center {
width: 636px;
}
#main.article #layout #center .title {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.63em;
}
#main.article #layout #center .date {
display: inline-block;
margin-right: 1.8rem;
color: #000;
}
#main.article #layout #center .cat {
display: inline-block;
margin: 0;
color: #000;
}
#main.article #layout #center .cat.event {
color: #E71414;
}
#main.article #layout #sidebar {
width: 192px;
}
@media screen and (max-width: 750px) {
#main.article {
max-width: 86.4vw;
}
#main.article .main_header {
margin: 40px 0 150px;
margin: 0 0 21.6vw;
}
#main.article .main_header.sp {
display: block;
}
#main.article .main_header .title {
width: 51.2vw;
}
#main.article #layout {
margin-top: 0;
}
#main.article #layout #center {
width: 100%;
}
#main.article #layout #sidebar {
width: 51.2vw;
margin: 16vw auto 0;
}
} #main.article #layout .list {
padding-left: 92px;
}
#main.article #layout .list .item {
background: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/line_dash.png) repeat-x left bottom;
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
}
#main.article #layout .list .title {
margin-bottom: .2em;
}
#main.article #layout .list .text {
margin-top: 1em;
}
#main.article #layout .list .breadcrumb {
text-align: center;
}
#main.article #layout .list .breadcrumb a,
#main.article #layout .list .breadcrumb span {
display: inline-block;
margin: 0 .5em;
}
@media screen and (max-width: 750px) {
#main.article #layout .list {
max-width: 76vw;
margin: 0 auto;
padding-left: 0;
}
#main.article #layout .list .breadcrumb {
padding-top: 5.6vw;
}
} #main.article #layout .detail {
padding-left: 36px;
}
#main.article #layout .detail .article_header .title {
margin-bottom: .5em;
padding-bottom: .3em;
border-bottom: 1px solid #707070;
}
#main.article #layout .detail .article_header .sns {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin: 3px 0 15px;
}
#main.article #layout .detail .eyecatch {
width: 100%;
margin-bottom: 50px;
}
#main.article #layout .detail .contents h2 {
display: table;
margin-bottom: 1.875rem;
padding: .4rem .6rem;
border: 1px solid #707070;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.6em;
}
#main.article #layout .detail .contents h2:not(:first-child) {
margin-top: 2.5rem;
}
#main.article #layout .detail .article_footer .sns {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin-top: 50px;
}
@media screen and (max-width: 750px) {
#main.article #layout .detail {
padding-left: 0;
}
#main.article #layout .detail .article_header .sns {
max-width: 76vw;
margin: 1.5vw auto 6.4vw;
}
#main.article #layout .detail .eyecatch {
max-width: 76vw;
margin: 0 auto 8.8vw;
}
#main.article #layout .detail .contents {
max-width: 76vw;
margin: 0 auto;
}
#main.article #layout .detail .article_footer .sns {
margin-top: 13.6vw;
}
} #sidebar {
margin-left: auto;
}
#sidebar h4 {
margin-bottom: 2.625rem;
}
#sidebar li {
position: relative;
margin-bottom: 2.625rem;
padding-left: 1em;
line-height: 1.125em;
}
#sidebar li:before {
content: "\30FB";
position: absolute;
top: 0;
left: 0;
}  #main.shop {
max-width: 944px;
margin: 0 auto;
}
#main.shop .main_header {
margin-bottom: 80px;
}
#main.shop .main_header .title {
width: 296px;
margin: 0 auto;
}
#main.shop .section_header {
display: -webkit-flex;
display: flex;
margin-bottom: 50px;
}
#main.shop .section_header .title {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 2rem;
background-color: #fff;
padding: 0 2.8rem;
border: 1px solid #707070;
font-size: 1rem;
font-weight: 700;
}
#main.shop .section_header .title:after {
content: "";
position: absolute;
right: -57px;
display: block;
width: 37px;
height: 44px;
background: no-repeat center center / contain;
}
#main.shop .section_header.food .title:after {
top: -5px;
background-image: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/ico_cat_food.png);
}
#main.shop .section_header.store .title:after {
top: 1px;
background-image: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/ico_cat_store.png);
}
#main.shop .section_header.org .title:after {
top: -12px;
background-image: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/ico_cat_org.png);
}
@media screen and (max-width: 750px) {
#main.shop {
max-width: 86.4vw;
margin: 0 auto;
}
#main.shop .main_header {
margin-bottom: 20.8vw;
}
#main.shop .main_header .title {
width: 56.5vw;
margin: 0 auto;
}
#main.shop .section_header {
position: relative;
margin-bottom: 10.4vw;
padding-top: 18vw;
}
#main.shop .section_header .title {
position: static;
margin: 0 auto;
}
.iphone #main.shop .section_header .title,
.ipad #main.shop .section_header .title
{
padding: 0 1.9rem;
}
#main.shop .section_header .title:after {
right: 0;
left: 0;
width: 9.86vw;
height: 11.73vw;
margin: auto;
}
#main.shop.food .section_header .title:after,
#main.shop.store .section_header .title:after,
#main.shop.org .section_header .title:after {
top: 0;
}
}
#main.shop .shop_list_section:not(:last-child) {
margin-bottom: 126px;
}
#main.shop .shop_list_section .list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -40px;
}
#main.shop .shop_list_section .list .item {
width: 292px;
margin-bottom: 40px;
}
#main.shop .shop_list_section .list .item:not(:nth-child(3n)) {
margin-right: 34px;
}
#main.shop .shop_list_section .list .item .item_header {
display: -webkit-flex;
display: flex;
min-height: 5.5rem;
margin: 1.5rem 0 1rem;
}
#main.shop .shop_list_section .list .item .item_header .title {
width: calc(100% - 84px);
padding-right: 1em;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.6em;
}
#main.shop .shop_list_section .list .item .item_header .tail {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 110px;
height: 40px;
background-color: #fff;
border: 1px solid #707070;
color: #000;
font-size: 1.375rem;
font-weight: 700;
}
.iphone #main.shop .shop_list_section .list .item .item_header .tail ,
.ipad #main.shop .shop_list_section .list .item .item_header .tail {
width: 102px;
}
@media screen and (max-width: 750px) {
#main.shop .shop_list_section:not(:last-child) {
margin-bottom: 13.3vw;
}
#main.shop .shop_list_section .list {
width: 77.6vw;
margin: 0 auto -10.4vw;
}
#main.shop .shop_list_section .list .item {
width: 100%;
margin-bottom: 10.4vw;
}
#main.shop .shop_list_section .list .item:not(:nth-child(3n)) {
margin-right: 0;
}
#main.shop .shop_list_section .list .item .item_header .title {
width: calc(100% - 22.4vw);
}
#main.shop .shop_list_section .list .item .item_header .tail {
width: 22.4vw;
height: 10.4vw;
}
.iphone #main.shop .shop_list_section .list .item .item_header .tail ,
.ipad #main.shop .shop_list_section .list .item .item_header .tail {
width: 28vw;
}
}
#main.shop .shop_detail {
max-width: 930px;
margin: 0 auto;
}
#main.shop .shop_detail .section_body {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 200px;
padding-top: 10px;
}
#main.shop .shop_detail .section_body .image {
width: 598px;
overflow: hidden;
}
#main.shop .shop_detail .section_body .detail {
width: calc(100% - 598px);
padding-top: 10px;
padding-left: 50px;
}
#main.shop .shop_detail .section_body .detail .detail_header {
background: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/line_dash.png) repeat-x left bottom;
margin-bottom: 25px;
padding-bottom: 25px;
}
#main.shop .shop_detail .section_body .detail .detail_header .title {
font-size: 1.75rem;
font-weight: 700;
line-height: 1.6em;
}
#main.shop .shop_detail .section_body .detail .detail_header .tail {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 84px;
height: 44px;
background-color: #fff;
border: 1px solid #707070;
margin-top: 10px;
font-size: 1.375rem;
font-weight: 700;
}
.iphone #main.shop .shop_detail .section_body .detail .detail_header .tail,
.ipad #main.shop .shop_detail .section_body .detail .detail_header .tail
{
width: 102px;
}
#main.shop .shop_detail .section_body .detail .data {
overflow: hidden;
}
#main.shop .shop_detail .section_body .detail .data dt {
clear: left;
float: left;
}
#main.shop .shop_detail .section_body .detail .data dt:after {
content: "\FF1A";
}
#main.shop .shop_detail .section_body .text {
width: 100%;
padding-top: 90px;
}
#main.shop .recommend {
background: url(https://shinzakiapart.com/wp-content/themes/shinzakiapart/img/line_dash.png) repeat-x left top;
margin: 0 -18px;
}
#main.shop .recommend .aside_header {
margin: 0 18px 12px;
}
#main.shop .recommend .aside_header .title {
position: relative;
top: -22px;
z-index: 1;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 188px;
height: 44px;
background-color: #fff;
border: 1px solid #707070;
font-size: 1rem;
font-weight: 700;
}
#main.shop .recommend .aside_body {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 36px;
}
#main.shop .recommend .aside_body .list {
width: 28%;
font-weight: 700;
}
#main.shop .recommend .aside_body .list dd:before {
content: "\30FB";
}
@media screen and (max-width: 750px) {
#main.shop .shop_detail {
max-width: 77.8vw;
}
#main.shop .shop_detail .section_body {
margin-bottom: 17.5vw;
padding-top: 0;
}
#main.shop .shop_detail .section_body .image {
width: 100%;
}
#main.shop .shop_detail .section_body .detail {
width: 100%;
padding-top: 7.2vw;
padding-left: 0;
}
#main.shop .shop_detail .section_body .detail .detail_header {
margin-bottom: 8vw;
padding-bottom: 6vw;
}
#main.shop .shop_detail .section_body .detail .detail_header .tail {
width: 22.4vw;
height: 11.2vw;
margin-top: 1rem;
}
.iphone #main.shop .shop_detail .section_body .detail .detail_header .tail,
.ipad #main.shop .shop_detail .section_body .detail .detail_header .tail
{
width: 26.5vw;
}
#main.shop .shop_detail .section_body .text {
padding-top: 5.6vw;
}
#main.shop .recommend {
max-width: 77.8vw;
margin: 0 auto;
}
#main.shop .recommend .aside_header {
margin: 0 0 3.6vw;
}
#main.shop .recommend .aside_header .title {
top: -6vw;
width: 50vw;
height: 12vw;
margin: 0 auto;
}
#main.shop .recommend .aside_body {
padding: 0;
}
#main.shop .recommend .aside_body .list {
width: 100%;
}
#main.shop .recommend .aside_body .list:not(:last-child) {
margin-bottom: 7.2vw;
}
}  .contact_page_lead {
display: table;
margin: 20px auto 80px;
}
.contact_page_lead .section_header {
margin-bottom: .4em;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.63em;
}
.contact_form {
max-width: 781px;
margin: 0 auto;
}
.contact_form .list dt {
margin-bottom: .35rem;
}
.contact_form .list dd {
margin-bottom: .8rem;
}
.contact_form .list input[type="text"],
.contact_form .list input[type="email"],
.contact_form .list textarea {
border: 1px solid #CDD6DD;
font-family: inherit;
font-size: 1rem;
font-weight: 700;
line-height: 1.625em;
}
.contact_form .list input[type="text"],
.contact_form .list input[type="email"] {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 340px;
height: 50px;
padding: 0 1em;
}
.contact_form .list textarea {
width: 100%;
height: 140px;
padding: 1em;
}
.contact_form .list ::placeholder {
color: #CDD6DD;
}
.contact_form .check {
margin-top: 40px;
text-align: center;
}
.contact_form .check dt {
margin-bottom: .5em;
color: #8D7B7B;
}
.contact_form .check dd label {
position: relative;
display: inline-block;
padding-right: 2rem;
line-height: 1.3rem;
}
.contact_form .check dd label:after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 1.3rem;
height: 1.3rem;
border: 1px solid #707070;
}
.contact_form .check dd label input[type="checkbox"]:checked + span:after {
content: "";
position: absolute;
top: .3rem;
right: .3rem;
display: block;
width: .7rem;
height: .7rem;
background-color: #8D7B7B;
}
.contact_form .submit {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin-top: 45px;
}
.contact_form .submit input {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 55px;
background-color: #3A3030;
padding: 0 2.5rem;
color: #fff;
font-family: inherit;
font-size: 1rem;
font-weight: 500;
}
.contact_form .mw_wp_form_confirm .submit input.next,
.contact_form .submit input.prev {
margin: 0 20px;
padding: 0 2rem;
}
.contact_form .mw_wp_form_confirm .submit input.next {
background-color: #74C05E;
}
.contact_form .submit input.prev {
background-color: #DF4E44;
} .confirm_page_lead {
display: table;
margin: 60px auto 130px;
}
.confirm_page_lead .section_header {
margin-bottom: .4em;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.63em;
}
.contact_form .mw_wp_form_confirm .list dd {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 340px;
height: 50px;
padding: 0 1em;
border: 1px solid #CDD6DD;
}
.contact_form .mw_wp_form_confirm .list dd.textarea {
-webkit-align-items: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
min-height: 140px;
padding: 1em;
}
.contact_form .mw_wp_form_confirm .check {
display: none;
} .finish_page_contents {
max-width: 833px;
background-color: #F3F2F2;
margin: 56px auto 0;
padding: 48px 100px 66px;
border-radius: 1rem;
}
.finish_page_contents .section_header {
margin-bottom: 40px;
color: #F79839;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.63em;
text-align: center;
}
.finish_page_contents .section_body {
background-color: #fff;
padding: 2rem 3.5rem;
border-radius: 1rem;
}
@media screen and (max-width: 750px) {
.contact_page_lead {
width: 72.5vw;
margin: -5vw auto 9.6vw;
}
.contact_page_lead .section_header {
font-size: .875rem;
}
.contact_page_lead .section_body {
font-size: .75rem;
line-height: 1.66em;
}
.contact_page_lead br {
display: none;
}
.contact_form {
max-width: 84vw;
}
.contact_form .list dt {
font-size: .875rem;
}
.contact_form .list input[type="text"],
.contact_form .list input[type="email"],
.contact_form .list textarea {
font-size: 16px;
}
.contact_form .list input[type="text"],
.contact_form .list input[type="email"] {
width: 100%;
height: 2.875rem;
}
.contact_form .list textarea {
height: 37.3vw;
}
.contact_form .check {
margin-top: 6.4vw;
}
.contact_form .check dt {
margin-bottom: 1em;
font-size: .875rem;
}
.contact_form .check dd label {
font-size: .875rem;
}
.contact_form .submit {
-webkit-align-items: center;
align-items: center;
-webkit-flex-direction: column;
flex-direction: column;
margin-top: 12vw;
}
.contact_form .submit input {
height: 14.6vw;
}
.contact_form .mw_wp_form_confirm .submit input.next {
margin-bottom: 5.6vw;
} .confirm_page_lead {
width: 100%;
margin: 12vw auto 24vw;
text-align: center;
}
.confirm_page_lead .section_header {
font-size: .875rem;
}
.contact_form .mw_wp_form_confirm .list dd {
width: 100%;
height: 2.875rem;
font-size: .875rem;
}
.contact_form .mw_wp_form_confirm .list dd.textarea {
min-height: 37.3vw;
font-size: .875rem;
} .finish_page_contents {
max-width: 71vw;
margin-top: 16.8vw;
padding: .625rem 1.375rem 1.375rem;
}
.finish_page_contents .section_header {
margin-bottom: .625rem;
}
.finish_page_contents .section_body {
padding: 1.2rem 2rem;
font-size: .875rem;
line-height: 1.57em;
}
.finish_page_contents .section_body br:first-child {
display: none;
}
}