@charset "utf-8";
/*
Theme Name:mrp-child
Template:mrp
Version: 1.0.0
*/
/*
DesignCode CSS: ver 0.01
*/
/*------------------------------------------------------
Theme Material
------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Ultra&family=Zen+Kaku+Gothic+New&family=Zen+Old+Mincho&display=swap');
:root {
	/*------▼基本設定▼------*/
	--color-background: #fff;
	--color-font: #5A3E2B;
	--color-primary: #5A3E2B;
	--color-primary-shade: #D4A017;
	--color-primary-tint: #666;
	--color-secondary: #ff2e2e;
	--color-secondary-tint: #eee;
	--color-table-border: #646464;
	--body-font-size: min(calc(1.6rem + (1vw - 19.2px) * 0.1294), 1.6rem); /* 1.6-1.4rem (1920-375) */
	--body-font-family: 'Noto Sans JP', sans-serif;
	--content-max-width: 1240px;
	--max-wide:calc(((100vw - 100%) / 2) * -1);
	--max-wide-inner:calc((100vw - var(--content-max-width)) / 2);
	/*------▼ヘッダー設定▼------*/
	--header-background: #5A3E2B;
	--header-color-font: #fff;
	--header-color-primary: #fff;
	--header-color-primary-shade: #A3A847;
	--header-color-primary-tint: #D4A017;
	/*------▼フッター設定▼------*/
	--footer-background: #5A3E2B;
	--footer-color-font: #fff;
	--footer-color-primary: #fff;
	/*------▼フォント設定▼------*/
	--font-family01: "Ultra", serif;
	--font-family02: 'Oswald', 'Noto Sans JP', sans-serif;
}
.bg_re{
	position:relative;
}
.bg_max{
	margin-left:var(--max-wide);
	margin-right:var(--max-wide);
}
.w_fit{
	max-width:fit-content
}
.flex_wrap{
	flex-wrap: wrap;
}
.gap_col_row {
    row-gap: 3em;
}
.txt_red {
	color:red;
}
.txt_white{
	color:white;
}
.ap_1 img{
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;	
}
.ap_3_2 img{
	width: 100%;
	aspect-ratio: 3/2;
	object-fit: cover;
}
.ap_8_5 img{
	width: 100%;
	aspect-ratio: 8/5;
	object-fit: cover;
}
.em_txt, .post .em_txt{
	font-size: var(--rem30);
	line-height: 1.2;
}
.mid_txt, .post .mid_txt{
	font-size: var(--rem20);
	font-weight: 600;
}
.min_txt, .post .min_txt {
    font-size: var(--rem16);
    font-weight: 500;
    line-height: 1.3;
}
.gap1{
	gap:1%;
}
.txt_bold{
	font-weight:500;
}
/*p*/
.post p {
	line-height:2.0;
}
/*blog*/
#front_top_content, #front_bottom_content{
	background:transparent;
}
.post .time, .postlist .time, .post2b .time, .post4b .time{
	background: var(--color-primary);
}

/*GM*/
@media print, screen and (min-width: 1024px) {
	.sticky-header #header > .inner ,
    nav#mainNav ul li.current-menu-item a,
    nav#mainNav ul li a:active,
    nav#mainNav ul li a:hover{
        background:var(--header-background);
    }
	nav#mainNav ul li a:hover span, nav#mainNav ul li a:active span, nav#mainNav ul li.current-menu-item a span,
	nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li a:hover b, nav#mainNav ul li a:active b, nav#mainNav ul li.current-menu-parent a b,nav#mainNav ul li.current-menu-parent a span {
		color:white;
	}
	nav#mainNav ul li a {
		padding: var(--px20) var(--px14);
	}
	#header a.head_btn {
        flex-direction: row;
	 }
	#header a.head_btn.tel_btn span{
		padding: var(--px12) var(--px40);
		background: var(--header-color-primary-shade);
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 53px;
	}
	#header a.head_btn b{
		font-size: var(--rem16);
		font-weight: 500;
	}
	#header a.head_btn.mail_btn {
        background: var(--header-background);
        padding-left: 0;
    }
	#header a.head_btn.tel_btn {
        background: var(--header-background);
        padding-right: 0;
    }	
	#header a.head_btn.mail_btn span{
		font-size: var(--px16);
		background: var(--header-color-primary-tint);
		padding: var(--px16) var(--px40);
		height: 53px;
	}
	#header a.head_btn.mail_btn:hover span {
        background: var(--header-color-primary-tint);
        opacity:0.8;
	 }
	#header a.head_btn.tel_btn:hover span{
		background: var(--header-color-primary-shade);
		opacity: 0.8;
	}
    #header a.head_btn.mail_btn::before,
    #header a.head_btn.tel_btn::before{
        content:none;
    }
    #header a.head_btn i,#header a.head_btn img{
        margin-right:0.5em;
    }
	#header a.head_btn.tel_btn {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 0.95;
    }
	#header a.head_btn.tel_btn b{
		text-align:center;
	}
	#header a.head_btn.tel_btn b b{
		font-size:12px;
		font-weight:300;
	}
    nav#mainNav ul li ul.sub-menu li.current-menu-item a,
	nav#mainNav ul li.current-menu-item ul.sub-menu li a,
	nav#mainNav ul li ul.sub-menu li a {
		margin-left: 15%;
		width: 175px;
		background: white;
	}
	nav#mainNav ul li ul.sub-menu li a:hover {
		background: var(--header-color-primary);
		color:white;
		width: 175px;
		margin-left: 15%;
	}
    nav#mainNav ul li.current-menu-item a::before, nav#mainNav ul li a:hover::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
        margin: 0 auto;
        display: block;
        height: 6px;
        width: 6px;
        border-radius: 1000%;
        background: var(--header-color-primary-tint);
    }
}
@media print, screen and (max-width: 1023px) {
	nav#mainNav ul li a{
        color: var(--header-background);
    }
	nav#mainNav ul li a:hover, nav#mainNav ul li a:active{
		color:var(--header-color-primary-tint);
		background: white;
	}
	nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover {
        color: var(--color-primary-shade);
    }
}
/*footer*/
#footer .footnav ul > li::before {
	top: 50%;
	right: 1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid var(--footer-color-font);
	border-bottom: 1px solid var(--footer-color-font);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -3px;
	background: transparent;
}
#footer .footnav ul > li::before {
	left: -0.5em;
}
#footer .footnav ul > li::after {
	content: none;
}
#footer {
    padding: var(--px80) 0 var(--px40);
}
#footer .footer__logo img {
    max-width: 200px;
}
/*h1*/
h1.title, .post h1{
	font-size: var(--rem60);
	color:var(--color-font);
	font-weight: 400;
}
header#h1Header h1.title{
	font-size: var(--rem42);
	font-weight: 500;
	font-family: var(--body-font-family);
}
h1.title .sub_ttl, .post h1 .sub_ttl{
    font-size: var(--rem18);
    color: var(--color-font);
    font-family: var(--body-font-family);
    font-weight: 500;
}
/*h2*/
.post h2 {
	font-family: var(--body-font-family);
	color: var(--header-color-primary-shade);
}
.post h2::after{
	background: var(--header-color-primary-shade);
	width: 3.5em;
}
.post h2.title::after{
	content:none;
}
h2.title{
	font-size: var(--rem60);
	color: var(--color-font);
	font-weight: 500;
	line-height: 1.2;
	font-family: var(--font-family01);
}
h2.title .sub_ttl, .post h2 .sub_ttl {
    display: block;
    font-size: var(--rem24);
    color: var(--color-font);
    font-family: var(--body-font-family);
    font-weight: 500;
}
/*h3*/
.post h3{
	font-family:var(--body-font-family);
	padding-left: 0;
	color: var(--header-color-primary-tint);
	border-bottom-color: var(--color-primary-shade);
}
/*h4*/
.post h4{
	color:var(--header-color-primary-tint);
	font-family:var(--body-font-family);
}
.post h4::before{
	background:var(--header-color-primary-tint);
}
/*table*/
.post table th{
	background: #ebcc7c;
}
.post table td {
    background: white;
}
/*linkBtn*/
.linkBtn, .post .linkBtn{
	background: var(--color-primary-shade);
	max-width: 250px;
	border-radius: 0;
	padding: 15px 30px 15px 10px;
}
.linkBtn:hover, .post .linkBtn:hover{
	background: var(--color-primary-shade);
	opacity:0.8;
}
.post .subimitarea .linkBtn input[type="submit"]{
	padding:0;
}

.top01::before{
	content:"";
	position:absolute;
	width:60%;
	height:60%;
	background:url(/wp-content/uploads/top01-bg.png);
	z-index:-10;
	background-size:contain;
	background-repeat:no-repeat;
	top:10rem;
	right:0;
}
.top01 .txt_area,
.top03 .txt_area{
	padding-right:var(--max-wide-inner);
}
.top02 .txt_area{
	padding-left:var(--max-wide-inner);
}
.top02::after,
.top03::after{
	content:"";
	left:var(--max-wide-inner);
	bottom: 1px;
	width:100%;
	height:0.5px;
	position:absolute;
	background:var(--color-primary);
	z-index:-10;
}
.top03::after{
	left:calc(var(--max-wide-inner)*-1);
	right:var(--max-wide-inner);
}
.top03 .txt_area::before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:url(/wp-content/uploads/top03-bg.png);
	background-size:contain;
	background-repeat:no-repeat;
	right: -15rem;
}

.top02 .flexbox a {
	display: block;
	position: relative;
}
.store img{
	max-width: 100%;
	height: 220px;
	object-fit: cover;
}

.store a .inner__txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: rgba(0, 0, 0,0.6);
	color: #fff;
	font-size: var(--px20);
	height: 220px;
}
.store a .inner__txt img{
	width: 3em;
	height:3em;
}
.store a .inner__txt .en_ttl {
	font-size: min(calc(2.5rem + (5vw - 19.2px) * 0.2589), 4rem);
	font-weight: 300;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.0;
	font-family: var(--font-family01);
	letter-spacing: 1.8px;
}
.store a .inner__txt .ja_ttl {
	font-size: min(calc(2.0rem + (1vw - 19.2px) * 0.2589), 2.6rem);
	font-weight: 300;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.2;
	font-family: var(--body-font-family);
	letter-spacing: 1.8px;
	color: white;
}
.cta {
	padding: 7rem 0;
}
.cta .bg{
	position:absolute;
	background:url(/wp-content/uploads/cta-bg.png);
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:-10;
	background-position-x: 37%;
}
.cta .bg::after{
	position:absolute;
	content:"";
	top:0;
	width:100%;
	height:100%;
	background: linear-gradient(180deg, rgba(66,121,124,1) 0%, rgba(66,121,124,0) 20%);
}
body.home .cta.footer_cta,
body.home .store.footer_cta{
	display:none;
}
a.btn_crea,
a.btn_orange{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1%;
	z-index: 10;
}

a.btn_crea {
	background: white;
	color: var(--color-font);
}
a.btn_crea i{
	color: var(--header-color-primary-shade);
}
a.btn_orange {
	background: var(--color-primary-shade);
	color: white;
}
a.btn_crea:hover{
	background: white;
	opacity: 0.5;
}
a.btn_orange:hover{
	background: var(--color-primary-shade);
	opacity: 0.5;
}

.cta h2.title.txt_white,
.cta h2.title.txt_white .sub_ttl{
	text-align:center;
	color:white;
	font-family: var(--font-family01);
}
.cta h2.title.txt_white .sub_ttl{
	font-family:var(--body-font-family);
}
.cta .min_txt{
	font-size: var(--rem28);
}
@media print, screen and (max-width: 1300px){
	.ap_3_2 img{
		aspect-ratio: 1;
	}
}

@media print, screen and (max-width: 1240px) {
	.top01 .txt_area,
	.top03 .txt_area{
		padding-right:5%;
	}
	.top02 .txt_area{
		padding-left:5%;
	}
	.store.max_w900{
		width:90%;
	}
}
@media print, screen and (max-width: 768px) {
	.top01 .txt_area,
	.top02 .txt_area,
	.top03 .txt_area{
		padding:5%;
	}
	.top02::after,
	.top03::after{
		left:0;
		right:0;
	}
	.top01::before{
		width: 85%;
		height: 85%;
		background-size:contain;
		top: calc(20rem + (85vw - 1.92rem) * 0.6472);
	}
	.ap_3_2 img{
		aspect-ratio: 5/2;
	}
	.top03 .txt_area::before{
		width:70%;
		height:70%;
		right:-10rem;
	}
	.cta .max_w900{
		width: 50%;
	}
	a.btn_crea,
	a.btn_orange{
		height:100px;
		margin-bottom: 0;
	}
}
@media print, screen and (max-width: 430px){
	.store a .inner__txt,
	.store a img{
		height: 130px;
	}
	.store a .inner__txt .ja_ttl{
		padding-left:5px;
		padding-right:5px;
	}
	.mid_txt, .post .mid_txt {
	    font-size: var(--rem28);
	}
	.cta .max_w900{
		width: 90%;
	}
}

.products01 dt,
.products01 dd{
	font-size: var(--rem24w);
	padding-bottom: 0;
	font-weight: 500;
}
@media print, screen and (max-width: 768px){
	.products01 .w30{
		width:50%;
		margin:auto;
		margin-bottom:20px;
	}
}
@media print, screen and (max-width: 430px){
	.products01 .w30{
		width:100%;
	}
}
/*-------------------------------------------
   MV切り替え
--------------------------------------------*/
@media screen and (min-width:751px) {
.sp_mv {
display: none;
}
}
@media screen and (max-width:750px) {
.pc_mv {
display: none;
}
}
.testimonial {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.testimonial-item {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}

.testimonial-number {
  font-size: 24px;
  font-weight: bold;
  color: #A3A847;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.testimonial-text {
  font-size: 16px;
  line-height: 1.6;
}

.testimonial-item:last-child {
  margin-bottom: 0;
}
/*美山養蜂園*/