@charset "UTF-8";

   html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0; } article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }
body {
line-height: 1; }
ol,
ul {
list-style: none; }
blockquote,
q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none; }
table {
border-spacing: 0;
border-collapse: collapse; }
html {
font-size: 62.5%; }
body {
font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, '游ゴシック体', 'Yu Gothic', '游ゴシック', 'メイリオ', Meiryo, sans-serif;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.5;
position: relative;
letter-spacing: normal;
word-wrap: break-word;
color: #000;
background: #f0e8e3;
overflow-wrap: break-word; }
*,
*:before,
*:after {
box-sizing: border-box; }
img {
display: inline-block;
max-width: 100%;
height: auto; }
a {
display: block;
text-decoration: none;
color: inherit;
-webkit-tap-highlight-color: rgba(202, 128, 56, 0.1);
-webkit-touch-callout: none; }
a:hover,
a:active {
cursor: pointer; }
a:hover img,
a:active img {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
a img {
transition: opacity .4s ease-out;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
border: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.main {
display: block;
min-height: 600px;
padding: 0; }
.container {
width: 100%;
max-width: 1280px;
margin: 0 auto; }
.inner {
position: relative;
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 0; }
.inside-inner {
width: 100%;
max-width: 980px;
margin: 0 auto;
padding: 0; }
.wysiwyg,
.wysiwyg-page {
width: 100%;
max-width: 900px;
margin: 20px auto; }
.under-layer {
position: relative;
z-index: 10;
top: -50px; }
.normal-layer {
padding: 60px 0; }
.flex {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between; } .btn {
font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', 'meiryo', sans-serif;
line-height: 1;
position: relative;
display: inline-block;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all .4s ease-out;
text-decoration: none !important;
border: none;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.btn:hover,
.btn:active {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.btn-wrap {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.btn-top {
position: -webkit-sticky;
position: sticky;
z-index: 999;
right: 45px;
bottom: 30px;
display: block;
width: 91px;
height: 91px;
margin: 0 0 -10px auto;
cursor: pointer;
background: url(//hujifoods.net/wp-content/themes/custom/images/btn-top.png) no-repeat center/contain; }
.btn-detail {
font-size: 13px;
font-size: 1.3rem;
width: 150px;
height: 30px;
padding-right: 10px;
letter-spacing: .06em;
border-bottom: 1px solid #000;
border-radius: 0; }
.btn-detail:before {
position: absolute;
right: 0;
bottom: 0;
width: 1px;
height: 22px;
content: '';
transform: rotate(-45deg);
transform-origin: right bottom;
background: #000; } .emb-youtube {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
margin: 0 auto;
padding-bottom: 56.25%; }
.emb-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.emb-facebook {
position: relative;
overflow: hidden;
height: 0;
margin: 6px auto;
padding-bottom: 15% !important; }
.emb-facebook iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } .paragraph {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
line-height: 2;
letter-spacing: .04em; }
.link {
display: inline-block;
color: #ac3634;
box-shadow: 0 -1px 0 0 #ac3634 inset; }
.link:hover,
.link:active {
box-shadow: 0 -1.2px 0 0 #ac3634 inset; }
.color02 {
color: #33686a; }
.marker01 {
box-shadow: 0 -1.27em 0 0 #fffc00 inset; }
.vertical {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl; }
.blockquote-info {
font-size: 15px;
font-weight: 500;
text-align: right; }
.note {
font-size: 16px;
font-weight: 700;
text-align: center; } .form .form-inner {
width: 100%;
max-width: 800px;
margin: 0 auto; }
.form dl,
.form dt,
.form dd {
line-height: 1.5;
margin: 0;
padding: 0; }
.form dl {
overflow: hidden;
width: 100%; }
.form dt {
float: left;
width: 27%;
padding: 10px 0 24px 50px; }
.form dt.dt-privacy {
width: 40%; }
.form dd {
float: right;
width: 73%;
min-height: 40px;
padding: 0; }
.form dd.dd-privacy {
width: 60%; }
.form input,
.form select,
.form textarea {
font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, '游ゴシック体', 'Yu Gothic', '游ゴシック', 'メイリオ', Meiryo, sans-serif;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.5;
min-height: 40px;
margin: 0;
padding: .5em 1em;
border: 1px solid #ccc;
border-radius: 0;
background: #f0e8e3; }
.form select {
cursor: pointer; }
.form textarea {
width: 100%;
height: 12em; }
.form input[type=text]:active,
.form input[type=text]:focus,
.form input[type=email]:active,
.form input[type=email]:focus,
.form input[type=tel]:active,
.form input[type=tel]:focus,
.form select:active,
.form select:focus,
.form textarea:active,
.form textarea:focus {
color: #000;
border: 1px solid #ac3634 !important; }
.form .mwform-checkbox-field,
.form .mwform-radio-field {
display: block;
margin: 10px 0 0;
padding: 0; }
.form .mwform-checkbox-field > label,
.form .mwform-radio-field > label {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center; }
.form .mwform-checkbox-field > label .mwform-checkbox-field-text,
.form .mwform-checkbox-field > label .mwform-radio-field-text,
.form .mwform-radio-field > label .mwform-checkbox-field-text,
.form .mwform-radio-field > label .mwform-radio-field-text {
display: inline-block;
width: calc(100% - 1em); }
.form input[type=radio] {
display: inline-block;
width: 1em;
height: 1em;
min-height: 1em;
margin: auto .5em;
margin: 0;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio; }
.form input[type=checkbox] {
display: inline-block;
width: 1.5em;
height: 1.5em;
min-height: 1em;
margin: 0 .5em 0 0;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox; }
.form .require {
position: relative; }
.form .require:after {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.7;
position: absolute;
top: 10px;
left: 0;
display: inline-block;
width: 40px;
height: 20px;
content: '必須';
text-align: center;
vertical-align: middle;
color: #fff;
background: #ca8038; }
.form .width-01 {
width: 100%; }
.form .width-02 {
width: 50%; }
.form .width-03 {
width: 5em; }
.form .width-04 {
width: 6em; }
.form .form-info .form-info__paragraph {
font-size: 18px;
font-size: 1.8rem;
text-align: center; }
.form .form-items {
margin-top: 40px; }
.form .form-privacy {
margin-top: 40px; }
.form .form-privacy .privacy-link {
padding-top: 10px; }
.form .form-privacy .dd-privacy__row {
margin-bottom: 10px; }
.form .form-submit {
margin: 60px auto;
text-align: center;
-ms-flex-pack: center;
justify-content: center; }
.form .form-submit .btn-submit {
font-size: 18px;
font-size: 1.8rem;
font-weight: 400;
line-height: 1.5;
width: 400px;
height: 80px;
padding: 0;
transition: background .4s ease-out;
text-align: center;
letter-spacing: .06em;
color: #fff;
border: none;
border-radius: 0; }
.form .form-submit .btn-edit {
background: #000 url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-03.png) no-repeat left 20px bottom 55%/60px auto; }
.form .form-submit .btn-edit:hover,
.form .form-submit .btn-edit:active {
background-position: left 10px bottom 55%; }
.form .form-submit .btn-confirm,
.form .form-submit .btn-send,
.form .form-submit .btn-complete {
background: #ac3634 url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-02.png) no-repeat right 20px bottom 55%/60px auto; }
.form .form-submit .btn-confirm:hover,
.form .form-submit .btn-confirm:active,
.form .form-submit .btn-send:hover,
.form .form-submit .btn-send:active,
.form .form-submit .btn-complete:hover,
.form .form-submit .btn-complete:active {
background-position: right 10px bottom 55%; }
.form.step-confirm dd {
padding: 10px 0; }
.form.step-confirm .form-submit {
-ms-flex-pack: justify;
justify-content: space-between; } .heading-level01 {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 34px;
font-size: 3.4rem;
font-weight: 400;
line-height: 1.5;
position: relative;
z-index: 11;
width: calc(100% - 100px);
height: 180px;
margin: -25px 0 0 auto;
padding: 20px 100px 20px 40px;
letter-spacing: .06em;
color: #fff;
background: #ac3634 url(//hujifoods.net/wp-content/themes/custom/images/deco-02.jpg) no-repeat top 0 right 12px/199px auto;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.heading-level02 {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.5;
margin-bottom: 10px;
padding: 6px 0;
text-align: left;
letter-spacing: .04em;
border-bottom: 1px solid #000; }
.heading__simple {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.5;
padding: 0;
text-align: center;
letter-spacing: .06em;
color: #000; }
.privacy-contact__heading {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0;
padding: 0;
text-align: center;
letter-spacing: .04em; }
.single-related__heading {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 20px;
font-size: 2rem;
font-weight: 400;
line-height: 1.5;
padding: 0;
text-align: center;
letter-spacing: .06em;
color: #000; } .item-tableA .dl {
overflow: hidden;
margin: 0; }
.item-tableA .dt,
.item-tableA .dd {
padding: 10px; }
.item-tableA .dt {
float: left;
width: 18em; }
.item-tableA .dd {
float: right;
width: calc(100% - 18em); }
.item-tableB .dl {
overflow: hidden;
margin: 0; }
.item-tableB .dt,
.item-tableB .dd {
padding: 10px; }
.item-tableB .dt {
float: left;
width: 10em; }
.item-tableB .dd {
float: right;
width: calc(100% - 10em); } .wysiwyg { }
.wysiwyg h2 {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 28px;
font-size: 2.8rem;
font-size: 28px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 20px;
padding: 7px 0;
text-align: center;
letter-spacing: .04em;
border-bottom: 1px solid #000; }
.wysiwyg h3,
.wysiwyg h4 {
font-size: 22px; }
.wysiwyg p {
font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, '游ゴシック体', 'Yu Gothic', '游ゴシック', 'メイリオ', Meiryo, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 2;
text-justify: inter-ideograph;
letter-spacing: .04em; }
.wysiwyg p + p {
margin: 1em 0; } body.block-editor-page {  background: #f0e8e3; }
body.block-editor-page h2.rich-text,
body.block-editor-page h3.rich-text,
body.block-editor-page h4.rich-text {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-weight: 400;
line-height: 1.5;
text-align: center;
letter-spacing: .04em; }
body.block-editor-page h2.rich-text {
font-size: 28px;
font-size: 2.8rem;
font-size: 28px;
margin-bottom: 20px;
padding: 7px 0;
border-bottom: 1px solid #000; }
body.block-editor-page h3.rich-text,
body.block-editor-page h4.rich-text {
font-size: 22px;
font-size: 2.2rem;
font-size: 22px;
margin-bottom: 15px;
padding: 5px 0; }
body.block-editor-page p.rich-text {
font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, '游ゴシック体', 'Yu Gothic', '游ゴシック', 'メイリオ', Meiryo, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 2;
text-justify: inter-ideograph;
letter-spacing: .04em; }
body.block-editor-page p.rich-text + p.rich-text {
margin: 1em 0; }
body.block-editor-page .edit-post-visual-editor {
width: 100%;
max-width: 1000px;
margin: 0 auto; }
body.block-editor-page .editor-post-title__input,
body.block-editor-page .editor-block-list__block {
font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, '游ゴシック体', 'Yu Gothic', '游ゴシック', 'メイリオ', Meiryo, sans-serif;
font-weight: 400;
line-height: 1.5; }
body.block-editor-page .editor-post-title {
margin: 0;
padding: 0; }
body.block-editor-page .editor-post-title__input {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 34px;
padding: 1em 0;
text-align: center;
color: #fff;
background: #ac3634; }
body.block-editor-page .block-editor-block-list__layout {
padding: 50px; }
body.block-editor-page .wp-block {
max-width: 1000px;
margin: 0;
padding: 0; }
body.block-editor-page .block-editor-block-list__block-edit {
margin: 0 !important; } .wysiwyg a,
.editor-block-list__block a {
display: inline-block;
text-decoration: underline;
color: #ac3634; }
.wysiwyg figure,
.editor-block-list__block figure {
margin: 1em auto; }
.wysiwyg ul li,
.wysiwyg ol li,
.editor-block-list__block ul li,
.editor-block-list__block ol li {
position: relative;
margin-bottom: 0;
padding-left: 2em;
list-style: none; }
.wysiwyg ul li:before,
.wysiwyg ol li:before,
.editor-block-list__block ul li:before,
.editor-block-list__block ol li:before {
font-size: 1em;
line-height: inherit;
position: absolute;
top: 0;
left: 0;
display: block;
width: 1em;
height: 1em;
content: '・';
text-align: center;
border-radius: 0; }
.wysiwyg ol,
.editor-block-list__block ol {
counter-reset: mycount; }
.wysiwyg ol li:before,
.editor-block-list__block ol li:before {
top: 0;
width: 2em;
content: "(" counter(mycount) ")";
counter-increment: mycount;
background: none; }
.wysiwyg strong,
.editor-block-list__block strong {
font-weight: 600; }
.wysiwyg em,
.editor-block-list__block em {
font-style: italic; }
.wysiwyg del,
.editor-block-list__block del {
text-decoration: line-through; }
.wysiwyg blockquote,
.editor-block-list__block blockquote {
margin: 1.5em 0;
padding: 1em;
border-left: 5px solid #b53e3b; }
.wysiwyg hr,
.editor-block-list__block hr {
height: 1px;
margin: 1.5em 0;
border: 0;
background-color: #b53e3b; }
.wysiwyg table,
.editor-block-list__block table {
width: 100%;
border-collapse: collapse;
border-top: 2px solid #000;
border-bottom: 2px solid #000; }
.wysiwyg table td,
.wysiwyg table th,
.editor-block-list__block table td,
.editor-block-list__block table th {
padding: .5em 1em;
border-top: 1px dotted #000; }
.wysiwyg table th,
.editor-block-list__block table th {
text-align: left;
vertical-align: top;
background-color: #000; }
.wysiwyg .wp-block-embed-youtube,
.editor-block-list__block .wp-block-embed-youtube {
position: relative;
overflow: hidden;
height: 0;
padding-top: 30px;
padding-bottom: 56.25%; }
.wysiwyg .wp-block-embed-youtube iframe,
.wysiwyg .wp-block-embed-youtube object,
.wysiwyg .wp-block-embed-youtube embed,
.editor-block-list__block .wp-block-embed-youtube iframe,
.editor-block-list__block .wp-block-embed-youtube object,
.editor-block-list__block .wp-block-embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } .error-404 {
padding: 60px 0;
text-align: center; } .category-content__text {
padding: 40px; }
.youtube-powered-by {
max-width: 800px;
margin: 80px auto;
padding: 0 20px; } .post-list__item {
margin-bottom: 60px; }
.post-list__item:nth-of-type(even) .area-image {
-ms-flex-order: 2;
order: 2; }
.post-list__item:nth-of-type(even) .area-content {
-ms-flex-order: 1;
order: 1; }
.post-list__item .area-image {
width: 450px; }
.post-list__item .area-content {
width: 470px; }
.post-list__item .post-list__title {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 28px;
font-size: 2.8rem;
margin-bottom: 10px;
padding: 20px 0 8px 0;
border-bottom: 1px solid #000; }
.post-list__item .post-list__btn {
margin: 15px auto; }
.single-main-img__not {
padding: 100px 0 50px 0;
text-align: center;
border: 1px solid #000; } .footer {
width: 100%;
padding-top: 40px;
border-top: 1px solid #000; }
.footer-banner .footer-banner__box {
margin-left: -40px;
justify-content: flex-start;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.footer-banner .footer-banner__heading {
padding: 20px 0; }
.footer-banner .footer-banner__link {
width: calc(100% / 3 - 40px);
margin-left: 40px;
margin-bottom: 20px;
text-align: center; }
.footer-banner .footer-sns__box {
margin: 60px 0;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.footer-banner .footer-sns__link {
margin: 0 20px; }
.footer-copyright {
font-size: 12px;
font-size: 1.2rem;
padding: 20px 0;
text-align: center; } .header {
position: relative;
z-index: 999;
width: 100%;
height: 96px;
background: #f0e8e3; }
.header .header-left {
width: 100%;
max-width: 980px;
height: 96px;
margin: 0 auto;
padding: 18px 0;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center; }
.header .header-right {
line-height: 0;
position: absolute;
top: 0;
right: 0;
width: 230px;
text-align: center; }
.header .header__logo {
line-height: 0;
width: 251px; }
.header .header__description {
font-size: 15px;
font-size: 1.5rem;
margin-left: 23px;
letter-spacing: .06em; }
.header .header__contact,
.header .header__menu {
height: 116px;
cursor: pointer; }
.header .header__contact {
width: 110px;
background: #33686a url(//hujifoods.net/wp-content/themes/custom/images/icon-contact.png) no-repeat top 30px center/61px auto; }
.header .header__contact:hover,
.header .header__contact:active {
background-color: #000; }
.header .header__menu {
width: 100px;
background: #2d586b url(//hujifoods.net/wp-content/themes/custom/images/icon-menu_open.png) no-repeat top 30px center/50px auto; }
.header .header__menu:hover,
.header .header__menu:active {
background-color: #000; }
.header .header__menu.active {
position: relative;
z-index: 99;
background: transparent url(//hujifoods.net/wp-content/themes/custom/images/icon-menu_close.png) no-repeat top 30px center/36px auto; }
.header .header-menu-open {
display: none;
transition: display .3s ease-out; }
.header .header-menu-open.active {
position: absolute;
z-index: 98;
top: 0;
right: 0;
display: block;
overflow-y: scroll;
width: 100%;
height: 100vh;
color: #fff;
background: rgba(0, 0, 0, 0.9); }
.header .header-nav__list {
width: 700px;
margin: 0 auto 0 170px;
padding: 80px 0; }
.header .cat-list {
color: #fff; }
.header .cat-list .cat-item__link {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 20px;
font-size: 2rem;
padding: 15px 0;
letter-spacing: .04em; }
.header .cat-list .home-item__link {
padding: 5px 0;
letter-spacing: .14em; }
.header .cat-list .post-item__link {
font-size: 15px;
font-size: 1.5rem;
padding: 5px 60px 5px 0; }
.header .cat-list .post-list {
display: -ms-flexbox;
display: flex;
margin-left: 10px;
padding-left: 20px;
border-left: 1px solid #fff;
-ms-flex-flow: row wrap;
flex-flow: row wrap; } .home-main .home-main-swiper {
position: relative; }
.home-main .home-main-swiper .swiper-img {
display: block; }
.home-main .home-main-swiper:before {
position: absolute;
z-index: -1;
top: 216px;
left: 0;
width: calc(100% - 60px);
height: calc(100% - 560px);
content: '';
background: #d08c40; }
.home-main .home-main__image {
width: 1130px;
margin: 0; }
.home-main .home-main__text {
position: relative;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
width: calc(100% - 100px);
margin-top: -160px;
margin-left: 100px;
padding: 66px 100px 70px 165px;
background: #ac3634 url(//hujifoods.net/wp-content/themes/custom/images/deco-01.jpg) no-repeat top 0 right 12px/199px auto; }
.home-main .home-main__heading {
z-index: 1;
width: 170px; }
.home-main .home-main__paragraph {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 2.2;
width: 640px;
margin-top: 180px;
color: #fff; }
.home-scene {
margin-top: 40px; }
.home-scene .home-scene-container {
background: url(//hujifoods.net/wp-content/themes/custom/images/bg-cloud-01.png) no-repeat top left/441px auto, url(//hujifoods.net/wp-content/themes/custom/images/bg-cloud-02.png) no-repeat bottom 40px right/468px auto; }
.home-scene .home-scene-inner {
position: relative;
padding-bottom: 220px; }
.home-scene .home-scene__article {
transition: background .4s ease-out; }
.home-scene .home-scene__article .home-scene__link {
height: 100%; }
.home-scene .home-scene__article .home-scene__heading-img {
display: block; }
.home-scene .home-scene__article.scene01 {
width: 318px;
height: 525px;
margin: 122px 0 0 48px;
background-position: bottom -20px left 0; }
.home-scene .home-scene__article.scene01:hover,
.home-scene .home-scene__article.scene01:active {
background: url(//hujifoods.net/wp-content/themes/custom/images/home-scene-bg-01.png) no-repeat bottom 0 left 0/318px auto; }
.home-scene .home-scene__article.scene02 {
position: absolute;
top: 234px;
left: calc(50% - 190px);
width: 399px;
height: 660px;
background-position: bottom -20px left 0; }
.home-scene .home-scene__article.scene02:hover,
.home-scene .home-scene__article.scene02:active {
background: url(//hujifoods.net/wp-content/themes/custom/images/home-scene-bg-02.png) no-repeat bottom 0 left 0/343px auto; }
.home-scene .home-scene__article.scene03 {
width: 398px;
height: 634px;
background-position: bottom -20px right 0; }
.home-scene .home-scene__article.scene03:hover,
.home-scene .home-scene__article.scene03:active {
background: url(//hujifoods.net/wp-content/themes/custom/images/home-scene-bg-03.png) no-repeat bottom 0 right 0/377px auto; }
.home-story .home-story-box {
height: 300px; }
.home-story .home-story__link {
position: relative;
height: 100%;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end; }
.home-story .home-story__link.link-story-01:before,
.home-story .home-story__link.link-story-02:before,
.home-story .home-story__link.link-story-03:before {
position: absolute;
z-index: -1;
content: '';
transition: opacity .4s ease-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.home-story .home-story__link.link-story-01:hover:before,
.home-story .home-story__link.link-story-01:active:before,
.home-story .home-story__link.link-story-02:hover:before,
.home-story .home-story__link.link-story-02:active:before,
.home-story .home-story__link.link-story-03:hover:before,
.home-story .home-story__link.link-story-03:active:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.home-story .home-story__link.link-story-01:before {
right: 50px;
bottom: 30px;
width: 298px;
height: 219px;
background: url(//hujifoods.net/wp-content/themes/custom/images/home-story-bg-01.png) no-repeat center/contain; }
.home-story .home-story__link.link-story-02:before {
right: 55px;
bottom: 30px;
width: 382px;
height: 195px;
background: url(//hujifoods.net/wp-content/themes/custom/images/home-story-bg-02.png) no-repeat center/contain; }
.home-story .home-story__link.link-story-03:before {
right: 70px;
bottom: 20px;
width: 318px;
height: 220px;
background: url(//hujifoods.net/wp-content/themes/custom/images/home-story-bg-03.png) no-repeat center/contain; }
.home-story .home-story__detail {
text-align: right; }
.home-story .home-story__detail.detail-story-01 {
margin-top: 16px;
margin-right: 240px; }
.home-story .home-story__detail.detail-story-02 {
margin-right: 300px; }
.home-story .home-story__detail.detail-story-03 {
margin-top: 16px;
margin-right: 300px; }
.home-story .home-story-01 {
position: relative;
z-index: 3;
top: 60px;
width: calc(100% - 550px);
background: url(//hujifoods.net/wp-content/themes/custom/images/home-story-overlay-01.jpg) repeat; }
.home-story .home-story-02 {
position: relative;
z-index: 2;
width: calc(100% - 350px);
background: url(//hujifoods.net/wp-content/themes/custom/images/home-story-overlay-02.jpg) repeat; }
.home-story .home-story-03 {
position: relative;
z-index: 1;
top: -50px;
width: calc(100% - 150px);
background: url(//hujifoods.net/wp-content/themes/custom/images/home-story-overlay-03.jpg) repeat; }
.home-story .home-story__heading {
position: absolute;
right: 60px;
width: 80px; }
.home-story .home-story__heading.heading-story-01 {
top: -60px; }
.home-story .home-story__heading.heading-story-02 {
top: -50px; }
.home-story .home-story__heading.heading-story-03 {
top: -92px; } .breadcrumbs {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
position: relative;
z-index: 12;
width: calc(100% - 150px);
padding: 14px 0;
text-align: left;
letter-spacing: normal;
background: #ca8038; }
.breadcrumbs a {
display: inline-block; }
.breadcrumbs a:hover,
.breadcrumbs a:active {
text-decoration: underline; }
.breadcrumbs-inside-inner {
margin: 0 0 0 auto;
padding: 0 !important; } .post-navigation {
margin: 40px auto; }
.post-navigation .prev {
width: 50%;
text-align: left; }
.post-navigation .next {
width: 50%;
text-align: right; }
.post-navigation .post-navigation__link {
padding: 20px; }
.post-navigation .post-navigation__link:hover .post-navigation__text,
.post-navigation .post-navigation__link:active .post-navigation__text {
color: #ac3634; }
.post-navigation .post-navigation__link:hover .post-navigation__text-pre,
.post-navigation .post-navigation__link:active .post-navigation__text-pre {
background: url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-06.png) no-repeat left center/30px 8px; }
.post-navigation .post-navigation__link:hover .post-navigation__text-next,
.post-navigation .post-navigation__link:active .post-navigation__text-next {
background: url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-07.png) no-repeat right center/30px 8px; }
.post-navigation .post-navigation__text {
font-size: 16px;
font-size: 1.6rem;
display: inline-block;
color: #ca8038; }
.post-navigation .post-navigation__text-pre {
padding-top: 4px;
padding-left: 40px;
background: url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-04.png) no-repeat left center/30px 8px; }
.post-navigation .post-navigation__text-next {
padding-top: 4px;
padding-right: 40px;
background: url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-05.png) no-repeat right center/30px 8px; } .wp-pagenavi {
font-size: 15px;
font-size: 1.5rem;
font-weight: 400;
display: block;
overflow: hidden;
width: 100%;
max-width: 372px;
margin: 40px auto;
text-align: center; }
.wp-pagenavi a,
.wp-pagenavi span {
line-height: 3.33;
display: inline-block;
width: 40px;
height: 50px;
margin: 10px;
padding: 0;
text-decoration: none;
color: #2d5d5f;
border: solid 1px #2d5d5f;
border-radius: 0;
background: transparent; }
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
width: 16px;
height: 50px;
border: none; }
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover {
border: none; }
.wp-pagenavi a.nextpostslink {
float: right; }
.wp-pagenavi a.previouspostslink {
float: left; }
.wp-pagenavi a.previouspostslink {
transform: rotate(180deg);
background: url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-01.png) no-repeat center/contain; }
.wp-pagenavi a.nextpostslink {
background: url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-01.png) no-repeat center/contain; }
.wp-pagenavi a.first,
.wp-pagenavi a.last {
display: none; }
.wp-pagenavi span.extend,
.wp-pagenavi span.pages,
.wp-pagenavi span.page {
display: none; }
.wp-pagenavi .page:hover,
.wp-pagenavi span.current {
color: #fff;
border: solid 1px #2d5d5f;
background: #2d5d5f; }
.search-page {
margin: 100px 0 60px 0; } .searchform-wrap {
width: 100%;
max-width: 320px;
margin: 2em auto; }
.searchform {
background: #fff;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.searchform .search-keyword,
.searchform .search-button {
font-family: inherit;
font-size: inherit;
height: 35px;
min-height: 35px;
margin: 0;
padding: 0;
color: inherit;
border: none;
border-radius: 0 !important; }
.searchform .search-keyword {
width: calc(100% - 35px);
padding: .5em;
border: 1px solid #000; }
.searchform .search-keyword:focus {
border: 1px solid #ac3634; }
.searchform .search-button {
font-size: 0;
width: 35px;
height: 35px;
background: #ac3634 url(//hujifoods.net/wp-content/themes/custom/images/icon-search.svg) no-repeat center/60%; }
.searchform .search-button:hover,
.searchform .search-button:active {
cursor: pointer; } .single-related {
margin-top: 60px;
padding: 40px 0 0 0;
border-top: 1px solid #000; }
.single-related .single-related__heading-link {
padding: 20px 0; }
.single-related .single-related__list {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start; }
.single-related .single-related__item {
width: 280px;
margin-top: 20px;
margin-right: 70px; }
.single-related .single-related__item:nth-child(3n) {
margin-right: 0; }
.single-related .single-related__item:nth-child(-n+3) {
margin-top: 0; }
.post-recruit h2 {
margin-top: 60px;
}
.post-recruit p:not([class]) + p:not([class]) {
margin-top: 2em;
}
.post-recruit .cts-intro {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 28px;
margin-top: 120px;
text-align: center;
line-height: 2;
}
.post-recruit .cts-intro + h2 {
margin-top: 40px;
}
.post-recruit .cts-tag {
max-width: 380px;
color: #fff;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 20px;
border-radius: 30px 30px 0 30px;
padding: 10px;
margin-top: 32px;
text-align: center;
}
.post-recruit .cts-list {
display: grid;
row-gap: 10px;
max-width: 600px;
list-style: none;
padding-left: 0;
margin: 30px auto 20px;
}
.post-recruit .cts-list li {
display: grid;
align-items: center;
grid-template-columns: 100px 1fr;
column-gap: 10px;
font-size: 18px;
border-radius: 8px;
padding: 10px;
line-height: calc(30 / 18);
}
.post-recruit .cts-list li:nth-of-type(6n+1),
.post-recruit .cts-list li:nth-of-type(6n+4),
.post-recruit .cts-list li:nth-of-type(6n) {
background-color: rgba(202, 128, 56, 0.2);
}
.post-recruit .cts-list li:nth-of-type(6n+2),
.post-recruit .cts-list li:nth-of-type(6n+5) {
background-color: rgba(187, 95, 97, 0.2);
}
.post-recruit .cts-list li:nth-of-type(6n+3) {
background-color: rgba(172, 54, 52, 0.2);
}
.post-recruit .cts-list li::before {
content: none;
}
.post-recruit .cts-list li span {
color: #fff;
border-radius: 15px;
text-align: center;
}
.post-recruit .cts-tag01,
.post-recruit .cts-list li:nth-of-type(6n+1) span,
.post-recruit .cts-list li:nth-of-type(6n+4) span,
.post-recruit .cts-list li:nth-of-type(6n) span {
background-color: #ca8038;
}
.post-recruit .cts-tag02,
.post-recruit .cts-list li:nth-of-type(6n+2) span,
.post-recruit .cts-list li:nth-of-type(6n+5) span {
background-color: #bb5f61;
}
.post-recruit .cts-tag03,
.post-recruit .cts-list li:nth-of-type(6n+3) span {
background-color: #ac3634;
}
.post-recruit .cts-btn {
display: grid;
align-items: center;
grid-template-columns: 1fr auto 1fr;
column-gap: 20px;
max-width: 400px;
min-height: 80px;
color: #fff;
background-color: #ac3634;
font-size: 18px;
padding: 10px 20px;
margin-top: 70px;
margin-inline: auto;
text-decoration: none;
}
.post-recruit .cts-btn::before,
.post-recruit .cts-btn::after {
content: '';
}
.post-recruit .cts-btn::after {
justify-self: end;
display: block;
width: 60px;
aspect-ratio: 4;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: skew(45deg) translateY(-25%);
transform-origin: right bottom;
} .page-privacy .privacy__section {
margin-bottom: 20px; }
.page-privacy .privacy__lead {
margin-bottom: 40px; }
.page-privacy .privacy-contact {
margin-top: 50px;
padding: 50px;
text-align: center;
background: #fff; }
.page-privacy .privacy-contact-box {
margin-top: 23px;
padding: 25px;
border: 2px solid #f0e8e3; }
.page-privacy .privacy-contact__name {
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
font-size: 20px;
font-size: 2rem;
font-weight: 400;
line-height: 1.5;
padding: 10px 0;
letter-spacing: .04em; }
.page-privacy .privacy-contact__pragraph {
display: inline-block;
margin: 0;
padding-right: 1em; }
.page-privacy .privacy__link {
display: inline-block;
text-decoration: underline; }
.page-privacy .privacy__tel {
padding-right: 2em; }
@media screen and (max-width: 1280px){
html{
font-size: 62.5%; }
.btn-top{
right: 0; }
.header .header-left{
max-width: none;
margin: 0;
padding: 18px 20px; }
.header .header-right{
right: 20px; }
.home-main .home-main__image{
width: calc(100% - 90px); }
.home-main .home-main__text{
padding: 66px 80px 70px 80px; }
.home-main .home-main__paragraph{
width: calc(100% - 190px); }
.home-story .home-story-01{
width: calc(100% - 450px); }
.home-story .home-story-02{
width: calc(100% - 250px); }
.home-story .home-story-03{
width: calc(100% - 50px); } }
@media screen and (max-width: 980px){
html{
font-size: 62.5%; }
.inside-inner{
padding: 0 20px; }
.heading-level01{
font-size: 3rem;
width: calc(100% - 60px); }
.post-list__item .area-image{
width: calc(50% - 40px); }
.post-list__item .area-content{
width: 50%; }
.footer-banner .footer-banner__box{
margin-left: 0;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center; }
.footer-banner .footer-banner__link{
width: 100%;
margin: 10px auto; }
.header .header-left{
width: calc(100% - 120px); }
.header .header-right{
width: 100px; }
.header .header__contact{
display: none; }
.header .header-nav__list{
margin: 0 auto; }
.home-scene .home-scene-inner{
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.home-scene .home-scene__article.scene01{
margin: 103px 0 0 48px; }
.home-scene .home-scene__article.scene02{
top: 289px;
right: 20px;
left: auto; }
.home-scene .home-scene__article.scene03{
width: 398px;
height: 634px;
background-position: bottom -20px right 0; }
.home-scene .home-scene__article.scene03:hover,
.home-scene .home-scene__article.scene03:active{
background: url(//hujifoods.net/wp-content/themes/custom/images/home-scene-bg-03.png) no-repeat bottom 0 right 0/377px auto; }
.home-story .home-story-box{
margin: 50px 50px 0 0; }
.home-story .home-story-box:nth-child(even){
margin: 50px 0 0 50px; }
.home-story .home-story__link{
-ms-flex-align: center;
align-items: center; }
.home-story .home-story__link.link-story-01:before{
right: 78px;
bottom: 49px; }
.home-story .home-story__link.link-story-02:before{
right: auto;
bottom: 33px;
left: 22px; }
.home-story .home-story__link.link-story-03:before{
right: 71px;
bottom: 32px; }
.home-story .home-story__detail.detail-story-01,
.home-story .home-story__detail.detail-story-02,
.home-story .home-story__detail.detail-story-03{
margin: 0; }
.home-story .home-story-01,
.home-story .home-story-02,
.home-story .home-story-03{
top: auto;
width: calc(100% - 60px); }
.home-story .home-story-01{
z-index: 1; }
.home-story .home-story-02{
z-index: 2; }
.home-story .home-story-03{
z-index: 3; }
.home-story .home-story__heading.heading-story-01{
top: -60px; }
.home-story .home-story__heading.heading-story-02{
top: -80px;
right: auto;
left: 60px; }
.home-story .home-story__heading.heading-story-03{
top: -80px; }
.breadcrumbs{
padding: 8px 20px; }
.single-related .single-related__item{
width: 30%;
margin-right: auto; } }
@media screen and (max-width: 768px){
html{
font-size: 62.5%; }
.pc-retern{
display: none !important; }
.sp-hide{
display: none !important; }
.main{
padding-top: 54px; }
.under-layer{
top: -30px; }
.normal-layer{
padding: 30px 0; }
.btn-top{
width: 46px;
height: 46px;
margin: 20px 0 -5px auto; }
.btn-detail{
font-size: .8rem;
width: 110px;
height: 24px; }
.btn-detail:before{
height: 16px; }
.paragraph{
font-size: 1.5rem;
line-height: 1.6; }
.form dt{
float: none;
width: 100%;
padding: 10px 0 10px 50px; }
.form dt.dt-privacy{
width: 100%; }
.form dd{
float: none;
width: 100%;
padding: 0 0 15px 0; }
.form dd.dd-privacy{
width: 100%; }
.form .form-info .form-info__paragraph{
font-size: 1.6rem; }
.form .form-privacy{
margin-top: 20px; }
.form .form-privacy .privacy-link{
padding-top: 0; }
.form .form-submit{
margin: 40px auto;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.form .form-submit .btn-submit{
font-size: 1.5rem;
width: 100%;
max-width: 400px;
height: 60px;
margin: 10px auto; }
.form .form-submit .btn-edit{
background: #000 url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-03.png) no-repeat left 15px bottom 55%/45px auto; }
.form .form-submit .btn-confirm,
.form .form-submit .btn-send,
.form .form-submit .btn-complete{
background: #ac3634 url(//hujifoods.net/wp-content/themes/custom/images/icon-arrow-02.png) no-repeat right 15px bottom 55%/45px auto; }
.form.step-confirm dd{
padding: 0; }
.heading-level01{
font-size: 1.7rem;
width: calc(100% - 30px);
height: 100px;
margin: -17px 0 0 auto;
padding: 30px 20px 20px 20px;
background: #ac3634 url(//hujifoods.net/wp-content/themes/custom/images/deco-02.jpg) no-repeat top 0 right -12px/110px auto; }
.heading-level02{
font-size: 1.8rem; }
.heading__simple{
font-size: 1.6rem; }
.privacy-contact__heading{
font-size: 1.7rem;
padding: 10px 0; }
.single-related__heading{
font-size: 1.6rem; }
.item-tableA .dl,
.item-tableB .dl{
border-bottom: 1px solid #ccc; }
.item-tableA .dt,
.item-tableA .dd,
.item-tableB .dt,
.item-tableB .dd{
width: 100%; }
.item-tableA .dt,
.item-tableB .dt{
padding: 10px 0; }
.item-tableA .dd,
.item-tableB .dd{
padding: 0 0 10px 0; }
.wysiwyg h2{
font-size: 1.6rem;
font-size: 16px;
margin-bottom: 10px;
padding: 5px 0; }
.wysiwyg h3,
.wysiwyg h4{
font-size: 1.5rem;
font-size: 15px; }
.wysiwyg p{
font-size: 1.5rem;
font-size: 15px;
line-height: 1.6; }
.category-content__text{
padding: 30px; }
.post-list__item{
margin-bottom: 30px; }
.post-list__item:nth-of-type(even) .area-image{
-ms-flex-order: 1;
order: 1; }
.post-list__item:nth-of-type(even) .area-content{
-ms-flex-order: 2;
order: 2; }
.post-list__item .post-list__link{
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.post-list__item .area-image,
.post-list__item .area-content{
width: 100%;
max-width: 450px;
margin: 0 auto; }
.post-list__item .post-list__title{
font-size: 1.7rem;
padding: 8px 0 12px 0;
text-align: center; }
.footer{
padding-top: 30px; }
.footer-banner .footer-banner__box{
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: center;
justify-content: center; }
.footer-banner .footer-sns__box{
margin: 30px 0; }
.footer-banner .footer-sns__link{
margin: 0 10px; }
.header{
position: fixed;
height: 54px; }
.header .header-inner{
padding: 0; }
.header .header-left{
width: calc(100% - 70px);
height: 54px;
padding: 10px; }
.header .header-right{
right: 10px;
width: 60px; }
.header .header__logo{
width: 142px; }
.header .header__description{
font-size: 1rem;
margin-left: 8px; }
.header .header__menu{
width: 60px;
height: 64px;
background-position: top 14px center;
background-size: 30px auto; }
.header .header__menu.active{
background-position: top 11px center;
background-size: 23px auto; }
.header .header-nav__list{
width: 100%;
padding: 40px 0; }
.header .cat-list .cat-item__link{
font-size: 1.7rem;
padding: 8px 0;
letter-spacing: normal; }
.header .cat-list .home-item__link{
padding: 10px 0;
letter-spacing: normal; }
.header .cat-list .post-item__link{
font-size: 1.4rem;
padding: 8px 0; }
.header .cat-list .post-list{
margin-left: 10px;
padding-left: 20px; }
.header .cat-list .post-item{
width: 100%; }
.home-main .home-main-swiper:before{
top: 75px;
width: calc(100% - 18px); }
.home-main .home-main__image{
width: calc(100% - 45px); }
.home-main .home-main__text{
width: calc(100% - 30px);
margin-top: -74px;
margin-left: 30px;
padding: 40px 30px 60px 25px;
background: url(//hujifoods.net/wp-content/themes/custom/images/deco-03.jpg) no-repeat top 0 right 0/85px auto, url(//hujifoods.net/wp-content/themes/custom/images/deco-04.jpg) no-repeat bottom 0 right 0/85px auto;
background-color: #ac3634; }
.home-main .home-main__heading{
width: 86px; }
.home-main .home-main__paragraph{
font-size: 1.5rem;
line-height: 1.66;
width: calc(100% - 110px);
margin-top: 80px; }
.home-scene{
margin: 40px 0 60px 0; }
.home-scene .home-scene-container{
background: url(//hujifoods.net/wp-content/themes/custom/images/bg-cloud-01.png) no-repeat top left/164px auto, url(//hujifoods.net/wp-content/themes/custom/images/bg-cloud-02.png) no-repeat bottom right/194px auto; }
.home-scene .home-scene-inner{
padding-bottom: 0;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: distribute;
justify-content: space-around; }
.home-scene .home-scene__article.scene01{
width: 149px;
height: 243px;
margin: 56px 0 0 7px; }
.home-scene .home-scene__article.scene01:hover,
.home-scene .home-scene__article.scene01:active{
background: none; }
.home-scene .home-scene__article.scene02{
position: relative;
top: 20px;
right: 10px;
width: 210px;
height: 296px; }
.home-scene .home-scene__article.scene02:hover,
.home-scene .home-scene__article.scene02:active{
background: none; }
.home-scene .home-scene__article.scene03{
width: 182px;
height: 296px;
margin-top: 0; }
.home-scene .home-scene__article.scene03:hover,
.home-scene .home-scene__article.scene03:active{
background: none; }
.home-story{
padding-top: 5px; }
.home-story .home-story-box{
height: 200px;
margin: 25px 25px 0 0; }
.home-story .home-story-box:nth-child(even){
margin: 25px 0 0 25px; }
.home-story .home-story__link.link-story-01:before,
.home-story .home-story__link.link-story-02:before,
.home-story .home-story__link.link-story-03:before{
z-index: 12;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.home-story .home-story__link.link-story-01:before{
right: 39px;
bottom: 25px;
width: 149px;
height: 110px; }
.home-story .home-story__link.link-story-02:before{
bottom: 16px;
left: 11px;
width: 191px;
height: 97px; }
.home-story .home-story__link.link-story-03:before{
right: 36px;
bottom: 16px;
width: 159px;
height: 110px; }
.home-story .home-story__detail{
position: relative;
z-index: 13; }
.home-story .home-story__detail.detail-story-01{
width: 169px;
margin-right: 60px; }
.home-story .home-story__detail.detail-story-02{
width: 145px;
margin-left: 60px; }
.home-story .home-story__detail.detail-story-03{
width: 152px;
margin-right: 60px; }
.home-story .home-story-01,
.home-story .home-story-02,
.home-story .home-story-03{
width: calc(100% - 30px); }
.home-story .home-story__heading{
z-index: 11;
right: 30px;
width: 46px; }
.home-story .home-story__heading.heading-story-01{
top: -30px; }
.home-story .home-story__heading.heading-story-02{
top: -40px;
left: 30px; }
.home-story .home-story__heading.heading-story-03{
top: -40px; }
.breadcrumbs{
font-size: 10px;
line-height: 1.7;
width: calc(100% - 44px);
padding: 8px 20px 8px 44px; }
.search-page{
margin: 60px 0; }
.single-related{
margin-top: 60px;
padding: 40px 0 0 0;
border-top: 1px solid #000; }
.single-related .single-related__heading-link{
padding: 20px 0; }
.single-related .single-related__list{
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between; }
.single-related .single-related__item{
width: calc((100% - 20px) / 2);
margin-top: 0 !important;
margin-bottom: 20px; }
.single-related .single-related__item:nth-child(2n){
margin-right: 0; }
.single-related .single-related__item:nth-child(3n){
margin-right: auto; }
.post-recruit h2 {
margin-top: 40px;
}
.post-recruit .cts-intro {
font-size: 18px;
margin-top: 80px;
}
.post-recruit .cts-tag {
font-size: 16px;
}
.post-recruit .cts-list li {
grid-template-columns: 75px 1fr;
font-size: 15px;
}
.post-recruit .cts-btn {
max-width: 280px;
min-height: 60px;
font-size: 16px;
}
.post-recruit .cts-btn::after {
width: 40px;
}
.page-privacy .privacy__lead{
margin-bottom: 20px; }
.page-privacy .privacy-contact{
margin-top: 40px;
padding: 20px; }
.page-privacy .privacy-contact-box{
padding: 20px 0;
border: 1px solid #f0e8e3; }
.page-privacy .privacy-contact__name{
font-size: 1.6rem;
padding: 5px 0; }
.page-privacy .privacy-contact__pragraph,
.page-privacy .privacy__tel{
padding: 0 1em; }
}
@media screen and (max-width: 600px){
html{
font-size: 62.5%; }
body{
font-size: 1.5rem; }
.home-scene{
margin: 15px 0; }
.home-scene .home-scene-inner{
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: justify;
justify-content: space-between; }
.home-scene .home-scene__article.scene02{
position: absolute;
top: 144px; }
.home-scene .home-scene__article.scene03{
margin-top: 27px; }
.post-navigation{
margin: 20px auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.post-navigation .post-navigation__link{
padding: 10px; }
.post-navigation .post-navigation__text{
font-size: 1.5rem; }
.post-navigation .prev{
width: 100%; }
.post-navigation .next{
width: 100%; } }
@media screen and (max-width: 320px){
html{
font-size: 62.5%; } }
@media screen and (min-width: 768px){
a[href^='tel:']{
pointer-events: none; }
.pc-hide{
display: none !important; } }
@media screen and (min-width: 600px){
.sp-retern{
display: none !important; } }.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}