@charset "Shift_JIS";.mr10{ margin-right:10px; }
body {max-width: 680px;margin: 0 auto!important;}
article#cover { padding:0 !important; background:none !important }
article#cover h1 { padding:0 !important; background:none !important }
article#cover h1 img{ width:100%; height:auto; }
.gen_nav { border-bottom: solid 4px #9FC75F; height: 41px; width: 100%; }
.gen_nav ul { list-style: none; overflow: hidden; text-align: left; height: 41px; word-break: break-all; }
.gen_bt { margin: 5px; }
.gen_bt ul li.gen_bt01 { float: left; list-style: none; padding: 2px; }
.gen_nav ul li.gen_nav00 {font-size: 10px !important;width:28%;height: 40px;padding:0 2px;border: solid 1px #CCC;margin-top: 1px;margin-right: 2px;box-shadow: 2px 2px rgba(0,0,0,0.1);display: inline-block;text-align: center;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;line-height: 1.3;display: -webkit-box;display: -moz-box;display: box;-webkit-box-pack: center;-moz-box-pack: center;box-pack: center;-webkit-box-align: center;-moz-box-align: center;box-align: center;}
.gen_nav ul li.gen_nav00 p{line-height: 1.5;}
.gen_nav ul li.gen_nav01 {width:28%;height: 40px;font-size: 10px !important;padding:0 5px;background: #9FC75F;margin-right: 2px;box-shadow: 2px 2px rgba(0,0,0,0.1);display: inline-block;text-align: center;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;line-height: 1.3;display: -webkit-box;display: -moz-box;display: box;-webkit-box-pack: center;-moz-box-pack: center;box-pack: center;-webkit-box-align: center;-moz-box-align: center;box-align: center;}
.gen_nav ul li.gen_nav01 p {color: #fff;font-weight: bold;}

section#selectCycla.search{margin: 10px; background: #ececec; border-radius: 2px; text-align: center; padding: 3px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -webkit-flex-align: center; flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; box-pack: center; -webkit-flex-pack: center; flex-pack: center; -webkit-justify-content: center; justify-content: center;padding-bottom:8px;flex-direction: column;}
section#selectCycla.search p._txt{display: inline-block; color: #e73078; width: 100px;font-weight: bold;margin-left: 15px;width: 100%;text-align: center;padding: 4px 0;}
section#selectCycla.search p{display: inline-block;}
section#selectCycla select{max-width:100%;}
section#selectCycla.search p{display: inline-block;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 1; overflow: hidden;}

/* -----------------------------------------------------------
about
----------------------------------------------------------- */
section#faq{margin:16% 0;}
.wrap_cyclamenabout_ttl{padding:3%;background: #F2CDCD;}
.cyclamenabout_ttl{font-size: 18px;font-family: 'Noto Serif JP', serif;font-weight: 500;text-align: center;margin-top: 4px;line-height: 1.4;color: #d11f1f;}
.cyclamenabout_lead{color:#000;margin-top: 2%;border-top: 1px solid #fff;padding-top: 3%;}
section.accordion._about ul li div.content{padding:3%;}
section.accordion._about ul li div.content p{font-size:14px;line-height: 1.6;margin-bottom:8px;}
section.accordion._about ul li div.content p:last-child{margin:0;}
section.accordion._about ul li div.btn .btn_bg{font-size:15px;}
article section.accordion._about ul li div.btn, article section.accordion._about ul li div.btn.open{background: #D45060!important;}

.winter_heading.heading_bg::before{content:unset;}
.winter_heading.heading_bg h2 {color: #A1011D;}

.wrap_intro{border: 1px solid #ebc1c7;position: relative;margin:48px 8px;padding: 0 16px 16px;}

/* --- area_point --- */
.area_point ul._point {margin: 8% 0 4%;}
.area_point ul._point li {position: relative;padding: 4%;background: #fff7fa;box-sizing: border-box;text-align: center;color: #D45060;margin: 4% 0;}
.area_point ul._point li::after {content: "";position: absolute;top: 4px;left: 4px;width: 0;height: 0;border-style: solid;border-width: 20px 40px 0 0;border-color: #D45060 transparent transparent transparent;transition: 0.2s;}
.area_point ul._point li span._number {font-size: min(6.4vw, 28px);position: relative;}
.area_point ul._point li h3.point_title {font-size: min(4.5vw, 20px);text-align: center;margin-bottom: 3%;color: #D45060;font-weight: bold;}
.area_point ul._point li p.point_lead {font-size: min(3.8vw, 16px);line-height: 1.5;margin:0;}
.area_point .box_arrow ._catch {position: relative;top: 27%;font-weight: 600;}
.area_point .box_arrow {position: absolute;width: 75px;height: 75px;background: #D45060;padding: 0px;text-align: center;color: #FFFFFF;font-size: 12px;font-weight: bold;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;top: 0px;right: 0;box-sizing: border-box;}
.area_point .box_arrow:after {border: solid transparent;content: '';height: 0;width: 0;pointer-events: none;position: absolute;border-color: rgba(202, 65, 125, 0);border-top-width: 15px;border-bottom-width: 15px;border-left-width: 9px;border-right-width: 8px;margin-left: -10px;border-top-color: #D45060;top: 69%;left: 2%;transform: rotate(60deg);}

.area_column{background-image:unset;margin-bottom:0;padding: 0 4% 0;box-sizing: border-box;}

.wrap_intro{border: 1px solid #ebc1c7;position: relative;margin: 4%;padding: 0 4% 4%;}

#charm h3.heading_single{color: #D45060;margin:4%;width:auto;}
#charm .area_point .left_txt h4{margin:4% 0;font-size: min(4.5vw, 20px);}
#charm .area_point .left_txt p{margin: 4% 0;font-size: min(3.8vw, 16px);}
#charm .area_point .left_txt p:last-child{margin-bottom:0;}

h2.heading_common_sub {color: #000;}

h3.heading_single {color: #D45060;margin: 8% 4% 4%;width: auto;}

.area_point_icon span.point {background: #fff7fa;}
.contents_single_submit{margin-bottom:9%;}

#usually {background: #F9FFF5;}
#usually .heading_common{margin-bottom:8%;}

.area_noshi{padding:0 4%;}
.area_noshi a{position: relative;width: 100%;display: block;}
.area_noshi div.txt_noshi {font-size: 16px;background: #D45060;padding: 4%;line-height: 1;text-align: center;color: #fff;font-weight: 600;border-radius:11px;box-shadow: 1px 1px 0px #fff;margin:0 auto;}
.area_noshi div.txt_noshi p{margin:0;color: #fff;}
.area_noshi div.txt_noshi p._lead{    font-size: min(4vw, 16px);color:#fff;margin-bottom: 3%;text-align: center;}
.area_noshi div.txt_noshi p._date{    font-size: min(6vw, 16px) !important;font-weight: bold;margin-left: 8px;margin-right: 8px;line-height: 1;color:#fff;text-align: center;}
.area_noshi p._anno{text-align: center;}