#breadcrumbs {
} #content .widget-title {
text-align: center;
margin-bottom: 1em;
font-size: 4.55rem;
color: #f1e8ca;
line-height: 1.3;
} #content .widget {
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 40px;
} #content {
width: 65%;
z-index: 999;
margin-left: auto;
margin-right: auto;
} #footer-copyright {
text-align: center;
margin-top: 1.4em;
font-size: 1.3rem;
} #gopagetop {
border-radius: 4px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
padding-right: 2em;
font-size: 1.35rem;
color: #FFFFFF;
background-color: #d61c1c;
position: fixed;
display: block;
text-decoration: none;
bottom: 20px;
right: 20px;
transition-property: all;
transition-duration: 0.2S;
timing-function: ease;
display: none;
}
#gopagetop:hover {
background-color: #73D5FF;
} #home-section-1st {
width: 100%;
max-width: 1366px;
background-color: #c9c9c9;
overflow: hidden;
margin-left: auto;
margin-right: auto;
} #home-section-2nd {
padding-top: 50px;
overflow: hidden;
background-size: cover;
} #home-section-3rd {
padding-top: 50px;
padding-bottom: 50px;
overflow: hidden;
} #home-section-4th {
padding-top: 50px;
padding-bottom: 50px;
background-color: #f1e8ca;
overflow: hidden;
} #home-section-5th {
overflow: hidden;
} #main {
margin-bottom: 60px;
} #sidebar .menu > li a {
padding-top: 0.7em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
margin-top: 0.1em;
margin-bottom: 0.1em;
font-size: 1.6rem;
color: #292929;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: dotted;
display: block;
text-decoration: none;
transition-property: all;
transition-duration: 0.3S;
timing-function: ease;
}
#sidebar .menu > li a:hover {
color: #d61c1c;
} #sidebar .widget-title {
text-align: center;
border-radius: 2px;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-top: 0.1em;
margin-bottom: 0.3em;
font-size: 1.8rem;
color: #FFFFFF;
background-color: #f1e8ca;
position: relative;
} #sidebar .widget {
margin-bottom: 30px;
} #sidebar {
width: 30%;
float: right;
} #site-contact {
width: 40%;
text-align: right;
float: right;
} #site-description {
text-align: center;
background-color: #c9c9c9;
} #site-footer {
padding-top: 40px;
padding-bottom: 40px;
color: #a8a28d;
background-color: #F2F2F2;
} #site-header {
padding-top: 15px;
padding-bottom: 17px;
background-color: #ffffff;
} #site-navi .menu > li > a {
padding-top: 20px;
padding-bottom: 15px;
color: #292929;
border-bottom-width: 5px;
border-bottom-color: #f5f0eb;
border-bottom-style: solid;
display: block;
text-decoration: none;
transition-property: all;
transition-duration: 0.3S;
timing-function: ease;
}
#site-navi .menu > li > a:hover {
color: #ff6a05;
background-color: #ffffff;
border-top-color: #ff6a05;
border-bottom-color: #ff6a05;
border-left-color: #ff6a05;
border-right-color: #ff6a05;
} #site-navi .menu > li {
width: 16.666666%;
text-align: center;
font-size: 1.5rem;
font-weight: 500;
float: left;
position: relative;
letter-spacing: 0.05em;
transform: rotate(0.05deg);
} #site-navi .menu {
width: 100%;
margin-left: auto;
margin-right: auto;
} #site-navi .sub-menu > li > a {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF;
display: block;
text-decoration: none;
transition-property: all;
transition-duration: 0.2S;
timing-function: ease;
}
#site-navi .sub-menu > li > a:hover {
background-color: #50A11E;
} #site-navi .sub-menu > li {
background-color: #5DBA23;
float: none;
display: block;
} #site-navi .sub-menu {
width: 100%;
text-align: center;
position: absolute;
z-index: 10;
top: 45px;
visibility: hidden;
opacity: 0;
transition: all .4s ease;} #site-navi .sub-title {
margin-top: 5px;
font-size: 0.85rem;
color: #7a7a7a;
display: block;
letter-spacing: 0.1em;
} #site-navi {
width: 100%;
background-color: #f5f0eb;
border-bottom-width: 1px;
border-bottom-color: #C9C9C9;
border-bottom-style: solid;
z-index: 21;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
} #site-title-description {
margin-top: 0.8em;
font-size: 1.9rem;
color: #292929;
font-weight: bold;
position: relative;
top: 18px;
}
#site-title-description:before { }
#site-title-description:after { } #site-title-text a {
color: #f1e8ca;
text-decoration: none;
} #site-title-text {
margin-top: 12px;
font-size: 3.5rem;
font-weight: bold;
position: relative;
top: 22px;
} #site-title {
width: 60%;
float: left;
position: relative;
top: 31px;
left: 5px;
} .breadcrumbs li a {
color: #ff6a05;
text-decoration: none;
transition-property: all;
transition-duration: 0.2S;
timing-function: ease;
}
.breadcrumbs li a:hover {
color: #ffa569;
background-color: #f1e8ca;
} .breadcrumbs li {
padding-top: 1.5em;
padding-bottom: 1.5em;
margin-left: 0.2em;
margin-right: 0.2em;
font-size: 1.35rem;
color: #292929;
float: left;
} .btn {
border-radius: 7px;
padding-top: 0.6em;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
font-size: 1.75rem;
color: #FFFFFF;
font-weight: 700;
background-color: #ff6a05;
border-bottom-width: 3px;
border-bottom-color: #b34a03;
border-bottom-style: solid;
display: inline-block;
text-decoration: none;
transition-property: all;
transition-duration: 0.3S;
timing-function: ease;
cursor: pointer;
}
.btn:hover {
background-color: #ffa569;
} .container {
width: 100%;
min-width: 900px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
} .footer-contact {
font-size: 1.5rem;
} .grid-pc {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;
position: relative;
} .header-contact-btn {
font-size: 1.5rem;
} .home-section .widget-title {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
font-size: 4.2rem;
color: #292929;
font-weight: 600;
line-height: 1.3;
position: relative;
letter-spacing: 0.055em;
}
.home-section .widget-title:after {
content: ' ';
display: block;
width: 24%;
border-bottom: 6px solid #ff6a05;
margin-top: 0.3em;
margin-right: auto;
margin-left: auto;
} .home-section .widget {
margin: 0 auto;} .paginate .current {
color: #f1e8ca;
font-weight: bold;
background-color: #c9c9c9;
} .paginate .page-numbers {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1.75rem;
display: inline-block;
text-decoration: none;
} .paginate a {
color: #FFFFFF;
background-color: #d61c1c;
} .paginate {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
} .post-list-big .author {
font-size: 1.4rem;
color: #ff6a05;
}
.post-list-big .author:before {
content: "\f007";
font-family: FontAwesome;
margin-right: .3em;} .post-list-big .box {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 5em;
background-color: #FFFFFF;
border-width: 1px;
border-color: #EEEEEE;
border-style: solid;
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
margin: 20px auto;} .post-list-big .btn {
padding-left: 10em;
padding-right: 10em;
margin-top: 15px;
display: inline-block;
text-decoration: none;
}
.post-list-big .btn:hover {
border-color: #FFFFFF;
} .post-list-big .cat-name {
padding-top: 0.4em;
padding-bottom: 0.4em;
padding-left: 0.8em;
padding-right: 0.8em;
margin-bottom: 15px;
margin-left: 50px;
font-size: 1.7rem;
color: #FFFFFF;
background-color: #ff6a05;
display: inline-block;
} .post-list-big .description {
margin-top: 20px;
margin-bottom: 8px;
margin-left: 80px;
margin-right: 80px;
font-size: 1.6rem;
line-height: 1.35;
} .post-list-big .entry-title {
margin-bottom: 15px;
margin-left: 50px;
margin-right: 50px;
font-size: 2.4rem;
color: #292929;
line-height: 1.3;
display: block;
text-decoration: none;
} .post-list-big .eyecatch {
margin-top: 20px;
margin-left: 50px;
margin-right: 50px;
overflow: hidden;
} .post-list-big .linkurl {
text-align: center;
} .post-list-big .post-list-title {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 2.3rem;
color: #FFFFFF;
background-color: #3D3D3D;
} .post-list-big .updated {
margin-left: 50px;
margin-right: 10px;
font-size: 1.4rem;
color: #ff6a05;
}
.post-list-big .updated:before {
content: "\f073";
font-family: FontAwesome;
margin-right: .3em;} .post-list-simple .author {
font-size: 1.3rem;
color: #ff6a05;
}
.post-list-simple .author:before {
content: "\f007";
font-family: FontAwesome;
margin-right: .3em;} .post-list-simple .box {
width: 100%;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 30px;
color: #292929;
background-color: #FFFFFF;
position: relative;
display: inline-block;
text-decoration: none;
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.15);
} .post-list-simple .cat-name {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
font-size: 1.25rem;
color: #FFFFFF;
background-color: #ff6a05;
position: absolute;
top: 0px;
right: 0px;
} .post-list-simple .description {
margin-top: 11px;
font-size: 1.4rem;
color: #7a7a7a;
line-height: 1.55;
} .post-list-simple .entry-content {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 33%;
padding-right: 5px;
} .post-list-simple .entry-title {
margin-bottom: 11px;
font-size: 2.25rem;
line-height: 1.3;
} .post-list-simple .eyecatch {
width: 30%;
max-height: 180px;
background-color: #FFFFFF;
float: left;
position: relative;
overflow: hidden;
} .post-list-simple .post-list-title {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 30px;
font-size: 2.1rem;
color: #FFFFFF;
background-color: #959ACF;
} .post-list-simple .updated {
font-size: 1.3rem;
color: #ff6a05;
}
.post-list-simple .updated:before {
content: "\f073";
font-family: FontAwesome;
margin-right: .3em;} .post-list-text .author {
margin-right: 0.6em;
}
.post-list-text .author:before {
content: "\f007";
font-family: FontAwesome;
margin-right: .3em;
} .post-list-text .box {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
color: #333333;
background-color: #FFFFFF;
display: block;
text-decoration: none;
transition-property: all;
transition-duration: 0.3S;
timing-function: ease;
border-bottom: 1px dotted #c8c8c8;
-moz-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.18);
-ms-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.18);
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.post-list-text .box:hover {
background-color: #F8F8F8;
} .post-list-text .cat-name {
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.6em;
padding-right: 0.6em;
margin-right: 0.6em;
font-size: 1rem;
color: #FFFFFF;
background-color: #FF8214;
display: inline-block;
} .post-list-text .description {
margin-top: 0.8em;
font-size: 1.4rem;
line-height: 1.5;
} .post-list-text .entry-title {
margin-top: 0.8em;
margin-bottom: 0.6em;
font-size: 1.9rem;
} .post-list-text .post-list-title {
text-align: center;
padding-top: 12px;
padding-bottom: 13px;
font-size: 2rem;
color: #FFFFFF;
font-weight: bold;
background-color: #4D4D4D;
} .post-list-text .updated {
margin-right: 0.6em;
}
.post-list-text .updated:before {
content: "\f073";
font-family: FontAwesome;
margin-right: .3em;} .post-list-text-b .author {
margin-right: 0.6em;
font-size: 1.25rem;
color: #ff6a05;
}
.post-list-text-b .author:before {
content: "\f007";
font-family: FontAwesome;
margin-right: .3em;} .post-list-text-b .box {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
color: #292929;
background-color: #ffffff;
display: block;
text-decoration: none;
transition-property: all;
transition-duration: 0.3S;
timing-function: ease;
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.08);
} .post-list-text-b .cat-name {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
margin-right: 0.6em;
font-size: 1.25rem;
color: #FFFFFF;
background-color: #ff6a05;
display: inline-block;
} .post-list-text-b .description {
margin-bottom: 0.8em;
font-size: 1.4rem;
line-height: 1.55;
transform: rotate(0.05deg);} .post-list-text-b .entry-title {
margin-bottom: 0.6em;
font-size: 2.15rem;
line-height: 1.35;
} .post-list-text-b .post-list-title {
text-align: center;
padding-top: 13px;
padding-bottom: 13px;
font-size: 2rem;
color: #FFFFFF;
background-color: #316880;
} .post-list-text-b .updated {
margin-right: 0.6em;
font-size: 1.25rem;
color: #ff6a05;
}
.post-list-text-b .updated:before {
content: "\f073";
font-family: FontAwesome;
margin-right: .3em;} .prArea .eyecatch {
max-height: 255px;
margin-top: -23px;
overflow: hidden;
} .prArea .linkurl {
text-align: center;
} .prArea .section-title {
text-align: center;
margin-top: 0.4em;
margin-bottom: 0.4em;
font-size: 3.5rem;
color: #7a7a7a;
font-weight: 700;
letter-spacing: 0.085em;
} .prArea .summary {
height: 70px;
padding-left: 60px;
padding-right: 60px;
margin-left: 5px;
font-size: 1.3rem;
color: #7a7a7a;
line-height: 1.5;
letter-spacing: 0.05em;
transform: rotate(0.05deg);} .row {
margin-left: -15px;
margin-right: -15px;
} .show-all-post-btn {
margin-bottom: 25px;
} .show-all-post {
text-align: center;
margin-top: 28px;
} .single-entry-content h3 {
text-align: center;
border-radius: 5px;
padding-top: 0.7em;
padding-bottom: 0.7em;
margin-top: 2em;
margin-bottom: 2em;
margin-left: 0px;
font-size: 2.35rem;
color: #292929;
font-weight: 700;
line-height: 1.4;
background-color: #f5f0eb;
letter-spacing: 0.1em;
} .single-entry-content h4 {
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.8em;
margin-top: 1.8em;
margin-bottom: 1.8em;
margin-left: 0px;
font-size: 2.2rem;
color: #292929;
font-weight: 700;
line-height: 1.3;
border-left-width: 4px;
border-left-color: #ff6a05;
border-left-style: solid;
letter-spacing: 0.05em;
} .single-entry-content h5 {
margin-top: 1em;
margin-bottom: 1em;
font-weight: bold;
} .single-entry-content li {
margin-left: 1em;
font-size: 1.7rem;
line-height: 1.8;
} .single-entry-content p {
border-radius: 3px;
margin-top: 1.2em;
margin-bottom: 1.2em;
line-height: 1.8;
transform: rotate(0.05deg);
} .single-entry-content td {
text-align: left;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 30px;
line-height: 1.5;
} .single-entry-content th {
text-align: center;
border-radius: 0px;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
line-height: 1.5;
} .single-entry-content tr {
text-align: center;
border-radius: 0px;
padding-top: 0px;
padding-bottom: 35px;
padding-left: -20px;
padding-right: 50px;
margin-right: 10px;
} .site-description-text {
padding-top: 0.4em;
padding-bottom: 0.4em;
font-size: 1.55rem;
color: #474747;
} .widget-profile .message {
margin-top: 8px;
margin-bottom: 8px;
font-size: 1.65rem;
line-height: 1.4;
} .widget-profile .spec {
margin-bottom: 8px;
font-size: 1.5rem;
line-height: 1.4;
} .widget-profile .word {
margin-top: 5px;
font-size: 1.3rem;
line-height: 1.4;
} body {
color: #292929;
background-color: #ffffff;
position: relative;
font-family: "Rounded Mplus 1c";
word-break: normal;
word-wrap: break-word;
-webkit-text-size-adjust:none;
overflow-x: hidden;
} html {
font-size: 62.5%;
} img {
max-width: 100%;
border: 0;
vertical-align: bottom;
height: auto;
} .single-entry-content table {
width: 100%;
padding-top: 3px;
} .single-entry-content {
font-size: 1.7rem;
} .single-entry-content h2 {
text-align: center;
padding-bottom: 0.3em;
margin-top: 2em;
margin-bottom: 2em;
font-size: 2.9rem;
color: #292929;
font-weight: 600;
line-height: 1.3;
border-bottom-width: 3px;
border-bottom-color: #ff6a05;
border-bottom-style: solid;
letter-spacing: 0.22em;
} .page-entry-title {
text-align: center;
margin-bottom: 1.5em;
font-size: 4.2rem;
color: #292929;
font-weight: 600;
position: relative;
letter-spacing: 0.055em;
}
.page-entry-title:after {
content: ' ';
display: block;
width: 24%;
border-bottom: 6px solid #ff6a05;
margin-top: 0.3em;
margin-right: auto;
margin-left: auto;
} .home-entry-content {
text-align: center;
font-size: 1.7rem;
} .home-entry-content p {
margin-top: 1em;
margin-bottom: 1em;
line-height: 1.8;
} .article-1 {
border-radius: 6px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 60px;
padding-right: 60px;
font-size: 2.85rem;
color: #ff6a05;
font-weight: 100;
background-color: #FFFFFF;
} #site-title-logo {
width: 430px;
position: absolute;
} .full-width #content {
width: 900px;
} .home-message-content {
width: 700px;
padding-top: 20px;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
font-size: 1.6rem;
line-height: 1.4;
} .whole-entry-meta .author {
font-size: 1.3rem;
color: #ff6a05;
}
.whole-entry-meta .author:before {
content: "\f007";
font-family: FontAwesome;
margin-right: .3em;} .whole-entry-meta .updated {
margin-right: 0.3em;
font-size: 1.3rem;
color: #ff6a05;
}
.whole-entry-meta .updated:before {
content: "\f007";
font-family: FontAwesome;
margin-right: .3em;} .whole-entry-meta .cat-name {
padding-top: 0.4em;
padding-bottom: 0.4em;
padding-left: 0.8em;
padding-right: 0.8em;
margin-right: 0.8em;
font-size: 1.25rem;
color: #FFFFFF;
background-color: #ff6a05;
} .prev-next-post-link {
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 30px;
margin-bottom: 30px;
} .prev-next-post-link a {
padding-top: 0.4em;
padding-bottom: 0.4em;
padding-left: 1em;
padding-right: 1em;
font-size: 1.7rem;
color: #FFFFFF;
background-color: #d61c1c;
text-decoration: none;
transition-property: all;
transition-duration: 0.2S;
timing-function: ease;
}
.prev-next-post-link a:hover {
background-color: #9e1515;
} .prev-next-post-link .prev .link-title {
}
.prev-next-post-link .prev .link-title:before {
content: '前の記事';} .prev-next-post-link .next .link-title {
}
.prev-next-post-link .next .link-title:before {
content: '次の記事';} .prev-next-post-link .next .post-title {
display: none;
} .prev-next-post-link .prev .post-title {
display: none;
} .prev-next-post-link .next {
display: inline-block;
} .prev-next-post-link .prev {
display: inline-block;
} .row-right .grid-pc {
float: right;
} #site-footer .menu > li a {
padding-top: 0.2em;
padding-bottom: 0.2em;
font-size: 1.5rem;
color: #a8a28d;
font-weight: 500;
line-height: 1.3;
display: block;
text-decoration: none;
letter-spacing: 0.055em;
transition-property: all;
transition-duration: 0.1S;
timing-function: ease;
}
#site-footer .menu > li a:before {
font-family: FontAwesome;
content: "\f138";
margin-right: 0.3em;
}
#site-footer .menu > li a:hover {
text-decoration: underline;
} #site-footer .sub-title {
display: none;
} #site-navi .menu > .current-menu-item > a {
border-bottom-width: 5px;
border-bottom-color: #ff6a05;
border-bottom-style: solid;
} .home-message-content p {
margin-top: 0.8em;
margin-bottom: 0.8em;
line-height: 1.7;
letter-spacing: 0.025em;
transform: rotate(0.05deg);
} .header-cta-hours-title {
color: #a8a28d;
} .header-cta-tel {
margin-bottom: 0.3em;
font-size: 2.85rem;
color: #a8a28d;
font-weight: 700;
} .header-cta-hours {
margin-top: 0.8em;
margin-bottom: 0.8em;
font-size: 1.4rem;
letter-spacing: 0.055em;
} .header-cta-address {
margin-top: 0.8em;
margin-bottom: 0.8em;
font-size: 1.4rem;
letter-spacing: 0.055em;
} .bottom-cta {
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
color: #FFFFFF;
background-color: #ffa569;
background-image: url(https://www.sakatafoods.com/wp-content/uploads/2018/03/bg_bottom_cta.png);
transform: rotate(0.05deg);
background-position: center bottom 30px;
background-repeat: no-repeat;
} .cta-entry-content {
font-size: 1.95rem;
} .cta-entry-content p {
margin-top: 0.2em;
margin-bottom: 0.2em;
line-height: 1.5;
} .home-message-content h2 {
text-align: center;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 3.6rem;
color: #ff6a05;
font-weight: 500;
letter-spacing: 0.1em;
} .home-message-content h3 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
font-size: 2.25rem;
font-weight: 500;
letter-spacing: 0.03em;
} .footer-site-title {
margin-bottom: 0.4em;
font-size: 2.85rem;
font-weight: 500;
} .footer-cta-address {
margin-top: 0.7em;
margin-bottom: 0.7em;
} .footer-cta-tel {
margin-top: 0.3em;
margin-bottom: 0.3em;
font-size: 2.35rem;
color: #d61c1c;
font-weight: 600;
letter-spacing: 0.025em;
} .footer-cta-hours-title {
color: #d61c1c;
} .footer-cta-hours {
margin-top: 0.7em;
margin-bottom: 0.7em;
} .hiromarusan {
} .shoplist-button {
border-radius: 30px;
border-width: 6px;
border-color: #f1e8ca;
border-style: solid;
position: relative;
transition-property: all;
transition-duration: 0.2S;
timing-function: ease;
box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.14);
top: 0px;
}
.shoplist-button:hover {
border-width: 6px;
border-color: #ff6a05;
border-style: solid;
top: 5px;
} #home-section-6th {
padding-top: 50px;
padding-bottom: 50px;
background-color: #f5f0eb;
} .prBanner img {
border-radius: 5px;
position: relative;
transition-property: all;
transition-duration: 0.2S;
timing-function: ease;
box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.14);
top: 0px;
}
.prBanner img:hover {
top: 5px;
} .article-2 {
border-radius: 10px;
padding-left: 20px;
padding-right: 20px;
border-width: 3px;
border-color: #ff6a05;
border-style: solid;
} .archive-product-post-list-card .post-list {
padding-left: 10px;
padding-right: 10px;
float: left;
} .archive-product-post-list-card .card-row {
margin-left: -10px;
margin-right: -10px;
} .archive-product-post-list-card .cat-name {
color: #FFFFFF;
background-color: #ff6a05;
position: absolute;
top: 0px;
right: 0px;
} .archive-product-post-list-card .eyecatch {
position: relative;
overflow: hidden;
} .archive-product-post-list-card .box {
width: 100%;
height: 260px;
margin-bottom: 20px;
color: #292929;
border-width: 1px;
border-color: #DBCDA0;
border-style: solid;
display: block;
overflow: hidden;
text-decoration: none;
} .archive-product-post-list-card .entry-title {
text-align: center;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.3;
transform: rotate(0.05deg);
} .archive-product-post-list-card .entry-content {
width: 100%;
height: 50px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
color: #FFFFFF;
background-color: #B08163;
} .product-entry-title {
text-align: center;
border-radius: 4px;
padding-top: 0.4em;
padding-bottom: 0.4em;
margin-top: 1.5em;
margin-bottom: 1.5em;
font-size: 3.7rem;
color: #FFFFFF;
font-weight: 600;
background-color: #B08163;
letter-spacing: 0.05em;
} .product-code-title {
margin-top: 0.4em;
margin-bottom: 0.4em;
color: #ff6a05;
font-weight: 600;
transform: rotate(0.05deg);
} .product-code-data {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 10px;
letter-spacing: 0.05em;
transform: rotate(0.05deg);
} .product-description-title {
margin-top: 1em;
margin-bottom: 1em;
color: #ff6a05;
font-weight: 600;
transform: rotate(0.05deg);
} .product-capacity-title {
margin-top: 1em;
margin-bottom: 1em;
color: #ff6a05;
font-weight: 600;
transform: rotate(0.05deg);
} .product-description-data {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 11px;
line-height: 1.3;
letter-spacing: 0.05em;
transform: rotate(0.05deg);
} .product-capacity-data {
margin-top: 0.4em;
margin-bottom: 0.4em;
margin-left: 10px;
letter-spacing: 0.05em;
transform: rotate(0.05deg);
} .article-cta-content {
border-radius: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 50px;
margin-right: 50px;
font-size: 3rem;
color: #b34a03;
background-color: #ffffff;
} .footer-contact-btn {
margin-top: 20px;
} .face-image {
width: 75%;
border-radius: 50%;
margin-top: -25px;
margin-left: 20px;
position: relative;
} .shoplist-name-th {
width: 40%;
font-weight: 500;
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-right-width: 1px;
border-right-color: #aaaaaa;
border-right-style: solid;
letter-spacing: 0.1em;
transform: rotate(0.05deg);
} .shoplist-adr-th {
width: 60%;
font-weight: 500;
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-left-width: 1px;
border-left-color: #aaaaaa;
border-left-style: solid;
letter-spacing: 0.1em;
transform: rotate(0.05deg);
} .shoplist-adr-td {
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-left-width: 1px;
border-left-color: #aaaaaa;
border-left-style: solid;
transform: rotate(0.05deg);
} .shoplist-name-td {
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-right-width: 1px;
border-right-color: #aaaaaa;
border-right-style: solid;
transform: rotate(0.05deg);
} .cta-entry-content img {
border-radius: 10px;
border-width: 6px;
border-color: #FFFFFF;
border-style: solid;
} .shop-entry-title {
text-align: center;
padding-bottom: 0.5em;
margin-top: 1.5em;
margin-bottom: 1.5em;
font-size: 3.2rem;
color: #292929;
font-weight: 600;
border-bottom-width: 5px;
border-bottom-color: #ff6a05;
border-bottom-style: solid;
position: relative;
letter-spacing: 0.055em;
} .shop-addres-data {
text-align: center;
margin-bottom: 2em;
line-height: 1.3;
letter-spacing: 0.1em;
transform: rotate(0.05deg);
} .shop-addres-title {
text-align: center;
margin-bottom: 1em;
color: #ff6a05;
font-weight: 500;
letter-spacing: 0.1em;
} .voice-1 {
padding-left: 0.8em;
font-size: 2.2rem;
color: #292929;
font-weight: 700;
line-height: 1.3;
border-left-width: 4px;
border-left-color: #ff6a05;
border-left-style: solid;
letter-spacing: 0.05px;
} .ishoku-circle {
width: 200px;
height: 200px;
text-align: center;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
font-size: 2.5rem;
font-weight: 500;
line-height: 200px;
background-color: #f1e8ca;
display: block;
letter-spacing: 0.1em;
} .about-th {
width: 30%;
font-weight: 500;
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-right-width: 1px;
border-right-color: #aaaaaa;
border-right-style: solid;
} .about-td {
width: 70%;
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-left-width: 1px;
border-left-color: #aaaaaa;
border-left-style: solid;
} .recruit-th {
width: 30%;
font-weight: 500;
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-right-width: 1px;
border-right-color: #aaaaaa;
border-right-style: solid;
} .recruit-td {
width: 70%;
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-left-width: 1px;
border-left-color: #aaaaaa;
border-left-style: solid;
} .face-photo {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
border-width: 1px;
border-color: #ffa569;
border-style: solid;
} .voice-toggle {
width: 200px;
text-align: center;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin-left: auto;
margin-right: auto;
display: block;
} .single-entry-content .article-2 h3 {
text-align: left;
margin-top: 1em;
margin-bottom: 1em;
padding: 0;
background: none;
} .staff-interview {
margin-top: 60px;
} .single-product .prev-next-post-link .prev .link-title {
}
.single-product .prev-next-post-link .prev .link-title:before {
content: '前の商品';
} .single-product .prev-next-post-link .next .link-title {
}
.single-product .prev-next-post-link .next .link-title:before {
content: '次の商品';
} .header-cta-fax {
margin-bottom: 0.3px;
font-size: 2.85rem;
color: #a8a28d;
font-weight: 700;
} .footer-cta-fax {
margin-top: 0.3em;
margin-bottom: 0em;
font-size: 2.35rem;
color: #d61c1c;
font-weight: 600;
letter-spacing: 0.025px;
} .article-cream {
border-radius: 20px;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-left: 2em;
padding-right: 2em;
margin-top: 2.5em;
background-color: #fafad2;
} .news-entry-title {
padding-bottom: 0.5em;
margin-top: 1.5em;
margin-bottom: 1.5em;
font-size: 3.2rem;
color: #292929;
font-weight: 600;
border-bottom-width: 5px;
border-bottom-color: #ff6a05;
border-bottom-style: solid;
position: relative;
letter-spacing: 0.055em;
} .whole-entry-meta {
text-align: right;
} .prArea .box {
width: 100%;
height: 440px;
border-radius: 50%;
padding-bottom: 7px;
background-color: #ffffff;
border-width: 5px;
border-color: #ff6a05;
border-style: solid;
overflow: hidden;
} .prArea .pr-detail-btn {
font-size: 1.5rem;
letter-spacing: 0.08em;
} .link_instagram {
width: 36px;
height: 36px;
margin-right: 10px;
} .fixed-right-area {
border-radius: 2px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 12px;
padding-right: 12px;
background-color: #f1e8ca;
border-top-width: 2px;
border-top-color: #ffffff;
border-top-style: solid;
border-bottom-width: 2px;
border-bottom-color: #ffffff;
border-bottom-style: solid;
border-left-width: 2px;
border-left-color: #ffffff;
border-left-style: solid;
position: fixed;
top: 48%;
right: 0px;
} .fixed-right_link_instagram {
width: 48px;
height: 60px;
} .link_footer_instagram {
width: 48px;
height: 48px;
margin-top: 8px;
}.sp-only {
display: none;
} strong {
font-weight: bold;
}
em {
font-weight: bold;
} .fluid {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);
} body.fixed {
padding-top: 63px;
}
.fixed #site-navi{
position: fixed;
top: 0;
z-index: 999;
} img.alignright  {
margin-left: 30px;
}
img.alignleft  {
margin-right: 30px;
} #site-navi li:hover .sub-menu {
top: 60px;
visibility: visible;
opacity: 1;
} .post-list a .eyecatch img {
transition: all .4s ease;
}
.post-list a:hover .eyecatch img {
transform: scale(1.05);
} .grid-pc-12 {	width: 100%;}
.grid-pc-11 {	width: 91.66666667%;}
.grid-pc-10 {	width: 83.33333333%;}
.grid-pc-9 {	width: 75%;}
.grid-pc-8 {	width: 66.66666667%;}
.grid-pc-7 {	width: 58.33333333%;}
.grid-pc-6 {	width: 50%;}
.grid-pc-5 {	width: 41.66666667%;}
.grid-pc-4 {	width: 33.33333333%;}
.grid-pc-3 {	width: 25%;}
.grid-pc-2 {	width: 16.66666667%;}
.grid-pc-1 {	width: 8.33333333%;} .pc-card-1 .post-list {	width: 100%;}
.pc-card-2 .post-list {	width: 50%;}
.pc-card-3 .post-list {	width: 33.33333333%;}
.pc-card-4 .post-list {	width: 25%;}
.pc-card-5 .post-list {	width: 20%;}
.pc-card-6 .post-list {	width: 16.66666666%;}
.post-list-card .box { position: relative; }
.post-list-card .box::after {
content: '';
display: block;
width: 100%;
height: 1.5em;
background: linear-gradient(#fff0 0,#fff 50%,#fff 100%);
position: absolute;
bottom: 0;
left: 0;
} #breadcrumbs ol {
list-style:none;
} .entry table {
width: 100%;
}
.entry th {
vertical-align: top;
}
.entry td {
}
.entry textarea,
.entry select,
.entry input {
padding: 4px 5px;
border: 1px solid #cccccc;
font-size: 1.6rem;
}
.entry textarea,
.entry select,
.entry input[type="text"] {
width: 100%;
} .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}