@charset "utf-8";

#main .content{ background-color: #ffffff; position: relative; }

#main .choco_parfait_content { background-color: #fff6e9; padding-bottom: 100px;}
#main .choco_parfait_content p { line-height: 1.5 !important;  color: #111;}
#main .choco_parfait_content .font_bold { font-weight: bold;}
#main .choco_parfait_content .copycenter{text-align: center;}
#main .choco_parfait_content .sizedown { font-size: 0.8rem;}
#main .choco_parfait_content .caption { padding-top: 1%; font-size: 0.8rem;}
#main .choco_parfait_content .copy { padding-top: 3%; font-size: 1rem;}

#main .choco_parfait_content .title_wrap {width: 100%; padding:5%; box-sizing: border-box;}
#main .choco_parfait_content .title_wrap .date { text-align: center; padding: 4% 0 0 0; font-size: 1.1rem;}
#main .choco_parfait_content .title_wrap .caption  {text-align: center;}

#main .choco_parfait_content .intro_wrap {width: 80%; margin: auto; padding-top:10%;}
#main .choco_parfait_content .intro_wrap .title { width: 90%; margin: auto;}
#main .choco_parfait_content .intro_wrap .copy { width: 100%; padding-top: 6%;}

#main .choco_parfait_content .info_wrap { position: relative; background: #6a4331; padding: 7% 5%; width: 80%; margin: 10% auto 0; box-sizing: border-box; }
#main .choco_parfait_content .info_wrap .cut { position: absolute; width: 32px; /* ← 逆角丸の大きさ */ height: 32px; background: #fff6e9;  /* 背景色と同じ */ border-radius: 50%; pointer-events: none; }
#main .choco_parfait_content .info_wrap .tl { top: 0; left: 0; transform: translate(-50%, -50%); }
#main .choco_parfait_content .info_wrap .tr { top: 0; right: 0; transform: translate(50%, -50%); }
#main .choco_parfait_content .info_wrap .bl { bottom: 0; left: 0; transform: translate(-50%, 50%); }
#main .choco_parfait_content .info_wrap .br { bottom: 0; right: 0; transform: translate(50%, 50%); }
#main .choco_parfait_content .info_wrap p {color: #fff;}
#main .choco_parfait_content .info_wrap .waku { display: inline-block;  padding: 0.1em 0.4em; border: 1px solid #fff; font-size: 1rem;}
#main .choco_parfait_content .info_wrap p + .waku { margin-top: 8%;}
#main .choco_parfait_content .info_wrap .caption_sp { margin-top: 3%;}

#main .choco_parfait_content .lineup_wrap { width: 80%; margin: 16% auto 0; box-sizing: border-box; }
#main .choco_parfait_content .lineup_btn {cursor: pointer;}
#main .choco_parfait_content .lineup_inner { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background: #ffffff; border: solid 2px #d3bc76 ; box-sizing: border-box;}
#main .choco_parfait_content .lineup_inner ul {padding: 5%;}
#main .choco_parfait_content .lineup_inner ul li {padding: 3% 0;}

#main .choco_parfait_content .shop_wrap .shop { width: 80%; margin: 24% auto 0; box-sizing: border-box; }
#main .choco_parfait_content .shop_wrap .schedule {text-align: center;}
#main .choco_parfait_content .shop_wrap .shop_name {text-align: center; padding-top: 6%;}
#main .choco_parfait_content .shop_wrap .chef {text-align: center; padding-top: 6%;}
#main .choco_parfait_content .shop_wrap .chef_name {text-align: center; padding-top: 4%;}
#main .choco_parfait_content .shop_wrap .main_photo {padding-top: 6%;}
#main .choco_parfait_content .shop_wrap .spec { font-size: 0.9rem; padding-top: 4%;}
#main .choco_parfait_content .shop_wrap .spec .shop {font-weight: bold;}
#main .choco_parfait_content .shop_wrap .spec .honten_gentei { display: inline-block;  padding: 0.1em 0.4em; background-color: #e50012; color: #FFF; font-size: 0.9rem;}
#main .choco_parfait_content .shop_wrap .cross_section {text-align: center; padding-top: 8%;}


@media screen and (max-width: 780px){ /*780px以下のcss*/
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}