@charset "utf-8";

.box {
    color: #ffffff;
    background: #ffffff;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;

}

.box p {
    margin: 0; 
    padding: 0;
}

.box a:hover{
  color : 333333;
  text-decoration: none;
}



.box1 {
    color: #2a3263;
    background: #ffffff;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;

}

.box1 p {
    margin: 0; 
    padding: 0;
    font-weight: 600; 
    border-bottom: 1px solid #2a3263;

}

.box1 a:hover{
  color : ffffff;
  text-decoration: none;
}


.box2 {
    color: #2a3263;
    background: #f1f1f1;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.box2 p {
    margin: 0; 
    padding: 0;
}

.box2 a:hover{
  color : ffffff;
  text-decoration: none;
}


.box3 {
    color: #ffffff;
    background: #2a3263;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;

}

.box3 p {
    margin: 0; 
    padding: 0;
}

.box3 a:hover{
  color : ffffff;
  text-decoration: none;
}


.box4 {
    color: #2a3263;
    background: #ffffff;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;

}
.box4 p {
    margin: 0; 
    padding: 0;
  border-bottom: 1px dotted #7ac2e3;

}

.box4 a:hover{
  color : 2a3263;
  text-decoration: none;
}


.box5 {
    color: #2a3263;
    background: #ffffff;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;

}
.box5 p {
    margin: 0; 
    padding: 0;
  border-bottom: 1px dotted #7ac2e3;

}

.box5 a:hover{
  color : 2a3263;
  text-decoration: none;
}




.box6 {
    color: #2a3263;
    background: #ffffff;
    width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    text-align: center;
    margin : 0 auto
}

.box6 p {
    margin: 0; 
    padding: 0;
    font-weight: 600; 
    border-bottom: 1px solid #2a3263;
}

.box6 a:hover{
  color : ffffff;
  text-decoration: none;
}


.box1 a:hover{
  color : ffffff;
  text-decoration: none;
}


.s_c-ttl-icon__img {
  display: inline-block;
  vertical-align: middle;
}
.s_c-ttl-icon__img img {
  max-width: 17px;
  height: 17px;
  width: 100%;
}
.s_c-ttl-icon__img.c-ttl-icon__img--recipe {
  max-width: 30px;
  height: 30px;
}
.s_c-ttl-icon__txt {
  display: inline-block;
  vertical-align: middle;
  color: #2a3263;
  font-size: 16px;
  font-size: 1rem;
}
.s_c-ttl-icon__txt-sub {
  color: #7ac2e3;
  font-size: 60%;
  margin-left: 10px;
}

.c-ttl-icon__img {
  display: inline-block;
  vertical-align: middle;
}
.c-ttl-icon__img img {
  max-width: 30px;
  height: 30px;
  width: 100%;
}
.c-ttl-icon__img.c-ttl-icon__img--recipe {
  max-width: 30px;
  height: 30px;
}
.c-ttl-icon__txt {
  display: inline-block;
  vertical-align: middle;
  color: #2a3263;
  font-size: 16px;
  font-size: 1rem;
}
.c-ttl-icon__txt-sub {
  color: #7ac2e3;
  font-size: 60%;
  margin-left: 10px;
}

/* アイコンメニュー */
.c-side-navi {
  margin-bottom: 50px;
}
.c-side-navi__item {
  text-align: center;
}
.c-side-navi__item a {
  display: inline-block;
  cursor: pointer;
}
.c-side-navi__item a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  transition: 0.5s;
  -o-transition: 0.5s;
  /* opera */
  -moz-transition: 0.5s;
  /* firefox */
  -webkit-transition: 0.5s;
  /* chrome, safari */
  -ms-transition: 0.5s;
  /* ie */
}
.c-side-navi__item img {
  max-width: 45px;
  max-height: 45px;
}
.c-side-navi__item span {
  display: block;
  margin-top: 5px;
}

.flex{
  padding: 0 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.flex > *{
  width: 60%;
  background: #fff;
  font-size: 64px;
  text-align: center;
}

@media screen and (min-width: 600px), print {
  .c-footer-navi__sub .c-footer-navi__sub-item {
    padding: 0 20px 30px;
    position: relative;
    border-right: 1px solid #dddddd;
  }
}
.c-footer-navi__sub-contents {
  position: relative;
  z-index: 2;
}
.c-footer-navi__sub-contents-ttl {
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px), print {
  .c-footer-navi__sub-contents-ttl {
    display: block;
  }
}
.c-footer-navi__sub-contents-ttl__in {
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
  color: #2a3263;
  font-weight: bold;

}
@media screen and (min-width: 600px), print {
  .c-footer-navi__sub-contents-ttl__in {
    display: inline-block;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
  }
}


/*  ■table
===============*/
.c-text-table {
  width: 100%;
  background: #ffffff;
}
.c-text-table th, .c-text-table td {
  padding: 5px;
  font-size: 13px;
  font-size: 0.7rem;
  text-align: center;
}
.c-text-table td {
  border: 1px solid #f1f1f1;
  border-top: none;
}
.c-text-table th.c-text-table_th,
.c-text-table thead th {
  background: #7ac2e3;
  color: #ffffff;
  padding: 7px;
  border: 1px solid #ffffff;
}
.c-text-table--gray td {
  border: 1px solid #dddddd;
  border-top: none;
}
.c-text-table--gray th.c-text-table_th,
.c-text-table--gray thead th {
  background: #f1f1f1;
  color: #5e646b;
  padding: 7px;
  border: 1px solid #ffffff;
}
.c-text-table--gray-th td {
  border: none;
  border-bottom: 1px solid #dddddd;
}
.c-text-table--gray-th th.c-text-table_th,
.c-text-table--gray-th thead th {
  background: #f1f1f1;
  color: #5e646b;
  padding: 7px;
  border: 1px solid #ffffff;
}
.c-text-table--white th, .c-text-table--white td {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
  vertical-align: middle;
}
@media screen and (min-width: 375px), print {
  .c-text-table--white th, .c-text-table--white td {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.c-text-table--white td {
  border: none;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.c-text-table--white th.c-text-table_th,
.c-text-table--white th.c-text-table_item,
.c-text-table--white thead th {
  background: #ffffff;
  color: #5e646b;
  padding: 7px 5px;
  border: 1px solid #dddddd;
  font-weight: bold;
}
@media screen and (min-width: 375px), print {
  .c-text-table--white th.c-text-table_th,
  .c-text-table--white th.c-text-table_item,
  .c-text-table--white thead th {
    padding: 10px;
  }
}
.c-text-table--white th.c-text-table_th {
  background: #f1f1f1;
}
.c-text-table--white th.c-text-table_item {
  text-align: left;
  padding-left: 35px;
}
.c-text-table--white th.c-text-table_item--member {
  padding-left: 10px;
}
.c-text-table--white th.c-text-table_item a {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 375px), print {
  .c-text-table--white th.c-text-table_item a {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.c-text-table--accent td {
  border: none;
  border-bottom: 1px solid #FB807A;
  border-right: 1px solid #FB807A;
}
.c-text-table--accent th.c-text-table_th {
  background: #FB807A;
  border: 1px solid #FB807A;
}
.c-text-table--accent th.c-text-table_item,
.c-text-table--accent thead th {
  background: #ffffff;
  color: #5e646b;
  padding: 7px 5px;
  border: 1px solid #FB807A;
  border-top: none;
  font-weight: bold;
}
@media screen and (min-width: 375px), print {
  .c-text-table--accent th.c-text-table_item,
  .c-text-table--accent thead th {
    padding: 10px;
  }
}
.c-text-table--accent th.c-text-table_item {
  text-align: left;
  padding-left: 5px;
}
.c-text-table--accent th.c-text-table_item a {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 375px), print {
  .c-text-table--accent th.c-text-table_item a {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

/*  ■table SPの時に１カラム
===============*/
.c-table-sp {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #dddddd;
}
@media screen and (min-width: 600px), print {
  .c-table-sp--ttl-wide .c-table-sp__ttl {
    width: 50%;
  }
}
@media screen and (min-width: 600px), print {
  .c-table-sp--ttl-wide .c-table-sp__item {
    width: 50%;
  }
}
@media screen and (min-width: 600px), print {
  .c-table-sp {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-table-sp__ttl, .c-table-sp__item {
  padding: 8px;
  line-height: 1.5;
}
@media screen and (min-width: 600px), print {
  .c-table-sp__ttl:last-of-type, .c-table-sp__item:last-of-type {
    border: none;
  }
}
.c-table-sp__ttl {
  position: relative;
  background: #edf7fb;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 600px), print {
  .c-table-sp__ttl {
    font-size: 14px;
    font-size: 0.875rem;
    width: 30%;
    border-bottom: 1px dotted #7ac2e3;
  }
}
.c-table-sp__item {
  margin-bottom: 5px;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (min-width: 600px), print {
  .c-table-sp__item {
    font-size: 14px;
    font-size: 0.875rem;
    border-bottom: 1px dotted #7ac2e3;
    width: 70%;
    margin-bottom: 0;
  }
}
.c-table-sp__line {
  border-top: 2px solid #7ac2e3;
}

/*  ■table ずっと2カラム
===============*/
.c-table-col2 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-table-col2__ttl, .c-table-col2__item {
  padding: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 600px), print {
  .c-table-col2__ttl, .c-table-col2__item {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-table-col2__ttl:last-of-type, .c-table-col2__item:last-of-type {
    border: none;
  }
}
.c-table-col2__ttl {
  font-weight: bold;
  background: #F8F9FB;
  width: 40%;
  border-bottom: 1px solid #ffffff;
}
.c-table-col2__item {
  width: 60%;
  border-bottom: 1px solid #F8F9FB;
}

/*  ■table gray (colと同時に使用)
===============*/
.c-gray-table {
  border-right: 1px solid #ffffff;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 600px), print {
  .c-gray-table {
    border-bottom: none;
  }
}
.c-gray-table__ttl {
  background: #f1f1f1;
  padding: 5px;
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
}
.c-gray-table__info {
  text-align: center;
  padding: 5px 3px 0;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
}
.c-gray-table__info a {
  text-decoration: underline;
}



.c-txt-sentence {
  line-height: 1.6;
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 0 auto;
  letter-spacing: 1.2px;
}