/* ---- common ---- */
body{max-width:100%;}
#contents_0903new { width: 100%; margin: 0 auto; color: #64363c; line-height: 1; font-size: 90%; font-family: kozuka-gothic-pr6n, sans-serif;}
#contents_0903new img{ width: 100%}
#contents_0903new a { text-decoration: none;}
#contents_0903new a:hover { color: unset;}
#contents_0903new h2 {font-size: 128%; color: #e75a5c;}
header { margin-bottom: 40px;}
.annotation { color: #e75a5c; font-size: 85%; display: inline-block; line-height: 1.2; font-weight: 500;}
.break { display: inline-block;}
._text ._left { box-sizing: border-box;}
._text ._left h3 { font-family: kozuka-mincho-pro, "Noto Serif JP", serif; letter-spacing: 1px; font-size: 104%; color: #fff; background-color: #e75a5c; padding: 6px; display: inline-block; border-radius: 16px; line-height: 1; margin-bottom: 3%; box-sizing: border-box; width: 55%; text-align: center;}
._text ._left p { line-height: 1.4; margin-bottom: 15px; font-size: 104%;}

/* ---- area_lead ---- */
.area_lead ._main_lead { padding: 10px; background: #e3babf; color: #342226; margin-bottom: 20px;}
.area_lead ._main_lead dl { font-size: 104%; line-height: 1.3;}
.area_lead ._main_lead dl dt { color: #99102a; font-weight: bold;}
.area_lead ._text { display: flex; padding: 0 10px;}
.area_lead ._text ._left,
.area_lead ._text ._right { width: 50%;}
.area_lead ._text ._right { padding-top: 7%;}
.area_lead ._text ._left h3 { width: 120%; font-size: 100%; margin-bottom: 6%;}
.area_lead ._title {background: #ffeff1;padding: 3%;margin: 1em 0 2em;}
.area_lead ._title h2 { border-bottom: 1px solid #e75a5c; padding-bottom: 6px; font-weight: 500; text-align: center;}
.area_lead ._title span.sub {text-align: center;display: block;font-size: 98%;padding-top: 10px;line-height: 1.2;text-align: left;padding: 0 2%;margin: 1em 0 0;font-size: 104%;line-height: 1.6;}

/* ---- area_message ---- */
.area_message ._free,
.area_message ._phrase { margin-bottom: 30px; border-bottom: 1px solid #bd9489; padding-bottom: 15px;}
.area_message ._phrase { margin-bottom: 0;}
#contents_0903new .area_message ._free p,
#contents_0903new .area_message ._phrase p { font-size: 104%; font-weight: bold; margin-bottom: 10px; padding: 0 10px; letter-spacing: 1px; line-height: 1.4;}
.area_message .wrap_title { border-bottom: 1px solid #bd9489; margin-bottom: 15px;}
.area_message .box_message { width: 100%; overflow-x: scroll; /* IE, Edge ?? */
 -ms-overflow-style: none; /* Firefox ?? */
 scrollbar-width: none;}
/* Chrome, Safari ?? */
.box::-webkit-scrollbar { display: none;}
.area_message .msg_list_f { display: flex; width: 620px;}
.area_message .msg_list_f li { width: 80px; margin-right: 7px;}
.area_message ._text { padding-top: 30px;}
.area_message ._text ._left { padding: 0px 10px;}
.area_message ._text ._right { position:relative; padding: 0 10px;}
.area_message ._text ._right.gift { padding: 0;}
.area_message ._text._message ._right a::after{content: '+'; color: #fff; width: 25px; height: 25px; background: #e75a5c; border-radius: 50%; position: absolute; line-height: 24px; text-align: center; font-size: large; bottom: 10px; right: 30px; font-weight: bold;
}

/* ---- area_lineup ---- */
#contents_0903new .area_lineup h2 { position: relative; font-family: "Dancing Script", cursive; font-size: 25px; color: #9f704a; text-align: center; background: linear-gradient(transparent 80%, #f7e8b2 0%); margin-bottom: 20px; padding-top: 36px; z-index: 1;}
#contents_0903new .area_lineup h2::after { content: ""; position: absolute; width: 100%; height: 82px; background: linear-gradient(transparent 80%, #f7e8b2 0%); top: -18px; left: 0; z-index: -1;}
.area_lineup ul li { margin-bottom: 24px;}
.area_lineup ul li .area_position { position: relative;}
.area_lineup ul li .info::before { content: "\83EF\3084\304B\306A"; display: inline-block; width: 45px; height: 45px; background: #ff8f5e; border-radius: 50%; text-align: center; line-height: 45px; color: #fff; font-weight: bold; font-size: 80%; margin-right: 1%;}
.area_lineup ul li .info.pale::before { content: "\4E0A\54C1\306A"; background: #ff5eaa;}
.area_lineup ul li .info.yellow::before { content: "\5143\6C17\306A"; background: #ffcc5e;}
.area_lineup ul li h4 { font-family: "Dancing Script", cursive; color: #bd9489; font-size: 22px; position: absolute; bottom: 20px; left: 10px; -webkit-text-stroke: 0.03px #f2f2f2; text-stroke: 1px #f2f2f2; text-shadow: 0px 0px 3px #f2f2f2, 0px 0px 3px #f2f2f2;}
.area_lineup ul li .info { display: flex; padding: 0 10px; margin-top: 10px;}
.area_lineup ul li .info .wrap { display: flex; justify-content: space-between; align-items: flex-start; width: 90%; padding-top: 8px;}
.area_lineup ul li .info .wrap p { font-weight: bold; font-size: initial; width: 65%;}
.area_lineup ul li .info .wrap .price { font-size: 75%; display: inline-block;}
.area_lineup ul li .info .wrap p { font-family: kozuka-mincho-pro, "Noto Serif JP", serif; font-size: 110%;}
.area_lineup ul li .info .wrap .link { font-size: 85%; background: #bd9489; color: #fff; font-weight: bold; text-align: center; width: 31%; padding: 10px 5px;}
.area_lineup ul li .info .wrap .link a { display: block;}

/*----fresh----*/
h3.letter_f { box-sizing: border-box; width: 100%; background: url(//img.e87.com/flower/2022images/rose.gif) no-repeat 10px top; font-weight: bold; text-align: left; margin-top: 20px; padding-left: 35px; background-size: contain; margin: 0 0 4px; background-color: white; font-family: "Kaisei Decol", serif; font-size: 128%; color: #e75a5c; height: 20px; line-height: 20px;}

/*----media----*/
@media screen and (max-width: 350px) { #contents_0903new h2 {  font-size: 110%; }
.area_lead ._text ._left h3, ._text ._left h3 {  font-size: 90%; }
.area_lineup ul li .info .wrap .link {  width: 34%; }
}

/*

=====================*/
.m0 { margin: 0;}
.mT0 { margin-top: 0;}
.mT3 { margin-top: 2px;}
.mL5 { margin-left: 5px;}
.mB5 { margin-bottom: 5px;}
.mB30 { margin-bottom: 30px;}
.mB25 { margin-bottom: 25px;}
.txtAL { text-align: left;}