/* Theme Name:石原牛のマル善 Description:黒毛和牛 石原牛肥育農場 農業生産法人 株式会社マル善 Author:有限会社プロダクションビコーズ Template:twentysixteen */ @charset "utf-8"; /*--font--*/ html[lang="ja"] * {letter-spacing: auto!important;} html, body {max-width: 100%; min-width: 1024px; min-height: 100vh; overflow-x: auto;} html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, select, button, legend, table, caption, tbody, tfoot, thead, tr, th, td, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { color: #3b4043; font-family: source-han-sans-japanese, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif; font-style: normal; line-height: 1.8; letter-spacing: .9px; font-weight: 500; border: 0; outline: 0; background: transparent; list-style: none; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; } main {display: block;} body,entry-content {font-size: 18px;} h1, h2, h3, h4, h5, h6 {line-height: 1.5;} a {color: #3b4043; text-decoration: none; border-bottom: 1px solid transparent; transition: .3s ease!important;} a.no-bd {border-bottom: none;} a img {transition: .3s ease;} a:hover, a:visited, a:focus, a:active {color: #3b4043;} a:hover {color: #3b4043; border-bottom-color: #3b4043;} a:hover img {opacity: .7;} ::selection {background: #e0e0e0;} @media screen and (max-width: 1440px) { body,entry-content {font-size: 16px;} } /*------------------------------------- 共通 -------------------------------------*/ .flex {display: flex;} .cf::after {content: ""; display: block; clear: both;} .pc {display: block;} .sp {display: none;} .container {width: 1120px; margin: 0 auto;} .mincho, .mincho * {font-family: source-han-serif-japanese, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, serif; color: #000;} /*汎用見出し*/ .g-h {display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; background: 50%/cover no-repeat;} .g-h span {color: #fff; font-size: 45px; letter-spacing: 3.6px; text-align: center; margin-top: 1.25em;} .g-h2 {font-size: 30px;} .display-name {color: #fff;} .site-main {position: relative; margin: 0;} .site-inner {max-width: 100%;} #page {margin: 0;} /*コンテンツ領域*/ .site-content {max-width: 100%; padding: 0;} .content-area.onecol {width: 100%;} /*フォント変更*/ .widget .widget-title, .page-title, .entry-title, .post-navigation .post-title, input {font-family: inherit!important; color: #000;} /*ページネーション*/ .navigation.pagination {border: none; min-height: 42px; margin: 103px 0 79px;} .navigation.pagination:before, .navigation.pagination:after {display: none;} .navigation.pagination .nav-links {display: flex; justify-content: center; padding: 0;} .navigation.pagination .nav-links .page-numbers {display: flex; justify-content: center; align-items: center; font-size: 21px; width: 42px; height: 42px; margin: 0 7px; padding: 0; border: 1px solid #707070; border-radius: 11px;} .navigation.pagination .nav-links .page-numbers:not(span):hover {color: #fff; background: #707070;} .navigation.pagination .nav-links .page-numbers.prev, .navigation.pagination .nav-links .page-numbers.next {display: none;} @media screen and (max-width: 1440px) { .container {width: 880px;} .g-h {height: 240px;} .g-h span {font-size: 36px; letter-spacing: 2.88px;} .g-h2 {font-size: 24px;} .navigation.pagination {min-height: 34px; margin: 82px 0 63px;} .navigation.pagination .nav-links .page-numbers {font-size: 16.8px; width: 34px; height: 34px; margin: 0 5px; border-radius: 9px;} } /*------------------------------------- ヘッダー -------------------------------------*/ header#masthead.site-header {position: fixed; top: 0; left: 0; width: 182px; height: 100vh; background: rgba(255,255,255, .75); padding: 0; z-index: 9000;} header#masthead.site-header * {color: #000;} header#masthead.site-header .site-branding {position: absolute; top: 72px; left: 26px; width: 129px;} header#masthead.site-header .site-branding img {display: block; width: 100%; height: auto;} header#masthead.site-header #menu-toggle.open {position: absolute; top: calc(50% - 22px); left: 65px; width: 40px; height: 43px; margin: 0; padding: 0; background: transparent; border: none; outline: none; appearance: none;} header#masthead.site-header #menu-toggle.open img {display: block; width: 100%; height: auto;} header#masthead.site-header #top-scroll {display: block; position: absolute; bottom: 78px; left: 69px; width: 38px; height: 20px;} header#masthead.site-header #top-scroll img {display: block; width: 100%; height: auto;} header#masthead.site-header .fixed-menu {position: fixed; top: 0; left: 0; z-index: 9001; width: 537px; height: 100vh; background: linear-gradient(180deg, rgba(255,255,255, .9),rgba(255,254,252, .9),rgba(245,222,179, .9)); box-shadow: 5px 5px 10px 0 rgba(0,0,0, .29); transform: translateX(-100%); transition: 1s ease-in-out;} header#masthead.site-header .fixed-menu #site-header-menu {margin-left: 209px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation {width: 100%; height: 100%; margin: 0;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100vh; margin: 0;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li {width: 100%!important;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu > li {margin-bottom: 48px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li a {display: inline-block; font-size: 25px; font-weight: 500; line-height: 1; margin: 0; padding: 0;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li:hover a {color: #000;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children a:after {display: none;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu {position: static; border: none;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu:before, header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu:after {display: none;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu li {width: auto; font-size: 15px; border: none; background: transparent; margin-top: 5px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu li:before {display: inline-block!important; content: "・";} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu li a {font-size: 15px; width: auto;} header#masthead.site-header .fixed-menu #menu-toggle.close {display: block; position: absolute; top: calc(50% - 16.5px); left: 67px; width: 36px; height: 33px; margin: 0; padding: 0; background: transparent; border: none; outline: none; appearance: none;} header#masthead.site-header .fixed-menu #menu-toggle.close img {display: block; width: 100%; height: auto;} .menu-open header#masthead.site-header .fixed-menu {transform: translateX(0%);} @media screen and (max-width: 1600px) { header#masthead.site-header {width: 146px;} header#masthead.site-header .site-branding {top: 58px; left: 21px; width: 103px;} header#masthead.site-header #menu-toggle.open {top: calc(50% - 16px); left: 52px; width: 32px; height: 34.4px;} header#masthead.site-header #top-scroll {bottom: 62px; left: 55px; width: 30px; height: 16px;} header#masthead.site-header .fixed-menu {width: 430px;} header#masthead.site-header .fixed-menu #site-header-menu {margin-left: 167px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu > li {margin-bottom: 38px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li a {font-size: 20px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu li {font-size: 12px; margin-top: 4px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu li a {font-size: 12px;} header#masthead.site-header .fixed-menu #menu-toggle.close {top: calc(50% - 14.5px); left: 54px; width: 29px; height: 26px;} } @media screen and (max-width: 1240px) { header#masthead.site-header {width: 127px;} header#masthead.site-header .site-branding {top: 50px; left: 18px; width: 90px;} header#masthead.site-header #menu-toggle.open {top: calc(50% - 15px); left: 46px; width: 28px; height: 30px;} header#masthead.site-header #top-scroll {bottom: 55px; left: 48px; width: 27px; height: 14px;} header#masthead.site-header .fixed-menu #menu-toggle.close {top: calc(50% - 11.5px); left: 47px; width: 25px; height: 23px;} } /*------------------------------------- フッター -------------------------------------*/ footer.site-footer {padding: 90px 0 630px; background: url(img/common/footer-back.jpg) 50% 100%/100% auto no-repeat;} footer.site-footer * {color: #000; letter-spacing: 0;} footer.site-footer .logo {width: 287px; margin: 0 115px 0 0;} footer.site-footer .footer-inner {} footer.site-footer .footer-navigation > div > ul {margin: 0 0 36px;} footer.site-footer .footer-navigation > div > ul li {display: inline-block; max-width: 190px; min-width: 170px; margin: 0 0 18px 0;} footer.site-footer .footer-navigation > div > ul li:nth-child(4n) {min-width: auto;} footer.site-footer .footer-navigation > div > ul li a {display: inline-block; font-size: 20.5px; line-height: 1;} footer.site-footer .footer-navigation > div > ul li.menu-item-has-children {display: inline;} footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu {min-width: auto; margin: -4px 0 0;} footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu li, footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu li a {font-size: 15px;} footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu li:before {content: "・";} footer.site-footer .corp-info .name {align-items: flex-end; margin-bottom: 16px;} footer.site-footer .corp-info .name span {line-height: 1;} footer.site-footer .corp-info .name span.small {font-size: 15px; margin-right: 15px;} footer.site-footer .corp-info .name span.big {font-size: 24px; font-weight: 700;} footer.site-footer .corp-info .address dl {margin: 0 60px 0 0;} footer.site-footer .corp-info .address dl dt {font-size: 23px; letter-spacing: 3.45px;} footer.site-footer .corp-info .address dl dt span {font-size: 13px; letter-spacing: 0;} footer.site-footer .corp-info .address dl dd {font-size: 15px; margin: 0;} @media screen and (min-width: 2000px) { footer.site-footer {padding: 90px 0 680px; background-position: 50% 0;} } @media screen and (max-width: 1440px) { footer.site-footer {padding: 72px 0 504px;} footer.site-footer .logo {width: 230px; margin: 0 92px 0 0;} footer.site-footer .footer-navigation > div > ul {margin: 0 0 29px;} footer.site-footer .footer-navigation > div > ul li {max-width: 152px; min-width: 136px; margin: 0 0 14px 0;} footer.site-footer .footer-navigation > div > ul li a {font-size: 16.4px;} footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu {margin: -3px 0 0;} footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu li, footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu li a {font-size: 12px;} footer.site-footer .corp-info .name {margin-bottom: 13px;} footer.site-footer .corp-info .name span.small {font-size: 12px; margin-right: 12px;} footer.site-footer .corp-info .name span.big {font-size: 19px;} footer.site-footer .corp-info .address dl {margin: 0 48px 0 0;} footer.site-footer .corp-info .address dl dt {font-size: 18px; letter-spacing: 2.76px;} footer.site-footer .corp-info .address dl dt span {font-size: 10px;} footer.site-footer .corp-info .address dl dd {font-size: 12px;} } /*------------------------------------- トップページ -------------------------------------*/ /*--ヒーローヘッダー--*/ #main .hero-header {position: relative; width: 100%; height: 100vh; margin: 0; z-index: 0;} #main .hero-header .video {position: absolute; width: 100%; height: 100%; z-index: 3;} #main .hero-header .video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;';} #main .hero-header .slider {display: none; position: absolute; top: 0; left: -19px; width: 100%; height: 100vh; z-index: 2;} #main .hero-header .slider .title {position: absolute; top: 28px; left: 19px; width: 100%; color: #000; font-size: 20px; font-weight: 700; line-height: 1; text-align: center; margin: 0; z-index: 3; transition: .25s ease;} #main .hero-header .slider .title.white {color: #fff;} #main .hero-header .slider #top-slider {width: 100%; height: 100vh; overflow: hidden;} #main .hero-header .slider #top-slider li {width: 100%; height: 100vh;} #main .hero-header .slider #top-slider img {width: 100%; height: 100vh; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;';} #main .hero-header .hero-navigation {position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 44px 0; z-index: 4;} #main .hero-header .hero-navigation > div > ul {display: flex; justify-content: center; align-items: center; margin: 0;} #main .hero-header .hero-navigation > div > ul > li {margin: 0 35px;} #main .hero-header .hero-navigation > div > ul > li > a {color: #fff; font-size: 24px; letter-spacing: 1.2px; border-bottom: none;} #main .hero-header .hero-navigation > div > ul > li > a:hover {opacity: .7;} /*--モットー--*/ #main .motto {text-align: center; padding: 102px 0 105px;} #main .motto h2 {font-size: 45px; font-weight: 700; line-height: 1.85; letter-spacing: .9px; margin-bottom: 32px;} #main .motto p {font-size: 31px; font-weight: 700; margin-bottom: 0;} /*--動画--*/ #main .movie h2 {display: flex; justify-content: center; align-items: center; width: 100%; height: 473px; margin-bottom: 75px; background: url(img/front/movie-heading.jpg) 50% / cover;} #main .movie h2 span {color: #fff; font-size: 46px; letter-spacing: 3.68px;} #main .movie .container {width: 1224px;} #main .movie .youtube {flex-wrap: wrap; margin: 0;} #main .movie .youtube li {width: calc((100% - 110px) / 2); margin: 0 110px 78px 0;} #main .movie .youtube li:nth-child(even) {margin-right: 0;} #main .movie .youtube li figure {width: 100%;} #main .movie .youtube li figure .video {position: relative; width: 100%; height: 312px; z-index: 2;} #main .movie .youtube li figure .video iframe {position: absolute; top: 0; min-width: 100%; min-height: 312px; margin: 0; z-index: 1; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;';} #main .movie .youtube li figure .video span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-weight: 700; z-index: 0;} #main .movie .youtube li figure figcaption {text-align: center; margin-top: 12px;} /*--特徴--*/ #main .feature {background: url(img/front/farm-feature_back.jpg) 0 0/100% auto;} #main .feature .inner {margin: 0 auto; padding: 74px 0 129px; background: rgba(255,255,255, .73); box-sizing: content-box;} #main .feature .feature-list {width: 1226px; margin: 0 auto; padding: 0 207px;} #main .feature .feature-list .entry {align-items: center; justify-content: space-between;} #main .feature .feature-list .entry:not(:last-child) {margin-bottom: 106px;} #main .feature .feature-list .entry:nth-child(even) {flex-direction: row-reverse;} #main .feature .feature-list .entry .txt {flex-direction: column; margin: 0 auto;} #main .feature .feature-list .entry .txt h3 {display: block; margin-bottom: 20px;} #main .feature .feature-list .entry .txt h3 img {display: block; margin: 0 auto 20px;} #main .feature .feature-list .entry .txt h3 span {display: block; font-size: 36px; line-height: 1.6; letter-spacing: 2.88px;} #main .feature .feature-list .entry .txt p {display: inline-block; color: #3B4043; line-height: 1.9; margin-bottom: 18px;} #main .feature .feature-list .entry:nth-child(1) .txt p {width: 384px;} #main .feature .feature-list .entry:nth-child(2) .txt p {width: 380px;} #main .feature .feature-list .entry:nth-child(3) .txt p {width: 468px;} #main .feature .feature-list .entry:nth-child(4) .txt p {width: 452px;} #main .feature .feature-list .entry:nth-child(5) .txt p {width: 378px;} #main .feature .feature-list .entry .txt a {display: inline-block; line-height: 1; margin: 0 auto; padding-left: 18px; background: url(img/common/more-arrow.svg) 0 4px/auto 13px no-repeat;} #main .feature .feature-list .entry .img {width: 604px;} /*--新着情報--*/ #main .news {text-align: center; background: url(img/front/news_back.jpg) 50% 0/100% auto; padding: 60px 0 73px;} #main .news h2 {font-size: 46px; line-height: 1; margin-bottom: 52px;} #main .news .container {width: 1020px;} #main .news .news-list {text-align: left; margin-bottom: 62px;} #main .news .news-list li {margin-bottom: 32px; overflow: hidden;} #main .news .news-list .entry {display: inline-flex;} #main .news .news-list .entry time {color: #3B4043; font-weight: 700; line-height: 1; margin-right: 30px; white-space: nowrap;} #main .news .news-list .entry h3 {color: #3B4043; font-size: 18px; line-height: 1;} #main .news .more {display: inline-block; line-height: 1; padding: 17px 92px; border: 1px solid #707070; border-radius: 27px;} #main .news .more:hover {color: #fff; background: #707070;} @media screen and (max-width: 1440px) { #main .hero-header .hero-navigation > div > ul > li {white-space: nowrap; margin: 0 28px;} #main .hero-header .hero-navigation > div > ul > li > a {font-size: 19px;} #main .motto {padding: 82px 0 84px;} #main .motto h2 {font-size: 36px; margin-bottom: 26px;} #main .motto p {font-size: 24.8px;} #main .movie h2 {height: 378px; margin-bottom: 60px;} #main .movie h2 span {font-size: 37px;} #main .movie .container {width: 980px;} #main .movie .youtube li {width: calc((100% - 88px) / 2); margin: 0 88px 62px 0;} #main .movie .youtube li figure .video {height: 250px;} #main .movie .youtube li figure .video iframe {min-height: 250px;} #main .movie .youtube li figure figcaption {margin-top: 10px;} #main .feature .inner {padding: 60px 0 102px;} #main .feature .container {width: 980px; padding: 0 166px;} #main .feature .feature-list .entry:not(:last-child) {margin-bottom: 106px;} #main .feature .feature-list .entry .txt h3 {margin-bottom: 16px;} #main .feature .feature-list .entry .txt h3 img {margin: 0 auto 16px;} #main .feature .feature-list .entry .txt h3 span {font-size: 29px;} #main .feature .feature-list .entry .txt p {margin-bottom: 14px;} #main .feature .feature-list .entry:nth-child(1) .txt p {width: 307px;} #main .feature .feature-list .entry:nth-child(2) .txt p {width: 304px;} #main .feature .feature-list .entry:nth-child(3) .txt p {width: 374px;} #main .feature .feature-list .entry:nth-child(4) .txt p {width: 362px;} #main .feature .feature-list .entry:nth-child(5) .txt p {width: 302px;} #main .feature .feature-list .entry .txt a {background-position: 0 3px;} #main .feature .feature-list .entry .img {width: 484px;} #main .news {padding: 48px 0 58px;} #main .news h2 {font-size: 37px; margin-bottom: 42px;} #main .news .container {width: 816px;} #main .news .news-list {margin-bottom: 50px;} #main .news .news-list li {margin-bottom: 26px;} #main .news .news-list .entry time {margin-right: 24px;} #main .news .news-list .entry h3 {font-size: 16px;} #main .news .more {padding: 14px 74px; border-radius: 22px;} } /*------------------------------------- マル善について -------------------------------------*/ /*--汎用--*/ #about h2 {width: 260px; font-size: 21px; line-height: 1; letter-spacing: 1.05px; text-align: center; margin-bottom: 27px; padding: 10px 0; border: 1px solid #707070;} #about .g-h {background-image: url(img/about/top-heading.jpg);} /*--ご挨拶--*/ #about .greeting {justify-content: space-between; margin: 117px 0 0;} #about .greeting .president {display: flex; flex-direction: column; align-items: center; min-width: 376px; margin-right: 87px;} #about .greeting .president .photo {display: block; margin-bottom: 34px;} #about .greeting .president figcaption {} #about .greeting .president figcaption .company {margin-bottom: 14px;} #about .greeting .president figcaption .name {align-items: flex-end;} #about .greeting .president figcaption .name dt {line-height: 1; margin-right: 15px;} #about .greeting .president figcaption .name dd {font-size: 23px; font-weight: 700; letter-spacing: 1.15px; line-height: 1; margin: 0;} #about .greeting .message {margin-right: -22px;} #about .greeting .message h3 {font-size: 30px; letter-spacing: 1.8px; margin-bottom: 27px;} #about .greeting .message p {margin-bottom: 0;} /*--Farmers'Soul--*/ #about .soul {margin: 56px 0 84px;} #about .soul img {display: block; margin: 0 auto;} /*--その他--*/ #about .other {justify-content: space-between; margin-bottom: 38px;} #about .other table {margin-bottom: 0;} #about .other table th, #about .other table td {vertical-align: top; white-space: nowrap;} #about .other .profile table th, #about .other .profile table td {padding: 0 0 32px;} #about .other .profile table th {width: 126px;} #about .other .history table th, #about .other .history table td {padding: 0 0 38px;} #about .other .history table th {width: 122px;} #about .other .history .location-map {display: block; margin-top: 37px;} /*--農場写真--*/ #about .farm-img {margin: 0 0 45px;} #about .farm-img img {display: block; margin-bottom: 38px;} /*--地図--*/ #about .map p {margin-bottom: 12px;} #about .map .google-map {position: relative; height: 480px; margin: 0 16px; overflow: hidden;} #about .map .google-map iframe, #about .map .google-map object, #about .map .google-map embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0;} @media screen and (max-width: 1440px) { #about h2 {width: 208px; font-size: 17px; margin-bottom: 22px; padding: 8px 0;} #about .greeting {margin: 94px 0 0;} #about .greeting .president {min-width: 301px; margin-right: 70px;} #about .greeting .president .photo {margin-bottom: 27px;} #about .greeting .president figcaption .company {margin-bottom: 11px;} #about .greeting .president figcaption .name dt {margin-right: 12px;} #about .greeting .president figcaption .name dd {font-size: 18px;} #about .greeting .message {margin-right: -22px;} #about .greeting .message h3 {font-size: 30px; letter-spacing: 1.8px; margin-bottom: 27px;} #about .soul {margin: 45px 0 67px;} #about .other {margin-bottom: 30px;} #about .other .profile table th, #about .other .profile table td {padding: 0 0 26px;} #about .other .profile table th {width: 100px;} #about .other .history table th, #about .other .history table td {padding: 0 0 30px;} #about .other .history table th {width: 98px;} #about .other .history .location-map {width: 273px; margin-top: 30px;} #about .farm-img {margin: 0 0 36px;} #about .farm-img img {margin-bottom: 30px;} #about .map p {margin-bottom: 14px;} #about .map .google-map {height: 384px; margin: 0 12px;} } /*------------------------------------- 農場紹介 -------------------------------------*/ #farm .g-h {background-image: url(img/farm/top-heading.jpg);} #farm .g-h2 {text-align: center; margin: 78px 0 83px;} /*--特徴--*/ #farm .feature-list {margin: 0 auto 130px;} #farm .feature-list .entry {align-items: center; justify-content: space-between;} #farm .feature-list .entry.wrap {flex-wrap: wrap;} #farm .feature-list .entry:not(:last-child) {margin-bottom: 118px;} #farm .feature-list .entry:nth-child(odd) {flex-direction: row-reverse;} #farm .feature-list .entry .txt {flex-direction: column; width: 548px;} #farm .feature-list .entry .txt h3 {display: block; margin-bottom: 20px;} #farm .feature-list .entry .txt h3 img {display: block; margin: 0 auto 20px;} #farm .feature-list .entry .txt h3 span {display: block; font-size: 36px; line-height: 1.6; letter-spacing: 2.88px; text-align: center;} #farm .feature-list .entry .txt p {display: inline-block; color: #3B4043; line-height: 1.9; margin-bottom: 18px;} #farm .feature-list .entry .img {width: 500px;} #farm .feature-list .entry .notice {width: 100%; margin-top: 32px;} @media screen and (max-width: 1440px) { #farm .g-h2 {margin: 62px 0 66px;} #farm .feature-list {margin: 0 auto 104px;} #farm .feature-list .entry:not(:last-child) {margin-bottom: 94px;} #farm .feature-list .entry .txt {width: 438px;} #farm .feature-list .entry .txt h3 {margin-bottom: 16px;} #farm .feature-list .entry .txt h3 img {margin: 0 auto 16px;} #farm .feature-list .entry .txt h3 span {font-size: 29px;} #farm .feature-list .entry .txt p {margin-bottom: 14px;} #farm .feature-list .entry .img {width: 400px;} #farm .feature-list .entry .notice {margin-top: 26px;} } /*------------------------------------- 石原牛について -------------------------------------*/ #ishihara-gyu .g-h {background-image: url(img/ishihara-gyu/top-heading.jpg);} /*--輸出--*/ #ishihara-gyu .export {margin: 76px auto 64px;} #ishihara-gyu .export .g-h2 {margin-bottom: 48px;} #ishihara-gyu .export .inner {justify-content: space-between; margin-bottom: 64px;} #ishihara-gyu .export .inner .txt {width: 568px;} #ishihara-gyu .export .inner .txt p {margin: 0;} #ishihara-gyu .export .inner .img {width: 464px;} #ishihara-gyu .export .map img {display: block; margin: 0 auto;} /*--オメガ３--*/ #ishihara-gyu .omega3 .g-h2 {margin-bottom: 27px;} #ishihara-gyu .omega3 .inner {justify-content: space-between; margin-bottom: 48px;} #ishihara-gyu .omega3 .inner .txt {width: 648px;} #ishihara-gyu .omega3 .inner .txt p {margin: 0;} #ishihara-gyu .omega3 .inner .img {width: 387px;} #ishihara-gyu .omega3 .compo figure {width: 675px; margin: 0 auto;} #ishihara-gyu .omega3 .compo figure img {display: block;} #ishihara-gyu .omega3 .compo figure figcaption {margin-top: 34px;} #ishihara-gyu .omega3 .compo small {display: block; font-size: 18px; white-space: nowrap; margin-top: 38px;} @media screen and (max-width: 1440px) { #ishihara-gyu .export {margin: 60px auto 52px;} #ishihara-gyu .export .g-h2 {margin-bottom: 38px;} #ishihara-gyu .export .inner {margin-bottom: 52px;} #ishihara-gyu .export .inner .txt {width: 454px;} #ishihara-gyu .export .inner .img {width: 372px;} #ishihara-gyu .export .map img {width: 1006px;} #ishihara-gyu .omega3 .g-h2 {margin-bottom: 22px;} #ishihara-gyu .omega3 .inner {margin-bottom: 38px;} #ishihara-gyu .omega3 .inner .txt {width: 518px;} #ishihara-gyu .omega3 .inner .img {width: 310px;} #ishihara-gyu .omega3 .compo figure {width: 540px;} #ishihara-gyu .omega3 .compo figure figcaption {margin-top: 27px;} #ishihara-gyu .omega3 .compo small {font-size: 16px; margin-top: 30px;} } /*------------------------------------- スタッフ紹介 -------------------------------------*/ #staff .g-h {background-image: url(img/staff/top-heading.jpg);} #staff .g-h2 {text-align: center; margin: 77px 0 40px;} /*--集合写真--*/ #staff .group-photo {justify-content: space-between; margin-bottom: 96px;} #staff .group-photo figure {width: 540px;} #staff .group-photo figure img {display: block;} #staff .group-photo figure figcaption {text-align: center; margin-top: 13px;} /*--スタッフ--*/ #staff .staff-list {margin: 0 16px;} #staff .staff-list h3 {display: inline-block; width: 181px; font-size: 21px; line-height: 1; text-align: center; margin-bottom: 31px; padding: 13px 0; border: 1px solid #707070;} #staff .staff-list dl {display: flex; margin-bottom: 80px;} #staff .staff-list dl dt {width: 276px; font-size: 25px; font-weight: 700; line-height: 1.5;} #staff .staff-list dl dt span {display: block; font-size: initial;} #staff .staff-list dl dd {width: calc(100% - 276px);} #staff .staff-list dl.post dd {margin-top: 30px;} /*--写真--*/ #staff .work-photo {flex-wrap: wrap;} #staff .work-photo img {width: calc((100% - 21px) / 2); margin: 0 21px 21px 0;} #staff .work-photo img:nth-child(even) {margin-right: 0;} @media screen and (max-width: 1440px) { #staff .g-h2 {margin: 62px 0 32px;} #staff .group-photo {margin-bottom: 78px;} #staff .group-photo figure {width: 432px;} #staff .group-photo figure figcaption {margin-top: 11px;} #staff .staff-list {margin: 0 13px;} #staff .staff-list h3 {width: 145px; font-size: 17px; margin-bottom: 25px; padding: 11px 0;} #staff .staff-list dl {margin-bottom: 64px;} #staff .staff-list dl dt {width: 220px; font-size: 20px;} #staff .staff-list dl dd {width: calc(100% - 220px);} #staff .staff-list dl.post dd {margin-top: 24px;} #staff .work-photo img {width: calc((100% - 17px) / 2); margin: 0 17px 17px 0;} } /*------------------------------------- 採用情報 -------------------------------------*/ #recruit .g-h {background-image: url(img/recruit/top-heading.jpg);} #recruit .g-h2 {margin: 58.5px 0;} /*採用情報内容*/ #recruit .recruit-entry dl {display: flex; margin: 0; padding: 42px 72px 42px 18px; border-top: 1px solid #707070;} #recruit .recruit-entry dl:last-of-type {border-bottom: 1px solid #707070;} #recruit .recruit-entry dl dt, #recruit .recruit-entry dl:first-of-type dd {color: #000; font-size: 20px;} #recruit .recruit-entry dl dt {min-width: 236px;} #recruit .recruit-entry dl dd {margin: 0;} /*募集なし*/ #recruit .not-recruiting {margin-top: 92px; justify-content: space-between;} #recruit .not-recruiting .txt {margin-right: 56px;} #recruit .not-recruiting h2 {font-size: 23px; margin: 12px 0 22px;} @media screen and (max-width: 1440px) { #recruit .g-h2 {margin: 47px 0;} #recruit .recruit-entry dl {padding: 34px 58px 34px 14px;} #recruit .recruit-entry dl dt, #recruit .recruit-entry dl:first-of-type dd {font-size: 18px;} #recruit .recruit-entry dl dt {min-width: 188px;} #recruit .not-recruiting {margin-top: 74px;} #recruit .not-recruiting .txt {margin-right: 42px;} #recruit .not-recruiting h2 {font-size: 18px; margin: 10px 0 18px;} #recruit .not-recruiting .img {width: 483px;} } /*------------------------------------- お問い合わせ -------------------------------------*/ #contact .g-h {background-image: url(img/contact/top-heading.jpg);} /*アクセス*/ #contact .access {margin: 85px 0 98px;} #contact .access .number {margin-bottom: 36px;} #contact .access .number dl {display: flex; margin: 0 100px 0 0;} #contact .access .number dl dt {max-width: 132px; color: #000; font-size: 25px; text-align: center; line-height: 1.6; letter-spacing: 0; margin: 0 38px 0 0;} #contact .access .number dl dt span {display: block; font-size: 16px; letter-spacing: inherit;} #contact .access .number dl dd {font-size: 23px; letter-spacing: 2.3px; margin: 0;} #contact .access .number dl dd a {display: inline-block; font-size: inherit; line-height: 1; letter-spacing: inherit;} #contact .access .map p {margin-bottom: 12px;} #contact .access .map .google-map {position: relative; height: 488px; overflow: hidden;} #contact .access .map .google-map iframe, #contact .access .map .google-map object, #contact .access .map .google-map embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0;} /*フォーム*/ #contact .form dl {display: flex; margin: 0 0 36px;} #contact .form dl dt {width: 310px; color: #707f89; font-size: 22px; font-weight: 700; line-height: 1.45; padding: 18px 0;} #contact .form dl dd {width: calc(100% - 310px); margin: 0;} #contact .form input[type="text"], #contact .form input[type="tel"], #contact .form input[type="email"], #contact .form textarea {width: 100%; font-size: 22px; line-height: 1.45; background: #fff; padding: 18px 25px; border: 1px solid #a0adbb; border-radius: 0; box-sizing: border-box; resize: vertical;} #contact .form textarea {height: 250px;} #contact .form input[type="text"]::placeholder, #contact .form input[type="tel"]::placeholder, #contact .form input[type="email"]::placeholder, #contact .form textarea::placeholder {color: #cdd6dd;} #contact .form .agree {align-items: center; height: 56px; margin: 27px 0 0;} #contact .form .agree label {display: flex; position: relative; cursor: pointer; padding-left: 70px;} #contact .form .agree label:before {content: ""; display: block; position: absolute; top: -21px; left: 13px; width: 42px; height: 42px; border: 1px solid #cdd6dd; z-index: 2;} #contact .form .agree label .mwform-checkbox-field-text {display: block; position: absolute; top: -21px; left: 13px; width: 42px; height: 42px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 1;} #contact .form .agree label .mwform-checkbox-field-text:before {content: ""; display: block; position: absolute; top: 8px; left: 14px; width: 12.5px; height: 19px; border: 2.5px solid #98a6b5; border-top: none; border-left: none; transform: rotate(45deg); opacity: 0; transition: .3s ease;} #contact .form .agree label input:checked + .mwform-checkbox-field-text:before {opacity: 1;} #contact .form .agree label input {display: none;} #contact .form .agree .policy {line-height: 1;} #contact .form .agree .policy a {display: inline-block; line-height: inherit; border-bottom-color: #000;} #contact .form .agree .policy a:hover {border-bottom-color: transparent;} #contact .form input[type="submit"] {display: block; width: 380px; color: #000; font-size: 22px; text-align: center; background: #f5deb3; margin: 36px 0 0 13px; border-radius: 24px; transition: .3s ease;} #contact .form input[type="submit"]:hover {opacity: .7;} #contact .form.confirm {margin: 85px 0 0;} #contact .form.confirm dl dd {padding: 18px 0;} #contact .form.confirm .agree {display: none;} #contact .form.confirm input[type="submit"] {margin-top: 72px;} /*サンクスページ*/ #contact .thanks {text-align: center; margin: 84px 0 156px;} #contact .thanks .g-h2 {margin-bottom: 64px;} #contact .thanks .more {display: inline-block; color: #fff; background: #000; padding: 12px 32px; border: 1px solid #000;} #contact .thanks .more:hover {color: #000; background: #fff;} @media screen and (max-width: 1440px) { #contact .access {margin: 68px 0 78px;} #contact .access .number {margin-bottom: 28px;} #contact .access .number dl {margin: 0 80px 0 0;} #contact .access .number dl dt {max-width: 106px; font-size: 20px; margin: 0 30px 0 0;} #contact .access .number dl dt span {font-size: 13px;} #contact .access .number dl dd {font-size: 18px;} #contact .access .map p {margin-bottom: 10px;} #contact .access .map .google-map {height: 390px;} #contact .form dl {margin: 0 0 28px;} #contact .form dl dt {width: 248px; font-size: 18px; padding: 14px 0;} #contact .form dl dd {width: calc(100% - 248px); margin: 0;} #contact .form input[type="text"], #contact .form input[type="tel"], #contact .form input[type="email"], #contact .form textarea {font-size: 18px; padding: 14px 20px;} #contact .form textarea {height: 200px;} #contact .form .agree {height: 45px; margin: 22px 0 0;} #contact .form .agree label {padding-left: 56px;} #contact .form .agree label:before {top: -17px; left: 10px; width: 34px; height: 34px;} #contact .form .agree label .mwform-checkbox-field-text {top: -17px; left: 10px; width: 34px; height: 34px;} #contact .form .agree label .mwform-checkbox-field-text:before {top: 7px; left: 12px; width: 10px; height: 15px;} #contact .form input[type="submit"] {width: 304px; font-size: 18px; margin: 28px 0 0 10px; border-radius: 20px;} #contact .form.confirm {margin: 68px 0 0;} #contact .form.confirm dl dd {padding: 14px 0;} #contact .form.confirm input[type="submit"] {margin-top: 58px;} #contact .thanks {margin: 68px 0 124px;} #contact .thanks .g-h2 {margin-bottom: 52px;} #contact .thanks .more {padding: 10px 26px;} } /*------------------------------------- プライバシーポリシー -------------------------------------*/ #policy .g-h {background-image: url(img/policy/top-heading.jpg); margin-bottom: 89px;} #policy h2 {font-size: 23px; font-weight: 700; letter-spacing: 2.3px; margin: 37px 0 16px;} @media screen and (max-width: 1440px) { #policy .g-h {margin-bottom: 71px;} #policy h2 {font-size: 18px; margin: 30px 0 13px;} } /*------------------------------------- 投稿関連 -------------------------------------*/ #post .g-h {background-image: url(img/news/top-heading.jpg); margin-bottom: 97px;} /*記事セクション*/ #post #primary.content-area {max-width: 674px;} /*ページカテゴリー*/ #post .page-header {margin: 0 0 48px; padding: 0 0 32px; border-top: none; border-bottom: 1px solid #ababab;} #post .page-header .page-title {font-size: 22px;} /*記事エントリー*/ #post.arc article {margin: 0 0 94px; padding: 0;} /*記事ヘッダー*/ #post header.entry-header {margin-bottom: 30px; padding: 0;} #post header.entry-header time {display: inline-block; font-size: 21px; line-height: 1.625; letter-spacing: 1.2px; margin: 0 0 9px;} #post header.entry-header .entry-title {font-size: 25px; font-weight: 700; letter-spacing: 0; margin: 0; padding: 0;} #post header.entry-header .entry-title a {color: #000;} /*記事中身*/ #post .entry-content {width: 100%; float: none;} /*--サイドバー--*/ #post aside.sidebar {max-width: 350px;} #post aside.sidebar section {margin-bottom: 80px; padding: 0; border-top: none;} #post aside.sidebar section h2.widget-title {font-size: 25px; font-weight: 700; margin-bottom: 22px;} #post aside.sidebar section.widget_recent_entries ul {margin: 0; padding: 0;} #post aside.sidebar section.widget_recent_entries li {margin: 0 0 22px; padding: 0;} #post aside.sidebar section.widget_recent_entries li a {font-size: 21px; line-height: 1; letter-spacing: 1.05px;} #post aside.sidebar section.widget_recent_entries li a:before {content: "・";} #post aside.sidebar section.widget_archive select {display: block; width: 100%; color: #3b4043; font-size: 18px; border: 1px solid #ababab; border-radius: 8px; padding: 18px 23px; background: url(img/common/select-arrow.svg) right 13px center/25px auto no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #post aside.sidebar section.widget_archive select:hover {cursor: pointer;} #post .navigation.post-navigation {border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; margin: 0;} #post .navigation.post-navigation .nav-links {display: flex; justify-content: space-between; align-items: center; padding: 16px 8px;} #post .navigation.post-navigation .nav-links .nav-next {border-top: none; text-align: right;} #post .navigation.post-navigation .nav-links a {padding: 0;} #post .navigation.post-navigation .nav-links .meta-nav {margin-bottom: 3px;} #post .navigation.post-navigation .nav-links .post-title {color: #000; font-size: 18px; font-weight: 500;} @media screen and (max-width: 1440px) { #post .g-h {margin-bottom: 78px;} #post #primary.content-area {max-width: 540px;} #post .page-header {margin: 0 0 38px; padding: 0 0 26px;} #post .page-header .page-title {font-size: 18px;} #post.arc article {margin: 0 0 75px;} #post header.entry-header {margin-bottom: 24px;} #post header.entry-header time {font-size: 16.8px; margin: 0 0 7px;} #post header.entry-header .entry-title {font-size: 20px;} #post aside.sidebar {max-width: 280px;} #post aside.sidebar section {margin-bottom: 64px;} #post aside.sidebar section h2.widget-title {font-size: 20px; margin-bottom: 18px;} #post aside.sidebar section.widget_recent_entries li {margin: 0 0 18px;} #post aside.sidebar section.widget_recent_entries li a {font-size: 17px;} #post aside.sidebar section.widget_archive select {font-size: 16px; border-radius: 6.4px; padding: 14px 18px; background-size: right 13px 10px; background-size: auto 20px;} #post .navigation.post-navigation .nav-links {padding: 18px 6px;} #post .navigation.post-navigation .nav-links .meta-nav {font-size: 11px; margin-bottom: 2px;} #post .navigation.post-navigation .nav-links .post-title {font-size: 15px;} } /*------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------- SP・TB版 -------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 1024px) { html, body {max-width: 100%; min-width: 100%; overflow-x: hidden;} body,entry-content {font-size: 15px;} /*------------------------------------- 共通 -------------------------------------*/ .container {width: auto; padding: 0 20px;} .pc {display: none;} .sp {display: block;} /*汎用見出し*/ .g-h {height: 150px;} .g-h span {font-size: 22.5px; letter-spacing: 1.8px; margin-top: 1em;} .g-h2 {font-size: 20px;} /*ページネーション*/ .navigation.pagination {min-height: 32px; margin: 52px 0 49px;} .navigation.pagination .nav-links .page-numbers {font-size: 16px; width: 32px; height: 32px; margin: 0 5px; border-radius: 8px;} @media screen and (min-width: 640px) { .container {padding: 0 30px;} } /*------------------------------------- ヘッダー -------------------------------------*/ header#masthead.site-header {height: auto; background: transparent!important; z-index: 8999;} header#masthead.site-header .site-branding {display: none;} header#masthead.site-header #menu-toggle.open.pc {display: none;} header#masthead.site-header #menu-toggle.open.sp {position: fixed; top: 0; left: auto; right: 0; width: 54px; height: 54px; background: #d8a372; z-index: 9000;} header#masthead.site-header #menu-toggle.open.sp img {width: 32px; height: auto; margin: 0 auto;} header#masthead.site-header #top-scroll {position: fixed; bottom: 30px; left: auto; right: 20px; width: 34px; height: 18px; z-index: 9000;} header#masthead.site-header .fixed-menu {width: 100%; box-shadow: none;} header#masthead.site-header .fixed-menu #site-header-menu {display: block; margin: auto; padding: 0 20px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li {width: 100%!important; border: none;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu > li {margin-bottom: 27px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li a {font-size: 18px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .dropdown-toggle {display: none;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu {display: block;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu li {font-size: 12px; margin-top: 4px;} header#masthead.site-header .fixed-menu #site-header-menu .main-navigation .primary-menu li.menu-item-has-children .sub-menu li a {font-size: 12px;} header#masthead.site-header .fixed-menu #menu-toggle.close {top: 18px; left: auto; right: 22px; width: 32px; height: 30px;} /*------------------------------------- フッター -------------------------------------*/ footer.site-footer {padding: 42px 0 156px; background: url(img/common/footer-back.jpg) 50% 100%/100% auto no-repeat;} footer.site-footer .container {display: block;} footer.site-footer .logo {position: relative; left: -10px; width: 144px; margin: 0 auto 42px;} footer.site-footer .footer-navigation > div > ul {display: inline-flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 16px;} footer.site-footer .footer-navigation > div > ul li {width: 50%; max-width: 50%; min-width: 50%; margin: 0 0 14px;} footer.site-footer .footer-navigation > div > ul li:nth-child(4n) {width: 50%;} footer.site-footer .footer-navigation > div > ul li a {font-size: 18px;} footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu {margin: -4px 0 0;} footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu li, footer.site-footer .footer-navigation > div > ul li.menu-item-has-children .sub-menu li a {width: auto; max-width: 100%; min-width: auto; font-size: 12px;} footer.site-footer .corp-info .name {flex-direction: column; align-items: flex-start; margin-bottom: 20px;} footer.site-footer .corp-info .name span.small {font-size: 14px; margin: 0 0 8px;} footer.site-footer .corp-info .name span.big {font-size: 20px;} footer.site-footer .corp-info .address {display: block;} footer.site-footer .corp-info .address dl {margin: 0 0 14px;} footer.site-footer .corp-info .address dl dt {font-size: 18px; letter-spacing: 2.58px;} footer.site-footer .corp-info .address dl dt span {font-size: 11px;} footer.site-footer .corp-info .address dl dd {font-size: 13px;} @media screen and (min-width: 640px) and (max-width: 768px) { footer.site-footer .corp-info .address {display: flex;} footer.site-footer .corp-info .address dl {margin: 0 30px 0 0;} } /*------------------------------------- トップページ -------------------------------------*/ /*--ヒーローヘッダー--*/ #main .hero-header .slider {display: block;} #main .hero-header .video, #main .hero-header .hero-navigation {display: none;} /*--モットー--*/ #main .motto {padding: 50px 0 52px;} #main .motto h2 {font-size: 22px; margin-bottom: 16px;} #main .motto p {font-size: 15px;} /*--動画--*/ #main .movie h2 {height: 236px; margin-bottom: 38px;} #main .movie h2 span {font-size: 23px; letter-spacing: 1.84px;} #main .movie .container {width: auto;} #main .movie .youtube {display: block;} #main .movie .youtube li {width: 100%; margin: 0 0 38px;} #main .movie .youtube li figure .video {height: calc((100vw - 40px) * .564);} #main .movie .youtube li figure .video iframe {min-height: calc((100vw - 40px) * .564);} #main .movie .youtube li figure figcaption {margin-top: 8px;} /*--特徴--*/ #main .feature .inner {padding: 36px 0 65px;} #main .feature .container {width: auto; padding: 0 20px;} #main .feature .feature-list {margin: 0 auto;} #main .feature .feature-list .entry {display: block;} #main .feature .feature-list .entry:not(:last-child) {margin-bottom: 52px;} #main .feature .feature-list .entry .txt {max-width: 605px; flex-direction: column; margin: 0 auto 26px;} #main .feature .feature-list .entry .txt h3 {display: block; text-align: center; margin-bottom: 15px;} #main .feature .feature-list .entry .txt h3 img {margin: 0 auto 15px;} #main .feature .feature-list .entry:nth-child(1) .txt h3 img {width: 60px;} #main .feature .feature-list .entry:nth-child(2) .txt h3 img {width: 84px;} #main .feature .feature-list .entry:nth-child(3) .txt h3 img {width: 69px;} #main .feature .feature-list .entry:nth-child(4) .txt h3 img {width: 62px;} #main .feature .feature-list .entry:nth-child(5) .txt h3 img {width: 60px;} #main .feature .feature-list .entry .txt h3 span {font-size: 21px; letter-spacing: 1.44px;} #main .feature .feature-list .entry .txt p {margin-bottom: 16px;} #main .feature .feature-list .entry:nth-child(1) .txt p, #main .feature .feature-list .entry:nth-child(2) .txt p, #main .feature .feature-list .entry:nth-child(3) .txt p, #main .feature .feature-list .entry:nth-child(4) .txt p, #main .feature .feature-list .entry:nth-child(5) .txt p {width: 100%;} #main .feature .feature-list .entry .txt a {background-position: 0 2px;} #main .feature .feature-list .entry .img {width: 100%;} #main .feature .feature-list .entry .img img {display: block; margin: 0 auto;} /*--新着情報--*/ #main .news {padding: 30px 0 36px;} #main .news h2 {font-size: 23px; margin-bottom: 26px;} #main .news .container {width: auto;} #main .news .news-list {margin-bottom: 31px;} #main .news .news-list li {margin-bottom: 16px;} #main .news .news-list .entry {flex-direction: column;} #main .news .news-list .entry time {font-size: 12px; margin: 0 0 5px;} #main .news .news-list .entry h3 {font-size: 16px;} #main .news .more {padding: 8px 42px; border-radius: 14px;} /*------------------------------------- マル善について -------------------------------------*/ /*--汎用--*/ #about h2 {width: 175px; font-size: 17px; letter-spacing: .9px; margin-bottom: 20px; padding: 7px 0;} /*--ご挨拶--*/ #about .greeting {flex-direction: column-reverse; margin: 58px 0 0;} #about .greeting .president {min-width: auto; margin: 42px 0 0;} #about .greeting .president .photo {display: block; max-width: 188px; margin-bottom: 24px;} #about .greeting .president figcaption .company {font-size: 14px; margin-bottom: 10px;} #about .greeting .president figcaption .name dt {font-size: 14px; margin-right: 12px;} #about .greeting .president figcaption .name dd {font-size: 18px; letter-spacing: .9px;} #about .greeting .message {margin-right: 0;} #about .greeting .message h3 {font-size: 20px; letter-spacing: .9px; margin-bottom: 20px;} #about .greeting .message p {margin-bottom: 0;} /*--Farmers'Soul--*/ #about .soul {margin: 42px 0 63px;} /*--その他--*/ #about .other {display: block; margin-bottom: 28px;} #about .other section {margin-bottom: 24px;} #about .other table tr, #about .other table th, #about .other table td {display: block; width: 100%; white-space: wrap!important; padding: 0!important;} #about .other table tr {margin-bottom: 12px; padding-bottom: 12px!important; border-bottom: 1px solid #eee;} #about .other table tr:last-child {border-bottom: none;} #about .other table th {margin-bottom: 4px;} #about .other .history .location-map {width: 205px; margin: 28px auto 0;} @media screen and (min-width: 640px) and (max-width: 768px) { #about .other .history .location-map {width: 273px;} } /*--農場写真--*/ #about .farm-img {margin: 0 0 36px;} #about .farm-img img {margin-bottom: 28px;} /*--地図--*/ #about .map p {margin-bottom: 10px;} #about .map .google-map {height: 360px; margin: 0;} /*------------------------------------- 農場紹介 -------------------------------------*/ #farm .g-h2 {margin: 39px 0 42px;} /*--特徴--*/ #farm .feature-list {margin: 0 auto 56px;} #farm .feature-list .entry {display: block;} #farm .feature-list .entry:not(:last-child) {margin-bottom: 59px;} #farm .feature-list .entry .txt {width: 100%; margin: 0 auto 26px;} #farm .feature-list .entry .txt h3 {display: block; margin-bottom: 15px;} #farm .feature-list .entry .txt h3 img {display: block; margin: 0 auto 15px;} #farm .feature-list .entry:nth-child(1) .txt h3 img {width: 60px;} #farm .feature-list .entry:nth-child(2) .txt h3 img {width: 84px;} #farm .feature-list .entry:nth-child(3) .txt h3 img {width: 69px;} #farm .feature-list .entry:nth-child(4) .txt h3 img {width: 62px;} #farm .feature-list .entry:nth-child(5) .txt h3 img {width: 60px;} #farm .feature-list .entry:nth-child(6) .txt h3 img {width: 68px;} #farm .feature-list .entry:nth-child(7) .txt h3 img {width: 86px;} #farm .feature-list .entry .txt h3 span {display: block; font-size: 21px; letter-spacing: 1.44px;} #farm .feature-list .entry .txt p {margin-bottom: 0;} #farm .feature-list .entry .img {width: 100%;} #farm .feature-list .entry .img img {display: block; margin: 0 auto;} #farm .feature-list .entry .notice {margin-top: 24px;} /*------------------------------------- 石原牛について -------------------------------------*/ /*--輸出--*/ #ishihara-gyu .export {margin: 38px auto 42px;} #ishihara-gyu .export .g-h2 {margin-bottom: 24px;} #ishihara-gyu .export .inner {display: block; margin-bottom: 32px;} #ishihara-gyu .export .inner .txt, #ishihara-gyu .export .inner .img {width: 100%; margin: 0 0 36px;} #ishihara-gyu .export .inner .txt p {margin-bottom: 28px;} #ishihara-gyu .export .inner .img img {display: block; margin: 0 auto;} /*--オメガ３--*/ #ishihara-gyu .omega3 .g-h2 {margin-bottom: 27px;} #ishihara-gyu .omega3 .inner {display: block; margin-bottom: 32px;} #ishihara-gyu .omega3 .inner .txt, #ishihara-gyu .omega3 .inner .img {width: 100%;} #ishihara-gyu .omega3 .inner .txt p {margin-bottom: 28px;} #ishihara-gyu .omega3 .inner .img img {display: block; margin: 0 auto;} #ishihara-gyu .omega3 .compo figure {width: 100%;} #ishihara-gyu .omega3 .compo figure img {display: block; margin: 0 auto;} #ishihara-gyu .omega3 .compo figure figcaption {margin-top: 18px;} #ishihara-gyu .omega3 .compo small {font-size: 15px; margin-top: 16px; white-space: normal;} /*------------------------------------- スタッフ紹介 -------------------------------------*/ #staff .g-h2 {margin: 39px 0 20px;} #staff .group-photo {display: block; margin-bottom: 48px;} #staff .group-photo figure {width: 100%; margin-bottom: 20px;} #staff .group-photo figure img {margin: 0 auto;} #staff .group-photo figure figcaption {margin-top: 10px;} #staff .staff-list {margin: 0;} #staff .staff-list h3 {width: 136px; font-size: 16px; margin-bottom: 24px; padding: 10px 0;} #staff .staff-list dl {display: block; margin-bottom: 40px;} #staff .staff-list dl dt {width: 100%; font-size: 19px;} #staff .staff-list dl dd, #staff .staff-list dl.post dd {width: 100%; margin-top: 15px;} #staff .work-photo {display: block;} #staff .work-photo img {width: 100%; margin: 0 0 15px 0;} @media screen and (min-width: 640px) and (max-width: 768px) { #staff .work-photo {display: flex;} #staff .work-photo img {width: calc((100% - 16px) / 2); margin: 0 16px 16px 0;} } /*------------------------------------- 採用情報 -------------------------------------*/ #recruit .g-h2 {margin: 30px 0;} /*採用情報内容*/ #recruit .recruit-entry dl {display: block; margin: 0; padding: 24px 8px;} #recruit .recruit-entry dl dt, #recruit .recruit-entry dl:first-of-type dd {font-size: 16px;} #recruit .recruit-entry dl dt {min-width: auto; margin-bottom: 12px;} #recruit .recruit-entry dl dd {margin: 0;} /*募集なし*/ #recruit .not-recruiting {margin-top: 40px; display: block;} #recruit .not-recruiting .txt {margin: 0 0 32px;} #recruit .not-recruiting h2 {font-size: 18px; margin: 6px 0 12px;} /*------------------------------------- お問い合わせ -------------------------------------*/ /*アクセス*/ #contact .access {margin: 42px 0 48px;} #contact .access .number {display: block; margin-bottom: 18px;} #contact .access .number dl {display: block; margin: 0 0 25px 0;} #contact .access .number dl dt {max-width: 100%; font-size: 18px; text-align: left; margin: 0 18px 0 0;} #contact .access .number dl dt span {font-size: 13px;} #contact .access .number dl dd {font-size: 17px; letter-spacing: 1.8px;} #contact .access .number dl dd a {display: inline-block; font-size: inherit; line-height: 1; letter-spacing: inherit;} #contact .access .map p {margin-bottom: 9px;} #contact .access .map .google-map {height: 366px;} /*フォーム*/ #contact .form dl {display: block; margin: 0 0 18px;} #contact .form dl dt {width: 100%; font-size: 18px; padding: 9px 0;} #contact .form dl dd {width: 100%;} #contact .form input[type="text"], #contact .form input[type="tel"], #contact .form input[type="email"], #contact .form textarea {font-size: 16px; padding: 12px 16px;} #contact .form textarea {height: 188px;} #contact .form .agree {justify-content: center; height: 42px; margin: 27px 0 0;} #contact .form .agree label {padding-left: 42px;} #contact .form .agree label:before {top: -16px; left: 0; width: 32px; height: 32px;} #contact .form .agree label .mwform-checkbox-field-text {top: -16px; left: 0; width: 32px; height: 32px;} #contact .form .agree label .mwform-checkbox-field-text:before {top: 6px; left: 11px; width: 9px; height: 14px;} #contact .form input[type="submit"] {max-width: 285px; font-size: 18px; margin: 27px auto 0; border-radius: 18px;} #contact .form.confirm {margin: 42px 0 0;} #contact .form.confirm dl dd {padding: 9px 0;} #contact .form.confirm input[type="submit"] {margin-top: 36px;} /*サンクスページ*/ #contact .thanks {margin: 42px 0 78px;} #contact .thanks .g-h2 {margin-bottom: 32px;} #contact .thanks .more {padding: 8px 24px;} /*------------------------------------- プライバシーポリシー -------------------------------------*/ #policy .g-h {margin-bottom: 45px;} #policy h2 {font-size: 17px; letter-spacing: 1.84px; margin: 18px 0 8px;} /*------------------------------------- 投稿関連 -------------------------------------*/ #post .g-h {margin-bottom: 48px;} /*記事セクション*/ #post #primary.content-area {max-width: 100%;} /*ページカテゴリー*/ #post .page-header {margin: 0 0 24px; padding: 0 0 16px;} #post .page-header .page-title {font-size: 16px;} /*記事エントリー*/ #post.arc article {margin: 0 0 46px;} /*記事ヘッダー*/ #post header.entry-header {margin: 0 0 20px;} #post header.entry-header time {font-size: 16px; letter-spacing: .9px; margin: 0 0 7px;} #post header.entry-header .entry-title {font-size: 19px;} /*記事中身*/ #post .entry-content {width: 100%; margin: 0;} /*--サイドバー--*/ #post aside.sidebar {max-width: 100%; padding: 0;} #post aside.sidebar section {margin-bottom: 40px;} #post aside.sidebar section h2.widget-title {font-size: 18px; margin-bottom: 16px;} #post aside.sidebar section.widget_recent_entries li {margin: 0 0 12px;} #post aside.sidebar section.widget_recent_entries li a {font-size: 15px; letter-spacing: .9px;} #post aside.sidebar section.widget_archive select {font-size: 15px; border-radius: 6px; padding: 8px 17px; background-position: right 10px center; background-size: 19px auto;} #post .navigation.post-navigation {margin: 0 0 36px;} #post .navigation.post-navigation .nav-links {flex-wrap: wrap; padding: 12px 6px;} #post .navigation.post-navigation .nav-links .meta-nav {font-size: 12px; margin-bottom: 2px;} #post .navigation.post-navigation .nav-links .post-title {font-size: 15px;} }