@charset "Shift_JIS";
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300;1,400&display=swap');
body {
    max-width: 680px;
}
.mt10 {
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
}

.mb10 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.mt20 {
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
}

.mb20 {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.mt30 {
    margin: 30px 0 0 0 !important;
    padding: 0 !important;
}

.mb30 {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
}

.mt40 {
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
}

.mb40 {
    margin: 0 0 40px 0 !important;
    padding: 0 !important;
}


.ml10 {
    margin: 0 0 0 10px !important;
    padding: 0 !important;
}

.mr10 {
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
}

.ml20 {
    margin: 0 0 0 20px !important;
    padding: 0 !important;
}

.mr20 {
    margin: 0 20px 0 0 !important;
    padding: 0 !important;
}

.pt10 {
    padding: 10px 0 0 0 !important;
}

.pb10 {
    padding: 0 0 10px 0 !important;
}

.pml10 {
    padding: 0 0 0 10px !important;
}

.pmr10 {
    padding: 0 10px 0 0 !important;
}

.break{
    display:inline-block;
}

/* まとめ記述 */
article#ranking {
    background: #fffee9;
}

/* article#style,
article#buyer,
article#cont,
article.bnr_area {
    background: #eaf2f3;
} */

/* .h2_ttl {
    font-family: 'Shippori Mincho', serif;    
    padding: 0px 0 2px 8px;
    font-size: 18px;
    font-weight: bold;
    width: 94%;
    margin: 0 auto 8px;
    border-left: 8px solid #395E8A;
    box-sizing: border-box;
    color:#395E8A;
} */

.h2_ttl {
    font-family: 'Shippori Mincho', serif;
    padding: 0px 0 2px 0px;
    font-size: 18px;
    font-weight: bold;
    width: 94%;
    margin: 32px auto 8px;
    box-sizing: border-box;
    color: #395E8A;
    border-top: 1px solid #395E8A;
    border-bottom: 1px solid #395E8A;
    text-align: center;
    padding: 2px 0;
    line-height: 1.4;
}

article#style h2 span,
article#price h2 span,
article#buyer h2 span,
article#cont h2 span,
article#select h2 span,
section#faq h2 span{
    font-family: 'Merriweather', serif;
    display: block;
    font-size: 18px;
    color: #3c9194;
    font-weight: bold;
    font-style: italic;
}

/* 表紙 */
#header h1 img {
    width: 100%;
    height: auto;
}

article#header {
    position: relative;
}

article#header .area_txt{
    padding:0 3%;
    margin: 3% 0;
}

article#header .area_txt p.txt:first-child{
    text-align: center;
}

article#header p.txt {
    font-family: 'Shippori Mincho', serif;
    font-size: min(4.5vw, 14px);
    line-height: 1.4;
    color: #333333;
    padding: 4px 0;
    font-weight: bold;
}

article#header p.txt span{
    font-size:14px;
}

#kikan {
    width: 94%;
    margin: 0 auto;
    background: #cae2ff;
    padding: 10px 0;
}

#kikan h3 {
    text-align: center;
    color: #333333;
    border-bottom: 1px #484848 dotted;
    font-size: 17px;
    font-weight: bold;
    display: block;
    margin: 0 10px 5px;
    font-family: 'Shippori Mincho', serif;
    padding-bottom: 4px;
}

#kikan dl {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#kikan dl dt {
    font-size: 16px;
    font-weight: bold;
    padding-right: 14px;
    display: inline-block;
    font-family: 'Shippori Mincho', serif;
}

#kikan dl dd {
    font-size: 16px;
    line-height: 1.3;
    display: inline-block;
    font-family: 'Shippori Mincho', serif;
}

p.off {
    margin: 20px 10px;
}

/* スタイル */
article#style .list-content {
    background: #eaf2f3 !important;
}

/* @style */
#style img{width:100%;}

.style_obon {
    display: flex;
    padding: 5px 3%;
}

.style_obon a:last-child {
    margin-right: 0;
}

.style_obon a {
    margin-right: 3%;
    position: relative;
    width: 49%;
}

.style_txt {
    position: absolute;
    text-align: center;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    padding: 4px 0 2px;
    background: rgb(0 0 0 / 25%);
    z-index: 2;
}

.style_all_box {
    display: flex;
}

.style_all {
    text-align: center;
    font-size: 16px;
    background: #a0a0a0;
    border: 3px #ccc solid;
    border-radius: 10px;
    color: #fff;
    padding-top: 27px;
    line-height: 1.6;
    font-weight: bold;
    width: 100%;
}

.style_all span {
    font-size: 23px;
    font-weight: bold;
}

.style_obon a:hover {
    text-decoration: none;
}

#cont ul {
    display: flex;
    padding: 0 2%;
}

article#cont li {
    width: 47%;
    margin: 5px 1.5%;
}

#recommended .obon_ttl p.obon_ttl_eng {
    background: #eaf2f3;
}

.obon_ttl p.obon_ttl_eng {
    font-family: 'Merriweather', serif;
    text-align: center;
    font-size: 46px;
    padding: 15px 0 0;
    color: #3c9194;
    line-height: 40px;
    background: #b7d3f5;
}

h2.obon_ttl_blue {
    text-align: center;
    color: #3c9194;
    font-family: 'M PLUS Rounded 1c', 'メイリオ', 'Meiryo', sans-serif;
    transform: rotate(0.03deg);
    font-weight: 500;
    font-size: 18px;
    padding: 20px 0 2px;
}

#recommended .obon_ttl p.obon_ttl_eng {
    background: #eaf2f3;
}

.obon_ttl p.obon_ttl_eng {
    font-family: 'Merriweather', serif;
    text-align: center;
    font-size: 46px;
    padding: 15px 0 0;
    color: #3c9194;
    line-height: 40px;
    background: #b7d3f5;
}
/* 
h2.obon_ttl_blue {
    text-align: center;
    color: #3c9194;
    font-family: 'Shippori Mincho', serif;
    transform: rotate(0.03deg);
    font-weight: 500;
    font-size: 18px;
    padding: 20px 0 2px;
} */

/* 特集から選ぶ */
article#cont li {
    float: left;
    width: 46vw;
    margin: 5px;
    position: relative;
}

article#cont li p {
    text-align: left;
    width: 90%;
    position: absolute;
    bottom: 1px;
    left: 1px;
    background: rgba(255, 255, 255, 0.8);
    padding: 3px 8px;
    line-height: 1;
    font-size: 10pt;
}

.other_bnr {
    margin: 5px;
}

.other_bnr ul li {
    float: left;
    width: 45vw;
}

/* 価格帯から選ぶ */
article#kakaku {
    position: relative;
    width: 98%;
    margin: 10px auto;
}

article#kakaku ul li div.btn .btn_bg {
    color: #000;
    box-shadow: none;
}

article#kakaku ul li div.btn.open h2 {
    color: #000 !important;
}

article#kakaku div.content ul li {
    padding: 10px 0 !important;
    border-bottom: #b0b0b0 1px solid !important;
}

article#kakaku section.accordion ul li div.btn,
article#kakaku section.accordion ul li div.btn.open {
    background: #e0e0e0 !important;
    border: #ccc 1px solid;
}

article#kakaku div.content ul li:last-child {
    border-bottom: none !important;
}

article#kakaku div.content ul li img {
    width: 3%;
    padding: 7px 20px 7px 0;
}

section.accordion ul li:last-child div.content {
    border-bottom: #b0b0b0 1px solid;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    padding-bottom: 5px !important;
}

/* おすすめ商品PICK UP */

section.goods div {
    display: flex;
    padding: 0 2%;
}

section.goods div ul {
    width: 47%;
    padding: 0px 1.5% 16px;
}

section.goods div:last-child ul {
    padding-bottom:0;
}

section.goods div ul li {
    padding: 3px;
    position: relative;
    line-height: 1.3;
}

section.goods div ul li img {
    width: 100%;
    height: auto;
}

section.goods div ul li.kyushu {
    position: absolute;
    right: 10px;
    background: #F55050;
    padding: 3px 5px;
    font-weight: bold;
    color: #fff;
    font-size: 88%;
}

section.goods div ul li a:link {
    color: #311805;
    font-weight: bold;
    text-decoration: none;
}

section.goods div ul li a {
    color:#333;
}

section.goods div ul li a ._p_lead {
    font-size:12px;
    margin:4px 0;
}

section.goods div ul li:last-child {
    padding: 0 5px !important;
    font-size: 85%;
}

section.goods div ul li.slider_lazy img {
    width: auto;
    height: 60px;
    margin: 0 auto;
}

section.goods div ul li span.senko {
    background: #3a68c6;
    position: absolute;
    bottom: 3px;
    left: 3px;
    color: #fff;
    padding: 2px 3px 1px;
    font-size: 11px;
}

.etc_bnr {
    text-align: center;
}

.etc_bnr p {
    margin: 15px 8%;
}

.etc_bnr p:last-child {
    margin-bottom: 0;
}

/* グローバルナビ */
nav#global_nav {
    margin-top: 20px;
}

.txt{
    padding: 10px 0px;
}

.txt10 {
    font-size: 10px;
    line-height: 1.2;
    padding-top: 5px!important;
}

/* ローカルナビ */

article#cover{padding:0;}
.gen_nav { width: 100%; border-bottom:solid 4px #a98569; height: 42px; margin: 5px 0 5px auto; text-align:center; }
.gen_nav ul {list-style:none; overflow: hidden; text-align: center; margin:0 0 0 auto; height: 46px; word-break: break-all; display: flex; }
.gen_nav ul li.gen_nav00 { width: 17%; height: 40px; padding: 0 2px; float: left;border: solid 1px #CCC; margin-top: 0px; margin-right: 2px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; box-shadow: 2px 2px rgba(0,0,0,0.1); }
.gen_nav ul li.gen_nav00 p { font-size:10px;  vertical-align: middle; margin:0 0 0 auto; text-align:center; height: 40px;  display:box; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center; -webkit-box-align:center; -moz-box-align:center; box-align:center; width: 100%; height: 100%; }
.gen_nav ul li.gen_nav01 { width: 18%; height: 36px; padding:3px 1px 5px; float: left;  background: #a98569;margin-right: 2px; margin-left:0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; box-shadow: 2px 2px rgba(0,0,0,0.1); text-align:center; }
.gen_nav ul li.gen_nav01 p { font-size:11px; text-decoration:none;  vertical-align: middle; margin:0 0 0 auto; text-align:center; height: 45px; color:#FFF; display:box; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center; -webkit-box-align:center; -moz-box-align:center; box-align:center; width: 100%; height: 100%; }
.gen_bt {margin: 5px 0 5px auto;text-align:center; }
.gen_bt ul li.gen_bt01 {float: left;padding: 2px;list-style: none;}

section.search, section.select{ margin:0 !important; padding:0 !important; }
section.search p{ padding:2px !important; }

h1 {
    padding: 0 11px 4px;
    -webkit-background-size: 46px 1px;
    -moz-background-size: 46px 1px;
    color: #e73078;
    font-weight: bold;
}

/* 上部ナビ 共通  */
section.genre .gen_nav {width: 100%;border-bottom: solid 4px #395d89;height: 44px;margin: 0;}
section.genre .gen_nav ul {list-style: none;overflow: hidden;text-align: center;height: 44px;word-break: break-all;display: flex;}
section.genre .gen_nav ul li.gen_nav01 {width: 17%;height: 40px;padding:3px;background: #395d89!important;border: 3px solid #395d89;margin-right: 2px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;box-shadow: 2px 2px rgba(0,0,0,0.1);}
section.genre .gen_nav ul li.gen_nav00 {width: 17%;height: 40px;padding:3px;border: solid 1px #CCC;margin-top: 1px;margin-right: 2px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;box-shadow: 2px 2px rgba(0,0,0,0.1);}
section.genre .gen_nav ul li.gen_nav01 p, .gen_nav ul li.gen_nav00 p {padding-top: 0 !important;display: block;font-size: 10px;line-height: 1.2;    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
section.genre .gen_nav ul li.gen_nav01 p{color:#fff;font-weight: bold;}

.gen_nav ul li.genre_navi_act{background: #395d89!important;}

/* -----------------------------------------------------------
 セレクトボックス
----------------------------------------------------------- */
article#cover section.search{margin: 10px!important; background: #ececec; border-radius: 2px; text-align: center; padding: 3px!important; 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;}
article#cover section.search p.txt{display: inline-block; color: #e73078; width: 100px; float: left; font-weight: bold; text-align: left; margin-left: 15px;}
article#cover section.search p{display: inline-block;}
article#cover section.select{max-width:100%;}
article#cover section.search p{display: inline-block;}


.clearfix {
    overflow: hidden;
}

/* アイコン */
li.obon_icon p {
    float: left;
    padding-left: 2px;
}

li.obon_icon {
    padding: 5px;
    overflow: hidden;
}

/* bnr_area */
.bnr_area div {
    padding: 5px 10px;
}

article.bnr_area {
    margin-bottom: 30px;
}

article.bnr_area section {
    padding: 10px 0;
}

/* FAQ */
section.accordion ul li div.btn .btn_bg{
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

section#faq.accordion ul{
    padding-top:5px;
    width: 94%;
    margin: 0 auto;
}

section#faq.accordion ul li div.btn{
    padding: 12px 10px 10px;
}

section#faq.accordion ul li div.content{
    padding:10px;
}

section#faq.accordion ul li div.btn, section#faq.accordion ul li div.btn.open{
    background-color:#395E8A;
}

section#faq.accordion ul li div p.e87-lower-text{
    font-size:16px;
}

/* 価格 */
article#price .content_price ul{
    padding-top:5px;
    width:94%;
    margin:0 auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

article#price .content_price ul li{
    background: url(//img.e87.com/s/selection/obon/2022images/index/arrow_o2022.gif)no-repeat;
    background-size: 6%;
    background-position: 12px center;
    width: 48%;
    text-align: center;
    border: 1px solid;
    padding: 8px 0;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 16px;
}

article#price .content_price ul li:last-of-type{
margin-bottom:0;
}

article#price .content_price ul li a{
    display:block;
}

/* すべての商品を見る */
.style_txt.more_product{
    height: 62%;
    padding-top: 37%;
    transition: all 0.5s;
}

.style_txt.more_product:hover{
    opacity:0.8;
}

/*ページトップ*/
.pagetop{
    text-align: right;
    
}
.pagetop a{
    font-size: 12px;
    margin:3%;
    display: inline-block;
}
/*更新日*/
._update {
    text-align: right;
    margin-bottom: 4px;
    font-size: smaller;
}

/*  ranking  */
.area_ranking{padding:1px 0 20px;color:#333;}
.area_ranking ul{display:flex; justify-content: space-between; overflow-x: auto; width:94%; margin: 0 auto; padding-bottom: 15px;}
#areaRanking.area_ranking .ranking_list dl dt div.name_{line-height: 1.2;margin: 4px 0;}
#areaRanking.area_ranking .ranking_list dl dt div.name_ div.name1_ a{font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.area_ranking .ranking_list dl dd div.price{font-size:11px;}
.area_ranking .ranking_list:not(:last-child) {margin-right:3%;}
.area_ranking .ranking_list ._product {width:150px;}
.area_ranking .ranking_list ._product img{width:100%; height:auto;}

/* お届けについて  */
.area_delivery{padding:0 3%;}
.area_delivery .wrap_delivery{background: #f4d8e0;padding: 10px 0 16px;}
.area_delivery .wrap_delivery h3{font-size:21px;text-align: center;color:#da2357;}
.area_delivery .wrap_day{display:flex;justify-content: space-evenly;margin: 4px auto 0;}
.area_delivery .wrap_day ._day{width: 12%;}
.area_delivery .wrap_day ._day:last-child{margin-right:0;}
.area_delivery .wrap_day dt,.area_delivery .wrap_day dd{font-size:15px;text-align: center;}
.area_delivery .wrap_day dt{padding: 3%;background:#d9d9d9;border-radius: 10px 10px 0 0;}
.area_delivery .wrap_day dd{padding: 8%;background:#fff;border-radius: 0 0 10px 10px;font-size: 16px;position:relative;}
.area_delivery .wrap_day ._day:not(:first-child) dd:after{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: '';width: 22px;height: 22px;border: 2px solid #ff6f80;border-radius: 50%;}
.area_delivery .wrap_day ._first dd{color:#d9d9d9;}
.area_delivery .wrap_day ._sat dt{color:#056196;background:#d4eff9;}
.area_delivery .wrap_day ._sat dd{color:#056196;}
.area_delivery .wrap_day ._sun dt{color:#dc0e28;background:#f3b8bf;}
.area_delivery .wrap_day ._sun dd{color:#dc0e28;}
.wrap_txt{padding: 1% 0 0;}
.wrap_txt ._txt {border-top: 1px dotted #d9d9d9;padding: 3% 0px;margin-top: 3%;}
.wrap_txt ._txt p._lead{font-size: 14px;/* padding-top: 8px; */line-height: 1.5;}
.wrap_txt ._txt p._anno{padding: 0;margin: 0;font-size: 12px;line-height: 1.5;}
.wrap_txt ._txt p._lead span._add{color:#dc0e28;font-size:15px;}
.wrap_txt h3{font-size: 15px;border-left: 6px solid #395E8A;padding-left: 8px;color: #395E8A;margin: 8px 0;font-weight: bold;}
.wrap_txt h3 p{display:inline-block;margin-right:3px;}
.wrap_txt h3 p img{width:69px;vertical-align: sub;margin-right:3px;}
.huka_area{text-align: center;margin: 2% 0 0;color: #fff;}
.huka_area a{display: inline-block;
padding: 6px 32px;
  border-radius: 25px;
  background: #A62E44;
  color: inherit !important;;
  transition:0.2s;
}
.huka_area a:visited{
  color: #fff;
}

/* お支払いについて 千趣会イイハナについて  */
.h2_title{transform: rotate( 0.03deg);color: #395E8A;border-top: 1px solid #395E8A;border-bottom: 1px solid #395E8A;text-align: center;padding: 8px 0 6px;font-size: 15px;font-weight: bold;margin: 0 3% 20px;}
.area_payment{padding:0 3%;}
.area_payment p{font-size:14px;margin: 2% 0 3%;line-height: 1.6;}
.area_payment p._lead a{text-decoration: underline;}
.area_payment .payment_wrap{padding: 3%;border: 1px solid #d9d9d9d9;}
.area_payment .payment_wrap h3{font-size: 15px;border-left: 6px solid #395E8A;padding-left: 8px;color: #395E8A;margin: 8px 0;font-weight: bold;}
.area_payment .payment_wrap dl {border-top: 1px dotted #d9d9d9;padding: 3% 0px;margin-top: 3%;}
.area_payment .payment_wrap dt{font-size: 14px;/* padding-top: 8px; */line-height: 1.5;flex-wrap: wrap;}
.area_payment .payment_wrap ul li{margin-bottom: 3%;}
.area_payment .payment_wrap ul li:last-child{margin-bottom:0;}
.area_payment .payment_wrap dd{display: flex;padding: 3%;justify-content: center;margin: 8px 0;flex-wrap:wrap;align-items: flex-start;}
.area_payment .payment_wrap dd.card img{width: 50px;height: auto;margin-right: 8px;margin-bottom: 8px;}
.area_payment .payment_wrap dd.conv img{width: auto;height: 25px;margin-right: 16px;margin-bottom: 8px;}
.area_payment .payment_wrap dd.annotation{display:block;padding:0;}
.area_payment .payment_wrap dd.annotation p{padding:0;margin:0;font-size: 12px;line-height: 1.5;}


/* コラム  */
#n_columnArea.accordion > ul{
    padding:0 3%;
}
#n_columnArea.accordion ul li:last-child div.btn.open,
#n_columnArea.accordion ul li:last-child div.btn{
    background: #395E8A;
}

#n_columnArea.accordion ul li:last-child div.btn{
    margin-bottom: 3%!important;
}

#n_columnArea .one-link-content{
    padding:0!important;
}

#n_columnArea .one-link-content ul{
    width: unset !important;;
    margin:3% 0 0;
}

/* --------------------------------------
人気記事
------------------------------------------- */
.wrap-recommend-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3%;
  }
  .wrap-recommend-column .e87-recommend-column {
    width: 49%;
    border: 1px solid #eee;
    padding: 2%;
    position: relative;
    margin-bottom: 2%;
    box-sizing: border-box;
  }
  .wrap-recommend-column .e87-recommend-column__img img{
    width:100%;
    height:auto;
  }

  .wrap-recommend-column .e87-recommend-column::after {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 16px;
    border-color: transparent transparent #395E8A transparent;
    transition: 0.2s;
  }
  .wrap-recommend-column .e87-recommend-column::after {
    border-width: 0 0 15px 21px;
  }
  .e87-recommend-column-wrap h4 {
    font-size: 13px;
    margin: 0.5em 0;
    font-weight: bold;
    color: #395E8A;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
  .e87-recommend-column-wrap .e87-recommend-column__text {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0.5em 0;
  }

  /* TOP???
------------------------------ */

#to-top {position: fixed;bottom: 50px;right: 24px;width: 55px;text-decoration: none;display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 48px;font-size: 16px;z-index: 10;}
#to-top.fade {opacity: 1;transition:0.2s;}
.wrap-top{position:relative;text-align: center;font-weight: bold;padding-top: 4px;height: 50px;z-index:0;}
.wrap-top::before {content: '';width: 14px;height: 14px;display: block;border-top: solid 4px #333;border-right: solid 4px #333;transform: rotate(-45deg) translate(-50%,-50%);position: absolute;top: 37%;left: 54%;/* right: 0; */margin: auto;z-index: 1;}