@charset "utf-8";

/*============================================*/
/*看板周辺 */
/*============================================*/

#introduction {
  text-align: center;
}

h1#top_title {
  display:none;
}

#introduction picture {
  display:block;
}

#lead_text {
  padding: 20px 0;
  color:#546569;
  font-family: "Shippori Mincho", serif;
}

#lead_text h2 {
  font-size:1.5rem;
  font-weight:600;
  margin:1.5% 0 4% 0;
}

#lead_text h3 {
  font-family: "Zen Antique Soft", serif;
  font-size:2rem;
  text-align:center;
  line-height:85%;
  margin-top:2%;
  margin-bottom:4%;
  padding:1.0rem 0;
  border-top:solid 1px #333333;
  border-bottom:solid 1px #333333; 
  line-height: 1.5em;
}

#lead_text p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.0rem;
  text-align: center;
  font-weight:bold;
  line-height: 2.0rem;
  color:#546569;
}

@media (max-width: 767px) {
#lead_text h2 {
  font-size:1.0rem;
}
#lead_text h3 {
  font-weight: 400;
  font-size: 1.6rem;
}
}

#introduction nav {
  max-width:1160px;
  margin:0 auto;
  display: grid;
  align-items: center;
  justify-content: center;
}

#introduction nav menu {
  list-style-type: none;
  padding-left: 0;
  display: grid;
  white-space: nowrap;
  justify-content: center;
}

#introduction .menu_5 {
  grid-template-columns: repeat(5, max-content); 
  margin-bottom: 10px;
}

#introduction .menu_6 {
  grid-template-columns: repeat(6, max-content); 
}

#introduction nav menu li {
  padding: 7px 20px;
  margin: 0px 3px;
  border: solid 1px #999;
}

#introduction nav menu li:hover{
  background-color: #f9fff4;
  border: solid 1px #111;
  box-shadow: 2px 2px 0.5px #839e71;
  color: #000;
}

#introduction nav menu li a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #125b2c;
}

@media (max-width: 767px) {
  #introduction nav .menu_5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  grid-template-columns: repeat(1, 1fr); 
}
  #introduction nav .menu_6 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  grid-template-columns: repeat(1, 1fr); 
}

}

/*============================================*/
/*レイアウト */
/*============================================*/

.mamapan {
  overflow: hidden;  
}

.mamapan article {   
  font-size: 1rem;
  line-height:2.2rem;
}

.article_frame {
  display:block;
  margin:0 auto;
  /*max-width:1200px;*/
  padding: 0 20px 100px 20px;
  overflow: hidden;
  /*background-color: #fff;*/
}

.section_inner {
  display:block;
  margin:0 auto;
  max-width:1200px;
  padding: 30px 0;
  margin-bottom: 4%;
  overflow: hidden;
}

#link_01, #link_02, #link_03, #link_04 {
  padding-top:50px; /*ページ内リンクがちょうどよい場所にとぶようにする*/
}

.grd_gp20 {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(auto-fit);
  justify-content: center;
}

.grd_gp50 {
  display: grid;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-columns: repeat(auto-fit);
  justify-content: center;
}

/*均等2分割*/
.grd_col_2fr {
  grid-template-columns: repeat(2, 1fr);
}

/*3：2分割*/
.grd_col_3_2 {
    grid-template-columns: 3fr 2fr;
}

/*2：3分割*/
.grd_col_2_3 {
    grid-template-columns: 2fr 3fr;
}

/*均等2分割 写真が右*/
.grd_col_2fr_r {
  grid-template-columns: repeat(2, 1fr);  
  grid-template-areas:
  "areaA areaB";
}
/*均等3分割*/
.grd_col_3fr {
  grid-template-columns: repeat(3, 1fr); 
}
/*均等4分割*/
.grd_col_4fr {
  grid-template-columns: repeat(4, 1fr);  
}
/*均等5分割*/
.grd_col_5fr {
  grid-template-columns: repeat(5, 1fr);  
}

.grd_itm1 {
  grid-area:areaA;
}
.grd_itm2 {
  grid-area:areaB;
}

.blankb {
  margin-bottom: 20px;
}

.blankb30 {
  margin-bottom:30px;
}

.blankb50 {
  margin-bottom:50px;
}

.blankb80 {
  margin-bottom:80px;
}

.blankb100 {
  margin-bottom:100px;
}

@media (max-width: 767px) {
  .article_frame{
  padding: 0 0 80px;
}

.section_inner {
  padding: 0 10px 80px 10px;
}

	
	
  /*スマホ表示の際、分割せず縦並び*/
  .grd_sp1fr {
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  /*スマホ表示の際、均等2分割横並び*/
  .grd_sp2fr {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .grd_col_2fr_r {
    grid-template-areas:
    "areaB"
    "areaA";
  }

  .blankb {
    margin-bottom: 10px;
  }
}

/*============================================*/
/*見出しその他テキスト */
/*============================================*/

h3.main_heading {
  margin-bottom:50px;
  text-align: center;
  font-size: 1.6rem;
  font-weight:bold;
  position: relative;
  line-height:2.2rem;
}

h4.sub_heading {
  font-family: serif;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: 2.5px;
  text-align: left;
  vertical-align: bottom;
  color:#546569;
  padding: 30px 0px;
}

h4.sub_heading span{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.8px;
  margin-left: 20px;
  border-left: solid 1px #333333;
  padding-left: 20px;
}
@media (max-width: 767px) {
h4.sub_heading {
   font-size: 1.4rem;
}
h4.sub_heading span{
  font-size: .9rem;
  margin-left: 10px;
  padding-left: 10px;
}
}

h5.sub_sub_heading {
  font-size: 1.1rem;
  margin-bottom:15px;
  font-weight:600;
}

mark {
  background: linear-gradient(transparent 60%, #a6ce80 0%);
}

figcaption{
  font-size: clamp(0.8rem, 0.727rem + 0.36vw, 1rem);
  margin-top:5px;
  line-height: 1.5rem;
  color:#333;
}

figcaption span{
  font-size:clamp(0.7rem, 0.627rem + 0.36vw, 0.9rem);
  padding:3px 6px;
  margin-right:5px;
  border:1px solid #333;
}

figcaption strong{
  font-size:clamp(1rem, 0.927rem + 0.36vw, 1.2rem);
  font-weight:bold;
  line-height:2rem;
  display:inline-block;
  margin-bottom:30px;
}

figcaption p{
  font-size:clamp(1rem, 0.927rem + 0.36vw, 1.2rem);
  margin-bottom: 30px;
  line-height: 2rem;
}

.text_center{
  text-align: center;
}

.mamapan a{
  text-decoration: none;
  cursor: pointer;
}

.bellot_text{
  text-align:center;
}

.bellot_text h3{
  font-family: "Shippori Mincho", serif;
  font-weight:600;
  font-size:1.0rem;
  margin-top:6%;
  margin-bottom:2%;
}

.bellot_text h4{
  font-family: "Shippori Mincho", serif;
  font-weight:500;
  font-size:3.0rem;
  line-height: 2.0em;
  margin-bottom:8%;
}
@media (max-width: 767px) {
.bellot_text h4{
  font-size: 2.2rem;
  margin: 2% 0 10%;
  line-height: 1.5em;
}
}
.bellot_text p{
  font-size: 1.3rem;
  line-height: 2.0em;
  letter-spacing: 2px;
  text-align: justify;
  font-feature-settings: "palt";
}

@media (max-width: 767px) {
.bellot_text p{
  font-size: 1.0rem;
  line-height: 2.0em;
}
}

.bellotflour_text{
  text-align:center;

}

.bellotflour_text h5 {
  font-size: 1.5rem;
  color:#168362;
  margin: 1% 0;
  font-weight: bold;
}

.bellotflour_text h5::before {
  content: "";
  width: 10px;
  height: 40px;
  background: #168362;
  margin: 0 auto 10px;
  display: block;
}

.bellotflour_text h6{
  font-size: 2.3rem;
  font-weight: bold;
  display: inline-block;
}

.bellotflour_text_en{
  font-family: "Shippori Mincho", serif;
  font-weight:600;
  font-size:1.0rem;
  text-align:center;
  margin-top:6%;
  margin-bottom:2%;
}

.bellotflour_text_ja{
   font-family: "Shippori Mincho", serif;
   font-weight:500;
   font-size:1.5rem;
   text-align:center;
   margin-bottom:4%;
   padding: 0.5rem 1rem;
}
.bellotflour_text_ja::before{
   content:"｜";
   padding:5% 5%;
}
.bellotflour_text_ja::after{
   content:"｜";
   padding:5% 5%;
}

.specification_flour{
  text-align:left;
   background-color:#546569;
   padding:1% 2%;
   margin:1% 0;
   color:#fff;
}
@media (max-width: 767px) {
.specification_flour{
   padding:0.5% 2%;
   font-size: 0.9rem;
}
.bellotflour_text h6{
   font-size: 1.6rem;
   margin-bottom:8%;
}
}

p {
  font-size: 1.3rem;
  line-height: 2.0em;
  letter-spacing: 2px;
  text-align: justify;
  font-feature-settings: "palt";
}
.small-text{
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.bold{
  font-weight: bold;
}
@media (max-width: 767px) {
p{
  font-size: 1.0rem;
  line-height: 2.0em;
}
.small-text{
  font-size: 0.8rem;
  line-height: 2.2em;
}
}


/*@media (max-width: 767px) {
  h1#top_title, h2#lead_text, h3.main_heading, h4.sub_heading, h5.sub_sub_heading, p{
    width: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    word-wrap: break-word;
  }
}*/


/*============================================*/
/*動画 */
/*============================================*/

/*.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
*/

/*============================================*/
/*PCスマホ切替 */
/*============================================*/

@media only screen and (min-width : 320px) {
  .pc_h {
    display: none;
  }

  .smp_h {
    display: inline;
  }
}

@media only screen and (min-width : 768px) {
  .pc_h {
    display: inline;
  }

  .smp_h {
    display: none;
  }
}

@media only screen and (min-width : 1200px) {
  .pc_h {
    display: inline;
  }

  .smp_h {
    display: none;
  }
}

/*============================================*/
/*表 */
/*============================================*/

table.table_material01 thead th {
  background: #f1f1f1;
  border:#f1f1f1 solid 1px; 
  color: #333;
  padding: 10px 15px;
  vertical-align: middle;
  font-weight:bold;
}


table.table_material01 tbody td {
  background: #ffffff;
  padding: 10px 15px;
  border-bottom: #ababab solid 1px;
  border-left:#ababab solid 1px;
  border-right:#ababab solid 1px;
  vertical-align: middle;
}

.table01 a{
  text-decoration: underline;
}

/*============================================*/
/*ボタン */
/*============================================*/

.flouritem_btn {
  font-size: clamp(0.8rem, 0.727rem + 0.36vw, 1rem); /*←変更不可*/
  /*レスポンシブ対応のフォントサイズ指定　https://min-max-calculator.9elements.com/?16,24,320,1200　などで自動計算してclamp以降を書き出してくれる*/
  background: #eee;
  border-radius: 3px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin:2% 0;
  margin-top:4%;
  padding: 5px;
  color: #313131;
  transition: 0.3s ease-in-out;
  font-weight: bold;
  line-height: 1.7em;
}
.flouritem_btn:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 1.6rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.flouritem_btn:hover {
  background: #157e5e;
  color: #FFF;
}
.flouritem_btn :hover:after {
  right: 1.4rem;
}

/*============================================*/
/*SNS */
/*============================================*/

.excursion_sns {
  background-color: #f1f1f1;
}

.sns_wrap {
  max-width: 1200px;
  margin:0 auto;
}

.sns_frame {
  width:60%;
  /* max-width:1200px;*/
  margin:0 auto; 
  text-align: center;
  grid-template-columns: 4fr 3fr 3fr 3fr;
  padding: 70px 0;
}

.sns_frame li:first-child {
  text-align: left;
  height:-webkit-min-content;
  height:-moz-min-content;
  height:min-content;
  border-right: solid 1px #333;
}

.sns_frame img {
  width:40%;
}

.sns_frame h5 {
  font-family: serif;
  font-size: clamp(1.1rem, 0.955rem + 0.73vw, 1.5rem);
  font-weight: bold;
  margin: 20px 0px;
  text-align: center; 
}

.sns_frame h6 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  margin-bottom: 5px;
  line-height:1.1rem
}

.sns_frame p{
  font-size: 0.75rem;
  text-align:left;
  line-height:1rem;
}

.sns_frame a {
  color:#333;
}

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

  .sns_frame {
      width:70%;
      height:-webkit-min-content;
      height:-moz-min-content;
      height:min-content;
  }

  .sns_frame img {
      width:70%;
  }

  .sns_frame h5{
      margin:8px;
  }

  .sns_frame h6, .sns_frame p {
      display:none;
      height:0;
  }
}


/*▲▲フォーマットcssここまで▲▲*/

/* 背景色 */
.lead-bg01 {
  background-color: #f2eee9;
  padding: 30px 0;
  margin-bottom:4%;
  width: 100%;
}
/* 背景色 */
.be_section {
  background-color: #f2eee9;
  padding: 30px 0;
  margin-bottom: 4%;
  width: 100%;
}

@media screen and (max-width: 767px) {
.be_section {
  padding: 0;
}
}

/*画像背景 */
.block_report_bellot01 {
  height: 800px;
  width: 100%;
  background: url('https://www.mamapan.jp/html/contents/report_bellot/img/obi_pc_bellot.jpg') no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
.block_report_bellot01 {
  height: 300px;
  width: 100%;
  background: url('https://www.mamapan.jp/html/contents/report_bellot/img/obi_smp_bellot.jpg') no-repeat;
  background-size: cover;
}
}
.block_report_bellot02 {
  height: 800px;
  width: 100%;
  background: url('https://www.mamapan.jp/html/contents/report_bellot/img/obi_pc_bellot_01.jpg') no-repeat;
  background-size: cover;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.block_report_bellot02 {
  height: 300px;
  width: 100%;
  background: url('https://www.mamapan.jp/html/contents/report_bellot/img/obi_smp_bellot_01.jpg') no-repeat;
  background-size: cover;
}
}

/*======================================
-----レイアウトの骨組みのみここに記載-----
======================================*/

.mamapan{
  overflow:hidden;
  color:#333; 
}

/*======================================
-------------フッターifarme-------------
======================================*/
/*.iframeWrap5 {
    padding-bottom: 52%;
}*/
@media screen and (max-width: 1024px) {
    .iframeWrap5 {
        padding-bottom: 100%;
    }   
}


/*======================================
---------------ここからレイアウト---------------
======================================*/

/*10pxアキのグリッドレイアウトにする*/
.grd_gp10 {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
/*20pxアキのグリッドレイアウトにする*/
.grd_gp20 {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
/*25pxアキのグリッドレイアウトにする*/
.grd_gp25 {
  display: grid;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}

/*50pxアキのグリッドレイアウトにする
.grd_gp50 {
  display: grid;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}
*/

/*80pxアキのグリッドレイアウトにする*/
.grd_gp80 {
  display: grid;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}


/*均等2分割*/
.grd_col_2fr{
  grid-template-columns: 1fr 1fr;  
}
.grd_col_2fr_r{
  grid-template-columns: 1fr 1fr; 
  grid-template-areas:
    "areaA areaB";
}
/*均等3分割*/
.grd_col_3fr{
  grid-template-columns: 1fr 1fr 1fr;
}
/*均等4分割*/
.grd_col_4fr{
  grid-template-columns: 1fr 1fr 1fr 1fr; 
}
/*3:2の2分割レイアウト（スマホ表示にしたとき、左の要素を上に表示）※直下のdivは何も指定しなくてよい*/
.grd_col_3_2_l {
  grid-template-columns: 3fr 2fr;
}
/*2:3の2分割レイアウト（スマホ表示にしたとき、左の要素を上に表示）※直下のdivは何も指定しなくてよい*/
.grd_col_2_3_l {
  grid-template-columns: 2fr 3fr;
}
/*3:2の2分割レイアウト（スマホ表示にしたとき、右の要素を上に表示）※直下のdivにgrd_itm1,grd_itm2などでエリア指定を行う*/
.grd_col_3_2_r {
  grid-template-columns: 3fr 2fr;
  grid-template-areas:
    "areaA areaB";
}
/*2:3の2分割レイアウト（スマホ表示にしたとき、右の要素を上に表示）※直下のdivにgrd_itm1,grd_itm2などでエリア指定を行う*/
.grd_col_2_3_r {
  grid-template-columns: 2fr 3fr;
  grid-template-areas:
    "areaA areaB";
}
/*1:4の2分割レイアウト（スマホ表示にしたとき、左の要素を上に表示）※直下のdivは何も指定しなくてよい*/
.grd_col_1_4_l {
  grid-template-columns: 1fr 4fr;
}
/*4:1の2分割レイアウト（スマホ表示にしたとき、左の要素を上に表示）※直下のdivは何も指定しなくてよい*/
.grd_col_4_1_l {
  grid-template-columns: 4fr 1fr;
}
.grd_itm1{
  grid-area:areaA;
}
.grd_itm2{
  grid-area:areaB;
}
/*均等3分割SNS用*/
.grd_sns{
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
/*sns内の画像サイズを40%に*/
.grd_sns img{
  width:40%;
}

@media (max-width: 767px){
/*スマホ表示の際、分割せず縦並び*/
.grd_sp1fr{
  grid-template-columns: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

/*スマホ表示の際、分割せず縦並び*/
.grd_sp1fr_r{
  grid-template-columns: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-areas:
  "areaB"
  "areaA";
}


/*スマホ表示の際、均等2分割横並び*/
.grd_sp2fr{
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
/*スマホ表示の際、右の要素を上に表示*/
.grd_col_3_2_r, .grd_col_2_3_r, .grd_col_2fr_r {
  grid-template-areas:
   "areaB"
  "areaA";
}
.grd_sns{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.grd_sns img{
  width:60%;
}
}

/*----------中央寄せ----------*/
.blk_center{
  text-align: center;
}
.txt_center{
  text-align: center; /*インライン要素自体にかけると、要素内のテキストに反映される*/
}

/*----------上下アキ----------*/
.row_bottom{
  margin-bottom:15px;
}
.row_bottom30{
  margin-bottom:30px;
}
.row_bottom40{
  margin-bottom:40px;
}
.row_bottom50{
  margin-bottom:50px;
}
.row_bottom80{
  margin-bottom:80px;
}
.row_bottom100{
  margin-bottom:100px;
}
.row_top{
  margin-top:15px;
}
.row_top30{
  margin-top:30px;
}
.row_top50{
  margin-top:50px;
}
.row_top80{
  margin-top:80px;
}
.row_top100{
  margin-top:100px;
}

/*----------左右アキ----------*/

@media (max-width: 767px){
.margin_side{
  margin-right:10px;
  margin-left:10px;
}
}

/*----------PC・スマホ調整----------*/
@media only screen and (min-width : 320px) {
.pc_h{
  display:none;
}
.smp_h{
  display:inline;
}
}

@media only screen and (min-width : 992px) {
.pc_h{
  display:inline;
}
.smp_h{
  display:none;
}
}

@media only screen and (min-width : 1200px) {
.pc_h{
  display:inline;
}
.smp_h{
  display:none;
	}
}


/*======================================
---------------ここまでレイアウト---------------
======================================*/

/*============================================*/
/* テキスト基本設定 */
/*============================================*/
body * {box-sizing : border-box;}
p {
  font-size: 1.3rem;
  line-height: 2.0em;
  letter-spacing: 2px;
  text-align: justify;
  font-feature-settings: "palt";
}
p01 {
  font-size: 0.9rem;
  line-height: 2.0em;
  letter-spacing: 1px;
  text-align: justify;
  font-feature-settings: "palt";
}
p span{
  font-size:1.3rem;
}
.bold{
  font-weight: bold;
}

@media screen and (max-width: 640px) {
p{
  font-size: 1.0rem;
  line-height: 2.0em;
}
p01 {
  font-size: 0.8rem;
  line-height: 2.2em;
}
p span{
  font-size:1.0rem;
}
}


/* リード部分 ============================================*/
.lead-sentence{
  width: 100%;
  padding: 20px 0;
  color:#546569;
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  text-align: center;
}
.lead-sentence p{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.0rem;
  text-align: center;
  font-weight:bold;
  line-height: 2.0rem;
}
.lead-sentence h3{
  font-size:1.5rem;
  font-weight:600;
  margin:1.5% 0 4% 0;
  text-align:center;
}
.lead-sentence h4{
  font-family: "Zen Antique Soft", serif;
  font-size:3rem;
  text-align:center;
  line-height:85%;
  margin-top:2%;
  margin-bottom:4%;
  padding:1.0rem 0; /*上下の余白 左右の余白*/
  border-top:solid 1px #333333; /*線の種類 太さ 色*/
  border-bottom:solid 1px #333333; /*線の種類 太さ 色*/
  line-height: 1.5em;
}
.intro {
  font-size: 1.0rem;
  line-height: 2.0rem;
  text-align: center;
  font-feature-settings: "palt";
}


/*-------スマホの時-------------*/
@media screen and (max-width: 768px) {
.lead-sentence p{
  font-size: 0.7rem;
  line-height: 1.5rem;
}
.lead-sentence h3{
  font-size:1.0rem;
}	
.lead-sentence h4{
  font-weight: 400;
  font-size:1.6rem;
}
.intro {
  font-size: 1.0rem;
  line-height: 2.0rem;
  text-align: center;
  font-feature-settings: "palt";
}
}

/* 講師プロフ部分 ============================================*/
.prof{
  width: 100%;
  font-style: normal;
}
.prof_name{
  font-family: "Shippori Mincho", serif;
  font-weight:500;
  font-size:2.2rem;
  color:#546569;
}
.prof_name span{
  font-size:1.2rem;
  padding:0 1% ;
}
.prof_shop{
  font-family: "Shippori Mincho", serif;
  font-weight:500;
  font-size:1.2rem;
  margin-bottom:4%;
  color:#546569;
}
.prof p{
  font-size:1.2rem;
}

/*sns*/
.prof_insta{
  font-family: "Zen Antique Soft", serif;
  font-size:0.9rem;
  font-weight:400;
  line-height:1.4rem;	
  color:#546569;
  margin-bottom:4%;
}
.insta {
  padding-left: 4%;
  background: url("https://www.mamapan.jp/html/contents/report_bellot/img/insta_logo.svg") no-repeat ;
  background-size:3%;
}	

@media screen and (max-width: 768px) {
.prof{
   width: 95%;
}
.prof_name{
   font-size:1.8rem;
}
.prof_name span{
   font-size:1.0rem;
}
.prof_shop{
   font-size:1.0rem;
}
.prof p{
   font-size:0.9rem;
}

/*sns*/
.prof_insta{
   font-size:0.8rem;
}
.insta {
   padding-left: 7%;
   background-size:5%;
   background-position: 0 2px;
}	
}

.bellot h2{
   font-family: "Shippori Mincho", serif;
   font-weight:500;
   font-size:3.0rem;
   text-align:center;
   margin-bottom:8%;
}
.bellot h3{
   font-family: "Shippori Mincho", serif;
   font-weight:500;
   font-size:1.5rem;
   text-align:center;
   margin-bottom:4%;
   padding: 0.5rem 1rem;/*文字まわり（上下左右）の余白*/
}
.bellot h3::before{
   content:"｜";
   padding:5% 5%;
}
.bellot h3::after{
   content:"｜";
   padding:5% 5%;
}

.bellot h4{
   font-family: "Shippori Mincho", serif;
   font-weight:600;
   font-size:1.0rem;
   text-align:center;
   margin-top:6%;
   margin-bottom:2%;
}
@media screen and (max-width: 768px) {
.bellot h2{
   font-size:2.2rem;
   margin:2% 0;
   margin-bottom:10%;
}
.bellot h4{
   margin-top:12%;
}
}

.bellot2 h1{
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" "MS PGothic", sans-serif;
   font-weight:bold;
   font-size:3.0rem;
   text-align:left;
   letter-spacing:0.0rem;
   margin-bottom:6%;
}

@media screen and (max-width: 768px) {
.bellot2 h1{
   font-size:2.0rem;
   margin-bottom:8%;
   margin-top:4%;
}
}

/* 見出し ============================================*/
.intro_title{
  font-family: serif;
  font-size: 2.0rem;
  line-height: 20px;
  letter-spacing: 2.5px;
  text-align: left;
  vertical-align: bottom;
  color:#546569;
}
.intro_title span{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.8px;
  margin-left: 20px;
  border-left: solid 1px #333333;
  padding-left: 20px;
}

@media (max-width: 768px) {
.intro_title{
  font-size: 1.4rem;
}
.intro_title span{
  font-size: .9rem;
  margin-left: 10px;
  padding-left: 10px;
}
}

/* 講義部分※主にレシピ名※ ============================================*/
.lec_ttl {
  font-size: 2.3rem;
  font-weight: bold;
  text-align:center;
  display: inline-block;
  margin-top:6%;
  margin-bottom:3%;
}
.lec_ttl::before {
  content: "";
  width: 10px;
  height: 40px;
  background: #168362;
  margin: 0 auto 10px;
  display: block;
}
.lec_ttl p{
  font-size: 1.5rem;
  color:#168362;
  font-weight: bold;
  text-align:center;
  margin: 1% 0;
}

/*-------スマホの時-------------*/
@media screen and (max-width: 768px) {
.lec_ttl {
  font-size: 1.6rem;
  margin-bottom:8%;
}
.lec_ttl::before {
  margin-top:10%;
}
}

/* lunch部分*/
.block_ttl_lunch{
  font-family: serif;	
  font-weight: bold;
  font-size:3rem;
  position: relative;
  text-align:center;
}
.block_ttl_lunch_p{
  font-size: 1.2rem;
  font-family: serif;	
  margin-bottom:4%;
  text-align:center;
}

/*-------スマホの時-------------*/
@media screen and (max-width: 768px) {
.block_ttl_lunch{
  font-size:2.0rem;
}
.block_ttl_lunch_p{
  font-size: 1.0rem;
  margin-bottom:10%;
}
}


body {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.5px;
  background: #ffffff;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
}




/*============================================*/
/* メニュー・ナビボタン */
/*============================================*/
.nav{
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 640px) {
.nav{
  display: block;
  text-align: center;
}
}
.nav ul{
  display: flex;
  width: 80%;
  justify-content: space-between;
}
.nav li{
  display: flex;
  padding: 15px 20px;
  margin: 0px 3px;
  border: solid 1px #999;
}
@media screen and (max-width: 640px) {
.nav li{
  display: block;
  width: 100%;
  margin: 10px 0px;
}
}
.nav li:hover{
  background-color: #f9fff4;
  border: solid 1px #111;
  box-shadow: 2px 2px 0.5px #839e71;
  color: #000;
}
.nav a{
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #125b2c;
}
.nav a:hover{color: #000;}
@media screen and (max-width: 640px) {
.nav a{
  font-size: 13px;
  letter-spacing: 0.5px;
}
}

/* 背景色 */
/*.lead-bg01 { background-color: #f2eee9; padding: 30px 0; margin-bottom:4%;}*/
.lead-bg03 { background-color: #e3e3e3; padding: 5% 0;}
.lead-bgsns { background-color: #f3f3f3; padding: 30px 0px;}


/*区切り罫線*/
.partition-b {
  border-bottom: solid 1px #333333;
  margin-top:100px;
  margin-bottom:100px;
}
@media (max-width: 767px){
.partition-b {
  margin-bottom:70px;
}

.lead-bg03 { background-color: #e3e3e3; padding: 20% 0;}

}

/*============================================*/
/*SNS */
/*============================================*/
.sns{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.sns-box00{
  display: block;
  width: 20%;
  text-align: center;
  border-right: solid 1px #333;
}
.sns-box01{
  display: inline-block;
  width: 15%;
  padding: 10px;
  text-align: center;
}
.sns img{width: 40%;}
.sns h2{
  font-family: "Shippori Mincho", serif;
  font-size: 25px;
  text-shadow: none;
  margin: 40px 0px 30px 0px;
}
.sns h2::before{content: none;}
.sns h4{
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0px;
  text-shadow: none;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.sns img{width: 80%;}
.sns h2{margin: 10px 0px;}
.sns-box00{width: 25%;}
.sns-box01{width: 18%;}
.sns h4{font-size: 11px;}
}



/* ボタン設定 ============================================*/
/*グレー/ワイン*/
.gray-btn a {
  background: #eee;
  border-radius: 3px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
   /*max-width: 280px;*/
  margin:2% 0;
  margin-top:4%;
  padding: 10px 20px;
  color: #313131;
  transition: 0.3s ease-in-out;
  font-weight: bold;
}
.gray-btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 1.6rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.gray-btn a:hover {
  background: #cd212f;
  color: #FFF;
}
.gray-btn a:hover:after {
  right: 1.4rem;
}

/*紺色/白*/
.navy-btn a {
  background: #2a3263;
  border-radius: 3px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  padding: 10px 20px;
  color: #fff;
  transition: 0.3s ease-in-out;
  font-weight: bold;
}
.navy-btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 1.6rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.navy-btn a:hover {
  background: #eee;
  color: #2a3263;
}
.navy-btn a:hover:after {
  right: 1.4rem;
}
.txt_frame1{
  background-color:#546569;
  padding:2%;
  margin:1% 0;
  color:#fff;
}
.inquiry h3{
  font-family:serif;
  font-size:2.0rem;
  text-align:left;
  font-weight:bold;
  margin:4% 0;
  color:#2a3263;
}
.inquiry p{
  font-size:1.0rem;
  color:#333333;
  margin-bottom:5%;
}

/*-------スマホの時-------------*/
@media screen and (max-width: 768px) {
.inquiry{
  width:100%;
}
.inquiry h3{
  font-size:1.2rem;
  /*text-align:center;*/
  margin:6% 0;
}
.inquiry p{
  font-size:0.9rem;
  margin-bottom:5%;
}
}


/*ボタン*/

.item-btn a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*max-width: 280px;*/
	margin:2% 0;
	margin-top:4%;
    padding: 10px 20px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}
.item-btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 1.6rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.item-btn a:hover {
  background: #157e5e;
  color: #FFF;
}
.item-btn a:hover:after {
  right: 1.4rem;
}


.recipe-btn a {
    background: #ae585f;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 20px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}
.recipe-btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 1.6rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.recipe-btn a:hover {
  background: #eee;
  color: #ae585f;
}
.recipe-btn a:hover:after {
  right: 1.4rem;
}