@charset "utf-8";
/*--打ち消し系ここから-----------------------*/
#body {
padding: 0 30px 209px 0;
overflow: hidden;
}
#contents-main ul {
list-style: none;
}
#contents-main p {
line-height: 2;
}
/*--打ち消し系ここまで-----------------------*/

#contents-main {
  width: 990px;
  margin:30px 0 50px 30px;
  padding: 0;
}
#mainvisual img {
  width: 100%;
  height: auto;
}
#contents-main #mainvisual {
  position: relative;
}
#contents-main #mainvisual {
  position: relative;
  background-image: url("../img/mv_pc_01_bease.jpg");
  z-index: 600;
  height: 623px;
}
#contents-main #mainvisual_bkimg{
 z-index: 500;
}
#contents-main #main-visual__slide{
z-index: 100;
}
#contents-main #mainvisual .mainvisual_ttl img{
  position: absolute;
  z-index: 100;
  width: 625px;
  top: 168px;
  right: 40px;
}

#contents-main #local-nav ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 865px;
  margin: 0 auto 85px 93px;
}
#contents-main #local-nav .local-nav_line{
  margin: 50px 0px -10px 214px;
}

#contents-main #misonohanashi,
#contents-main .howto_cont_check{
  width: calc(100% * (630 / 990));
  margin: 0 auto;
  background-color: #f5f0d8;
  border-radius: 34px;
  padding: 0 0 20px;
  margin-bottom: 95px;
}
#contents-main #misonohanashi h3{
  text-align: center;
  margin: 0 auto 40px;
}
#contents-main #misonohanashi h3 img{
  margin-top: -15px;
}  
#contents-main #misonohanashi .misonohanashi_list .toggle{
  width: 153px;
  margin: 25px auto;
  background-color: #fff;
  border-radius: 30px;
  padding: 10px 0 10px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
#contents-main .howto_cont_check .howto_cont_check_list .toggle{
  width: 250px;
  margin: 25px auto;
  background-color: #fff;
  border-radius: 30px;
  padding: 10px 0 10px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
#contents-main #misonohanashi .misonohanashi_list .toggle_tx,
#contents-main .howto_cont_check .howto_cont_check_list .toggle_tx{
  display: inline-block;
  width: 140px;
  margin-right: 10px;
  vertical-align: middle;
}
#contents-main #misonohanashi .misonohanashi_list .toggle_btn{
  display: inline-block;
  width: 15px;
  -webkit-transition: 0.4s ease 0s;
	transition: 0.4s ease 0s;
  vertical-align: unset;
}
#contents-main .howto_cont_check .howto_cont_check_list .toggle_btn{
  display: inline-block;
  width: 15px;
  -webkit-transition: 0.4s ease 0s;
	transition: 0.4s ease 0s;
  vertical-align: unset;
}
#contents-main #misonohanashi .misonohanashi_list > div .open p .toggle_btn,
#contents-main .howto_cont_check .howto_cont_check_list > div .open p .toggle_btn{
	transform: rotate(-180deg);
}
#contents-main #misonohanashi .misonohanashi_list .more_body,
#contents-main .howto_cont_check .howto_cont_check_list .more_body{
  display: none;
}

#contents-main #misonohanashi .misonohanashi_list .mod_btn-close img,
#contents-main .howto_cont_check .howto_cont_check_list .mod_btn-close img{
  margin: 0 auto;
  width: auto;
  height: 26px;
}
#contents-main #misonohanashi .misonohanashi_list .mod_btn-close,
#contents-main .howto_cont_check .howto_cont_check_list .mod_btn-close{
  text-align: center;
  line-height: 0;
  margin: 30px auto 20px;
  cursor: pointer;
}
#contents-main #misonohanashi .misonohanashi_list .toggle_txt span,
#contents-main .howto_cont_check .howto_cont_check_list .toggle_txt span{
   margin-right: 5px;
}
#contents-main #misonohanashi .more_body p{
  padding: 25px 15px 30px;
  font-size: 15px;
  font-weight: bold;
}
#contents-main #misonohanashi .more_body p.txt_02{
  padding: 50px 15px 30px;
}
#contents-main #misonohanashi .more_body{
  width: calc(100% * (493 / 630));
  margin: 0 auto;
}
#contents-main #misonohanashi .misonohanashi_img{
  text-align: center;
}
#contents-main .step {
  margin: 90px auto 60px;
  text-align: center;
}
#contents-main .howto_cont_check .howto_cont_check_list ul{
  width: 500px;
  margin: 0 auto 20px;
  font-size: 15px;
  line-height: 22px;
}
#contents-main .howto_cont_check .howto_cont_check_list li{
  padding-bottom: 8px;
  text-indent: -1.7em;
  margin-left: 1em;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
#contents-main .howto_cont_check .howto_cont_check_list li::before{
  content: "●";
  color: #ba9457;
  padding-right: 0.2em;
  font-size: 30px;
}
#contents-main .howto_cont_check h3{
  text-align: center;
}
#contents-main .howto_cont_check h3 img {
  margin: 20px auto;
}

#contents-main .movie {
 text-align: center;
 margin-bottom: 90px;
}
#contents-main .movie_ttl_img {
 margin: 0 auto 30px;
 width: 212px;
}

#contents-main .otegarumiso_cont{
  background-color: #f4e3d2;
}
#contents-main .tedukuriumiso_cont{
  background-color: #eae4d8;
}
#contents-main .koujityoumiryou_cont{
  background-color: #f5ecdd;
}

#contents-main .otegarumiso_cont .otegarumiso_cont_inner,
#contents-main .tedukuriumiso_cont .tedukuriumiso_cont_inner,
#contents-main .koujityoumiryou_cont .koujityoumiryou_cont_inner{
  width: calc(100% * (790 / 990));
  margin: 0 auto;
  padding: 75px 0; 
}
#contents-main .otegarumiso_cont h2,
#contents-main .tedukuriumiso_cont h2,
#contents-main .koujityoumiryou_cont h2{
  text-align: center;
}
#contents-main .otegarumiso_cont h2 img{
 width: 293px;
 margin: 0 auto;
}
#contents-main .tedukuriumiso_cont h2 img{
 width: 289px;
 margin: 0 auto;
}
#contents-main .koujityoumiryou_cont h2 img{
 width: 327px;
 margin: 0 auto;
}
#contents-main .otegarumiso_cont p,
#contents-main .tedukuriumiso_cont p{
 font-weight: bold;
 text-align: center;
 color: #733a01;
 margin: 20px auto 50px;
 font-size: 16px;
}
#contents-main .otegarumiso_cont .resip_block,
#contents-main .tedukuriumiso_cont .resip_block{
  display: flex;
  justify-content: space-between;
}
#contents-main .koujityoumiryou_cont .resip_block{
  display: flex;
  justify-content: space-around;
  align-items: end;
}
#contents-main .otegarumiso_cont .resip_block .resip img,
#contents-main .tedukuriumiso_cont .resip_block .resip img{
  width: 363px;
}
#contents-main .koujityoumiryou_cont .resip_block .resip img{
  width: 326px;
}
#contents-main .tedukuriumiso_cont .resip_block .resip .resip_text_01 img{
  width: 213px;
  margin: 20px auto 0;
}
#contents-main .tedukuriumiso_cont .resip_block .resip .resip_text_02 img{
  width: 238px;
  margin: 15px auto 0;
}
#contents-main .tedukuriumiso_cont .resip_block .resip .resip_text_03 img{
  width: 308px;
  margin: 15px auto 0;
}  
#contents-main .tedukuriumiso_cont .resip_block .resip .resip_text_01,
#contents-main .tedukuriumiso_cont .resip_block .resip .resip_text_02,
#contents-main .tedukuriumiso_cont .resip_block .resip .resip_text_03{
  text-align: center;
}
#contents-main .bnr_cont{
  text-align: center;
  margin: 90px auto;
}
#contents-main .bnr_cont .bnr_txt img{
  width: 325px;
}
#contents-main .bnr_cont .bnr_txt {
  text-align: center;
  margin-bottom: 30px;
}
#contents-main .koujityoumiryou_cont .resip .bnr_txt_01,
#contents-main .koujityoumiryou_cont .resip .bnr_txt_02{
  text-align: center;
  margin-bottom: 23px;
}
#contents-main .koujityoumiryou_cont .resip .bnr_txt_01 img{
  width: 224px
}
#contents-main .koujityoumiryou_cont .resip .bnr_txt_02 img{
  width: 212px
}
#contents-main .koujityoumiryou_cont .resip {
  margin-top: 33px;
}
#contents-main .cont_ingredients{
  width: 600px;
  margin: 100px auto;
}
#contents-main .cont_ingredients p {
  margin: 40px auto 80px 13px;
  font-size: 15px;
  line-height: 24px;
  text-indent: -1em;
  }
#contents-main .cont_ingredients .content_note {
  margin: 20px auto 0;
  text-align: center;
  color: #df0f0f;
  font-weight: bold;
  font-size: 18px;
  text-indent: 0;
  }
#contents-main .cont_ingredients .bnr_txt_01,
#contents-main .cont_ingredients .bnr_txt_02{
  text-align: center;
}
#contents-main .cont_ingredients .bnr_txt_01 img{
  width: 250px;
  margin: 0 auto 25px;
}
#contents-main .cont_ingredients_btn{
  text-align:center; 
}
#contents-main .cont_ingredients .bnr_txt_02 img{
  width: 297px;
  margin: 0 auto 25px;
}
#contents-main .cont_ingredients .text_blue{
  color: #029fd9;
  text-decoration: underline;
}
#contents-main .shitumon_cont {
  background-color: #f6f5d0;
}
#contents-main .shitumon_cont_inner{
  margin: 45px auto;
  padding: 34px 0 90px;
  text-align: center;
}
#contents-main .shitumon_list_inner{
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
} 
#contents-main .shitumon_cont ul{
  margin: 30px 0 0 0;
  font-size: 15px;
  line-height: 22px;
}
#contents-main .shitumon_cont li{
  padding-bottom: 10px;
  text-indent: -1.5em;
  margin-left: 1em;
}
#contents-main .shitumon_cont li:last-child{
  padding-bottom: 0px;
}
#contents-main .shitumon_cont li::before{
  content: "●";
  color: #ffe400;
  padding-right: 0.2em;
  font-size: 30px;
}
#contents-main .shitumon_cont .btn_text{
  text-align: center;
}
#contents-main .shitumon_cont .shitumon_btn{
  text-align: center;
  margin: 60px 0 0;
}
#contents-main .shitumon_cont .shitumon_btn img{
width: 350px;
text-align: center;
}
#contents-main .shitumon_cont .shitumon_cont_list li {
  padding-bottom: 8px;
  text-indent: -1.7em;
  margin-left: 1em;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  }



#contents-main a{
  transition: opacity .3s ease;
}
#contents-main a:hover {
  opacity: 0.7;
}

/* swiper */
#contents-main #mainvisual .main-visual__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
#contents-main #mainvisual .main-visual__slide .swiper-wrapper {
  position: relative;
}
#contents-main #mainvisual .main-visual__slide .swiper-slide {
  width: 100%;
  height: auto;
}
#contents-main #mainvisual .main-visual__slide .slide01 {
  background-image: url("../img/mv_pc_01_over.png");
}

#contents-main #mainvisual .main-visual__slide .slide02 {
  background-image: url("../img/mv_pc_02_over.png");
}
#contents-main #mainvisual .main-visual__slide .swiper-slide {
  opacity: 0 !important;
}

#contents-main #mainvisual .main-visual__slide .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

#contents-main #mainvisual .main-visual__slide .slide-img {
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}


/*--ここから残す----------------------------*/
/* btnlink */
.subwin {
  padding-right: 16px;
  background: url(/_assets/img/icon_blank.png) no-repeat right center;
}

/* breadcrumb */
.sp_breadcrumb {
  border-top: 1px solid #e5e2db;
  margin-bottom: -100px;
}
.sp_breadcrumb > ul {
  background: transparent none repeat scroll 0 0;
  list-style: outside none none;
  overflow: hidden;
  padding: 26.5px 30px;
}
.sp_breadcrumb > ul > li {
  float: left;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.sp_breadcrumb > ul > li > a {
  color: #d44830;
  text-decoration: none;
}
.sp_breadcrumb > ul > li > a:hover {
  color: #e68271;
  text-decoration: none;
}