@charset "UTF-8";

/* ==========================================================================

   HERO

   ======================================================================= */

#v2-gfooter {
  margin-top: 0;
}

.section-hero {

  background: #FBF62C;

}

.hero__body{

  width: 100%;

}

.hero__title span {

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

  font-size: 0px;

  line-height: 0px;

  display: block;

}

.hero__title::after,

.hero__img01::after,

.hero__img02::after{

  content: '';

  display: block;

}

@media all and (min-width: 768px){

  .hero__body{

    background: url(../img/kodawari/top_img_pc.jpg) no-repeat;

    background-size: contain;

    position: relative;

    margin:0 auto;

    width: 100%;

    max-width: 1500px;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    font-size: 0px;

    line-height: 0px;

  }

  .hero__body::before{

    content: "";

    display: block;

    padding-top: 26%;

  }

}

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

  .hero__body{

    background: url(../img/kodawari/top_img_sp.jpg) no-repeat;

    background-size: contain;

    position: relative;

    width: 100%;

    height: 100%;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    font-size: 0px;

    line-height: 0px;

  }

  .hero__body::before{

    content: "";

    display: block;

    padding-top: 37%;

  }

  .hero__title{

    background: url(../img/kodawari/kodawari_title_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:66.21%;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 13.3%;

  }

  .hero__title::after{

    padding-top: 31.25%;

  }



  .hero__text{

    font-weight: bold;

    text-align: left;

    font-size: 140%;

    line-height: 1.75;

    position: absolute;

    width: 90%;

    top: 38.4%;

    left: 5%;

  }

  .hero__button{

    position: absolute;

    bottom: 10.8%;

    left: 0;

    width: 100%;

    text-align: center;

  }

  .hero__button a{

    display: inline-block;

  }

  .hero__img01{

    background: url(../img/kodawari/kodawari_img01_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:31.21%;

    position: absolute;

    left: 34.5%;

    top: 69.8%;

  }

  .hero__img01::after{

    padding-top: 51.93%;

  }

}









/* ==========================================================================

   men

   ======================================================================= */

.section-kodawari {

}

.kodawari-men {

}

.section-wrapper {

}

.kodawari-header {

}

.kodawari__title {

}

.kodawari__title span,

.men01__title span,

.men02__title span,

.men03__title span,

.men01__stitle01 span,

.men01__stitle02 span,

.sauce01__stitle span,

.sauce02__stitle01 span,

.sauce02__stitle02 span{

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

  font-size: 0px;

  line-height: 0px;

  display: block;

}

.kodawari__title::after,

.men01__title::after,

.men02__title::after,

.men03__title::after,

.men01__stitle01::after,

.men01__stitle02::after,

.sauce01__stitle::after,

.sauce02__stitle01::after,

.sauce02__stitle02::after{

  content: '';

  display: block;

}



.section-kodawari img{

  width: 100%;

  height: auto;

  vertical-align: bottom;

}



.kodawari__body {

}

.men01 {

}

.men01__title {

}

.kodawari__lead {

}

.men01__items {

}

.men01__item {

}

.men01__img01 {

}

.men01__stitle01 {

}

.kodawari__text {

}

.men01__img02 {

}

.men01__stitle02 {

}

.men02 {

}

.men02__title {

}

.men02__img {

}

.men03 {

}

.men03__title {

}

.men03__img {

}



@media all and (min-width: 768px) {

/*  .section-wrapper {

    padding:0;

  }*/

  .kodawari-men{

    background: #FBF62C;

    padding: 0 0  7.81% 0;

  }

  .kodawari-sauce{

    background: #FBF62C;

    padding: 58px 0 80px 0;

  }

  .kodawari-men .kodawari__title{

    background: url(../img/kodawari/mem_title_pc.png) 0 0 no-repeat;

    background-size: cover;

    width:34.38%;

    margin: 0 auto 3.8% auto;

  }

  .kodawari-men .kodawari__title::after{

    padding-top: 23.76%;

  }



  .kodawari-sauce .kodawari__title{

    background: url(../img/kodawari/sauce_title_pc.png) 0 0 no-repeat;

    background-size: cover;

    width:45.61%;

    margin: 0 auto 3.8% auto;

  }

  .kodawari-sauce .kodawari__title::after{

    padding-top: 14.2%;

  }

  .kodawari__lead {

    font-weight: bold;

    font-size: 160%;

    line-height: 1.5;

  }

  .kodawari__text {

    font-size: 160%;

    line-height: 1.5;

  }



  .men01 {

    width: 66.02%;

    float: left;

    box-sizing: border-box;

    padding: 24px 30px 30px 30px;

    margin-bottom: 1.8%;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

  }

  .men02 {

    width: 32.03%;

    float: right;

    box-sizing: border-box;

    padding: 30px;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

  }

  .men03 {

    clear: both;

    box-sizing: border-box;

    padding: 30px 30px 90px 30px;

    position: relative;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

  }



  .men01__header{

    margin-bottom: 22px;

  }

  .men01__header::after{

    content: "";

    display: block;

    clear: both;

  }

  .men01__title{

    background: url(../img/kodawari/mem_stitle1_pc.png) 0 0 no-repeat;

    background-size: cover;

    width:31.17%;

    margin: 4px 0 0 0;

    float: left;

  }

  .men01__title::after{

    padding-top: 20%;

  }



  .men01 .kodawari__lead{

    margin-left:33.17%;

  }



  .men01__items::after{

    content: "";

    display: block;

    clear: both;

  }

  .men01__item{

    width: calc( ( 100% - 17px ) / 2);

    margin-right: 17px;

    float: left;

  }

  .men01__item:nth-child(2n){

    margin-right: 0;

  }

  .men01__item:nth-child(2n + 1){

    clear: left;

  }



  .men01__img01,

  .men01__img02 {

    margin-bottom: 17px;

  }



  .men02__title{

    background: url(../img/kodawari/mem_stitle2_pc.png) 0 0 no-repeat;

    background-size: cover;

    width:38.42%;

    margin: 0 auto 21px auto;

  }

  .men02__title::after{

    padding-top: 33%;

  }



  .men02__img{

    margin-top: 45px;

  }



  .men03__title{

    background: url(../img/kodawari/mem_stitle3_pc.png) 0 0 no-repeat;

    background-size: cover;

    width:54.56%;

    margin: 43px 0 24px 10px;

  }

  .men03__title::after{

    padding-top: 6.98%;

  }



  .men01__stitle01{

    background: url(../img/kodawari/mem_text1_pc.png) 0 0 no-repeat;

    background-size: cover;

    width:24%;

    margin: 0 auto 7px auto;

  }

  .men01__stitle01::after{

    padding-top: 49%;

  }



  .men01__stitle02{

    background: url(../img/kodawari/mem_text2_pc.png) 0 0 no-repeat;

    background-size: cover;

    width:24%;

    margin: 0 auto 7px auto;

  }

  .men01__stitle02::after{

    padding-top: 49%;

  }



  .men03__img{

    width: 27.4%;

    position: absolute;

    right: 40px;

    top: 30px;

  }



  .men03 .kodawari__text{

    width: 60%;

    margin-left: 10px;

    line-height: 1.75;

  }



  .sauce01 {

    position: relative;

    box-sizing: border-box;

    display: flex;

    padding: 30px 30px 30px 30px;

    margin-bottom: 1.8%;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

  }



  .sauce02 {

    box-sizing: border-box;

    padding: 30px 30px 30px 30px;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

  }



  .sauce01__img {

    width: 78.9%;

    height: 100%;

    margin: auto 80px auto 50px;

  }



  .sauce01__item {

    font-weight: bold;

    font-size: 160%;

    line-height: 1.5;

  }



  .sauce01__item-text {

    line-height: 1.75;

  }



  .sauce01__list {

    display: flex;

    align-items: flex-end;

    background: #fefdd5;

    padding: 20px 30px;

    margin: 3% 0;

    border-radius: 10px;

  }



  .sauce01__list dl {

    width: 50%;

    line-height: 1.75;

  }



  .sauce01__stitle{

    background: url(../img/kodawari/spice_text.png) 0 0 no-repeat;

    background-size: cover;

    width:140px;

    margin: 0 0 15px 0;

  }

  .sauce01__stitle::after{

    padding-top: 14%;

  }



  .sauce02 .kodawari__lead {

    text-align: center;

    margin-bottom: 30px;

  }



  .sauce02__item{

    display: table;

    margin-top: 20px;

  }



  .sauce02__img01,

  .sauce02__img02{

    display: table-cell;

    width: 300px;

    vertical-align: middle;

  }



  .sauce02__item-text{

    display: table-cell;

    vertical-align: middle;

    padding-left: 30px;

  }



  .sauce02__stitle01{

    background: url(../img/kodawari/sauce_text1.png) 0 0 no-repeat;

/*    background-size: cover;*/

    width:120px;

    margin: 0 0 15px 0;

  }

  .sauce02__stitle01::after{

    padding-top: 19%;

  }



  .sauce02__stitle02{

    background: url(../img/kodawari/sauce_text2.png) 0 0 no-repeat;

/*    background-size: cover;*/

    width:120px;

    margin: 0 0 15px 0;

  }

  .sauce02__stitle02::after{

    padding-top: 19%;

  }

}

@media all and (min-width: 768px) and (max-width: 959px){

  .kodawari__lead {

    font-size: 130%;

  }

  .kodawari__text {

    font-size: 130%;

  }

}

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

  .kodawari-men{

    background: #FBF62C;

    padding: 40px 0 40px 0;

  }

  .kodawari-sauce{

    background: #FBF62C;

    padding: 30px 0 20px 0;

  }

  .kodawari-men .kodawari__title{

    background: url(../img/kodawari/mem_title_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:59.66%;

    margin: 0 auto 20px auto;

  }

  .kodawari-men .kodawari__title::after{

    padding-top: 20.54%;

  }



  .kodawari-sauce .kodawari__title{

    background: url(../img/kodawari/sauce_title_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:80.52%;

    margin: 0 auto 5.9% auto;

  }

  .kodawari-sauce .kodawari__title::after{

    padding-top: 14%;

  }



  .kodawari__lead {

    font-weight: bold;

    font-size: 120%;

    line-height: 1.5;

  }

  .kodawari__text {

    font-size: 120%;

    line-height: 1.5;

  }



  .men01{

    padding: 23px 15px 15px 15px;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

    margin-bottom: 15px;

  }



  .men02{

    padding: 23px 15px 30px 15px;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    margin-bottom: 15px;

    background: #FFF;

  }



  .men03{

    padding: 23px 15px 30px 15px;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

  }



  .sauce01{

    padding: 23px 15px 15px 15px;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

    margin-bottom: 15px;

  }



  .sauce02{

    padding: 23px 15px 15px 15px;

    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05);

    border-radius: 10px;

    background: #FFF;

    margin-bottom: 15px;

  }



  .men01__title{

    background: url(../img/kodawari/mem_stitle1_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:100%;

    margin: 0 auto 10px auto;

  }

  .men01__title::after{

    padding-top: 11.62%;

  }



  .men01__item{

    margin-top: 18px;

  }



  .men02__title{

    background: url(../img/kodawari/mem_stitle2_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:100%;

    margin: 0 auto 5.9% auto;

  }

  .men02__title::after{

    padding-top: 11.62%;

  }



  .men03__title{

    background: url(../img/kodawari/mem_stitle3_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:100%;

    margin: 0 auto 5.9% auto;

  }

  .men03__title::after{

    padding-top: 11.62%;

  }



  .men01__stitle01{

    background: url(../img/kodawari/mem_text1_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:100%;

    margin: 0 auto 10px auto;

  }

  .men01__stitle01::after{

    padding-top: 9.62%;

  }



  .men01__stitle02{

    background: url(../img/kodawari/mem_text2_sp.png) 0 0 no-repeat;

    background-size: cover;

    width:100%;

    margin: 0 auto 10px auto;

  }

  .men01__stitle02::after{

    padding-top: 9.62%;

  }



  .men02__img{

    margin-top: 15px;

  }



  .men01__img01,

  .men01__img02{

    margin-bottom: 15px;

  }



  .men03__img{

    margin: 20px 40px 0 40px;

  }



  .sauce01__img {

    margin: 20px 30px;

  }



  .sauce01__item {

  }



  .sauce01__item-text {

    font-weight: bold;

    font-size: 120%;

    line-height: 1.5;

  }



  .sauce01__list {

    display: flex;

    align-items: flex-end;

    background: #fefdd5;

    padding: 20px 0 20px 30px;

    margin: 3% 0;

    border-radius: 10px;

  }



  .sauce01__list dl {

    width: 50%;

    font-weight: bold;

    font-size: 120%;

    line-height: 1.5;

  }



  .sauce01__stitle{

    background: url(../img/kodawari/spice_text.png) 0 0 no-repeat;

    background-size: contain;

    width:60%;

  }

  .sauce01__stitle::after{

    padding-top: 16.32%;

  }



  .sauce02__item{

    margin-top: 18px;

  }



  .sauce02__img01,

  .sauce02__img02{

    margin-bottom: 15px;

  }



  .sauce02__stitle01{

    background: url(../img/kodawari/sauce_text1.png) 0 0 no-repeat;

    background-size: contain;

    width:30%;

    margin: 0 auto 5.9% auto;

  }

  .sauce02__stitle01::after{

    padding-top: 19.32%;

  }



  .sauce02__stitle02{

    background: url(../img/kodawari/sauce_text2.png) 0 0 no-repeat;

    background-size: contain;

    width: 30%;

    margin: 0 auto 5.9% auto;

  }

  .sauce02__stitle02::after{

    padding-top: 19.32%;

  }

}