@charset "UTF-8";
/* CSS Document */
/* レシピ個別ページ 
------------------------------------------------- */
/* サーチ部分 */
.misoshiru_search {
  padding-bottom: 53px;
  /* paddingとheightとborderすべて足してプラス余白を18px足した数 */
  position: relative;
}

.misoshiru_search ul {
  position: absolute;
  top: 0;
  right: 71px;
}

.misoshiru_search li {
  list-style: none;
  display: block;
  float: left;
}

.misoshiru_search .misoshiru_search_ttl {
  font-weight: bold;
  font-size: 116%;
  padding: 10px 12px 0 0;
  line-height: 1;
}

#searchform2 {
  position: relative;
}

#keywords2 {
  width: 275px;
  height: 25px;
  border-top: solid 1px #e6e5e4;
  border-bottom: solid 1px #e6e5e4;
  border-left: solid 1px #e6e5e4;
  padding: 4px;
}

#searchBtn2 {
  position: absolute;
  top: 0;
  _top: 1px;
  left: 283px;
}

*:first-child + html #searchBtn2 {
  top: 1px;
}

/* レシピ部分 */
.misoshiru_ttl {
  clear: both;
  background: #fdf9f3;
  padding-bottom: 12px;
  border: solid 1px #e4e2e1;
}

.misoshiruimg {
  float: left;
}

.misoshiru_ttl .misoshirutxt {
  width: 360px;
  padding: 10px 0 0 20px;
  float: left;
  box-sizing: border-box;
}

.misoshirutxt > h2 {
  padding-top: 56px;
}

.misoshiru_ttl .category {
  margin-bottom: 55px;
}

.misoshiru_ttl .category span {
  margin-right: 12px;
}

.misoshiru_ttl .category span img {
  margin-right: 12px;
  vertical-align: middle;
}

.misoshiru_ttl .category .catesp {
  margin-right: 0;
}

.misoshiru_ttl .category .catesp img {
  margin-right: 6px;
}

.misoshiru_ttl h2 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 2.538em;
  font-weight: normal;
  color: #5a3d1b;
  line-height: 1.4;
  margin-bottom: 16px;
}

.misoshiru_ttl p {
  display: block;
  padding: 4px;
  border-top: solid 1px #d0c7c2;
  border-bottom: solid 1px #d0c7c2;
  font-size: 1.154em;
}

.cookarea {
  padding: 30px 0 0 0;
}

.cookarea h3 {
  color: #FFFFFF;
  padding: 0 0 0 16px;
  position: relative;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.misoshiru_gu {
  font-weight: bold;
  margin: 10px 0 4px 0;
  padding: 0 0 3px 30px;
  border-bottom: dotted 1px #e4e2e1;
}

.cookleft ul {
  margin-bottom: 36px;
}

.cookleft li {
  border-bottom: dotted 1px #e4e2e1;
  list-style: none;
  padding: 3px 0 3px 30px;
}

.cookleft li:nth-child(even) {
  background: #fdf8f0;
}

.cookleft li:nth-child(odd) {
  background: #ffffff;
}

.product {
  border: dotted 1px #e4e2e1;
  padding: 10px 14px;
}

.product h4 {
  font-weight: normal;
}

.misonogu {
  padding-left: 16px;
}

.product p {
  font-weight: bold;
}

.cookright ol {
  margin-top: 10px;
  padding-top: 18px;
  background: #fdf9f3;
  position: relative;
  border-left: solid 1px #e4e2e1;
  border-right: solid 1px #e4e2e1;
  border-top: solid 1px #e4e2e1;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
}

.cookright li {
  font-weight: bold;
  /* margin:0 0 18px 32px; */
  padding-bottom: 18px;
  margin-left: 32px;
  background: #fdf9f3;
}

.cookright li span {
  font-weight: normal;
  color: #000000;
}

#miso_border {
  border-top: dotted 1px #e4e2e1;
}

.futomoji {
  font-weight: bold;
}

/* 365杯トップページ
------------------------------------------------- */
#Main365 {
  margin-bottom: 40px;
}

/* 誕生日検索 */
.birthdayarea {
  width: 725px;
  height: 142px;
  box-sizing: border-box;
  /* background:url(img/bg_birthday.gif); */
  background: url(img/bg_birthday.jpg) no-repeat;
  /* border:solid 1px #e3e0e0; */
  padding: 14px 0 18px 0;
  margin-bottom: 16px;
  margin-top: 9px;
}

.birthdayarea h2 {
  font-size: 2.462em;
  color: #fe5c00;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 14px;
}

.day_input {
  font-size: 21px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  text-align: center;
}

.day_input span {
  font-size: 0.833em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #776665;
}

#birthmon {
  width: 32px;
  font-size: 18px;
  text-align: right;
  border: solid 1px #d0cacb;
  border-radius: 4px;
  padding: 4px;
}

#birthday {
  width: 32px;
  font-size: 18px;
  text-align: right;
  border: solid 1px #d0cacb;
  border-radius: 4px;
  padding: 4px;
}

.btnbirthday input {
  height: 25px;
  line-height: 1;
  font-size: 14px;
  color: #FFFFFF;
  background: #fc6026 url(img/btn_birthday.gif) no-repeat right;
  border: solid 1px #fc6026;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/*  */
#CategoryBtn {
  overflow: hidden;
  margin-bottom: 40px;
}

.categorybtn {
  width: 361px;
  float: left;
  line-height: 1;
  position: relative;
}

.categorybtn li {
  list-style: none;
}

#Category_yasai, #Category_tonyuran {
  margin: 0 5px 0 0;
}

#Category_yasai ul, #Category_sakana ul, #Category_tonyuran ul, #Category_kawarimiso #Cate_kawari1 {
  position: absolute;
  top: 83px;
  left: 22px;
}

#Category_kawarimiso #Cate_kawari2 {
  position: absolute;
  top: 83px;
  left: 119px;
}

#TeibanGuzai {
  margin-bottom: 40px;
}

#TeibanGuzai h2 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #351C1B;
  font-weight: normal;
  margin-bottom: 10px;
}

.teiban_box {
  width: 175px;
  border: solid 1px #e6e5e5;
  background-color: #fbfbfb;
  margin: 0 6px 6px 0;
  float: left;
  /* box-sizing:border-box; */
}

.teiban_box p {
  font-size: 0.9em;
  line-height: 1.8em;
  margin: 2px 5px 28px 10px;
}

#NinkiMisoshiru {
  overflow: hidden;
  margin-bottom: 40px;
}

#NinkiMisoshiru h2 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #351C1B;
  font-weight: normal;
  margin-bottom: 10px;
}

.ninki {
  width: 93px;
  /* height:160px; */
  margin: 0 32px 26px 0;
  float: left;
}

.ninki p {
  font-size: 0.9em;
  line-height: 1.4em;
}

#MisoShurui {
  overflow: hidden;
  margin-bottom: 40px;
}

#MisoShurui h2 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #351C1B;
  font-weight: normal;
  margin-bottom: 10px;
}

#MisoShurui img {
  float: left;
  margin: 0 6px 0 0;
}

.cate_sonota {
  /* width:360px;
  float:left;
  margin:0 5px 0 0; */
}

#Kyusyu {
  width: 360px;
  float: left;
}

#Dashi {
  width: 360px;
  float: right;
  position: relative;
}

#Dashi ul {
  list-style: none;
  position: absolute;
  top: 114px;
  left: 47px;
}

.mr0 {
  margin-right: 0px !important;
}

.product2 h3 {
  padding-left: 0px;
}

/* カテゴリーごとの色変化 */
/* 緑 */
#Misoshiru_green .cookarea h3 {
  background: #a1cd5a;
}

#Misoshiru_green .cookright li {
  color: #8ac031;
}

#Green_text {
  color: #8ac031;
  font-weight: bold;
}

/* 肉 */
#Misoshiru_blue .cookarea h3 {
  background: #5d88bf;
}

#Misoshiru_blue .cookright li {
  color: #5d88bf;
}

#Blue_text {
  color: #5d88bf;
  font-weight: bold;
}

/* オレンジ　豆卵乳製品 */
#Misoshiru_orange .cookarea h3 {
  background: #ff9c00;
}

#Misoshiru_orange .cookright li {
  color: #ff9c00;
}

#Orange_text {
  color: #ff9c00;
  font-weight: bold;
}

/* ピンク　その他 */
#Misoshiru_pink .cookarea h3 {
  background: #ff9c00;
}

#Misoshiru_pink .cookright li {
  color: #ff9c00;
}

#Pink_text {
  color: #ff9c00;
  font-weight: bold;
}

/* ピンク麺・餅　その他 */
#Misoshiru_pinkmen .cookarea h3 {
  background: #FFBED9;
}

#Misoshiru_pinkmen .cookright li {
  color: #FFBED9;
}

#Pinkmen_text {
  color: #FFBED9;
  font-weight: bold;
}

/* 練り物　その他 */
#Misoshiru_neri .cookarea h3 {
  background: #D6B789;
}

#Misoshiru_neri .cookright li {
  color: #D6B789;
}

#Brown_text {
  color: #D6B789;
  font-weight: bold;
}

/*湯葉・麩　その他 */
#Misoshiru_yuba .cookarea h3 {
  background: #D2D400;
}

#Misoshiru_yuba .cookright li {
  color: #D2D400;
}

#Yellow_text {
  color: #D2D400;
  font-weight: bold;
}

/* ハム・ウインナー　その他 */
#Misoshiru_hamu .cookarea h3 {
  background: #E8EBA5;
}

#Misoshiru_hamu .cookright li {
  color: #E8EBA5;
}

#Kimidori_text {
  color: #E8EBA5;
  font-weight: bold;
}

#hamu {
  margin: 0;
}

/* このレシピで使用した商品のご紹介 */
/* 野菜　緑 */
#Green_recpe .product2 {
  border-top: solid 4px #a1cd5a;
}

#Green_recpe .product2 h3 {
  color: #a1cd5a;
  background: #ffffff;
}

#Green_recpe .probtn a {
  background: #a1cd5a;
}

#Green_recpe .cttl {
  background: url(img/bg_brown_nabe.gif) no-repeat left center;
  color: #a9775d;
}

/* 肉　青 */
#Blue_recpe .product2 {
  border-top: solid 4px #5d88bf;
}

#Blue_recpe .product2 h3 {
  color: #5d88bf;
  background: #ffffff;
}

#Blue_recpe .probtn a {
  background: #5d88bf;
}

#Blue_recpe .cttl {
  background: url(img/bg_brown_nabe.gif) no-repeat left center;
  color: #a9775d;
}

#bule_text {
  color: #5d88bf;
  font-weight: bold;
}

/* 豆卵乳製品　オレンジ */
#Orange_recpe .product2 {
  border-top: solid 4px #ff9c00;
}

#Orange_recpe .product2 h3 {
  color: #ff9c00;
  background: #ffffff;
}

#Orange_recpe .probtn a {
  background: #ff9c00;
}

#Orange_recpe .cttl {
  background: url(img/bg_brown_nabe.gif) no-repeat left center;
  color: #a9775d;
}

/* その他　ピンク */
#Pink_recpe .product2 {
  border-top: solid 4px #d67083;
}

#Pink_recpe .product2 h3 {
  color: #d67083;
  background: #ffffff;
}

#Pink_recpe .probtn a {
  background: #d67083;
}

#Pink_recpe .cttl {
  background: url(img/bg_brown_nabe.gif) no-repeat left center;
  color: #a9775d;
}

/* 麺・餅　ピンク */
#Pinkmen_recpe .product2 {
  border-top: solid 4px #FFBED9;
}

#Pinkmen_recpe .product2 h3 {
  color: #FFBED9;
  background: #ffffff;
}

#Pinkmen_recpe .probtn a {
  background: #FFBED9;
}

#Pinkmen_recpe .cttl {
  background: url(img/bg_brown_nabe.gif) no-repeat left center;
  color: #a9775d;
}

/*練り物　茶色 */
#Brown_recpe .product2 {
  border-top: solid 4px #D6B789;
}

#Brown_recpe .product2 h3 {
  color: #D6B789;
  background: #ffffff;
}

#Brown_recpe .probtn a {
  background: #D6B789;
}

#Brown_recpe .cttl {
  background: url(img/bg_brown_nabe.gif) no-repeat left center;
  color: #a9775d;
}

/*湯葉・麩　黄色 */
#Yellow_recpe .product2 {
  border-top: solid 4px #D2D400;
}

#Yellow_recpe .product2 h3 {
  color: #D2D400;
  background: #ffffff;
}

#Yellow_recpe .probtn a {
  background: #D2D400;
}

#Yellow_recpe .cttl {
  background: url(img/bg_brown_nabe.gif) no-repeat left center;
  color: #a9775d;
}

/*ハム・ウィンナー　黄緑 */
#Kimidori_recpe .product2 {
  border-top: solid 4px #E8EBA5;
}

#Kimidori_recpe .product2 h3 {
  color: #E8EBA5;
  background: #ffffff;
}

#Kimidori_recpe .probtn a {
  background: #E8EBA5;
}

#Kimidori_recpe .cttl {
  background: url(img/bg_brown_nabe.gif) no-repeat left center;
  color: #a9775d;
}

.product2 {
  border-left: solid 1px #d2d2d2;
  border-right: solid 1px #d2d2d2;
  border-bottom: solid 1px #d2d2d2;
  margin-top: 18px;
  padding: 12px 0;
}

.product2 h3 {
  text-align: center;
}

.productin {
  padding: 0px 40px 0 40px;
}

.productin .pictL {
  margin-right: 16px;
  width: 105px;
}

.productin p {
  font-size: 93%;
  line-height: 1.3;
  padding-bottom: 8px;
  padding-top: 22px;
}

.productin .probtn a, .probtn_nolink {
  width: 100%;
  height: 100%;
  padding: 4px 16px;
  color: #FFFFFF;
  font-size: 93%;
  text-decoration: none;
  position: relative;
  display: none;
}

.probtn_nolink {
  background: #e7e7e7;
}

.productin .probtn a:before {
  content: " ";
  border: transparent solid 0.3em;
  border-left-color: #FFFFFF;
  position: absolute;
  right: 4px;
  height: 0;
  width: 0;
  margin: 0px;
  margin-top: 0.7em;
  padding: 0px;
}

/* 一口メモ */
.hitokuchimemo {
  padding: 30px 10px 20px 15px;
  /* padding:20px 0 0 0; */
  border-top: dotted 1px #e4e2e1;
  background: #fdf9f3;
  position: relative;
  border-left: solid 1px #e4e2e1;
  border-right: solid 1px #e4e2e1;
  border-bottom: solid 1px #e4e2e1;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}

.hitokuchimemo h4 {
  font-size: 15px;
  padding-bottom: 5px;
  color: #F00;
}

/* SNS */
.sns_block {
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
width: 70%;
    margin-left: auto;

}

@media (min-width: 765px) {
  .cookarea {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: minmax(min-content, 1fr) minmax(min-content, 1fr);
    -ms-grid-rows: 1fr 1fr;
    grid-template-areas: "col_l col_r" "col_l2 col_r";
  }

  .cookright {
    grid-area: col_r;
    padding-left: 0.5em;
  }

  .cookleft {
    grid-area: col_l;
    padding-right: 0.5em;
  }

  .prod_box {
    grid-area: col_l2;
    padding-right: 0.5em;
  }
}

@media (min-width: 765px){
  .cookright {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .cookleft {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .prod_box {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
/*種類のページ*/
.misoTab {
  font-size: 16px;
  font-weight: bold;
  float: left;
  width: 157px;
  /* margin-right: 15px; */
  margin-right: 7px;
}

.tabActive {
  background: url(img/ttl_shuruiActive.gif);
  height: 43px;
  width: 156px;
}

.tabInactive {
  background: url(img/ttl_shuruiInactive.gif);
  height: 43px;
  width: 157px;
}

.tabArea {
  overflow: hidden;
}

.misoSetumei {
  /* background:url(img/bg_shuruiMisoMain.gif);
  background-repeat:no-repeat;
  height:1218px;
  background-size:727px 1218px; */
  border: solid 2px #f4f4f4;
  padding-top: 32px;
}

.misoTab p {
  margin-top: 9px;
  text-align: center;
}

.tabActive p a span {
  color: #9B6143;
  border-bottom: 2px solid #9B6143;
  padding: 0px 10px;
}

.tabInactive p a {
  color: #291F1D;
}

.setumei01 {
  height: 176px;
  border-left: solid 1px #e9e7e5;
  margin-bottom: 30px;
}

.setumei01 h1 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 29px;
  font-weight: 100;
  padding: 60px 0px 0px 60px;
}

#Mugimisoimg {
  background: url(img/pho_shurui_01.jpg) no-repeat top;
}

#Komemisoimg {
  background: url(img/pho_shurui_02.jpg) no-repeat top;
}

#Awasemisoimg {
  background: url(img/pho_shurui_03.jpg) no-repeat top;
}

#Akasiromisoimg {
  background: url(img/pho_shurui_04.jpg) no-repeat top;
}

.setumei02 {
  float: left;
  margin: 0px 25px 0px 34px;
  width: 317px;
}

.setumeiTtl {
  color: #9B6143;
  font-size: 15px;
  padding: 3px 0px 3px 12px;
}

.setumei03 {
  float: left;
  width: 317px;
}

.setumei_shosai p {
  font-size: 14px;
  margin: 5px 0px 0px 5px;
}

.shurui_recipe_wrapper {
  clear: both;
  /* padding-top: 50px; */
  padding-bottom: 50px;
}

.shurui_recipe {
  float: left;
  margin: 30px 0px 0px 34px;
  width: 139.25px;
}

.shurui_recipe img {
  border: solid 1px #cbcbcb;
}

.shurui_recipe img:nth-child(1) {
  width: 139.25px;
}

.shurui_recipe p:nth-child(2) {
  font-weight: bold;
}

.shurui_recipe p:nth-child(2) a {
  color: #333;
}

.shurui_recipe img:nth-child(3) {
  float: left;
  padding-top: 3px;
}

.shurui_recipe p:nth-child(4) {
  float: left;
  padding: 3px 0px 0px 15px;
}

.shurui_recipe img:nth-child(5) {
  clear: both;
  float: left;
  padding-top: 3px;
}

.shurui_recipe p:nth-child(6) {
  float: left;
  padding: 3px 0px 0px 10px;
}

.misoshurui_ttl {
  clear: both;
  background: url(img/bg_misoshurui_ttl.gif) repeat-x left bottom;
  margin: 0 34px;
  padding-top: 34px;
}

.misoshurui_ttl h4 {
  font-size: 139%;
  line-height: 1;
  background: #FFFFFF;
  width: 64px;
}

#Akamiso_ttl {
  color: #cb4040;
}

#Siromiso_ttl {
  color: #a9775d;
}

/* 緑黄色野菜の味噌汁ルーチン */
.ttl_yasai01 {
  position: relative;
}

.ttl_yasai01 h1:nth-child(2) {
  color: #5A3D1B;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 40px;
  font-weight: bold;
  position: absolute;
  top: 50px;
  left: 33px;
}

.ttl_yasai01 p:nth-child(3) {
  color: #544C4A;
  font-size: 14px;
  position: absolute;
  top: 119px;
  left: 31px;
  width: 328px;
}

.yasaiShurui {
  overflow: hidden;
  padding: 42px 10px 10px 22px;
}

.yasaiShurui h1 {
  border-right: 3px solid #ECEBEB;
  color: #8AC031;
  font-size: 24px;
  float: left;
  padding: 5px 10px 5px 30px;
}

.yasaiShurui p {
  font-size: 15px;
  float: left;
  padding: 1px 0 5px 10px;
  width: 370px;
}

.mameShurui {
  overflow: hidden;
  padding: 42px 10px 10px 22px;
}

.mameShurui h1 {
  border-right: 3px solid #ECEBEB;
  color: #FF9C00;
  font-size: 24px;
  float: left;
  padding: 5px 10px 5px 30px;
}

.mameShurui p {
  font-size: 15px;
  float: left;
  padding: 1px 0 5px 10px;
  width: 400px;
}

.kawariShurui {
  overflow: hidden;
  padding: 42px 10px 10px 22px;
}

.kawariShurui h1 {
  border-right: 3px solid #ECEBEB;
  color: #D67083;
  font-size: 24px;
  float: left;
  padding: 13px 10px 13px 30px;
  line-height: 1.3;
}

.kawariShurui p {
  font-size: 15px;
  float: left;
  padding: 1px 0 5px 10px;
  width: 400px;
}

.gyokainikuShurui {
  overflow: hidden;
  padding: 42px 10px 10px 22px;
}

.gyokainikuShurui h1 {
  border-right: 3px solid #ecebeb;
  color: #5d88bf;
  font-size: 24px;
  float: left;
  padding: 13px 10px 13px 30px;
  line-height: 1.3;
}

.gyokainikuShurui p {
  font-size: 15px;
  float: left;
  padding: 1px 0 5px 10px;
  width: 400px;
}

.miso_yasaiContentArea, .miso_yasaiContentArea2, .miso_yasaiContentArea3, .miso_yasaiContentArea4, .miso_yasaiContentArea5, .miso_yasaiContentArea_kawari3 {
  border-left: solid 1px #e2ded8;
  border-right: solid 1px #e2ded8;
  border-bottom: solid 1px #e2ded8;
  box-sizing: border-box;
  padding-bottom: 42px;
}

.miso_yasaiContentArea {
  /* background:url(img/bg_shuruiMisoMain.gif);
  background-repeat:no-repeat;
  height:1218px;
  background-size:727px 959px; */
  background: #fdf9f3 url(img/bg_misoMain_top.gif) no-repeat top;
}

.miso_yasaiContentArea2 {
  background: #fdf9f3 url(img/bg_misoMain_top2.gif) no-repeat top;
}

.miso_yasaiContentArea3 {
  background: #fdf9f3 url(img/bg_misoMain_top3.gif) no-repeat top;
}

.miso_yasaiContentArea4 {
  background: #fdf9f3 url(img/bg_misoMain_topYasai4.gif) no-repeat top;
}

.miso_yasaiContentArea5 {
  background: #fdf9f3 url(img/bg_misoMain_top5.gif) no-repeat top;
}

.miso_yasaiContentArea_kawari3 {
  background: #fdf9f3 url(img/bg_misoMain_kawari_top3.gif) no-repeat top;
}

.miso_sakanaContentArea_kaisou {
  background: #fdf9f3 url(img/bg_misoMain_topKaisou4.gif) no-repeat top;
}

.miso_sakanaContentArea_kawari01 {
  background: #fdf9f3 url(img/bg_misoMain_kawari01.gif) no-repeat top;
}

.miso_sakanaContentArea_kawari02 {
  background: #fdf9f3 url(img/bg_misoMain_kawari02.gif) no-repeat top;
}

.miso_sakanaContentArea_kawari03 {
  background: #fdf9f3 url(img/bg_misoMain_kawari03.gif) no-repeat top;
}

.miso_sakanaContentArea_kawari04 {
  background: #fdf9f3 url(img/bg_misoMain_kawari04.gif) no-repeat top;
}

.miso_sakanaContentArea_kawari05 {
  background: #fdf9f3 url(img/bg_misoMain_kawari05.gif) no-repeat top;
}

.misoTab_kawari {
  font-size: 16px;
  font-weight: bold;
  float: left;
  height: 42px;
  margin-right: 6px;
}

.tabArea .misoTab_kawari:nth-child(3) {
  margin-right: 5px;
}

.tabArea .misoTab_kawari:nth-child(4) {
  margin: 0px;
  padding-left: 3px;
}

.tabArea .misoTab_kawari:nth-child(5) {
  margin: 0px;
  padding-left: 6px;
}

/* 人気の味噌汁定番具材 */
.guzaiarea {
  margin-bottom: 64px;
}

.guzai_mimg {
  height: 130px;
  padding: 28px 0 0 56px;
  box-sizing: border-box;
  line-height: 1.4;
}

.guzai_mimg h1 {
  font-size: 2.154em;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.guzai_about {
  padding: 22px 26px 0 0;
}

.guzai_about h2 {
  font-size: 130.8%;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.guzai_about .pictR {
  margin-left: 48px;
}

.guzai_recipe_ttl {
  clear: both;
  background: url(img/bg_misoshurui_ttl.gif) repeat-x left bottom;
  padding-top: 34px;
  margin-bottom: 34px;
}

.guzai_recipe_ttl h2 {
  font-size: 130.8%;
  line-height: 1;
  background: #FFFFFF;
  width: 200px;
}

.guzai_recipe .shurui_recipe {
  margin: 0 34px 24px 0;
  width: 118px;
}

.guzai_recipe .shurui_recipe img {
  width: 116px;
}

.guzai_recipe_sttl {
  border: solid 1px #cccccc;
  padding: 7px 0 7px 45px;
  margin-bottom: 12px;
}

.mametisikiarea {
  padding-top: 52px;
}

.mametisiki_left {
  width: 352px;
  float: left;
}

.mametisiki_right {
  width: 352px;
  float: right;
}

.mame_ttl {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 7px 0 7px 45px;
  margin-bottom: 12px;
}

.kawaritohu_ttl {
  clear: both;
  background: url(img/bg_misoshurui_ttl.gif) repeat-x left bottom;
  padding-top: 34px;
  margin-bottom: 20px;
}

.kawaritohu_ttl h4 {
  font-size: 130.8%;
  line-height: 1;
  background: #FFFFFF;
}

#Nameko_mimg {
  background: url(img/img_ttl_nameko.jpg) no-repeat left top;
}

#Nameko_mimg span {
  color: #efc27c;
}

#Mame_nameko_left .mame_ttl {
  background: url(img/bg_nameko_chawan.gif) no-repeat left center;
}

#Mame_nameko_right .mame_ttl {
  background: url(img/bg_nameko_book.gif) no-repeat left center;
}

#Sijimi_mimg {
  background: url(img/img_ttl_sijimi.jpg) no-repeat left top;
}

#Sijimi_mimg span {
  color: #859aca;
}

#Mame_sijimi_left .mame_ttl {
  background: url(img/bg_sijimi_chawan.gif) no-repeat left center;
}

#Mame_sijimi_right .mame_ttl {
  background: url(img/bg_sijimi_book.gif) no-repeat left center;
}

#Tohu_mimg {
  background: url(img/img_ttl_tohu.jpg) no-repeat left top;
}

#Tohu_mimg span {
  color: #fea81f;
}

#Mame_tohu_left .mame_ttl {
  background: url(img/bg_tohu_chawan.gif) no-repeat left center;
}

#Mame_tohu_right .mame_ttl {
  background: url(img/bg_tohu_book.gif) no-repeat left center;
}

#Wakame_mimg {
  background: url(img/img_ttl_wakame.jpg) no-repeat left top;
}

#Wakame_mimg span {
  color: #a0d070;
}

#Mame_wakame_left .mame_ttl {
  background: url(img/bg_wakame_chawan.gif) no-repeat left center;
}

#Mame_wakame_right .mame_ttl {
  background: url(img/bg_wakame_book.gif) no-repeat left center;
}

#Negi_mimg {
  background: url(img/img_ttl_negi.jpg) no-repeat left top;
}

#Negi_mimg span {
  color: #87c1d9;
}

#Mame_negi_left .mame_ttl {
  background: url(img/bg_negi_chawan.gif) no-repeat left center;
}

#Mame_negi_right .mame_ttl {
  background: url(img/bg_negi_book.gif) no-repeat left center;
}

#Daikonarea {
  background: url(img/img_ttl_daikon.jpg) no-repeat left top;
}

#Daikonarea span {
  color: #cadf75;
}

#Mame_daikon_left .mame_ttl {
  background: url(img/bg_daikon_chawan.gif) no-repeat left center;
}

#Mame_daikon_right .mame_ttl {
  background: url(img/bg_daikon_book.gif) no-repeat left center;
}

#Asariarea {
  background: url(img/img_ttl_asari.jpg) no-repeat left top;
}

#Asariarea span {
  color: #E06580;
}

#Mame_asari_left .mame_ttl {
  background: url(img/bg_asari_chawan.gif) no-repeat left center;
}

#Mame_asari_right .mame_ttl {
  background: url(img/bg_asari_book.gif) no-repeat left center;
}

#Tonyuarea {
  background: url(img/img_ttl_tonyu.jpg) no-repeat left top;
}

#Tonyuarea span {
  color: #BC6143;
}

#Mame_tonyu_left .mame_ttl {
  background: url(img/bg_tonyu_chawan.gif) no-repeat left center;
}

#Mame_tonyu_right .mame_ttl {
  background: url(img/bg_tonyu_book.gif) no-repeat left center;
}

.suikuti {
  border: solid 2px #eaeaeb;
  padding: 7px 0 7px 17px;
  margin-top: 12px;
}

.suikuti h4 {
  color: #5d7abb;
}

#Tamagotohu {
  width: 270px;
  float: left;
}

#Yakitohu {
  width: 422px;
  float: left;
  margin-left: 34px;
}

#Kouyatohu h4, #Yakitohu h4 {
  width: 90px;
}

#Tamagotohu h4 {
  width: 70px;
}

#Sonotatohu h4 {
  width: 130px;
}

/*基本的なダシの取り方*/
.ttl_dashi01 {
  position: relative;
}

.ttl_dashi01 h1:nth-child(2) {
  color: #000000;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 34px;
  font-weight: bold;
  position: absolute;
  top: 30px;
  left: 33px;
}

.ttl_dashi01 p:nth-child(3) {
  color: #85807E;
  font-size: 14px;
  position: absolute;
  top: 118px;
  left: 31px;
  width: 572px;
}

.tab_dashi {
  float: left;
  font-size: 15px;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
}

.tab_dashi a {
  color: #351C1B;
  font-size: 18px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  display: block;
  height: 64px;
  line-height: 64px;
  text-align: center;
  padding-left: 14px;
}

.tab_dashi01 {
  background: url(img/tab_katuo.jpg);
  background-size: 100% 100%;
  height: 64px;
  width: 245px;
}

.tab_dashi02 {
  background: url(img/tab_nibosi.jpg);
  background-size: 100% 100%;
  height: 64px;
  width: 220px;
}

.tab_dashi03 {
  background: url(img/tab_kongou.jpg);
  background-size: 100% 100%;
  height: 64px;
  width: 262px;
}

#katuobushiArea {
  background-image: url(img/bg_katuodasi.jpg);
  /* background-size:; */
  background-repeat: no-repeat;
  margin-top: 50px;
  overflow: hidden;
}

.katuobushiTtl {
  height: 149px;
}

.katuobushiTtl p:nth-child(1) {
  border-right: 1px solid #c7c1c0;
  color: #351C1B;
  float: left;
  font-size: 26px;
  font-weight: bold;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin: 40px 29px 0px 37px;
  padding-right: 29px;
}

.katuobushiTtl p:nth-child(2) {
  color: #85807E;
  font-size: 13px;
  float: left;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-top: 41px;
}

.dashiTukuru01 {
  padding: 0 10px;
  width: 469px;
  border-right: 1px solid #DBD9D9;
  margin-right: 10px;
  margin-left: 7px;
  float: left;
}

.dashiTukuru02 {
  float: right;
  width: 195px;
  margin: 24px 17px 0 0;
}

.dashiTukuru02 p:nth-child(1) {
  color: #DA9325;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

.dashiTukuru02 p:nth-child(2) {
  color: #291F1D;
  width: 195px;
}

.dashi_zairyo p:nth-child(1) {
  background: #E7B972;
  color: #fff;
  font-size: 15px;
  padding: 3px 0 3px 10px;
  width: 450px;
}

.dashi_zairyo p:nth-child(2) {
  border-bottom: 1px solid #ABC8D9;
  padding: 2px 0 2px 5px;
  width: 400px;
}

.dashi_zairyo p:nth-child(3) {
  border-bottom: 1px solid #ABC8D9;
  padding: 2px 0 2px 5px;
  width: 400px;
}

.dashi_zairyo p:nth-child(4) {
  border-bottom: 1px solid #ABC8D9;
  padding: 2px 0 2px 5px;
  width: 400px;
}

.dashi_tukurikata {
  margin-top: 15px;
}

.dashi_tukurikata p:nth-child(1) {
  background: #E7B972;
  color: #fff;
  font-size: 15px;
  padding: 3px 0 3px 10px;
  width: 450px;
}

.dashi_tukurikata ul {
  list-style-type: decimal;
  float: left;
  padding-left: 26px;
  padding-top: 10px;
  width: 252px;
}

.dashi_tukurikata ul li {
  color: #DA9325;
  font-size: 19px;
  line-height: 1.4;
}

.dashi_tukurikata ul li span {
  color: #000000;
  font-size: 14px;
  line-height: 1.5;
}

.tukurikataImg {
  float: right;
  margin-top: 5px;
  margin-right: 9px;
}

.tukurikataImg img {
  display: block;
  margin: 6px 0 0 0;
}

.bg_point {
  background: #F7F6F6;
  background-image: url(img/bg_point.png);
  background-size: 263px 52px;
  background-repeat: no-repeat;
  background-position: 0px 10px;
  color: #E05129;
  height: 47px;
  padding: 5px 5px 0px 54px;
  width: 204px;
  line-height: 1.5;
  margin: 5px 0 10px 0;
}

.bg_point02 {
  background: #F7F6F6;
  background-image: url(img/bg_point02.png);
  background-size: 263px 32px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #E05129;
  height: 27px;
  padding: 6px 5px 0px 54px;
  width: 204px;
  line-height: 1.5;
}

/*煮干しのCSS*/
#NiboshiArea {
  background-image: url(img/bg_nibosidasi.jpg);
  background-repeat: no-repeat;
  margin-top: 50px;
  padding: 5px 0px 16px 0;
  overflow: hidden;
}

.niboshiTtl {
  height: 149px;
}

.niboshiTtl p:nth-child(1) {
  float: left;
  font-size: 18px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  margin: 40px 29px 0px 37px;
}

.niboshiTtl p:nth-child(1) > span:nth-child(1) {
  border-right: 1px solid #c7c1c0;
  display: block;
  font-size: 26px;
  float: left;
  padding-right: 29px;
}

.niboshiTtl p:nth-child(1) > span:nth-child(3) {
  margin-left: 18px;
}

.niboshiTtl p:nth-child(2) {
  color: #85807E;
  font-size: 13px;
  float: left;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-top: 41px;
}

#zairyo_ttl {
  background: #BBAD8F;
}

/*混合だしのCSS*/
#KongouArea {
  background-image: url(img/bg_kongoudasi.jpg);
  background-repeat: no-repeat;
  margin-top: 50px;
  padding: 5px 0px 16px 0;
  overflow: hidden;
}

.kongouTtl {
  height: 149px;
}

.kongouTtl p:nth-child(1) {
  border-right: 1px solid #c7c1c0;
  float: left;
  font-size: 26px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  margin: 40px 29px 0px 37px;
  padding-right: 46px;
}

.kongouTtl p:nth-child(2) {
  color: #85807E;
  font-size: 13px;
  float: left;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-top: 41px;
}

#zairyo_ttl02 {
  background: #A0B785;
}

/*カレンダー*/
.calender_wrapper {
  background: #F8F8F8;
  overflow: hidden;
}

.mainCalender {
  overflow: hidden;
}

.mainCalender .calender_kyotu:nth-child(odd) {
  overflow: hidden;
  padding-right: 15px;
  margin-left: 26px;
}

.ttlCalender {
  text-align: center;
  padding-top: 10px;
}

.ttlCalender p {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.ttlCalender p:nth-child(1) {
  color: #CC7F32;
  font-size: 19px;
  margin-bottom: -37px;
}

.ttlCalender p:nth-child(2) {
  font-size: 64px;
  height: 85px;
  margin-top: 15px;
}

.ttlCalender h1 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 34px;
  margin-bottom: 18px;
  margin-top: -5px;
}

.calender_kyotu {
  height: 247px;
  float: left;
  margin-bottom: 15px;
  position: relative;
  width: 330px;
}

.calender01 {
  background-image: url(img/img_calendar01.png);
  background-repeat: no-repeat;
}

.calender02 {
  background-image: url(img/img_calendar02.png);
  background-repeat: no-repeat;
}

.calender03 {
  background-image: url(img/img_calendar03.png);
  background-repeat: no-repeat;
}

.calender04 {
  background-image: url(img/img_calendar04.png);
  background-repeat: no-repeat;
}

.calender05 {
  background-image: url(img/img_calendar05.png);
  background-repeat: no-repeat;
}

.calender06 {
  background-image: url(img/img_calendar06.png);
  background-repeat: no-repeat;
}

.calender07 {
  background-image: url(img/img_calendar07.png);
  background-repeat: no-repeat;
}

.calender08 {
  background-image: url(img/img_calendar08.png);
  background-repeat: no-repeat;
}

.calender09 {
  background-image: url(img/img_calendar09.png);
  background-repeat: no-repeat;
}

.calender10 {
  background-image: url(img/img_calendar10.png);
  background-repeat: no-repeat;
}

.calender11 {
  background-image: url(img/img_calendar11.png);
  background-repeat: no-repeat;
}

.calender12 {
  background-image: url(img/img_calendar12.png);
  background-repeat: no-repeat;
}

.calender_kyotu p:nth-child(1) {
  font-size: 17px;
  left: 20px;
  top: 89px;
  position: absolute;
}

.calender_kyotu p:nth-child(1) a {
  color: #333333;
  margin-right: 13px;
}

.calender_kyotu p:nth-child(2) {
  font-size: 17px;
  left: 15px;
  top: 128px;
  position: absolute;
}

.calender_kyotu p:nth-child(2) a {
  color: #333333;
  margin-right: 3px;
}

.calender_kyotu p:nth-child(3) {
  font-size: 17px;
  left: 15px;
  top: 167px;
  position: absolute;
}

.calender_kyotu p:nth-child(3) a {
  color: #333333;
  margin-right: 3px;
}

.calender_kyotu p:nth-child(4) {
  font-size: 17px;
  left: 15px;
  top: 208px;
  position: absolute;
}

.calender_kyotu p:nth-child(4) a {
  color: #333333;
  margin-right: 3px;
}

.kyushumap_wrapper {
  background: #fefbf6;
  border: 1px solid #e9e8e8;
}

.kyushumapTtl {
  overflow: hidden;
  margin: 0 auto;
  padding: 10px 0 20px 0;
  width: 640px;
}

.kyushumapTtl h2 {
  float: left;
  font-size: 41px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  border-right: 5px solid #e4e0dc;
  margin-right: 10px;
  padding: 10px 10px 20px 0;
}

.kyushumapTtl p {
  float: left;
  margin-top: 8px;
}

.kyushuMap {
  position: relative;
  margin-left: 20px;
  margin-top: 30px;
}

.kyushuList {
  list-style-type: none;
}

.kyushuList li a {
  color: #544C4A;
}

.kyushuList li a:hover {
  color: #938987;
  text-decoration: none;
}

.fukuokaList {
  left: 313px;
  position: absolute;
  top: 21px;
}

.yamagutiList {
  left: 546px;
  position: absolute;
  top: 66px;
}

.ooitaList {
  left: 514px;
  position: absolute;
  top: 348px;
}

.miyazakiList {
  left: 529px;
  position: absolute;
  top: 465px;
}

.kagosimaList {
  left: 441px;
  position: absolute;
  top: 603px;
}

.kumamotoList {
  left: 102px;
  position: absolute;
  top: 446px;
}

.nagazakiList {
  left: 61px;
  position: absolute;
  top: 321px;
}

.sagaList {
  left: 120px;
  position: absolute;
  top: 94px;
}

.okinawaList {
  left: 92px;
  position: absolute;
  top: 720px;
}

/*.kyushuMap {
	background-image: url(img/img_kyushuMiso_map00.jpg);
	background-repeat: no-repeat;
	height:800px;
}
*/
.kyushuMaptest {
  position: relative;
  height: 913px;
}

.maptest {
  position: absolute;
  display: none;
}

.kyushumapImg {
  display: block;
}

.kyushumapImg_none {
  display: none;
}