/*============================================*/
/* 基本設定 */
/*============================================*/
body * {box-sizing : border-box;}
p {
  font-size: 14px;
  line-height: 1.9em;
  letter-spacing: 1.9px;
  text-align: justify;
  font-feature-settings: "palt";
}


.bold{font-weight: bold;}


.caption{
	font-size:12px;
	color:##676363;
	margin-top:5px;
	}
	
.caption::before{
	content:"▲";
	margin-right:5px;	
	}

	
@media screen and (max-width: 640px) {
p{
    font-size: 12px;
    line-height: 2.0em;
    left: 0.5px;
}
.caption{
	font-size:12px;
	margin-top:2px;
	}
}




/* リード部分 ============================================*/





.lead-sentence {
  width: 100%;
  padding: 20px 0;
}



.lead-sentence h2 {
  text-align:center ;
  font-size: 1.7rem;
  font-family: serif;
  margin-top:10px;
  margin-bottom:20px;
  font-weight:800;

 padding:1.0em 0; /*上下の余白 左右の余白*/
 border-top:solid 1px #333333; /*線の種類 太さ 色*/
 border-bottom:solid 1px #333333; /*線の種類 太さ 色*/

}



.lead-sentence h2 span {
  text-align:center;
    font-size: 1.0rem;
  font-weight:800;
  margin-top:-20px;
}



.lead-sentence h3 {
  text-align:center;
   font-size: 1.2rem;
}

.lead-sentence h4 {
  text-align:center;
   font-size: 1.6rem;
   font-family:serif;
}

.lead-sentence p {
  font-size: 1.0rem;
  line-height: 2.0rem;
  text-align: center;
}





.intro {
  font-size: 1.0rem;
  line-height: 2.0rem;
  text-align: center;
  font-feature-settings: "palt";

}



/*-------スマホの時-------------*/
@media screen and (max-width: 768px) {
	
.lead-sentence h2 {
  text-align:center;
  font-size: 1.0rem;
  font-weight:800;
}

.lead-sentence p {
  font-size: 0.8rem;
  line-height: 1.6rem;
  text-align: left;
}

.lead-sentence h3 {
  text-align:center;
   font-size: 1.0rem;
}

.intro{
	text-align:left;
  font-size: 0.8rem;
  line-height: 1.8rem;
	}

}




/* テキスト下部にルビ ============================================*/


.under_txt{
	font-size:12px;
	margin-top:-2px;
	margin-bottom:-14px;
	color:#b4b0b0;
}
@media screen and (max-width: 768px) {
.under_txt {
	font-size:10px;
}

}

/* 見出し ============================================*/

.intro_title{
    font-family: serif;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 2.5px;
    text-align: left;
    text-shadow: none;
    vertical-align: bottom;
}

.intro_title span{
    font-size: 14px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 0.8px;
    margin-left: 20px;
    border-left: solid 1px #333;
    padding-left: 20px;
}



.intro_small_title {
  border-left: solid 4px #202020;
  line-height: 1;
  padding: 7px 0 7px 18px;
  font-size:18px;
  font-family: serif;
}


.message{
font-size:40px;
font-family: serif;
letter-spacing:0.1em;
  font-feature-settings: "palt";
	}





@media screen and (max-width: 768px) {
.item_common-ttl {
 /* margin: 0 auto 10px;*/
  padding: 10px 0px;
  font-size: 13px;
  font-weight: bold;
/*  border-bottom: 1px solid #ccc;*/
}

.item_common-txt {
  margin-bottom: 15px;
  padding-bottom: 20px;
  font-size: 12px;
  line-height: 2.3em;
  text-align:justify;
}

.message{
font-size:34px;
letter-spacing:0.1em;
  font-feature-settings: "palt";
	}



}



/*==================*/
/* シェフ紹介用 */
/*==================*/


.chef{
    display: block;
    width: 100%;
    align-items: center;
	padding:5px;

}

.chef-2{
    display: block;
}


@media (max-width: 768px) {
.chef{display: block;}
}




/* シェフ紹介用枠範囲設定 */


.chef-box-main{
	align-items: center;
	
}

.chef-box01{
    display: flex;
    width: 38%;
}
.chef-box02{
    display: block;
    width: 62%;
    padding: 0px 14px;
    margin-left: 10px;
}
.chef-box03{
    display: block;
    width: 100%;
    padding: 0px;
}
.chef-box04{
    display: block;
    width: 100%;
    padding: 0px;
}

.assi-box{
    display: block;
    width: 50%;
    padding: 0px;
	}

@media (max-width: 768px) {
.chef-box01{
    display: block;
    width: 100%;
}
.chef-box02{
    width: 100%;
    padding: 0px;
    margin-left: 0px;
}
}






/* シェフ紹介用　テキスト */



.chef h1{
    display: block;
    font-family: serif;
    font-size: 32px;
    font-weight: bold;
    text-align: left;
    text-shadow: none;
    margin: 10px 0px 10px 0px;
}

.chef h2{
    display: block;
    font-family: serif;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    text-shadow: none;
    margin: 10px 0px 10px 0px;
}
.shopname{
    display: block;
    font-family:  "Alegreya", serif;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
}
.shopname span{
    font-size: 15px;
    font-family: serif;
    letter-spacing: -0.5px;
}
.shopname span::before{
    content: "|";
    margin: 0px 5px 0px 8px;
}



.c-box h3,.c-box-2 h3{
    display: block;
    font-family: serif;
	text-align:center;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0px;
}
.c-box h5,.c-box-2 h5{
    display: block;
    font-family:  "Alegreya", serif;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
}
.c-box h5 span,.c-box-2 h5 span{
    font-size: 13px;
    font-family: serif;
    letter-spacing: -2.5px;
}
.c-box h5 span::before,.c-box-2 h5 span::before{
    content: "|";
    margin: 0px 5px 0px 8px;
}
.chef p{
  font-size: 16px;
  line-height: 2.0em;
  letter-spacing: 0.8px;
  text-align: justify;
  font-feature-settings: "palt";
    margin: 20px 0px 30px 0px;
}
p.small{
    font-size: 13px;
    line-height: 1.8em;
    margin: 10px 0px;
}
@media (max-width: 768px) {
.chef h1{font-size: 20px;}
.chef h2{font-size: 18px;}
.chef h2 span{font-size: 13px;}
.chef p{font-size: 13px;}
.shopname{font-size: 16px;}

.c-box h3,.c-box-2 h3{font-size: 18px;  margin: 5px 0px;}
.c-box h5,.c-box-2 h5{font-size: 12px;}
.c-box h5 span,.c-box-2 h5 span{font-size: 11px;}
p.small{font-size: 11px;}
}





/* シェフ紹介内 SNS部分 */
.p-address{
    display: block;
    text-align: left;
    width: 100%;
    padding: 5px 15px;
    margin-top: 10px;
	background-color:#f6f4f2;
    border-radius: 4px;
}

.p-address__content{
    /*display: flex;*/
    align-items: center;
    margin: 5px 0px;
}
@media (max-width: 768px) {

.p-address{
    padding: 5px 8px;
}

.p-address__content{
    margin: 2px 0px;
}
}
.p-address__img{
    display: inline-block;
    height: auto;
    width: 20px;
}
@media (max-width: 768px) {
.p-address__img{
    display: inline-block;
    height: auto;
    width: 13px;
}
}
.p-address__content h4{
    display: inline-block;
    text-decoration: none;
    margin-left: 10px;
    font-size: 16px;
}
@media (max-width: 768px) {
.p-address__content h4{
    /*margin-left: 4px;*/
    font-size: 12px;
	color:#666;
}
}
.chef-2 h4{
    font-size: 14px;
    letter-spacing: 0px;
    margin-left: 4px;
}
@media (max-width: 768px) {
.chef-2 h4{
    font-size: 12px;
	color:#666;
    margin-left: 2px;
}
}










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

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







/*============================================*/
/* 見出し（小）*/
/*============================================*/
.section-sub-ttl {
  margin-bottom: 20px;
  margin-top: 50px;
  text-align: center;

}

.section-sub-ttl__eng {
  font-size: 2.5rem;
  color: #fff;
  font-family: serif;
}

.section-sub-ttl__engsmall {
  font-size: 1.0rem;
  color: #361900;
  font-family: serif;
}

.section-sub-ttl__jpn {
  font-weight: bold;
  color: #000000;
  font-size: 1.5rem;
  font-family: serif;
}

.section-sub-ttl__jpn span{
  font-weight: bold;
  color: #005633;
  font-size: 1.3rem;
  font-family: serif;
}




.section-sub-ttl_border {
  width: 140px;
  height: 4px;
  background-color:#414141;
  margin: 7px auto 10px;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #e7ecec;
}

.section-sub-ttl_sub {
  font-weight: bold;
  c.chef-box01{
-align: center;
}



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

.intro_title{
    font-family: "Arial";
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 2.5px;
    text-align: left;
    text-shadow: none;
    vertical-align: bottom;
    margin: 0px 30px 20px 0px;
}
.intro_title span{
    font-size: 12px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 1.8px;
    margin-left: 20px;
    border-left: solid 1px #333;
    padding-left: 20px;
}

.text p {
    font-size: 15px;
  line-height: 2.3em;
  text-align: justify;
 /* font-family:"游明朝", YuMincho, "ＭＳ 明朝", serif;
  font-weight: bold;*/
}

.text p01 {
    font-size: 13px;
  line-height: 2.0em;
  text-align: justify;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
        margin-bottom: 10px;
}

.text p02 {
    font-size: 12px;
  line-height: 2.3em;
  text-align: left;

  /*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;*/
}




.bg-gray01 h3{
    font-family: "Arial";
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 2.5px;
    text-align: left;
    text-shadow: none;
    vertical-align: bottom;
    margin: 0px 30px 20px 0px;
}
.bg-gray01 span{
    font-size: 13px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 1.8px;
    margin-left: 20px;
    border-left: solid 1px #333;
    padding-left: 20px;
}



.container h6 {
  font-size: 18px;
  /*text-shadow: 1px 1px 0 #ffffff,
    1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
    1px -1px 0 #ffffff;*/
  margin: 0 0;
  padding-top: 20px;
  margin-bottom: 0px;
    font-weight: bold;
  font-family:"游明朝", YuMincho, "ＭＳ 明朝", serif;
}


.container h5 {
  font-size: 15px;
  /*text-shadow: 1px 1px 0 #ffffff,
    1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
    1px -1px 0 #ffffff;*/
  margin: 0 0;
  padding-top: 10px;
  /*margin-bottom: 30px;*/
    font-weight: bold;
  font-family:"游明朝", YuMincho, "ＭＳ 明朝", serif;
}