/*
Template:ystandard
Theme Name:asanokinouen
Theme URI:
Author: shirosai
Description: shirosai.com用
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');

/* * * * * * * *
　common
* * * * * * * */
html, body {
  overflow-x: hidden;
}
/* navi */
.global-nav__menu > .menu-item > a::after {background-color:#fff;
}
.global-nav__menu{
font-family: 'Zen Maru Gothic', 'Noto Sans Japanese', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Meiryo UI', sans-serif;
}
.global-nav__menu a{
font-weight: bold !important;
}

.entry-content {
padding:15px;
}

/* レスポンシブ */
.pc {
display: block;}
.sp {
display: none;}

@media (max-width: 767px) {
.pc {display: none;}
.sp {display: block;}

}

.editor-styles-wrapper .pc,
.editor-styles-wrapper .sp {
  display: block !important;
}

/* 見出し用 */
h2,h3{
font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
}

.title-t {
font-family: 'Zen Maru Gothic', 'Noto Sans Japanese', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Meiryo UI', sans-serif;
color:#004898;
text-align:center !important;
}

h2.title-h2 {
color:#004898;
margin-top: 20px;
margin-bottom: -18px;
font-size:2.4rem;
}

h3.title-h3 {
font-weight: 700;
font-size:1.4rem;
margin-bottom: -15px;
}
@media (max-width: 767px) {
h2.title-h2 {
font-size:1.5rem;
}
h3.title-h3 {
font-size:1.2rem;
}
}

/* P本文サイズ */
p{
font-size:16px;
font-weight:700!important;
line-height:2.2rem;
}
@media (max-width: 767px) {
p{
text-align:left!important;
}
}

/*　画面全幅設定　*/
.allwide-img {
margin-right: calc(50% - 50vw)!important;
margin-left: calc(50% - 50vw)!important;
padding-right: calc(50% - 50vw)!important;
padding-left: calc(50% - 50vw)!important;
}
@media (max-width: 767px) {
.allwide-img {
margin-right: calc(20% - 80vw)!important;
margin-left: calc(20% - 80vw)!important;
padding-right: calc(20% - 80vw)!important;
padding-left: calc(20% - 80vw)!important;	
}
}


/* * * * * * * * * * *
 各セクション 
 * * * * * * * * * * /

/** アイコンメニュー **/
.menu7pc {
display: flex;
justify-content:center;
gap: 45px;
margin:2rem 0 5rem 0!important;
}

.menu7sp {
display: none;
}

@media (max-width: 767px) {
.menu7pc {
display: none;
}
.menu7sp{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 5px;
margin:5px 0px 30px 0px;
}
}

.logo-back {
background-image:url("https://asanokifarm.com/wp-content/uploads/2025/12/top_09-backveg_47.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}


.tate-center-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tate-text{
writing-mode: vertical-rl;
margin: 0;
color:#004898;
line-height: 2.5;
}

.box-philoso{
padding-top:1rem;
padding-left:6rem!important;
padding-right:6rem!important;
}

.philo2{
padding-left:70px!important;
}

.philo2-parent:nth-child(2) img{
margin-left:-40px!important;	
}

@media (max-width: 767px) {
.box-philoso{
padding-top:0rem;
padding-left:1.5rem!important;
padding-right:1.5rem!important;
font-size:0.9em;
}
.box-philoso p{
font-size:0.95em;
line-height:1.5rem;
}
		
.philo2-parent{
flex-direction:column-reverse;
}
.philo2{
padding-left:0px!important;
}
}

/*　文字中央　*/
.ma-center{
padding: 10px 70px;
margin: 0 auto!important;
text-align: center;
display: block;
}
.text-center {
text-align: left;
display: inline-block;
}
@media (max-width: 767px) {
.ma-center{
padding: 10px 0px;
margin: 0 auto!important;
text-align: center;
display: block;
}
.text-center {
text-align: left;
display: inline-block;
}
.center-t-s{
text-align: center!important;
}

}

.bt-prd{
box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.5);
border-radius:23px;
}

.buy-shop img{
width:450px;
}


/*　問い合わせ　*/
.contact{
width:800px;
margin:0 auto;
}
.red{
font-size:0.75rem;
color:#bc5a5a;
}
.wpcf7 p{
margin:5px 0;
}

.form-btn {
text-align: center;
}

.form-btn p{
font-size: 1.3em;
}

input[type="submit"]{
margin:0 auto;
text-align:center;
border:none;
border-radius: 21px;
background-color: #0554ab;
}
input[type="submit"] {
display: block;
}

.wpcf7 input[type="checkbox"] {
transform: scale(1.4);
margin-right: 6px;
}

.wpcf7-list-item-label {
display: inline-block;
line-height: 1.3 !important;
font-size:0.95rem;
margin-left:8px;
font-weight:none;
}

@media (max-width: 767px){ 
.contact{
width:90%;
margin:50px auto 80px auto;
}
}

/* reCAPTCHA */
.recap a{
text-decoration:none;
color: #9e9e9e;}

.grecaptcha-badge {
visibility: hidden; }



/*　フッター　*/
.footer{
margin-top:120px;
}

.footer-main {
background-color: transparent;
background-image: url("https://asanokifarm.com/wp-content/uploads/2026/01/top_18-footer-brown.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 10em;}

.foot-companyname{
margin-top:16px;}

.foot-ad{
font-size: 0.8rem;
line-height: 22px;
margin-top:-25px;}

.foot-ad a{
line-height:48px;}

.foot-maplink a{
font-size:0.7rem;
display:block;
background-color:#ebe6c2;
width:100px;
text-align:center;
padding: 0px;
border-radius: 15px;}

.foot-maplink a:hover{
background-color: #ffffff;}

.footer-widget {
padding-top: 100px;}

.footer-menu-c {
display: flex;}

.footer-2m {
margin-left: 10%;}

.footer-widget__container>:first-child {
padding-left: 10%;}

.site-info{
margin-top:40px;}

.copyright{
font-size:0.7rem;}

.footer-poweredby{
display:none;}


@media (max-width: 767px) {

#block-11 .footer-1m,.footer-2m{
font-size:0.75rem;
padding-left: 10%;}

.footer-main {
background-color: transparent;
background-image: url("https://asanokifarm.com/wp-content/uploads/2026/01/top_18-footer-sp-brown.jpg");
background-size: cover;
background-position: left center;
background-repeat: no-repeat;
padding-top: 10em;
}
.footer-menu-c{
margin:0 30px;
}
.footer-menu-c p{
font-size:13px;
}
.footer-2m{
padding-left:15px;	
}
#footer-copy{
text-align:center!important;
}
}

/* * * * * * * *
アニメーション用クラス
* * * * * * * */
.wp-admin .fadeup {
  opacity: 1 !important;
  transform: none !important;
}
.editor-styles-wrapper .fadeup {
  opacity: 1 !important;
  transform: none !important;
}

/*** 共通 fade-in表示　***/
.fadeup {
  opacity: 0;
  transform: translateY(30px);
}

/* アニメーション実行 */
.fadeup.is-animated {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* メニュー */
.fadeup.delay-1.is-animated { animation-delay: 0.1s; }
.fadeup.delay-2.is-animated { animation-delay: 0.2s; }
.fadeup.delay-3.is-animated { animation-delay: 0.3s; }
.fadeup.delay-4.is-animated { animation-delay: 0.4s; }
.fadeup.delay-5.is-animated { animation-delay: 0.5s; }
.fadeup.delay-6.is-animated { animation-delay: 0.6s; }
.fadeup.delay-7.is-animated { animation-delay: 0.7s; }
.fadeup.delay-8.is-animated { animation-delay: 0.8s; }

/* hover */
.hover-float:hover img,
.hover-float:active img {
  transform: translateY(-10px);
}

/* 冒頭3点 */
.top04-3photo-sp span {
display: inline-block;
animation: float 3s ease-in-out infinite;
}

.top04-3photo-sp span:nth-child(1) {
animation-delay: 0.5s;
margin-top:-5rem;
margin-left:-6rem;
}

.top04-3photo-sp span:nth-child(2) {
animation-delay: 0.5s;
margin-right:-4rem;
}

.top04-3photo-sp span:nth-child(3) {
animation-delay: 1s;
margin-left:-5rem;
}

@keyframes float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
}