@charset "utf-8";

@media screen and (max-width:640px){


/* －－－－－ home top －－－－－ */
#mainvisual{background: #fbf6f0;}
#mainvisual .swiper-text{position: absolute;z-index:2;top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#mainvisual .swiper-text img{width:100%;}

#content #home #message {background: url(../images/home/message_bg.png) repeat-x top;background-color:#fff;}
#content #home #message .inner{width:100%;margin:0px auto;background: url(../images/home/message_bg2_sp.png) no-repeat bottom;background-size:100% auto;}
#content #home #message .inner .inner_ol{font-size:95%;width:90%;margin:0px auto;padding:30px 0px 190px 0px;text-align: left;line-height:1.8em;color:#6b5335;font-weight: bold;}
#content #home #message .inner .inner_ol p{width:100%;margin:0px auto;text-align: right;font-weight: bold;}



#content #home #home_news {background:#f3fef0;position: relative;z-index: 1;}
#content #home #home_news .inner{width:93%;  margin:0px auto;padding:30px 0 80px 0;text-align: center;}
#content #home #home_news .icon{position: absolute;z-index:2;top:-25px;left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
	#content #home #home_news .pen img{width:100px;}
#content #home #home_news h3{color:#330000;margin-bottom:20px !important;}
#content #home #home_news h3 div{margin-top:10px;font-weight:bold;font-size:60%;}
#content #home #home_news h3 img{width:130px;}
#content #home #home_news .inner ul {display:block;margin-bottom:20px;}
#content #home #home_news .inner ul li{  
  border-top:1px solid #ebebeb;
  font-size:90%;
  padding:10px;
  }

#content #home #home_news .inner ul li:last-child{border-bottom: 0px;}
#content #home #home_news .inner ul li a{
   display:block; 
   text-decoration: none;
   padding: 0;
   text-align: left;  
   }
 #content #home #home_news .inner ul li dl{
    -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  }
#content #home #home_news .inner ul li dl dt{width:100%;margin-right:10px;}
#content #home #home_news .inner ul li dl dd{width:100%;}


#content #home #home_news .inner ul li a:hover {text-decoration:none;}
#content #home #home_news .inner ul li .newsarea{display:block;line-height:120%;}
#content #home #home_news .inner ul li .newsarea .news_kiji{width:100%;padding:10px;}
#content #home #home_news .inner ul li .newsarea .news_title{color:#5bb153;font-weight:bold;}
#content #home #home_news .inner ul li .newsarea span.news_date{font-size:80%;padding-right:5px;color:#333;}

#content #home #home_news .inner .moreinfo{width:100%;margin:0px auto;color:#fff;border-radius: 5px;font-size:100%;}
#content #home #home_news .inner .moreinfo a {border-radius: 5px;color:#fff;display:block;padding:10px;background:#5bb153;}
#content #home #home_news .inner .moreinfo a:hover{background:#b7b91c;color:#fff;transition: all .25s ease-out;border-radius: 5px;text-decoration: none;}
#content #home #home_news .inner .moreinfo a::after {  color:#fff;  padding-left: 0px;}
#content #home #home_news .inner .moreinfo a:hover::after {  color: #FFFFFF;  }
#content #home #home_news .inner .fa-chevron-right{padding-left:7px;}



#content #home #home_blog {background:#f5f1e8;position: relative;z-index: 1;}
#content #home #home_blog .inner{width:93%;  margin:0px auto;padding:30px 0;text-align: center;}
#content #home #home_blog .pen{position: absolute;z-index:2;top:-25px;left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
	#content #home #home_blog .pen img{width:100px;}
#content #home #home_blog h3{color:#330000;margin-bottom:20px !important;}
#content #home #home_blog h3 div{margin-top:10px;font-weight:bold;font-size:60%;}
#content #home #home_blog h3 img{width:130px;}
#content #home #home_blog .inner ul {display:block;margin-bottom:20px;}
#content #home #home_blog .inner ul li{  
  background:#fff;
  width:100%;
  margin-right:0px;
  margin-bottom:5px;
  margin-left: 0px;
  border-radius: 5px;
  height:auto;
  font-size:90%;
  }
#content #home #home_blog .inner ul li:last-child{margin-right: 0px;}
#content #home #home_blog .inner ul li a{
   display:block; 
   text-decoration: none;
   padding: 0;
   text-align: left;  
   }
#content #home #home_blog .inner ul li img{width:100%;border-radius: 20px 20px 0px 0px;height:auto;object-fit: cover;} 
#content #home #home_blog .inner ul li a:hover {text-decoration:none;}
#content #home #home_blog .inner ul li .blogarea{display:flex;line-height:120%;}
#content #home #home_blog .inner ul li .blogarea .blog_image{width:40%;}
#content #home #home_blog .inner ul li .blogarea .blog_image img{border-radius: 5px 5px 5px 5px;margin:3px;width:100%;height:100px;object-fit: cover;}
#content #home #home_blog .inner ul li .blogarea .blog_kiji{width:60%;padding:10px;}
#content #home #home_blog .inner ul li .blogarea .blog_title{color:#f65656;font-weight:bold;}
#content #home #home_blog .inner ul li .blogarea .blog_text{font-size:90%;}
#content #home #home_blog .inner ul li .blogarea span.blog_date{font-size:80%;padding-right:5px;}
#content #home #home_blog .inner ul li .blogarea span.blog_category{font-size:80%;background:#e7809a;color:#fff;padding:0px 3px;border-radius: 4px;}


#content #home #home_blog .inner .moreinfo{width:100%;margin:0px auto;color:#fff;border-radius: 5px;font-size:100%;}
#content #home #home_blog .inner .moreinfo a {border-radius: 5px;color:#fff;display:block;padding:10px;background:#D45B81;}
#content #home #home_blog .inner .moreinfo a:hover{background:#D4507A;color:#fff;transition: all .25s ease-out;border-radius: 5px;text-decoration: none;}
#content #home #home_blog .inner .moreinfo a::after {  color:#fff;  padding-left: 10px;}
#content #home #home_blog .inner .moreinfo a:hover::after {  color: #FFFFFF;  }
#content #home #home_blog .inner .fa-chevron-right{padding-left:7px;}


#content #home #infoarea{background:url(../images/home/infoarea_bg.png) repeat-x top;background-color:#fff;}
#content #home #infoarea .inner{width:100%;margin:0px auto;padding:80px 0px 40px 0px;}

#content #home #infoarea .inner .infoarea_left{width:90%;margin:0px auto;float:none;margin-bottom:35px;}

#content #home #infoarea .inner .infoarea_left .home_lunch .home_lunchitit{margin-bottom:0px;text-align: center;}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol{background:url(../images/home/lunch_bg.png) no-repeat top;background-size:100% auto;background-color:#fff5f8;border:4px solid #e6d9c9;border-radius: 15px;padding:40px 10px 10px 10px;text-align: center;font-size:90%;font-weight: bold;}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol .date{text-align: center;font-weight:bold;margin-bottom:10px;font-size:100%;}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol img{float: none;width:100%;height:auto;margin-right:0px;margin-bottom:10px;border-radius: 7px;}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol .text{background:#ffffff;padding:15px;border-radius: 7px;text-align: left;margin:7px 0px 10px 0px;}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol .moreinfo{width:100%;margin:0px auto;color:#fff;border-radius: 5px;font-size:100%;}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol .moreinfo a {border-radius: 5px;color:#fff;display:block;padding:10px;background:#D45B81;}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol .moreinfo a:hover{background:#D4507A;color:#fff;transition: all .25s ease-out;border-radius: 5px;text-decoration: none;}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol .moreinfo a::after {
  color:#fff;
  padding-left: 10px;
}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol .moreinfo a:hover::after {
  color: #FFFFFF;  
}
#content #home #infoarea .inner .infoarea_left .home_lunch .lunch_ol .fa-chevron-right{padding-left:7px;}


#content #home #infoarea .inner .infoarea_right{width:90%;margin:0px auto;float:none;}
#content #home #infoarea .inner .infoarea_right .byouji{margin-bottom:40px;}
#content #home #infoarea .inner .infoarea_right .byoujitit{margin-bottom:30px;text-align: center;}
#content #home #infoarea .inner .infoarea_right .byoujitit img{width:300px;}
#content #home #infoarea .inner .infoarea_right .byoujitext{text-align: left;margin:15px 0px;}
#content #home #infoarea .inner .infoarea_right .byoujitext img{float: right;margin-left: 10px;}

#content #home #infoarea .inner .infoarea_right .recruit{
	background:#fcf8f4;
	border:4px dotted #e6d9c9;
	padding:20px;
	border-radius: 7px;
	text-align:center;
	}
#content #home #infoarea .inner .infoarea_right .recruittit{
	margin-bottom:25px;
	font-size: 120%;
	color: #A3825D;
	font-weight: bold;
	}
#content #home #infoarea .inner .infoarea_right .recruittext{text-align: left;margin:15px 0px;}
#content #home #infoarea .inner .infoarea_right .recruit .moreinfo{background-color: #5bb153;width:100%px;margin:0px auto;color:#fff;border-radius: 5px;}
#content #home #infoarea .inner .infoarea_right .recruit .moreinfo a {border-radius: 5px;color:#fff;display:block;padding:10px;}
#content #home #infoarea .inner .infoarea_right .recruit .moreinfo a:hover{background:#38932f;color:#fff;transition: all .25s ease-out;border-radius: 5px;text-decoration: none;}
#content #home #infoarea .inner .infoarea_right .recruit .moreinfo a::after {  color:#fff;  padding-left: 10px;}
#content #home #infoarea .inner .infoarea_right .recruit .moreinfo a:hover::after {  color: #FFFFFF; }
#content #home #infoarea .inner .infoarea_right .recruit .fa-chevron-right{padding-left:7px;}





}