@charset "utf-8";
/*
//	おのしん　202102
//	トップページ
//	
*/
/* Import CSS
---------------------------------------------*/
@import url(layout-basic.css);
/*メイン画像
-------------------------------------------- */
/* メインイメージ PC */
div.fixed-bg {
  display: none;
}
div.page-logo {
  display: none;
}
div.page-logo img {
  display: none;
}
/* メインイメージ スマホ */
div.fixed-bg-sp {
  display: block;
  position: relative;
  min-height: 50vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  background-image: url(../../images/index/background-sp1.jpg);
  /*background-attachment: fixed;*/
}
div.page-logo-sp {
  margin: auto;
  text-align: center;
  padding-top: 32%;
}
div.page-logo-sp img {
  width: 70%;
}
/*　メインイメージより下部分　*/
/*　flexbox　子要素*/
.cont-bnr{
	width: 42%;
	margin: 0 5px;
}
/*　うどんイラスト*/
.illi01{
	position: absolute;
	top: -90px;
	right: 20px;
	width: 170px;
}
	.illi02{
	position: absolute;
	bottom: -60px;
	left: 10px;
	width: 150px;
}
/*-------------------------
  コロナバナー
--------------------------- */
.korona{
	margin: 40px auto;
	text-align: center;
	width: 89%;
}
/*-------------------------
  blog
--------------------------- */
.blog-flex {
  -webkit-justify-content: space-between; /*左右中央寄せ*/
  justify-content: space-between; /*左右中央寄せ*/
  display: -webkit-box; /* Android4.3以前ブラウザ用 */
  display: -webkit-flex; /* iOS8以前Safari用 */
  display: flex;
  -webkit-align-items: stretch; /*上下中央寄せ*/
  align-items: stretch; /*上下中央寄せ*/
  -webkit-flex-wrap: wrap; /*折り返し(mac safari用)*/
  flex-wrap: wrap; /*折り返し*/
  margin: 0;
}
/*--- 最後の行 左寄せ ---*/
.blog-flex::after {
  content: "";
  display: block;
  width: 30%;
}
.blog-h2 {
  font-size: 18px;
  letter-spacing: 0.25em;
  padding: 20px 0 10px 10px;
	margin: 0;
}
/*--- blog ---*/
.blog-box {
  width: 80%;
  margin: 0px auto 20px auto;
  border: 1px solid #EBEBEB;
  box-shadow: 0px 0px 8px 0 rgba(235, 235, 235, .8);
  text-align: center;
}
.blog-box img {
  margin: 0 0 15px 0;
  padding: 0;
}
.blog-title, .blog-text, .blog-more {
  padding: 0 15px;
  margin: 0px 0 15px 0;
}



@media print, screen and (min-width : 768px) {
  /* ボディ部分
--------------------------------------- */
  /*　メインイメージ　PC　*/
  div.fixed-bg {
    display: block;
    position: relative;
    min-height: 65vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    background-attachment: fixed;
    z-index: 1;
  }
  div.page-logo {
    display: block;
    margin: auto;
    text-align: center;
    padding-top: 12%;
  }
  div.page-logo img {
    display: block;
    width: auto;
  }
  /*　メインイメージ　スマホ　*/
  div.fixed-bg-sp {
    display: none;
  }
  div.page-logo-sp {
    display: none;
  }
  div.page-logo-sp img {
    display: none;
  }
/*　メインイメージより下部分　*/	
/*　flexbox　子要素*/
.cont-bnr{
	width: 25%;
	margin: 0 10px;
}
/*　うどんイラスト*/	
.illi01{
	position: absolute;
	top: -130px;
	right: 80px;
	width: 280px;
}
	.illi02{
	position: absolute;
	bottom: -110px;
	left: 30px;
	width: 240px;
}
/*-------------------------
  コロナバナー
--------------------------- */	
  /*-------------------------
  blog 
--------------------------- */
  .blog-h2 {
    font-size: 18px;
    letter-spacing: 0.25em;
    padding: 30px 20px;
    width: 100%;
    margin: 0 auto;
  }
  .blog-box {
    width: 31%;
    margin: 0px 0px 40px 0px;
  }
  .blog-box img {
    height: 300px;
    object-fit: cover;
  }
	
}