@charset "utf-8";
/* CSS Document */

/* common */
html,body{}
body{font-size:100%;font-family:'Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;font-weight:500;color:#000;margin:0;padding:0;text-align:center;/*font-feature-settings:"palt";*/overflow-x:hidden;letter-spacing:0.1em;}
body{-webkit-text-size-adjust:none;}

@media screen and (max-width:768px){
body{font-size:88%;}
}


.mplus{font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;}


h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;font-weight:normal;}
p{line-height:2.0em;margin:0 0 1.5em;}
ol,ul,dt,dd{line-height:2.0em;margin:0 0 1.5em;}
table{line-height:2.0em;margin:0 0 1.5em;}

strong{font-weight:bold;}

img{border:none;max-width:100%;height:auto;}


/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;list-style:disc;}
ul.normal li{}
ul.none{list-style:none;}

ol.normal{padding-left:10px;margin-left:10px;list-style:decimal;}
ol.normal li{}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}


a:link{text-decoration:underline;color:#333;}
a:visited{text-decoration:underline;color:#333;}
a:hover{text-decoration:none;color:#333;}

a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

img{max-width:100%;}


table{border-collapse:collapse;border-spacing:1px;font-feature-settings:"palt";}
th,td{padding:15px 25px;vertical-align:middle;border:solid 1px #707070;text-align:left;}
th{background:#D0ECC7;}
td{background:#fff;}

@media screen and (max-width:768px){
th,td{padding:10px;letter-spacing:0;}
}
/*
@media screen and (max-width:480px){
th,td{padding:5px;}
}
*/

sup{
	font-size: 70%; 
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sub {
	font-size: 70%;
	vertical-align: bottom;
	position: relative;
	bottom: -0.1em;
}


.pc{}
.sp{display:none !important;}
.sp480{display:none !important;}
.sp380_none{}
@media screen and (max-width:900px){
	.pc{display:none !important;}
	.sp{display:block !important;}
	img.sp{display:inline !important;}
}
@media screen and (max-width:480px){
	.sp480{display:block !important;}
	img.sp480{display:inline !important;}
}
@media screen and (max-width:380px){
	.sp380_none{display:none !important;}
}


/* inview */
.inviewfadeIn{opacity:0;position:relative;top:30px;
-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;}
.inviewfadeIn.fadeIn{opacity:1;top:0;}


/* header */
header{}
#h_lead{background:#229400;color:#fff;padding:5px 0;}
#h_lead p{margin:0 auto;width:1000px;text-align:left;font-size:88%;font-weight:400;}

#header{display:table;width:1000px;height:160px;margin:0 auto;}
#header .logo,
#header .gnavi{display:table-cell;}

#header .logo{vertical-align:middle;width:250px;margin:0;line-height:1em;}
#header .logo span{display:block;letter-spacing:0.5em;margin-top:10px;}
#header .logo a{text-decoration:none;}

#header .gnavi{vertical-align:bottom;padding:0 0 0 15px;}
#header .gnavi ul{margin:0;width:645px;float:right;position:relative;top:1px;font-weight:400;font-size:113%;}
#header .gnavi li{float:left;width:150px;height:60px;margin:0 15px 0 0;}
#header .gnavi li:last-of-type{margin:0;}
#header .gnavi li a{display:table;width:100%;height:100%;border:solid 1px #229400;text-decoration:none;}
#header .gnavi li a span{display:table-cell;vertical-align:middle;}
#header .gnavi li a:hover{background:#229400;color:#fff;}


@media screen and (max-width:1080px){
	#h_lead p{width:95%;}
	#header{width:95%;}
}
@media screen and (max-width:900px){
	#h_lead{display:none;}
	#header{display:block;width:100%;height:auto;border:solid #229400;border-width:5px 0 0;padding:15px 4vw;}
	
	#header .logo{display:block;width:100%;text-align:left;}
	#header .logo img{width:33vw;}
	#header .logo span{display:none;}
	#header .gnavi{display:none;}
}


#contact_btn{position:fixed;right:0;top:0;width:215px;z-index:10;}
#contact_btn .contact{display:table;width:100%;height:55px;font-size:113%;letter-spacing:0.3em;margin:0;position:relative;z-index:2;}
#contact_btn .contact a{display:table-cell;vertical-align:middle;border-radius:0 0 0 10px;background:#cb0000;color:#fff;text-decoration:none;}
#contact_btn .contact a:hover{opacity:0.87;}

#contact_btn .tel_list{margin:0;padding:10px 0 0;border:solid #ccc;border-width:0 1px 1px;position:relative;top:-10px;z-index:1;background:#fff;display:none;}
#contact_btn .tel_list li{display:table;width:100%;border:solid #ccc;border-width:0 0 1px;}
#contact_btn .tel_list li a{display:table-cell;vertical-align:middle;padding:10px;text-decoration:none;}
#contact_btn .tel_list li a span{display:block;}
#contact_btn .tel_list li a span.name{font-size:88%;margin:0;}
#contact_btn .tel_list li a span.tel{font-size:113%;font-weight:700;color:#229400;
	font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;
}
#contact_btn .tel_list li a span.tel i{font-size:24px;margin-right:5px;vertical-align:baseline;}


@media screen and (max-width:900px){
	#contact_btn{position:fixed;right:0;top:auto;width:100%;bottom:0;}
	#contact_btn .contact{height:45px;position:relative;}
	#contact_btn .contact a{border-radius:8px 8px 0 0;position:relative;}
	
	#contact_btn .contact a::before{
		font-family: "Font Awesome 5 Free";
		content: '\f106';
		font-size: 28px;
		font-weight: 900;
		margin-right: 0;
		color:#fff;
		position:absolute;
		right:15px;
		top:8px;
	}	
	#contact_btn .contact a.active::before{
		font-family: "Font Awesome 5 Free";
		content: '\f107';
		font-size: 28px;
		font-weight: 900;
		margin-right: 0;
		color:#fff;
		position:absolute;
		right:15px;
		top:8px;
	}	
	
	#contact_btn .tel_list{padding:0;border:none;top:0;}
	#contact_btn .tel_list li{width:50%;float:left;border:solid #ccc;border-width:0 1px 0 0;}
	#contact_btn .tel_list li:last-of-type{border:none;}
}
@media screen and (max-width:480px){
	#contact_btn .tel_list li a{padding:5px;}
	#contact_btn .tel_list li a span.tel{font-size:108%;}
	#contact_btn .tel_list li a span.tel i{font-size:21px;}
}

/* spmenu */
#sp_menu{position:fixed;z-index:999;top:30px;right:25px;display:none;margin:0;}
#sp_menu a{display:block;}
#sp_menu.active .menu-trigger{background-color:rgba(0,0,0,0.7) !important;}

@media screen and (max-width:900px){
	#sp_menu{display:block;}
}
@media screen and (max-width:768px){
	#sp_menu{top:15px;right:10px;}
}


.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 43px;
	height: 43px;
	border:solid 1px #229400;
	background:rgba(255,255,255,0.7);
}
.menu-trigger span{
	position: absolute;
	left: 5px;
	width: 31px;
	height: 3px;
	background-color:#229400;
	border-radius:2px;
}

#sp_menu.active .menu-trigger span{
  background-color:#fff;
}

.menu-trigger span:nth-of-type(1) {
  top: 9px;
}
.menu-trigger span:nth-of-type(2) {
  top: 18.5px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 9px;
}

.menu-trigger.active{
	background-color:transparent !important;
	border-color:transparent;
}
.menu-trigger.active span {
	background-color:#fff;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(9.8px) rotate(-45deg);
  transform: translateY(9.8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9.8px) rotate(45deg);
  transform: translateY(-9.8px) rotate(45deg);
}



/* sp gnavi */
#gnavi_sp{display:none;}
@media screen and (max-width:900px){
	#gnavi_sp{display:block;position:fixed;width:60%;height:100%;right:-60%;top:0;background:rgba(34,148,0,0.9);padding:80px 15px 30px;z-index:998;overflow-y:auto;
		-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
	#gnavi_sp.active{right:0;}
	#gnavi_sp ul{margin:0;text-align:center;font-size:113%;}
	#gnavi_sp ul li{margin:0 0 10px;}
	#gnavi_sp a{color:#fff;text-decoration:none;display:block;padding:5px;}
	
}



/* main */
#main{position:relative;padding:0 0 45px;}
#main.second{padding:0 0 70px;}

#main_slide01{margin:0;height:550px;text-align:center;border:solid #229400;border-width:10px 0;}

#main .txt{display:table;width:100%;height:100%;position:absolute;left:0;top:0;z-index:4;color:#fff;font-weight:bold;margin:0;text-shadow:3px 3px 12px #000;}
#main .txt .in{display:table-cell;vertical-align:middle;padding:30px;line-height:1.5em;}
#main .txt p{font-size:250%;line-height:1.5em;}
#main .txt p:last-of-type{margin:0;}

#main_slide01 .swiper-slide{position:relative;background:#fff;}
#main_slide01 .swiper-slide .img{position:relative;z-index:1;line-height:0;background-position:50% 50% !important;background-size:cover !important;height:100%;}
#main_slide01 .swiper-slide:after{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);z-index:2;}


#main_slide01 .swiper-wrapper{height:100%;overflow:hidden;}

.swiper-pagination{bottom:0;z-index:10;width:100%;}
.swiper-pagination-bullet{opacity:1;width:22px;height:25px;background:url("../images/slider_off.png");border-radius:0;margin:0 8px;}
.swiper-pagination-bullet-active{background:url("../images/slider_on.png");}

@keyframes zoomUp {
	0% {
		transform: scale(1);
		transform-origin:center;
	}
	100% {
		transform: scale(1.15);
	}
}

.swiper-slide-active .img,
.swiper-slide-duplicate-active .img,
.swiper-slide-prev .img{animation: zoomUp 10s linear 0s 1 normal both;}	

@media screen and (min-width:1440px){
	#main .main_bg01{width:100%;left:0;margin-left:0;}
}
@media screen and (max-width:1080px){
	#main .gnavi{height:170px;}
	#main .gnavi_btn_bg{height:170px;}
	#main .gnavi_bg{height:170px;}

}

@media screen and (max-width:900px){
	#main.second{padding:0 0 40px;}
	
	#main .main_bg01{width:100%;left:0;margin-left:0;}
	#main_slide01{height:73vw;border-width:5px 0;}
	
	#main .logo{display:none;}
	#main .gnavi{display:none;}
	#main .gnavi_btn_bg{display:none;}
	#main .gnavi_bg{display:none;}
	
	#main .txt p{font-size:4.0vw;}
}
@media screen and (max-width:768px){

}




#second_main{width:100%;height:300px;background:url("../images/slide_img01.jpg") no-repeat 50% 20%;background-size:cover;position:relative;z-index:1;border:solid #229400;border-width:10px 0;}
@media screen and (max-width:900px){
	#second_main{height:40vw;border-width:5px 0;}
}

/* コンテンツ */
#wrap{text-align:left;width:100%;}
.inner{width:1000px;margin:0 auto;}

@media screen and (max-width:1080px){
	.inner{width:95%;}
}
@media screen and (max-width:900px){
	.inner{width:90vw;}
}
@media screen and (max-width:768px){

}

.anc{position:relative;top:-130px;}
@media screen and (max-width:900px){
	.anc{top:-75px;}
}




#news_sec{padding:60px 0 30px;}
#news_sec .h{margin:0 0 20px;text-align:center;
	font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;font-weight:700;font-size:300%;letter-spacing:0.3em;color:#229400;}

#news_sec .news_box{border:solid 1px #229400;padding:30px;border-radius:15px;text-align:center;}
#news_sec .news_box p{}
#news_sec .news_box p:last-of-type{margin:0;}


@media screen and (max-width:900px){
	#news_sec{padding:40px 0 20px;}
}
@media screen and (max-width:768px){
	#news_sec .h{font-size:171%;}
	#news_sec .news_box{padding:15px;border-radius:10px;}
}





#sale_sec{padding:60px 0 0;}
#sale_sec .h{margin:0 0 30px;text-align:center;
	font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;font-weight:700;font-size:300%;letter-spacing:0.3em;color:#229400;}

#sale_sec .flayer_area{background:#d0ecc7;padding:60px 0 120px;position:relative;}
#sale_sec .flayer_area .in{width:1000px;margin:0 auto;}
#sale_sec .flayer_area .h3{margin:0 0 20px;text-align:center;
	font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;font-weight:700;font-size:175%;letter-spacing:0.3em;}

#sale_sec .flayer_area .flayer_img{margin:0 0 20px;}
#sale_sec .flayer_area .flayer_img p{width:50%;/*float:left;*/line-height:0;margin:0;display:inline-block;}
#sale_sec .flayer_area .note{margin:0;text-align:center;font-size:88%;font-weight:400;}
#sale_sec .flayer_area .note i{font-size:20px;color:#B30B00;vertical-align:baseline;margin-left:5px;}

#sale_sec .flayer_area .ill{margin:0;line-height:0;position:absolute;left:50%;bottom:0;margin-left:400px;z-index:2;}

@media screen and (max-width:1240px){
	#sale_sec .flayer_area .ill{left:auto;bottom:0;margin-left:0;right:2%;}
}
@media screen and (max-width:1080px){
	#sale_sec{padding:30px 0 0;}
	#sale_sec .flayer_area .in{width:95%;}
}
@media screen and (max-width:900px){
	#sale_sec{padding:30px 0 0;}
	#sale_sec .flayer_area{padding:30px 0;position:relative;}
	#sale_sec .flayer_area .in{width:92vw;}
	
	#sale_sec .flayer_area .in .ttl_set{display:table;width:100%;}
	#sale_sec .flayer_area .h3,
	#sale_sec .flayer_area .ill{display:table-cell;vertical-align:middle;}
	
	#sale_sec .flayer_area .h3{text-align:center;font-size:5.333vw;padding-left:10vw;}
	#sale_sec .flayer_area .ill{position:relative;right:auto;width:23vw;}
}
@media screen and (max-width:768px){
	#sale_sec .h{font-size:171%;margin:0 0 20px;}
	#sale_sec .flayer_area .flayer_img p{width:100%;float:none;}
}



#message_sec{padding:90px 0 80px;border:dotted #aaa;border-width:0 0 2px;}

#message_sec .in{width:1000px;margin:0 auto;display:table;}
#message_sec .in .ill,
#message_sec .in .txt{display:table-cell;vertical-align:bottom;}

#message_sec .in .ill{margin:0;line-height:0;}
#message_sec .in .ill img{}

#message_sec .in .txt{}
#message_sec .in .txt .ex{}
#message_sec .in .txt .ex p{line-height:2.2em;}

#message_sec .in .txt .nav_btn{margin:0;}
#message_sec .in .txt .nav_btn li{width:180px;float:left;line-height:0;margin:0 25px 0 0;}
#message_sec .in .txt .nav_btn li:last-of-type{margin:0;}


@media screen and (max-width:1080px){
	#message_sec .in{width:95%;}
	#message_sec .in .txt .nav_btn li{width:32%;margin:0 2% 0 0;text-align:center;}
}
@media screen and (max-width:900px){
	#message_sec{padding:30px 0;}

	#message_sec .in{width:100%;padding:0 4vw;display:flex;flex-direction:column;}
	
	#message_sec .in .ill,
	#message_sec .in .txt{display:block;}
	
	#message_sec .in .ill{order:2;text-align:center;margin-top:30px;}
	#message_sec .in .ill img{max-width:46vw;}
	#message_sec .in .txt{order:1;}
}
@media screen and (max-width:768px){

}




#point_sec{padding:90px 0 100px;}

#point_sec .h{margin:0 0 30px;text-align:center;
	font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;font-weight:700;font-size:225%;letter-spacing:0.3em;color:#FF6600;}
#point_sec .box{padding:40px 60px;border:solid 1px #FF6600;border-radius:15px;background:#FFFFD1;}

#point_sec .box .card_info{display:table;width:100%;}
#point_sec .box .card_info .card,
#point_sec .box .card_info .txt{display:table-cell;vertical-align:middle;}
#point_sec .box .card_info .card{width:280px;text-align:center;margin:0;line-height:0;}

#point_sec .box .card_info .txt .note{font-size:88%;margin:0;}


@media screen and (max-width:900px){
	#point_sec{padding:30px 0;}
	#point_sec .h{margin:0 0 20px;}
	#point_sec .box{padding:20px;border-radius:10px;}
	
	#point_sec .box .card_info .card,
	#point_sec .box .card_info .txt{display:block;}
	#point_sec .box .card_info .card{width:100%;margin:0 0 20px;}
	#point_sec .box .card_info .card img{max-width:32vw;}

}
@media screen and (max-width:768px){
	#point_sec .h{font-size:143%;}
}



/* */
.second_sec{padding:0 0 100px;}

.page_h{margin:0 0 80px;text-align:center;position:relative;
	font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;font-weight:700;font-size:250%;letter-spacing:0.3em;color:#229400;}
.page_h:after{content:" ";width:100px;height:2px;background:#229400;position:absolute;bottom:-20px;left:50%;margin-left:-50px;}


@media screen and (max-width:900px){
	.second_sec{padding:0 0 50px;}
}
@media screen and (max-width:768px){
	.page_h{margin:0 0 40px;font-size:171%;}
	.page_h:after{content:" ";width:50px;height:1px;bottom:-10px;left:50%;margin-left:-25px;}
}


.lead{border:dotted #aaa;border-width:0 0 2px;margin:0 0 100px;padding:0 0 60px;font-size:113%;text-align:center;}
.lead p{}
.lead p:last-of-type{margin:0;}

@media screen and (max-width:900px){
	.lead{border:dotted #aaa;border-width:0 0 1px;margin:0 0 11vw;padding:0 0 40px;font-size:100%;text-align:left;}
}



.kodawari_set{display:table;width:100%;margin:0 0 200px;}
.kodawari_set:last-of-type{margin:0;}

.kodawari_set .txt,
.kodawari_set .pic{display:table-cell;vertical-align:top;}
.kodawari_set .pic{width:550px;position:relative;margin:0;line-height:0;}
.kodawari_set .pic ul{margin:0;}
.kodawari_set .pic ul li{margin:0;line-height:0;position:relative;z-index:2;}
.kodawari_set .pic ul li img{position:relative;z-index:2;}

.kodawari_set .pic ul li:before{content:" ";width:200px;height:200px;position:absolute;z-index:1;}
.kodawari_set .pic ul li:after{content:" ";width:200px;height:200px;position:absolute;z-index:1;}

.kodawari_set.fish .pic ul li{border:solid 1px #00B1FF;}
.kodawari_set.fish .pic ul li:before{background:#00B1FF;right:-50px;top:-50px;}
.kodawari_set.fish .pic ul li:after{border:solid 2px #00B1FF;left:-50px;bottom:-50px;}

.kodawari_set.meat .pic ul li{border:solid 1px #cb0000;}
.kodawari_set.meat .pic ul li:before{background:#cb0000;left:-50px;top:-50px;}
.kodawari_set.meat .pic ul li:after{border:solid 2px #cb0000;right:-50px;bottom:-50px;}

.kodawari_set.vege .pic ul li{border:solid 1px #229400;}
.kodawari_set.vege .pic ul li:before{background:#229400;right:-50px;top:-50px;}
.kodawari_set.vege .pic ul li:after{border:solid 2px #229400;left:-50px;bottom:-50px;}

.kodawari_set .txt{position:relative;z-index:2;}
.kodawari_set .txt p:last-of-type{margin:0;}

.kodawari_set.fish .txt{padding-right:80px;padding-bottom:230px;}
.kodawari_set.meat .txt{padding-left:80px;padding-bottom:230px;}
.kodawari_set.vege .txt{padding-right:80px;padding-bottom:230px;}

.kodawari_set.meat .txt{text-align:right;}
.kodawari_set.meat .txt .in{display:inline-block;text-align:left;}

.kodawari_set .txt h3{position:relative;
	font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;font-weight:700;font-size:250%;letter-spacing:0.3em;}
.kodawari_set .txt h3 span{display:inline-block;text-align:left;position:relative;}

.kodawari_set.fish .txt h3{color:#00B1FF;}
.kodawari_set.fish .txt h3 span:after{content:" ";width:100px;height:2px;background:#00B1FF;position:absolute;bottom:-20px;left:0;}
.kodawari_set.meat .txt h3{color:#cb0000;}
.kodawari_set.meat .txt h3 span:after{content:" ";width:100px;height:2px;background:#cb0000;position:absolute;bottom:-20px;left:0;}
.kodawari_set.vege .txt h3{color:#229400;}
.kodawari_set.vege .txt h3 span:after{content:" ";width:100px;height:2px;background:#229400;position:absolute;bottom:-20px;left:0;}


.kodawari_set .txt .ill{position:absolute;margin:0;line-height:0;}

.kodawari_set.fish .txt .ill{left:-60px;bottom:-30px;}
.kodawari_set.meat .txt .ill{left:80px;bottom:-50px;}
.kodawari_set.vege .txt .ill{left:-20px;bottom:-30px;}


@media screen and (max-width:900px){
	.kodawari_set{display:flex;flex-direction:column;margin:0 0 24vw;}
	.kodawari_set:last-of-type{margin:0 0 5vw;}

	
	.kodawari_set .txt,
	.kodawari_set .pic{display:block;}
	.kodawari_set.meat .txt{order:1;}
	.kodawari_set.meat .pic{order:2;}
	
	.kodawari_set .pic{width:73.3vw;margin:8.67vw auto 0;}
	
	.kodawari_set .pic ul li:before{content:" ";width:26.67vw;height:26.67vw;}
	.kodawari_set .pic ul li:after{content:" ";width:26.67vw;height:26.67vw;}
	
	.kodawari_set.fish .pic ul li:before{right:-6.67vw;top:-6.67vw;}
	.kodawari_set.fish .pic ul li:after{left:-6.67vw;bottom:-6.67vw;}
	.kodawari_set.meat .pic ul li:before{left:-6.67vw;top:-6.67vw;}
	.kodawari_set.meat .pic ul li:after{right:-6.67vw;bottom:-6.67vw;}
	.kodawari_set.vege .pic ul li:before{right:-6.67vw;top:-6.67vw;}
	.kodawari_set.vege .pic ul li:after{left:-6.67vw;bottom:-6.67vw;}
	
	.kodawari_set.fish .txt{padding-right:0;padding-bottom:0;}
	.kodawari_set.meat .txt{padding-left:0;padding-bottom:0;}
	.kodawari_set.vege .txt{padding-right:0;padding-bottom:0;}
	
	.kodawari_set.fish .txt .ill{left:auto;bottom:auto;top:-7vw;right:0;width:38vw;}
	.kodawari_set.meat .txt .ill{left:0;bottom:auto;top:-11vw;width:30vw;}
	.kodawari_set.vege .txt .ill{left:auto;bottom:auto;top:-11vw;right:0;width:38vw;}
}
@media screen and (max-width:768px){
	.kodawari_set .txt h3{font-size:143%;margin:0 0 30px;}
	.kodawari_set.vege .txt h3{margin:0 0 15vw;}
	.kodawari_set.fish .txt h3 span:after{content:" ";width:50px;height:1px;bottom:-10px;}
	.kodawari_set.meat .txt h3 span:after{content:" ";width:50px;height:1px;bottom:-10px;}
	.kodawari_set.vege .txt h3 span:after{content:" ";width:50px;height:1px;bottom:-10px;}
}




.store_set{display:table;width:100%;margin:0 0 40px;padding:0 0 40px;border:dotted #aaa;border-width:0 0 2px;}
.store_set:last-of-type{margin:0;padding:0;border:none;}

.store_set .info,
.store_set .map{display:table-cell;vertical-align:top;}

.store_set .info{padding-right:50px;}
.store_set .info h3{border:solid #229400;border-width:0 0 0 10px;padding:0 0 0 20px;margin:0 0 20px;
	font-family:'M PLUS 1','Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","verdana",sans-serif;font-weight:500;font-size:188%;letter-spacing:0.3em;}
.store_set .info .ex{margin:0 0 30px;}
.store_set .info .pic{margin:0;line-height:0;}

.store_set .map{width:550px;}
.store_set .map iframe{width:100%;height:500px;}


@media screen and (max-width:900px){
	.store_set{margin:0 0 30px;padding:0 0 30px;border:dotted #aaa;border-width:0 0 1px;}
	.store_set .info,
	.store_set .map{display:block;}
	.store_set .info{margin:0 0 20px;padding:0;}
	.store_set .info .ex{margin:0 0 20px;}
	.store_set .map{width:100%;}
}
@media screen and (max-width:768px){
	.store_set .info h3{border:solid #229400;border-width:0 0 0 5px;padding:0 0 0 10px;margin:0 0 15px;font-size:143%;}
	.store_set .map iframe{height:70vw;}
}



.comp_tbl{width:800px;margin:0 auto;}

.comp_tbl .enkaku dl{margin:0;display:table;width:100%;}
.comp_tbl .enkaku dt,
.comp_tbl .enkaku dd{display:table-cell;vertical-align:top;}
.comp_tbl .enkaku dt{width:8em;}

.comp_tbl .addr dl{margin:0 0 1.5em;display:table;width:100%;}
.comp_tbl .addr dl:last-of-type{margin:0;}
.comp_tbl .addr dt,
.comp_tbl .addr dd{display:table-cell;vertical-align:top;}
.comp_tbl .addr dt{width:6em;padding-right:0.5em;}


@media screen and (max-width:900px){
	.comp_tbl{width:100%;}
}
@media screen and (max-width:768px){
	.comp_tbl col{width:100%;}
	.comp_tbl th,
	.comp_tbl td{display:block;width:100%;margin-top:-1px;}
	
	.comp_tbl .enkaku dl{margin:0 0 1.5em;}
	.comp_tbl .enkaku dl:last-of-type{margin:0;}
	.comp_tbl .enkaku dt,
	.comp_tbl .enkaku dd{display:block;}
	.comp_tbl .enkaku dt{width:100%;}
	
	.comp_tbl .addr dt,
	.comp_tbl .addr dd{display:block;}
	.comp_tbl .addr dt{width:100%;}

}


/* pagetop */

#topcontrol{position:fixed;right:0;line-height:0;margin:0;display:none;background:#229400;width:60px;height:60px;z-index:998;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
#topcontrol:hover{background:rgba(34,68,67,0.7);}
#topcontrol a{display:table;width:100%;height:100%;color:#fff;text-decoration:none;}
#topcontrol a span{display:table-cell;text-align:center;vertical-align:middle;}
#topcontrol a span i{display:block;line-height:1em;}
#topcontrol a span i.ico{font-size:36px;margin:0 0 5px;}

#topcontrol{bottom:0;}
#topcontrol.btm{bottom:65px;}

@media screen and (max-width:900px){
	#topcontrol{display:none !important;}
}
@media screen and (max-width:768px){
	#topcontrol{transform:scale(0.75);transform-origin:right bottom;}
	#topcontrol.btm{bottom:60px;}
}


/* footer */
#footer{background:#D0ECC7;border:solid #229400;border-width:3px 0 0;padding:30px 0 0;}
#f_logo{width:180px;margin:0 auto 25px;font-size:69%;}
#f_logo span{display:block;letter-spacing:0.5em;margin-top:5px;}
#f_logo a{text-decoration:none;}

#f_navi{margin:0 0 20px;font-size:88%;}
#f_navi li{display:inline-block;margin:0 10px 0 0;}
#f_navi li:after{content:"｜";margin-left:13px;}
#f_navi li:last-of-type{margin:0;}
#f_navi li:last-of-type:after{content:none;margin-left:0;}


#copy{color:#fff;background:#229400;margin:0;padding:15px 4%;font-size:75%;font-weight:400;}

@media screen and (max-width:900px){
	#footer{background:#229400;border:none;padding:0 0 45px;}
	#f_logo{display:none;}
	#f_navi{display:none;}
}
@media screen and (max-width:768px){
	#copy{padding:10px 4%;}
}




/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}

.tx_slarge{font-size:114% !important;}
.tx_large{font-size:128% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:85% !important;}
.tx_midium{font-size:100% !important;}
.tx_xsmall{font-size:71% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}
.txt_strike{text-decoration:line-through !important;}

.inblock{display:inline-block !important;}
.ls_w{letter-spacing:0.2em;}
.ls_m{letter-spacing:0.1em;}

.relative{position:relative !important;}

.lh0{line-height:0em !important;}
.lh1{line-height:1em !important;}
.lh13{line-height:1.3em !important;}
.lh15{line-height:1.5em !important;}
.lh2{line-height:2em !important;}

ul.note{list-style:none !important;}
ul.note li{text-indent:-1em !important;padding-left:1em !important;}
ul.note li:before{content:"※";}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note025{padding-left:2.5em !important;text-indent:-2.5em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}
.note07{padding-left:7em !important;text-indent:-7em !important;}
.note08{padding-left:8em !important;text-indent:-8em !important;}
.note09{padding-left:9em !important;text-indent:-9em !important;}
.note10{padding-left:10em !important;text-indent:-10em !important;}
.note11{padding-left:11em !important;text-indent:-11em !important;}
.note12{padding-left:12em !important;text-indent:-12em !important;}

.red{color:#ff0000 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w100{width:100px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}

.w02em{width:2em !important;}
.w03em{width:3em !important;}
.w04em{width:4em !important;}
.w05em{width:5em !important;}
.w06em{width:6em !important;}
.w07em{width:7em !important;}
.w08em{width:8em !important;}
.w09em{width:9em !important;}
.w10em{width:10em !important;}
.w11em{width:11em !important;}
.w12em{width:12em !important;}
.w13em{width:13em !important;}
.w14em{width:14em !important;}
.w15em{width:15em !important;}
.w16em{width:16em !important;}
.w17em{width:17em !important;}
.w18em{width:18em !important;}
.w19em{width:19em !important;}
.w20em{width:20em !important;}
.w21em{width:21em !important;}
.w22em{width:22em !important;}
.w23em{width:23em !important;}
.w24em{width:24em !important;}
.w25em{width:25em !important;}
.w26em{width:26em !important;}
.w27em{width:27em !important;}
.w28em{width:28em !important;}
.w29em{width:29em !important;}
.w30em{width:30em !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0 !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0 !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr01{margin-right:1px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pl01em{padding-left:1em !important;}
.pl02em{padding-left:2em !important;}


.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block !important;}
.hide{display:none !important;}


/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */
