@charset "utf-8"; /*-------------------------------------------------------------------------- ---------------------------------------------------------------------------- ---------------------------------------------------------------------------- 汎用 ---------------------------------------------------------------------------- ---------------------------------------------------------------------------- --------------------------------------------------------------------------*/ body {min-width: 320px;} .pc {display: none;} .sp {display: block;} .container {margin: 0 20px;} @media screen and (min-width: 640px) { .container {margin: 0 30px;} } /*-------------------------------------------------------------------------- 部品 --------------------------------------------------------------------------*/ /*------------------------------------ 汎用見出し ------------------------------------*/ .g-h span {font-size: 12px;} .g-h2 {font-size: 16px;} @media screen and (min-width: 640px) { .g-h span {font-size: 15px;} .g-h2 {font-size: 20px;} } /*------------------------------------ 汎用ヘッダー ------------------------------------*/ .page-heading {margin-bottom: 35px;} .page-heading .img {height: 42.5vw; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;';} @media screen and (min-width: 640px) { .page-heading {margin-bottom: 52px;} } /*------------------------------------ MORE ------------------------------------*/ .more {width: 120px; height: 30px; font-size: 12px;} @media screen and (min-width: 640px) { .more {width: 180px; height: 45px; font-size: 15px;} } /*-------------------------------------------------------------------------- ヘッダー --------------------------------------------------------------------------*/ .home header.site-header {position: relative; width: 100%; height: calc(185.067vw + 48px);} .home header.site-header:after, .home header.site-header:before {content: ""; position: absolute; left: 0; width: 100%; z-index: 10;} .home header.site-header:before {bottom: 0; height: 48px; background: linear-gradient(to right, #1ba7bc, #59b453);} .home header.site-header:after {bottom: 48px; height: 1.867vw; background: url(../img/common/top-menu_deco.png) 50% 100%/175% auto no-repeat;} header.site-header .custom-header {height: auto!important;} header.site-header #top-slider {margin-top: 70px;} header.site-header #top-slider, header.site-header #top-slider .slick-list, header.site-header #top-slider .slick-list li, header.site-header #top-slider .slick-list li .img {height: 185.067vw;} header.site-header #top-slider .slick-list li .img img {width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;';} header.site-header #top-slider .slick-list li #top-scroll {bottom: 41.6vw;} header.site-header #top-slider .slick-list li #top-scroll .arrow {top: -6px; width: 30px; height: 30px;} header.site-header #top-slider .slick-list li #top-scroll span {font-size: 22px;} header.site-header .toggle {position: absolute; z-index: 5; cursor: pointer;} header.site-header .toggle div {position: absolute; left: 0; width: 100%; height: 3px; background: #fff;} header.site-header .navigation-top {position: fixed; top: 0; left: 0; width: 100%; height: 70px; background: linear-gradient(to right, #009fe8, #6fb92c); z-index: 9000;} header.site-header .navigation-top .site-title {position: absolute; top: 19px; left: 25px;} header.site-header .navigation-top .site-title img {height: 35px;} header.site-header .navigation-top .toggle.header-toggle {top: 23px; right: 26px; width: 30px; height: 26px;} header.site-header .navigation-top .toggle.header-toggle div:nth-child(1) {top: 4px;} header.site-header .navigation-top .toggle.header-toggle div:nth-child(2) {top: 11px;} header.site-header .navigation-top .toggle.header-toggle div:nth-child(3) {top: 18px;} header.site-header .navigation-top nav.main-navigation {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; margin: 0; background: linear-gradient(to top, #009fe8, #6fb92c); transition: .5s ease; visibility: hidden; transform: translateX(100%); z-index: 9001;} header.site-header .navigation-top nav.main-navigation > div {display: flex; align-items: center; width: 100%; height: 100%;} header.site-header .navigation-top button.menu-toggle {display: none;} header.site-header .navigation-top .toggle.nav-toggle {top: 22px; right: 20px; width: 36px; height: 28px;} header.site-header .navigation-top .toggle.nav-toggle div {top: 12px;} header.site-header .navigation-top .toggle.nav-toggle div:nth-child(1) {transform: rotate(-45deg);} header.site-header .navigation-top .toggle.nav-toggle div:nth-child(2) {transform: rotate(45deg);} header.site-header .navigation-top #top-menu {flex-wrap: wrap; width: 240px; background: transparent; margin: auto; padding: 0; border: none;} header.site-header .navigation-top #top-menu > li {display: flex; justify-content: center; align-items: flex-end; width: 50%; border: none; margin: 26px 0;} header.site-header .navigation-top #top-menu > li a {padding: 0;} header.site-header .navigation-top #top-menu > li a span {justify-content: flex-end; flex-direction: column-reverse; font-size: 15px;} header.site-header .navigation-top #top-menu > li a span .img {margin-bottom: 12px;} header.site-header .navigation-top #top-menu > li a span .img img {max-width: 50%; max-height: 50%;} header.site-header .navigation-top #top-menu > li .sub-menu {display: none;} header.site-header .custom-header, .site-content-contain {transition: .5s ease;} .menu-open header.site-header .custom-header, .menu-open .site-content-contain {transform: translateX(-50%);} .menu-open header.site-header .navigation-top nav.main-navigation {visibility: visible; transform: translateX(0%);} @media screen and (min-width: 640px) { .home header.site-header {position: relative; width: 100%; height: auto;} .home header.site-header:after, .home header.site-header:before {display: none;} header.site-header #top-slider, header.site-header #top-slider .slick-list, header.site-header #top-slider .slick-list > div, header.site-header #top-slider .slick-list li, header.site-header #top-slider .slick-list li .img {height: 56.25vw;} header.site-header #top-slider .slick-list li #top-scroll {bottom: 5.2vw;} header.site-header #top-slider .slick-list li #top-scroll .arrow {top: -5px; width: 25px; height: 25px;} header.site-header #top-slider .slick-list li #top-scroll span {font-size: 18px;} } /*-------------------------------------------------------------------------- フッター --------------------------------------------------------------------------*/ footer.site-footer {padding: 36px 32px 46px;} footer.site-footer:before {width: 100vw;} footer.site-footer .footer-main {display: block; margin: 0 0 20px;} footer.site-footer .footer-main .corp-info p {font-size: 12px; margin-bottom: .25em;} footer.site-footer .footer-main .corp-info .site-logo {margin-bottom: 24px;} footer.site-footer .footer-main .corp-info .site-logo img {width: 164px; height: auto;} footer.site-footer .footer-main .f-navi {margin: 25px 0 0;} footer.site-footer .footer-main .f-navi ul {display: inline-flex; flex-direction: column; flex-wrap: wrap; height: 7.32em; font-size: 12px;} footer.site-footer .footer-main .f-navi ul li {font-size: 12px; width: auto; margin: 0 1em .66em 0;} footer.site-footer .footer-main .f-navi ul li:nth-child(3n) {margin-bottom: 0;} footer.site-footer .footer-bnr {width: 100%; margin: 0 0 25px;} footer.site-footer .footer-bnr ul {justify-content: center;} footer.site-footer .footer-bnr ul li {width: calc((100% - 10px) / 2); max-width: 196px; margin: 0 10px 10px 0;} footer.site-footer .footer-bnr ul li:nth-child(2n) {margin-right: 0;} footer.site-footer .copyright {font-size: 8px;} footer.site-footer .scroll {top: 42px; right: 22px; width: 30px; height: 30px;} footer.site-footer .scroll:before {top: calc(50% - 7px); left: calc(50% - 8px); border-width: 0 8px 14px 8px;} @media screen and (min-width: 640px) { footer.site-footer {padding: 54px 48px 68px;} footer.site-footer .footer-main {margin: 0 0 30px;} footer.site-footer .footer-main .corp-info p {font-size: 15px;} footer.site-footer .footer-main .corp-info .site-logo {margin-bottom: 36px;} footer.site-footer .footer-main .corp-info .site-logo img {width: 246px;} footer.site-footer .footer-main .f-navi {margin: 38px 0 0;} footer.site-footer .footer-main .f-navi ul {font-size: 15px;} footer.site-footer .footer-main .f-navi ul li {font-size: 15px;} footer.site-footer .footer-bnr {margin: 0 auto 25px;} footer.site-footer .footer-bnr ul li {width: calc((100% - 15px) / 2); margin: 0 15px 15px 0;} footer.site-footer .copyright {font-size: 12px; transform: scale(1);} footer.site-footer .scroll {top: 63px; right: 33px; width: 45px; height: 45px;} footer.site-footer .scroll:before {top: calc(50% - 10.5px); left: calc(50% - 12px); border-width: 0 12px 21px 12px;} } @media screen and (min-width: 740px) { footer.site-footer .footer-bnr ul li {width: calc((100% - 30px) / 3);} footer.site-footer .footer-bnr ul li:nth-child(2n) {margin-right: 15px;} footer.site-footer .footer-bnr ul li:nth-child(3n) {margin-right: 0;} } @media screen and (min-width: 780px) { footer.site-footer .footer-bnr ul li {width: calc((100% - 45px) / 4);} footer.site-footer .footer-bnr ul li:nth-child(3n) {margin-right: 15px;} footer.site-footer .footer-bnr ul li:nth-child(4n) {margin-right: 0;} } /*-------------------------------------------------------------------------- ---------------------------------------------------------------------------- ---------------------------------------------------------------------------- フロントページ ---------------------------------------------------------------------------- ---------------------------------------------------------------------------- --------------------------------------------------------------------------*/ /*------------------------------------ 新着情報 & すごい野菜を動画でご紹介します ------------------------------------*/ #main .voice-news {padding: 37px 0 47px;} #main .voice-news:before {left: -15vw; width: 28vw; background-position: 100% 0;} #main .voice-news:after {right: -15vw; width: 27.733vw; background-position: 0 0;} #main .voice-news .voice {margin-bottom: 52px;} #main .voice-news .voice .g-h {margin-bottom: 32px;} #main .voice-news .voice .g-h img {height: 25px; margin-bottom: 10px;} #main .voice-news .voice .video-list li {width: 80vw; height: 45vw; margin: 0 auto;} #main .voice-news .voice .video-list li:not(:last-child) {margin-bottom: 15px;} #main .voice-news .news .g-h {margin-bottom: 22px;} #main .voice-news .news .g-h img {height: 23px; margin-bottom: 8px;} #main .voice-news .news .news-list {width: 67.5vw; margin-bottom: 25px;} @media screen and (min-width: 640px) { #main .voice-news {padding: 60px 0;} #main .voice-news:before {left: -75px; width: 211px;} #main .voice-news:after {right: -75px; width: 208px;} #main .voice-news .news .g-h {margin-bottom: 33px;} #main .voice-news .news .g-h img {height: 35px; margin-bottom: 12px;} #main .voice-news .news .news-list {margin-bottom: 38px;} } /*------------------------------------ すごい野菜とは & レシピ ------------------------------------*/ #main .yasai-recipe {display: block;} #main .yasai-recipe section {height: 195px;} #main .yasai-recipe .sugoi-yasai:after {display: none;} #main .yasai-recipe .sugoi-yasai .inner:before, #main .yasai-recipe .sugoi-yasai .inner:after {height: 5px; background: repeating-linear-gradient(to right, #fff, #fff 5px, transparent 5px, transparent 10px);} #main .yasai-recipe .sugoi-yasai .inner .img {width: 138px;} #main .yasai-recipe .sugoi-yasai .inner .txt {margin-top: 12px;} #main .yasai-recipe .sugoi-yasai .inner .txt .g-h {margin-bottom: 12px;} #main .yasai-recipe .sugoi-yasai .inner .txt .g-h img {height: 24px; margin-bottom: 6px;} #main .yasai-recipe .sugoi-yasai .inner .txt .more {width: 80px; height: 20px;} #main .yasai-recipe .sugoi-yasai .inner .txt .more span {font-size: 10px; transform: scale(.9);} #main .yasai-recipe .recipe .inner .txt {top: 22px; left: 25px; width: 176px; height: 150.5px;} #main .yasai-recipe .recipe .inner .txt .g-h {margin: 48px 0 6px;} #main .yasai-recipe .recipe .inner .txt .g-h img {height: 31px; margin-bottom: 5px;} #main .yasai-recipe .recipe .inner .txt .more {width: 70px; height: 16px;} #main .yasai-recipe .recipe .inner .txt .more span {font-size: 10px; transform: scale(.7);} #main .yasai-recipe section.coomingsoon:before {font-size: 23px;} @media screen and (min-width: 640px) { #main .yasai-recipe section {height: 292px;} #main .yasai-recipe .sugoi-yasai .inner:before, #main .yasai-recipe .sugoi-yasai .inner:after {height: 8px; background: repeating-linear-gradient(to right, #fff, #fff 8px, transparent 8px, transparent 16px);} #main .yasai-recipe .sugoi-yasai .inner .img {width: 207px;} #main .yasai-recipe .sugoi-yasai .inner .txt {margin-top: 16px;} #main .yasai-recipe .sugoi-yasai .inner .txt .g-h {margin-bottom: 16px;} #main .yasai-recipe .sugoi-yasai .inner .txt .g-h img {height: 36px; margin-bottom: 9px;} #main .yasai-recipe .sugoi-yasai .inner .txt .more {width: 120px; height: 30px;} #main .yasai-recipe .sugoi-yasai .inner .txt .more span {font-size: 12px; transform: scale(1);} #main .yasai-recipe .recipe .inner .txt {top: 33px; left: 38px; width: 264px; height: 226px;} #main .yasai-recipe .recipe .inner .txt .g-h {margin: 72px 0 9px;} #main .yasai-recipe .recipe .inner .txt .g-h img {height: 47px; margin-bottom: 8px;} #main .yasai-recipe .recipe .inner .txt .more {width: 105px; height: 24px;} #main .yasai-recipe .recipe .inner .txt .more span {transform: scale(.875);} #main .yasai-recipe section.coomingsoon:before {font-size: 35px;} } /*------------------------------------ マルシェ ------------------------------------*/ #main .marche {background-image: url(../img/front/marche_bg-sp.jpg);} #main .marche:before {height: 32px;} #main .marche .inner {padding: 50px 0 0;} #main .marche .inner:before, #main .marche .inner:after {top: 15px; width: 75px; height: 74px;} #main .marche .inner:before {left: -10px;} #main .marche .inner:after {right: -10px;} #main .marche .container {text-align: center; padding: 0 0 216px;} #main .marche .g-h {margin-bottom: 16px;} #main .marche .g-h img {height: 24px;} #main .marche .desc {font-size: 15px; margin-bottom: 2em;} #main .marche .marche-list {display: inline-block; text-align: left;} #main .marche .marche-list ul, #main .marche .marche-list li {margin-bottom: 7px;} #main .marche .marche-list li:last-child {margin-bottom: 0;} #main .marche .marche-list li a .img {width: 28px; height: 34.5px; margin-right: 10px;} #main .marche .marche-list li a .img img {max-width: 28px; max-height: 34.5px;} #main .marche .marche-list li a span {font-size: 14px;} #main .marche .package {filter: drop-shadow(0 3px 6px rgba(0,0,0, .25));} #main .marche .package.left {width: 136px; left: calc(54.25% - 136px); bottom: 30px; z-index: 2;} #main .marche .package.right {width: 133px; right: calc(54.25% - 133px); bottom: 25px; z-index: 1;} @media screen and (min-width: 640px) { #main .marche .inner {padding: 75px 0 0;} #main .marche .inner:before, #main .marche .inner:after {top: 23px; width: 113px; height: 111px;} #main .marche .inner:before {left: -15px;} #main .marche .inner:after {right: -15px;} #main .marche .container {padding: 0 0 324px;} #main .marche .g-h {margin-bottom: 24px;} #main .marche .g-h img {height: 36px;} #main .marche .desc {font-size: 20px;} #main .marche .marche-list {display: flex; justify-content: center;} #main .marche .marche-list ul:first-child {margin-right: 10px;} #main .marche .marche-list li {margin-bottom: 10px;} #main .marche .marche-list li a .img {width: 35px; height: 43.125px; margin-right: 10px;} #main .marche .marche-list li a .img img {max-width: 35px; max-height: 43.125px;} #main .marche .marche-list li a span {font-size: 18px;} #main .marche .package.left {width: 204px; left: calc(54.25% - 204px); bottom: 45px;} #main .marche .package.right {width: 200px; right: calc(54.25% - 200px); bottom: 38px;} } /*-------------------------------------------------------------------------- ---------------------------------------------------------------------------- ---------------------------------------------------------------------------- テンプレート ---------------------------------------------------------------------------- ---------------------------------------------------------------------------- --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- レシピ一覧 (archive-recipe.php) --------------------------------------------------------------------------*/ #archive-recipe {background-size: 200% auto;} #archive-recipe .page-heading {margin-bottom: 42px;} #archive-recipe .page-heading .g-h img {height: 42px; margin-bottom: 8px;} #archive-recipe .reco {display: block; margin-bottom: 32px;} #archive-recipe .reco .img {width: 100%;} #archive-recipe .reco .txt {padding: 16px 20.5px 20.5px;} #archive-recipe .reco .txt h2 {font-size: 15px; margin-bottom: 12.5px;} #archive-recipe .reco .txt p {font-size: 12.5px;} #archive-recipe .recipe-list {display: block; margin-bottom: 24px;} #archive-recipe .recipe-list .entry {width: 100%; margin-bottom: 16px;} #archive-recipe .recipe-list .entry .img {height: 190px; margin-bottom: 16px;} #archive-recipe .recipe-list .entry h2 {font-size: 12.5px;} #archive-recipe .recipe-list .entry p {font-size: 12px;} @media screen and (min-width: 640px) { #archive-recipe .reco {display: flex; align-items: center;} #archive-recipe .reco .img {width: 50%;} #archive-recipe .recipe-list {display: flex; flex-wrap: wrap;} #archive-recipe .recipe-list .entry {width: calc((100% - 16px) / 2); margin: 0 16px 16px 0;} #archive-recipe .recipe-list .entry:nth-child(even) {margin-right: 0;} } /*-------------------------------------------------------------------------- レシピ個別 (single-recipe.php) --------------------------------------------------------------------------*/ #single-recipe {background-size: 200% auto; padding-bottom: calc(9.6vw + 34px);} #single-recipe .title {font-size: 20px; padding: 23px 0 18px;} #single-recipe .main-img {max-height: 300px; height: 80vw; margin-bottom: 18px;} #single-recipe .recipe_list li {margin-bottom: 25px;} #single-recipe .recipe_list li div {display: block;} #single-recipe .recipe_list li dl:nth-child(odd) {border-bottom: 1px solid #a8a8a8; padding-bottom: 12px;} #single-recipe .recipe_list li dl:nth-child(even) {border-bottom: none; padding-top: 12px;} #single-recipe .recipe_list li dl dt {font-size: 12.5px; margin-bottom: 7px;} #single-recipe .recipe_list li dl dd * {font-size: 12px;} #single-recipe .other-recipe {margin-bottom: 22.5px; padding-bottom: 22px;} #single-recipe .other-recipe h2 {font-size: 14px; padding: 22px 0 20px;} #single-recipe .other-recipe .other-recipe-list {width: calc(100% + 14px); margin-left: -7px;} #single-recipe .other-recipe .other-recipe-list .slick-slide {width: 100%; margin: 0 7px;} #single-recipe .other-recipe .other-recipe-list .entry .img {max-height: 240px; height: 64vw; margin-bottom: 10px;} #single-recipe .other-recipe .other-recipe-list .entry h3 {font-size: 12px;} #single-recipe .other-recipe .other-recipe-list .entry p {font-size: 11px;} #single-recipe .other-recipe .other-recipe-list .slick-arrow {top: 86px; width: 28px; height: 58px;} #single-recipe .other-recipe .other-recipe-list .slick-arrow.slick-prev {left: -78px;} #single-recipe .other-recipe .other-recipe-list .slick-arrow.slick-next {right: -78px;} #single-recipe .other-recipe .other-recipe-list .slick-arrow:before, #single-recipe .other-recipe .other-recipe-list .slick-arrow:after {height: 20px;} #single-recipe .other-recipe .other-recipe-list .slick-dots {margin: 16px 0 0;} #single-recipe .other-recipe .other-recipe-list .slick-dots li {width: 10px; height: 10px; margin: 0 6.25px;} @media screen and (min-width: 640px) { #single-recipe {padding-bottom: calc(9.6vw + 50px);} #single-recipe .title {font-size: 25px; padding: 34px 0 27px;} #single-recipe .main-img {max-height: 450px; margin-bottom: 24px;} #single-recipe .recipe_list li {margin-bottom: 38px;} #single-recipe .recipe_list li dl:nth-child(odd) {padding-bottom: 21px;} #single-recipe .recipe_list li dl:nth-child(even) {padding-top: 21px;} #single-recipe .recipe_list li dl dt {font-size: 16px; margin-bottom: 11px;} #single-recipe .recipe_list li dl dd * {font-size: 15px;} #single-recipe .other-recipe {margin-bottom: 34px; padding-bottom: 33px;} #single-recipe .other-recipe h2 {font-size: 17px; padding: 33px 0 30px;} #single-recipe .other-recipe .other-recipe-list {width: calc(100% + 22px); margin-left: -11px;} #single-recipe .other-recipe .other-recipe-list .slick-slide {margin: 0 11px;} #single-recipe .other-recipe .other-recipe-list .entry .img {height: 28vw; margin-bottom: 15px;} #single-recipe .other-recipe .other-recipe-list .entry h3 {font-size: 15px;} #single-recipe .other-recipe .other-recipe-list .entry p {font-size: 14px;} #single-recipe .other-recipe .other-recipe-list .slick-dots {margin: 24px 0 0;} #single-recipe .other-recipe .other-recipe-list .slick-dots li {width: 15px; height: 15px; margin: 0 9.375px;} } @media screen and (min-width: 768px) { #single-recipe .other-recipe .other-recipe-list .entry .img {height: 20vw;} } /*-------------------------------------------------------------------------- 会社概要 (about.php) --------------------------------------------------------------------------*/ #company .g-h2 {margin-top: 35px;} #company .page-heading .g-h img {height: 37px; margin-bottom: 8px;} #company .philosophy .philo-txt {margin-bottom: 24px;} #company .philosophy .philo-txt img {max-height: 23px;} #company .mission {margin-bottom: 67px;} #company .mission .mission_list {margin: 0 auto;} #company .mission .mission_list li {font-size: 15px; margin-bottom: 18px;} #company .mission .mission_list li:before {width: 24.5px; height: 20px; margin-right: 8px;} #company .concept {margin-bottom: 60px;} #company .concept .logo {height: 69.5px; margin: 0 auto 35px;} #company .factory .img-list {display: block;} #company .factory .img-list img {display: block; width: 100%;} #company .factory .system {margin: 45px auto 37.5px;} #company .factory .cert {flex-direction: column; align-items: center; margin: 0 auto 65px;} #company .factory .cert img {width: 156px;} #company .factory .cert figcaption {margin: 1em 0 0;} #company .factory .inside-img-list {flex-wrap: wrap;} #company .factory .inside-img-list img {width: 50%;} #company .about {padding: 20px 0;} #company .about table {margin-bottom: 50px;} #company .about table tr th {width: auto; white-space: nowrap;} #company .about table tr th, #company .about table tr td {padding: .5em 1em;} #company .map .google-map {height: 300px;} @media screen and (min-width: 640px) { #company .g-h2 {margin-top: 52px;} #company .page-heading .g-h img {height: 56px; margin-bottom: 12px;} #company .philosophy .philo-txt {margin-bottom: 36px;} #company .philosophy .philo-txt img {max-height: 35px;} #company .mission {margin-bottom: 100px;} #company .mission .mission_list li {font-size: 18px; margin-bottom: 27px;} #company .mission .mission_list li:before {width: 36.75px; height: 30px; margin-right: 12px;} #company .concept {margin-bottom: 90px;} #company .concept .logo {height: 104px; margin: 0 auto 52px;} #company .factory .img-list {display: flex;} #company .factory .img-list img {width: 50%;} #company .factory .system {margin: 67.5px auto 56.25px;} #company .factory .cert {margin: 0 auto 98px;} #company .factory .cert img {width: 234px;} #company .factory .inside-img-list {flex-wrap: wrap;} #company .factory .inside-img-list img {width: 25%;} #company .about {padding: 30px 0;} #company .about table {margin-bottom: 75px;} #company .about table tr th {width: 150px; white-space: nowrap;} #company .about table tr th, #company .about table tr td {padding: .75em 1.25em;} #company .map .google-map {height: 450px;} } /*-------------------------------------------------------------------------- お問い合わせ (contact.php) --------------------------------------------------------------------------*/ #contact .page-heading .g-h img {height: 27px; margin-bottom: 16px;} /*フォーム*/ #contact .form dl {margin: 0 0 20px;} #contact .form dl dt {margin-bottom: 8px;} #contact .form input[type="text"], #contact .form input[type="tel"], #contact .form input[type="email"], #contact .form textarea {padding: 10px 9px; border-radius: 4px;} #contact .form textarea {height: 42px;} #contact .form input[type="submit"] {width: 120px; margin: 27px auto 0; padding: 10px 0;} @media screen and (min-width: 640px) { #contact .page-heading .g-h img {height: 41px; margin-bottom: 24px;} #contact .form dl {margin: 0 0 30px;} #contact .form dl dt {margin-bottom: 12px;} #contact .form input[type="text"], #contact .form input[type="tel"], #contact .form input[type="email"], #contact .form textarea {padding: 15px 14px; border-radius: 6px;} #contact .form textarea {height: 57px;} #contact .form input[type="submit"] {width: 180px; margin: 40px auto 0; padding: 15px 0;} } /*-------------------------------------------------------------------------- プライバシーポリシー (privacy-policy.php) --------------------------------------------------------------------------*/ #privacy .page-heading .g-h img {height: 39px; margin-bottom: 9px;} @media screen and (min-width: 640px) { #privacy .page-heading .g-h img {height: 59px; margin-bottom: 14px;} } /*-------------------------------------------------------------------------- 投稿関連 --------------------------------------------------------------------------*/ #post .container {display: block;} #post .page-heading .g-h img {height: 34px; margin-bottom: 13px;} /*記事セクション*/ #post #primary.content-area {} /*アーカイブヘッダー*/ #post header.page-header .page-title {font-size: 22px;} /*記事ヘッダー*/ #post header.entry-header {margin-bottom: 6px;} #post header.entry-header time {font-size: 12px; margin: 0 0 6px;} #post header.entry-header .entry-title {font-size: 18px;} /*--サイドバー--*/ #post aside.sidebar {} #post aside.sidebar section h2.widget-title {font-size: 15px;} #post aside.sidebar section.widget_recent_entries li .post-date, #post aside.sidebar section.widget_recent_entries li a {font-size: 12px;} #post aside.sidebar section.widget_archive select {font-size: 15px; padding: 5px 14px; background-position: right 20px center; background-size: 13px auto;} @media screen and (min-width: 640px) { #post .page-heading .g-h img {height: 51px; margin-bottom: 20px;} /*アーカイブヘッダー*/ #post header.page-header .page-title {font-size: 28px;} /*記事ヘッダー*/ #post header.entry-header {margin-bottom: 9px;} #post header.entry-header time {font-size: 15px; margin: 0 0 9px;} #post header.entry-header .entry-title {font-size: 22px;} /*--サイドバー--*/ #post aside.sidebar {} #post aside.sidebar section h2.widget-title {font-size: 18px;} #post aside.sidebar section.widget_recent_entries li .post-date, #post aside.sidebar section.widget_recent_entries li a {font-size: 15px;} #post aside.sidebar section.widget_archive select {font-size: 18px; padding: 7px 21px; background-position: right 25px center; background-size: 16px auto;} } /*-------------------------------------------------------------------------- 404.php --------------------------------------------------------------------------*/ #notfound {height: 320px;} #notfound h1 span.big {font-size: 56px;} #notfound h1 span.small {font-size: 24px;} #notfound p {margin: 12px 0 42px;} @media screen and (min-width: 640px) { #notfound {height: 480px;} #notfound h1 span.big {font-size: 70px;} #notfound h1 span.small {font-size: 30px;} #notfound p {margin: 18px 0 64px;} }