@charset "utf-8";

* { margin:0; padding:0; /*-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/ }

html { /*overflow-x:hidden;*/ height:100%; font-size:16px; scroll-padding-top: 100px; }
	
body { font-family:YakuHanJP, "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; background:#fff; color:#1d1d1d; line-height:1.7; letter-spacing:0.025em; display:none; overflow-x:hidden; height:100%; }

	@keyframes body_fadein {
	    0% { opacity:0; }
	    100% { opacity:1; }
	}


body,html { /*position:relative;*/ }

body.open { /*overflow:hidden;*/ }


/* ----------------------------------------------------
animation
---------------------------------------------------- */


	
	@keyframes fadein01 {
	    0% { opacity:0; }
	    100% { opacity:1; transform: translate(0); }
	}


/* ----------------------------------------------------
library
---------------------------------------------------- */

h1,h2,h3,h4,h5 { font-weight:normal; }

img { max-width:100%; width:100%; }
img.w_auto { width:auto; }
img.w_150 { width:150px; }

a { color:#3a190a; text-decoration:none; transition:0.3s; }

.btn { text-align:center; }
.btn a { display:inline-block; margin:5% auto; background:#4b2910; color:#fff; padding:20px 0 20px; font-size:28px; font-size:clamp(1.25rem, 0.603rem + 1.35vw, 1.75rem); font-weight:bold; letter-spacing:0.06em; transition:0.3s; position:relative; width:34.14%; min-width:500px; opacity:0; transform:translateY(100px); }
	.btn a:hover { background:#835327; }

	.btn.is-active a { animation: fadein01 1s ease 0s 1 forwards; }


.block { display:block; }
.inline { display:inline; }
.inline_block { display:inline-block; }

.centerText { text-align:center; }
.leftText { text-align:left; }
.rightText { text-align:right; }

.centerBlock { margin-right:auto; margin-left:auto; display:block; text-align:center; }
.fleft { float:left; }
.fright { float:right; }

.flex { display:flex; }
.flex_wrap { flex-wrap:wrap; }
.item_center { align-items:center; }
.flex_center { justify-content:center; }
.flex_left { justify-content:flex-start; }
.flex_auto { justify-content:space-between; }

.bg_white { background:#fff; }

.red { color:#cf1225; }
.white { color:#fff; }

.xs { font-size:10px; }

.lead_txt { font-size:16px; }

.shorten { letter-spacing:-0.0025em; }

.relative { position:relative; z-index:1; }
.fixed { position:fixed; width:100%; }

.w_100 { margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }

.disable-auto-tel { color:inherit; text-decoration:none; pointer-events:none; }

	@media only screen and (min-width: 768px) {
		.onlySp { display: none!important; }
	}
	@media screen and (max-width: 1024px) {
	}
	
	@media screen and (max-width: 767px) {
		.onlyPc { display: none!important; }
		.btn a { width:70%; min-width:auto; font-size:clamp(0.875rem, 0.428rem + 2.24vw, 1.5rem); padding:3% 0; }
	}
	
	@media screen and (max-width:500px) {
	}
	
	/* mobile only */
	@media (hover: none) and (pointer: coarse) {
	}

/* ----------------------------------------------------
header
---------------------------------------------------- */

#header { position:absolute; top:0; left:0; z-index:10; width:100%; padding:35px 0 40px; }

	#home #header.scroll #h_nav .logo  { display:block; }
	#home #header.scroll .h_nav_menu { display:flex; }

	
#header.scroll { position:fixed; z-index:5; background:#ffd100; padding: 25px 0 20px; transition:0.3s; animation: slideDown 0.3s ease-in-out; }


	@keyframes slideDown {
	  0% { transform: translateY(-100%); }
	  100% { transform: translateY(0%); }
	}


#h_nav { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:93.22%; margin:0 auto; }
#h_nav a { text-decoration:none; font-weight:bold; color:#fff; }

#h_nav h1 { position:relative; width:26.68%; height:auto; }
#h_nav h1.logo a { width:100%;  }

#h_nav ul { display:flex; justify-content:space-between; align-items:center; width:66.41%; margin-top:0; }
#h_nav ul li { width:13%; margin-right:20px; }
#h_nav ul li:nth-child(5) { margin-right:40px; }
#h_nav ul li:last-child { width:22.22%; margin-right:0%; }
#h_nav ul li a { display:block; text-indent:-9999px; background-position:center center; background-repeat:no-repeat; background-size:100% auto; width: 100%; height: 100%; padding: 10% 0; }

#h_nav ul li:nth-child(1) a { background-image:url(../img/common/img_menu01.png); }
#h_nav ul li:nth-child(2) a { background-image:url(../img/common/img_menu02.png); }
#h_nav ul li:nth-child(3) a { background-image:url(../img/common/img_menu03.png); }
#h_nav ul li:nth-child(4) a { background-image:url(../img/common/img_menu04.png); }
#h_nav ul li:nth-child(5) a { background-image:url(../img/common/img_menu05.png); }
#h_nav ul li:nth-child(6) a { background-image:url(../img/common/img_menu06.png); }

#h_nav ul li:nth-child(1) a:hover { background-image:url(../img/common/img_menu01_on.png); }
#h_nav ul li:nth-child(2) a:hover { background-image:url(../img/common/img_menu02_on.png); }
#h_nav ul li:nth-child(3) a:hover { background-image:url(../img/common/img_menu03_on.png); }
#h_nav ul li:nth-child(4) a:hover { background-image:url(../img/common/img_menu04_on.png); }
#h_nav ul li:nth-child(5) a:hover { background-image:url(../img/common/img_menu05_on.png); }
#h_nav ul li:nth-child(6) a:hover { background-image:url(../img/common/img_menu06_on.png); }

.menu-btn { position:fixed; top:2.5%; right:5%; z-index:11; width:6%; height:auto; padding:6% 0 0; display:flex; justify-content:center; align-items:center; color:#fff; cursor:pointer; }

.open .menu-btn,
.menu-btn.is-active { background:none; }

.menu-btn a { display:block; text-decoration:none; }

	.menu-btn span { display:block; position:absolute; left:0%; width:100%; height:4px; background:#3e4437; border-radius:0; transition:all .5s; }
		.menu-btn span:nth-child(1) { top:14px; top:20%; }
		.menu-btn span:nth-child(2) { top:30px; top:53%; }
		.menu-btn span:nth-child(3) { top:46px; top:88%; }
		
		.menu-btn.white span { background:#000; }
		
		.open .menu-btn:after {  }
		
		.open .menu-btn span,
		.menu-btn.is-active span { background:#fff; }
		.open .menu-btn span:nth-child(1),
		.menu-btn.is-active span:nth-child(1) { transform: translateY(5px) rotate(315deg); top:28%; }
		.open .menu-btn span:nth-child(2),
		.menu-btn.is-active span:nth-child(2) { transform: translate(0, -6px) rotate(45deg); top:55%; }
		.open .menu-btn span:nth-child(3),
		.menu-btn.is-active span:nth-child(3) { display:none; }

.sp_menu { position:fixed; top:0; left:0; z-index:10; width:100vw; height:100vh; color:#5f2f10; opacity:0; visibility:hidden; transition:opacity .6s ease, visibility .6s ease; }
	
	.open .sp_menu,
	.sp_menu.is-active { visibility:visible; opacity:1; overflow-y:auto; overflow-x: hidden; height:100vh; background:rgba(62,26,0,0.8); display: flex; justify-content: center; align-items: center; }
	
	.sp_menu a { color:#fff; }

	.open .sp_menu:after,
	.sp_menu.is-active:after,
	.is-active .sp_menu:after { content:""; position:absolute; top:-2.5%; left:-2.5%; width:105%; height:105%; background:url(../img/top/img_main01.jpg) no-repeat center center / cover; z-index:-1; }
	
.sp_menu_inner { /*display:flex; justify-content:space-between align-items:center;*/ width:32.18%; text-align: center; width:170px; }
.sp_menu_people { width:100%; /*display:flex; align-items:center; justify-content:center;*/ }
.sp_menu ul { width:100%; height:100%; margin:20% auto 0; }
.sp_menu ul li { margin-bottom:15%; }
.sp_menu ul li:last-child { margin-bottom:0%; margin-top:20%; width:120%; margin-left:-10%; }


.sp_head { display:flex; justify-content:space-between; align-items:center; width:80%; margin:0 0 0 3%; }
.sp_head h1 { width:45%; }
.sp_head p { width:33%; }
.sp_head p img, .sp_head h1 img { display:block; }


	@media only screen and (max-width:1024px) {
		#h_nav ul li { width:15%; margin-right:10px; }
		#h_nav ul li:last-child { width:25%; }
		#h_nav ul li:nth-child(5) { margin-right:20px; }
	}


	@media screen and (max-width:767px) {
		#header { padding:4% 0; }
		#header.scroll { padding:15px 0 10px; }
		#header.scroll .menu-btn { top:1.25%; }
	}
	
	@media screen and (max-width:600px) {
		.menu-btn { top:3.0%; }
		#header.scroll .menu-btn { top:2%; }
		.menu-btn span { height:3px; }
		#header { padding:5.0% 0; }
		.open .menu-btn span:nth-child(1),
		.menu-btn.is-active span:nth-child(1) { top:17%; }
		.sp_menu_inner { width:32.18%; }
	}
	
	@media screen and (max-width:500px) {
		.open .menu-btn span:nth-child(1),
		.menu-btn.is-active span:nth-child(1) { top:7%; }
	}
	
	
	

/* ----------------------------------------------------
top main 
---------------------------------------------------- */	

#main { background:#ffd100; height:100vh; min-height:1100px; }

.main_content { width:65%; height:100%; margin: 0 auto; padding:12% 0 7%; color:#fff; display: flex; justify-content: center; align-items: center; }
	
.main_content_inner { display:flex; justify-content:flex-end; align-items:flex-start; }
.mainImg { width:60%; margin-top:-4%; position:relative;  z-index:1; }
	.mainImg:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/top/bg_item_top.png) no-repeat bottom center / 100% auto; z-index:-1; opacity: 0.5; }
.main_content h2 { width:28.33%; font-size:45px; font-size:clamp(1.75rem, 0.376rem + 2.87vw, 2.813rem); font-weight:bold; line-height:1.69; letter-spacing:0.05em; text-align:left;  margin: 0 4% 0 3%; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; }
.main_content h2 span { font-size:50px; font-size:clamp(1.875rem, 0.258rem + 3.37vw, 3.125rem); }
.main_content h2 p { line-height: 1.55; }
	
	
	@media only screen and (max-width:1360px) {
		#main { min-height:1000px; }
	}


.newsSlide_wrap { margin:0% auto; }

.newsSlide { margin-bottom:0; overflow:hidden; opacity:0; transform:translateX(100px); }
	.newsSlide.is-active { animation: fadein01 1s ease 0s 1 forwards; }
	
.newsSlide .slick-slide { background:#fff; width:530px; height:450px; margin:0 5px; transition:0.3s; }
.newsSlide  a {  transition:0.3s; }
.newsSlide_img { width:100%; height:314px; background-size:cover; background-position:center center; background-repeat:no-repeat; filter: saturate(0%) opacity(75%) contrast(140%); filter: grayscale(0%); position:relative; background:#f9b846; }
	.newsSlide_img:before { content:""; background:#000; position:absolute; top:0; left:0; width:100%; height:100%;  display:none; }
	.newsSlide_img:after { content:""; background:#f9b846; position:absolute; top:0; left:0; width:100%; height:100%; mix-blend-mode: multiply; display:none; }
		.newsSlide li:nth-child(even) .newsSlide_img { background:#f6e5ca; }
	
	.newsSlide_img_overlay { width:100%; height:314px; background-size:cover; background-position:center center; background-repeat:no-repeat; /*filter: saturate(0%) opacity(75%) contrast(140%);mix-blend-mode: multiply; */ position:relative;  transition: 0.3s; }
	
	
.newsSlide_img.no_img { /*background:url(/wp-content/themes/flordecana/screenshot.png) no-repeat center center;*/ }
.newsSlide_text_wrap { padding:20px 25px; position:relative;background:#ffd100;  }
.newsSlide_text { line-height:1.25; margin-bottom:10px; font-size:27px; font-size:clamp(1.25rem, 0.684rem + 1.18vw, 1.688rem); font-weight:bold; color:#4b2911;  }

.newsSlide_wrap .btn a { margin:30px auto; }

.bnr_box { width:84.15%; margin:50px auto 30px; opacity:0; transform:translateY(100px); }
.bnr_box img { }
	.bnr_box.is-active { animation: fadein01 1s ease 0s 1 forwards; }

.alo_introduce { padding:3.5% 0; border-top:1px solid #484743; opacity:0; transform:translateY(100px); }
	.alo_introduce.is-active { animation: fadein01 1s ease 0s 1 forwards; }
.intro_01 { background:#fdf7ec; }
.intro_01 ul {  width:87.26%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
	.intro_01 ul li {  opacity:0; transform:translateY(100px); }
	
	.intro_01 ul.is-active li:nth-child(1) { animation: fadein01 1s ease 0s 1 forwards; }
	.intro_01 ul.is-active li:nth-child(2) { animation: fadein01 1s ease 0.1s 1 forwards; }
	.intro_01 ul.is-active li:nth-child(3) { animation: fadein01 1s ease 0.2s 1 forwards; }
	.intro_01 ul.is-active li:nth-child(4) { animation: fadein01 1s ease 0.3s 1 forwards; }
	.intro_01 ul.is-active li:nth-child(5) { animation: fadein01 1s ease 0.4s 1 forwards; }
	.intro_01 ul.is-active li:nth-child(6) { animation: fadein01 1s ease 0.5s 1 forwards; }
	
	
.intro_01 ul li { width:calc(100% / 6); margin:0 0%; }
.intro_01 p { font-size:30px; font-size:clamp(1.5rem, 1.015rem + 1.01vw, 1.875rem); font-weight:bold; line-height:2; text-align:center; margin-bottom:30px; letter-spacing: -0.075em; padding:0 5%; opacity:0; transform:translateY(100px); }
	.intro_01 p.is-active { animation: fadein01 1s ease 0s 1 forwards; }


.intro_02 { background:#eeefe9; }
.intro_02 ul { width:87.26%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
.intro_02 ul.is-active li { width:calc(100% / 5); margin:0 2.75%;  }
.intro_02 ul li {  opacity:0; transform:translateY(100px); }

	.intro_02 ul.is-active li:nth-child(1) { animation: fadein01 1s ease 0s 1 forwards; }
	.intro_02 ul.is-active li:nth-child(2) { animation: fadein01 1s ease 0.1s 1 forwards; }
	.intro_02 ul.is-active li:nth-child(3) { animation: fadein01 1s ease 0.2s 1 forwards; }
	.intro_02 ul.is-active li:nth-child(4) { animation: fadein01 1s ease 0.3s 1 forwards; }
	.intro_02 ul.is-active li:nth-child(5) { animation: fadein01 1s ease 0.4s 1 forwards; }

.intro_02_ttl { margin:0 auto 30px; text-align: center; opacity:0; transform:translateY(100px); }
	.intro_02_ttl.is-active { animation: fadein01 1s ease 0s 1 forwards; }
.intro_02 h3 { display:inline-block; font-size:45px; font-size:clamp(1.875rem, 0.662rem + 2.53vw, 2.813rem); font-weight:bold; letter-spacing:-0.05em; line-height:1; text-align:center; margin-bottom:30px; color:#1c1c1c; position:relative; z-index:1; }
	.intro_02_ttl h3:after { content:""; position:absolute; bottom:-3px; left:0; width:100%; height:40%; background:#f7e401; z-index:-1; }

.intro_03 { background:#fff; position:relative; z-index:1; }
	.intro_03:after { content:""; position:absolute; top:40%; left:0; width:100%; height:60%; background:#ffd100; border-top:1px solid #484743; z-index:-1; }
	/*.intro_03:before { content:""; position:absolute; bottom:10px; right:2%; width:16%; height:auto; padding:10% 0 0; background:url(../img/top/img_dog01.png) no-repeat top left / contain; z-index:1; opacity:0; transform:translateX(100px); }*/
	
	.intro_03.is-active:before {  animation: fadein01 1s ease 1s 1 forwards; }
	
.intro_03 ul {  width:84%; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start;  }
.intro_03 ul li { width:calc(100% / 4); margin:0 10px; opacity:0; transform:translateY(100px); }

	.intro_03 ul.is-active li:nth-child(1) { animation: fadein01 1s ease 0s 1 forwards; }
	.intro_03 ul.is-active li:nth-child(2) { animation: fadein01 1s ease 0.1s 1 forwards; }
	.intro_03 ul.is-active li:nth-child(3) { animation: fadein01 1s ease 0.2s 1 forwards; }
	.intro_03 ul.is-active li:nth-child(4) { animation: fadein01 1s ease 0.3s 1 forwards; }

.intro_03 ul li img { border:1px solid #1c1c1c; }
.intro_03 ul li p { font-size:clamp(0.875rem, 0.39rem + 1.01vw, 1.25rem); line-height:1.6; }
.intro_03 ul li p strong { font-size:clamp(0.75rem, -0.543rem + 2.7vw, 1.75rem); display:block; font-weight:bold; margin:8px 0; }
.intro_03_ttl { margin:0 auto 10px; text-align: center; padding:0 2.5%; }
.intro_03 h3 { display:inline-block; font-size:clamp(1.875rem, 1.067rem + 1.69vw, 2.5rem); font-weight:bold; letter-spacing:-0.05em; line-height:1; text-align:center; margin-bottom:30px; color:#1c1c1c; line-height:1.75; }

.intro_03 .btn.is-active { animation: fadein01 1s ease 0s 1 forwards; }
.intro_03 .btn a { margin:40px auto 0; }


.intro_04 { background:#fff8ee; border-top: 1px solid #484743; }
.intro_04_ttl { margin:0 auto 20px; text-align: left; position:relative; }
	/*.intro_04_ttl:after {  }*/
.intro_04 h3 { display:inline-block; font-size:45px; font-size:clamp(1.875rem, 0.662rem + 2.53vw, 2.813rem); font-weight:bold; letter-spacing:-0.05em; line-height:1; text-align:left; margin-bottom:20px; color:#1c1c1c; position:relative; z-index:1; mix-blend-mode: multiply; }
	.intro_04_ttl h3:after { content:""; position:absolute; bottom:-3px; left:0; width:100%; height:40%; background:#f7e401; z-index:-1; }
	.intro_04_ttl h3:before { content:""; position:absolute; top:-40; right:-70%; width:50%; height:auto; padding:25% 0 0;  background:url(../img/top/img_gmp.jpg) no-repeat top left / contain; }

.intro_04_inner { display:flex; justify-content:space-between; align-items:flex-start; width:82.92%; margin:0 auto; }
.intro_04_txt { width:53.7%; opacity:0; transform:translateY(100px); }
	.intro_04_txt.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }
.intro_04_txt p { font-size:28px; font-size:clamp(1.5rem, 0.772rem + 1.52vw, 2.063rem); letter-spacing:-0.015em; display:block; font-weight:bold; margin-bottom:10px; }
.intro_04_txt img { margin-top:10px; }
.intro_04_img { width:39.93%; opacity:0; transform:translateY(100px); }
	.intro_04_img.is-active { animation: fadein01 1s ease 0.5s 1 forwards; }

.intro_05 { background:#fff; position:relative; /*padding-bottom:15%;*/ z-index: 1; }
	.intro_05:after { content:""; position:absolute; top:0; right:10%; width:44%; height:auto; padding:30% 0 0;  background:url(../img/top/bg_intro05.png) no-repeat top right / contain; z-index:-1; }
	/*.intro_05:before {  content:""; position:absolute; bottom:20px; left:2%; width:16%; height:auto; padding:10% 0 0; background:url(../img/top/img_dog02.png) no-repeat top left / contain; z-index:1; opacity:0; transform:translateX(-100px); }
	.intro_05.is-active:before { animation: fadein01 1s ease 0.5s 1 forwards; }*/
	.dog_bg2 { width:16%; height:auto; padding:10% 0 0; background-image: url('../img/top/img_dog02.png'); background-size:100% auto; background-repeat:no-repeat;
  opacity:0; transform:translateX(-100px); }
  	.dog_bg2.is-active { animation: fadein01 1s ease 0.5s 1 forwards; }
	
.dog_bg { width:16%; height:auto; padding:10% 0 0; background-image: url('../img/top/img_dog02.png'); background-size:100% auto; background-repeat:no-repeat;
  /**/opacity:0; transform:translateX(-100px); }
  
  .dog_bg.is-active { animation: walk 0.4s steps(2) 10.0, /* 0.4秒 × 7.5回 ≒ 3秒で終了 */
             move 4s linear forwards; opacity:1; }

	@keyframes walk {
	  0%   { background-image: url('../img/top/img_dog02.png'); }
	  50%  { background-image: url('../img/top/img_dog02_3.png'); }
	  100% { background-image: url('../img/top/img_dog02.png'); }
	}

	@keyframes move {
	  0%   { transform: translateX(-300px) translateY(0); }
	  /*25%  { transform: translateX(25vw) translateY(-5px); }
	  50%  { transform: translateX(50vw) translateY(0); }
	  75%  { transform: translateX(75vw) translateY(-5px); }*/
	  100% { transform: translateX(7vw) translateY(0); }
	}
	
	
.intro_05_inner { width:82.92%; margin:0 auto; }
.intro_05_ttl { margin:0 auto 30px; text-align: left; position:relative; opacity:0; transform:translateY(100px); }
	.intro_05_ttl.is-active { animation: fadein01 1s ease 0s 1 forwards; }
.intro_05 h3 { display:inline-block; font-size:clamp(1.875rem, 0.662rem + 2.53vw, 2.813rem); font-weight:bold; letter-spacing:-0.05em; line-height:1; text-align:left; margin-bottom:20px; color:#1c1c1c; position:relative; z-index:1; }
	.intro_05_ttl h3:after { content:""; position:absolute; bottom:-3px; left:0; width:100%; height:40%; background:#f7e401; z-index:-1; }

.intro_05 p { font-size:clamp(1.5rem, 0.772rem + 1.52vw, 2.063rem); letter-spacing:-0.015em; display:block; font-weight:bold; margin-bottom:10px; opacity:0; transform:translateY(100px); }
	.intro_05 p.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }

.intro_06 { background:#ffd100; }
.intro_06_inner { width:85%; margin:0 auto; }
.intro_06_ttl { margin:0 auto 30px; text-align: left; position:relative; opacity:0; transform:translateY(100px); }
	.intro_06_ttl.is-active { animation: fadein01 1s ease 0s 1 forwards; }
.intro_06 h3 { display:inline-block; text-align:center; margin-bottom:20px; }
.intro_06 ul {  width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:stretch; }
	.intro_06 ul.is-active { animation: fadein01 1s ease 0s 1 forwards; }
.intro_06 ul li { width:calc(100% / 4); margin:0 4px; background:#fff; padding:15px 20px 20px; position:relative; text-align: center; opacity:0; transform:translateY(100px); }
	.intro_06 ul li:before { content:""; position:absolute; top:5px; left:2%; width:27.47%; height:auto; padding:40% 0 0; background-position:top left; background-repeat:no-repeat; background-size:contain; }
	.intro_06 ul li:nth-child(1):before { background-image:url(../img/top/ico_01.png); }
	.intro_06 ul li:nth-child(2):before { background-image:url(../img/top/ico_02.png); }
	.intro_06 ul li:nth-child(3):before { background-image:url(../img/top/ico_03.png); }
	.intro_06 ul li:nth-child(4):before { background-image:url(../img/top/ico_04.png); }

	.intro_06 ul.is-active li:nth-child(1) { animation: fadein01 1s ease 0s 1 forwards; }
	.intro_06 ul.is-active li:nth-child(2) { animation: fadein01 1s ease 0.1s 1 forwards; }
	.intro_06 ul.is-active li:nth-child(3) { animation: fadein01 1s ease 0.2s 1 forwards; }
	.intro_06 ul.is-active li:nth-child(4) { animation: fadein01 1s ease 0.3s 1 forwards; }	
	
.intro_06 ul li p { font-size:18px; line-height:1.6; text-align:center; }
.intro_06 ul li p strong { font-size:20px; display:block; font-weight:bold; margin:8px 0; }
.intro_06 ul li img { width:80%; position:relative; left:20px; }

.alo_introduce .bnr_box { margin:0 auto 0; opacity:0; transform:translateY(100px); }
	.alo_introduce .bnr_box.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }


.voice_inner { width:80.75%; margin:0 auto; padding:5% 0 0; }
.voice_ttl { margin:0 auto 30px; text-align:center; position:relative; width:80%; opacity:0; transform:translateY(100px); }
	.voice_ttl.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }
.voice_top h3 { display:inline-block; text-align:center; margin-bottom:20px; }
.voice_top p { font-size:22px; font-size:clamp(1.25rem, 1.088rem + 0.34vw, 1.375rem); font-weight:bold; }
.voice_top ul { margin:5% auto 0;  }
.voice_top li { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:3%; opacity:0; transform:translateY(100px); }

	.voice_top ul.is-active li:nth-child(1) { animation: fadein01 1s ease 0s 1 forwards; }
	.voice_top ul.is-active li:nth-child(2) { animation: fadein01 1s ease 0.25s 1 forwards; }
	.voice_top ul.is-active li:nth-child(3) { animation: fadein01 1s ease 0.5s 1 forwards; }
	.voice_top ul.is-active li:nth-child(4) { animation: fadein01 1s ease 0.75s 1 forwards; }
	.voice_top ul.is-active li:nth-child(5) { animation: fadein01 1s ease 1s 1 forwards; }

.voice_img { width:23.04%; }
.voice_txt { width:72.63%; font-weight:bold; letter-spacing:-0.05em; }
.voice_txt strong { display:block; font-size:22px; font-size:clamp(1.25rem, 1.088rem + 0.34vw, 1.375rem); }
.voice_txt em { display:block; font-size:22px; font-size:clamp(1.25rem, 1.088rem + 0.34vw, 1.375rem); margin:10px 0; color:#4d290f; }
.voice_txt p {  font-size:20px; font-size:clamp(1.125rem, 0.963rem + 0.34vw, 1.25rem); color:#4d290f; }


.item_top { background: #ffd100; opacity:0; transform:translateY(100px); }
	.item_top.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }
.item_top_inner { width:87.80%; margin:0 auto; padding:10% 0; display:flex; justify-content:space-between; align-items:flex-start; }
.item_top_img { width:40%; opacity:0; transform:translateY(100px); position:relative; z-index:-1; }
	.item_top_img:after { content:""; position:absolute; top:0; left:0%; width:100%; height:100%; background:url(../img/top/bg_item_top.png) no-repeat bottom center / 100% auto; z-index:-1; opacity: 0.5; }
	.item_top_img.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }
.item_top_txt { width:49.38%; color:#4b2911; letter-spacing:0.025em; opacity:0; transform:translateY(100px); }
	.item_top_txt.is-active { animation: fadein01 1s ease 0.5s 1 forwards; }
.item_top_txt_name { font-size:clamp(1.25rem, -0.205rem + 3.04vw, 2.375rem); font-weight:bold; margin-bottom:30px; line-height:1.5; }
.item_top_txt_name span { display:block; font-size:22px; letter-spacing:0.075em; margin-top:15px; }
.item_top_txt_feature { font-size:clamp(1rem, 0.677rem + 0.67vw, 1.25rem); }
.item_top_txt_feature em { display:block; font-weight:bold; margin-bottom:10px; }
.item_top_txt_feature ul { margin-bottom:30px; }
.item_top_txt_feature ul li { margin-bottom:10px; }
.item_top_txt_feature p { margin-bottom:5px; }
.item_top_txt_feature p strong { font-weight:bold; }
.item_top_txt .btn a { width:80%;/**/ min-width:400px;  }

.item_top_inner2 { width:87.80%; margin:0 auto; text-align:center; letter-spacing:0.075em; padding-bottom:0%; }
.item_top_ttl { opacity:0; transform:translateY(100px); }
	.item_top_ttl.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }
.item_top_ttl p { font-size:36px; font-size:clamp(1.5rem, 0.53rem + 2.02vw, 2.25rem); font-weight:bold; }
.item_top_ttl h3 { display:flex; justify-content:center; align-items:center; font-size:48px; font-size:clamp(1.875rem, 0.42rem + 3.04vw, 3rem); font-weight:bold; letter-spacing:0.15em; margin:0; position:relative; }
	.item_top_ttl h3 img { width:14%; mix-blend-mode: multiply; margin-right:30px; }
	.item_top_ttl h3 span { }
	/*.item_top_ttl h3:before { content:""; position:absolute; top:-48%; left:0; width:25%; height:auto; padding:30% 0 0; background:url(../img/top/ico_subscription.jpg) no-repeat top left / contain; mix-blend-mode: multiply; }*/
.item_top_lead { font-size:24px; font-size:clamp(1.25rem, 0.927rem + 0.67vw, 1.5rem); line-height:2.2; opacity:0; transform:translateY(100px); }
	.item_top_lead.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }
.item_top_lead strong { font-weight:bold; }
.item_top_inner2 ul { margin:5% auto 0%; display:flex; justify-content:center; align-items:flex-start; width:90%; opacity:0; transform:translateY(100px); }
	.item_top_inner2 ul.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }
.item_top_inner2 li { width:calc(100% / 3); margin:0 50px; }
.item_top_inner2 li img { width:35%; }
.item_top_inner2 li p { font-size:clamp(0.875rem, 0.228rem + 1.35vw, 1.375rem); }
.item_top_inner2 li p strong { font-weight:bold; display:block; font-size:clamp(1rem, 0.353rem + 1.35vw, 1.5rem); margin-bottom:20px; }


/* ----------------------------------------------------
---------------------------------------------------- */

	@media only screen and (min-width:1366px) {
		.intro_05:after { width:34%; }
	}

	@media only screen and (max-width:1024px) {
		.intro_03:after { top:40%; height: 60%; }
		.intro_04_ttl h3:before { right:-45%;  width:40%;  padding: 25% 0 0; }
		.intro_05:after { right:5%; width: 44%;  padding: 30% 0 0; }
		.item_top_inner2 li { margin:0 20px; }
	}


	@media only screen and (max-width:767px) {
		#wrapper { overflow-x:hidden; }
		#main { margin-top:0; height:100vh; min-height:1100px; }
		.main_content { width:80%; height:100%; padding-top:20%; }
		.main_content_inner { flex-wrap:wrap; justify-content:center; }
		.mainImg { width:70%; margin-top:3%; margin-left:-5%; order:2; }
		.main_content h2 { writing-mode:vertical-rl; font-size:clamp(1.25rem, 0.355rem + 4.47vw, 2.5rem); writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb; order:1; width:100%; margin:0; text-align:center; }
		.main_content h2 span { text-combine-upright:all; line-height:0; font-size:clamp(1.875rem, 0.98rem + 4.47vw, 3.125rem); }
		
		
		.newsSlide_text_wrap { padding:20px 15px 10px; }
		.newsSlide_text { font-size:16px; }
		/*.newsSlide .slick-active .newsSlide_img { filter: grayscale(0%); }
		.newsSlide .slick-active .newsSlide_img:after { mix-blend-mode: unset; background:none; }*/
		.newsSlide_img_overlay { height:100%; }
		.newsSlide .slick-slide { height: 400px; }
		
		.intro_01 { padding:5%; }
		.intro_01 ul li { width: calc(100% / 3); }
		.intro_01 p { font-size:clamp(1.125rem, 0.857rem + 1.34vw, 1.5rem); padding:5%; }
		
		.intro_02 { padding:5% 0; }
		.intro_02_ttl { margin: 0 auto 10px; }
		.intro_02 h3 { font-size:clamp(1.25rem, 1.071rem + 0.89vw, 1.5rem); }
		.intro_02 ul { width:120%;  margin:0 -10%; }
		
		.intro_03_inner { padding:5% 0% 0; }
		.intro_03:before { display:none; }
		.intro_03:after { top:45%; height: 55%; }
		.intro_03 h3 {  font-size:clamp(1.25rem, 0.803rem + 2.24vw, 1.875rem); line-height:1.75; margin-bottom: 20px; }
		.intro_03 ul { flex-wrap:wrap; width:100%; }
		.intro_03 ul li { width:80%; margin: 0 auto; }
		.intro_03 ul li p { font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); margin-top:20px; }
		.intro_03 ul li p strong { font-size: clamp(1.25rem, 0.713rem + 2.68vw, 2rem); }
		.intro_03 .btn a { margin:10px auto 0; }
		
		.supportSlide .slick-slide { margin:0 25px; }
		.voiceSlide .slick-slide { margin:0 0; }
		.supportSlide .slick-prev, .supportSlide .slick-next { width:10%; height:10%; background:url(../img/common/ico_arrow.png) no-repeat center center / 100% auto; z-index:5;  top:35%; }
		.voiceSlide .slick-prev, .voiceSlide .slick-next { width:12%; height:12%; background:url(../img/common/ico_arrow.png) no-repeat center center / 100% auto; z-index:5;  top:17%; }
		.supportSlide .slick-prev, .voiceSlide .slick-prev { background:url(../img/common/ico_arrow2.png) no-repeat center center / 100% auto; }
		.supportSlide .slick-prev:hover, .supportSlide .slick-prev:focus, .supportSlide .slick-next:hover, .supportSlide .slick-next:focus,
		.voiceSlide .slick-prev:hover, .voiceSlide .slick-prev:focus, .voiceSlide .slick-next:hover, .voiceSlide .slick-next:focus { background:url(../img/common/ico_arrow.png) no-repeat center center / 100% auto; }
		.supportSlide .slick-next { right:4%; }
		.voiceSlide .slick-next { right:-4%; }
		.supportSlide .slick-prev { left:4%; }
		.voiceSlide .slick-prev { left:-4%; }
		.supportSlide .slick-prev:before, .supportSlide .slick-next:before,
		.voiceSlide .slick-prev:before, .voiceSlide .slick-next:before { display:none; }
		
		.intro_04 { padding:10% 0; }
		.intro_04_inner { flex-wrap:wrap; width:80%; }
		.intro_04_txt { width:100%; order:2; }
		.intro_04_img { width:100%; order:1; text-align:center; margin-bottom:10%; }
		.intro_04_img img { width:80%; margin:0 auto; }
		.intro_04_ttl { margin: 0 auto 30px; text-align: center; padding-bottom:15%; }
		.intro_04_ttl h3 { font-size:clamp(1.25rem, 0.803rem + 2.24vw, 1.875rem); }
		.intro_04_ttl h3:before { top:auto; bottom:-400%; right:calc(50% - 50%);  width:100%; height: auto;  padding: 52% 0 0; }
		.intro_04_txt p { font-size:clamp(1rem, 0.642rem + 1.79vw, 1.5rem); text-align:center; }
		
		.intro_05 { padding:70% 5% 5%; }
		.intro_05:after { right:15%; width:90%; padding:60% 0 0; }
		.intro_05:before { bottom: 20px;left: 2%; width:25%; padding:16% 0 0; }
		.intro_05_inner { width:100%; }
		.intro_05_ttl { text-align: center; margin: 0 auto 10px; }
		.intro_05 h3 { font-size:clamp(1.25rem, 0.803rem + 2.24vw, 1.875rem); }
		.intro_05 p { font-size:clamp(1rem, 0.353rem + 1.35vw, 1.5rem); text-align:center; }
		.dog_bg2 { width:25%; height:auto; padding:16% 0 0; }
		.dog_bg { width:25%; height:auto; padding:16% 0 0; }
			@keyframes move {
			  0%   { transform: translateX(-300px) translateY(0); }
			  100% { transform: translateX(2.5vw) translateY(0); }
			}
		
		.intro_06 { padding:5% 0; }
		.intro_06_ttl { margin: 0 auto 0px; }
		.intro_06 ul { flex-wrap:wrap; }
		.intro_06 ul li { width:49%; margin:0; padding: 15px 15px 15px; margin-bottom:10px; }
		.intro_06 ul li p strong { font-size: clamp(1rem, 0.821rem + 0.89vw, 1.25rem); text-align:center; }
		.intro_06 ul li p { font-size: clamp(0.875rem, 0.696rem + 0.89vw, 1.125rem); text-align:left; }
		
		.voice_ttl p { margin-right:-5%; margin-left:-5%; font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); }
		.voice_top li { flex-wrap:wrap; }
		.voice_img { width: 90%; text-align:center; margin:0 auto; }
		.voice_img img { width:80%; margin:0 auto 30px; }
		.voice_txt { width: 100%; text-align:center; }
		.voice_txt strong {  font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); }
		.voice_txt em { font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); }
		.voice_txt p { font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); }
		
		.item_top_inner { width: 87.80%; flex-wrap:wrap; }
		.item_top_img { width:100%; text-align:center; }
		.item_top_img img { width:70%; margin:0 auto 30px; }
		.item_top_img:after { top:-5%; left:10%; width:80%; }
		.item_top_txt { width: 100%; }
		.item_top_txt_name { font-size: clamp(0.875rem, 0.159rem + 3.58vw, 1.875rem); margin-bottom: 30px; text-align:center; }
		.item_top_txt_name span { font-size: clamp(1rem, 0.732rem + 1.34vw, 1.375rem);  margin-top:0px; }
		.item_top_txt_feature { font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); padding:0 8%; }
		
		.item_top_ttl p { font-size: clamp(1rem, 0.374rem + 3.13vw, 1.875rem); }
		.item_top_ttl h3 { font-size: clamp(1.25rem, 0.355rem + 4.47vw, 2.5rem); }
		.item_top_ttl h3 img { width:18%;  margin-right:15px; }
		.item_top_lead { font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); padding:0 8%; }
		.item_top_inner2 ul { margin: 5% auto 3%; flex-wrap:wrap; width: 90%; }
		.item_top_inner2 li { width:100%; }
		.item_top_inner2 li:nth-child(2) { margin:5% 0; }
		.item_top_inner2 li p { font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); }
		
		.item_top_inner2 li p strong { font-size:clamp(1rem, 0.642rem + 1.79vw, 1.5rem); }
		
		.item_top_txt .btn a { width: 80%; min-width:auto; }
		
		.bnr_box { width:90%; margin:30px auto 30px; }
		
	}
	

	
	@media only screen and (max-width:600px) {
		#main { min-height:900px; }
	}
	
	
	@media only screen and (max-width:500px) {
		#main { min-height:auto; }
		.main_content { width:80%; height:100%; padding-top:25%; }
		.newsSlide .slick-slide { height: 310px; }
		.newsSlide_img { height: 214px; }
	}


/* ----------------------------------------------------
lower 
---------------------------------------------------- */
#contents.lower { background:#ffd100; padding:15% 0 0; }
.contents_innner { width:83.35%; margin:0 auto; }

.about_main { text-align:center; letter-spacing:-0.05em; font-weight:bold; }
#about .ttl_box { width:46.71%; margin:0 auto; }
#about h3 { font-size:40px; font-size:clamp(1.875rem, 1.067rem + 1.69vw, 2.5rem); font-weight:bold; line-height:1.52; color:#4b2911; margin:8% 0 5%; }
.about_main p { font-size:25px; font-size:clamp(1.25rem, 0.846rem + 0.84vw, 1.563rem); font-weight:bold; line-height:2; color:#4b2911; margin:0 0 5%;  }
#about .about_img01 { width:85.75%; margin:0 auto 5%; }

	#about h3, .about_main p, #about .about_img01 { opacity:0; transform:translateY(100px); }
	#about .ttl_box.is-active, #about h3.is-active, .about_main p.is-active, #about .about_img01.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }

.about_content { position:relative; color:#4b2911; letter-spacing:-0.05em; font-weight:bold; }
.about_maca dt { font-size:25px; font-size:clamp(1.25rem, 0.846rem + 0.84vw, 1.563rem); line-height:2; position:relative; padding:5% 0 0; }
	.about_maca dt:before { content:""; position:absolute; top:0; left:-10%; width:120%; height:1px; background:#000; }	
.about_maca dt strong { font-size:30px; font-size:clamp(1.375rem, 0.728rem + 1.35vw, 1.875rem); display:block; margin-bottom:10px; }
.about_maca dd img { margin:2% 0; }
.about_maca dd { padding-bottom:5%; }

.p_txt01 { font-size:26px; font-size:clamp(1.25rem, 0.765rem + 1.01vw, 1.625rem); line-height:2.2; margin-bottom:3%; }
.p_txt02 { font-size:22px; font-size:clamp(1rem, 0.515rem + 1.01vw, 1.375rem); line-height:2.4; margin-bottom:3%; }
.p_txt03 { font-size:22px; font-size:clamp(1rem, 0.515rem + 1.01vw, 1.375rem); line-height:1.5; margin-bottom:3%; }
.maca_illust { text-align:center; width:70.72%; margin:5% auto; }
.maca_illust p { font-size:40px; font-size:clamp(1.25rem, -0.367rem + 3.37vw, 2.5rem); margin-bottom:5%; }
.maca_info li { font-size:22px; font-size:clamp(1rem, 0.515rem + 1.01vw, 1.375rem); line-height:2.4; margin-bottom:3%; }
.maca_info li:last-child { margin-bottom:8%; }
.maca_info li strong { font-size:26px; font-size:clamp(1.25rem, 0.765rem + 1.01vw, 1.625rem); display:block; }

	.about_maca dt, .about_maca dd, #about .p_txt01, #about .p_txt02, #about .p_txt03, .maca_info,.maca_illust  { opacity:0; transform:translateY(100px); }
	.about_maca dt.is-active, .about_maca dd.is-active, #about .p_txt01.is-active, #about .p_txt02.is-active, #about .p_txt03.is-active, .maca_illust.is-active,
	.maca_info.is-active { animation: fadein01 1s ease 0.25s 1 forwards; }

.guide_main { text-align:center; letter-spacing:-0.05em; font-weight:bold; }
#guide .ttl_box { width:70.26%; margin:0 auto; }
.guide_content { padding-bottom:5%; }
.shopping_guide { margin:8% 0 0; font-weight:bold;  letter-spacing:-0.05em; color:#4b2911; }
.shopping_guide dt { font-size:40px; font-size:clamp(1.875rem, 1.067rem + 1.69vw, 2.5rem); margin-bottom:2.5%; }

.shopping_guide dt.line_hr { position:relative; padding-top:8%; }
	.shopping_guide dt.line_hr:before { content:""; position:absolute; top:0; left:-10%; width:120%; height:1px; background:#000; }	
.shopping_guide dd { padding-bottom:8%; }
.shopping_guide dd:last-of-type { padding-bottom:5%; }
.shopping_guide .p_txt01 { margin-bottom:2%; }
.shopping_guide .p_txt02 { margin-bottom:2%; }
.shopping_guide .p_txt03 { margin-bottom:2%; }
.shopping_guide dd a.under { text-decoration:underline; }
.shopping_guide dd a.under:hover { text-decoration:none; }
.line_b { text-decoration:underline; line-height:1.96; }
#subscription { }



#faq .ttl_box { width:23.81%; margin:0 auto; }
.faq_content { width:85.55%; margin:0 auto; padding-bottom:10%; color:#4b2911; letter-spacing:-0.05em; font-weight:bold; }
#faq h3 { font-size:40px; font-size:clamp(1.875rem, 1.067rem + 1.69vw, 2.5rem); font-weight:bold; line-height:1.52; color:#4b2911; margin:8% 0 2%; }
.faq_list dt { background:#4b2911; color:#fff; margin-bottom:10px; border-radius:20px; font-size:24px; font-size:clamp(1.125rem, 0.64rem + 1.01vw, 1.5rem); position:relative; padding:2% 7% 2% 7%; line-height:1.5; cursor: pointer; transition: .3s; }
	.faq_list dt:before { content:""; position:absolute; top:calc(50% - 30%); left:1.5%; width:4%; height:auto; padding:5% 0 0; background:url(../img/faq/ico_q.png) no-repeat center center / 100% auto; }
	.faq_list dt:after { content:""; position:absolute; top:calc(50% - 30%); right:2%; width:3.5%; height:auto; padding:5% 0 0; background:url(../img/faq/ico_btn.png) no-repeat center center / 100% auto; }
	.faq_list dt.toggle:after { transform: rotate(180deg);}
.faq_list dd { background:#ffe4c5; color:#000; margin-bottom:30px; padding:2% 3%; border-radius:20px; font-size:22px; font-size:clamp(1rem, 0.515rem + 1.01vw, 1.375rem); line-height:1.55; display: none; }
.faq_list dd a { text-decoration:underline; }
.faq_list dd a:hover { text-decoration:none; }

#item .ttl_box { width:17.95%; margin:0 auto; }
.item_main_pic { width:25%; margin:8% auto 0; text-align:center; color:#4b2911; letter-spacing:-0.05em; font-weight:bold; }

.item_main_pic .pic { position:relative; z-index:1; }
	.item_main_pic .pic:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/top/bg_item_top.png) no-repeat bottom center / 100% auto; z-index:-1; opacity:0.5; }

.item_main_pic p { font-size:20px; font-size:clamp(1rem, 0.677rem + 0.67vw, 1.25rem); line-height:1.58; width:200%; margin-left:-50%; }
.item_main_pic p strong { display:block; font-size:26px; font-size:clamp(1.25rem, 0.765rem + 1.01vw, 1.625rem); margin-bottom:10px; }
.item_content { position:relative; padding:8% 0; margin-top:8%; color:#4b2911; letter-spacing:-0.05em; font-weight:bold; text-align:center; }
	.item_content:before { content:""; position:absolute; top:0; left:-10%; width:120%; height:1px; background:#000; }
.item_content h3 { font-size:40px; font-size:clamp(1.875rem, 1.067rem + 1.69vw, 2.5rem); font-weight:bold; }
.item_content p { font-size:26px; font-size:clamp(1.25rem, 0.765rem + 1.01vw, 1.625rem); line-height:2.2; margin-bottom:3%; }
.item_content ul { display:flex; justify-content:space-between; align-items:center; width:88.87%; margin:0 auto 8%; }
.item_content ul li { width:calc(100% / 3); margin:0 30px; }
.item_content ul li p { font-size:20px; font-size:clamp(1rem, 0.677rem + 0.67vw, 1.25rem); line-height:1.58; width:80%; margin:0 auto; }
.item_content ul li p strong { display:block; font-size:26px; font-size:clamp(1.25rem, 0.765rem + 1.01vw, 1.625rem); margin-bottom:10px; }
.item_content ul li .item_pic { position:relative; }
	.item_content ul li .item_pic:before { content:""; position:absolute; top:3%; left:10%; width:27.61%; height:auto; padding:28% 0 0; background:url(../img/item/ico01.png) no-repeat center center / 100% auto; z-index:2; }
	.item_content ul li .item_pic:after { content:""; position:absolute; bottom:9%; right:0; width:28.97%; height:auto; padding:29% 0 0; background:url(../img/item/ico02.png) no-repeat center center / 100% auto; z-index:2; }

.item_content ul li .item_pic .pic { position:relative; z-index:1;}
.item_content ul li .item_pic .pic:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/top/bg_item_top.png) no-repeat bottom center / 100% auto; z-index:-1; opacity:0.5; }



#news .ttl_box { width:22.96%; margin:0 auto; }
.news_content { padding:5% 0 10%; color:#4b2911; letter-spacing:-0.05em; font-weight:bold; width:78.31%; margin:0 auto; }
#news h3 { font-size:40px; font-size:clamp(1.875rem, 1.067rem + 1.69vw, 2.5rem); font-weight:bold; line-height:1.52; color:#4b2911; letter-spacing:-0.025em; }
.news_content_inner { margin-bottom:5%; }
.news_content_inner img { height:auto; }
.news_content_ttl { display:flex; justify-content:space-between; align-items:flex-start; margin:30px 0; }
.news_content_ttl p { border-right:1px solid #978476; width:12%; padding:5px 0; font:clamp(1rem, 0.676rem + 0.68vw, 1.25rem); }
.news_content_ttl p span { color:#978476; display: block; }
#news .news_content_ttl h3 { width:84%; }
.news_content_body p { font-size:clamp(1.125rem, 0.639rem + 1.01vw, 1.5rem); }
.news_content .btn { text-align: left; }
.news_content .btn a, 
.news_content_pager a { text-align:center; width:22.5%; min-width:325px; padding:13px 0; font-size:clamp(1.125rem, 0.639rem + 1.01vw, 1.5rem); }
.news_content_pager .btn { text-align:right; }
.news_content_pager { border-top:1px dashed #978476; display:flex; justify-content:flex-end; align-items:center; padding-top:3%; }
.news_entry .news_content_pager { justify-content:space-between; }
.news_entry .news_content_body { margin-top:30px; }
.news_entry .news_content_body p { margin-bottom:30px; }


#contact .ttl_box, #contact-confirm .ttl_box, #contact-complete .ttl_box { width:37.28%; margin:0 auto; }
.contact_content { padding-bottom:10%; color:#4b2911; letter-spacing:-0.05em; font-weight:bold; }
#contact h3 { font-size:40px; font-size:clamp(1.875rem, 1.067rem + 1.69vw, 2.5rem); font-weight:bold; line-height:1.52; color:#4b2911; margin:8% 0 2%; }
.contact_content { padding:5% 0 10%; color:#4b2911; letter-spacing:-0.05em; font-weight:bold; width:71%; margin:0 auto; }
.contact_memo { font-weight:normal; margin:50px 0; font-size:clamp(1.125rem, 0.639rem + 1.01vw, 1.5rem); }
.contact_memo strong { font-weight:bold; }


/* ----------------------------------------------------
---------------------------------------------------- */

	@media only screen and (max-width:1024px) {
		.item_content ul { width:100%; }
		
		.news_content_ttl { display:block; }
		.news_content_ttl p, .news_content_ttl h3 { width:100%; }
		.news_content_ttl p { border:0; border-bottom: 1px solid #978476; margin-bottom:10px; display: flex; }
		.news_content_ttl p span { padding-left:10px; }
		.news_content .btn a, .news_content_pager a { min-width:200px; }
	}
	
	

	@media only screen and (max-width:767px) {
		#contents.lower { padding:30% 0 0; }
		#about .ttl_box { width:70%; }
		#about h3 { font-size:clamp(1.375rem, 1.017rem + 1.79vw, 1.875rem); }
		.about_main p { font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); margin: 0 0 8%; }
		#about .about_img01 { width: 100%; }
		.about_maca dt { font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem);  padding: 8% 0 0; line-height: 1.5; }
		.about_maca dt strong { font-size: clamp(1.25rem, 1.071rem + 0.89vw, 1.5rem); margin-bottom:5px; }
		.p_txt01 { font-size: clamp(1rem, 0.821rem + 0.89vw, 1.25rem); }
		.p_txt02, .p_txt03 { font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); line-height: 2; }
		.maca_illust { width: 100%; margin:8% auto; }
		.maca_illust p { font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); }
		.maca_info li strong { font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem); }
		.maca_info li { font-size:clamp(0.875rem, 0.786rem + 0.45vw, 1rem); }
		
		#guide .ttl_box { width:100%; }
		.shopping_guide dt { font-size:clamp(1.375rem, 1.017rem + 1.79vw, 1.875rem); }
		.guide_content .btn a { width:90%; }
		
		#faq .ttl_box { width:35%; }
		#faq h3 { font-size:clamp(1.25rem, 1.071rem + 0.89vw, 1.5rem); }
		.faq_content { width:100%; }
		.faq_list dt { padding:20px 9% 20px 10%; font-size:clamp(1rem, 0.515rem + 1.01vw, 1.375rem); }
		.faq_list dt:before { top: calc(50% - 20%); left:15px; width:5%; padding: 5% 0 0; }
		.faq_list dt:after { top:calc(50% - 20%); right:15px; width:5%; padding:5% 0 0; }
		.faq_list dd { padding:20px; }
		
		#item .ttl_box { width:29%; }
		.item_main_pic { width:50%; margin: 8% auto 0; }
		.item_main_pic p { font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); }
		.item_main_pic p strong { font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem); }
		.item_content h3 { font-size:clamp(1.375rem, 1.017rem + 1.79vw, 1.875rem); }
		.item_content p { font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); line-height:2; margin:5% 0 8%; }
		.item_content ul { flex-wrap:wrap; width:85%; margin:0 auto 8%; }
		.item_content ul li { width:100%; margin:0 0 10%; }
		.item_content ul li .item_pic { width:85%; margin:0 auto 10%; }
		.item_content ul li p { width:130%; margin-left:-15%; }
		
		#news .ttl_box { width:34%; }
		.news_content { width:100%; }
		#news .news_content_ttl h3 { font-size:clamp(1.375rem, 1.017rem + 1.79vw, 1.875rem); width:100%; }
		.news_content_ttl p span { }
		.news_content .btn a, .news_content_pager a { min-width:150px; font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); padding:10px 0; }
		
		#contact .ttl_box { width: 54.28%; }
		.contact_content { width:100%; }
		
	}
	
	
	@media only screen and (max-width:500px) {
		.faq_list dt { padding:15px 40px 15px 50px; }
		.faq_list dt:before { top:15px; width:25px; height:25px; padding:0; }
		.faq_list dt:after { top:15px; width:20px; height:20px; padding:0; }
		.faq_list dd { padding:15px; }
	}


/* ----------------------------------------------------
form
---------------------------------------------------- */

.form_wrap { margin:50px 0; }
.form_half { width:50%; }
fieldset { padding:10px 0 20px; width:100%; }
input[type=text], input[type=email], input[type=tel] { padding:20px; width:calc(100% - 40px); display:block; background:#fff; outline:0; border:none; border-radius:15px!important; }
textarea { border:none; border-radius:15px; padding:30px 20px; width:calc(100% - 40px); height:300px; background:#fff; position:relative; outline:0; }

.select { background:#fff; width:100%; position:relative; border-radius:15px!important; }
	.select:after { content:''; position:absolute; width:8px; height:8px; right:20px; top:45%; transform: translateY(-50%) rotate(45deg); border-bottom:1px solid #000; border-right:1px solid #364443; }

select { width:100%; border:none; background:none; padding:20px; outline:0;  font-size:16px; appearance:none; -moz-appearance:none;  -webkit-appearance:none;  }

#contact-confirm .select { background:none; }
#contact-confirm .select:after { display:none; }
#contact-confirm .contact_content p,  #contact-confirm .contact_content fieldset, #contact-complete .contact_content p { font-size:clamp(1.125rem, 0.639rem + 1.01vw, 1.5rem); }
#contact-confirm .contact_content label { font-size:16px; }
#contact-confirm .contact_memo { display:none; }
#contact-confirm .contact_content fieldset { border-bottom:1px dotted #4b2911; }
#contact-confirm .btn { margin-top:50px; }
#contact-complete .contact_content p { margin-bottom:50px; }
#contact-confirm .contact_content label span { font-size:14px; }
#contact-complete .contact_content { min-height:350px; }


::placeholder { font-size:16px; color:#364443; opacity:0.5; }
legend { display:block; }
.radio_box { width:100%; margin:10px 0 20px; }
.radio_box li:first-child { margin-bottom:10px; }
.radio_box li { display:flex; justify-content:flex-start; align-items:center; }
.radio_box li label { width:130px; }
.radio_box li input[type=radio] { width:50px; }
.radio_box li input[type=text] { width:calc(100% - 130px); }
.box { border:none; box-sizing: border-box;  border-radius:15px!important; }
label { margin-bottom:10px; display:block; font-size:clamp(1.125rem, 0.639rem + 1.01vw, 1.5rem); }
label span { padding-left:10px; font-size:clamp(1.125rem, 0.639rem + 1.01vw, 1.5rem);}
.chkbox { display:block; margin-top:30px; }
.chkbox label { display:inline-block; }

input[type="button"], input[type="reset"], input[type="submit"], .btnBox button { display:inline-block; background:#4b2910; color:#fff; text-align:center; text-decoration:none; padding: 18px 0 22px; margin:0 auto; text-indent:-0.5em; border:none; position:relative; font-size: clamp(1.25rem, 0.603rem + 1.35vw, 1.75rem); font-weight: bold; letter-spacing: 0.06em; width: 34.14%; min-width: 500px; transition: 0.3s; }

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity:0.75; }
input[type="submit"][disabled], input[type="submit"][disabled],
input[type="submit"][disabled]:hover, input[type="submit"][disabled]:hover { background:#ccc; cursor:default; color:#fff; }

input.submitBack[type="submit"], button[type="submit"] { background:#999; margin-right:20px; }

.radio_box label, .chkbox label { position:relative; cursor:pointer; padding-left:50px; line-height:40px; }
.radio_box label::before,.radio_box label::after { content:""; display:block; border-radius:50%; position:absolute; transform:translateY(-50%); top:50%; }
.radio_box label::before { background:transparent; border:1px solid #523430; border-radius:50%; width:40px; height:40px; left:5px; }
.radio_box label::after { background-color:#83836b; border-radius:50%; opacity:0; width:30px; height:30px; left:11px; }
.visually-hidden { position:absolute; white-space:nowrap; border:0; clip:rect(0 0 0 0); clip-path:inset(50%); overflow:hidden; height:1px; width:1px; margin:-1px; padding:0; }
.radio_box input:checked + label::after { opacity:1; }

.chkbox label::before,.chkbox label::after { content:""; display:block; position:absolute; }
.chkbox label::before { background:transparent; border-radius:3px; border:1px solid #83836b; width:30px; height:30px; transform:translateY(-50%); top:44%; left:5px; }
.chkbox label::after { border-bottom:2px solid #83836b; border-left:2px solid #83836b; opacity:0; height:8px; width:18px; transform:rotate(-45deg); top:8px; left:11px; }
.chkbox input:checked + label::after { opacity:1; }


	@media only screen and (max-width:1024px) {
		input[type="button"], input[type="reset"], input[type="submit"] { min-width:80%; }
	}
	
	
	@media print, screen and (max-width:767px) {
		.form_half { width:100%; }
		input[type=text], input[type=email], input[type=tel], select { padding:20px 10px; width: calc(100% - 20px); }
		.radio_box label, .chkbox label { padding-left:37px; line-height:20px; }
		.radio_box label::before,
		.chkbox label::before { width:20px; height:20px; }
		.chkbox label::after { height:6px; width:11px; top:3px; left:10px; }
		.radio_box li { flex-wrap:wrap; }
		.radio_box li label { width:100px; }
		.radio_box li input[type=text] { width:100%; margin-top:10px; }
		textarea { padding:20px 10px; width: calc(100% - 20px); }
		input[type="button"], input[type="reset"], input[type="submit"] { font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); }
		#contact-complete .contact_content { min-height:250px; }
	}
	
	@media print, screen and (max-width:500px) {
		select { padding:0; border-radius:10px!important; color:#4b2911; }
		input[type=text], input[type=email], input[type=tel], select { padding:10px 10px; border-radius:10px!important; }
		input[type=text], input[type=email], input[type=tel] { width: calc(100% - 20px); }
		.contact_memo { margin: 25px 0 35px; }
	}


/* ----------------------------------------------------
footer
---------------------------------------------------- */

#snapwidget_box { padding:4% 0; background: #ffd100; }
#snapwidget_box img { display:block; opacity:0; transform:translateY(100px); }
	#snapwidget_box.is-active img { animation: fadein01 1s ease 0.25s 1 forwards; }


#footer { background:#3e1a00; margin:0 auto 0; font-size:20px; font-size:clamp(0.875rem, 0.39rem + 1.01vw, 1.25rem); color:#fff; position:relative; overflow:hidden; padding:4% 0 2%; }

#footer .sns_btn { display:flex; justify-content:center; align-items:center; width:235px; margin:0 auto; }
#footer .sns_btn li { width:37px; height:37px; width:calc(100% / 3); }
#footer .sns_btn li a { position:relative; display:inline-block; text-indent:-9999px; width:100%; height:100%; /*margin:0 30px;*/ transition:0.3s; }
	#footer .sns_btn li a:before { content:""; position:absolute; top:0; left:0%; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain; }
	#footer li.instagram a:before { background-image:url(../img/common/ico_instagram.png); }
	#footer li.facebook a:before { background-image:url(../img/common/ico_facebook.png); }
	#footer li.line a:before { background-image:url(../img/common/ico_line.png); }

#footer .content_inner { padding:5% 6.61%; display:flex; justify-content:flex-start; align-items:flex-start; position:relative; /*margin-top:70px; padding-bottom:15%;*/ }

	.footer_dog { position:absolute; top:14%; right:6%; width:7.53%; }

.footer_info { width:39.09%; }
.footer_nav { width:45.81%;  }

#footer a { color:#fff; }

.footer_infobox .logo, .footer_infobox p { margin:0 0 20px; }
.footer_infobox .logo img { width:72.85%; height:auto; }

.footer_nav nav { display:flex; justify-content:space-between; align-items:flex-start; }
.footer_nav nav ul { width:50%; margin:0 0; }
.footer_nav nav ul li { margin:0 15px 20px; letter-spacing:0.025em; }
.footer_nav nav ul li:last-child { margin-right:0; }

.copyright { text-align:center; }


	
	@media (min-width: 768px) and (max-width: 1024px) {	
	}
	
	@media print, screen and (max-width:767px) {
		#footer { padding:10% 0 5%; }
		#footer .content_inner { flex-wrap:wrap; }
		.footer_info { width:100%; text-align:center; font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem); }
		
		.footer_info .logo { width:55%;  margin: 8% auto; }
		.footer_info .logo img { margin:0 auto; }
		.footer_infobox p { margin: 0 0; }
		
		.footer_nav { width:100%; text-align:center; }
		.footer_nav nav { flex-wrap:wrap; margin-top:8%; }
		.footer_nav nav ul { width:100%; font-size: clamp(0.75rem, 0.392rem + 1.79vw, 1.25rem); }

		.footer_dog { top:auto; bottom:-5%; right: 6%; width:10%; }
		
		.copyright {font-size:12px; }
	}

	
	@media print, screen and (max-width:500px) {
		
	}

/* ----------------------------------------------------
404 page
---------------------------------------------------- */


/* ----------------------------------------------------
animation keyframe
---------------------------------------------------- */


/* ----------------------------------------------------
reset form style :: iOS
---------------------------------------------------- */

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; 
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type=text] ,input[type=email]    {
    font-size : 16px;
    -webkit-border-radius : 0;
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
}