@charset "utf-8";

.bg01::before {
  max-width: 1356px;
  background-image: url('/kodawari/images/kodawari-head-img.png');
}


/**********************************************/
/*                   トップ                    */
/**********************************************/

.top .contents01 .subttl {
  margin-top: 0;
  background-image: url('/kodawari/images/kodawari-subttl01.jpg');
}

.top .contents02 .subttl {
  background-image: url('/kodawari/images/kodawari-subttl02.jpg');
}

.top .colTable {
  margin-bottom: 30px;
}

.top .colTable p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px 0 0;
}

.top .colTable p + p {
  padding: 0 0 0 15px;
}

.top .colTable p.img {
  width: 306px;
}

/**********************************************/
/*                 トップ以外                  */
/**********************************************/

#kodawari:not(.top) .colTable p {
  float: left;
  width: 57%;
}

#kodawari:not(.top) .colTable p.img {
  float: right;
  box-sizing: border-box;
  padding-left: 20px;
  width: 43%;
}

#kodawari:not(.top) .colTable.imgL p {
  float: right;
}

#kodawari:not(.top) .colTable.imgL p.img {
  float: left;
  padding-left: 0;
  padding-right: 20px;
}

.btnfR {
  float: right;
  box-sizing: border-box;
  padding-left: 20px;
  width: 43%;
}

#navGroup ul li {
  display: inline-block;
  vertical-align: middle;
  width: 23%;
}

#navGroup ul li > img{
  width: 70%;
  max-width: 134px;
}

/**********************************************/
/*                    小鍋                     */
/**********************************************/

.konabe .contents01 .subttl {
  background-image: url('/kodawari/images/kodawari-konabe-subttl01.jpg');
}

.konabe .contents02 .subttl {
  background-image: url('/kodawari/images/kodawari-konabe-subttl02.jpg');
}
.konabe .contents03 .subttl {
  background-image: url('/kodawari/images/kodawari-konabe-subttl03.jpg');
}

.konabe .contents04 .subttl {
  background-image: url('/kodawari/images/kodawari-konabe-subttl04.jpg');
}

.konabe .contents02 .colTable .img {
  margin-top: -2%;
}

.konabe .contents03 .colTable .img {
  margin-top: -1%;
}

.konabe .contents04 .colTable .img {
  margin-top: 3%;
}
/**********************************************/
/*                 おばちゃん                  */
/**********************************************/
.obachan .contents01 .subttl {
  background-image: url('/kodawari/images/kodawari-obachan-subttl01.jpg');
}

.obachan .contents02 .subttl {
  background-image: url('/kodawari/images/kodawari-obachan-subttl02.jpg');
}

.obachan .contents03 .subttl {
  background-image: url('/kodawari/images/kodawari-obachan-subttl03.jpg');
}

.obachan .contents01 .colTable .img {
  margin-top: -2%;
}

.obachan .contents02 .colTable .img {
  margin-top: -2%;
}

.obachan .contents03 .colTable .img {
  margin-top: -4%;
}

/**********************************************/
/*                    減塩                     */
/**********************************************/
.genen .contents01 .subttl {
  background-image: url('/kodawari/images/kodawari-genen-subttl01.jpg');
}

.genen .contents02 .subttl {
  background-image: url('/kodawari/images/kodawari-genen-subttl02.jpg');
}

.genen .contents03 .subttl {
  background-image: url('/kodawari/images/kodawari-genen-subttl03.jpg');
}

.genen .contents02 .colTable .img {
  padding-left: 30px!important;
}

.genen .contents03 .colTable .img {
  margin-top: -2%;
}

/**********************************************/
/*                   希少糖                    */
/**********************************************/
.kishoutou .contents01 .subttl {
  background-image: url('/kodawari/images/kodawari-kishoutou-subttl01.jpg');
}

.kishoutou .contents02 .subttl {
  background-image: url('/kodawari/images/kodawari-kishoutou-subttl02.jpg');
}

.kishoutou .contents03 .subttl {
  background-image: url('/kodawari/images/kodawari-kishoutou-subttl03.jpg');
}

.kishoutou .contents04 .subttl {
  background-image: url('/kodawari/images/kodawari-kishoutou-subttl04.jpg');
}

.kishoutou .contents02 .colTable .img {
  margin-top: -2%;
}

.kishoutou .contents03 .colTable .img {
  margin-top: -3%;
}

.kishoutou .contents04 .colTable .img {
  margin-top: -3%;
}


/**********************************************/
/*                   media                    */
/**********************************************/

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

  #kodawari:not(.top) .colTable .img {
    margin-top: 0;
  }

}

@media screen and (max-width: 640px){
  .btnfR {
    float: none;
    padding-left: 0;
    padding-top: 5%;
    width: 100%;
  }
  
/**********************************************/
/*                   トップ                    */
/**********************************************/

  .top .contents01,
  .top .contents02 {
    position: relative;
    padding-bottom: 46%;
  }

  .top .colTable p {
    display: block;
    padding: 0 !important;
  }

  .top .colTable p.img {
    width: 48%;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .top .colTable p.img:last-child {
    right: auto;
    left: 0;
  }

  .top .contents01 .subttl {
    padding-bottom: 16.53%;
    background-image: url('/kodawari/images/kodawari-subttl01_sp.jpg');
  }
  .top .contents02 .subttl {
    padding-bottom: 16.53%;
    background-image: url('/kodawari/images/kodawari-subttl02_sp.jpg');
  }

  /**********************************************/
  /*                 トップ以外                  */
  /**********************************************/

  #kodawari:not(.top) .colTable p {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
  }

  #kodawari:not(.top) .colTable p.img {
    text-align: center;
  }

  #kodawari:not(.top) .colTable p.img img {
    max-width: 100%;
  }

  #navGroup ul li {
    width: 45%;
  }

  #navGroup ul li:nth-child(-n+2) {
    margin-bottom: 3%;
  }

  /**********************************************/
  /*                    小鍋                     */
  /**********************************************/
  .konabe .contents02 .subttl {
    padding-bottom: 16.53%;
    background-image: url('/kodawari/images/kodawari-konabe-subttl02_sp.jpg');
  }

  /**********************************************/
  /*                    減塩                     */
  /**********************************************/
  .genen .contents01 .subttl {
    padding-bottom: 16.53%;
    background-image: url('/kodawari/images/kodawari-genen-subttl01_sp.jpg');
  }
  /**********************************************/
  /*                   希少糖                    */
  /**********************************************/
  .kishoutou .contents01 .subttl {
    padding-bottom: 16.53%;
    background-image: url('/kodawari/images/kodawari-kishoutou-subttl01_sp.jpg');
  }

}