body{margin:0px;padding:0px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;}
table{width:100%;}
table th{padding:0.5em;text-align: left;}
table td{padding:0.5em;}
/* Common */
h1{padding:5px 0 0 5px;}
h2{height: 30px;background:url(/files/store/images/item06_h2.png) no-repeat;padding:10px 20px 5px;color:#186db8;font-weight:bold;font-size:16px;}
h3{
  background-color: #a5c5e2;
    border-left: 10px solid #186db8;
    font-size: 1.2rem;
    width: 100%;
    height: 20px;
    padding-top: 3px;
    padding-left: 10px;
    margin-bottom: 1em;
    padding: 10px;
    color: white;
}
h3 > a {
    color: white;
text-decoration: none;
}
h4{background: #F3EDEB;vertical-align: middle;padding:0.2em;width: auto;height: auto;}
h5{margin-top:10px; background-color:#FFF6E1; color:#39241C;}
#all{padding-top:50px;background-color:#a5c5e2;background-repeat:repeat-x;}

#container{padding-top:0px;font-size:13px;line-height: 1.4em;width:1000px;margin:0 auto;background:white;}

#contents{padding:10px;clear:both;}
#contents_navi{width:175px;float:left;overflow:hidden;}
#contents_main{    width: 800px;
    float: initial;
    overflow: hidden;
    margin: 20px auto;}

.cl{clear: both;height: 1px;overflow: hidden;}
.hissu{color:red;font-size:11px;font-weight: bold;}

.pc_display{display: block;}
.sp_display{display: none;}

#pankuzu{}
#pankuzu div{display: inline-block;}

/* ヘッダ帯 */
.all_bar{width:100%;height:26px;margin:0px;padding:0px;background-color:#FF5768 ;position: fixed;z-index: 100;top:0px;}
.all_bar .all_bar_in{width:1000px;margin:0px auto;color:#fff;padding-top:5px;font-weight:bold;}
#jpn_time{position: absolute;left: 20px;bottom:0px;font-size:10px;}
#jpn_time img{width:10px;vertical-align: -2px;margin-right:0.2em;}
#jpn_time span{font-size:10px;}

/* ヘッダ */
#header{width:100%;height:auto;margin:0px auto;padding:0px;clear:both;position: relative;    display: flex;
    align-items: center;
    justify-content: space-between;
      padding: 0 10px;
      background-color: #a5c5e2;
    box-sizing: border-box;}

.headerMenu{height: 40px;overflow: hidden;position: absolute;top: -5px;left:635px;}
.head01{float:left;width:300px;height:80px;}
#logo{position: relative;}
#header a.sp_menus_btn{position: relative; width: 30px;}
#header a.sp_menus_btn img{position: relative; width: 100%;}


#logo a{display: block;}
#logo a img{width: 170px;  height: auto;}


.head02{float:left;width:200px;height:60px;margin-top:10px;}
.head03{float:right;width:200px;height:60px;vertical-align:top;margin-top:5px;line-height: 1.1em;}
.head03 a{font-size:10px;vertical-align:top;margin:0px 5px;}
.head04{position: absolute;right: 5px;top:45px;}
.head04 #telbox{font-size:18px;font-weight: bold;text-align: right;}

#notice{padding:1em;background-color: #ffefef;border:1px solid #ffe0e0;margin:0.5em 0em;font-weight: bold;color:red;}

/* メニュー 
    #menu{width:100%;margin:0px auto;padding:0px;height:34px;}
    #menu ul{margin:0px auto;padding:0px;height:33px;margin:0px auto; padding:0px;}
    #menu li{display:block;list-style:none;margin:0px;padding:0px;float:left;}
    #menu a:hover{background-position:center top;width:119px;height:33px;margin:0px 0px 0px 2px;padding:0px;}
    #menu .on{background-position:center top;}
    .navi01{ background: url(/files/store/images/header/menu_navi_01c.jpg) center bottom no-repeat;width:119px;height:34px;display:block;margin-left:2px;_margin:0px 1px;padding:0px;}
    .navi02{ background: url(/files/store/images/header/menu_navi_02c.jpg) center bottom no-repeat;width:119px;height:34px;display:block;margin-left:2px;_margin:0px 1px;padding:0px;}
    .navi03{ background: url(/files/store/images/header/menu_navi_03c.jpg) center bottom no-repeat;width:119px;height:34px;display:block;margin-left:2px;_margin:0px 1px;padding:0px;}
    .navi04{ background: url(/files/store/images/header/menu_navi_04c.jpg) center bottom no-repeat;width:119px;height:34px;display:block;margin-left:2px;_margin:0px 1px;padding:0px;}
    .navi05{ background: url(/files/store/images/header/menu_navi_05c.jpg) center bottom no-repeat;width:119px;height:34px;display:block;margin-left:2px;_margin:0px 1px;padding:0px;}
    .navi06{ background: url(/files/store/images/header/menu_navi_06c.jpg) center bottom no-repeat;width:119px;height:34px;display:block;margin-left:2px;_margin:0px 1px;padding:0px;}
    .navi07{ background: url(/files/store/images/header/menu_navi_07c.jpg) center bottom no-repeat;width:119px;height:34px;display:block;margin-left:2px;_margin:0px 1px;padding:0px;}
    .navi08{ background: url(/files/store/images/header/menu_navi_08c.jpg) center bottom no-repeat;width:119px;height:34px;display:block;margin-left:2px;_margin:0px 1px;padding:0px;}
*/
#findbox{background-color: #a5c5e2;padding:0.5em;text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;}
#findbox input{font-size:1.2rem; border:none;}
#findbox input[type="submit"] {
    background: none;
    font-weight: bold;
    font-size: 15px;
}
#find_f_keyword_header{width: 40%;}


#menus .icon{vertical-align: -2px;margin-right:0.1em;}
#sp_header{ background: #FF5768;color:white;padding:0.2em;font-size:75%;height: 40px;position: fixed; width: 100%;z-index:200;}
#sp_header_title{position:absolute;left:10px;top:12px;font-size:1.2rem; font-weight: bold;}
#sp_header_lang{position:absolute;right:10px;top:12px;font-size:1.2rem; font-weight: bold;}
#sp_header_title span{font-size:0.5rem;font-weight: normal;}
#sp_header_title a{color:white;text-decoration: none;}

/* フッター */
#foot{    background: #a5c5e2; height:100px; position: relative; padding-top:30px; display: flex;  gap:20px;     justify-content: space-between;}
#foot ul{  list-style: none ;}

#copyright{position: static;background: #a5c5e2;padding:0.5em;text-align: center;}


/* フッター(ガイド) */
.guide{margin:10px auto;width:987px;}
.guide table{margin:10px auto;width:950px;}
.guide_title{background:#ffe8ed;color:#e13c4a;font-weight:bold;font-size:14px;padding:5px 10px;margin:0px 5px 5px 0px;}
.guide_text{margin:0px 10px 15px 0px;padding:5px 15px;line-height:1.4em;}
.guide_text_tit{font-weight:bold;}
.guide_text_red{font-weight:bold;color:#ff0101;}

/* ページャー */
.Pager{margin:5px auto;float:right;display:inline-block;text-align:left;}
.Pager .current{border:1px solid #3366FF;display:block;float:left;margin-left:2px;margin-bottom:1px;
         padding:0.1em 0.4em;width:1.5em;text-align: center;color:silver;text-decoration:none;color:#3366FF;background-color:#3366FF;color:white;font-weight: bold;}
.Pager a{border:1px solid #3366FF;display:block;float:left;margin-left:2px;margin-bottom:1px;
         padding:0.1em 0.4em;width:1.5em;text-align: center;color:silver;text-decoration:none;color:#3366FF;}
.Pager a:hover{background-color:#3366FF;color:white;}
.Pager .on{background-color:#3366FF;color:white;}
.Pager:after {clear:both;}
/* マージン */
.mg15p{height:15px; overflow:hidden;}
.mg5p{height:5px; overflow:hidden;}
.mg3p{height:3px; overflow:hidden;}

/*テーブル*/
.pink_tbl{border:1px solid #f5c7d0; border-collapse:collapse;}
.pink_tbl th{border:1px solid #f5c7d0; background-color:#FBF5F6;}
.pink_tbl td{border:1px solid #f5c7d0; background-color:#fff;}
.yellow_tbl{border:1px solid #F3CA6F; border-collapse:collapse;}
.yellow_tbl th{border:1px solid #F3CA6F; background-color:#FFF6E1;}
.yellow_tbl td{border:1px solid #F3CA6F; background-color:#fff;}

/* サイドナビ */
.sidebox{margin:0.5em auto;}
.sidebox_title{background:#F3C6C6;padding:0.3em;color:white;font-size: 120%;color:#333;}
.sidebox_title img{width:15px;height: 15px;vertical-align: middle;margin-right:0.3em;}
.sidebox_box{background: none;border:4px solid #FFEEEE;border-top:none;padding:0.5em;}
.is_login , .is_logout{margin-top:0;}
.is_login .sidebox_title{background:#52B3F0;color:white;}
.is_login .sidebox_box{border-color:#52B3F0;}
.is_logout .sidebox_title{background:#FF7B7B;color:white;}
.is_logout .sidebox_box{border-color:#FFAFAF;}



.orderpay_tbl{width:300px;}
.orderpay_tbl td{width:30px;}
.orderpay_tbl th{background-image:url(/files/store/images/front/cart_deliv_slice_03.png); background-repeat:repeat-x;}

.orderpoint_tbl{width:300px;}
.orderpoint_tbl th{background-image:url(/files/store/images/front/cart_deliv_slice_03.png); background-repeat:repeat-x;}


.title_tbl thead{background-color:#FFF6E1;}
.edit tbody th{background-color:#FFF6E1; background-image:url(/files/store/images/front/cart_deliv_slice_01.png); background-repeat:repeat-x; background-position:center center;}
.listA th{background-color:#fff4f6; background-image:url(/files/store/images/front/shortpinkgrd.png); background-repeat:repeat-x; background-position:center center; color:#39241C;}
.edit tfoot td{border-color:transparent;}

.login{width:760px; margin:0px auto;}
.login .box_l{width:346px; height:191px; background-image:url(/files/store/images/front/login_01.png); background-repeat:no-repeat; float:left; padding:15px;}
.login .box_l table{width:346px;}
.login .box_r{float:right;}



.order_tanks_fixbox{margin:0 auto;background:#FBF5F6 url(/files/store/images/front/orderthanks_slice.png) no-repeat; width:639px; height:240px; padding:15px;}


.iteminfo{border-collapse: collapse;width:100%;border: 1px solid #186db8;}
.iteminfo th{border: 1px solid #186db8;background-color: #a5c5e2;color:#186db8;width:6em;}
.iteminfo td{border: 1px solid #186db8 !important;background-color: #FFFFFF;}





/*  ページ
 ----------------------------------------------------*/
.login_left{background:url(/files/store/images/header/login_body.gif) center bottom;margin:0px 0px 10px;}
.login_left form{width:162px;margin:0px auto;padding-bottom:10px;}
.login_left p{text-align:center;margin:0px;}
.mmbbox_left{background:url(/files/store/images/header/memb_body.gif) center bottom;margin:0px 0px 10px;}
.mmbbox_left .in{width:160px;margin:0px auto;padding-bottom:10px;}
.s_text{font-size:10px;}

.user_menu{border-top:1px solid #FEC3C7;margin-top:5px;}
.user_menu li{border-bottom:1px dotted silver;padding:2px 0px;}
.user_menu a{display: block;text-decoration: none;}
.user_menu a:hover{font-weight: bold;background-color: lightgoldenrodyellow;}

.feedback_link{float:right;}
.feedback_link a{font-size:10px !important;}

/* ログイン */
#page_login_form{width:600px;margin:0px auto;font-size: 1.2rem;}
#page_login_form input{font-size: 1.2rem;}


/* ランキング
 ----------------*/ 
.contentsMain_3 {float:left;margin:0px;padding:0px;overflow: hidden;width:610px;}
.contentsRight{float:right;width:175px;}
.item_thumb{background-color:#FEF0E7;margin:0 auto;padding:5px;text-align:center;width:125px;float:left;}

.item_title{color:#f13546;border-bottom:1px solid #f13546;font-weight:bold;}
.item_title a{font-size:12px !important;color:#F13546;text-decoration: none;}
.item_sub{line-height:1.5em;color:#aabc4b;font-size:11px;}
.item_3list_l{line-height:1.5em;border:0px;width:160px;float:left;}
.item_3list_l td{border-bottom:1px dotted #333; padding:0px !important;}
.item_3list_r{line-height:1.5em;border:0px;width:190px;float:left;margin-left:5px;}
.item_3list_r td{border-bottom:1px dotted #333; padding:0px !important;}

.item_list_detail{float:left;margin-left:5px;width:470px;}
.list_rightext{text-align:right;}

.listbox3_item{margin-bottom:5px;border-bottom:1px solid #f4dfe1;}
.btnbox3_item{float:right;width:110px;text-align:right;}
.btnbox3_item td{ padding:0px !important;border:none;}
.list_clear{clear:both;height:5px;}

.navi_ranking{border-collapse: collapse;}
.navi_ranking td{padding:0px !important;}
.ranking td{line-height:1em;padding:0px;vertical-align: top;}
.ranking td .cate1_txt{font-size:10px;}
.ranking td .title_txt{}
.title_txt a {font-size:10px;}
.downRank{color: blue;font-size:10px;}
.upRank{color: red;font-size:10px;}
.newRank{color: orange;font-size:10px;}

/*　カート */
.cartList{display: block;border: 1px solid #efefef;background: #FBF5F6;padding:0.5em;margin:0.5em 0em;;}
.cartList:hover{background: seashell;border:1px solid orange;}
.cartList table{}
.cartList table th{padding:0.1em;}
.cartList table td{padding:0.1em;}

.cartProducts{line-height: 1.1em;}
.cartProducts th{padding:0.1em;}
.cartProducts td{padding:0.1em;}
.cartProducts .sub{font-size:10px;color:silver;}

.cart2clm{}
.cart2clm .clml{width:400px;float:left;}
.cart2clm .clmr{width:400px;float:right;}
.cart2clm .sub{font-size:10px;color:silver;}
.cart2clm table {}
.cart2clm table th{padding:0.1em;}
.cart2clm table td{padding:0.1em;}
.cart2clm table td input{font-size:12px;}

table.orders{width:100%;border: 1px solid #efefef;border-collapse: collapse;}
table.orders th{background:#efefef;padding:0.2em;}
table.orders td{background:#ffffff;padding:0.2em;vertical-align: top;border: 1px solid #efefef;line-height: 1.2em;font-size:10px;text-align:left;}
table.orders td table{border-collapse: collapse;width: 100%;}  





/* Item/Show */
.productLeft{width:50%;float:left;text-align: center;}
.productRight{width:50%;float:right;}
.pickcolor{}
.iteminfo td{line-height:1.2em;}
.thumb_s{border:1px solid #efefef;cursor: pointer;}
.itemcatch{font-size:11px;border-bottom:1px solid #D8E594;padding-left:0.5em;margin:0.5em auto;}

.item_detail06{    margin: 20px 0px;}
.item_chatch06{font-size:12px;color:#186db8;padding-left:0.5em;margin-bottom:10px;font-weight:bold;}
.detail06a{border:1px solid #f3c6c6;background:#ffeeee;padding:3px;margin-bottom:5px;}
.detail06b{border:1px solid #bfe5f9;background:#eef9ff;padding:3px;margin-bottom:5px;}
.detail06c{border:1px solid #dae6a8;background:#f1f6dc;padding:3px;margin-bottom:5px;}

.detailbox06{width:100%;}
.detailbox06_01{font-weight:bold;vartical-align:middle;}
.detailbox06_02{font-size:16px;font-weight:bold;color:#ff0000;text-align:right;vartical-align:middle;}
.detailbox06_03{text-align:right;vartical-align:middle;}
.r_tani{text-align:center;color:#fff;background:#60b6e2;font-size:12px;margin-bottom:3px;}
.r_tani2{line-height:1.5em;font-size:16px;}
.r_tani3{font-size:11px;color:#333;font-weight:nomal;height:1.2em;}
.r_tani3 span{font-size:10px;color:#0083c6;font-weight:bold;}
.tocontact{text-align:center;margin:10px;}

.iteminfo06 td{padding:3px;}
.iteminfo06 th{padding:3px;background:#f2f0f0;width:100px;}
.iteminfo06{border:1px solid #f2f0f0;}

.fb_share{float:left;text-align:right;width:150px;margin:10px 5px;}
.add_fav06{text-align:center;}





/*　PARTS ： セール */
.sale{width:385px;height:200px;padding:5px;margin:10px 0px;background:#ffefef;float:left;border:1px solid #ffcccc;}
.sale_title{background:red;color:white;vertical-align: middle;padding:0.5em;font-weight: bold;font-size:14px;}
.sale_box{width:365px;height:150px;padding:10px;background:#fff;position: relative;}
.sale_box_img{width:150px;height:150px;position: absolute;}
.sale_box_msg{width:205px;height:150px;position: absolute;left:170px;line-height: 1.5em;}
.sale_box_msg a{color:blue;}
.sale_box_msg_impact{text-align: right;font-weight: bold;}
.sale_box_msg_impact span{color:red;font-size:16px;}


/* PARTS ： 商品一覧 */
.prod{width:116px;height:290px;float:left;padding:5px;margin-left:2px;margin-bottom:2px;overflow: hidden;     border: 1px solid #a5c5e2;}
.prod:hover{    border-radius: 20px;  transition: .5s;}
.prodInfo{line-height:1.1;}  
.prodInfo th{padding:1px;font-size:10px;}
.prodInfo td{padding:1px;font-size:10px;text-align:right;}
.prodName{margin:0px;line-height:1.1;}
.prodName a{font-size:11px;}
.prodPric1{color:red;}
.prodPric2{
  color: red;
  font-size: 18px !important;
  margin: 8px 0px;
  display: block;
  font-weight: bold;
}



/* タブ (index)　*/
.require{background:#ffefef;}
.tab{overflow:hidden;}
.tab li{background:#ccc; padding:5px 25px; float:left; margin-right:1px;list-style: none;}
.tab li.select{background:#eee;}
.content li{background:#eee; padding:20px;max-height: 200px;overflow: auto; }
.hide {display:none;}
.lang-menu li{display: inline-block;}
.lang-menu img{vertical-align: middle;}



.ticker {
    margin: 0 auto;
    padding: 2px;padding-top:0px;
    width: 996px;
    text-align: left;
    font-weight: normal;
    position: relative;
    overflow: hidden;
}
.ticker a{color: white;text-decoration: none;}
.ticker ul {
    width: 100%;
    position: relative;
}

.ticker ul li {
    width: 100%;
    display: none;
}



/* PAGETOP */
    .page-top
    {
        display: none ;
        margin: 0 ;
        padding: 0 ;
    }

    .page-top p
    {
        margin: 0 ;
        padding: 0 ;

        position: fixed ;
        right: 16px ;
        bottom: 16px ;
    }

    .move-page-top
    {
        display: block ;
        background: #D36015 ;
        width: 50px ;
        height: 50px ;
        cursor: pointer ;

        color: #fff ;
        line-height: 50px ;
        text-decoration: none ;
        text-align: center ;

        -webkit-transition:all 0.3s ;
        -moz-transition:all 0.3s ;
        transition:all 0.3s ;
    }


    @media screen and ( min-width:1130px )
    {
        .move-page-top:hover
        {
            opacity: 0.85 ;
        }
    }


    
    .prodTaxrate {
      font-size: 10px;
      text-align: right;
    }

    .bnrbox {
      text-align: center;
      padding: 0;
      margin: 0;
      line-height: 1em;
      margin-bottom: 0.5em;
    }

    .p7button {
      display: inline-flex;
      align-items: stretch;
      min-width: 85px;
      user-select: none;
      -webkit-user-select: none;
    }

    .p7button[data-align="top"] {
      flex-direction: column;
      min-width: 85px;
    }

    .p7button[data-align="right"] {
      min-width: 140px;
    }

    .p7button[data-align="right"]>div {
      display: flex;
    }

    .p7button a {
      min-width: 85px;
      box-sizing: border-box;
      padding: 0 1em;
      height: 23px;
      font-size: 13px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background-color: #FF8E00;
      text-decoration: none;
      border-radius: 2px;
      cursor: pointer;
    }

    .p7button a:hover {
      background-color: #FFC986;
    }

    .p7button a svg {
      width: 8px;
      margin-right: 5px;
    }

    .p7button a span {
      line-height: 100%;
    }

    .p7button .p7button-top,
    .p7button .p7button-right {
      display: none;
    }

    .p7button[data-align='top'] .p7button-top {
      display: block;
      color: #333;
      min-width: 77px;
      height: 19px;
      padding: 2px 3px;
      font-size: 12px;
      border: solid 1px #c4c4c4;
      border-radius: 2px;
      position: relative;
      text-align: center;
      margin-bottom: 10px;
    }

    .p7button[data-align='top'] .p7button-top::before {
      display: block;
      bottom: -6.3px;
      left: 36px;
      position: absolute;
      width: 10px;
      height: 10px;
      transform: rotate(-135deg);
      background: -webkit-linear-gradient(135deg, transparent, transparent calc(50% - 1px), #fff calc(50% - 1px), #fff);
      background: linear-gradient(-45deg, transparent, transparent calc(50% - 1px), #fff calc(50% - 1px), #fff);
      content: "";
      border-left: 1px solid #c4c4c4;
      border-top: 1px solid #c4c4c4;
    }

    .p7button[data-align='right']>div {
      display: flex;
    }

    .p7button[data-align='right'] .p7button-right {
      display: block;
      color: #333;
      min-width: 40px;
      height: 19px;
      padding: 2px 3px;
      font-size: 12px;
      margin-left: 10px;
      border: solid 1px #c4c4c4;
      border-radius: 2px;
      position: relative;
      text-align: center;
    }

    .p7button[data-align='right'] .p7button-right::before {
      display: block;
      left: -6.45px;
      top: 6px;
      position: absolute;
      width: 10px;
      height: 10px;
      transform: rotate(-45deg);
      background: -webkit-linear-gradient(135deg, transparent, transparent calc(50% - 1px), #fff calc(50% - 1px), #fff);
      background: linear-gradient(-45deg, transparent, transparent calc(50% - 1px), #fff calc(50% - 1px), #fff);
      content: "";
      border-left: 1px solid #c4c4c4;
      border-top: 1px solid #c4c4c4;
    }

    #p7box,
    #p7box *,
    #p7box *::before,
    #p7box *::after {
      box-sizing: border-box;
    }

    #p7box {
      padding: 25px 15px 15px;
      font-family: 'Yu Gothic', 'YuGothic', sans-serif, 'Meiryo UI', Meiryo;
      font-size: 16px;
      background-color: #fff;
      border-radius: 0 0 6px 6px / 0 0 6px 6px;
      box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
      position: fixed;
      z-index: 2147483647;
      user-select: none;
      -webkit-user-select: none;
    }

    #p7box.large {
      width: 700px;
      left: calc(50% - 700px / 2);
      font-size: 24px;
    }

    #p7box.medium {
      width: 600px;
      left: calc(50% - 600px / 2);
      font-size: 18px;
    }

    #p7box.small {
      width: 400px;
      left: calc(50% - 400px / 2);
      font-size: 16px;
    }

    .p7box-inner {
      display: grid;
      grid-template-columns: 5.5em 1fr;
      grid-auto-rows: auto auto;
      column-gap: 15px;
      row-gap: 15px;
    }

    .p7box-img img {
      width: 100%;
      display: block;
    }

    .p7box-text {
      overflow: auto;
    }

    .p7box-title {
      margin: 0;
      margin-bottom: 10px;
      font-size: 1em;
      line-height: 1em;
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-font-smoothing: antialiased;
    }

    .p7box-message {
      margin: 0;
      font-size: 0.8em;
      line-height: 1.2em;
      font-weight: 500;
      letter-spacing: 1.6px;
      word-break: break-all;
      -webkit-font-smoothing: antialiased;
    }

    .p7box-credit {
      align-self: center;
    }

    .p7box-credit span {
      font-size: 0.5em;
      color: #999;
    }

    .p7box-buttons {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }

    .p7box-btn {
      padding: 0.5em 1em;
      font-size: 0.8em;
      text-overflow: ellipsis;
      white-space: wrap;
      text-decoration: none;
      font-weight: 500;
      line-height: 1.3em;
      border-radius: 2px;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
      display: block;
      overflow: hidden;
      cursor: pointer;
      -webkit-font-smoothing: antialiased;
    }

    .p7box-deny {
      background-color: #c4c4c4;
      color: #fff;
    }

    .p7box-allow {
      margin-left: 24px;
      background-color: #FF8E00;
      color: #fff;
    }

    @media screen and (max-width: 728px) {
      #p7box {
        bottom: -200px;
        width: 100% !important;
        font-size: 16px !important;
        box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
        transition: bottom 0.2s ease-out;
        top: auto;
        left: 0px !important;
      }

      #p7box.active {
        bottom: 0px;
      }
    }

    @media screen and (min-width: 728px) {
      #p7box {
        top: -200px;
        transition: top 0.2s ease-out;
      }

      #p7box.active {
        top: -10px;
      }
    }

    @supports (padding: max(10px)) {
      #p7box {
        padding-bottom: max(10px, env(safe-area-inset-bottom));
      }
    }