html {
height: 100%;
overflow-y: scroll;
}
body {
height: 100%;
}
a {
text-decoration: none;
}
a:focus {
outline: none;
}
h1,
h2,
h3,
h4 {
line-height: 1.4;
}  .inner {
position: relative;
width: 90%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.inner-xs {
max-width: 679px;
}
.inner-sm {
max-width: 990px;
}
.inner-lg {
max-width: 1392px;
} .section_pdg {
padding-top: 120px;
padding-bottom: 120px;
overflow: hidden;
}
.main_column .section_pdg {
padding-top: 0;
}
.main_column .section_pdg:last-child {
padding-bottom: 0;
}
.section_pdg-sm {
padding-top: 64px;
padding-bottom: 64px;
}
.section_pdg-xs {
padding-top: 40px;
padding-bottom: 40px;
} .flt-rgt {
float: right;
}
.flt-lft {
float: left;
} .pos_rel {
position: relative;
z-index: 0;
} .mgn-btm8 {
margin-bottom: 8px;
}
.mgn-btm16 {
margin-bottom: 16px;
}
.mgn-btm24 {
margin-bottom: 24px;
}
.mgn-btm32 {
margin-bottom: 32px;
}
.mgn-btm40 {
margin-bottom: 40px;
}
.mgn-btm48 {
margin-bottom: 48px;
}
.mgn-btm56 {
margin-bottom: 56px;
}
.mgn-btm64 {
margin-bottom: 64px;
}
.mgn-btm72 {
margin-bottom: 72px;
}
.mgn-btm80 {
margin-bottom: 80px;
}
.mgn-btm96 {
margin-bottom: 96px;
}
.mgn-btm104 {
margin-bottom: 104px;
} .pc-none,
.pc-none-inline,
.pc-none-table,
.pc-none-flex {
display: none;
}
.sp-none {
display: block;
}
.sp-none-inline {
display: inline;
}
.sp-none-table {
display: table;
}
.sp-none-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.inner {
width: 90%;
}
.mgn-btm16 {
margin-bottom: 8px;
}
.mgn-btm24 {
margin-bottom: 16px;
}
.mgn-btm32 {
margin-bottom: 16px;
}
.mgn-btm40 {
margin-bottom: 24px;
}
.mgn-btm48 {
margin-bottom: 24px;
}
.mgn-btm56 {
margin-bottom: 32px;
}
.mgn-btm64 {
margin-bottom: 32px;
}
.mgn-btm72 {
margin-bottom: 40px;
}
.mgn-btm80 {
margin-bottom: 40px;
}
.mgn-btm96 {
margin-bottom: 48px;
}
.mgn-btm104 {
margin-bottom: 48px;
}
.sp-none,
.sp-none-inline,
.sp-none-table,
.sp-none-flex {
display: none;
}
.pc-none {
display: block;
}
.pc-none-inline {
display: inline;
}
.pc-none-table {
display: table;
}
.pc-none-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
} .section_pdg {
padding-top: 56px;
padding-bottom: 56px;
}
.section_pdg-sm {
padding-top: 40px;
padding-bottom: 40px;
}
.section_pdg-xs {
padding-top: 32px;
padding-bottom: 32px;
} .img-sp.sp-ctr {
display: block;
margin-left: auto;
margin-right: auto;
}
} .waypoint {
position: relative;
} .waypoint.bg {
overflow: hidden;
}
.waypoint.bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #e6e6e6;
z-index: 1;
transition: all 0.8s cubic-bezier(0.51, 0.01, 0.17, 1);
}
.waypoint.bg.rgt.delay-1::before {
transition-delay: 0.3s;
}
.waypoint.bg.rgt.delay-2::before {
transition-delay: 0.6s;
}
.waypoint.bg.top.active::before {
transform: translateY(-100%);
}
.waypoint.bg.btm.active::before {
transform: translateY(100%);
}
.waypoint.bg.lft.active::before {
transform: translateX(-100%);
}
.waypoint.bg.rgt.active::before {
transform: translateX(100%);
} .waypoint.fadein {
opacity: 0;
transition: all 0.8s ease-out 0.4s;
}
.waypoint.fadein.delay-1 {
transition-delay: 0.7s;
}
.waypoint.fadein.active {
opacity: 1;
}
.waypoint.fadein.top {
transform: translateY(40px);
}
.waypoint.fadein.btm {
transform: translateY(-40px);
}
.waypoint.fadein.lft {
transform: translateX(40px);
}
.waypoint.fadein.rgt {
transform: translateX(-40px);
}
.waypoint.fadein.top.active,
.waypoint.fadein.btm.active {
transform: translateY(0);
}
.waypoint.fadein.lft.active,
.waypoint.fadein.rgt.active {
transform: translateX(0);
}  .flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
} .flex-inline {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
} .flex-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
} .flex-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
} .flex-j-start {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-j-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-j-ctr {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-j-between {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-j-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
} .flex-a-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-a-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-a-ctr {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-a-baseline {
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.flex-a-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
} .flex-c-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-c-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .flex-c-reverse {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-c-start {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex-c-start {
-webkit-align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex-c-end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.flex-c-ctr {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.flex-c-baseline {
-webkit-align-content: baseline;
-ms-flex-line-pack: baseline;
align-content: baseline;
}
.flex-c-stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
} .flex-col2,
.flex-col3,
.flex-col4,
.flex-col7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-col2 > * {
width: calc(50% - 40px);
margin-right: 80px;
margin-bottom: 80px;
}
.flex-col2.narrow > * {
width: calc(50% - 20px);
margin-right: 40px;
margin-bottom: 40px;
}
.flex-col2 > *:nth-child(even) {
margin-right: 0;
}
.flex-col3 > * {
width: 31.33%;
margin-right: 3%;
margin-bottom: 3%;
}
.flex-col3 > *:nth-child(3n + 3) {
margin-right: 0;
}
.flex-col4 > * {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
}
.flex-col4 > *:nth-child(4n + 4) {
margin-right: 0;
}
.flex-col7 > * {
width: 13.6%;
margin-right: 0.8%;
margin-bottom: 0.8%;
}
.flex-col7 > *:nth-child(7n + 7) {
margin-right: 0;
}
.flex-col2.no_mgn > *,
.flex-col3.no_mgn > *,
.flex-col4.no_mgn > *,
.flex-col7.no_mgn > * {
margin-right: 0;
margin-bottom: 0;
}
.flex-col2.no_mgn > * {
width: 50%;
}
.flex-col3.no_mgn > * {
width: calc(100% / 3);
}
.flex-col4.no_mgn > * {
width: 25%;
}
@media screen and (max-width: 767px) { .flex-sp-block {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-sp-block > *,
.flex-sp-block.no_mgn > * {
width: 100%;
} .flex-col2.narrow > * {
width: calc(50% - 8px);
margin-right: 16px;
margin-bottom: 16px;
}
.flex-sp-col2 > *,
.flex-sp-col2.flex-col3 > *:nth-child(3n + 3) {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}
.flex-col2.narrow > *:nth-child(even),
.flex-sp-col2 > *:nth-child(even) {
margin-right: 0;
}
.flex-sp-col3 > *,
.flex-sp-col3.flex-col4 > *:nth-child(4n + 4),
.flex-sp-col3 > *,
.flex-sp-col3.flex-col7 > *:nth-child(7n + 7) {
width: 31.33%;
margin-right: 3%;
margin-bottom: 3%;
}
.flex-sp-col3 > *:nth-child(3n + 3) {
margin-right: 0;
}
.flex-col2.no_mgn > *,
.flex-col3.no_mgn > *,
.flex-col4.no_mgn > *,
.flex-col2.flex-sp-block > *,
.flex-col3.flex-sp-block > *,
.flex-col4.flex-sp-block > * {
margin-bottom: 24px;
margin-right: 0;
}
.flex-col2.no_mgn.flex-sp-block > *,
.flex-col3.no_mgn.flex-sp-block > *,
.flex-col4.no_mgn.flex-sp-block > * {
margin-bottom: 0;
}
} .img-ctr {
display: block;
margin-left: auto;
margin-right: auto;
}
.img-trim {
display: flex;
justify-content: center;
align-items: center;
}
.img-trim.pos_rel::before {
content: "";
display: block;
}
.img-cover {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.img-cover.pos_ab {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.img-contain {
object-fit: contain;
font-family: "object-fit: contain;";
} .txt-lg {
font-size: 107%;
}
.txt-sm {
font-size: 94%;
}
.txt-xs {
font-size: 81.25%;
}
.txt-ctr {
text-align: center;
}
.txt-rgt {
text-align: right;
}
.txt-attention-kome {
position: relative;
padding-left: 1.4em;
}
.txt-attention-kome::before {
content: "※";
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 767px) {
.txt-sp-lft {
text-align: left;
}
.txt-sp-ctr {
text-align: center;
}
} #page_ttl {
position: relative;
height: 400px;
}
#page_ttl::before {
content: "";
position: absolute;
top: 0;
right: 0;
max-width: 1232px;
width: 65%;
height: 100%;
}
#page_ttl h1 {
font-size: 240%; letter-spacing: 0.1em;
font-weight: 500;
}
@media screen and (max-width: 767px) {
#page_ttl {
margin-top: 64px;
height: 160px;
}
#page_ttl h1 {
font-size: 215%; }
} .ttl-01,
.ttl-02,
.ttl-03 {
-webkit-font-smoothing: auto;
}
.ttl-01 {
font-size: 214%; line-height: 1.3;
margin-bottom: 1.5em;
}
.content-section .ttl-01,
.main_column .ttl-01 {
font-size: 240%;
letter-spacing: 0.1em;
padding-bottom: 0.7em;
text-align: center;
position: relative;
background-repeat: no-repeat;
background-position: center bottom;
}
.main_column .content-section .ttl-01 {
font-size: 214%;
}
.content-section .ttl-01::after,
.main_column .ttl-01::after {
content: "";
display: block;
width: 76px;
height: 19px;
margin: 24px auto 0;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/common/h_icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.main_column .content-section .ttl-01::after {
display: none;
}
.ttl-02,
.ttl-03 {
font-size: 240%; line-height: 1.4;
}
.main_column .ttl-02,
.main_column .ttl-03 {
font-size: 215%;
}
.ttl-02 {
text-align: center;
margin-bottom: 1em;
}
.ttl-03 {
margin-bottom: 0.7em;
}
.ttl-01 small {
display: block;
font-size: 44%;
margin-bottom: -1.5em;
font-weight: 500;
}
.ttl-01 small + br {
line-height: 0.5;
}
.ttl-03 + p {
margin-top: 16px;
}
@media screen and (max-width: 767px) {
.ttl-01 {
font-size: 200%; margin-bottom: 0.5em;
}
.content-section .ttl-01,
.main_column .ttl-01 {
font-size: 215%;
}
.main_column .content-section .ttl-01 {
font-size: 195%;
}
.content-section .ttl-01::after,
.main_column .ttl-01::after {
width: 56px;
height: 14px;
margin: 18px auto 0;
}
.ttl-02,
.ttl-03 {
font-size: 190%;
}
.main_column .ttl-02,
.main_column .ttl-03 {
font-size: 180%;
}
} #header {
position: relative;
height: 280px;
background-color: #fff;
z-index: 9999;
}
#header-fx {
position: fixed;
width: 100%;
height: 124px;
top: 0;
left: 0;
opacity: 0;
transition: all 0.4s ease-out;
}
#header-fx.fadein {
opacity: 1;
z-index: 9999;
}
.header .inner {
max-width: 1600px;
}
.head--logo {
line-height: 48px;
font-size: 200%;
max-width: 260px;
}
#header-fx .head--logo img {
max-height: 96px;
}
.head--logo a {
display: block;
}
.head--logo a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
#header {
position: fixed;
top: 0;
width: 100%;
padding: 0;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
}
#header-fx {
display: none;
}
#header .container {
width: 100%;
}
.head--logo {
position: fixed;
top: 8px;
left: 14px;
}
.head--logo img {
padding: 0;
height: auto;
max-height: 36px;
max-width: 90%;
}
#header .head--logo img {
max-width: 100%;
width: auto;
height: 56px;
max-height: none;
}
} .gnav {
}
.btn-en {
display: table;
color: #929292;
background-color: #e6e6e6;
padding-left: 0.75em;
padding-right: 0.5em;
font-size: 86%;
}
#header .btn-en {
margin-left: auto;
margin-bottom: 2em;
}
#header-fx .btn-en {
margin-left: 3em;
}
.gnav .container {
display: flex;
justify-content: center;
align-items: center;
}
.gnav--menu {
transform: translateX(1em);
}
.gnav--menu li {
position: relative;
}
.gnav--menu a,
.fnav--menu a {
letter-spacing: 0.05em;
}
.gnav--menu a {
position: relative;
display: block;
font-size: 95%;
z-index: 1;
height: 3.5em;
padding: 1em;
}
.fnav--menu a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #929292;
transition: all 0.4s ease-out;
}
.fnav--menu a:hover::before {
width: 100%;
}
.gnav--menu a span {
position: absolute;
bottom: -1em;
left: 0;
right: 0;
margin: auto;
text-align: center;
white-space: nowrap;
display: none;
font-size: 86%;
color: #929292;
}
.gnav_sub_toggle {
display: none;
cursor: pointer;
}
.gnav--menu .gnav--tel {
display: none;
}
.snav {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
font-size: 93%;
display: none;
padding-top: 5em;
}
.gnav--menu .snav li {
margin-left: 2em;
margin-right: 0;
list-style-type: disc;
}
.gnav--menu .snav li:not(:last-child) {
margin-bottom: 8px;
}
.gnav--menu .snav a {
width: auto !important;
height: auto;
padding: 0;
text-align: left;
}
.gnav--menu .snav a::before {
display: none;
}
.gnav--menu .snav a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.gnav {
display: none;
border: none;
text-align: center;
font-size: 100%;
}
.gnav--menu {
position: fixed;
height: 100%;
width: 100%;
margin: 0;
padding: 64px 5% 24px;
top: 45px;
top: 0;
left: 0;
z-index: 300;
overflow: scroll;
transform: translateX(0);
}
.gnav--menu li {
position: relative;
display: block;
}
.gnav--menu li:not(:last-child) {
margin-bottom: 4px;
}
.gnav--menu .gnav--menuIcon {
margin: 0;
}
.gnav--menu a,
.gnav--menu a:hover {
color: #fff;
}
.gnav--menu a {
display: block;
padding: 0.5em 1em;
z-index: 0;
height: auto;
}
.gnav--menu a::before {
display: none;
}
.gnav--menu a span {
position: static;
display: block;
}
.gnav_sub_toggle {
position: absolute;
top: 0;
right: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
font-size: 10px;
width: 40px;
height: 40px;
color: #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.gnav_sub_toggle.active {
transform: rotate(180deg);
}
.snav {
width: 100%;
position: static;
padding-top: 0;
}
.gnav--menu .snav a {
padding: 0.5em 1em;
background-color: #fff;
color: #000 !important;
text-align: center;
}
.gnav--menu .snav li {
margin-left: 0;
}
.gnav--menu .snav li:not(:last-child) {
margin-bottom: 4px;
}
.gnav--menu .gnav--tel {
display: block;
}
.gnav--menu .gnav--tel a {
display: table;
margin: 0 auto;
padding: 10px 40px;
border: 1px solid #fff;
border-radius: 0;
font-size: 120%;
}
.gnav_btn {
position: fixed;
top: 0;
right: 0;
width: 48px;
height: 48px;
background-color: #000;
z-index: 9999;
}
.gnav_btn--lines {
position: relative;
width: 24px;
height: 13px;
}
.gnav_btn--lines span {
transition: all 0.4s;
box-sizing: border-box;
}
.gnav_btn--lines span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
}
.gnav_btn--lines span:nth-of-type(1) {
top: 0;
}
.gnav_btn--lines span:nth-of-type(2) {
top: 6px;
}
.gnav_btn--lines span:nth-of-type(3) {
bottom: 0;
}
.active .gnav_btn--lines span:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-35deg);
transform: translateY(6px) rotate(-35deg);
}
.active .gnav_btn--lines span:nth-of-type(2) {
opacity: 0;
}
.active .gnav_btn--lines span:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(35deg);
transform: translateY(-6px) rotate(35deg);
}
#header .btn-en {
display: none;
}
} #header.fixed {
background-color: #fff;
color: #000;
box-shadow: 0 0 10px -4px #000;
}
#header.fixed a {
color: #333;
}
.fixed .gnav--menu a::before {
background-color: #000;
}
#header.fixed .head_contact a {
color: #fff;
}
@media screen and (max-width: 767px) {
.gnav--menu .current a::before {
display: none;
}
#header.fixed a {
color: #fff;
}
}  #foot_contact .tel_btn a {
padding: 1em;
max-width: 440px;
width: 90%;
}
#foot_contact .tel_btn strong {
display: block;
font-size: 110%;
}
#foot_contact .tel_btn span {
font-size: 192%;
font-family: "Lato", sans-serif;
font-weight: normal;
}
#foot_contact .hours {
display: block;
font-size: 100%;
}
@media screen and (max-width: 1080px) {
footer .flex-sp-block {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
footer .txt-sp-ctr {
text-align: center;
}
}
@media screen and (max-width: 767px) {
#foot_contact .tel_btn a {
display: block;
margin-left: auto;
margin-right: auto;
font-size: 90%;
}
} .footer--info {
margin-right: 40px;
}
.footer--info > * {
padding-left: 40px;
padding-right: 40px;
}
.footer--info > *:first-child {
padding-left: 0;
}
.footer--info > *:last-child {
padding-right: 0;
}
.footer--info > *:only-child {
padding: 0;
}
.footer--info > *:not(:last-child) {
border-right: 1px solid #000;
}
.foot--logo img {
width: 78px;
}
@media screen and (max-width: 1080px) {
.footer--info {
margin-right: 0;
margin-bottom: 24px;
}
.footer--info > * {
padding-left: 0;
padding-right: 0;
}
.footer--info > *:not(:last-child) {
border-right: 0;
margin-bottom: 24px;
}
} .sns--list li:not(:last-child) {
margin-right: 0.8em;
}
.sns--list a {
display: block;
font-size: 133%;
}
.sns--list a:hover {
opacity: 0.7;
}
@media screen and (max-width: 1080px) {
.sns--list {
-webkit-justify-content: center;
justify-content: center;
}
} #page_top {
display: block;
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999;
width: 64px;
height: 64px;
font-size: 90%;
}
#page_top::before,
#page_top::after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 1px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#page_top::before {
bottom: 8px;
height: 48px;
}
#page_top::after {
bottom: 40px;
height: 16px;
transform: rotate(25deg) translate(-4px, 0);
}
#page_top:hover::before {
height: 56px;
}
#page_top:hover::after {
bottom: 48px;
}
@media all and (-ms-high-contrast: none) {
#page_top::after {
top: 8px;
height: 16px;
transform: rotate(25deg) translate(-3px, 0);
}
#page_top:hover::after {
bottom: 56px;
}
}
#page_top span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: table;
transform: rotate(90deg) translate(0, -32px);
}
@-moz-document url-prefix() {
#page_top span {
transform: rotate(90deg) translate(18px, -16px);
}
}
@media all and (-ms-high-contrast: none) {
#page_top span {
transform: rotate(90deg) translate(18px, -32px);
}
}
@media screen and (max-width: 767px) {
#page_top {
display: none;
}
} .copyright {
padding-top: 8px;
padding-bottom: 8px;
}
.copyright p {
font-size: 80%;
}
.copyright p:not(:last-child) {
margin-right: 1em;
}
.pbf a,
.pbll a {
display: block;
opacity: 0.5;
}
.pbf a:hover,
.pbll a:hover {
opacity: 1;
} .home #wrapper {
position: relative;
}
.home #wrapper::before {
content: "";
position: absolute;
top: -364px;
left: 0;
width: 100%;
height: 100%;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/top_bg.png);
background-repeat: no-repeat;
background-position: left top;
z-index: -1;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999;
}
.loading--lines {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 90%;
width: 400px;
height: 400px;
}
.loading span {
position: absolute;
transition: all 0.4s cubic-bezier(0.51, 0.01, 0.17, 1);
}
.loading span:nth-child(odd) {
width: 0;
height: 1px;
}
.loading.active span:nth-child(odd) {
width: 100%;
}
.loading span:nth-child(even) {
width: 1px;
height: 0;
transition-delay: 0.4s;
}
.loading.active span:nth-child(even) {
height: 100%;
}
.loading span:nth-child(1),
.loading span:nth-child(2) {
top: 0;
}
.loading span:nth-child(3),
.loading span:nth-child(4) {
bottom: 0;
}
.loading span:nth-child(1),
.loading span:nth-child(4) {
left: 0;
}
.loading span:nth-child(2),
.loading span:nth-child(3) {
right: 0;
}
.loading--img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
transform: scale(1.1);
transition: all 0.8s ease-out 1s;
}
.loading.active .loading--img {
opacity: 1;
transform: scale(1);
}
@media screen and (max-width: 767px) {
.home #wrapper::before {
background-size: 640px;
}
.loading--lines {
width: 300px;
height: 300px;
}
.loading--img {
width: 80px;
}
} .main_visual,
.main_visual .sm-slider,
.main_visual .sm-slider:after {
height: 708px;
}
.main_visual {
position: relative;
margin-bottom: 108px;
}
.main_visual .inner {
max-width: 1680px;
}
.main_visual .sm-slider {
width: 65%;
max-width: 1200px;
}
.main_visual .sm-slider,
.main_visual .sm-slider:after {
position: absolute;
}
.main_visual_catch {
position: relative;
display: table;
margin-left: auto;
margin-right: 2.5%;
padding-top: 320px;
z-index: 1;
}
.main_visual_catch h2 {
font-size: 320%; letter-spacing: 0.1em;
}
.main_visual_catch h2:not(:only-child) {
margin-bottom: 0.8em;
}
.main_visual_catch p {
font-style: oblique;
font-size: 134%;
}
@media screen and (max-width: 767px) {
.main_visual,
.main_visual .sm-slider,
.main_visual .sm-slider:after {
height: 340px;
}
.main_visual {
margin-top: 76px;
margin-bottom: 56px;
}
.sm-slider::after {
background-color: rgba(0, 0, 0, 0.3);
}
.main_visual .sm-slider {
width: 80%;
}
.main_visual_catch {
margin-left: inherit;
margin-right: auto;
padding-top: 325px;
}
.main_visual_catch h2 {
font-size: 172%; }
.main_visual_catch p {
font-size: 115%; }
} #home_section-01 {
min-height: 640px;
}
#home_section-03 {
min-height: 816px;
}
#home_section-01 .inner,
#home_section-03 .inner {
max-width: 1264px;
}
#home_section-02 .inner {
max-width: 1394px;
}
.home_content--img {
position: absolute;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#home_section-01 .img01 {
top: 0;
bottom: 0;
left: 554px;
margin: auto;
width: 1040px;
height: 424px;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/top_concept.jpg);
}
#home_section-02 .img01,
#home_section-02 .img03 {
right: 626px;
}
#home_section-02 .img01 {
top: 0;
width: 768px;
height: 480px;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/top_creators01.jpg);
}
#home_section-02 .img02 {
top: 144px;
right: 0;
width: 480px;
height: 768px;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/top_creators02.jpg);
}
#home_section-02 .img03 {
top: 624px;
width: 584px;
height: 584px;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/top_creators03.jpg);
}
#home_section-03 .home_content--img {
top: 0;
bottom: 0;
margin: auto;
width: 320px;
height: 600px;
}
#home_section-03 .img01 {
left: 554px;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/top_washi01.jpg);
}
#home_section-03 .img02 {
left: 914px;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/top_washi02.jpg);
}
#home_section-03 .img03 {
left: 1274px;
background-image: url(//washinary.jp/wp/wp-content/themes/standard/images/top_washi03.jpg);
}
.home_content .content {
position: relative;
}
#home_section-01 .content,
#home_section-03 .content {
max-width: 412px;
}
#home_section-02 .content {
padding-top: 1052px;
max-width: 448px;
margin-left: auto;
}
.home_content .txt {
margin-bottom: 4em;
line-height: 2.1;
} #home_section-shokunin {
position: relative;
}
#home_section-shokunin::before {
content: "";
position: absolute;
top: 54px;
left: 0;
width: 100%;
height: 504px;
}
#home_section-shokunin .ttl-01 {
margin-bottom: 2em;
}
.shokunin--list {
margin-bottom: 148px;
}
.shokunin--list li {
position: relative;
display: -webkit-flex !important;
display: flex !important;
width: 320px;
height: 432px;
margin-left: 20px;
margin-right: 20px;
background-color: #e6e6e6;
overflow: hidden;
}
.shokunin--list li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transform-origin: left;
transition: all 0.4s cubic-bezier(0.51, 0.01, 0.17, 1);
transform: scale(0, 1);
}
.shokunin--list li:hover::before {
transform: scale(1, 1);
}
.shokunin--list img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: inherit;
}
.shokunin--list .slick-prev {
left: 80px;
}
.shokunin--list .slick-next {
right: 80px;
}
.shokunin--list .post--link::before {
z-index: 2;
}
.shokunin--info {
position: relative;
color: #fff;
text-align: center;
z-index: 1;
transition: all 0.8s cubic-bezier(0, 0, 0.15, 0.99);
transform: translateY(80px);
opacity: 0;
}
.shokunin--list li:hover .shokunin--info {
transform: translateY(0);
opacity: 1;
}
.shokunin--info h4 {
font-size: 160%;
font-weight: 500;
}
.shokunin--info small {
display: block;
font-size: 94%;
}
@media screen and (max-width: 767px) {
#home_section-01,
#home_section-03 {
min-height: inherit;
}
#home_section-01 {
margin-top: 200px;
}
#home_section-02 .img01,
#home_section-02 .img03 {
right: 0;
margin: auto;
}
#home_section-02 .img01 {
left: -37%;
width: 66.7vw;
height: 42vw;
}
#home_section-02 .img02 {
top: calc(42vw + 24px);
right: -6%;
width: 42vw;
height: 66.7vw;
}
#home_section-02 .img03 {
top: calc(42vw + 24px);
left: -55%;
width: 51.5vw;
height: 51.5vw;
}
#home_section-02 .content {
padding-top: calc(93.5vw + 72px);
max-width: 100%;
}
#home_section-03 .content {
padding-top: calc(49vw + 24px);
}
#home_section-03 .home_content--img {
top: 0;
bottom: inherit;
left: inherit;
right: -6%;
width: 26.2vw;
height: 49vw;
}
#home_section-03 .img01 {
right: calc(-6% + 52.4vw + 20px);
}
#home_section-03 .img02 {
right: calc(-6% + 26.2vw + 10px);
} #home_section-shokunin::before {
top: 0;
height: 120vw;
}
.shokunin--list {
margin-bottom: 72px;
}
.shokunin--list li {
width: 240px;
height: 324px;
margin-left: 10px;
margin-right: 10px;
}
.shokunin--list img {
width: 240px;
}
.shokunin--list .slick-prev {
left: 0;
}
.shokunin--list .slick-next {
right: 0;
}
}
@media screen and (max-width: 320px) {
.shokunin--list li {
width: 216px;
height: 292px;
margin-left: 8px;
margin-right: 8px;
}
.shokunin--list img {
width: 216px;
}
} #home_release .inner {
max-width: 1234px;
}
.home_release--ttl {
font-size: 174%;
font-weight: 500;
}
#home_release .inner.flex-col2 > * {
width: calc(50% - 78px);
margin-right: 156px;
margin-bottom: 0;
}
#home_release .inner.flex-col2 > *:nth-child(even) {
margin-right: 0;
}
#home_release .post:not(:last-child) {
margin-bottom: 40px;
}
#home_release .post--ttl {
font-size: 134%;
}
#home_release .post--img {
width: 152px;
height: 152px;
margin-right: 40px;
}
#home_release .post--txtarea {
width: calc(100% - 192px);
}
#home_release .post--txt {
font-size: 94%;
}
@media screen and (max-width: 1380px) {
#home_release .inner.flex-col2 > * {
width: calc(50% - 40px);
margin-right: 80px;
}
}
@media screen and (max-width: 1295px) {
#home_release .inner.flex-col2 > * {
width: calc(50% - 20px);
margin-right: 40px;
}
}
@media screen and (max-width: 1200px) {
#home_release .inner.flex-col2 > *,
#home_release .inner.flex-col2 > *:nth-child(even) {
max-width: 536px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#home_release .inner.flex-col2 > *:not(:last-child) {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
#home_release .post {
flex-direction: row;
font-size: 90%;
}
#home_release .post:not(:last-child) {
margin-bottom: 24px;
}
#home_release .post--img {
width: 96px;
height: 96px;
margin-right: 16px;
}
#home_release .post--txtarea {
width: calc(100% - 112px);
}
#home_release .post--ttl {
margin-bottom: 0.25em;
}
#home_release .post--img .no_img {
width: 96px;
height: 96px;
}
}  .sitemap--list {
width: 49%;
}
.sitemap--list-page.sitemap--list > li {
margin-bottom: 10px;
}
.sitemap--list-posts.sitemap--list .sitemap--item-ttl:not(:first-child) {
margin-top: 10px;
}
.sitemap--list-posts.sitemap--list > .sitemap--item-child {
margin-bottom: 16px;
}
.sitemap--list li a {
display: block;
text-decoration: none;
}
.sitemap--list li a:hover {
color: #4267b2;
text-decoration: underline;
}
.sitemap--item-ttl {
font-weight: bold;
}
.sitemap--item:not(.sitemap--item-ttl) {
font-size: 85%;
} .sitemap--list li.sitemap--item-child a {
padding-left: 8px;
}
.sitemap--list li.sitemap--item-child.sitemap--item-page {
padding: 6px 0 6px 24px;
}
.sitemap--list li.sitemap--item-taxonomy ul {
letter-spacing: -0.4em;
}
.sitemap--list li.sitemap--item-taxonomy ul li {
display: inline-block;
padding: 0;
margin-right: 8px;
letter-spacing: normal;
}
@media screen and (max-width: 767px) {
.sitemap--list {
width: 100%;
}
.sitemap--list-posts.sitemap--list > .sitemap--item-child {
margin-bottom: 8px;
}
} .post {
position: relative;
transition: all 0.4s ease-out;
}
.post:hover {
opacity: 0.7;
}
.post--link::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.post--date {
display: block;
font-size: 107%;
font-style: italic;
color: #aaa8a7;
}
.cat_list a {
position: relative;
display: inline-block;
margin: 2px;
padding: 0 0.5em;
font-size: 79%;
border: 1px solid;
z-index: 100;
line-height: 1.7;
background-color: #fff;
}
.cat_list a:hover {
color: #fff;
}
.post--ttl {
font-size: 174%;
margin-bottom: 0.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.post--img {
position: relative;
overflow: hidden;
background-color: #e6e6e6;
pointer-events: none;
}
.post--dl dt {
position: relative;
width: 5em;
}
.post--dl dt::before {
content: "";
position: absolute;
top: 0.75em;
right: 0;
width: 0.5em;
height: 1px;
border-bottom: 1px solid;
}
.post--dl dd {
width: calc(100% - 5em);
padding-left: 0.75em;
}
.post--list li {
display: inline-block;
}
.post--list li:not(:last-child)::after {
content: "/";
display: inline-block;
padding: 0 0.25em;
}
.post--list a {
position: relative;
z-index: 1;
}
.post--list a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 1px;
border-bottom: 1px solid;
transition: all 0.4s ease-out;
}
.post--list a:hover::before {
opacity: 0;
}
@media screen and (max-width: 767px) {
.post--info {
display: flex;
}
.cat_list {
margin-left: 16px;
}
.single-online-shop .cat_list:first-of-type {
margin-left: 0;
}
} #blog_post_list .post {
position: relative;
padding: 56px 0;
border-bottom: 1px solid #e6e6e6;
}
#blog_post_list .post:first-child {
padding: 0 0 56px;
}
#blog_post_list .post--img {
width: 240px;
height: 240px;
margin-right: 40px;
}
#blog_post_list .post--txtarea {
flex: 1;
}
@media screen and (min-width: 768px) {
#blog_post_list .post--txtarea {
width: calc(100% - 240px);
}
}
@media screen and (max-width: 767px) {
#blog_post_list .post--img {
width: 100%;
margin-bottom: 16px;
margin-right: 0;
}
#blog_post_list .post {
padding: 32px 0;
}
#blog_post_list .post:first-child {
padding: 0 0 32px;
}
#blog_post_list .post:last-child {
border-bottom: none;
}
} .online-shop--slide {
opacity: 0;
}
.online-shop--slide.no_slide,
.online-shop--slide.slick-slider {
opacity: 1;
}
.online-shop--slide .slick-list,
.online-shop--slide .slick-slide {
height: 100% !important;
}
.online-shop--slide .slick-slide {
margin-bottom: 2.08vw; margin-left: 2.08vw; margin-right: 2.08vw; transition: all 0.4s ease-out;
}
.online-shop--slide .slick-slide::before {
padding-top: calc(9 / 16 * 100%);
}
.online-shop--slide .slick-slide a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.online-shop--slide .slick-slide a[href="javascript:vold(0);"] {
cursor: inherit;
}
.online-shop--slide .slick-slide:not(.slick-current),
.online-shop--slide .slick-slide a:not([href="javascript:vold(0);"]):hover {
opacity: 0.7;
}
.online-shop--slide .slick-arrow {
width: 4.17vw; }
.online-shop--slide .slick-prev {
left: 20%;
margin-left: -2.08vw;
}
.online-shop--slide .slick-next {
right: 20%;
margin-right: -2.08vw;
}
.online-shop--slide .slick-arrow::after {
width: 1.67vw; height: 1.67vw; }
.online-shop--slide .slick-prev::after {
margin-right: -1.04vw;
}
.online-shop--slide .slick-next::after {
margin-left: -1.04vw;
}
.archive-online-shop .container {
max-width: 1300px;
}
.archive-online-shop .col-md-9 {
width: 78%;
}
.archive-online-shop .col-md-3 {
width: 20%;
}
.vr-area {
display: block;
margin: 0 auto;
}
.washi_post_list--ttl {
font-size: 160%;
border-bottom: 1px solid;
padding-bottom: 0.5em;
margin-bottom: 1em;
}
.washi_post_list:not(:last-child) {
margin-bottom: 80px;
}
.washi_post_list .post {
position: relative;
line-height: 1.8;
}
.washi_post_list .post:last-child {
margin-bottom: 0;
}
.washi_post_list .post--ttl {
font-size: 125%;
overflow: inherit;
text-overflow: inherit;
white-space: inherit;
}
.washi_post_list .post--img {
width: 100%;
margin-bottom: 24px;
}
.washi_post_list .post--img::before {
padding-top: 100%;
}
.washi_post_list .post--info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 12px;
}
.washi_post_list .post--price {
text-align: right;
margin-bottom: 0.5em;
font-size: 107%;
font-style: italic;
color: #aaa8a7;
}
.single-online-shop .washi_post_list {
margin-top: 120px;
}
.washi_post_list .no_post {
width: 100%;
}
@media print, screen and (min-width: 768px) {
.taxonomy-online-shop .container {
padding-top: 0;
}
}
@media screen and (max-width: 1080px) {
.archive-online-shop .col-md-9,
.archive-online-shop .col-md-3 {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.online-shop--slide {
margin-top: 80px;
}
.online-shop--slide .slick-slide {
margin-bottom: 4.16vw;
margin-left: 4.16vw;
margin-right: 4.16vw;
}
.online-shop--slide .slick-arrow {
width: 8.34vw;
}
.online-shop--slide .slick-prev {
left: 10%;
margin-left: -4.16vw;
}
.online-shop--slide .slick-next {
right: 10%;
margin-right: -4.16vw;
}
.online-shop--slide .slick-arrow::after {
width: 3.34vw;
height: 3.34vw;
}
.online-shop--slide .slick-prev::after {
margin-right: -2.08vw;
}
.online-shop--slide .slick-next::after {
margin-left: -2.08vw;
}
.washi_post_list:not(:last-child) {
margin-bottom: 40px;
}
.washi_post_list .post--img {
margin-bottom: 16px;
}
f .washi_post_list .post--img .no_img {
width: 100vw;
height: 100vw;
}
.washi_post_list .post--txtarea {
width: 100%;
}
.single-online-shop .washi_post_list {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 96px;
}
.single-online-shop .washi_post_list .post {
width: 46%;
}
.single-online-shop .washi_post_list .post:nth-of-type(3) {
display: none;
}
.vr-area {
width: 100%;
padding: 0 5%;
}
} .news_list .post {
padding-bottom: 16px;
padding-top: 16px;
margin-bottom: 0;
}
.news_list .post:not(:last-child) {
border-bottom: 1px solid #dedede;
}
.news_list .post--date {
color: #fff;
padding-top: 6px;
padding: 6px;
padding-left: 24px;
padding-right: 24px;
margin-right: 32px;
}
.news_list .post--ttl {
flex: 1;
}
.news_list .post a {
display: inline-flex;
align-items: center;
}
.news_list .post svg {
width: 18px;
height: 18px;
margin-left: 8px;
}
.news_list a[href="javascript:void(0);"],
.news_list a[href="javascript:void(0);"]::before {
color: inherit;
cursor: inherit;
opacity: 1;
text-decoration: none;
}
@media screen and (max-width: 768px) {
.news_list .post {
display: block;
}
.news_list .post--date {
display: inline-block;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 16px;
padding-left: 16px;
margin-bottom: 8px;
}
} .wp-pagenavi {
width: 100%;
text-align: center;
margin-top: 64px;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi a,
.wp-pagenavi .current {
padding: 2px 20px;
display: inline-block;
color: #fff;
margin: 0 2px;
text-decoration: none;
font-weight: 300;
font-size: 107%;
border-width: 1px;
border-style: solid;
}
.wp-pagenavi a {
border-style: solid;
border-width: 1px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.wp-pagenavi a:hover {
opacity: 0.7;
}
.wp-pagenavi .current {
border: 1px solid #ddd;
color: #ddd;
}
.wp-pagenavi .extend {
margin: 0 8px;
}
.wp-pagenavi .current {
background: transparent;
}
.nextpostslink,
.previouspostslink {
position: relative;
background: none !important;
border: none !important;
padding: 2px 16px !important;
}
.previouspostslink::before,
.nextpostslink::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 16px;
height: 16px;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0.01, 1, 0.8);
-moz-transition: all 0.3s cubic-bezier(0.2, 0.01, 1, 0.8);
-ms-transition: all 0.3s cubic-bezier(0.2, 0.01, 1, 0.8);
transition: all 0.3s cubic-bezier(0.2, 0.01, 1, 0.8);
}
.previouspostslink::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.previouspostslink::before {
left: 20px;
}
.nextpostslink::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nextpostslink::before {
right: 20px;
}
@media screen and (max-width: 767px) {
.wp-pagenavi {
margin-top: 40px;
font-size: 79%;
}
.wp-pagenavi a,
.wp-pagenavi .current {
padding: 4px 8px;
}
.previouspostslink::before,
.nextpostslink::before {
width: 12px;
height: 12px;
}
.nextpostslink,
.previouspostslink {
padding: 2px 12px !important;
}
.wp-pagenavi .nextpostslink {
display: none;
}
}
@media screen and (max-width: 640px) {
#mainContent .container-mini .wp-pagenavi a {
display: block;
margin: 2px;
line-height: 1.2;
padding: 8px 15px;
}
}
@media screen and (max-width: 374px) {
.wp-pagenavi a,
.wp-pagenavi .current {
padding: 2px 5px;
}
} @media screen and (max-width: 767px) {
.main_column {
margin-bottom: 80px;
}
} .side_section:not(:last-child) {
margin-bottom: 64px;
}
body[class*="online-shop"] .side_section {
padding: 24px;
}
body[class*="online-shop"] .side_section:not(:last-child) {
margin-bottom: 32px;
}
.side--ttl {
position: relative;
margin-bottom: 1em;
padding-bottom: 1em;
padding-left: 0.5em;
font-size: 120%;
letter-spacing: 0.2em;
line-height: 1;
border-bottom: 1px solid #000;
font-weight: 500;
}
body[class*="online-shop"] .side--list li:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
}
.side--list li {
position: relative;
}
.side--list a {
position: relative;
display: block;
padding: 0.25em 0.5em 0.25em 2em;
}
body[class*="online-shop"] .side--list a {
padding: 0.25em 0.5em;
}
body[class*="online-shop"] .side--list a:hover {
background-image: none !important;
background-color: #fff;
}
body[class*="online-shop"] .side--list .has_children a {
padding-right: 2em;
}
.archive-diary .side--list a::before {
content: "";
position: absolute;
top: 1em;
width: 0.5em;
height: 1px;
background-color: #000;
}
.archive-diary .side--list a::before {
left: 0.75em;
}
.side--list .children {
padding-left: 1em;
}
body[class*="online-shop"] .side--list .children {
border-top: 1px solid #e6e6e6;
display: none;
}
.side--list .toggle {
position: absolute;
top: 0.2em;
right: 0;
width: 2em;
height: 2em;
z-index: 1;
cursor: pointer;
transition: all 0.4s ease-out;
}
.side--list .toggle.active {
transform: rotate(180deg);
}
.side--list .toggle::before,
.side--list .toggle::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 1px;
background-color: #000;
transition: all 0.4s ease-out;
}
.side--list .toggle::before {
width: 10px;
}
.side--list .toggle::after {
width: 8px;
transform: rotate(90deg);
}
.side--list .toggle.active::after {
opacity: 0;
}
.side_bnr--list li:not(:last-child) {
margin-bottom: 8px;
}
.side_bnr--list a[href="javascript:vold(0);"] {
cursor: inherit;
}
.side_bnr--list a:not([href="javascript:vold(0);"]):hover {
opacity: 0.7;
} .searchtext {
width: 100%;
border: 1px solid;
border-radius: 3em;
height: 40px;
padding: 0.5em calc(0.5em + 32px) 0.5em 1em;
}
.searchtext:focus {
outline: none;
}
.btn-search {
position: absolute;
top: 50%;
right: 6px;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
border: 0;
background-color: transparent;
width: 32px;
height: 32px;
font-size: 18px;
} .posts-side .post:not(:last-child) {
margin-bottom: 16px;
}
.posts-side .post--img {
margin-right: 16px;
border-radius: 3px;
width: 64px;
height: 64px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.posts-side .post--txtarea {
flex: 1;
line-height: 1;
}
.posts-side .post--date {
margin-bottom: 4px;
}
.posts-side .post--ttl {
line-height: 1.4;
} .side_column .archive_list--ttl {
padding: 0.25em 0;
line-height: 1.8;
cursor: pointer;
transition: all 0.4s ease-out;
font-weight: 500;
}
.side_column .archive_list--ttl::after {
content: "";
display: block;
width: 8px;
height: 8px;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(135deg);
transition: 0.4s ease-out;
}
.side_column .archive_list--ttl:hover {
opacity: 0.7;
}
.side_column .archive_list--ttl.active::after {
transform: rotate(315deg);
}
.side_column .archive_month {
display: none;
} .news--archive {
padding-top: 24px;
padding-bottom: 24px;
}
.news--archive > *:not(:last-child) {
margin-right: 16px;
}
.news--archive .archive_year--ttl a {
color: #fff;
}
.news--archive .archive_year--ttl a:hover {
color: #fff;
opacity: 0.5;
}
.news--archive li {
margin-left: 8px;
margin-right: 8px;
}
.news--archive a {
color: #fff;
} .archive-pulldown {
margin-left: auto;
position: relative;
z-index: 1;
}
.archive-pulldown .archive_list {
position: relative;
font-size: 92%;
}
.archive-pulldown .archive_list:not(:last-child) {
margin-right: 24px;
}
.archive-pulldown .archive_list a {
display: block;
padding: 2px 16px;
text-align: left;
}
.archive-pulldown .archive_list a:not(:last-child) {
border-bottom: 1px solid #eee;
}
.archive-pulldown .archive_list--label {
margin-right: 8px;
}
.archive-pulldown .archive_list--btn {
cursor: pointer;
border: none;
outline: none;
appearance: none;
padding: 8px 54px 8px 32px;
background-color: #fff;
border: 1px solid #ccc;
font-size: 73%;
line-height: 1;
}
.archive-pulldown .archive_list--btn::after {
content: "";
position: absolute;
top: 9px;
right: 10px;
display: block;
width: 10px;
height: 10px;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg);
transition: 0.2s ease-out;
transform-origin: 50% 50%;
}
.archive-pulldown .active .archive_list--btn::after {
top: 14px;
transform: rotate(225deg);
}
.archive-pulldown .archive_list--menu {
position: absolute;
z-index: 1;
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
visibility: hidden;
opacity: 0;
transition: 0.2s ease-out;
}
.archive-pulldown .active .archive_list--menu {
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 767px) {
.side_section:not(:last-child) {
margin-bottom: 32px;
}
.archive-online-shop .side_section:not(:last-child) {
margin-bottom: 24px;
}
} .single_content .post--ttl {
font-size: 185%;
line-height: 1.3;
}
.eyecatch,
.subimage {
text-align: center;
margin-bottom: 32px;
}
.eyecatch img,
.subimage img {
max-width: 100%;
height: auto;
} .single-online-shop #page_ttl::before {
display: none;
}
.single-online-shop #page_ttl {
position: relative;
height: auto;
}
.price,
.storesjp-button-cart {
margin-top: 40px;
}
.storesjp-button-cart {
display: block;
width: 238px !important;
height: 50px !important;
}
@media screen and (max-width: 767px) {
#page_ttl {
padding-top: 40px;
}
.price,
.storesjp-button-cart {
margin-top: 24px;
}
} #pageNav {
text-align: center;
width: 100%;
margin-top: 64px;
clear: both;
}
.pageNav--item {
color: #eee;
}
.pageNav--item:nth-child(1),
.pageNav--item:nth-child(3) {
width: 40%;
}
.wp-pagenavi a,
.wp-pagenavi .current,
.pageNav--item:nth-child(2) a {
letter-spacing: 0.2em;
border-width: 1px;
border-style: solid;
border-radius: 30px;
}
.pageNav--item:nth-child(2) {
width: 20%;
}
.pageNav--item a {
display: block;
padding: 8px 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.pageNav--item:nth-child(1) a:hover::before {
animation: in-n-out-p-l 0.4s forwards;
-webkit-animation: in-n-out-p-l 0.4s forwards;
}
.pageNav--item:nth-child(2) a {
border-style: solid;
border-width: 1px;
}
.pageNav--item:nth-child(2) a:hover {
color: #fff;
}
.pageNav--item:nth-child(3) a:hover::before {
animation: in-n-out-p-r 0.4s forwards;
-webkit-animation: in-n-out-p-r 0.4s forwards;
}
.pageNav--item:nth-child(1) a::before,
.pageNav--item:nth-child(3) a::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 10px;
height: 10px;
border-width: 1px;
border-top-style: solid;
border-right-style: solid;
transition: all 0.3s cubic-bezier(0.2, 0.01, 1, 0.8);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0.01, 1, 0.8);
-moz-transition: all 0.3s cubic-bezier(0.2, 0.01, 1, 0.8);
-ms-transition: all 0.3s cubic-bezier(0.2, 0.01, 1, 0.8);
}
.pageNav--item:nth-child(1) a::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.pageNav--item:nth-child(1) a::before {
left: 4px;
}
.pageNav--item:nth-child(3) a::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pageNav--item:nth-child(3) a::before {
right: 4px;
}
.pageNav--item a:hover {
opacity: 1;
}
.pageNav--item:nth-child(2) a:hover {
text-decoration: none;
}
.pageNav--item span {
display: inline-block;
}
@media screen and (max-width: 767px) {
#pageNav {
margin-top: 40px;
font-size: 90%;
}
.pageNav--item a {
padding: 6px 12px;
}
.pageNav--item:nth-child(1) a,
.pageNav--item:nth-child(3) a {
padding: 6px 12px;
}
.pageNav--item:nth-child(1) a:before,
.pageNav--item:nth-child(3) a::before {
width: 8px;
height: 8px;
}
.pageNav--item:nth-child(1) a::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.pageNav--item:nth-child(1) a::before {
left: 3px;
}
.pageNav--item:nth-child(3) a::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pageNav--item:nth-child(3) a::before {
right: 3px;
}
.pageNav--item span {
display: none;
}
} @media screen and (max-width: 767px) {
.page-company .mce-content-body table,
.page-english .mce-content-body table {
width: 100% !important;
}
.page-english .mce-content-body {
word-break: break-all;
}
} #search-list .section_pdg {
padding-top: 50px;
padding-bottom: 50px;
}
#search-list .ttl-01 {
margin: 70px 0 0;
} #formy_form table {
width: 100%;
}
#formy_form th,
#formy_form td {
padding: 16px;
vertical-align: middle;
}
#formy_form th {
position: relative;
font-weight: 500;
white-space: nowrap;
text-align: left;
width: 34%;
}
#formy_form .en {
display: block;
font-size: 76%;
color: #929292;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form table textarea {
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: bottom;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form select,
#formy_form textarea {
margin: 0;
padding: 5px 15px;
border: 1px solid #ccc;
font: inherit;
font-size: 100%;
}
#formy_form textarea {
height: 100px;
}
#formy_form select {
height: 40px;
}
#formy_form ul {
list-style: none;
margin: 0;
padding: 0;
}
#formy_form input:hover {
opacity: 0.7;
}
#formy_form textarea:hover {
opacity: 0.7;
}
#formy_form input:focus {
outline: none;
}
#formy_form .parsley-validated {
background-color: #eee;
}
#formy_form .parsley-error {
background-color: #fee;
}
#formy_form .parsley-success {
background-color: #fff;
}
.help_text {
font-size: 85%;
color: #999;
}
.hidden_help {
display: none;
}
.formy_privacy div {
overflow-y: scroll;
height: 140px;
border: solid 1px #ccc;
font-size: 85%;
padding: 8px 16px;
}
.requiredIcon {
position: absolute;
top: 28px;
right: 16px;
background-color: #f55;
color: #fff;
margin: 0 0 0 1em;
font-size: 70%;
padding: 2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#formy_btn {
padding-top: 32px;
margin-bottom: 16px;
text-align: center;
}
#formy_btn input {
font-size: inherit;
border: none;
cursor: pointer;
color: #fff;
border-radius: 3px;
padding: 16px 32px;
-webkit-appearance: none;
appearance: none;
}
#formy_form ul li input[type="radio"],
#formy_form ul li input[type="checkbox"] {
display: none !important;
}
#formy_form ul li label {
height: 40px;
line-height: 40px;
display: inline-block;
vertical-align: top;
position: relative;
padding: 0 8px 0 40px;
cursor: pointer;
}
#formy_form ul li label:hover {
opacity: 0.7;
}
#formy_form ul li label::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid #788b93;
left: 16px;
top: 12px;
}
#formy_form ul li input[type="radio"] + label::before {
border-radius: 10px;
}
#formy_form ul li input[type="radio"]:checked + label,
#formy_form ul li input[type="checkbox"]:checked + label {
color: #e75f5f;
font-weight: bold;
}
#formy_form ul li input[type="radio"]:checked + label::before,
#formy_form ul li input[type="checkbox"]:checked + label::before {
border-color: #e75f5f;
}
#formy_form ul li input[type="radio"]:checked + label::after,
#formy_form ul li input[type="checkbox"]:checked + label::after {
content: "";
width: 10px;
height: 18px;
top: 4px;
left: 20px;
border-right: 2px solid #e75f5f;
border-bottom: 2px solid #e75f5f;
display: block;
position: absolute;
z-index: 10;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.formy_confirm {
background-color: #4dbaff;
}
.formy_submit_disabled {
background-color: #ccc;
}
#formy_btn .formy_submit_disabled:hover {
opacity: 1;
cursor: default;
}
.autoConfirmBack {
background-color: #aaa;
}
.formy_send {
background-color: #ff6600;
}
#total_required {
padding: 16px;
color: #f55555;
text-align: center;
}
@media screen and (max-width: 767px) {
#formy_form th,
#formy_form td {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
}
#formy_form th {
border-bottom: none;
padding-bottom: 0;
white-space: normal;
}
#formy_form td {
padding-top: 0;
}
#formy_btn {
padding-top: 8px;
}
#formy_btn input {
width: 100%;
background-size: contain;
background-position: center;
}
.autoConfirmBack {
margin-bottom: 8px;
}
.requiredIcon {
top: 27px;
right: 0;
}
#formy_form .en {
margin-bottom: 9px;
}
} #wrapper .container + .container {
margin-top: 40px;
}
.txt-wh {
color: #fff !important;
}
.anker {
display: block;
margin-top: -232px;
padding-top: 232px;
}
@media screen and (max-width: 767px) {
.anker {
margin-top: -104px;
padding-top: 104px;
}
} #page_ttl + .container {
max-width: 100%;
margin: 0;
padding: 0;
}
.container {
width: auto;
max-width: 1170px;
}
.row-eq-height {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} _::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-2 {
width: 16.4% !important;
}
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-3 {
width: 24.9% !important;
}
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-4 {
width: 33.2% !important;
}
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-6 {
width: 49.95% !important;
}
@media screen and (min-width: 1200px) {
.container-sm {
width: 840px;
}
}
@media screen and (min-width: 992px) {
.row.row-eq-height .col-sm-4 {
width: 33.3%;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.row.row-eq-height .col-sm-3 {
width: 49.95%;
}
}
@media screen and (max-width: 767px) {
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding-left: 0;
padding-right: 0;
}
.container {
padding-left: 5%;
padding-right: 5%;
}
.row {
margin: 0;
}
.row.row-eq-height .col-sm-2,
.row.row-eq-height .col-sm-3,
.row.row-eq-height .col-sm-4,
.row.row-eq-height .col-sm-6,
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-2,
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-3,
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-4,
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-6 {
width: 100% !important;
}
.row.row-eq-height .col-xs-6 {
width: 49.8%;
}
.row-eq-height {
display: block;
}
.column-4 .row-eq-height,
.column-5 .row-eq-height {
display: flex;
}
} .col-lg-five-1,
.col-md-five-1,
.col-sm-five-1,
.col-xs-five-1,
.col-lg-five-2,
.col-md-five-2,
.col-sm-five-2,
.col-xs-five-2,
.col-lg-five-3,
.col-md-five-3,
.col-sm-five-3,
.col-xs-five-3,
.col-lg-five-4,
.col-md-five-4,
.col-sm-five-4,
.col-xs-five-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-five-1 {
width: 20%;
float: left;
}
.col-xs-five-2 {
width: 40%;
float: left;
}
.col-xs-five-3 {
width: 60%;
float: left;
}
.col-xs-five-4 {
width: 80%;
float: left;
}
@media screen and (min-width: 768px) {
.col-sm-five-1 {
width: 20%;
float: left;
}
.col-sm-five-2 {
width: 40%;
float: left;
}
.col-sm-five-3 {
width: 60%;
float: left;
}
.col-sm-five-4 {
width: 80%;
float: left;
}
}
@media screen and (min-width: 992px) {
.col-md-five-1 {
width: 20%;
float: left;
}
.col-md-five-2 {
width: 40%;
float: left;
}
.col-md-five-3 {
width: 60%;
float: left;
}
.col-md-five-4 {
width: 80%;
float: left;
}
}
@media screen and (min-width: 1200px) {
.col-lg-five-1 {
width: 20%;
float: left;
}
.col-lg-five-2 {
width: 40%;
float: left;
}
.col-lg-five-3 {
width: 60%;
float: left;
}
.col-lg-five-4 {
width: 80%;
float: left;
}
}
@media screen and (max-width: 992px) {
.row.row-eq-height .col-sm-five-1 {
width: 33.3%;
margin-bottom: 32px;
}
}
@media screen and (max-width: 767px) {
.row.row-eq-height .col-sm-five-1 {
width: 49.8%;
}
} .btn {
display: table;
}
.btn:not(:last-child) {
margin-bottom: 16px;
}
.btn.txt-ctr {
margin-left: auto;
margin-right: auto;
}
.btn a {
position: relative;
display: block;
text-align: center;
padding: 0.65em 1em;
min-width: 230px;
border: 1px solid;
font-size: 106%;
}
.btn a::before,
.btn a::after,
.btn svg {
position: absolute;
top: 0;
}
.btn a::before,
.btn svg {
bottom: 0;
right: 1.25em;
margin: auto;
}
.btn a::before,
.btn a::after {
content: "";
}
.btn a::before {
width: 0.5em;
height: 0.5em;
border-top: 1px solid;
border-right: 1px solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.4s ease-out;
}
.btn a:hover {
color: #fff;
}
.btn a:hover::before {
border-color: #fff;
}
.btn a::after {
left: 0;
width: 100%;
height: 100%;
transform-origin: left;
transition: all 0.4s ease-out;
transform: scale(0, 1);
z-index: -1;
}
.btn a:hover::after {
transform: scale(1, 1);
}
.btn-ex a::before {
display: none;
}
.btn svg {
fill: #000;
}
.btn svg {
transition: all 0.4s ease-out;
}
.mce-content-body + .btn {
margin-top: 40px;
}
.content-button .btn {
width: calc(100% / 3 - 11px);
}
.content-button .btn:not(:last-child) {
margin-right: 16px;
}
.content-button .btn:nth-child(3n + 3) {
margin-right: 0;
}
.content-button .btn:last-child {
margin-bottom: 16px;
}
.content-section .btn .icon-new_tab {
width: 14px;
height: 14px;
}
.content-section .btn .icon-pdf {
width: 27px;
height: 12px;
}
@media screen and (max-width: 992px) {
.mce-content-body + .btn {
margin-top: 16px;
}
}
@media screen and (max-width: 767px) {
.content-button .btn {
width: 100%;
}
.content-button .btn:not(:last-child) {
margin-right: 0;
}
.btn a:hover {
color: #000;
}
.btn a:hover::before {
border-color: #000;
}
.btn a::after {
display: none;
}
} .content-section {
position: relative;
background-position: center;
}
.content-section[style*="background-image"] {
min-height: 500px;
}
.content-child {
position: relative;
z-index: 1;
}
.content-child .img {
text-align: center;
}
.content-child + .ttl-02,
.content-button + .ttl-02,
.content-button + .content-child,
.content-child + .content-child,
.content-column + .content-column {
margin-top: 88px;
}
.content-child + .content-button {
margin-top: 40px;
}
.content-child iframe,
.content-child .text {
width: 100%;
}
.content-child .text:not(:last-child) {
margin-bottom: 24px;
} .bg-wh,
.bg-color {
background-color: #fff;
}
.bg-color.row {
margin-right: 0;
margin-left: 0;
}
.content-column .content_pdg {
padding-top: 32px;
}
.content-column .content_pdg.bg-color {
padding: 32px;
}
.content-img_text .content_pdg.bg-color {
padding: 8px 40px !important;
}
.content-slide .img img {
display: inline-block;
}
.content-slide .img + .text,
.content-youtube .movie + .text {
padding-top: 32px;
}
@media screen and (max-width: 767px) {
.content-section {
min-height: 200px;
}
.content-section[style*="background-image"] {
min-height: 200px;
}
.content-child .inner {
width: 100%;
max-width: 100%;
}
.content-child p {
text-align: left !important;
}
.content-child + .ttl-02,
.content-button + .ttl-02,
.content-button + .content-child,
.content-child + .content-child {
margin-top: 40px;
}
.content-column .content_pdg.bg-color {
padding: 24px;
}
.content-img_text .content_pdg.bg-color {
width: 100%;
padding: 16px 24px !important;
}
.content-slide .img + .text,
.content-youtube .movie + .text {
padding-top: 24px;
}
} .content-column .img,
.content-column .row .inner {
width: 100%;
}
.content-column .flex .inner {
height: auto;
}
.content-column .img {
text-align: center;
}
.content-column .img img {
width: 100%;
}
.content-column .btn {
margin-left: auto;
margin-right: auto;
}
.content-column.column-4 .btn a {
min-width: 200px;
}
@media print, screen and (min-width: 768px) {
.content-column.column-3 .ttl-03 {
font-size: 215%;
}
.content-column.column-4 .ttl-03 {
font-size: 200%;
}
.main_column .content-column.column-3 .ttl-03 {
font-size: 200%;
}
.main_column .content-column.column-4 .ttl-03 {
font-size: 180%;
}
}
@media screen and (max-width: 767px) {
.content-column {
width: 100%;
max-width: 100%;
}
.content-column .row > .col-sm-12,
.content-column .row > .col-sm-6,
.content-column .row > .col-sm-4,
.content-column .row > .col-sm-3 {
padding: 0;
}
.content-column .row > .col-sm-12 + .col-sm-12,
.content-column .row > .col-sm-6 + .col-sm-6,
.content-column .row > .col-sm-4 + .col-sm-4,
.content-column .row > .col-sm-3 + .col-sm-3 {
margin-top: 24px;
}
.content-column .row > .col-xs-6,
.content-column .row > .col-sm-five-1 {
margin-bottom: 16px;
}
.content-column .col-xs-6 .img + .text,
.content-column .col-sm-five-1 .img + .text {
padding-top: 16px;
}
} .content-img_text .col-sm-6 {
padding: 0;
}
.content-img_text .col-sm-push-6 {
left: 51%;
}
.content-img_text .col-sm-pull-6 {
right: 49%;
}
.content-img_text .img_wrap {
width: 49%;
}
.content-img_text .txtarea_wrap {
width: 51%;
padding-left: 40px;
}
.content-img_text .txtarea_wrap.col-sm-pull-6 {
padding-left: 0;
padding-right: 40px;
}
.content-img_text .txtarea_wrap.bg-color {
padding: 40px;
}
.content-img_text .img_wrap img,
.content-img_text .txtarea {
width: 100%;
}
@media screen and (max-width: 767px) {
.content-img_text .inner {
display: block;
margin-left: 0;
margin-right: 0;
padding: 16px 0 0 0;
}
.content-img_text .col-sm-push-6 {
left: 0;
}
.content-img_text .col-sm-pull-6 {
right: 0;
}
.content-img_text .img_wrap,
.content-img_text .txtarea_wrap {
width: 100%;
}
.content-img_text .txtarea_wrap {
padding-top: 24px;
padding-left: 0;
}
.content-img_text .txtarea_wrap.col-sm-pull-6 {
padding-right: 0;
}
.content-img_text .txtarea_wrap.bg-color {
padding: 24px;
}
.content-img_text .col-sm-pull-6 .inner:not(.bg-color) {
width: 100%;
padding: 16px 0 0 0;
}
} .content-slide .slick-list {
margin-bottom: 32px;
}
.slick-arrow {
position: absolute;
top: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 100%;
text-decoration: none;
}
.slick-arrow:hover {
opacity: 0.7;
}
.slick-prev {
left: -60px;
}
.slick-next {
right: -60px;
}
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.slick-arrow::after {
content: "";
position: absolute;
display: block;
width: 40px;
height: 40px;
transform: rotate(45deg);
}
.slick-prev::after {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
}
.slick-next::after {
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
}
.slick-dots li {
display: block;
width: 12px;
height: 12px;
background-color: #ddd;
border-radius: 50%;
cursor: pointer;
transition: all 0.4s ease-out;
margin: 6px;
}
.slick-dots li.slick-active {
background-color: #000;
}
.slick-dots li:hover {
opacity: 0.7;
}
.slick-dots button {
padding: 0;
cursor: pointer;
color: transparent;
background: transparent;
outline: none;
border: none;
}
@media screen and (max-width: 1080px) {
.content-slide .slick-list {
margin-bottom: 64px;
}
.slick-arrow {
width: 56px;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.slick-arrow::after {
width: 20px;
height: 20px;
}
}
@media screen and (max-width: 767px) {
.content-slide .slick-list {
margin-bottom: 40px;
}
.slick-arrow {
width: 40px;
}
.slick-arrow::after {
width: 16px;
height: 16px;
}
.slick-dots li {
width: 10px;
height: 10px;
margin: 4px;
}
} .content-banner {
text-align: center;
}
.content-banner .bnr {
display: inline-block;
margin: 0 8px 16px 8px;
}
.content-banner .bnr:not(:last-child) {
margin-right: 16px;
}
.content-banner .bnr a:hover {
opacity: 0.5;
} .post-edit-link {
position: fixed;
bottom: 120px;
right: 20px;
z-index: 10;
padding: 16px;
border-radius: 50%;
border: 1px solid #999;
}
.post-edit-link:hover {
background-color: #ddd;
}
.post-edit-link::after {
content: "";
display: block;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAxIDQwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxIDQwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5OTk5OTk7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcwLjEsMjUxLjljLTUuNSwwLTEwLDQuNS0xMCwxMHY4OC43YzAsMTYuNS0xMy40LDI5LjktMzAsMzBINDkuOWMtMTYuNSwwLTI5LjktMTMuNC0zMC0zMFY5MC4zCgljMC0xNi41LDEzLjQtMjkuOSwzMC0zMGg4OC43YzUuNSwwLDEwLTQuNSwxMC0xMGMwLTUuNS00LjUtMTAtMTAtMTBINDkuOUMyMi40LDQwLjQsMCw2Mi43LDAsOTAuM3YyNjAuMwoJYzAsMjcuNiwyMi40LDQ5LjksNDkuOSw0OS45aDI4MC4yYzI3LjYsMCw0OS45LTIyLjQsNDkuOS00OS45di04OC43QzM4MC4xLDI1Ni40LDM3NS42LDI1MS45LDM3MC4xLDI1MS45eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzc2LjEsMTQuN2MtMTcuNi0xNy42LTQ2LTE3LjYtNjMuNiwwTDEzNC40LDE5Mi45Yy0xLjIsMS4yLTIuMSwyLjctMi42LDQuNGwtMjMuNCw4NC42Yy0xLDMuNSwwLDcuMiwyLjYsOS43CgljMi41LDIuNSw2LjMsMy41LDkuNywyLjZsODQuNi0yMy40YzEuNy0wLjUsMy4yLTEuMyw0LjQtMi42TDM4Ny45LDkwYzE3LjUtMTcuNiwxNy41LTQ2LDAtNjMuNkwzNzYuMSwxNC43eiBNMTU2LjIsMTk5LjNMMzAyLDUzLjUKCWw0Nyw0N0wyMDMuMiwyNDYuNEwxNTYuMiwxOTkuM3ogTTE0Ni44LDIxOC4ybDM3LjYsMzcuNmwtNTIsMTQuNEwxNDYuOCwyMTguMnogTTM3My43LDc1LjhsLTEwLjYsMTAuNmwtNDctNDdsMTAuNi0xMC42CgljOS43LTkuNywyNS42LTkuNywzNS4zLDBsMTEuNywxMS43QzM4My41LDUwLjMsMzgzLjUsNjYuMSwzNzMuNyw3NS44eiIvPgo8L3N2Zz4K");
}
@media screen and (max-width: 767px) {
.post-edit-link {
display: none;
}
}