@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;}

/* --------------------------------------------------- */
/* common
/* --------------------------------------------------- */
html{width:100%;height:100%;}
body{min-width:1000px;}

@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(//use.fontawesome.com/releases/v5.0.6/css/all.css);

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 500;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
#mother { line-height: 1.5em; font-size: 16px; position: relative;}
#mother ol,#mother ul { list-style: none;}
#mother .sanserif,#mother .sanserif *,#mother .btn, #mother .point p, #mother .badge p,#experience02 p, #experience02 a {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
#mother a:link,#mother a:visited{ color: #222;}

#footer_pc {
  display: block;
}
#footer_sp {
  display: none;
}

.soldout{ width:90%; height:2.2em; margin:auto; padding:5px; font-weight:bold; font-size:1.1em; color:#fff; background:#c00; position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; z-index:10;}


/*main*/
.container{width:100%;max-width:1040px;padding:0 20px;margin:auto;position:relative;box-sizing:border-box;}
.main-block{color:#444;font-size:16px;line-height:1.6;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;font-weight:500;}
.main-block a{color:#222;text-decoration:none!important;transition:.3s;}
.main-block a:hover{opacity:0.7;}
.clearfix:after{content: "";clear: both;display: block;}

#spmenuArea{display:none;}
#spfooterArea{display:none;}
.no-pc{display:none;}
.no-sp{display:block;}

/* bg */
.bg-white {background-color: #fff;}

/*img*/
img{width:auto;max-width:100%;-webkit-backface-visibility:hidden;box-sizing: border-box;}
.img-left {float: left;margin-right: 30px;}
.img-right {float: right;margin-left: 30px;}
div.img-right,div.img-left {text-align: center;}

/*txt*/
.txt_l{text-align:left!important;}
.txt_c{text-align:center!important;}
.txt_r{text-align:right!important;}
.f_bold{font-weight:bold;}
.f-min{font-family:游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;}
.article_txt{line-height:1.8em;text-align:center;}
.c-pink {color: #fb4b6c!important;}
.c-purple {color: #6871be!important;}

/*h2*/
.main-block h2{font-size:30px;margin-bottom:40px;text-align:center;line-height:1.3;}

/*ttl-pink*/
.ttl-pink{position: relative;padding:10px 20px;background-color:#f86585;}
.ttl-pink h3{color:#fff;text-align:center;font-size:24px;font-weight:normal;}
.ttl-pink small{font-size:16px;}
.ttl-pink br.sp{display:none;}
.ttl-pink .r-txt{position: absolute; top: 14px; right: 15px;}
.ttl-pink .r-txt li {padding: 5px 10px; color: #f86585; font-size: 13px; font-weight: bold; text-align: center; background-color: #fff;}
.ttl-pink .r-txt li + li {margin-top: 4px;}

/*pagetop*/
#pagetop{right:20px;bottom:20px;transition:.3s;}
#pagetop:hover{opacity:0.7;}
#pagetopsp{display:none;}

/* clearfix */
.clearfix:after,.inner:after,.col-group:after{	content: "";	display: block;	clear: both;}

/* pop */
.ttl-pop{display:inline-block;position:relative;}
.ttl-pop::before{content:"";display:block;width:2px;height:80%;border-left:2px dotted #fb4b6c;position:absolute;bottom:5px;left:0;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
.ttl-pop::after{content:"";display:block;width:2px;height:80%;border-left:2px dotted #fb4b6c;position:absolute;bottom:5px;right:0;-webkit-transform:rotate(20deg);transform:rotate(20deg);}

/* col-group
---------------------------------------------------*/
.col-group {padding: 1em 0;}
.col-group.img100 img {width: 100%;}
.col-2,.col-3 {	float: left;	margin-right: 4%;	display: block;}

/* anchorlink */
.anchorlink {
  margin-top: -180px;
  padding-top: 180px;
}

/* acceptance */
.acceptance {position: relative; color: #f86585; font-weight: bold; text-align: center; margin-top: 100px; font-size: 28px;}
.acceptance:after {content: "";position: absolute;background-color: #fde77e; width: 35%; height: 10px; left: 0; right: 0; bottom: 5px; margin: 0 auto; z-index: -1;}
/*.acceptance:before {  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  margin:-100px 0 0 -80px;
  padding-right:10px;
  background-image: url(../img/fukidashi.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align: middle;}*/

/* free_shipping */
.free_shipping:after {content: "送料無料"; display: inline-block; margin: 0 5px; padding: 3px 5px; color: #fff; font-size: 12px; font-weight: bold; background-color: #dd0000;}

/* kiwami */
.item01 .item-list li.kiwami {position: relative;}
.item01 .item-list li.kiwami:before{position: absolute;content: "";top: 1px;right: 1px;width: 120px;height: 70px;z-index: 1;}
.item01 .item-list li.kiwami-y:before{background-image: url(../img/sweets_icon_yamagata.png);}
.item01 .item-list li.kiwami-n:before{background-image: url(../img/sweets_icon_nippon.png);}

@media (min-width: 600px) {
	.col-2 {width:48%;}
  .col-3 {width:30.6666%;}
	.col-2:nth-child(2n),.col-3:nth-child(3n){ margin-right:0; }
	.col-2:nth-child(n+3),.col-3:nth-child(n+4){ margin-top:4%; }
}
@media (max-width: 599px) {
	.col-2,.col-3 {float: none;width: 100%;margin: 0;}
	.col-2:nth-child(n+1),.col-3:nth-child(n+1) {margin-top: 2%;}
}

/* IE */
body.ie .main-block{font-family: Verdana, Meiryo, sans-serif;}

/* --------------------------------------------------- */
/* mv
/* --------------------------------------------------- */
#mv {position: relative;overflow:hidden;background:url(../img/mv-back.png) no-repeat center center;background-size:cover;}
#mv .inner{max-width:1040px;padding:0 20px;height:700px;margin:0 auto;position:relative;}
#mv .ringbell-logo{margin-top: 30px;}
#mv .txt-box {width: 50%;padding-left: 40px;}
#mv h1 {padding: 87px 0 30px;}
#mv .lead {font-weight: bold;letter-spacing: 0.1em;line-height: 2em;padding: 0;}
#mv .final {
	margin-top: 1em;
	padding: 1.5em;
	text-align: center;
	background-color: #ffe5ea;
	width: 15em;
	border-radius: 2em;
	color: #fb4b6c;
}
#mv .final span { font-size:0.7em;}

#mv .logo_month { 
	margin-top: 1em;
}

#mv .catalog {position:absolute;right:-40px;bottom:20px;}
#mv .bg_left {position: absolute;left: 0;bottom: 0;z-index: -1;}
#mv .bg_right {position: absolute;right: 0;top: 0;z-index: -1;}

#mv .postage {padding: 15px; color: #fff; text-align: center; font-size: 20px; font-weight: bold; letter-spacing: 0.1em; background-color: rgba(0,0,0,0.7);}
	
/*head*/
.head {padding: 40px 0 100px;}
.head p {font-size: 20px; line-height: 2; text-align: center; letter-spacing: 0.1em;}
#mother .head p.f-min a {
	text-decoration: underline !important;
	color: #ff809f;
}


/* --------------------------------------------------- */
/* #page-nav
/* --------------------------------------------------- */
#page-nav{color: #fff; text-align: center; background-color: #f86585;}
#page-nav .page-nav-ttl {padding: 50px 0 30px;}
#page-nav .page-nav-ttl h2 {display: inline-block; margin-bottom: 0; font-size: 30px; line-height: 1.3;}
#page-nav .page-nav-ttl h2:before,#page-nav .page-nav-ttl h2:after {content: ""; top: 30px; display: inline-block; width: 53px; height: 48px; background: center center / 100% auto no-repeat;}
#page-nav .page-nav-ttl h2:before {margin-right: 25px; background-image: url(../img/pagenav_ttl01.png); }
#page-nav .page-nav-ttl h2:after {margin-left: 25px; background-image: url(../img/pagenav_ttl02.png);}
#page-nav .page-nav-ttl h2 br.sp{display: none;}
#page-nav .page-nav-link {position: relative; bottom: -40px; margin:0 50px; display: flex; justify-content: space-between;}
#page-nav .page-nav-link li {
	position: relative;
	width: 182px;
	height: 200px;
	background-color: #f86585;
	border: 1px solid #fff;
}
#page-nav .page-nav-link li a {position: relative; width: 100%; height: 100%; top: 4px; left: 4px; display: block; color: #fff; background-color: #f86585; border: 1px solid #fff;}
#page-nav .page-nav-link li a:after{position: absolute;content:"";left: 80px;bottom: 13px;display: block;width: 12px;height: 12px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);}
#page-nav .page-nav-link li .img {position: absolute;top: -36px;left: 30%;}
#page-nav .page-nav-link li .txt {padding-top: 50px;}
#page-nav .page-nav-link li span {margin-bottom: 15px; color: #fdd9e0; font-size: 14px; line-height: 1.6;}
#page-nav .page-nav-link li p {
	font-size: 18px;
	line-height: 1.3;
	margin-top: 0.5em
}
#page-nav .page-nav-link li p span {margin-bottom: 0; font-size: 16px; color:#FFF; line-height: 1;}

#page-nav.fixed {left: 0;position: fixed;top: 0;width: 100%;z-index: 50;}
#page-nav.fixed .page-nav-ttl {display: none;}
#page-nav.fixed .page-nav-link li {height: 140px;}
#page-nav.fixed .page-nav-link li .txt span {display: none;}

/* --------------------------------------------------- */
/* #popular
/* --------------------------------------------------- */
#popular{padding: 160px 0 90px; background: url(../img/selection-left_img.png) left 112px / auto auto no-repeat, url(../img/selection-right_img.png) right 112px / auto auto no-repeat;}
#popular *{box-sizing: border-box;}
#popular .popular-box {width: 1100px; margin: 0 auto; padding: 0 49px 59px; text-align: center; background-color: #fff; border: 1px solid #f5a2b4;}
#popular .popular-ttl {display: inline-block; margin: -45px 0 40px; padding: 0 50px; text-align: center; background-color: #fff; letter-spacing: 0.2em;}
#popular .popular-ttl .sub-ttl{display: inline-block; color: #f63f66; font-size: 18px;}
#popular .popular-ttl .sub-ttl:before,#popular .popular-ttl .sub-ttl:after{content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: top;}
#popular .popular-ttl .sub-ttl:before{border-left: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#popular .popular-ttl .sub-ttl:after{border-right: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#popular .popular-ttl h2{margin-bottom: 0; color: #000; font-size: 30px;}
#popular .popular-item li{position: relative; float: left; width: 18.2%; letter-spacing: 0.05em;padding-top: 25px;margin-right: 2.25%}
#popular .popular-item li:nth-of-type(5n){margin-right: 0;}
#popular .popular-item li:nth-child(n+6){margin-top:2em;}
#popular .popular-item li .rank{position: absolute; top: 0; left: 35%; width: 50px; height: 50px; color: #fff; text-align: center; line-height: 50px; background-color: #f63f66; border-radius: 100%; z-index: 1;}
#popular .popular-item li .rank .num{font-size: 20px;}
#popular .popular-item .img {width: 100%; margin-bottom: 20px; overflow: hidden;}
#popular .popular-item .txt{color: #000; line-height: 1.7; text-align: left; letter-spacing: 0.05em; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";}
#popular .popular-item .txt p + p{margin-top: 0.5em;}
#popular .popular-item .txt .brand{color: #f63f66; font-size: 14px;}
#popular .popular-item .txt .name .type {font-size: 14px;}
#popular .popular-item .txt .price .tax{font-size: 12px;}

/* --------------------------------------------------- */
/* #service
/* --------------------------------------------------- */
#service .service-ttl{text-align:center;}
#service .service-ttl h2{font-size:20px;letter-spacing:0.04em;padding:0 50px;}
#service .service-ttl h2 span{display:block;font-size:30px;}
#service .service-ttl h2 small {font-size: 12px;}
#service .service-ttl .ttl-pop::before{height:50%;}
#service .service-ttl  .ttl-pop::after{height:50%;}

#service p{padding: 1em;line-height: 1.8em;}
#service .box-1 {background-repeat: no-repeat;background-position: center;background-size: cover;padding: 25px 0;overflow: hidden;}
#service .box-1 h3.h3_sub {width: 120px; height: 138px; text-align: center;background-color: #fb4b6c;position: relative;padding: 5px;float: left;margin-right: 40px;}
#service .box-1 h3.h3_sub img {border: 1px solid #fff;padding: 26px;}
#service .box-1 h3.f-min {font-size: 18px;margin-bottom: 15px;font-weight: bold;padding-top:10px;}
#service .box-1 h3 small {font-size: 13px;}
#service .box-1 .notes {font-size: 13px; padding: 0 0 1em;}
#service .box-1 .trigger {min-width: 300px;}
#service .box-1 .point {position: absolute;right: 0;top: 0;}
#service .box-1 .point p {position: absolute;right: 0;top: 0;background: url(../img/service-point_bg.png) no-repeat center; width: 87px;height: 61px;padding-top: 38px;line-height: 1.4em;z-index: 1;text-align: center;color: #fff;font-weight: bold;font-size: 14px;}
#service .box-1 .sample {margin-right:80px;}
#service .box-1 .trigger.active::after{-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%);margin-top:-6px;right:15px;}

#service .btn-white a {min-width: 300px;background-color: #fff;transition: .3s; cursor: pointer;border-radius:5px;font-size:14px;text-align:center;display:inline-block;padding:9px 10px;position:relative;}
#service .btn-white a:hover{background-color: rgba(251, 75, 108, 0.2);}
#service .btn-white a::after{content:"";display:block;border-right:2px solid #f8254d;border-bottom:2px solid #f8254d;width:8px;height:8px;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);position:absolute;right:20px;top:50%;margin-top:-4px;}

/* service1 */
#service1 .box-1 { background-image: url(../img/service1-bg.png);}

/* service2 */
#service2 .box-1{	background-image: url(../img/service2-bg.png);}
#service2 .point p{position: relative!important;margin-top:30px;}
#service2 .box-1 .limit {right: 110px;top:0;position:absolute;}

/* service3 */
#service3 {background: url(../img/cherry_back.png) left top / auto auto repeat;}
#service3 .logo {position: absolute; right: 10%; top: 30px; background-color: #fff;}
#service3 .no-sp{display:inline !important;}

/*service-modal*/
.mfp-inline-holder .mfp-content {width: 1040px!important;}
button.mfp-close {display: none!important;}

.service-modal {background: url(../img/service-bg.png);padding: 60px 20px;color: #444;font-size: 16px;line-height: 1.6;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;font-weight: 500;}
.service-modal .sanserif, .service-modal .sanserif *{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
.service-modal  p {padding: 1em;line-height: 1.8em;}
.service-modal h3 {font-size: 22px;padding: 20px;border: 1px solid #222;text-align: center;margin-bottom: 10px;font-weight: normal;}
.service-modal h4 {padding-top: 30px;font-weight:bold;}
.service-modal .img-right {width: 470px;}
.service-modal .bg-white {margin-top: 30px;}
.service-modal .bg-white p {font-size: 15px;}
.service-modal .comment {text-align: left;padding: 20px;background-color: #e5e5c3;border-radius: 5px;font-size: 14px;margin-top: 10px;}
.service-modal .col-group{padding:0 20px;margin:20px 0 40px;}
.service-modal h4{font-weight:bold;}


/* --------------------------------------------------- */
/* #ranking
/* --------------------------------------------------- */
#ranking{text-align:center;padding:60px 0;}
#ranking .ttl-img {position: relative; z-index: 5;}
#ranking h2{display:block;background:url(../img/ranking_back.png) no-repeat center bottom #fff;font-size:40px;padding-bottom:45px;position:relative;}
#ranking h2 span.year{position: absolute; top: -50px; left: 46%; display: block; font-size: 30px; line-height: 1.6; text-align: center}
#ranking h2 span.ttl{display:inline-block;margin-top: -20px;background:#fff;position:relative;z-index:2;padding:0 20px;}
#ranking h2 span.ttl:before{box-sizing: border-box; content: "もらってうれしい"; display: inline-block; width: 110px; height: 74px; padding: 20px 25px; margin-right: 10px; color: #fb4b6c; font-size: 14px; text-align: center; background-image: url(../img/ranking_subttl_bg.png);}
#ranking h2::before{content:"";display:block;width:100%;height:2px;background:#fb4b6c;position:absolute;top:20px;left:0;}
#ranking h2::after{content:"";display:block;width:100%;height:1px;background:#fb4b6c;position:absolute;top:25px;left:0;}
#ranking h2 br{display:none;}
#ranking h2 img{display:block;margin:0 auto;}
#ranking .graph{text-align:left;position:relative;margin-bottom:40px;}
#ranking .graph a{background:url(../img/nav_back.png);color:#fff;border-radius:5px;padding:8px 25px 8px 10px;position:absolute;right:0;text-align:center;min-width:175px;}
#ranking .graph a::before{content:"";display:block;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;position:absolute;top:50%;right:15px;z-index:2;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-6px;}
#ranking .graph .btn01{top:30px;}
#ranking .graph .btn02{top:110px;}
#ranking .graph .btn03{top:190px;}
#ranking .graph .btn04{top:270px;}
#ranking .comment{position: relative;padding: 40px 60px; margin: 0 80px; text-align: left; background-color: #f0f0f0;border-radius: 10px;}
#ranking .comment:before{position: absolute; content: ""; top: -20px; left: 46%; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #f0f0f0;}
#ranking .comment p {color: #fb4b6c;font-size: 15px;line-height: 1.7;}
#ranking .attention{font-size:12px;text-align:left;max-width:800px;margin:20px auto 0;line-height: 2;}

/* --------------------------------------------------- */
/* #cherry
/* --------------------------------------------------- */
#cherry{padding: 45px 0 75px; background: url(../img/cherry_back.png) left top / auto auto repeat;}
#cherry * {box-sizing:border-box;}
#cherry .cherry-ttl{margin-bottom: 40px; text-align: center;}
#cherry .cherry-ttl:before{content: ""; display: block; margin: 0 auto 30px; width: 106px; height: 101px; background-image: url(../img/cherry_ttl_img01.png);}
#cherry .cherry-ttl h2 {font-size: 32px; color: #000; line-height: 1.5;}
#cherry .cherry-ttl .announcement {position: absolute; right: 0; top: 0; width: 140px; height: 140px; padding-top: 32px; color: #fff; font-weight: bold; background-color: #fb4b6c; border-radius: 50%;}
#cherry .cherry-txt {margin-bottom: 40px; text-align: center;}
#cherry .cherry-txt p {line-height: 1.9;}
#cherry .item .item-list{clear:both;overflow:hidden;font-size:0;text-align:center;}
#cherry .item .item-list li{display:inline-block;vertical-align:top;width:31.1%;margin-right:3.35%;background:#fff;border:1px solid #ddd;text-align:center;padding:30px 40px;font-size:16px;float: left;}
#cherry .item .item-list li:nth-child(3n){margin-right:0;}
#cherry .item .item-list li a{display:block;width:100%;height:100%;}
#cherry .item .item-list li .img{position:relative;width: 230px;height: 230px;}

#cherry .item .item-list li .pop{position:absolute;left:5px;bottom:5px;;z-index:2;width:78px;height:78px;background:url(../img/flower_item_pop.png) no-repeat;font-size:13px;color:#ff8b1a;text-align:center;font-weight:bold;padding-top:23px;line-height:1.4;}
#cherry .item .item-list li .txt{padding:20px 0;text-align:left;}
#cherry .item .item-list li .txt .brand {color: #f63f66;font-size: 14px;}
#cherry .item .item-list li .txt span{display: block;}
#cherry .item .item-list li .txt small{font-size:12px;}
#cherry .item .more {margin-top: 30px; text-align: right;}
#cherry .item .more a {color: #6871be;}
#cherry .item .more a:after {content: "";display: inline-block;width: 7px;height: 7px;border-right: 2px solid #6871be;border-top: 2px solid #6871be;-webkit-transform: rotate(45deg);transform: rotate(45deg);
vertical-align: middle;}

/* --------------------------------------------------- */
/* #flower
/* --------------------------------------------------- */
#flower{background:url(../img/flower_back.png) repeat;position:relative;padding:60px 0 80px;}
#flower * {box-sizing:border-box;}
#flower::before{content:"";display:block;width:100%;height:100%;background:url(../img/flower_back01.png) no-repeat left top;position:absolute;top:0;left:0;z-index:1;}
#flower::after{content:"";display:block;width:100%;height:100%;background:url(../img/flower_back02.png) no-repeat right bottom;position:absolute;top:0;left:0;z-index:2;}
#flower > .container{z-index:3;}

#flower .flower-ttl-top{text-align: center;}
#flower .flower-ttl-top:before{content: ""; display: block; margin: 0 auto 15px; width: 228px; height: 119px; background-image: url(../img/flower_ttl_img01.png);}
#flower .flower-ttl-top h2{font-size: 32px; color: #000; line-height: 1.5;}

#flower .flower-ttl{position:relative;text-align:center;margin:40px 0 30px;}
#flower .flower-ttl .free{position:absolute;left:200px;top:30px;}
#flower .flower-ttl .ttl-pop{font-size:22px;font-weight:bold;padding:0 40px;margin-bottom:15px;}
#flower .flower-ttl .f-min{font-size:36px;display:block;line-height:1.4;letter-spacing:0.04em;}
#flower .lead{text-align:center;font-size:20px;margin-bottom:40px;}
#flower .lead br{display:none;}

#flower .badge{position:absolute;right:20px;top:390px;color:#fff;text-align:center;}
#flower .badge p{display:block;padding:10px 20px;margin-bottom:5px;}
#flower .badge .green{background:url(../img/badge01.png) repeat;}
#flower .badge .blue{background:url(../img/badge02.png) repeat;}

#flower .box-wrap{overflow:hidden;position:relative;}
#flower .box-wrap .plus{position:absolute;top:45%;left:37%;font-size:40px;}
#flower .box01{background:#fff;border:2px solid #6871be;width:36%;float:left;padding:20px 30px;text-align:center;}
#flower .box01 .ttl{font-size:20px;margin-bottom:20px;}
#flower .box01 .img{display:table;width:100%;height:100%;}
#flower .box01 .img span{display:table-cell;vertical-align:middle;}
#flower .box01 .ttl::before{content:"";display:inline-block;width:37px;height:37px;background:url(../img/flower_icon01.png) no-repeat center center;background-size:100% auto;vertical-align:-11px;margin-right:12px;}

#flower .box02{background:#fff;border:2px solid #ff8691;width:58%;float:right;padding:20px 30px;text-align:center;}
#flower .box02 .ttl{font-size:20px;margin-bottom:20px;}
#flower .box02 .ttl::before{content:"";display:inline-block;width:37px;height:37px;background:url(../img/flower_icon02.png) no-repeat center center;background-size:100% auto;vertical-align:-11px;margin-right:12px;}
#flower .box02 .flower-list{overflow:hidden;}
#flower .box02 .flower-list li{float:left;width:32%;margin-right:2%;margin-top: 10%;}
#flower .box02 .flower-list li:nth-child(3n){margin-right:0;}
#flower .box02 .flower-list li .txt{font-size:14px;line-height:1.4;margin-top:10px;}

#flower .price-nav{text-align:center;margin:50px 0 80px;}
#flower .price-nav li{width:28%;display:inline-block;margin:0 10px;}
#flower .price-nav li a{display:block;width:100%;height:100%;background:url(../img/nav_back.png)repeat;border-radius:5px;color:#fff;padding:15px 15px 25px 15px;position:relative;}
#flower .price-nav li a span{font-size:22px;margin-right:2px;}
#flower .price-nav li a::before{content:"";display:block;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;position:absolute;bottom:10px;left:50%;z-index:2;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-left:-4px;}

#flower .flower-about{margin:3em 0 80px;}
#flower .flower-about h3{font-size:20px;padding: 15px;border: 1px solid #222;text-align: center;margin-bottom:40px;font-weight: 500;}
#flower .flower-about .img{float:left;margin:0 50px 20px 10px;}
#flower .flower-about .txt{overflow:hidden;font-size:15px;line-height:1.8;}
#flower .flower-about .txt p{margin-bottom:10px;}

#flower .item{background:#fff;}
#flower .item + .item{margin-top:60px;}
#flower .item .item-inner{padding:60px 95px 40px;position:relative;}
#flower .item .item-inner::before{content:"";display:block;background:url(../img/flower_item_back.png);width:100%;height:315px;position:absolute;top:0;left:0;z-index:0;}
#flower .item .item-top{position:relative;z-index:2;}
#flower .item .item-top .free{position:absolute;top:-40px;left:-40px;}
#flower .item .item-top .catalog{float:left;}
#flower .item .item-top .info{overflow:hidden;float:right;}
#flower .item .item-top .info h4{font-size:28px;margin-bottom:15px; font-weight: bold;}
#flower .item .item-top .info .btn{position:absolute;top:-5px;right:0;background:#2182cd;color:#fff;border-radius:5px;padding:12px 20px 12px 45px;}
#flower .item .item-top .info .btn::before{content:"";display:block;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;position:absolute;top:50%;left:20px;z-index:2;margin-top:-6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#flower .item .item-top .info .btn::after{content:"";display:inline-block;width:19px;height:16px;background:url(../img/flower_item_icon.png) no-repeat;background-size:100% auto;margin-left:5px;vertical-align:-1px;}
#flower .item .item-list{position: relative; padding-top: 40px; clear:both;overflow:hidden;margin-bottom:-3%;font-size:0;text-align:center;}
#flower .item .item-list:before{content: "";position:absolute;top: 2px;left: 48%;width: 28px;height: 28px;background-image: url(../img/flower_plus.png);}
#flower .item .item-list li{position: relative; vertical-align:top;width:31.1%;margin-right:3.35%;margin-bottom:3%;font-size:16px;float: left;}
#flower .item .item-list li:nth-child(3n){margin-right:0;}
#flower .item .item-list li + li:before{position: absolute; content: ""; top: 75px; left: -45px; width: 64px; height: 64px; background:url(../img/flower_or.png) no-repeat;background-size:100% auto;z-index: 1;}
#flower .item .item-list li a{display:block;width:100%;height:100%;border:1px solid #ddd; color: #333;}
#flower .item .item-list li .img{position:relative;}
#flower .item .item-list li .pop{position:absolute;left:5px;bottom:5px;;z-index:2;width:78px;height:78px;background:url(../img/flower_item_pop.png) no-repeat;font-size:13px;color:#ff8b1a;text-align:center;font-weight:bold;padding-top:23px;line-height:1.4;}
#flower .item .item-list li .txt{padding:10px;text-align:center; color: #000; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-	serif;}
#flower .item .item-list li .txt span{display:block;font-size:14px;}
#flower .item .item-list li .txt small {font-size: 12px;}

#flower .item04 .ttl-pink{margin-bottom: 30px;}
#flower .item04 .txt {text-align: center; line-height: 1.9;}
#flower .item04 .item-set-inner {padding:40px ;position:relative;}
#flower .item04 .item-set-list{ margin:0 0 2em; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#flower .item04 .item-set-list li{display:inline-block;vertical-align:top;background:#fff;border:1px solid #ddd;text-align:center;font-size:16px; width:235px;margin-right:2%; margin-top:1em; padding:40px 30px;}

#flower .item04 .item-set-list li + li:before{content: none;}
#flower .item04 .item-set-list li a{display: block;}
#flower .item04 .item-set-list li .txt {padding-top: 20px; text-align: left; letter-spacing: 0.05em; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";}
#flower .item04 .item-set-list li .txt span {display: block;}
#flower .item04 .item-set-list li .txt span small {font-size: 14px;}
#flower .item04 .item-set-list li .txt .brand {color: #f63f66;font-size: 14px;}
#flower .item04 .item-set-list li .img {position: relative; width: 100%; height: auto;}

/* --------------------------------------------------- */
/* #experience
/* --------------------------------------------------- */
#experience{max-width:100%;overflow-x:hidden;}
#experience *{box-sizing:border-box;}
#experience .block-lead{border-bottom:1px solid #ddd;padding:80px 0 40px;margin-bottom:60px;line-height:1.8;position:relative;}
#experience .block-lead::before,#experience .block-lead::after{position:absolute;content:"";top:65px;display:block;width:150px;height:122px;background: left top / 100% auto no-repeat;}
#experience .block-lead::before{background-image:url(../img/experience_back01.png);left:30px;}
#experience .block-lead::after{background-image:url(../img/experience_back02.png);right:30px;}
#experience .block-lead .lead{max-width:770px;margin:auto;text-align: center;}
#experience .block-lead h2{line-height:1.8;margin-bottom:40px;}

#experience .voice-list{display: flex; justify-content: space-between; margin-bottom: 50px;}
#experience .voice-list li{width:49%;position:relative;background:#fcf4e6;border-radius:5px;text-align:left;line-height:1.8;position:relative;padding-top:52px;box-shadow: 0 2px 3px rgba(111,111,111,0.2);}
#experience .voice-list li .ttl{background:#e6970c;color:#fff;font-weight:bold;padding:10px 0 10px 18px;text-align:center;float:right;width:86%;margin-left: 14%;margin-bottom:20px;position:relative;}
#experience .voice-list li .ttl::before{content:"";display:block;width:56px;height:56px;background:no-repeat center center #fff;border-radius:120px;border:2px solid #e6970c;position:absolute;left:-30px;top:-2px;}
#experience .voice-list li .ttl span{font-size:20px;}
#experience .voice-list li .sub{color:#e6970c;font-weight:bold;margin-bottom:10px;}
#experience .voice-list li .inner{padding:20px 40px;}
#experience .voice-list li .txt{font-size:14px;}
#experience .voice-list li .name{float:right;font-size:13px;background:#eee;margin-right:-20px;margin-top:20px;}
#experience .voice-list li.voice01::before{content:"";display:block;width:83px;height:97px;background:url(../img/voice_img02.png) no-repeat left top;background-size:100% auto;position:absolute;top:-45px;left:-38px;}
#experience .voice-list li.voice02::before{content:"";display:block;width:83px;height:97px;background:url(../img/voice_img03.png) no-repeat right top;background-size:100% auto;position:absolute;top:-45px;right:-38px;}
#experience .voice-list li.voice01 .ttl::before{background-image:url(../img/voice_icon01.png);}
#experience .voice-list li.voice02 .ttl::before{background-image:url(../img/voice_icon02.png);}

#experience .block-course{text-align:center;position: relative;}
#experience .block-course .list-other{overflow:hidden;margin-bottom:80px;}
#experience .block-course .list-other li{width:49.3%;margin-right:1.4%;float:left;overflow:hidden;}
#experience .block-course .list-other li:nth-child(even){margin-right:0;}
#experience .block-course .list-other li a{display:block;width:100%;height:100%;border:1px solid #444;padding:10px;position:relative;}
#experience .block-course .list-other li a::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #6871be transparent transparent transparent;position:absolute;left:50%;bottom:10px;margin-left:-5px;}
#experience .block-course .list-other li .img{display:inline-block;vertical-align:middle;margin-right:20px;}
#experience .block-course .list-other li .txt{display:inline-block;vertical-align:middle;text-align:left;font-size:18px;font-weight:500;line-height:1.5;}
#experience .block-course .list-other li small{font-size:80%;}


/* --------------------------------------------------- */
/* #experience02
/* --------------------------------------------------- */
#experience02 * {box-sizing:border-box;}

#experience02 .ttl-pink {margin-bottom: 20px;padding: 30px 20px;}
#experience02 .ttl-pink h3 {position: relative;}
#experience02 .ttl-pink h3 .free {position: absolute;top: -20px;left: 50px;}

#experience02 .item-inner {display: flex;justify-content: space-between;flex-direction: row-reverse;flex-wrap: wrap; margin-bottom: 80px;}
#experience02 .item-inner .item-left {position: relative; width: 27%; text-align: center;}
#experience02 .item-inner .item-left a{display: block;padding: 60px 50px;border: 1px solid #ddd;}
#experience02 .item-inner .item-left:before{position: absolute; left: 0; top: 0; padding: 5px 10px; background-color: #fb4b6c; color: #fff;}
#experience02 .item-inner .item-left.meal:before{content: "お食事";}
#experience02 .item-inner .item-left.daytrip:before{content: "日帰り温泉";}
#experience02 .item-inner .item-left.lodging:before{content: "ご宿泊";}
#experience02 .item-inner .item-left .img{width: 182px;height: 190px;margin-bottom: 20px;}
#experience02 .item-inner .item-left p{color: #000;line-height: 1.5;}
#experience02 .item-inner .item-left p.price .tax{font-size: 12px;}
#experience02 .item-inner .item-right {width: 67%;}
#experience02 .item-inner .item-right .img {margin-bottom: 30px;}
#experience02 .item-inner .item-right .img img{display: block;}
#experience02 .item-inner .item-right .txt {margin-bottom: 30px; font-size: 14px; line-height: 2.2;}
#experience02 .item-inner .item-btn {width: 500px; margin: -10px 90px 0 0;}
#experience02 .item-inner .item-btn a {position: relative; display: block; padding: 10px 20px; color: #fff; font-weight: bold; text-align: center; background-color: #6871be;border-radius: 5px;}
#experience02 .item-inner .item-btn a:before{position: absolute;top: 15px;left: 20px;content: "";display: block;width: 8px;height: 8px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#experience02 .item-inner .item-btn a + a {margin-top: 10px;}
#experience02 .item-inner .item-btn a small {font-size: 14px;}


#experience02 .item{ margin-bottom:4em;}
#experience02 .item .item-list{ margin:0 0 2em; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

#experience02 .item .item-list li{display:inline-block;vertical-align:top;background:#fff;border:1px solid #ddd;text-align:center;font-size:16px;}

#experience02 .item .item-list li a{display:block;width:100%;height:100%;}
#experience02 .item .item-list li .img{position:relative;}
#experience02 .item .item-list li .img span.limited{position: absolute; left: 0; bottom: 0; display: inline-block; padding: 5px; color: #fff; font-size: 15px; background-color: #f63f66;}
#experience02 .item .item-list li .txt{padding:20px 0;text-align:left;; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";}
#experience02 .item .item-list li .txt span{display: block;}
#experience02 .item .item-list li .txt span.brand{color: #f63f66; font-size: 14px;}
#experience02 .item .item-list li .txt small{font-size:12px;}


#experience02 .item02 .ttl-pink {padding: 30px 20px;}
#experience02 .item02 .item-list li {width:23.5%;margin-right:2%;padding:40px 30px;}
#experience02 .item02 .item-list li:nth-child(4n){margin-right:0;}
#experience02 .item02 .item-list li .img{width: 170px;height: 208px;}

#experience02 .item .fasion-about {margin: 30px 0 48px; display: flex; justify-content: space-between; align-items: center;}
#experience02 .item .fasion-about .img {width: 330px; padding-left: 22px;}
#experience02 .item .fasion-about .txt {width: 630px;}
#experience02 .item .fasion-about .txt h3 {padding: 15px 0; margin-bottom: 30px; font-size: 20px; border-top: 1px solid #222; border-bottom: 1px solid #222;}
#experience02 .item .fasion-about .txt p {font-size: 15px; line-height: 2;}


#experience02 .block-lead{position: relative;}
#experience02 .block-lead:before,#fasion .block-lead:after{position: absolute; content: "";display: inline-block;}
#experience02 .block-lead:before{top: -36px; left: 102px; width: 95px; height: 91px; background-image: url(../img/fasion_img01.png);}
#experience02 .block-lead:after{top: -30px; right: 12px; width: 190px; height: 124px; background-image: url(../img/fasion_img02.png);}
#experience02 .block-lead h2{color: #000; font-size: 32px; line-height: 1.5; letter-spacing: 0.04em;}
#experience02 .item .f-txt {padding: 30px 0; text-align: center;}
#experience02 .item .f-txt p{line-height: 1.9;}
#experience02 .item .item-list{clear:both;overflow:hidden;font-size:0;text-align:center;margin-bottom: 20px;}
#experience02 .item .item-list li{display:inline-block;vertical-align:top;background:#fff;border:1px solid #ddd;text-align:center;font-size:16px;}
#experience02 .item .item-list li a{display:block;width:100%;height:100%;}
#experience02 .item .item-list li .img{position:relative;}
#experience02 .item .item-list li .img span.limited{position: absolute; left: 0; bottom: 0; display: inline-block; padding: 5px; color: #fff; font-size: 15px; background-color: #f63f66;}
#experience02 .item .item-list li .txt{padding:0;text-align:left;; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";}
#experience02 .item .item-list li .txt span{display: block;}
#experience02 .item .item-list li .txt span.brand{color: #f63f66; font-size: 14px;}
#experience02 .item .item-list li .txt small{font-size:12px;}

#experience02 .item01 .item-list li {width:31.1%;margin-right:3.35%;padding:30px 40px;}
#experience02 .item01 .item-list li:nth-child(3n){margin-right:0;}
#experience02 .item01 .item-list li .img{width: 230px;height: 230px;}

#experience02 .item02 .ttl-pink {padding: 30px 20px;}
#experience02 .item02 .item-list li {width:23.5%;margin-right:2%; padding:40px 30px;}
#experience02 .item02 .item-list li:nth-child(4n){margin-right:0;}
#experience02 .item02 .item-list li .img{width: 170px;height: 208px;}



/* --------------------------------------------------- */
/* #fasion
/* --------------------------------------------------- */
#fasion * {box-sizing:border-box;}

#fasion {background:url(../img/fasion_back01.png) left top / auto auto no-repeat, url(../img/fasion_back02.png) right bottom / auto auto no-repeat; background-color: #fdf6ec; padding:80px 0 70px;}
#fasion .block-lead{position: relative;}
#fasion .block-lead:before,#fasion .block-lead:after{position: absolute; content: "";display: inline-block;}
#fasion .block-lead:before{top: -36px; left: 102px; width: 95px; height: 91px; background-image: url(../img/fasion_img01.png);}
#fasion .block-lead:after{top: -30px; right: 12px; width: 190px; height: 124px; background-image: url(../img/fasion_img02.png);}
#fasion .block-lead h2{color: #000; font-size: 32px; line-height: 1.5; letter-spacing: 0.04em;}
#fasion .item .f-txt {padding: 30px 0; text-align: center;}
#fasion .item .f-txt p{line-height: 1.9;}
#fasion .item .item-list{clear:both;overflow:hidden;font-size:0;text-align:center;margin-bottom: 60px;}
#fasion .item .item-list li{display:inline-block;vertical-align:top;background:#fff;border:1px solid #ddd;text-align:center;font-size:16px;float: left;}
#fasion .item .item-list li a{display:block;width:100%;height:100%;}
#fasion .item .item-list li .img{position:relative;}
#fasion .item .item-list li .img span.limited{position: absolute; left: 0; bottom: 0; display: inline-block; padding: 5px; color: #fff; font-size: 15px; background-color: #f63f66;}
#fasion .item .item-list li .txt{padding:20px 0;text-align:left;; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";}
#fasion .item .item-list li .txt span{display: block;}
#fasion .item .item-list li .txt span.brand{color: #f63f66; font-size: 14px;}
#fasion .item .item-list li .txt small{font-size:12px;}

#fasion .item01 .item-list li {width:31.1%;margin-right:3.35%;padding:30px 40px;}
#fasion .item01 .item-list li:nth-child(3n){margin-right:0;}
#fasion .item01 .item-list li .img{width: 230px;height: 230px;}

#fasion .item02 .ttl-pink {padding: 30px 20px;}
#fasion .item02 .item-list li {width:23.5%;margin-right:2%;padding:40px 30px;}
#fasion .item02 .item-list li:nth-child(4n){margin-right:0;}
#fasion .item02 .item-list li .img{width: 170px;height: 208px;}

#fasion .item .fasion-about {margin: 30px 0 48px; display: flex; justify-content: space-between; align-items: center;}
#fasion .item .fasion-about .img {width: 330px; padding-left: 22px;}
#fasion .item .fasion-about .txt {width: 630px;}
#fasion .item .fasion-about .txt h3 {padding: 15px 0; margin-bottom: 30px; font-size: 20px; border-top: 1px solid #222; border-bottom: 1px solid #222;}
#fasion .item .fasion-about .txt p {font-size: 15px; line-height: 2;}

/* --------------------------------------------------- */
/* #sweets
/* --------------------------------------------------- */
#sweets * {box-sizing:border-box;}

#sweets {padding:80px 0 70px;}
#sweets .block-lead{position: relative;}
#sweets .block-lead:before,#sweets .block-lead:after{position: absolute; content: "";display: inline-block;}
#sweets .block-lead:before{top: -36px; left: 102px; width: 95px; height: 91px; background-image: url(../img/fasion_img01.png);}
#sweets .block-lead:after{top: -30px; right: 12px; width: 190px; height: 124px; background-image: url(../img/fasion_img02.png);}
#sweets .block-lead h2{color: #000; font-size: 32px; line-height: 1.5; letter-spacing: 0.04em;}
#sweets .item .s-txt {padding: 15px 0; text-align: center;}
#sweets .item .s-txt p{line-height: 1.9;}
#sweets .item .item-list{clear:both;overflow:hidden;font-size:0;text-align:center;margin-bottom: 60px;}
#sweets .item .item-list li{display:inline-block;vertical-align:top;background:#fff;border:1px solid #ddd;text-align:center;font-size:16px;float: left;}
#sweets .item .item-list li a{display:block;width:100%;height:100%;}
#sweets .item .item-list li .img{position:relative;}
#sweets .item .item-list li .img span.limited{position: absolute; left: 0; bottom: 0; display: inline-block; padding: 5px; color: #fff; font-size: 15px; background-color: #f63f66;}
#sweets .item .item-list li .txt{padding:20px 0;text-align:left;; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";}
#sweets .item .item-list li .txt span{display: block;}
#sweets .item .item-list li .txt span.brand{color: #f63f66; font-size: 14px;}
#sweets .item .item-list li .txt small{font-size:12px;}

#sweets .item01 .item-list li {width:31.1%;margin-right:3.35%;margin-bottom: 30px; padding:30px 40px;}
#sweets .item01 .item-list li:nth-child(3n){margin-right:0;}
#sweets .item01 .item-list li .img{width: 230px;height: 230px;}

#sweets .item02 .item-list li {width:23.5%;margin-right:2%;padding:40px 30px;}
#sweets .item02 .item-list li:nth-child(4n){margin-right:0;}
#sweets .item02 .item-list li .img{width: 170px;height: 170px;}

/* --------------------------------------------------- */
/* .flow-modal
/* --------------------------------------------------- */
.flow-modal {background:url(../img/flow_back02.png) repeat #f2f0eb;padding:80px 20px;color: #444;font-size: 16px;line-height: 1.6;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;font-weight: 500;}
.flow-modal  .sanserif, .flow-modal  .sanserif *{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
.flow-modal ol, .flow-modal ul {list-style: none;}
.flow-modal .sanserif{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
.flow-modal h2 {font-size: 30px;text-align: center;line-height: 1.3;margin-bottom: 40px;}
.flow-modal h2 small{font-size:18px;display:block;margin-bottom:5px;}

/* part */
.flow-modal .part {float: left;}
.flow-modal .part > div {height: 40px;line-height: 40px;color: #fff;text-align: center;position: relative;margin-bottom: 20px;}
.flow-modal .part > div:after {border-left: 15px solid transparent;border-top: 20px solid #f2f0eb;border-bottom: 20px solid #f2f0eb;content: "";position: absolute;right: 0;top: 0;}
.flow-modal .part ul li {border-top: 3px solid ;width:23%;height: 250px;margin-right:2%;background-color: #fff;position: relative;text-align: center;font-size:14px;}
.flow-modal .part ul li:after {border-left: 10px solid #fff;border-top: 20px solid transparent;border-bottom: 20px solid transparent;content: "";position: absolute;right: -10px;top: 40%;}
.flow-modal .part ul li img {margin: 30px 0 10px;}
.flow-modal .part li p {padding:20px;text-align: left;}

.flow-modal .part1 {width: 20%;}
.flow-modal .part2 {width: 80%;}
.flow-modal .part1 > div {background-color: #335e86;}
.flow-modal .part2 > div {background-color: #b09c3b;}
.flow-modal .part1 ul li {border-color: #335e86;width:92%;}
.flow-modal .part2 ul li {border-color: #b09c3b;float: left;margin-right: 15px;}
.flow-modal .part2 ul li:last-child {margin-right: 0;}
.flow-modal .part2 ul li:last-child:after {content: none;}

/* wrapping */
.flow-modal .wrapping-wrap{text-align:center;}
.flow-modal *{box-sizing: border-box;}
.flow-modal .wrapping-wrap h2{position:relative;display:inline-block;}
.flow-modal .wrapping-wrap h2 .free{position:absolute;left:-110px;top:-10px;}
.flow-modal .wrapping{background:url(../img/flow_back.png) repeat;border-radius:15px;padding:10px;overflow:hidden;position:relative;}
.flow-modal .wrapping::before{content:"";display:block;width:27px;height:27px;background:url(../img/flow_plus.png) no-repeat center center;background-size:100% auto;position:absolute;top:50%;left:50%;margin:-13px 0 0 -14px;}
.flow-modal .wrapping *{box-sizing:border-box;}
.flow-modal .wrapping .inner{background:#fff;border-radius:15px;}
.flow-modal .wrapping .block{font-weight:bold;width:50%;float:left;text-align:center;padding:40px;}
.flow-modal .wrapping .block .txt{margin-bottom:20px;}
.flow-modal .wrapping .block-left{border-right:1px solid #f0ebe0;}

@media screen and (max-width:1200px){
  .container{max-width:100%;}

  #mother * {box-sizing: border-box;}

  /* --------------------------------------------------- */
	/* mv
	/* --------------------------------------------------- */
  #mv .inner {max-width: 100%;}

  /*service-modal*/
  .mfp-inline-holder .mfp-content {width: 90%!important;}

  /* --------------------------------------------------- */
	/* popular
	/* --------------------------------------------------- */
  #popular { background: url(../img/selection-left_img.png) left 15% / 20% auto no-repeat, url(../img/selection-right_img.png) right 15%/ 20% auto no-repeat;}
  #popular .popular-box {width: 90%;}


	/* --------------------------------------------------- */
	/* ranking
  /* --------------------------------------------------- */
  #ranking .graph .img {width: 80%;}
  #ranking .graph a {min-width: 15%;font-size: 14px;}

  /* cherry */
  #cherry .cherry-ttl .announcement {right: 10%;}

	/* --------------------------------------------------- */
	/* flower
  /* --------------------------------------------------- */
  #flower .item04 .item-set-list li{width: 31.1%;}
  #flower .item04 .item-set-list li .img{width: 100%; height: auto;margin-right: 3.35%; }

  /* modal */
  .mfp-inline-holder .mfp-content {width: auto !important;}
  .top_close_btn{right: 0!important;}
}

/* =================================================================================== */
/* for SP */
/* =================================================================================== */
@media screen and (max-width:1000px){	body{background:none!important;}}
@media screen and (max-width:599px){
	body{min-width:319px;overflow-x:hidden;}

	/* --------------------------------------------------- */
	/* common
	/* --------------------------------------------------- */
	.container{padding:0 5%;width:100%;}
	.main-block{margin-top:0;overflow-x:hidden;font-size:14px;}
	.article_txt{text-align:left;line-height:1.5em;}

	#spmenuArea{display:block;}
	#spfooterArea{display:block;}
	#headerArea{display:none;}
	#gnaviArea{display:none;}
	#footer{display:none;}

	/*h2*/
  .main-block h2{font-size:24px;margin-bottom:20px;padding:0 8%;letter-spacing: 0;}
  
  /*ttl-pink*/
  .ttl-pink{padding: 10px;line-height: 1.2;}
  .ttl-pink h3{font-size: 18px;}
  .ttl-pink .r-txt{position: static;margin-top: 15px;}

	/*display*/
	.no-pc{display:block!important;}
	.no-sp{display:none!important;}

  /*.top_close_btn*/
  .top_close_btn{width: 40px!important;height: 40px!important;top: -20px;right: -20px;}

  /* anchorlink */
  .anchorlink {
    margin-top: 0;
    padding-top: 0;
  }

  /* acceptance */
  .acceptance {font-size: 18px; margin-top: 30px;}
  .acceptance:after {width: 95%;}
/*  .acceptance:before {  content: '5月7日まで';
  display: block;
  width: 50%;
  height: 1.2em;
  margin:0 auto 0.5em;
  padding:0.5em;
  background-image:none;
  background-color:#fb4b6c;
  vertical-align: middle;
  font-size:0.8em;
  color:#FFF;
  border-radius:2em;
  line-height:1;}*/


	/* --------------------------------------------------- */
	/* mv
  /* --------------------------------------------------- */
  #mv .ringbell-logo { margin-top: 15px; width: 50%;}
  #mv .inner{height:auto;}
  #mv .txt-box {width: 90%;margin-left: 5%;padding-left: 0;float: none;}
	#mv h1 {padding:20px 0 20px;width: 90%;}
	#mv .lead {line-height: 1.6em;font-weight: normal;font-size:14px;margin-bottom:20px;}
	#mv .final {
	padding:1em;
	width: 100%;
	border-radius: 1em;
}
	#mv .logo_month { 
	margin: 1em;
}
	#mv .logo_month img {
		max-width:100%;
		height:auto;
}

	#mv .catalog {width: 65%;position:static;margin:auto;display:block;}
  #mv .bg_left,	#mv .bg_right {width: 50%;}
  #mv .postage {font-size: 16px;}

  /*head*/
  .head {padding: 30px 5%;}
  .head p {font-size: 16px;letter-spacing: 0;}

  /* --------------------------------------------------- */
  /* #page-nav
  /* --------------------------------------------------- */
  #page-nav .container{padding: 0;}
  #page-nav .page-nav-ttl {padding: 25px 0 15px;}
  #page-nav .page-nav-ttl h2{font-size: 18px;padding: 0;position: relative;}
  #page-nav .page-nav-ttl h2:before, #page-nav .page-nav-ttl h2:after{width: 20px;height: 18px;position: absolute;display: block;top: 0;}
  #page-nav .page-nav-ttl h2:before{left: 0;}
  #page-nav .page-nav-ttl h2:after{right: 0;}
  #page-nav .page-nav-ttl h2 br.sp{display: block;}
  #page-nav .page-nav-link {display: block;bottom: 0;}
  #page-nav .page-nav-link li {width: 90%;height: auto;margin: 0 5% 10px;}
  #page-nav .page-nav-link li:last-of-type{margin-bottom: 0;}
  #page-nav .page-nav-link li .txt{padding-top: 0;}
  #page-nav .page-nav-link li span{font-size: 12px;}
  #page-nav .page-nav-link li p{font-size: 16px;}
  #page-nav .page-nav-link li .img {display: none;}
  #page-nav .page-nav-link li a{padding: 5px 10px 20px;}
  #page-nav .page-nav-link li a:after{left: 0;right: 0;bottom: 5px;margin: 0 auto;}

  #page-nav.fixed .page-nav-link{display: flex; flex-wrap: nowrap;}
  #page-nav.fixed .page-nav-link li{width: 20%;height: auto;margin: 0;border: none;}
  #page-nav.fixed .page-nav-link li + li{border-left: 1px solid #fff;}
  #page-nav.fixed .page-nav-link li a{left: 0;top: 0;border: none;padding: 5px 5px 15px;height: 100%;}
  #page-nav.fixed .page-nav-link li a:after{width: 8px;height: 8px;bottom: 3px;}
  #page-nav.fixed .page-nav-link li p{font-size: 12px;line-height: 1.3;}

  /* --------------------------------------------------- */
  /* #popular
  /* --------------------------------------------------- */
  #popular {padding: 80px 0 45px;}
  #popular .popular-box{width: 90%;margin: 0 5%;padding: 0 0 30px;}
  #popular .popular-ttl{padding: 0;letter-spacing: 0;margin: -45px 0 20px;}
  #popular .popular-ttl .sub-ttl{font-size: 15px;}
  #popular .popular-ttl h2{font-size: 24px;padding: 0;}

  #popular .popular-item li {margin: 0 9px;padding-top: 25px;}
  #popular .popular-item li:nth-of-type(5n){margin-right: 9px;}
  #popular .popular-item li:nth-child(n+6){margin: 0 9px}

  #popular .popular-item li .rank{top: 0;}
  #popular .popular-item li a{display: block;}
  #popular .popular-item .img{margin-bottom: 10px;}
  #popular .popular-item .name{font-size: 16px;line-height: 1.4;}

  #popular .popular-item button.slick-prev.slick-arrow,
  #popular .popular-item button.slick-next.slick-arrow {
    position: absolute;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 1.6vw 3.2vw;
    top: 0;
    bottom: 0;
    font-size: 0;
    color: transparent;
    height: 16vw;
    margin: auto 0;
    width: 8vw;
    border-color: transparent;
    background-repeat: no-repeat;
    background-size: 1.6vw 3.2vw;
    z-index: 100;
  }

  #popular .popular-item button.slick-prev.slick-arrow {
    left: 0;
    border-radius: 0 8vw 8vw 0;
    background-image: url(../img/left-white.png);
    background-position: left 2.13333vw center;
  }
  
  #popular .popular-item button.slick-next.slick-arrow {
    right: 0;
    border-radius: 8vw 0 0 8vw;
    background-image: url(../img/right-white.png);
    background-position: right 2.13333vw center;
  }
  #popular .popular-item button.slick-arrow.slick-disabled {
    opacity: 0.2;
  }
  
  /* --------------------------------------------------- */
  /* #service
  /* --------------------------------------------------- */
  #service .service-ttl h2{font-size:16px;padding:0 20px;margin-top:20px;}
  #service .service-ttl h2 span{font-size:20px;}

  #service .box-1 {padding: 5% 0;}
	#service .box-1 h3.f-min{padding-left: 25%;font-size:16px;line-height:1.5;padding-top:0;}
	#service .box-1 h3.h3_sub {width: 18%; height: auto; margin-right: 3%; line-height: 0;}
	#service .box-1 h3.h3_sub img {padding: 10%;}
	#service .box-1 .point {position:relative;text-align: center;margin-top: 5%;}
	#service .box-1 .point p {position: absolute;height:91px;padding-top:30px;}
	#service .box-1 .sample {position: relative;right: auto;width:70%;margin-bottom: -40%;}
	#service .box-1 .trigger {min-width:auto;display: block;margin: 10px auto;}

	/*service2*/
  #service2 .box-1{padding-bottom:0;}
	#service2 .box-1 .point {text-align: left;}
	#service2 .box-1 .point p{margin: 0 0 10px 10px;position:absolute!important;top:70px;}
	#service2 .box-1 .sample {right: 0;margin-bottom: -20%;width: 60%;}
  #service2 .box-1 .limit{position:static;}

  /*service3 */
  #service3 .logo {position: static; width: 80%; margin: 0 auto; text-align: center;}
  #service3 .no-sp{display:none !important;}
  #service3 .no-pc{display:inline !important;}

  /*service-modal*/
  .mfp-inline-holder .mfp-content {width: 90% !important;margin: 30px auto!important;}
	.service-modal {padding: 5% 3%;}
	.service-modal h3 {font-size: 16px;padding: 10px;}
	.service-modal h4 {padding-top: 5%;}
	.service-modal .img-left {width: 40%;margin-right: 3%;}
	.service-modal .bg-white {margin-top: 0;}
  .service-modal .bg-white p{font-size:14px;}
  .service-modal .comment {padding: 3%;}
	.service-modal .img-right {width: 90%;margin: 0 auto;float: none;}
  .service-modal .col-group{margin:10px 0 20px;}

  /* --------------------------------------------------- */
  /* #selection
  /* --------------------------------------------------- */
  #selection > .container{padding:30px 5%;}
  #selection h2:before{-webkit-transform:scale(0.8);transform:scale(0.8);top:-70px;}
  #selection h2{font-size:24px;padding:0;margin-bottom:15px;}
  #selection h2 br.sp{display:block;}
	#selection h2 .free {width: 60px;height: 60px;position: absolute;top: -45px;left: -3%;}
  #selection .bg-white {padding: 40px 5% 5%;z-index: 1;position: relative;}
	#selection .left_img,	#selection .right_img {display: none;}

  #selection .col-2 a {padding:15px 5% 30px;}
  #selection .col-2 a::after{height:20px;}
  #selection .col-2 a::before{width:6px;height:6px;bottom:8px;}
  #selection .col-2 .f-min {font-size: 16px;margin-bottom:5px;}
  #selection .col-2 .ttl-pop{padding:0 20px;margin:10px 0 8px;}
  #selection .col-2 .free{width:70px;height:70px;position:absolute;top:-20px;left:-25px;}
  #selection .col-group{padding:0;}
  #selection .col-2:nth-child(n+1),#selection .col-3:nth-child(n+1){margin-top:4%;}

  #selection .badge{position:static;margin-bottom:20px;}
  #selection .badge p{padding:8px 10px;max-width:200px;font-size:12px;margin:0 auto 5px;}

  /* --------------------------------------------------- */
  /* #ranking
  /* --------------------------------------------------- */
  #ranking{padding:30px 0;}
  #ranking h2{font-size:24px;margin-top:5px;padding-bottom:40px;background-size:50% auto;}
  #ranking h2 br{display:block;}
  #ranking h2 span{padding:0 20px;}
  #ranking h2 span.year{top: -40px;width: 100%;left: 0;font-size: 24px;}
  #ranking h2 span.ttl{margin-top: -5px;padding: 0;}
  #ranking h2 span.ttl:before{display: block;margin: 0 auto;}
  #ranking h2 img{width:60px;margin-top:2px;}
  #ranking .ttl-img{max-width:70%;margin:auto;}
  #ranking .graph{margin-bottom:20px;}
  #ranking .graph .img{width: 100%;}
  #ranking .graph .btn01,#ranking .graph .btn02,#ranking .graph .btn03,#ranking .graph .btn04{display:none;}
  #ranking .attention{font-size:10px;}
  #ranking .comment{margin: 0;padding: 20px;}
  #ranking .comment:before{left: 0; right: 0; margin: 0 auto;}

  /* --------------------------------------------------- */
  /* #cherry
  /* --------------------------------------------------- */
  #cherry{padding: 15px 0 30px;background-size: 50%;}
  #cherry .cherry-ttl{margin-bottom: 20px;}
  #cherry .cherry-ttl:before{width: 50px;height: 48px;margin: 0 auto 100px;background-size: 100% auto;}
  #cherry .cherry-ttl h2{font-size: 22px;padding: 0;}
  #cherry .cherry-ttl .announcement {width: 50%; height: auto; right: 0; left: 0; padding: 5px 10px; top: 60px; margin: 0 auto;}
  #cherry .item .item-list li{width: 49%; margin-right: 2%;padding: 15px; margin-bottom: 2%; font-size: 14px;}
  #cherry .item .item-list li:nth-child(even) {margin-right: 0;}
  #cherry .item .item-list li .img{width: 100%;height: auto;}
  #cherry .item .item-list li .pop{left:-5px;bottom:-10px;width:58px;height:58px;font-size:10px;padding-top:16px;background-size:100% auto;}
  #cherry .item .item-list li .txt{padding: 10px 0;}
  #cherry .item .more{margin-top: 15px;}

  /* --------------------------------------------------- */
  /* #flower
  /* --------------------------------------------------- */
  #flower{padding:30px 0;}
  #flower::before{background-size:60% auto;}
  #flower::after{background-size:60% auto;}
  #flower > .container{z-index:3;}

  #flower .flower-ttl-top:before{width: 114px;height: 60px;background-size: 100% auto;margin: 0 auto;}
  #flower .flower-ttl-top h2{font-size: 22px;margin-bottom: 10px;}

  #flower .flower-ttl{margin-bottom:10px;}
  #flower .flower-ttl .free{width:60px;height:60px;position:absolute;top:-35px;left:-3%;}
  #flower .flower-ttl .ttl-pop{font-size:16px;padding:0 20px;margin-bottom:5px;}
  #flower .flower-ttl .f-min{font-size:24px;}
  #flower .lead{text-align:center;font-size:16px;margin-bottom:20px;}
  #flower .lead br{display:block;}

  #flower .badge{position:static;margin-bottom:20px;}
  #flower .badge p{padding:8px 10px;max-width:200px;font-size:12px;margin:0 auto 5px;}

  #flower .box-wrap .plus{position:static;text-align:center;font-size:30px;font-weight:bold;}

  #flower .box01{width:100%;float:none;padding:15px 5%;}
  #flower .box01 .ttl{font-size:16px;margin-bottom:15px;}
  #flower .box01 .img{max-width:70%;margin:auto;display:block;}

  #flower .box02{width:100%;float:none;padding:15px 5%;}
  #flower .box02 .ttl{font-size:16px;margin-bottom:10px;}
  #flower .box02 .flower-list li{width:49%;margin-right:2%;margin-top:2%;}
  #flower .box02 .flower-list li:nth-child(3n){margin-right:2%;}
  #flower .box02 .flower-list li:nth-child(even){margin-right:0;}
  #flower .box02 .flower-list li .txt{font-size:12px;margin-top:5px;}

  #flower .price-nav{text-align:center;margin:20px 0 30px;}
  #flower .price-nav li{width:85%;display:block;margin:0 auto 8px;}
  #flower .price-nav li a{padding:10px 15px 20px 15px;}
  #flower .price-nav li a span{font-size:18px;margin-right:2px;}
  #flower .price-nav li a::before{width:6px;height:6px;bottom:10px;margin-left:-3px;}

  #flower .flower-about{margin-bottom:20px;}
  #flower .flower-about h3{font-size:16px;margin-bottom:20px; margin-top:0;}
  #flower .flower-about .img{float:none;margin:0 auto 10px;max-width:80%;}
  #flower .flower-about .txt{font-size:13px;}

  #flower .item + .item{margin-top:20px;}
  #flower .item .item-inner{padding:8% 5% 5%;}
  #flower .item .item-inner::before{height:160px;}
  #flower .item h3 small{font-size:12px;display:block;margin-top:5px;}
  #flower .item h3 br.sp{display:block;}
  #flower .item .item-top{margin-bottom:0}
  #flower .item .item-top .free{width:70px;height:70px;top:-15px;left:-3%;}
  #flower .item .item-top .catalog{float:none;max-width:60%;margin:auto;}
  #flower .item .item-top .info{float:none;margin-top:10px;}
  #flower .item .item-top .info h4{font-size:24px;margin-bottom:5px;text-align:center;}
  #flower .item .item-top .info .btn{position:relative;margin:auto;display:block;top:0;text-align:center;max-width:90%;padding:10px 8px 10px 25px;margin-bottom:15px;}
  #flower .item .item-top .info .btn::before{left:10px;}

  #flower .item .item-list{overflow:visible;}
  #flower .item .item-list:before{left: 0;right: 0;margin: 0 auto;}
  #flower .item .item-list li{width:49%;margin-right:2%;margin-bottom:2%;font-size:14px;}
  #flower .item .item-list li:nth-child(3n){margin-right:2%;}
  #flower .item .item-list li:nth-child(even){margin-right:0;}
  #flower .item .item-list li + li:before{content: none;}
  #flower .item .item-list li .pop{left:-5px;bottom:-10px;width:58px;height:58px;font-size:10px;padding-top:16px;background-size:100% auto;}
  #flower .item .item-list li .txt{padding:10px 5px;}
  #flower .item .item-list li .txt span{font-size:12px;}


  #flower .item04 .ttl-pink{margin-bottom: 0;}
  #flower .item04 .txt{padding: 8% 5% 5%;}
  #flower .item04 .item-set-inner{padding: 1em 5%;}
  
  #flower .item04 .item-set-list{
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	margin:1em 0 0
	}
  #flower .item04 .item-set-list li{
	width: 49%;
	margin: 2% 0;
	padding: 15px;
	font-size: 14px;
	}
  



  /* --------------------------------------------------- */
  /* #experience
  /* --------------------------------------------------- */
  #experience .block-lead{padding:40px 0 20px;margin-bottom:20px;line-height:1.6;}
  #experience .block-lead h2{line-height:1.5;margin-bottom:20px;font-size:20px;padding:0;}
  #experience .block-lead h2 br{display:none;}
  #experience .block-lead::before{max-width:30%;opacity:0.4;}
  #experience .block-lead::after{max-width:30%;opacity:0.4;}
  #flower .item04 .item-set-list li .txt{padding: 10px 0;}
	
	#experience .block-course .free {width: 60px;height: 60px;position: absolute;top: -25px;left: 41%;left: calc(50% - 30px);}
  #experience .block-course h3{font-size:16px;padding:0 20px;margin: 42px 0 15px;font-weight:normal;line-height:1.4;}
  #experience .block-course h3 br.sp{display:block;}
  #experience .block-course .list-course{margin-bottom:20px;margin-bottom:10px;}
  #experience .block-course .list-course li{width:49%;margin-right:2%;margin-bottom:2%;}
  #experience .block-course .list-course li:nth-child(even){margin-right:0;}
  #experience .block-course .list-course li .name{font-size:14px;padding:8px;}
  #experience .block-course .list-course li .name::before{width:6px;height:6px;margin-top:-6px;right:15px;}
  #experience .block-course .list-course li .txt{padding:8px;font-size:12px;}
  #experience .block-course .list-course li .txt small{font-size:12px;}
  #experience .block-course .list-other{margin-bottom:30px;}
  #experience .block-course .list-other li{width:100%;margin-right:0;float:none;}
  #experience .block-course .list-other li + li{margin-top:10px;}
  #experience .block-course .list-other li .img{display:block;margin-right:0;max-width:20%;margin:0 auto 8px;}
  #experience .block-course .list-other li .txt{display:block;text-align:center;font-size:14px;margin-bottom:15px;}

  #experience .voice-list{display: block;}
  #experience .voice-list li{width:100%;margin:0;padding-top:36px;}
  #experience .voice-list li + li{margin-top:30px;}
  #experience .voice-list li .ttl{padding:20px 12px 12px;width:100%;margin-left: 0;margin-bottom:15px;line-height:1.5;}
  #experience .voice-list li .ttl::before{width:36px;height:36px;background-size:50% auto;left:50%;top:-28px;margin-left:-18px;}
  #experience .voice-list li .ttl span{font-size:16px;display:block;}
  #experience .voice-list li.voice01::before{width:50px;height:58px;top:-28px;left:-23px;}
  #experience .voice-list li.voice02::before{width:50px;height:58px;top:-28px;right:-23px;}
  #experience .voice-list li .sub{margin-bottom:5px;}
  #experience .voice-list li .inner{padding:20px 20px;}
  #experience .voice-list li .txt{font-size:12px;}
  #experience .voice-list li .name{font-size:11px;margin-right:-10px;margin-top:10px;}

  /* --------------------------------------------------- */
  /* #experience02
  /* --------------------------------------------------- */
  #experience02{padding:0;}
  #experience02::before{background-size:60% auto;}
  #experience02::after{background-size:60% auto;}

  #experience02 .ttl-pink{padding: 10px;}
	  
  #experience02 .item + .item{margin-top:20px;}
  #experience02 .item h3{font-size:20px;line-height:1.4;}
  #experience02 .item h3 br{display:block;}
  #experience02 .item .item-top{margin-bottom:15px;}
  #experience02 .item .item-top .txt{margin-top:15px;font-size:13px;text-align:left;}

  #experience02 .item .item-list{
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;}
  
  #experience02 .item .item-list li{width:100%;margin-right:2%;margin-bottom:2%;font-size:14px;padding:15px 20px;}
  #experience02 .item .item-list li .img{float:left;width:30%;margin-bottom:10px;}
  #experience02 .item .item-list li .txt{/*overflow:hidden;*/padding:10px 20px;text-align:left;}
  #experience02 .item .item-list li .btn01{clear:both;font-size:12px;padding:10px 5px 10px 15px;}
  #experience02 .item .item-list li .btn02{font-size:12px;padding:10px 5px 10px 22px;}
  #experience02 .item .item-list li .btn01::before,
  #experience02 .item .item-list li .btn02::before{width:6px;height:6px;margin-top:-3px;}

  #experience02 .item-inner{display: block;margin-bottom: 40px;}
  #experience02 .item-inner .item-left{width: 49%;margin: 0 auto 20PX;}
  #experience02 .item-inner .item-left a{padding: 40px 15px 15px;}
  #experience02 .item-inner .item-left .img{width: 100%;height: auto;margin-bottom: 10px;}
  #experience02 .item-inner .item-right{width: 100%;}
  #experience02 .item-inner .item-right .img{width: 100%;height: auto;margin-bottom: 15px;}
  #experience02 .item-inner .item-right .txt{margin-bottom: 15px;}
  #experience02 .item-inner .item-btn{width: 100%;margin: 0;}
  #experience02 .item-inner .item-btn a:before{left: 10px;}
  
  
  #experience02 .block-lead:before, #fasion .block-lead:after{display: block;background-size: 100% auto;}
  #experience02 .block-lead:before{left: -3%;top: -25px;width: 45px;height: 43px;}
  #experience02 .block-lead:after{right: -20%;bottom:-20px;top:auto;width: 95px;height: 62px;}
  #experience02 .block-lead h2{font-size: 22px;letter-spacing: 0;}
  #experience02 .item .f-txt{padding: 15px 0;}
  #experience02 .item .item-list{margin-bottom: 30px;margin-right:2%;}
  #experience02 .item .item-list li{width: 49%; margin-right: 2%;padding: 15px; margin-bottom: 2%; margin-top:5px; font-size: 14px;}
  #experience02 .item .item-list li:nth-child(even) {margin-right: 0;}
  #experience02 .item .item-list li .img{width: 100%;height: auto;}
  #experience02 .item .item-list li .img img{display: block;}
  #experience02 .item .item-list li .img span.limited{font-size: 12px;}
  #experience02 .item .item-list li .txt{padding: 10px 0;}


  #experience02 .item02 .item-list{margin-bottom: 0;}

  #experience02 .item .fasion-about{display: block;margin: 15px 0 24px;}
  #experience02 .item .fasion-about .img{width: 80%;margin: 0 auto 10px;padding-left: 0;}
  #experience02 .item .fasion-about .txt{width: 100%;}
  #experience02 .item .fasion-about .txt h3{margin-bottom: 15px;}


  /* --------------------------------------------------- */
  /* .flow-modal
  /* --------------------------------------------------- */
  .flow-modal {padding:8% 3%;margin-bottom:0;}
  .flow-modal h2 {margin-bottom: 15px;font-size: 24px;line-height: 1.3;}
  .flow-modal h2 small{font-size:14px;}

  .flow-modal .part li p {padding:20px 20px 20px 0;text-align: left;overflow:hidden;}
  .flow-modal .part2 ul li:last-child {margin-right: 0;}
  .flow-modal .part2 ul li:last-child:after {content: none;}

  .flow-modal .part {float: none;position:relative;padding-left:36px;}
  .flow-modal .part > div {width:24px;height: 100%;line-height: 1.2;margin-bottom:20px;position:absolute;left:0;top:0;z-index:3;font-size:12px;padding:8px 0;}
  .flow-modal .part ul li {border-top:0;border-left: 3px solid ;width:100%;height: auto;margin-right:0;font-size:12px;margin-bottom:12px;}

  .flow-modal .part ul li:after {clear:both;width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;right: 50%;top:100%;}
  .flow-modal .part ul li img {margin:20px;;height:40px;float:left;}
  .flow-modal .part > div:after {border-top: 9px solid transparent;border-left: 12px solid #f2f0eb;border-right: 12px solid #f2f0eb;content: "";position: absolute;right: 0;bottom: -20px;top: auto;}
  .flow-modal .part1 {width: 100%;}
  .flow-modal .part2 {width: 100%;}

  .flow-modal .part1 ul li {border-color: #335e86;}
  .flow-modal .part2 ul li {border-color: #b09c3b;margin-right:0;}

  /* wrapping */
  .flow-modal .wrapping-wrap h2{padding:0;}
  .flow-modal .wrapping-wrap h2 .free{position:static;display:block;width:70px;height:70px;margin:0 auto 15px;}

  .flow-modal .wrapping{border-radius:10px;padding:5px;}
  .flow-modal .wrapping::before{display:none;}
  .flow-modal .wrapping .inner{border-radius:10px;}
  .flow-modal .wrapping .block{width:100%;float:none;padding:25px 20px;}
  .flow-modal .wrapping .block .txt{margin-bottom:10px;}
  .flow-modal .wrapping .block-left{border-right:0;border-bottom:1px solid #f0ebe0;position:relative;}
  .flow-modal .wrapping .block-left::before{content:"";display:block;width:20px;height:20px;background:url(../img/flow_plus.png) no-repeat center center;background-size:100% auto;position:absolute;bottom:-11px;left:50%;margin:-10px 0 0 0;}

  /* ----------------------------------------
  * #fasion
  * ------------------------------------- */
  #fasion{padding: 40px 0 35px;}
  #fasion .block-lead:before, #fasion .block-lead:after{display: block;background-size: 100% auto;}
  #fasion .block-lead:before{left: -3%;top: -25px;width: 45px;height: 43px;}
  #fasion .block-lead:after{right: -20%;bottom:-20px;top:auto;width: 95px;height: 62px;}
  #fasion .block-lead h2{font-size: 22px;letter-spacing: 0;}
  #fasion .item .f-txt{padding: 15px 0;}
  #fasion .item .item-list{margin-bottom: 30px;}
  #fasion .item .item-list li{width: 49%; margin-right: 2%;padding: 15px; margin-bottom: 2%; font-size: 14px;}
  #fasion .item .item-list li:nth-child(even) {margin-right: 0;}
  #fasion .item .item-list li .img{width: 100%;height: auto;}
  #fasion .item .item-list li .img img{display: block;}
  #fasion .item .item-list li .img span.limited{font-size: 12px;}
  #fasion .item .item-list li .txt{padding: 10px 0;}

  #fasion .item02 .item-list{margin-bottom: 0;}

  #fasion .item .fasion-about{display: block;margin: 15px 0 24px;}
  #fasion .item .fasion-about .img{width: 80%;margin: 0 auto 10px;padding-left: 0;}
  #fasion .item .fasion-about .txt{width: 100%;}
  #fasion .item .fasion-about .txt h3{margin-bottom: 15px;}

  /* ----------------------------------------
  * #sweets
  * ------------------------------------- */
  #sweets{padding: 40px 0 35px;}
  #sweets .block-lead:before, #sweets .block-lead:after{display: block;background-size: 100% auto;}
  #sweets .block-lead:before{left: -3%;top: -25px;width: 45px;height: 43px;}
  #sweets .block-lead:after{right: -20%;bottom:-20px;top:auto;width: 95px;height: 62px;}
  #sweets .block-lead h2{font-size: 22px;letter-spacing: 0;}
  #sweets .item .f-txt{padding: 15px 0;}
  #sweets .item .item-list{margin-bottom: 30px;}
  #sweets .item .item-list li{width: 49%; margin-right: 2%;padding: 15px; margin-bottom: 2%; font-size: 14px;}
  #sweets .item01 .item-list li:nth-child(3n) {margin-right: 2%;}
  #sweets .item .item-list li:nth-child(even) {margin-right: 0;}
  #sweets .item .item-list li .img{width: 100%;height: auto;}
  #sweets .item .item-list li .txt{padding: 10px 0;}
  #sweets .item01 .item-list li.kiwami:before{width: 60px;height: 35px;background-size: 100% auto;}
}

/* ----------------------------------------
 * pagetop
 * ------------------------------------- */
#pagetop {
  position: fixed;
  bottom: 140px;
  z-index: 999;
}
@media screen and (max-width:599px){
  #pagetop {right: 10px;bottom: 70px;}
}

/* ----------------------------------------
 * 下固定バナー
 * ------------------------------------- */
#bnr_quiz {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
		animation-name: fadein;
    animation-duration: 1s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
#bnr_quiz.fix{
    position: fixed;
}
#bnr_quiz p.bnr_close {
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: 1;
		width:30px;
}

#bnr_quiz p.bnr_img {
		transition: 0.3s
}
#bnr_quiz p.bnr_close img,#bnr_quiz p.bnr_img img {
		width: 100%;
}
#bnr_quiz p.bnr_img:hover {
		opacity: .8;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
}

@media screen and (max-width:599px){
	#bnr_quiz {
    position: fixed;
    bottom: 0;
    right: inherit;
		left: 0;
		width: 100%;
}
	#bnr_quiz p.bnr_close { left: 0;}
}