@charset "utf-8";


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

@media only screen and (min-width: 481px) and (max-width:768px) {
/* タブレット向けの処理 */
}

@media only screen and (min-width: 0px) and (max-width:480px) {
/* スマホ向けの処理 */
}

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

}

/* --------------------------------------------------- */
/* COMMON
/* --------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width:480px) {
	
	/* Global navi  */
	.globalNavi { border:none; border-top: 1px solid #8bc439;}
	.globalNavi .globalNavi-wrapper { min-width: auto;}
	.globalNavi li.is-active a,
	.globalNavi li a:hover{
	  border-top: none;
	  text-decoration: none;
		background-color: #b8e577;
	}
	.globalNavi li.is-active a:before{
	  content: ' ';
	  background: none;
	  position:static;
	  top: auto;
	  left: auto;
	  margin: 0;
	  width: auto;
	  height: auto;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
	}

	.globalNavi li a { margin-top: 0; border: none; color: #333333;}
	.globalNavi { background:#f2f4ec; position: static}
	.gNaviInner { width:100%; height:auto; margin:0; border-bottom: 1px solid #8bc439; border-top: 1px solid #8bc439; }
	.globalNavi li { border-bottom: 1px solid #8bc439; border-right:#8bc439 solid 1px; height:auto; display:block; width:50%; margin-left:0; float:left; }
	.globalNavi li:nth-child(even) { border-right: none; }
	.globalNavi li:nth-child(-n+5) { border-bottom: 1px solid #8bc439; }
	/*.globalNavi li:nth-child(7), .globalNavi li:last-child { border-bottom: none; }*/
	/*.globalNavi li:last-child { width:100%; display: none;}*/
	.globalNavi li a { display:block; text-align:center; width:auto; height:auto; line-height:1.2; font-size:14px; padding:14px 0; }
	.globalNavi li a span { border-right: none; padding: 0;}
  /*.globalNavi li:last-child { width:100%; border-right: none; }*/
	
	.globalNavi li.navi7 a{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding-top: 10px; padding-bottom: 10px;}
	
	.globalNavi .smp-navi{display:block;}


	body { -Webkit-text-size-adjust:none; }
	*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}

	.header-wrapper{
		min-width:inherit;
		min-width: auto;
	}
	
	.header-description {
		text-align: center;
		font-size: 1.0rem;
	}
	
	.header-wrapper {
		display: block;
	}
	
	.header-logo, .header-cta {
		display: block;
		width: 100%;
		padding: 0 10px 10px;
		text-align: center;
	}
	
	.header-cta .header-tel p {
		font-size: 2.8rem;
	}
	.header-cta .header-tel:before{
		width: 40px;
		height: 40px;
		line-height: 53px;
		margin-right: 5px;
	}
	.header-cta .header-tel p span {
		font-size: 1.0rem;
	}
	
	.header-cta .header-reserve,
  .header-cta .line-reserve {
		display: none;
	}

}


/* --------------------------------------------------- */
/* header
/* --------------------------------------------------- */
@media only screen and (min-width: 0px) and (max-width:480px) {
  .header{
    position: relative;
  }

}


/* --------------------------------------------------- */
/* Footer
/* --------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width:480px) {
	.footer {
		margin: 0;
		padding-top: 40px;
		padding-bottom: 90px;
	}
	.footer-inner {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.footer .linksBlock{
		padding: 1rem 0.3rem;
	}
	.footer-address img {
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	/****** mobile footerKotei Style ******/
	.ft_kotei {
		display:block;
	}
	#footer .footer-outer {
		padding-bottom:50px;
		background-position: center;
	}
	
	/****** mobile footerKotei Style ******/
	.ft_kotei {
		display:block;
	}
	#footer .footer-outer {
		padding-bottom:50px;
		background-position: center;
	}

}


/* --------------------------------------------------- */
/* 共通
/* --------------------------------------------------- */
@media only screen and (min-width: 0px) and (max-width:480px) {
  main, #wrapper {
    padding-top: 0px;
  }
}


/* --------------------------------------------------- */
/* トップページ
/* --------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width:480px) {
	.home-slider {
		border-top: #8bc439 solid 1px;
		height: 160px;
	}
	.home-slider .badge {
		right: 10px;
		bottom: 5px;
		width: 17%;
	}
	.home-slider .logo_100sen{
		left: 3px;
		width: 40px;
	}
	.home-slider img {
		top: 0;
		width: 600px;
	}

	.home .intro-box{
		position:static;
		width: 100%;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		margin: 0;
		padding: 10px 10px;
		left: 0;
	}
	.home .intro-box h2{
		font-size: 1.7rem;
		margin-bottom: 10px;
		font-weight: 600;
	}

	.home .service-block{
		padding: 10px 0 0;
		margin-top: 20px
	}
	.home .service-block .inner-block{
		width: 100%;
		padding: 0;
	}
	.home .service-block .ttl-box{
		font-size: 2.2rem;
		margin-bottom: 20px;
	}

	.home .service-block .menu-list{
		margin-left: 0;
	}
	.home .service-block .menu-list li{
		width: 42%;
		float: left;
		margin: 0 2% 20px;
	}
	.home .service-block .menu-list figcaption{
		font-size: 1.4rem;
		padding: 10px 0 10px;
		line-height: 1.0;
		font-weight: 600;
	}
	.home .service-block .menu-list p{
		font-size: 1.0rem;
		height: 60px;
	}
  .home .service-block .top-banner-block {
    padding-bottom: 40px;
  }
  .home .service-block .top-banner-block a {
    width: auto;
    margin: 0 10px;
  }
  
	.home .banner-block{
		width: 100%;
		padding: 20px 10px 0;
	}
	.home .banner-block .inner-block{
		width: 100%;
	}
	.home .banner-block .menu-list li img{
		max-widthh: 100%;
		height: auto;
	}
	.home .banner-block .menu-list li,
	.home .banner-block .menu-list li:first-child{
		/*width: 220px;
		float: none;
		margin: 10px auto;*/
		width: 42%;
		float: left;
		margin: 0 2% 20px;
	}
  
  /* トピックス＆ニュース =========== */
  .home .topics-block .inner-block {
    width: auto;
    margin: 0 10px;
  }
  .home .topics-block .topics-list {
    width: 100%;
  }
  .home .topics-block .topics-list .img-box {
    width: 70px;
  }
  .home .topics-block .topics-list .wrap-block {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    flex-direction: column;
  }
  .home .topics-block .topics-list .date-box {
    font-size: 1.3rem;
    display: block;
    width: auto;
    min-width:auto;
    margin-right: 0px;
  }
  .home .topics-block .icon-box span {
    font-size: 1.1rem;
    padding: 1px 5px;
  }
  .home .topics-block .topics-list .title-box {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-left: 0px;
    margin-top: 8px;
  }
  .home .topics-block .top-banner-block a {
    width : -webkit-calc(100% - 20px) ;
    width : calc(100% - 20px) ;
    margin: 0 auto;
  }
}



/* --------------------------------------------------- */
/* ネットで予約
/* --------------------------------------------------- */
@media only screen and (min-width: 0px) and (max-width:480px) {
  .wpcf7-form-control-wrap {
    width: 200px;
  }
  body#toi .wpcf7-textarea {
    width: 300px;
  }
  body#toi .wpcf7-form-control {
    width: 300px;
  }
}

/* --------------------------------------------------- */
/* BLOG
/* --------------------------------------------------- */
@media only screen and (min-width: 0px) and (max-width:480px) {
  .post-type-archive-blog #content,
  .single-blog #content{
    width: auto;
    padding-top: 0;
  }
  .page-blog .pageTitle{
    height: 170px;
    background-size: cover;
    background-position: right top 60px;
    padding: 0;
    margin-bottom: 40px;
  }
  .page-blog .pageTitle h1{
    width: 100%;
    text-align: center;
    height: 170px;
    line-height: 170px;
    padding-top: 0;
    display: inline-block;
  }
	.page-blog .pageTitle h1 img {
    padding: 0 10px;
		height: auto;
    vertical-align: middle;
	}
  .page-blog h3.blog-h3Ttl {
    font-size: 2.0rem;
  }
  .page-blog .news-list li.newsBox {
    border-bottom: #cccccc dotted 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .page-blog .news-list li.newsBox .news-wrap {
    gap: 0 10px;
  }
  .page-blog .news-list li.newsBox .imgBox {
    width: 80px;
    height: auto;
  }
  .page-blog .news-list li.newsBox .r-box {
    width : -webkit-calc(100% - 90px) ;
    width : calc(100% - 90px) ;
  }
  .page-blog .news-list li.newsBox .ttlBox {
    font-size: 1.5rem;
    margin-bottom: 6px;
  }
  .page-blog .news-list li.newsBox .dateBox {
    margin-bottom: 6px;
  }
  .page-blog .news-list li.newsBox .txtBox {
    font-size: 1.3rem;
  }
  
  
  
	.page-blog .main_columns {
		width: auto;
	}
	.page-blog .columns_block,
	.blog-sidebar {
		float: none;
		width: auto;
	}
	.page-blog .columns_block {
		margin-left:10px;
		margin-right:10px;
	}
	.page-blog .attachment-large {
		width: 100%;
		height: auto;
	}
	.page-blog .contBlock img {
		width: 100%;
		height: auto;
	}
  /*.page-blog .news-list li.newsBox .ttlBox {
    font-size:2.0rem;
  }
  .page-blog .news-list li.newsBox .txtBox {
    font-size:1.5rem;
    line-height: 1.6;
  }
  .page-blog .news-list li.newsBox .txtBox .nextPage{
    font-size: 1.6rem;
  }*/
  
  .page-blog h2 {
    font-size:1.6rem;
    margin:30px 0 15px;
    padding-bottom:8px;
    border-bottom:#DDDDDD solid 3px;
  }
  .page-blog .titleH2 {
    font-size:2.0rem;
    font-weight: bold;
  }
  .page-blog .post-meta{
    font-size:1.4rem;
    margin-bottom: 10px;
  }
  .page-blog .post-meta .categoryTag{
    font-size: 1.2rem;
  }
  .page-blog .contBlock{
    font-size:1.5rem;
    line-height: 1.6;
    margin-top: 10px;
  }
  
}

/* --------------------------------------------------- */
/* プラグイン
/* --------------------------------------------------- */

/*dynamic to top ------------- */
#dynamic-to-top{
	bottom: 70px !important;
}