@charset 'UTF-8';
@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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
line-height: 1.6em;
}
h1, h2, h3, h4{
line-height: 1em;
}
img{
max-width:100%;
height:auto;
vertical-align:bottom;
}
a{
text-decoration: none;
-webkit-transition-duration: 1000ms;
-moz-transition-duration: 1000ms;
-o-transition-duration: 1000ms;
transition-duration: 1000ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
a:hover{
text-decoration: none;
}
a img{
border-style:none;
} 
strong{
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
.clear::after{
content: ".";
display: block; 
height: 0;
font-size:0;
clear: both; 
visibility:hidden;
}
   .text-center {
text-align: center;
} body {
line-height: 1.6em;
font-family: 'Noto Sans JP', sans-serif;
background: #fff;
color: #111;
font-size: 16px;
overflow-x: hidden;
display: none;
}
.container {
-webkit-transition: 0.4s all;
transition: 0.4s all;
}
a {
color: #3e3a39;
}
a:hover {
color: #3e3a39;
}
img {
pointer-events: none;
}
figure {
margin: 0;
}
.mincho {
font-family: ten-mincho-text,serif;
font-weight: 400;
font-style: normal;
}
.pcOnly {
display: flex;
}
.spOnly {
display: none;
}
.fase, .fase_left, .fase_right {
opacity: 0;
}
.fase {
position: relative;
bottom: -30px;
}
.fase_left {
position: relative;
left: -30px;
}
.fase_right {
position: relative;
right: -30px;
}
.anch {
display: block;
height: 70px;
margin-top: -70px;
visibility: hidden;
}
.anch#contentTop {
height: 0;
margin-top: 0;
}
.breadcrumbUp {
background: #f6f6f8;
}
.breadcrumbUp .breadcrumb {
display: flex;
width: 95%;
max-width: 1100px;
margin: 0 auto;
padding: 7px 0;
}
.breadcrumbUp .breadcrumb li {
font-size: 15px; color: #888;
position: relative;
padding-top: 8px;
padding-right: 20px;
padding-bottom: 10px;
line-height: 1;
}
.breadcrumbUp .breadcrumb li a {
color: #0086a5;
line-height: 1;
}
.breadcrumbUp .breadcrumb li a:hover {
text-decoration: underline;
}
.breadcrumbUp .breadcrumb li:not(:last-child)::before {
content: "";
display: block;
width: 5px;
height: 5px;
top: 15px;
border-top: solid 2px;
border-right: solid 2px;
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 6px;
}
.breadcrumbUp .breadcrumb .home {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/title_icon.svg) no-repeat;
background-size: 38px auto;
background-position: left center;
padding-left: 48px;
margin: 0 8px 0 4px;
}
.breadcrumbUp .breadcrumb .bc_current {
margin: 0 8px;
}
.tc_nav-icon__arrow {
position: absolute;
left: 50%;
top: 28px;
width: 10px;
height: 5px;
fill: none;
stroke: #ffffff;
transform: translateX(-50%);
}
.topBg {
background: #dfecee;
}
.topWhiteSec {
max-width: 710px;
width: auto;
background: #fff;
margin-left: 100px;
padding: 15px 55px;
box-sizing: border-box;
}
.topWhiteSec h2, .title {
display: flex;
font-size: 24px;
align-items: center;
font-weight: normal;
flex-wrap: wrap;
}
.topWhiteSec h2 img {
margin-right: 25px;
}
.topWhiteSec h2 span, .title span {
position: relative;
font-family: ten-mincho-text,serif;
font-weight: 400;
font-style: normal;
}
.topWhiteSec h2 svg, .title svg {
width: 14px;
height: 7px;
stroke: #3e3a39;
margin-top: 15px;
}
.title svg {
top: auto;
bottom: -10px;
}
.topWhiteSec p {
font-size: 18px;
line-height: 2;
padding: 55px 0 10px;
}
.topWhiteSec p span {
color: #266b91;
}
.topWhiteSec p span.red {
color: #d60050;
}
.topWhiteSec .kanOleicTtl {
margin: 20px 0;
}
.topWhiteSec .kanOleicTtl2 {
margin: 10px 0 20px;
}
.topWhiteSec .kanOleicTtl + p, .topWhiteSec .kanOleicTtl2 + p {
padding-top: 0;
}
.title {
position: relative;
flex-direction: column;
align-items: center;
z-index: 2;
}
.title span {
margin: 0 auto;
}
.title img {
margin-bottom: 15px;
}
h2.commitment img {
width: 295px;
}
h2.cicular_farming img {
width: 392px;
}
h2.compost img {
width: 191px;
}
h2.safety img{
width: 140px;
}
h2.news img {
width: 117px;
}
h2.philosophy img {
width: 259px;
}
h2.products img {
width: 199px;
}
h2.service img {
width: 182px;
}
h2.outline img {
width: 180px;
}
h2.store img {
width: 119px;
}
h2.soil img {
width: 93px;
}
h2.rise img {
width: 103px;
}
h2.environment img {
width: 307px;
}
h2.mind img {
width: 128px;
}
h2.physics img {
width: 177px;
}
h2.science img {
width: 172px;
}
h2.biology img {
width: 163px;
}
h2.privacy img {
width: 324px;
}
h2.message img {
width: 174px;
}
h2.feed img {
width: 105px;
}
h2.pig_house img {
width: 227px;
}
h2.processing img {
width: 230px;
}
.blueBtnRed {
position: relative;
display: inline-flex;
font-size: 17px;
color: #2d8ebf;
border: 2px solid #2d8ebf;
border-radius: 50px;
background: #fff;
box-sizing: border-box;
margin-top: 30px;
padding: 5px 40px;
justify-content: center;
z-index: 2;
font-family: 'Noto Sans JP', sans-serif;
}
.blueBtnRed:hover {
color: #fff;
border-color: #2d8ebf;
background: #2d8ebf;
}
.blueBtnRed:after {
position: absolute;
content: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/arr_blue.svg);
right: 20px;
top: 50%;
line-height: 0;
transition: all 0.3s;
width: 10px;
transform: translateY(-50%);
}
.blueBtnRed:hover:after {
content: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/arr_white.svg);
right: 15px;
} header, header .videoBg {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
header .videoBg video {
width: 100%;
height: 100%;
object-fit: cover;
}
header .hdrIn {
position: fixed;
display: flex;
width: 100%;
padding: 5px 40px;
top: 0;
left: 0;
justify-content: space-between;
box-sizing: border-box;
transition: all 0.3s;
z-index: 999;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/head_grad.png) repeat-x;
background-size: contain;
}
header .hdrIn.scroll {
background: rgba(255, 255, 255, 0.9);
}
header .hdrIn.scroll .gnav li a, header .hdrIn.scroll .gnav li:after,
header .hdrIn.active .gnav li a, header .hdrIn.active .gnav li:after {
color: #000;
text-shadow: unset;
}
header .hdrIn.scroll .gnav li a .tc_nav-icon__arrow,
header .hdrIn.active .gnav li a .tc_nav-icon__arrow {
stroke: #888888;
} header .hdrIn .logo {
display: flex;
width: 280px;
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/logo.svg);
background-size: 100% auto;
background-repeat: no-repeat;
}
header .hdrIn .logo img, header .hdrIn .logoSp img {
visibility: hidden;
}
header .hdrIn .gnavUp {
display: flex;
width: 745px;
justify-content: space-between;
align-items: center;
}
header .hdrIn .gnav {
display: flex;  width: 560px;
justify-content: space-between;
align-items: center;
font-size: 17px;
}
header .hdrIn .gnavSocial {
width: 125px;
margin-left: 25px;
}
header .hdrIn .gnav li {
position: relative;
}
header .hdrIn .gnav li:after {
display: none;
content: "／";
font-weight: 100;
color: #FFF;
padding: 0 14px;
}
header .hdrIn .gnav li a {
position: relative;
color: #fff;
text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
header .hdrIn .gnav li.menu-item-has-children a:after {
position: absolute;
content: ">";
color: #fff;
width: 5px;
height: 30px;
font-family: ten-mincho-text,serif;
bottom: -20px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
transition: all 0.3s;
right: 0;
font-size: 13px;
}
header .hdrIn.active .gnav li.menu-item-has-children a:after, header .hdrIn.scroll .gnav li.menu-item-has-children a:after {
color: #000;
transition: all 0.3s;
}
header .hdrIn .gnav li:before {
content: "";
position: absolute;
bottom: -20px;
left: 0;
width: 0;
height: 4px;
background: #152e47;
transition: all 0.3s ease;
}
header .hdrIn .gnav li.active a:before, header .hdrIn .gnav li:nth-child(7):hover:before {
width: 100%;
}
header .hdrIn .gnav li:hover:before {
width: 100%;
}
header .hdrIn .gnav li:nth-child(6):hover:before {
width: 100%;
} header .hdrIn .gnav li:nth-child(6):after,
header .hdrIn .gnav.gnavSocial li:after,
header .hdrIn .gnav.gnavSocial li:before,
header .hdrIn .gnav.gnavSocial li .hdrSocial li:after,
header .hdrIn .gnav.gnavSocial li .hdrSocial li:before,
header .hdrIn .gnav.gnavSocial li .hdrSocial li:last-child,
header .hdrIn .gnav li .sub-menu li:before,
header .hdrIn .gnav li .sub-menu li:after {
display: none;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial {
display: flex;
width: 125px;
justify-content: space-between;
align-items: center;
margin: 0;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial li {
width: 32px;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial li:nth-child(3) {
width: 36px;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial li a svg {
transition: all .3s;
}
header .hdrIn.scroll .gnav.gnavSocial li .hdrSocial li a svg path,
header .hdrIn.active .gnav.gnavSocial li .hdrSocial li a svg path {
fill: #152e47;
transition: all .3s;
}
header .hdrIn.scroll .gnav.gnavSocial li .hdrSocial li a:hover svg path,
header .hdrIn.active .gnav.gnavSocial li .hdrSocial li a:hover svg path {
fill: #266b91;
} header .hdrIn.scroll {
padding: 5px 40px;
}
header .hdrIn.scroll .gnav {
margin-bottom: 1px;
}
header .hdrIn.scroll .logo {
width: 182px;
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/logo_b.svg);
}
header .hdrIn .gnav {
margin-bottom: -31px;
} header .hdrIn .gnav li .sub-menu {
position: absolute;
top: 46px;
width: 208px;
height: auto;
padding: 10px 15px;
background: rgba(219,220,220,0.9);
-webkit-transition: all .2s ease;
transition: all .2s ease;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
transition: .3s linear;
visibility: hidden;
opacity: 0;
box-sizing: border-box;
}
header .hdrIn .gnav li .sub-menu li a {
position: relative;
display: flex;
border: none;
width: auto;
padding: 8px 0 10px;
justify-content: flex-start;
align-items: center;
border-radius: unset;
color: #231815 !important;
background: transparent !important;
border: none !important;
font-size: 16px;
line-height: 1.4em;
}
header .hdrIn .gnav li .sub-menu li a:after {
display: none;
}
header .hdrIn .gnav li .sub-menu li a img {
width: 12px;
margin-left: 8px;
}
header .hdrIn .gnav li:hover .sub-menu {
opacity: 1;
visibility: visible;
}
header .bnrImg {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 45px;
color: #fff;
letter-spacing: 0.01em;
text-shadow: 0px 0px 8px black;
text-align: center;
animation: mymove 3s forwards;
line-height: 1.6;
}
@keyframes mymove {
0% {
opacity: 0;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
} header .scrollBtn {
position: absolute;
display: flex;
flex-wrap: wrap;
justify-content: center;
left: 50%;
bottom: 10%;
border-radius: 50%;
width: 50px;
height: 70px;
margin-left: -34px;
z-index: 1;
transform: translatex(20%);
-webkit-animation: moveItem 1.2s infinite;
animation: moveItem 1.2s infinite;
opacity: 0;
}
header .scrollBtn img {
width: 40px;
}
header .scrollBtn p {
padding-top: 15px;
font-size: 17px;
font-weight: bold;
color: #fff;
font-family: Arial;
}
header .hdrIn.active {
background: rgba(255, 255, 255, 0.9);
}
header .hdrIn.active .logo {
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/logo_b.svg);
}
@-webkit-keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
@keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
} #hover-contact {
position: fixed;
display: block;
top: 30%;
right: -100px;
margin-right: 24px;
z-index: 99999;
-webkit-transition: 0.4s;
transition: 0.4s;
}
#hover-contact.is-show {
right: 0;
}
#hover-contact.is-show, #page-top.is-show, #page-top {
-webkit-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
}
#hover-contact .balloon-contact {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 15px 10px;
min-width: 46px;
max-width: 100%;
color: #999;
font-size: 16px;
text-align: center;
background: #fff;
border: solid 2px #999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px;
}
#hover-contact .balloon-contact:before {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -7px;
border: 6px solid transparent;
border-top: 8px solid #fff;
z-index: 2;
}
#hover-contact .balloon-contact:after {
content: "";
position: absolute;
bottom: -19px;
left: 50%;
margin-left: -9px;
border: 8px solid transparent;
border-top: 10px solid #999;
z-index: 1;
}
#hover-contact .balloon-contact:hover + .icon-contact, #hover-contact .icon-contact:hover {
background-color: #44a7c1;
-webkit-transition: 0.4s;
transition: 0.4s;
}
#hover-contact .balloon-contact:hover + .icon-contact a {
color: #266b91;
}
#hover-contact a {
font-size: 18px;
outline: 0;
color: #152024;
font-family: tbcinergothic-std, sans-serif;
cursor: pointer;
text-decoration: none;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-weight: 600;
font-style: normal;
letter-spacing: 1px;
}
#hover-contact .balloon-contact p {
margin: 0;
padding: 0;
}
#hover-contact .icon-contact {
position: relative;
background-color: #266b91;
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/cart.png);
background-size: 25px 22px;
background-repeat: no-repeat;
background-position: center;
margin: -10px 0 0 4px;
}
.icon-circle {
width: 46px;
height: 46px;
border-radius: 50%;
}
#hover-contact .icon-contact a {
display: block;
width: 100%;
height: 100%;
font-size: 16px;
outline: 0;
color: #152024;
font-family: tbcinergothic-std, sans-serif;
cursor: pointer;
text-decoration: none;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#page-top {
position: fixed;
display: block;
bottom: -100px;
right: 0;
margin-right: 24px;
z-index: 999;
-webkit-transition: 0.4s;
transition: 0.4s;
}
#page-top.is-show {
bottom: 30px;
}
#page-top .icon-pagetop {
position: relative;
background-color: #266b91;
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/icon_totop.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
}
#page-top .icon-pagetop:hover  {
background-color: #44a7c1;
}
#page-top .icon-pagetop a {
display: block;
width: 100%;
height: 100%;
} .topBnrBt .topBnrBtImg {
display: flex;
width: 100%;
padding: 110px 0 55px;
background: #234d70;
justify-content: center;
}
.topBnrBt .topBnrBtImg img {
width: 196px;
}
.topBnrBt .topBnrBtText1 {
padding: 24px;
font-size: 21px;
text-align: center;
background: rgba(38,128,142,0.15);
}
.topBnrBt .topBnrBtText1 a {
color: #266b91;
}
.topBnrBt .topBnrBtText2,
#mission .commitSec1,
#agriculture .agriSec1,
#compost .compostSec1 {
position: relative;
font-size: 18px;
text-align: center;
padding: 60px 0 110px;
}
.topBnrBt .topBnrBtText2 {
padding-bottom: 0;
opacity: 0;
-webkit-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 500ms;
transition: all 500ms;
}
.topBnrBt .topBnrBtText2.fadeIn {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.topBnrBt .topBnrBtText2:before {
position: absolute;
content: ""; width: 228px;
height: 317px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/kanbiton/kanbiton_img1.jpg) no-repeat;
background-size: 100%;
left: 10%;
top: 66%;
transform: translateY(-50%);
opacity: 0;
transition: all 1s;
}
.topBnrBt .topBnrBtText2:after {
position: absolute;
content: "";
width: 139px;
height: 327px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/top/topBnrBtText2_bg2.svg) no-repeat;
right: 13%;
top: 83%;
transform: translateY(-50%);
opacity: 0;
transition: all 1s;
}
.topBnrBt .topBnrBtText2 .text p,
#mission .commitSec1 p,
#agriculture .agriSec1 p,
#compost .compostSec1 p {
line-height: 2;
padding-top: 16px;
}
.productsList {
display: flex;
width: 95%;
max-width: 1530px;
margin: 30px auto; flex-wrap: wrap;
}
.productsList li, .topGallery li {
width: 285px;
transition: all 0.3s;
padding: 10px;
}
.productsList li:nth-child(2), .topGallery li:nth-child(2) {
transition: all 0.6s;
}
.productsList li:nth-child(3), .topGallery li:nth-child(3) {
transition: all 0.9s;
}
.productsList li:nth-child(4) {
transition: all 1.2s;
}
.productsList li:nth-child(5) {
transition: all 1.5s;
}
.productsList li.slide_off, .topGallery li.slide_off {
opacity: 0;
-webkit-transform: translate(0, 35px);
transform: translate(0, 35px);
}
.productsList li.slide_on, .topGallery li.slide_on {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.productsList li a {
display: flex;
flex-direction: column;
}
.productsList li a .img {
overflow: hidden;
}
.productsList li a .img img {
transition: transform .5s;
}
.productsList li a:hover .img img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.productsList li p {
position: relative;
margin-top: 20px;
font-size: 18px;
padding-right: 25px;
}
.productsList li p svg {
width: 14px;
height: 7px;
transform: rotate(-90deg);
stroke: #3e3a39;
top: 10px;
right: 10px;
left: auto;
transition: all .3s;
}
.productsList li a:hover p {
color: #266b91;
}
.productsList li a:hover p svg {
stroke: #266b91;
right: 7px;
}
.topProducts .topMetal {
width: 95%;
max-width: 1050px;
margin: 100px auto 90px;
}
.topProducts .topWhiteSec {
position: relative;
}
.topProducts .topWhiteSec:after {
position: absolute;
content: "";
width: 267px;
height: 86px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/top/top_product_bg.svg) no-repeat 100%;
bottom: 40px;
right: -296px;
}
.topCommit {
display: flex;
justify-content: space-between;
overflow: hidden;
}
.topCommit .topCommitLeft {
width: 50%;
}
.topCommit .topCommitLeft figure {
width: 100%;
}
.topCommit .topCommitRight {
width: 46.6%;
}
.topCommit .topCommitRight p {
padding-top: 15px;
font-size: 18px;
line-height: 2;
}
.topCommit .topCommitRight .blueBtnRed {
margin-top: 15px;
}
.topGallery {
position: relative;
display: flex;
width: 95%;
max-width: 1100px;
margin: 120px auto 130px;
justify-content: space-between;
z-index: 2;
}
.topGallery li {
width: 347px;
}
.topTwoCol {
display: flex;
margin-top: 80px;
}
.topTwoCol .topTwoColImg {
position: relative;
display: flex;
width: 47%; justify-content: flex-end;
z-index: 20;
}
.topTwoCol .topTwoColImg.fase_left img {
margin: 35px;
}
@media screen and (max-width: 900px)  {
.topTwoCol .topTwoColImg.fase_left img {
margin: 35px auto;
}
}
.topTwoCol .topTwoColImg.fase_left.noMargin img {
margin: 0;
}
.topTwoCol .topTwoColImg img {
width: 100%;
object-fit:cover;
height: 100%;
}
.topTwoCol.circular .topTwoColImg img {
width: 95%;
max-width: 489px;
height: auto;
object-fit: contain;
}
.topTwoCol .topTwoColText {
display: flex;
width: 53%;
}
.topTwoCol .topTwoColText.right {
justify-content: flex-start;
}
.topTwoCol .topTwoColText.left {
justify-content: flex-end;
}
.topTwoCol .topTwoColText .topWhiteSec {
max-width: 745px;
width: 95%;
height: 100%;
margin: 0;
}
.topTwoCol.circular .fade, .topTwoCol.circular .fade p,
.topTwoCol.compost .fade, .topTwoCol.compost .fade p {
position: relative;
z-index: 2;
}
.topTwoCol.circular .fade:after {
position: absolute;
content: "";
width: 377px;
height: 379px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/top/top_bg1.svg) no-repeat;
right: 4%;
bottom: -120px;
opacity: 0;
transition: all 1s;
z-index: 1;
}
.topTwoCol.compost .fade:after {
position: absolute;
content: "";
width: 377px;
height: 379px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/top/top_bg2.svg) no-repeat;
right: -5%;
bottom: -170px;
opacity: 0;
transition: all 1s;
z-index: 1;
}
.topTwoCol.safety .fade:after{
position: absolute;
content: "";
width: 377px;
height: 379px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/mission/top_bg3.svg) no-repeat;
background-position: center;
right: -5%;
bottom: -170px;
opacity: 0;
transition: all 1s;
z-index: 1;
}
@media (max-width:910px) {
.topTwoCol.safety .fade:after{
background-position: top;
}
}
.topBnrBt .topBnrBtText2.fadeIn:before, .topBnrBt .topBnrBtText2.fadeIn:after,
.topTwoCol.circular .fadeIn:after, .topTwoCol.compost .fadeIn:after {
opacity: 1;
}
.topCatPostUp, .pageProducts {
position: relative;
background: #f6f6f8;
margin: 75px 0 85px;
padding: 40px 60px;
z-index: 2;
}
.topCatPostUp .topCatPost, .pageProducts .pageProductsIn {
padding: 50px 0 55px;
background: #fff;
}
.catList {
position: relative;
overflow: hidden;
margin: 40px 0 0;
}
.catList ul {
position: relative;
left: 50%;
float: left;
}
.catList ul li {
float: left;
position: relative;
left: -50%;
}
.catList ul li a {
color: #6d6d6d;
background: #fff;
border: 1px solid #6d6d6d;
padding: 10px 20px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 8px;
transition: all .3s;
}
.catList ul li a.on, .catList ul li a:hover {
color: #fff;
background: #424242;
border: 1px solid #424242;
}
.postList {
display: flex;
width: 100%;
max-width: 1055px;
margin: 20px auto 50px;
flex-wrap: wrap;
padding: 0 20px;
box-sizing: border-box;
}
.postList li {
width: 23%;
padding: 0 2.5% 2.5% 0;
}
.postList li:nth-child(4n) {
padding-right: 0;
}
.postList li .postImg {
margin: 0;
overflow: hidden;
height: 231px;
width: auto;
position: relative;
transition: all 1000ms;
}
.postList li:hover .postImg {
opacity: 0.7;
}
.postList li .postImg img {
display: block;
transition-duration: 1s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%; height: 100%;
object-fit: cover;
}
.postList li dl {
display: flex;
justify-content: space-between;
padding: 15px 0;
}
.postList li dl dt {
font-size: 16px;
font-family: source-code-pro, monospace;
font-weight: 600;
font-style: normal;
}
.postList li dl dd {
font-size: 14px;
}
.postList li a .title {
font-size: 16px;
align-items: flex-start;
}
.postList li a:hover .title {
color: #266b91;
}
.topCatPostUp .topCatPost .blueBtnRed {
display: table;
margin: 0 auto;
}
.topFtBnr a {
display: flex;
width: 95%;
max-width: 434px;
margin: 95px auto 85px;
align-items: center;
}
.topFtBnr a:hover {
opacity: 0.7;
}
.wp-pagenavi {
text-align: center;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi span, .wp-pagenavi a {
display: inline-block;
margin: 4px !important;
padding: 16px 20px !important;
color: #fff;
line-height: 1.5;
font-size: 14px;
text-decoration: none;
background: #266b91;
border: 2px solid #266b91 !important;
font-size: 16px;
font-family: source-code-pro, monospace;
font-weight: 600;
font-style: normal;
}
.wp-pagenavi span.current, .wp-pagenavi span:hover, .wp-pagenavi a.current, .wp-pagenavi a:hover {
color: #138abc;
background: #fff;
}
footer {
background: #152e47;
color: #fff;
padding: 40px 0 30px;
}
footer .ftIn {
width: 95%;
max-width: 1100px;
margin: 0 auto;
}
footer .ftIn .ftInfo {
width: 100%;
max-width: 945px;
margin: 0 auto;
border: 1px solid #839cb2;
padding: 35px;
box-sizing: border-box;
}
footer .ftIn .ftInfo .ftFirst {
font-size: 18px;
line-height: 2;
text-align: center;
}
footer .ftIn .ftInfo .infoDtl {
display: flex;
width: 100%;
max-width: 560px;
margin: 10px auto 0;
align-items: center; justify-content: center;
}
footer .ftIn .ftInfo .infoDtl dl dt, footer .ftIn .ftInfo .infoDtl dl span {
font-size: 36px;
font-family: source-code-pro, monospace;
font-weight: 600;
font-style: normal;
}
footer .ftIn .ftInfo .infoDtl dl span {
font-size: 21px;
}
footer .ftIn .ftInfo .infoDtl dl dt a {
color: #fff;
}
footer .ftIn .ftInfo .infoDtl dl dd {
font-size: 16px;
letter-spacing: 1px;
text-align: center;
}
footer .ftIn .ftInfo .infoDtl .ftContact {
position: relative;
color: #fff;
border: 2px solid #fff;
border-radius: 50px;
padding: 5px 30px 8px;
font-size: 17px;
}
footer .ftIn .ftInfo .infoDtl .ftContact:after {
position: absolute;
content: "";
right: 13px;
top: 50%;
transform: translateY(-50%);
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/arr_white.svg) no-repeat 100%;
width: 10px;
height: 9px;
transition: all .3s;
}
footer .ftIn .ftInfo .infoDtl .ftContact:hover:after {
right: 10px;
}
footer .ftIn .ftMenu {
display: flex;
margin-top: 95px;
}
footer .ftIn .ftMenu .ftMenuLogo {
width: 290px;
}
footer .ftIn .ftMenu .ftMenuLogo .logo {
display: block;
width: 273px;
}
footer .ftIn .ftMenu .ftMenuLogo p {
font-size: 16px;
line-height: 2;
padding-top: 10px;
}
footer .ftIn .ftMenu .ftMenuList {
display: flex;
justify-content: space-between;
width: 600px;
margin-left: 100px;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn h2 {
padding-bottom: 10px;
font-size: 19px;
color: #a1bcd1;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a {
position: relative;
display: flex;
margin: 20px 0;
padding-left: 20px;
font-size: 17px;
color: #fff;
transition: all .3s;
align-items: center;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a img {
width: 16px;
margin: 3px 0 0 8px;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a:before {
position: absolute;
content: "";
width: 6px;
height: 2px;
background: #fff;
top: 50%;
left: 0;
transform: translateY(-50%);
transition: all .3s;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a:hover {
color: #a6e4ff;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a:hover:before {
width: 12px;
background: #a6e4ff;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li.last-child a:after {
position: absolute;
content: "";
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/link_icon_w.png) no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
top: 57%;
right: -23px;
transform: translateY(-50%);
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li ul {
margin-left: 15px;
}
.copyright {
padding-top: 60px;
font-size: 15px;
color: #fff;
text-align: center;
font-style: normal;
}
.copyright a {
color: #fff;
} .page_header {
height: auto;
}
.page_bnr {
position: relative;
}
.page_bnr img {
width: 100%;
}
.page_bnr.small_bnr img {
height: 300px;
object-fit: cover;
}
.page_bnr:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/head_grad.png) repeat-x;
background-size: contain;
z-index: 1;
width: 100%;
height: 140px;
}
.page_bnr h1 {
position: absolute;
font-size: 45px;
color: #fff;
text-align: center;
left: 50%;
bottom: 50px;
transform: translateX(-50%);
z-index: 2;
letter-spacing: 0.1em;
}
.productText {
font-size: 17px;
line-height: 2;
text-align: center;
margin-top: 85px;
} #mission .commitSec1 p span,
#agriculture .agriSec1 p span,
#compost .compostSec1 p span {
color: #266b91;
}
#mission .commitSec1 .commitSec1Text,
#agriculture .agriSec1 .commitSec1Text,
#compost .compostSec1 .commitSec1Text {
position: relative;
z-index: 2;
padding-top: 30px;
}
#mission .commitSec1:before,
#agriculture .agriSec1:before {
position: absolute;
content: "";
width: 656px;
height: 438px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/mission/mission_bg1.svg) no-repeat;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 1s;
}
#mission .commitSec1:after,
#agriculture .agriSec1:after {
position: absolute;
content: "";
width: 658px;
height: 439px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/mission/mission_bg2.svg) no-repeat;
right: 2%;
top: 59%;
transform: translateY(-50%);
opacity: 0;
transition: all 1s;
}
#mission .commitSec1.fadeIn:before, #mission .commitSec1.fadeIn:after,
#agriculture .agriSec1.fadeIn:before, #agriculture .agriSec1.fadeIn:after {
opacity: 1;
}
#mission .topTwoCol {
margin-top: 0;
}
#mission .topTwoCol.compost {
margin-top: 85px;
}
.pageProducts .pageProductsIn .productsList {
position: relative;
padding-top: 40px;
}
.pageProducts .pageProductsIn .productsList:before {
position: absolute;
content: "";
width: 146px;
height: 80px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/page_product_bg.svg) no-repeat 100%;
top: -129px;
right: 0;
} #about .aboutSec1 {
position: relative;
font-size: 17px;
padding-top: 60px;
}
#about .aboutSec1List {
display: flex;
width: 95%;
max-width: 1310px;
margin: 60px auto;
flex-wrap: wrap;
}
#about .aboutSec1List li {
display: flex;
width: 100%;
margin-bottom: 35px;
justify-content: space-between;
}
#about .aboutSec1List li figure {
width: 424px;
}
#about .aboutSec1List li figure figcaption {
padding-top: 15px;
font-size: 17px;
}
#about .aboutSec1List li figure figcaption a {
color: #266b91;
text-decoration: underline;
}
#about .aboutSec1List li figure figcaption a:hover {
color: #ed005b;
}
#about .aboutSec1List li figure, #about .aboutSec1List li .aboutSec1ListTxt {
margin: 0 10px;
}
#about .aboutSec1List li .aboutSec1ListTxt {
width: 835px;
}
#about .aboutSec1List li .aboutSec1ListTxt h3 {
position: relative;
margin-bottom: 25px;
padding-bottom: 15px;
font-size: 28px;
line-height: 1.5;
font-weight: normal;
}
#about .aboutSec1List li .aboutSec1ListTxt h3:after {
position: absolute;
content: "";
width: 319px;
height: 1px;
background: #3e3a39;
left: 0;
bottom: 0;
}
#about .aboutSec1List li .aboutSec1ListTxt p {
padding-bottom: 40px;
font-size: 17px;
line-height: 2;
}
#about .aboutBg {
padding: 40px 0;
background: #f6f6f8;
}
#about .aboutBg .aboutBgIn {
display: flex;
width: 95%;
max-width: 1250px;
margin: 0 auto;
padding: 40px 40px 70px;
background: #fff;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}
#about .aboutSec2 .aboutSec2In dl {
position: relative;
margin-top: 60px;
text-align: center;
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/about/about_bg1.svg);
background-repeat: no-repeat;
background-size: 500px auto;
background-position: center top;
}
#about .aboutSec2 .aboutSec2In dl:nth-child(2) {
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/about/about_bg2.svg);
}
#about .aboutSec2 .aboutSec2In dl:nth-child(3) {
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/about/about_bg3.svg);
}
#about .aboutSec2 .aboutSec2In dl dt {
font-size: 29px;
line-height: 1.8;
font-weight: 700;
color: #000;
}
#about .aboutSec2 .aboutSec2In dl dd {
padding-top: 40px;
font-size: 19px;
line-height: 2;
}
#about .aboutSec3 {
margin: 50px 0 65px;
}
#about .aboutSec3 .aboutTable:before {
position: absolute;
content: "";
width: 179px;
height: 94px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/about/service_bg.svg) no-repeat 100%;
top: -125px;
left: 25px;
}
.aboutTable {
position: relative;
display: flex;
width: 95%;
max-width: 1100px;
margin: 55px auto 0;
border-top: 1px solid #266b91;
flex-wrap: wrap;
}
.aboutTable dl {
display: flex;
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #266b91;
}
.aboutTable dl dt {
width: 135px;
font-size: 19px;
font-weight: 600;
}
.aboutTable dl dd {
width: calc(100% - 135px);
}
#about .aboutSec4 .aboutTable dl dt, #about .aboutSec5 .aboutTable dl dt {
color: #9e9e9f;
}
#about .aboutSec4 .aboutTable:before {
position: absolute;
content: "";
width: 156px;
height: 148px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/about/outline_bg.svg) no-repeat 100%;
top: -165px;
right: 35px;
}
#about .aboutSec5 {
padding-top: 50px;
}
#about .aboutSec5 .topGallery {
margin: 40px auto 50px;
}
#about .aboutSec5 .topGallery:before {
position: absolute;
content: "";
width: 128px;
height: 114px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/about/store_bg.svg) no-repeat 100%;
top: -145px;
left: 35px;
}
#about .aboutSec5 .topGallery li {
width: 389px;
}
#about .aboutSec5 .topGallery li:last-child {
width: 259px;
}
#about .aboutSec5 .aboutMap {
display: flex;
width: 95%;
max-width: 1100px;
margin: 0 auto;
justify-content: space-between;
}
#about .aboutSec5 .aboutMap .aboutMapTxt {
width: 500px;
}
#about .aboutSec5 .aboutMap .aboutMapTxt h4 {
font-size: 18px;
line-height: 2;
}
#about .aboutSec5 .aboutMap .aboutMapTxt .aboutTable {
width: 100%;
margin-top: 25px;
}
#about .aboutSec5 .aboutMap .aboutMapFrame {
width: 548px;
height: 342px;
}
#about .aboutSec5 .aboutMap .aboutMapFrame #map {
width: 100%;
height: 100%;
} #agriculture .agriSec1:before {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/agriculture/agriculture_bg1.svg) no-repeat;
}
#agriculture .agriSec1:after {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/agriculture/agriculture_bg2.svg) no-repeat;
top: 50%;
}
#agriculture .agriSec2 {
position: relative;
width: 100%;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/agriculture/agriculture_bg3.png);
background-size: cover;
z-index: 2;
}
#agriculture .agriSec2In {
display: flex;
width: 95%;
max-width: 1100px;
margin: 0 auto;
padding: 25px 0;
align-items: center;
justify-content: space-between;
}
#agriculture .agriSec2In figure {
width: 510px;
}
#agriculture .agriSec2In .agriSec2Text {
position: relative;
width: 487px;
padding: 30px;
font-size: 18px;
line-height: 2;
background: #fff;
box-sizing: border-box;
}
#agriculture .agriSec2In .agriSec2Text:before {
position: absolute;
content: "";
width: 0;
height: 0;
top: 0;
left: -30px;
border-top: 86px solid transparent;
border-bottom: 86px solid transparent;
border-right: 30px solid #fff;
} #compost .compostCatch {
display: flex;
width: 100%;
max-width: 854px;
margin: 50px auto 0;
padding: 30px;
background: #f7f7f7;
border: 2px solid #dbdcdc;
box-sizing: border-box;
flex-direction: column;
}
#compost .compostCatch img {
width: 395px;
}
#compost .compostCatch p {
font-size: 17px;
line-height: 2;
text-align: left;
padding-top: 30px;
}
#compost .compostSec1 {
padding-bottom: 10px;
}
#compost .compostSec1:before {
position: absolute;
content: "";
width: 570px;
height: 380px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/compost/compost_bg1.svg) no-repeat;
left: 0;
top: 6%;
opacity: 0;
transition: all 1s;
}
#compost .compostSec1:after {
position: absolute;
content: "";
width: 747px;
height: 498px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/compost/compost_bg2.svg) no-repeat;
right: 2%;
top: 6%;
opacity: 0;
transition: all 1s;
}
#compost .compostSec1.fadeIn:before, #compost .compostSec1.fadeIn:after {
opacity: 1;
} #privacy .privacySec {
margin-top: 40px;
}
#privacy .privacySecIn {
display: flex;
width: 95%;
max-width: 1100px;
margin: 60px auto 0 !important;
flex-wrap: wrap;
}
#privacy .blk_pri {
margin-bottom: 48px;
}
#privacy .privacySec2 {
width: 100%;
}
#privacy .blk_pri .tit {
font-size: 23px;
line-height: 1.4;
color: #2D2D2D;
padding: 6px 0 12px;
position: relative;
margin-bottom: 16px;
}
@media (max-width: 899px) {
#privacy .blk_pri .tit {
font-size: 26px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
#privacy .blk_pri .tit {
font-size: 16px;
}
}
#privacy .blk_pri .tit:after {
content: "";
width: 100%;
height: 8px;
display: block;
position: absolute;
left: 0;
bottom: 0px;
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #F9F9F9), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #F9F9F9), color-stop(0.75, #F9F9F9), color-stop(0.75, transparent), to(transparent));
-webkit-background-size: 8px 8px;
}
#privacy .blk_pri ol.ini1 {
margin: 0 40px;
font-size: 16px;
}
@media (max-width: 899px) {
#privacy .blk_pri ol.ini1 {
font-size: 26px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
#privacy .blk_pri ol.ini1 {
font-size: 16px;
}
}
#privacy .blk_pri ol.ini1 > li {
list-style-type: decimal;
margin-bottom: 12px;
}
#privacy .blk_pri ol.ini1 > li > dl > dt {
padding: 8px 0;
border-bottom: 2px solid #B2B3B3;
}
#privacy .blk_pri ol.ini1 > li > dl > dd {
padding: 8px 0;
}
#privacy .blk_pri ol.ol_pri {
font-size: 17px;
margin-top: 8px;
margin-bottom: 32px;
}
@media (max-width: 899px) {
#privacy .blk_pri ol.ol_pri {
font-size: 24px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
#privacy .blk_pri ol.ol_pri {
font-size: 14px;
}
}
#privacy .blk_pri ol.ol_pri > li {
line-height: 1.8;
list-style-type: decimal;
list-style-position: inside;
padding: 2px 0 4px;
}
#privacy .blk_pri .txt_gr {
margin-bottom: 24px;
}
#privacy .blk_pri .txt_gr p {
font-size: 17px;
line-height: 2;
}
@media (max-width: 899px) {
#privacy .blk_pri .txt_gr p {
font-size: 26px;
letter-spacing: 1px;
line-height: 1.6;
}
}
@media (max-width: 420px) {
#privacy .blk_pri .txt_gr p {
font-size: 14px;
}
} #news .topCatPostUp {
margin-top: 0;
padding-top: 0;
} #single {
background: #f6f6f8;
}
#single .topCatPostUp {
margin-top: 0;
}
#post_single {
display: flex;
width: 95%;
max-width: 1100px;
margin: 0 auto;
flex-wrap: wrap;
}
#post_single .wrap {
width: 100%;
border-radius: 12px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
padding: 20px;
background: #fff;
}
@media screen and (min-width: 900px) {
#post_single .wrap {
padding: 40px;
}
}
#post_single .wrap a {
color: #266b91;
text-decoration: underline;
display: inline-block;
}
#post_single .wrap a:hover {
color: #ed005b;
}
#post_single .wrap .single_head, #post_single .wrap h2 , #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 28px;
font-weight: bold;
line-height: 1.8;
padding: 8px 0 16px;
color: #555;
position: relative;
}
#post_single .wrap .single_head:after, #post_single .wrap h2:after, #post_single .wrap h3:after, #post_single .wrap h4:after, #post_single .wrap h5:after, #post_single .wrap h6:after {
position: absolute;
width: 350px;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #c4cfd4;
}
#post_single .wrap h2 , #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 24px;
}
#post_single .wrap h2:after, #post_single .wrap h3:after, #post_single .wrap h4:after, #post_single .wrap h5:after, #post_single .wrap h6:after {
height: 1px;
} @media screen and (max-width: 900px) {
#post_single .wrap .single_head:after, #post_single .wrap h2:after , #post_single .wrap h3:after {
width: 40%;
}
}
@media screen and (max-width: 900px) {
#post_single .wrap iframe {
max-width: 100%; }
}
#post_single .wrap p.time {
padding-bottom: 10px;
text-align: right;
color: #858585;
font-size: 14px;
}
#post_single .wrap .cat_date {
display: flex;
justify-content: space-between;
align-items: center;
}
#post_single .wrap .cat_date a {
color: #266b91;
text-decoration: none;
}
#post_single .wrap .cat_date a:hover {
text-decoration: underline;
}
#post_single .wrap h3,
#post_single .wrap h4,
#post_single .wrap h5,
#post_single .wrap h6 {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: bold;
line-height: 1.6em;
margin-top: 30px;
}
#post_single .wrap p, #products .detail .entry p {
line-height: 2.25em;
font-size: 18px;
margin: 10px 0 28px;
}
#post_single .wrap p.has-small-font-size, #products .detail .entry p.has-small-font-size {
font-size: 85%;
}
#post_single .wrap p.has-medium-font-size, #products .detail .entry p.has-medium-font-size {
font-size: 120%;
}
#post_single .wrap p.has-large-font-size, #products .detail .entry p.has-large-font-size {
font-size: 150%;
}
#post_single .wrap p.has-huge-font-size, #products .detail .entry p.has-huge-font-size {
font-size: 200%;
}
#post_single .wrap strong, #products .detail .entry strong {
font-weight: bold;
}
#post_single .wrap .wp-caption, #products .detail .entry .wp-cation {
margin-top: 18px;
}
@media screen and (max-width: 900px) {
#post_single .wrap .wp-caption, #products .detail .entry .wp-caption {
width: auto !important;
}
}
#post_single .wrap .wp-caption .wp-caption-text, #products .detail .entry .wp-caption .wp-caption-text {
text-align: center;
margin-top: 8px;
}
#post_single .paging, #products .paging {
display: flex;
width: 100%;
margin: 40px auto;
padding: 0;
font-size: 15px;
justify-content: space-between;
}
#post_single .paging .pagePart, #products .paging .pagePart {
max-width: 50%;
}
@media screen and (max-width: 900px) {
#post_single .paging, #products .paging {
flex-direction: column;
}
#post_single .paging .pagePart, #products .paging .pagePart {
max-width: 100%;
}
}
#post_single .paging .next a,
#post_single .paging .prev a,
#products .paging .next a,
#products .paging .prev a {
color: #6d6d6d;
display: block;
position: relative;
}
#post_single .paging .next a:hover,
#post_single .paging .prev a:hover,
#products .paging .next a:hover,
#products .paging .prev a:hover {
color: #fc0010;
}
#post_single .paging .next a, #products .paging .next a {
background: url(//dejimabase.com/wp-content/themes/dejimabase/images/common/arrow-l.png) no-repeat;
background-size: 8px 13px;
background-position: left center;
padding-left: 24px;
}
#post_single .paging .prev a, #products .paging .prev a {
background: url(//dejimabase.com/wp-content/themes/dejimabase/images/common/arrow-r.png) no-repeat;
background-size: 8px 13px;
background-position: right center;
padding-right: 24px;
text-align: right;
}
#post_single figure, #post_single .wp-block-image {
margin: 18px 0 0;
display: inline-block;
text-align: center;
}
.addtoany_content {
padding-top: 80px;
}
.addtoany_header {
color: #777;
font-size: 17px;
} #kanbiton .kanSec1 {
display: flex;
flex-direction: column;
align-items: center;
}
#kanbiton .kanSec1:after {
position: absolute;
content: "";
width: 139px;
height: 327px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/top/topBnrBtText2_bg2.svg) no-repeat;
right: 22%;
top: 80%;
transform: translateY(-50%);
opacity: 0;
transition: all 1s;
}
#kanbiton .kanSec1.fadeIn:after {
opacity: 1;
}
#kanbiton .kanSec1 figure {
width: 228px;
padding: 40px 0 30px;
}
#kanbiton .kanSec1 p, .topBnrBt .topBnrBtText2 .text p {
position: relative;
font-size: 18px;
text-align: center;
line-height: 2;
padding-top: 16px;
z-index: 2;
}
#kanbiton .kanSec1 p span, .topBnrBt .topBnrBtText2 .text p span {
font-size: 22px;
color: #009696;
}
.kanMeno {
position: relative;
display: flex;
width: 800px;
margin: 60px auto;
border: 2px solid #ffb888;
background: #f7f7f7;
align-items: center;
flex-direction: column;
font-size: 16px;
line-height: 2;
padding: 30px 20px 20px;
box-sizing: border-box;
}
.kanMeno:before {
position: absolute;
content: "";
width: 86px;
height: 52px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/kanbiton/b02_memo.png) no-repeat;
background-size: 100%;
top: -25px;
left: 50%;
transform: translateX(-50%);
}
.kanMeno h3 {
padding-bottom: 15px;
font-size: 18px;
}
.kanMeno p span {
color: #ef6600;
}
#kanbiton .kanMetal {
width: 674px;
margin: 0 auto 95px;
}
#kanbiton .kanOleic {
display: flex;
width: 900px; margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 50px 0 80px;
}
#kanbiton .kanOleic figure {
width: 176px;
order: 2;
}
#kanbiton .bgGray {
background: #f6f6f8;
padding: 18px 0 25px;
}
#kanbiton .bgWhite {
width: 95%;
max-width: 1367px;
margin: 0 auto;
padding: 0 3%;
background: #fff;
box-sizing: border-box;
}
#kanbiton .bgWhite:nth-child(2) {
margin: 20px auto 0;
padding-bottom: 40px;
}
#kanbiton .kanOleic .kanOleicText {
width: 690px;
order: 1;
}
#kanbiton .kanOleic .kanOleicText .kanOleicTtl img {
width: 100%;
height: 121px;
max-width: 121px;
margin-right: 25px;
margin-top: -35px;
}
.kanOleicTtl {
display: inline-block;
font-size: 28px;
}
.kanOleicTtl h4 {
display: inline;
font-weight: normal;
border-bottom: 2px solid #b4b4b5;
line-height: 2;
padding: 5px 0;
}
.kanOleicTtl h4 span {
color: #ed005b;
border-bottom: 2px solid #ed005b;
padding: 5px 0;
}
.kanOleicTtl2 {
display: inline-block;
font-size: 22px;
border-bottom: 2px solid #b4b4b5;
padding: 5px 0;
font-weight: 700;
}
#kanbiton .kanOleic .kanOleicText .kanOleicTtl {
display: flex;
align-items: center;
}
#kanbiton .kanOleic .kanOleicText .kanOleicTtl h4 {
line-height: 1.5;
padding: 3px 0;
}
#kanbiton .kanOleic .kanOleicText p {
font-size: 16px;
line-height: 2;
padding-top: 24px;
}
#kanbiton .kanOleic .kanOleicText p span {
color: #ed005b;
}
#kanbiton .kanOleic .kanOleicText p span.gray {
color: #717071;
}
#kanbiton .kanChief {
width: 95%;
max-width: 1100px;
margin: 110px auto 0;
}
#kanbiton .kanChief a {
display: block;
}
#kanbiton .kanChief a:hover {
opacity: 0.7;
}
#kanbiton .kanImgBlock {
width: 95%;
max-width: 979px;
margin: 0 auto;
border: 2px solid #dbdcdc;
padding: 40px 35px 10px;
box-sizing: border-box;
}
#kanbiton .kanImgBlock ul {
margin: 0;
list-style-type: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
#kanbiton .kanImgBlock li {
width: calc(100% / 2 - 25px);
padding-bottom: 20px;
}
#kanbiton .kanImgBlock p {
font-size: 16px;
text-align: right;
}
#kanbiton .kanDelicious {
width: 95%;
max-width: 1235px;
margin: 90px auto 0;
}
#kanbiton .kanDelicious .topBLogTitle {
position: relative;
text-align: center;
} 
#kanbiton .kanDelicious .topBLogTitle:before, 
#kanbiton .kanDelicious .topBLogTitle:after {
position: absolute;
content: "";
left: -10px;
top: 20px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/kanbiton/top_bLog_title_img3.svg) no-repeat;
background-size: 100%;
width: 203px;
height: 50px;
}
#kanbiton .kanDelicious .topBLogTitle span {
position: relative;
font-size: 30px;
color: #2f5489;
}
#kanbiton .kanDelicious .topBLogTitle span:before, 
#kanbiton .kanDelicious .topBLogTitle span:after {
position: absolute;
content: "";
left: -30px;
top: 0;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/kanbiton/top_bLog_title_img1.png) no-repeat;
background-size: 100%;
width: 10px;
height: 52px;
}
#kanbiton .kanDelicious .topBLogTitle span:after {
right: -30px;
left: auto;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/kanbiton/top_bLog_title_img2.png) no-repeat;
background-size: 100%;
}
#kanbiton .kanDelicious .topBLogTitle:after {
right: -10px;
left: auto;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/kanbiton/top_bLog_title_img4.svg) no-repeat;
background-size: 100%;
}
#kanbiton .kanDelicious ul {
width: 95%;
max-width: 1000px;
margin: 75px auto 85px;
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#kanbiton .kanDelicious li {
width: calc(100% / 3 - 40px);
position: relative;
margin-bottom: 55px;
}
#kanbiton .kanDelicious li a {
display: block;
}
#kanbiton .kanDelicious li p {
position: absolute;
bottom: -25px;
left: 50%;
border: 2px solid #266B91;
transform: translateX(-50%);
display: inline-block;
font-size: 20px;
color: #266b91;
width: 100%;
max-width: 227px;
padding: 6px 0;
text-align: center;
background: #fff;
border-radius: 50px;
margin: 0;
box-sizing: border-box;
}
#kanbiton .kanDelicious li p:after {
position: absolute;
content: "";
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/kanbiton/about_arrBtn.png) no-repeat;
background-size: 100%;
right: 15px;
top: 50%;
width: 13px;
height: 11px;
transform: translateY(-50%);
transition: all 0.5s;
}
#kanbiton .kanDelicious li a:hover {
opacity: 0.6;
}
#kanbiton .kanDelicious li a:hover p:after {
right: 10px;
}
#kanbiton .kanDelicious .kanChief {
width: 100%;
max-width: 698px;
margin: 70px auto 0;	
}
#kanbiton .kanDelicious .kanChief img {
border-radius: 15px;
}
#productCategory {
width: 95%;
max-width: 1530px;
margin: 75px auto 200px;
}
.productsCatList {
margin: 70px auto 140px !important;
}
.childPrdCat {
background: #f6f6f8;
padding: 40px 0;
}
.childPrdCat #productCategory {
background: #fff;
padding: 2%;
margin: 0 auto;
}
#productCategory h2, 
.productsCatList h2 {
margin-bottom: 2em;
padding: 0px 0px 1.2em;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/line.png) left bottom repeat-x;
font-size: 24px;
color: #3e3a39;
line-height: 1;
}
.productsCatList .wrap {
width: 100%;
}
#productCategory .productsList, 
.productsCatList .productsList {
width: 100%;
} #products {
border-top: 94px solid #717071;
}
#products .detail .wrap {
width: 95%;
max-width: 1257px;
margin: 0 auto;
}
#products .detail .entry .addtoany_share_save_container {
display: none;
}
#products .detail .titles {
padding: 55px 0 35px;
}
#products .detail h1 {
text-align: center;
font-size: 36px;
font-family: dnp-shuei-mincho-pr6n, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
color: #3e3a39;
padding-bottom: 10px;
}
@media (max-width: 899px) {
#products .detail h1 {
font-size: 50px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
#products .detail h1 {
font-size: 30px;
}
}
#products .detail .catch {
margin-top: 0.25em;
text-align: center;
font-size: 24px;
font-family: dnp-shuei-mincho-pr6n, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
color: #266b91;
}
@media (max-width: 899px) {
#products .detail .catch {
font-size: 30px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
#products .detail .catch {
font-size: 18px;
}
}
#products .detail .prdText {
display: flex;
justify-content: space-between;
}
#products .detail .mainimg, #products .detail .entry {
margin-bottom: 25px;
}
#products .detail .mainimg {
width: 438px;
}
@media (max-width: 899px) {
#products .detail .mainimg {
width: auto;
text-align: center;
}
}
#products .detail .mainimg img {
max-width: 100%;
}
@media (min-width: 900px) {
#products .detail .mainimg + .entry {
width: 590px;
}
}
#products .detail .entry {
width: 785px;
font-size: 16px;
padding-left: 30px;
}
#products .detail .entry p {
font-size: 16px;
}
#products .detail .entry figure a {
display: inline-block;
}
#products .detail .entry .wp-block-image {
display: inline-block;
text-align: center;
margin: 0;
}
#products .detail .clearbox {
display: flex;
justify-content: space-between;
padding: 50px 80px;
border: 1px solid #c8c9ca;
margin-top: 35px;
}
#products .detail .data {
width: 500px;
}
@media (max-width: 899px) {
#products .detail .prdText {
flex-direction: column;
}
#products .detail .entry {
width: 100%;
padding: 0;
}
#products .detail .mainimg:last-child {
margin-bottom: 0;
}
#products .detail .data {
width: auto;
}
#products .detail .clearbox {
border: none;
border-bottom: 1px solid #c8c9ca;
padding: 0;
flex-direction: column;
}
}
#products .detail .data.long {
float: none;
}
@media (min-width: 900px) {
#products .detail .data + .other {
width: 500px;
padding-left: 30px;
}
}
#products .detail .data table {
width: 100%;
}
#products .detail .data table th, #products .detail .data table td {
font-size: 16px;
border-bottom: 1px solid #aac0d4;
box-sizing: border-box;
}
@media (max-width: 899px) {
#products .detail .data table th, #products .detail .data table td {
display: block;
font-size: 24px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
#products .detail .data table th, #products .detail .data table td {
font-size: 14px;
}
}
#products .detail .data table td {
padding: 0.5em 0px;
color: #103771;
}
@media (max-width: 899px) {
#products .detail .data table td {
padding: 0.5em 0.5em 1em;
}
}
#products .detail .data table th {
width: 12em;
padding: 0.5em 1.5em;
color: #6693BF;
text-align: left;
}
@media (max-width: 899px) {
#products .detail .data table th {
width: auto;
padding: 1em 0.5em 0px;
border-bottom: none;
}
}
#products .detail .other .subimg, #products .detail .other .text {
margin-bottom: 30px;
}
#products .detail .other .subimg {
text-align: center;
}
#products .detail .other .subimg img {
max-width: 100%;
}
#products .detail .other .text {
text-align: center;
font-size: 14px;
color: #555555;
line-height: 2;
}
@media (max-width: 899px) {
#products .detail .other .text {
font-size: 22px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
#products .detail .other .text {
font-size: 14px;
}
}
#products .detail .other .btn .blueBtnRed {
margin: 0 0 40px;
}
#products .detail .pagelink {
clear: both;
width: 100%;
}
#products .detail .pagelink a {
display: block;
width: 50%;
padding: 2em 0px;
color: #2F7A9B;
font-size: 17px;
font-family: dnp-shuei-mincho-pr6n, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
line-height: 2;
}
@media (max-width: 420px) {
#products .detail .pagelink a {
font-size: 13px;
}
}
#products .detail .pagelink a[rel=next] {
float: left;
padding-left: 40px;
background: url(//doifarm.co.jp/wp-content/themes/img/products/al.svg) left center no-repeat;
}
#products .detail .pagelink a[rel=prev] {
float: right;
padding-right: 40px;
background: url(//doifarm.co.jp/wp-content/themes/img/products/ar.svg) right center no-repeat;
text-align: right;
}
@media (max-width: 899px) {
#products .detail .other {
padding-bottom: 30px;
}
#products .detail .other .btn  {
text-align: center;
}
#products .detail .other .btn .blueBtnRed {
margin: 30px auto;
}
}  #contact {
margin: 0;
padding: 0 0 70px;
} #contact .contactIn {
background: #fff;
padding-top: 55px;
}
#contact .contactIn .contactTitle {
font-size: 20px;
text-align: center;
padding-top: 15px;
margin-bottom: 20px;
}
#contact .contactIn .contactTitle.err {
color: #D84A5E;
}
#contact .contactIn .contactIntro {
font-size: 17px;
text-align: center;
padding: 0 0 30px;
line-height: 2;
}
#contact .contactIn .contactIntro .lText {
font-size: 26px;
font-weight: 500;
}
#contact .contactIn .contactWrap {
position: relative;
}
#contact .contactIn .contactWrap:before {
content: "";
display: block;
border: 5px solid #d5cdcd;
width: 95%;
max-width: 1100px;
height: 40px;
margin: 0 auto 20px auto;
border-bottom: none;
transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
}
#contact .contactIn .contactWrap2 {
width: 100%;
max-width: 1100px;
margin: 0 auto; padding-bottom: 75px;
}
#contact .contactIn .contactWrap2:after {
content: "";
display: block;
border: 5px solid #d5cdcd;
width: 95%;
max-width: 1100px;
height: 40px;
margin: 0 auto 20px auto;
border-top: none;
transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
}
#contact .contactIn .contactWrap .contact-flow {
max-width: 400px;
position: relative;
box-sizing: border-box;
margin: 0 auto;
}
#contact .contactIn .contactWrap .contact-flow:before {
content: "";
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
height: 2px;
background-color: #d5cdcd;
position: absolute;
top: 7px;
left: 25px;
z-index: 0;
}
#contact .contactIn .contactWrap .contactText {
margin-top: 40px;
}
#contact .contactIn .contactWrap .contact-flow ul.flow-list {
width: 100%;
position: relative;
z-index: 1;
display: flex;
margin: 0;
justify-content: space-between;
align-items: center;
}
#contact .contactIn .contactWrap .contact-flow ul.flow-list > li.flow-list-item {
width: 60px;
position: relative;
top: 3px;
z-index: 1;
font-size: 10px;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #d5cdcd;
}
#contact .contactIn .contactWrap .contact-flow ul.flow-list > li.flow-list-item.active {
color: #333;
}
#contact .contactIn .contactWrap .contact-flow ul.flow-list > li.flow-list-item:before {
position: static;
content: "";
width: 10px;
height: 10px;
margin: 0 auto;
margin-bottom: 20px;
display: block;
background-color: #d5cdcd;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
}
#contact .contactIn .contactWrap .contact-flow ul.flow-list > li.flow-list-item.active:before {
background-color: #333;
}
#contact_box {
padding: 0 40px;
margin: 40px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
max-width: 820px;
}
.blocks-gallery-grid, .wp-block-gallery {
width: 100%;
}
.contactBlock {
width: 100%;
max-width: 945px;
margin: 0 auto 50px;
border: 1px solid #9e9e9f;
padding: 35px 0;
text-align: center;
}
.contactTxt {
font-size: 17px;
line-height: 2;
padding-bottom: 10px;
}
.contactDef {
margin-bottom: 20px;
}
.contactDef dt {
font-size: 34px;
font-family: source-code-pro, monospace;
font-weight: 600;
line-height: 1.2;
}
.contactDef dt span {
display: inline-block;
font-size: 20px;
}
.contactDef dd {
font-size: 15px;
line-height: 1.45;
letter-spacing: 1px;
}
.contactText1 {
font-size: 17px;
line-height: 2;
padding-bottom: 10px;
}
.contactImg {
width: 100%;
max-width: 434px;
margin: 0 auto;
}
.text {
font-size: 17px;
line-height: 2;
}
.item p {
font-size: 17px;
line-height: 1.9;
}
.textLink {
color: #266b91;
position: relative;
display: inline-block;
margin-right: 20px;
}
.textLink:after {
content: "";
position: absolute;
right: -15px;
top: 7px;
width: 13px;
height: 13px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/contact/btnLink.png) no-repeat;
background-size: 100%;
}
.confirmTxt {
font-size: 19px;
font-weight: 400;
line-height: 1.75;
text-align: center;
}
.confirmTxt1 {
font-size: 17px;
line-height: 1.75;
margin: 15px auto 60px;
}
.errorTxt {
font-size: 19px;
color: #d30000;
font-weight: 500;
line-height: 1.75;
text-align: center;
padding-bottom: 20px;
}
.page-id-579 .topFtBnr,
.page-id-581 .topFtBnr,
.page-id-585 .topFtBnr,
.page-id-583 .topFtBnr {
display: none;
}
.page-id-585 .item p:first-child {
display: none;
}
@media screen and (max-width: 970px) {
#contact_box {
padding: 0;
}
.contactBlock {
padding: 20px 2%; 
box-sizing: border-box;
margin: 0 auto 30px;
}
.contactTxt {
font-size: 16px;
}
.contactDef dt {
font-size: 20px;
}
.contactDef dt span,
.contactDef dd {
font-size: 14px;
}
}
#contact_box th {
color: #9ca7b1;
display: block;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 0;
text-align: left;
}
#contact_box th .emphasis {
color: #fff;
background: #ff816c;
border-radius: 8px;
font-size: 14px;
width: 53px;
height: 28px;
line-height: 28px;
display: inline-block;
text-align: center;
margin-left: 14px;
}
#contact_box td {
display: block;
margin-bottom: 24px;
font-size: 18px;
}
#contact_box td .descri {
margin: 0 .5em;
font-size: 18px;
}
#contact_box input[name=zip], #contact_box input[name=zip1] {
width: initial !important;
}
#contact_box input[type="text"],
#contact_box input[type="tel"],
#contact_box input[type="email"],
#contact_box textarea {
width: 100%;
}
#contact_box textarea {
resize: none;
} 
#contact_box input[type="text"],
#contact_box input[type="tel"],
#contact_box input[type="email"],
#contact_box input[type="number"],
#contact_box input[type="url"],
#contact_box input[type="password"],
#contact_box input[type="date"],
#contact_box textarea {
background: #fffef0;
padding: 11px;
font-size: 16px;
border-radius: 10px;
border: 2px solid #cccccc;
width: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contact_box .mwform-tel-field input[type="text"],
#contact_box .mwform-zip-field input[type="tel"] {
display: inline-block;
width: auto;
}
@media screen and (max-width: 970px) {
#contact_box .mwform-tel-field input[type="text"],
#contact_box .mwform-zip-field input[type="tel"] {
width: 30%;
}
}
#contact_box .contact_bottom li {
text-align: center;
font-size: 18px;
padding: 16px 0 46px;
}
#contact_box .contact_bottom li a {
color: #50b5cc;
}
@media (min-width: 1080px) {
#contact_box .contact_bottom li a:hover {
color: #6d6d6d;
}
}
#contact_box #mw-wp-form-captcha {
text-align: center;
padding: 0 3% 2em 3%;
line-height: 2.5em;
font-size: 17px;
}
#contact_box #mw-wp-form-captcha img {
margin-bottom: 10px;
border-radius: 10px;
width: 200px;
}
#contact_box #mw-wp-form-captcha input {
width: 200px;
height: 50px;
margin: 10px auto 0;
}
#contact_box div.contact_bottom div.item {
margin: 20px auto;
text-align: center;
}
@media screen and (min-width: 900px) {
#contact_box div.contact_bottom div.item {
width: 400px;
}
}
#contact_box div.contact_bottom div.item input[type="submit"] {
cursor: pointer;
color: #fff;
background: #fff;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
max-width: 254px;
width: 100%;
height: 48px;
font-weight: 400;
font-size: 20px; border: none;
letter-spacing: 0.06em;
margin: 25px auto;
border: 2px solid #266b91;
border-radius: 50px;
color: #266b91;
font-family: 'Noto Sans JP', sans-serif;
}
#contact_box div.contact_bottom div.item input[type="submit"]:hover {
background: #266b91;
color: #fff;
}
@media (min-width: 1080px) {
#contact_box div.contact_bottom div.item input[type="submit"]:hover {
background: #266b91;
}
}
@media (max-width: 1280px) {
header .hdrIn .logo {
width: 200px !important;
}
header .hdrIn.active {
background: #fff;
padding-top: 14px;    
padding-bottom: 14px;
}
.productsList li, .topGallery li {
width: 30%;
padding: 0 1.66% 3.33%;
}
.productsList {
justify-content: flex-start;
flex-wrap: wrap;
margin: 10px auto;
}
.pageProducts .pageProductsIn .productsList:before {
right: 0;
} .topBnrBt .topBnrBtText2 {
opacity: 1 !important;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.topBnrBt .topBnrBtText2:before {
width: 310px;
left: 2%;
}
.topBnrBt .topBnrBtText2:after {
width: 110px;
right: 13%;
top: 82%;
}
.topBnrBt .topBnrBtText2 {
width: 95%;
margin: 0 auto;
padding: 20px 0 35px;
text-align: center !important;
}
.topBnrBt .topBnrBtText2:before, .topBnrBt .topBnrBtText2:after {
display: none;
} #compost .compostSec1 {
padding: 340px 0 0;
}
#compost .compostCatch {
margin: 400px auto 0;
}
#compost .compostSec1:before {
width: 408px;
height: 300px;
left: 50%;
top: 35px;
transform: translateX(-50%);
}
#compost .compostSec1:after {
width: 515px;
height: 389px;
right: 50%;
top: auto;
bottom: auto;
transform: translateX(50%);
top: 675px;
} #mission .commitSec1:before, #agriculture .agriSec1:before {
width: 400px;
left: 50%;
top: 25px;
transform: translate(-50%);
}
#mission .commitSec1:after, #agriculture .agriSec1:after {
width: 402px;
right: 50%;
top: auto;
bottom: -125px;
transform: translateX(50%);
}
#mission .commitSec1, #agriculture .agriSec1 {
padding: 295px 0;
} #agriculture .agriSec1:after {
bottom: -160px !important;
} #about .aboutSec1List li figure {
max-width: 424px;
width: 28%;
}
#about .aboutSec1List li .aboutSec1ListTxt {
max-width: 835px;
width: 70%;
}
#about .aboutSec5 .aboutMap .aboutMapTxt {
max-width: 500px;
width: 48%;
}
#about .aboutSec5 .aboutMap .aboutMapFrame {
max-width: 548px;
width: 49%;
}
}
@media screen and (max-width: 1030px) and (min-width: 910px) {
header .hdrIn {
padding: 0 20px;
}
header .hdrIn.scroll {
padding: 15px 20px;
} header .hdrIn .gnav li a {
font-size: 15px;
}
header .hdrIn .gnav li:after {
padding: 0 7px;
}
}
@media (max-width: 910px) {	
.no-scroll {
height: 100vh;
overflow: hidden;
}
.pcOnly {
display: none;
}
.spOnly {
display: flex;
}
.fase, .fase_left, .fase_right {
opacity: 1 !important;
}
.fase {
bottom: 0 !important;
}
.fase_left {
left: 0 !important;
}
.fase_right {
right: 0 !important;
}
.anch#contentTop {
height: 70px;
margin-top: -70px;
}
header .videoBg {
width: 100%;
height: 100vh;
left: -50%;
transform: translateX(50%);
overflow: hidden;
}
header .hdrIn {
align-items: center;
justify-content: center;
height: 82px;
}
header .hdrIn, header .hdrIn.scroll {
padding: 10px !important;
box-sizing: border-box;
}
header .hdrIn .gnavUp {
position: fixed;
z-index: 20;
width: 100%;
background: #fff;
top: 79px;
right: -200vw;
transition: .5s ease-in-out;
flex-direction: column;
box-sizing: border-box;
padding: 0 20px;
justify-content: flex-start;
font-size: 18px;
}
header .hdrIn .gnav {
width: 100%;
flex-direction: column;
}
header .hdrIn .gnav li {
width: 100%; border-bottom: 1px solid #266b91;
}
header .bnrImg {
font-size: 35px;
animation: mymove 5s forwards;
}
@keyframes mymove {
0% {
opacity: 0;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade:before, .fade:after {
opacity: 1 !important;
}
header .hdrIn .gnav li:after {
display: none;
}
header .hdrIn .gnav li a {
position: relative;
display: flex;
width: 100%;
padding: 18px 0;
color: #3e3a39;
}
header .hdrIn .gnav li a:after {
position: absolute !important;
content: "" !important;
background: url(//kanbiton.com/wp-content/themes/doifarm/images/common/sp_arrow.svg) no-repeat;
width: 7px !important;
height: 15px !important;
background-size: 100%;
right: 15px !important;
top: 50% !important;
transform: translateY(-50%) !important;
bottom: auto !important;
left: auto !important;
}
header .hdrIn .gnav li:nth-child(3) a:after,
header .hdrIn .gnav li:nth-child(4) a:after{
top: 40%;
transform: rotate(90deg)
}
header .hdrIn .gnav li svg {
display: none;
}
header .hdrIn.blue {
background: #266b91;
}
header .hdrIn.blue .logo {
width: 280px;
background-image: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/logo_b.svg);
}
header .hdrIn .gnav li .sub-menu {
width: 100%;
padding: 0;
top: 0;
border-top: 1px solid #266b91;
visibility: visible;
opacity: 1;
position: relative;
}
header .hdrIn .gnav li:before {
display: none;
}
header .hdrIn .gnav li:hover .sub-menu {
position: relative;
}
header .hdrIn .gnav li .sub-menu li {
padding: 10px 20px;
box-sizing: border-box;
}
header .hdrIn .gnav li .sub-menu li:last-child {
border: none;
}
header .hdrIn .gnav {
margin: 0;
}
header .hdrIn .gnavSocial {
margin: 0;
}
header .hdrIn .gnav.gnavSocial li:last-child {
border: none;
padding-bottom: 70px;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial {
width: 240px;
margin: 30px auto;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial li {
width: 60px !important;
border: none;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial li a {
padding: 0;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial li a svg {
display: block;
height: 60px;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial li a:after {
display: none;
}
header .hdrIn .gnav.gnavSocial li .hdrSocial li a svg path {
fill: #152e47;
}
.menuIcon {
display: flex;
align-items: center;
margin-left: auto;
height: 25px;
}
.menuIcon div {
position: relative;
display: block;
width: 30px;
height: 25px;
cursor: pointer;
}
.menuIcon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #152e47; left: 0;
transition: 0.35s ease-in-out;
}
.menuIcon span:nth-child(1) {
top: 0;
animation: menu-bar01 .75s forwards;
}
.menuIcon span:nth-child(2) {
top: 10px;
}
.menuIcon span:nth-child(3) {
top: 20px;
animation: menu-bar02 .75s forwards;
}
.menuIcon.open span:nth-child(1) { animation: active-menu-bar01 .75s forwards;
}
@keyframes menu-bar01 {
0% {
transform: translateY(14px) rotate(45deg);
}
50% {
transform: translateY(14px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar02 {
0% {
transform: translateY(-14px) rotate(-45deg);
}
50% {
transform: translateY(-14px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes active-menu-bar01 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(10px) rotate(0);
}
100% {
transform: translateY(10px) rotate(45deg);
}
}
@keyframes active-menu-bar03 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(-10px) rotate(0);
}
100% {
transform: translateY(-10px) rotate(-45deg);
}
}
.menuIcon.open span:nth-child(2) {
width: 0;
left: 50%;
}
.menuIcon.open span:nth-child(3) { animation: active-menu-bar03 .75s forwards;
}
header .hdrIn {
transition: unset;
}
header .hdrIn .logo {
display: none;
}
header .hdrIn .logoSp img {
width: 210px !important;
}
header .hdrIn .logoSp {
display: block;
width: 210px !important;
height: 63px !important;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/logo.png) center/cover no-repeat;
}
header .hdrIn.scroll .logoSp {
display: block;
width: 210px !important;
height: 63px !important;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/logo_b.png) center/cover no-repeat;
}
header .hdrIn.blue .logoSp {
display: block;
width: 210px !important;
height: 63px !important;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/common/logo.png) center/cover no-repeat;
}
header .hdrIn .gnavUp.collapse {
right: 0;
height: calc(100vh - 75px);
overflow-y: auto;
}
header .bnrImg figure {
height: auto;
padding: 30px 20px;
}
header .bnrImg figure img {
width: 100%;
}
header .scrollBtn {
width: 50px;
height: 50px;
}
header .hdrIn .menu-globalnavi-container {
width: 100%;
} #hover-contact, #page-top {
display: none;
} .topTwoCol {
flex-direction: column;
margin-top: 30px;
overflow: hidden;
}
.topTwoCol .topTwoColText {
order: 1;
width: 100%;
}
.topTwoCol .topTwoColText .topWhiteSec {
max-width: 100%;
width: 100%;
}
.topTwoCol .topTwoColImg {
order: 2;
width: 100%;
align-items: center;
}
.topTwoCol.circular .topTwoColImg {
display: block;
padding: 20px 0;
background: #dfecee;
height: 100%;
text-align: center;
}
.topWhiteSec p {
font-size: 16px;
padding: 35px 0 10px;
}
.blueBtnRed {
margin: 10px 0 30px;
}
.blueBtnRed:after {
width: 12px;
}
.topBnrBt .topBnrBtText2, #mission .commitSec1, #agriculture .agriSec1, #compost .compostSec1 {
text-align: left;
}
.productsList li, .topGallery li {
width: 46% !important;
padding: 0 2% 4%;
}
.pageProducts .pageProductsIn .productsList:before {
width: 85px;
top: -75px;
}
.pageProducts {
padding: 2.5%;
margin: 30px 0;
}
.topCatPostUp .topCatPost, .pageProducts .pageProductsIn {
padding: 30px 0 5px;
}
#compost .compostSec1:before, #compost .compostSec1:after {
width: 300px;
}
#compost .compostSec1:after {
top: 540px;
}
.page_bnr:before {
height: 95px;
}
.page_bnr img {
height: 300px;
object-fit: cover;
}
.page_bnr.small_bnr img {
height: 200px;
}
.page_bnr h1 {
font-size: 30px;
bottom: 35px;
display: flex;
width: 100%;
justify-content: center;
letter-spacing: 0;
}
.breadcrumbUp .breadcrumb li {
font-size: 13px;
}
.breadcrumbUp .breadcrumb .home {
background-size: 27px auto;
padding-left: 35px;
}
.title img {
margin-bottom: 5px;
}
h2.compost img {
width: 153px;
}
h2.safety img {
width: 125px;
}
h2.physics img {
width: 142px;
}
h2.products img {
width: 159px;
}
h2.commitment img {
width: 236px;
}
h2.cicular_farming img {
width: 314px;
}
h2.news img {
width: 94px;
}
h2.philosophy img {
width: 207px;
}
h2.soil img {
width: 74px;
}
h2.rise img {
width: 83px;
}
h2.environment img {
width: 246px;
}
h2.mind img {
width: 103px;
}
h2.message img {
width: 139px;
}
h2.service img {
width: 146px;
}
h2.outline img {
width: 144px;
visibility: hidden;
}
h2.outline {
width: 144px;
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/about/outline.png) no-repeat;
background-size: 100%;
}
h2.store img {
width: 95px;
}
h2.privacy img {
width: 259px;
}
h2.feed img {
width: 84px;
}
h2.pig_house img {
width: 182px;
}
h2.processing img {
width: 184px;
}
.breadcrumbUp .breadcrumb {
flex-wrap: wrap;
}
.productsList li p {
font-size: 16px;
}
.productsList li p svg {
right: 0;
}
.productsList li p {
margin-top: 10px;
font-size: 16px;
padding-right: 20px;
}
.topFtBnr a {
margin: 30px auto;
}
#mission .commitSec1:before {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/mission/mission_bg1.jpg) no-repeat;
background-size: 100%;
}
#mission .commitSec1:after {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/mission/mission_bg2.jpg) no-repeat;
background-size: 100%;
}
#agriculture .agriSec1:before {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/agriculture/agriculture_bg1.jpg) no-repeat;
background-size: 100%;
}
#agriculture .agriSec1:after {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/agriculture/agriculture_bg2.jpg) no-repeat;
background-size: 100%;
}
#compost .compostSec1:before {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/compost/compost_bg1.jpg) no-repeat;
background-size: 100%;
}
#compost .compostSec1:after {
background: url(//doifarm.co.jp/wp-content/themes/doifarm/images/compost/compost_bg2.jpg) no-repeat;
background-size: 100%;
} .topWhiteSec h2, .title {
font-size: 18px;
}
.topWhiteSec h2 span, .title span {
line-height: 2;
text-align: center;
}
.topBnrBt .topBnrBtText2, #mission .commitSec1, #agriculture .agriSec1, #compost .compostSec1 {
font-size: 18px;
}
.topBnrBt .topBnrBtText2 .text p, #mission .commitSec1 p, #agriculture .agriSec1 p, #compost .compostSec1 p {
padding-top: 10px;
}
.topWhiteSec {
padding: 15px 10px;
margin: 0 auto;
width: 100%;
}
.topProducts .topWhiteSec:after {
display: none;
}
.topTwoCol.circular .fade:after, .topTwoCol.compost .fade:after {
width: 200px;
height: 379px;
bottom: -230px;
}
.topTwoCol.safety .fade:after{
width: 200px;
height: 379px;
bottom: -287px;
}
.topTwoCol.compost .fade:after {
right: 35px;
}
.topBnrBt .topBnrBtText2 {
font-size: 18px;
text-align: left !important;
}
.topProducts .topMetal {
margin: 0 auto 20px;
align-items: center;
}
.topCommit {
flex-wrap: wrap;
overflow: hidden;
}
.topCommit .topCommitLeft, .topCommit .topCommitRight {
width: 100%;
}
.topCommit .topCommitRight p {
padding: 20px;
font-size: 16px;
}
.topCommit .topCommitRight .blueBtnRed {
margin-left: 20px;
}
.topGallery {
margin: 30px auto;
flex-wrap: wrap;
}
.topCatPostUp .topCatPost .postList {
flex-wrap: wrap;
margin-bottom: 20px;
padding: 0;
}
.topCatPostUp .topCatPost .postList li {
width: 46%;
padding: 0 2% 4%;
}
.topCatPostUp {
margin: 30px 0;
padding: 2.5%;
}
.topCatPostUp .topCatPost {
padding: 30px 20px;
background: #fff;
}
.productsList li.slide_on, .productsList li.slide_off, .topGallery li {
opacity: 1 !important;
-webkit-transform: unset !important;
transform: unset !important;
transition: unset !important;
}
.productsList li.slide_on, .topGallery li.spOnly {
display: block;
}
.topBnrBt .topBnrBtImg {
padding: 25px 0;
}
.topCommit .topCommitLeft figure, .topCommit .topCommitRight figure {
height: 39vw;
overflow: hidden;
}
.topCommit .topCommitLeft figure img, .topCommit .topCommitRight figure img {
object-fit: cover;
} footer .ftIn .ftInfo {
padding: 20px;
}
footer .ftIn .ftInfo .ftFirst, footer .ftIn .ftInfo .infoDtl dl dd {
font-size: 16px;
}
footer .ftIn .ftInfo .ftFirst {
text-align: left;
}
footer .ftIn .ftInfo .infoDtl dl dt, footer .ftIn .ftInfo .infoDtl dl span {
font-size: 29px;
}
footer .ftIn .ftInfo .infoDtl dl span, footer .ftIn .ftMenu .ftMenuList .ftMenuListIn h2 {
font-size: 20px;
padding: 20px 0 10px;
}
footer .ftIn .ftMenu {
margin-top: 30px;
flex-direction: column;
}
footer .ftIn .ftMenu .ftMenuLogo {
margin: 0 auto 30px;
}
footer .ftIn .ftMenu .ftMenuList {
width: 95%;
margin: 0 auto;
flex-wrap: wrap;
flex-direction: column;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn {
width: 100%;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn:nth-child(2) {
margin-top: -16px;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn:nth-child(2) h2 {
display: none;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a {
display: inline-block;
font-size: 17px;
margin: 9px 0;
padding-left: 15px;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a img {
width: 14px;
margin-left: 5px;
}
footer .ftIn .ftMenu .ftMenu2 {
padding-top: 15px;
}
.copyright {
padding: 40px 0 60px;
font-size: 14px;
} #compost .compostSec1 {
padding: 250px 0 0;
}
#compost .compostCatch {
margin: 240px auto 0;
}
#compost .compostSec1 {
width: 95%;
margin: 0 auto;
}
#compost .compostCatch {
padding: 20px;
}
#compost .compostCatch p {
font-size: 16px;
} #mission .commitSec1, #agriculture .agriSec1 {
width: 95%;
margin: 0 auto;
}
#mission .topTwoCol.compost {
margin-top: 30px;
} #agriculture .agriSec2In {
flex-wrap: wrap;
}
#agriculture .agriSec2In figure {
max-width: 510px;
width: 100%;
margin: 0 auto 30px;
}
#agriculture .agriSec2In .agriSec2Text {
max-width: 487px;
width: 100%;
font-size: 18px;
margin: 0 auto;
}
#agriculture .agriSec2In .agriSec2Text:before {
display: none;
} #about .aboutSec1List li {
flex-wrap: wrap;
margin-bottom: 10px;
}
#about .aboutSec1List li figure {
width: 100%;
margin: 0 auto;
order: 1;
}
#about .aboutSec1List li figure figcaption {
font-size: 15px;
}
#about .aboutSec1List li .aboutSec1ListTxt {
width: 100%;
margin: 20px 0 0;
order: 2;
}
#about .aboutSec1List li .aboutSec1ListTxt h3 {
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 22px;
}
#about .aboutSec1List li .aboutSec1ListTxt h3:after {
width: 290px;
}
#about .aboutSec1List li .aboutSec1ListTxt p {
padding-bottom: 25px;
font-size: 16px;
}
#about .aboutBg {
padding: 2.5% 0;
margin-top: -50px;
}
#about .aboutBg .aboutBgIn {
padding: 30px 0 40px;
}
#about .aboutSec2 .aboutSec2In dl {
margin-top: 30px;
background-size: 395px auto;
}
#about .aboutSec2 .aboutSec2In dl dt {
font-size: 23px;
}
#about .aboutSec2 .aboutSec2In dl dd {
padding-top: 20px;
font-size: 17px;
}
#about .aboutSec5 .topGallery {
margin: 40px auto 10px;
}
#about .aboutSec5 .topGallery li:last-child {
display: none;
}
#about .aboutSec5 .aboutMap .aboutMapTxt .aboutTable {
margin: 25px 0;
}
#about .aboutSec3 .aboutTable:before {
width: 143px;
}
#about .aboutSec4 .aboutTable:before {
width: 125px;
}
#about .aboutSec5 .aboutMap {
flex-wrap: wrap;
}
#about .aboutSec5 .aboutMap .aboutMapTxt, #about .aboutSec5 .aboutMap .aboutMapFrame {
width: 100%;
max-width: 100%;
}
#about .aboutSec5 .aboutMap .aboutMapTxt h4 {
font-size: 17px;
}
.aboutTable dl dt {
font-size: 17px;
}
.aboutTable dl dd {
font-size: 16px;
}
#about .aboutSec5 .topGallery:before {
width: 103px;
} #privacy .blk_pri {
margin-bottom: 20px;
}
#privacy .blk_pri .tit {
font-size: 19px;
}
#privacy .blk_pri .txt_gr p, #privacy .blk_pri ol.ol_pri {
font-size: 16px;
}
.sp-foot {
position: fixed;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
bottom: -1px;
right: 0;
left: 0;
width: 100%;
height: 72px;
z-index: 100000;
}
.sp-foot-child { width: 100%;
padding: 20px 0;
color: #fff;
text-align: center;
}
.sp-foot-child a {
color: #fff;
font-size: 18px;
font-weight: bold;
position: relative;
padding-left: 40px;
}
.sp-foot-child a img {
position: absolute;
width: 30px;
height: auto;
left: 0;
top: -2px;
}
.sp-foot .foot-tel {
background: #266b91;
}
.sp-foot .foot-cart {
background: #152e47;
} .postList li .postImg {
height: 26vw;
} #kanbiton .kanSec1:after {
display: none;
}
#kanbiton .kanSec1 p, .topBnrBt .topBnrBtText2 .text p {
width: 100%;
font-size: 17px;
text-align: left;
}
#kanbiton .kanSec1, .topBnrBt .topBnrBtText2 {
width: 95%;
margin: 0 auto;
padding-bottom: 30px;
}
#kanbiton .kanSec1 p span, .kanOleicTtl2, .topBnrBt .topBnrBtText2 .text p span {
font-size: 19px;
}
.kanMeno, #kanbiton .kanMetal, #kanbiton .kanOleic {
width: 95%;
margin: 20px auto;
}
#kanbiton .kanMetal {
max-width: 674px;
}
#kanbiton .kanOleic {
flex-direction: column;
align-items: center; margin: 0 auto;
padding: 30px 0;
}
#kanbiton .kanOleic figure {
order: 1;
}
#kanbiton .kanOleic figure.spOnly {
display: block;
margin: 30px auto 0;
}
#kanbiton .kanOleic .kanOleicText {
width: 100%;
margin: 20px 0 0;
order: 2; }
#kanbiton .kanChief {
margin-top: 50px;
}
.kanOleicTtl {
font-size: 23px;
}
#kanbiton .kanOleic .kanOleicText p, .kanMeno p {
font-size: 16px;
}
.kanMeno h3 {
font-size: 18px;
}
#kanbiton .kanOleic .kanOleicText .kanOleicTtl img {
margin-top: -15px;
}
#kanbiton .kanImgBlock {
padding: 20px 3%;
}
#kanbiton .kanImgBlock p {
font-size: 14px;
}
#kanbiton .kanDelicious {
margin: 20px auto 0;
}
#kanbiton .kanDelicious .topBLogTitle span {
font-size: 25px;	
}
#kanbiton .kanDelicious .topBLogTitle:before, 
#kanbiton .kanDelicious .topBLogTitle:after {
width: 155px;
height: 37px;
}
#kanbiton .kanDelicious .topBLogTitle:before {
left: 0;
}
#kanbiton .kanDelicious .topBLogTitle:after {
right: 10px;
}
#kanbiton .kanDelicious .topBLogTitle span:before, 
#kanbiton .kanDelicious .topBLogTitle span:after {
width: 7px;
height: 44px;
}
#kanbiton .kanImgBlock ul {
flex-wrap: nowrap;
justify-content: unset;
display: block;
}
#kanbiton .kanImgBlock li {
width: 100%;
}
#kanbiton .kanDelicious ul {
margin: 20px auto;
}
#kanbiton .kanDelicious li {
width: 49%;
}
#kanbiton .kanDelicious li p {
font-size: 16px;
}
#productCategory, .productsCatList {
margin: 40px auto 70px !important;
}
#productCategory h2, .productsCatList h2 {
font-size: 18px;
line-height: 1.5;
}
.childPrdCat {
background: none;
padding: 0;
}
.childPrdCat #productCategory {
padding: 0;
} #news .topCatPostUp .topCatPost {
padding: 0 2% 10px;
}
#post_single .wrap {
padding: 2.5%;
}
#post_single .wrap, #post_single .wrap p {
font-size: 16px;
}
#post_single .wrap p {
margin: 10px 0 20px;
}
#post_single .wrap .single_head, #post_single .wrap h2, #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 22px;
}
#post_single .wrap .cat_date {
margin-top: 10px;
}
#post_single .wrap p.time {
margin: 0;
padding-bottom: 0;
}
.addtoany_content {
padding-top: 20px;
} #contact .contactIn {
width: 95%;
margin: 0 auto;
padding-top: 50px;
}
#contact_box th {
font-size: 14px;
margin-bottom: 0;
}
#contact_box td {
font-size: 14px;
}
#contact_box th .emphasis {
font-size: 12px;
width: 45px;
height: 25px;
line-height: 25px;
}
#contact .contactIn .contactFrom {
width: 90%;
margin: 0 auto;
}
#contact_box #mw-wp-form-captcha, #contact_box .contact_bottom li {
line-height: 1.8em;
font-size: 14px;
}
#contact_box div.contact_bottom div.item input[type="submit"] {
max-width: 270px;
width: 100%;
height: 45px;
font-size: 16px;
}
#contact .contactIn .contactTitle {
font-size: 18px;
}
#contact .contactIn .contactIntro {
width: 95%;
margin: 0 auto;
font-size: 14px;
}
#contact .contactIn .contactWrap2 {
padding-bottom: 30px;
}
}
@media (max-width: 767px) {
#kanbiton .kanDelicious .topBLogTitle span {
font-size: 23px;
}
#kanbiton .kanDelicious .topBLogTitle:before, 
#kanbiton .kanDelicious .topBLogTitle:after {
display: none;
}
#kanbiton .kanDelicious .topBLogTitle span:before, 
#kanbiton .kanDelicious .topBLogTitle span:after {
left: -20px;
top: 50%;
width: 7px;
height: 38px;
transform: translateY(-50%);
}
#kanbiton .kanDelicious .topBLogTitle span:after {
left: auto;
right: -20px;
}
}
@media screen and (max-width: 500px) and (min-width: 320px) {
#kanbiton .kanDelicious ul {
display: block;
flex-wrap: nowrap;
justify-content: unset;
}
#kanbiton .kanDelicious li {
width: 100%;
}
}
@media (max-width: 768px) {
header, header .videoBg {
height: 60vh;
}
header .bnrImg figure {
width: 200px;
}
}
@media (max-width: 600px) {
#compost .compostSec1:after {
top: 575px;
}
}
@media (max-width: 480px) {
header .hdrIn, header .hdrIn.scroll {
padding: 10px;
}
.topBnrBt .topBnrBtImg img {
width: 157px;
}
#compost .compostSec1:after {
top: 635px;
}
#mission .commitSec1:before, #agriculture .agriSec1:before {
width: 300px;
}
#mission .commitSec1:after, #agriculture .agriSec1:after {
width: 302px;
bottom: -195px;
}
#mission .commitSec1, #agriculture .agriSec1 {
padding: 255px 0;
}
#agriculture .agriSec1:after {
bottom: -205px !important;
}
#about .aboutSec1 {
padding-top: 30px;
}
#about .aboutSec1List {
margin: 45px auto;
}
#about .aboutSec2 .aboutSec2In dl {
background-size: 255px auto;
}
#about .aboutSec3 .aboutTable:before {
width: 72px;
left: 0;
}
#about .aboutSec4 .aboutTable:before {
width: 63px;
right: 0;
}
#about .aboutSec5 .topGallery:before {
width: 52px;
left: 20px;
}
.postList li dl {
flex-direction: column;
}
}
#error .errorBlock {
width: 95%;
max-width: 1100px;
margin: 20px auto 0;
}
#error p {
font-size: 17px;
}
#error p a {
text-decoration: underline;
}
#error .errText {
margin-bottom: 30px;
}
@media (max-width: 910px) {
#error p {
font-size: 14px;
}
} .topTwoCol .topTwoColImg.fase_left img.-margNo{
margin: 0;
} ._d-none {
display: none !important;
}
._d-block {
display: block !important;
}
@media (min-width: 560px) {
._d-sm-none {
display: none !important;
}
._d-sm-block {
display: block !important;
}
}
@media (min-width: 768px) {
._d-md-none {
display: none !important;
}
._d-md-block {
display: block !important;
}
}
@media (min-width: 960px) {
._d-lg-none {
display: none !important;
}
._d-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
._d-xl-none {
display: none !important;
}
._d-xl-block {
display: block !important;
}
}
@media (min-width: 1400px) {
._d-xxl-none {
display: none !important;
}
._d-xxl-block {
display: block !important;
}
}
.raw-ham_hero{
position: relative;
}
.raw-ham_hero > .content{
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
}
.raw-ham_hero > .content > .ttl{
font-size: clamp(28px, 2.1875vw, 42px);
font-weight: 400;
margin-bottom: 1.1em;
line-height: 1.6;
}
.raw-ham_hero > .content > .txt{
font-size: clamp(16px, 1.0416666667vw, 20px);
font-weight: 400;
line-height: 2.2;
padding-left: 1.5em;
}
@media (max-width:960px) {
.raw-ham_hero > .content > .txt{
padding-left: 0;
}
.raw-ham_hero > .img > img{
width: 100%;
height: 500px;
max-height: 100%;
object-fit: cover;
object-position: right center;
}
.raw-ham_hero > .content{
top: 60%;
background: #ffffff8a;
padding: 1.5em 1em;
}
}
@media (max-width:767px) {
.raw-ham_hero > .img > img{
height: 400px;
object-fit: cover;
object-position: right center;
}
.raw-ham_hero > .content{
position: unset;
transform: none;
}
}
@media (max-width:560px) {
.raw-ham_hero > .img > img{
height: 280px;
}
}
.chapter{
margin-top: clamp(30px, 4.0625vw, 78px);
}
.chapter > .ttl{
display: flex;
justify-content: center;
align-items: center;
gap: 45px;
font-size: 36px;
line-height: 1.8;
font-weight: 400;
padding: 1.5em 1em;
background-color: #dfecee;
}
.chapter > .ttl > .small{
font-size: 26px;
letter-spacing: 3px;
}
.chapter > .ttl > .small > .number{
font-size: 36px;
}
.chapter > .flx{
display: flex;
align-items: center;
gap: clamp(20px, 4.3229166667vw, 83px);
}
.chapter > .flx > .-item{
flex-basis: 50%
}
.chapter > .flx > .content{
background: #fff;
position: relative;
padding-block: 68px;
margin-left: clamp(20px, 4.3229166667vw, 83px);
}
.chapter > .flx > .content::after{
content: attr(data-txt);
position: absolute;
bottom: 0;
left: 0;
color: #dfecee;
width: 450px;
}
.chapter > .flx > .content > p{
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
.chapter > .flx > .content > p + p{
margin-top: 1em;
}
.chapter > .ex-txt{
background-color: #dfecee;
padding: 1.5em 1em;
}
.chapter > .ex-txt > p{
width: 45%;
margin-left: auto;
padding-right: 5em;
}
.chapter > .ex-txt.-reverse > p{
margin-left: unset;
width: 100%;
padding-right: 0;
}
@media (max-width:1500px) {
.chapter > .ex-txt > p{
width: 42%;
}
}
.chapter > .topTwoCol{
margin-top: 0;
}
.chapter > .topTwoCol.-reverse{
flex-direction: row-reverse;
}
.chapter > .topTwoCol > .topTwoColText{
flex-basis: 50%;
position: relative;
}
.chapter > .topTwoCol > .topTwoColText::after{
content: attr(data-txt);
position: absolute;
bottom: -23px;
left: 0;
color: #DFECEE;
font-family: "Noto Serif JP";
font-size: 96px;
font-weight: 400;
line-height: 1.8;
opacity: 0.8;
z-index: 0;
}
.chapter > .topTwoCol > .topTwoColImg{
flex-basis: 50%;
}
.chapter > .topTwoCol > .topTwoColImg > .-right{
object-position: right center;
}
.chapter > .topTwoCol > .topTwoColImg.-reverse > img{
margin: 0 !important;
}
.chapter > .topTwoCol > .topTwoColText > .topWhiteSec{
width: 100%;
max-width: 100%;
}
.chapter > .topTwoCol > .topTwoColText > .topWhiteSec > p{
position: relative;
z-index: 1;
}
.chapter > .topTwoCol.-reverse > .topTwoColText > .topWhiteSec > p{
padding-right: 3em;
}
@media (max-width:960px) {
.chapter > .ttl{
gap: 10px;
font-size: 30px;
}
.chapter > .ttl > .small > .number{
font-size: 30px;
}
.chapter > .ex-txt > p{
width: 100%;
padding-right: 0;
margin-left: unset;
}
.chapter > .topTwoCol.-reverse{
flex-direction: column;
}
.chapter > .topTwoCol.-reverse > .topTwoColText > .topWhiteSec > p{
padding-right: 0;
}
}
@media (max-width:767px) {
.chapter > .ttl{
flex-direction: column;
gap: 0px;
padding: 1em 0.5em;
font-size: 25px;
text-align: center;
}
.chapter > .ttl > .small > .number{
font-size: 25px;
}
.chapter > .ttl > .small{
font-size: 20px;
}
}
@media (max-width:560px) {
.chapter > .topTwoCol > .topTwoColText::after{
font-size: 65px;
}
}
#raw-ham .kanChief {
width: 100%;
max-width: 1100px;
margin-inline: auto;
margin-top: clamp(50px, 4.0625vw, 78px);
}
#raw-ham .kanChief > a{
display: block;
transition: all .4s;
text-align: center;
}
@media (hover : hover) {
#raw-ham .kanChief > a:hover{
opacity: .65;
}
}
#raw-ham .kanChief > a > img{
width: 96%;
} .bnr-content{
width: min(1240px,100%);
margin-inline: auto;
margin-block: 1em 3em;
}
.bnr-content > .gird{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(10px, 1.0416666667vw, 20px);
}
.bnr-content > .gird > a{
transition: all .4s;
}
@media (hover: hover) {
.bnr-content > .gird > a:hover{
opacity: 0.65;
}
}
@media (max-width:767px) {
.bnr-content > .gird{
grid-template-columns: repeat(1, 1fr);
}
} @font-face {
font-family: 'Monotype Corsiva';
src: url(//doifarm.co.jp/wp-content/themes/doifarm/font/monotype-corsiva.ttf) format('truetype');
font-display: swap;
}
.product-meet.-hero>.inner{
padding-block: 2.5em;
padding-inline: 1em;
}
.product-meet.-hero>.inner>p{
font-size: 16px;
text-align: center;
}
.product-meet.-hero>.inner>p.small{
font-size: 14px;
text-align: center;
margin-top: 1em;
}
.product-meet.-list>.ttl{
background-color: #234d70;
position: relative;
padding-block: 2em;
padding-inline: 5%;
z-index: 0;
}
.product-meet.-list>.ttl::before{
content: attr(data-txt);
position: absolute;
top: 50%;
left: 2%;
transform: translateY(-50%);
font-size: 110px;
color: #456886;
font-family: 'Monotype Corsiva', cursive;
opacity: 0.8;
z-index: -1;
width: 90%;
height: 100%;
display: flex;
overflow: hidden;
align-items: center;
}
.product-meet.-list>.ttl>h2{
color: #fff;
text-align: center;
font-size: 35px;
font-weight: 400;
font-family: "Noto Serif JP",sans-serif;
line-height: 1.2;
}
.product-meet.-list>.ttl>p{
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 500;
font-family: "Noto Serif JP",sans-serif;
line-height: 1.2;
margin-top: 0.5em;
}
.product-meet.-list>.inner{
width: min(1250px,90%);
margin-inline: auto;
padding-block: 80px;
}
.product-meet.-list>.inner>.flx{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-bottom: 50px;
}
.product-meet.-list>.inner>.flx>.content,
.product-meet.-list>.inner>.flx>.img,
.product-meet.-list>.inner>.flx>.map{
flex-basis: 50%;
}
.product-meet.-list>.inner>.flx>.img>figcaption{
text-align: center;
font-size: 14px;
color: #234d70;
}
.product-meet.-list>.inner>.flx>.content>.info-table{
border-collapse: collapse;
font-size: 16px;
font-family: "Noto Serif JP",sans-serif;
margin-top: 30px;
}
.product-meet.-list>.inner>.flx>.content>.info-table{
display: table;
width: 100%;
}
.product-meet.-list>.inner>.flx>.content>.info-table dt{
padding: 10px 15px;
width: 80px;
vertical-align: top;
display: table-cell;
font-weight: bold;
}
.product-meet.-list>.inner>.flx>.content>.info-table dd{
padding: 10px 15px;
margin: 0;
vertical-align: top;
display: table-cell;
}
.product-meet.-list>.inner>.flx>.content>.info-table dd a{
text-decoration: underline;
}
.product-meet.-list>.inner>.flx>.content>.info-table dd p + p{
margin-top: 1em;
}
.product-meet.-list>.inner>.flx>.content>.info-table > div{
display: flex;
}
.map.-product-meet>iframe{
max-width: 100%;
width: 100%;
}
@media (max-width:960px) {
.product-meet.-list>.inner>.flx{
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
}
.product-meet.-list>.inner>.flx>.content,
.product-meet.-list>.inner>.flx>.img,
.product-meet.-list>.inner>.flx>.map{
flex-basis: 100%;
width: 100%;
}
.product-meet.-list>.inner>.flx>.content>.info-table{
margin-top: 0;
}
.product-meet.-list>.inner{
padding-block: 30px 50px;
}
.product-meet.-list>.ttl{
padding-block: 1.5em;
}
.product-meet.-list>.ttl>h2{
font-size: 28px;
}
.product-meet.-list>.inner>.flx>.content>.info-table dd{
padding-inline: 0;
padding-top: 0;
}
.product-meet.-list>.inner>.flx>.content>.info-table dt{
padding-inline: 0;
padding-bottom: 0;
width: 100%;
}
.product-meet.-list>.inner>.flx>.content>.info-table > div{
flex-direction: column;
border-bottom: 1px solid #dfecee;
}
.product-meet.-list>.ttl::before{
font-size: 70px;
}
}
@media (max-width:560px) {
.product-meet.-list>.ttl::before{
font-size: 50px;
}
.product-meet.-list>.ttl{
padding-block: 1em;
}
.product-meet.-list>.ttl::before{
align-items: flex-end;
}
.product-meet.-list>.ttl>h2{
font-size: 25px;
}
.map.-product-meet>iframe{
height: 300px;
}
} .kanbigyu{
position: relative;
}
.kanbigyu_hero > .content{
position: absolute;
top: 50%;
right: 10%;
transform: translateY(-50%);
}
.kanbigyu_hero > .content > .txt{
font-size: clamp(16px, 1.25vw, 24px);
font-weight: 400;
line-height: 2.2;
padding-left: 1.5em;
text-align: center;
color: #fff;
text-shadow: 1px 1px 5px black;
}
.kanbigyu_hero > .content > .txt + .txt{
margin-top: 1.2em;
}
@media (max-width:960px) {
.kanbigyu_hero > .content > .txt{
padding-left: 0;
color: #000;
text-shadow: none;
}
.kanbigyu_hero > .img > img{
width: 100%;
height: 500px;
max-height: 100%;
object-fit: cover;
object-position: left center;
}
.kanbigyu_hero > .content{
top: 60%;
background: #ffffff8a;
padding: 1.5em 1em;
}
}
@media (max-width:767px) {
.kanbkanbigyu_herogyu > .img > img{
height: 400px;
object-fit: cover;
object-position: right center;
}
.kanbigyu_hero > .content{
position: unset;
transform: none;
padding-bottom: 0;
}
.kanbigyu_hero > .content > .txt + .txt{
margin-top: 0;
}
}
@media (max-width:560px) {
.kanbigyu_hero > .img > img{
height: 280px;
}
}
.chapter.-kanbigyu{
background: #dfecee;
padding-bottom: 4em;
}
.chapter.-kanbigyu > .ttl{
gap: 0px;
}
.chapter > .ttl > .-blue{
color: #009696;
}
.chapter.-kanbigyu > .topTwoCol > .topTwoColText::after{
content: none;
}
.chapter > .topTwoCol > .topTwoColImg.-flx{
flex-direction: column;
}
@media (max-width:767px) {
.chapter.-kanbigyu{
padding-bottom: 2em;
}
}
.chapter.-kanbigyu > .topTwoCol.-reverse > .topTwoColText > .topWhiteSec > .sub-ttl{
font-size: 20px;
line-height: 1.8;
padding-top: clamp(20px, 2.8645833333vw, 55px);
}
.chapter.-kanbigyu > .topTwoCol.-reverse > .topTwoColText > .topWhiteSec > .sub-ttl:first-child{
padding-top: clamp(20px, 4.1666666667vw, 80px);
}
.chapter.-kanbigyu > .topTwoCol.-reverse > .topTwoColText > .topWhiteSec > p{
padding-top: .5em;
}
@media (max-width:767px) {	
.topTwoCol .topTwoColImg img.sp-half{
height: 50vh;
}
}
@media (max-width:460px) {	
.topTwoCol .topTwoColImg img.sp-half{
height: 35vh;
}
}
#kanbigyu .kanChief {
width: 100%;
max-width: 1100px;
margin-inline: auto;
margin-top: clamp(50px, 4.0625vw, 78px);
}
#kanbigyu .kanChief > a{
display: block;
transition: all .4s;
text-align: center;
}
@media (hover : hover) {
#kanbigyu .kanChief > a:hover{
opacity: .65;
}
}
#kanbigyu .kanChief > a > img{
width: 96%;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://doifarm.co.jp/wp-content/themes/doifarm/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://doifarm.co.jp/wp-content/themes/doifarm/css/fonts/slick.eot);
src: url(https://doifarm.co.jp/wp-content/themes/doifarm/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://doifarm.co.jp/wp-content/themes/doifarm/css/fonts/slick.woff) format('woff'), url(https://doifarm.co.jp/wp-content/themes/doifarm/css/fonts/slick.ttf) format('truetype'), url(https://doifarm.co.jp/wp-content/themes/doifarm/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}