/*
Theme Name: kenkofesta
Theme URI: https://kenko-festa.com/
Author: kenko
Description: kenkofesta's theme
Version: 1.0
*/

#wpadminbar{
    z-index: 999999999999999999;
}



.flex_container{
  display:flex;
  flex-wrap:wrap;
}




body{
  width:100%;
  height:100%;
    line-height:1.6;
    word-break: break-all;
}

a:link , a:visited{
  color:#000;
}

#wrapper{
  position:relative;
}


.inner{
  max-width:1200px;
  margin:0 auto;
}




input{
  box-sizing: border-box;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

*{
  word-break: break-all;
}


a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}

a:hover img{
  opacity: .7;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*ここから*/
body{
 font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.container1280{
  max-width: 1280px;
  margin: 0 auto;
}

@media screen and (max-width:1280px) {
  .container1280{
    width: calc(100% - 2em);
    margin: 0 1em;
  }
}

.container980{
  max-width: 980px;
  margin: 0 auto;
}
.container{
  width: 100%;
}

.flex_container{
  display: flex;
  flex-wrap: wrap;
}

/*img {
    image-rendering: -webkit-optimize-contrast;
}*/


main h2,main h3{
  font-family: 'Mochiy Pop P One', sans-serif;

}

main h2 {
        font-size: 1.75em;
  position: relative;
  padding: 0.25em 2em 1em;
  background: #f7d9a8;
  margin:3em 0 1em 0;
width:100%;
}

main h2:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: calc(100% - 7px);
  height: calc(100% - 7px);
  content: '';
  border: 3px solid #000;
}

p{
  line-height: 2;
  font-size: 0.85em;
}

header{
  padding:0;
}

main{
  padding-top:1em;
}

.logo{
  width: 180px;
  padding: .5em 0;
}

.bottom_logo{
  max-width: 300px;
  padding: .5em 0;
}

.head_mainmenu{
align-items: center;
}


table.contact{
  width: 100%;
}


/*table.contact input{
  width: 100% !important;
}*/

.submit_btn{
  width: 100%;
  text-align: center;
  margin:1em 0;
}

#headmenu{
  width: 100%;
  padding: 0;
  z-index: 1000;
  display: flex;
}


a.link_txt{
  color: #3551a2;
}


nav#mainnavi{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

nav#mainnavi div{
  margin: 0 1em;
  display: inline-block;
  position: relative;
  text-decoration: none;
}

nav#mainnavi div a{
  text-decoration:none;
  font-size: 0.9em;
  color: #fff;
}

#mainnavi div::after {
  position: absolute;
  content: '';
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  background: #fff;
  transition: all 0.3s ease 0s;
}
#mainnavi div:hover {
  cursor: pointer;
}
#mainnavi div:hover::after {
  width: 100%;
}

.min{
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.min_e{
    font-family: 'Monotype Corsiva', serif;
}


.top_sns{
  width: 150px;
  border-left:1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}


#topicpath, #topicpath a{
  color: #333;
  background:#fff100;
  font-size: 0.85em;
}


dt,dd{
  line-height: 1.8;
  font-size: 0.8em;
}
dt{
  font-weight: bold;
  color: #80808d;
}
dd{
  color: #333;
}
#footerlast{
  background:#eeaa3d;width:100%;padding:1em 0;
}

#footerlast a{
  font-size: 0.85em;
  text-decoration: none;
  color: #fff;
}

.img_fit{
  width:100%;height:160px;object-fit: cover;font-family: 'object-fit: cover;';
}



p{
  line-height: 1.6;
  font-size: 1em;
}

.flex_container_pc{
  display: flex;
  flex-wrap: wrap;
}
.pcw300px{
  width: 300px;
}
.pccol2{
  width: 48%;
  margin: 0 1%;
}
.pccol3{
  width: 31.33333333%;
  margin: 0 1%;
}
.pccol4{
  width: 25%;
}
.pcw20{
  width: 20%;
}
.pcw30{
  width: 30%;
}
.pcw31{
  width: 31%;
}
.pcw40{
  width: 40%;
}
.pcw45{
  width: 45%;
}
.pcw46{
  width: 46%;
}
.pcw48{
  width: 48%;
  margin:0 1%;
}
.pcw49{
  width: 49%;
}
.pcw50{
  width: 50%;
}
.pcw55{
  width: 55%;
}
.pcw60{
  width: 60%;
}
.pcw70{
  width: 70%;
}
.pcw75{
  width: 75%;
}
.pcw80{
  width: 80%;
}

  .btn_default {
display:flex;justify-content: space-around;
}

  .btn_default a{
    border:2px solid #333;color:#333;background:#fff;padding:.75em 2em;margin:.5em auto;display: inline-block;font-size: 1.25em;font-family: 'Mochiy Pop P One', sans-serif;border-radius: 50px;
    transition: 0.1s ease-in-out;
    box-shadow: 5px 5px 0 #333;

  }

  .btn_default a:active {
  box-shadow: 0 0 0;
  transform: translate(5px, 5px);
}


  .btn_green{
    background:#3551a2;color:#fff;padding:.5em 2em;margin:.5em;display: inline-block;position:relative;
  }

.icon_tri:before {
    content: "";
    display:inline-block;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #3551a2;
    position: absolute;
    top: 50%;
    left:12px;
    margin-top:-6px;
}
.icon_tri2:before {
    content: "";
    display:inline-block;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #fff;
    position: absolute;
    top: 50%;
    left:12px;
    margin-top:-6px;
}

.border_box{
    border: 1px solid #999;
    padding: 1em;
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

h3{
    font-size: 1.35em;
background: #f7d9a8;
border-radius:50px;
font-weight:bold;
padding:0.5em 1em 0.5em 2em;
margin-top:2em;
}




th{
padding: .5em;font-size: 1em;border-bottom:1px solid #ccc;border-top:1px solid #ccc;
border-right: 1px solid #ccc;
background:#fff0f5;
}




.table_c2 th{
background:#FFE2B2;
}


td{
padding: .5em;border-bottom:1px solid #ccc;border-top:1px solid #ccc;
}


a:hover{
  opacity: 0.7;
}

address{
font-style:normal;
}

footer{
  color: #fff;
  margin:0;
}

.bottom_sns{
  margin-right:8%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

table{
  margin: 1em 0;
}
.footernavi_box{
  width: 50%;
}
#footernavi{
  display: flex;
  justify-content: space-around;
}

#copyright{
  color: #000;
  font-size: 0.75em;
}
#copyright a{
  text-decoration: none;
  color: #000;
  font-size: 0.75em;
}
.pccol8{
  width: 9.25%;margin:2em 1.5%;
}

.sp{
  display: none;
}

#totop{
  position: fixed;
  right: 0;
  bottom: 2em;
  width: 84px;
  z-index: 100000000;
  width: 50px;
}

    #footernavi h4 {}

    #footernavi ul {
        margin: 1em 0;
    }

    #footernavi ul li {
        margin-bottom: .75em;
    }

    #footernavi ul li a {
        color: #333;
    }



table.gaiyou th{
font-size: 1em;
}

table.gaiyou td{
font-size: 1em;
}

.sp_backcolor{
  background: none;
}

dt,dd{
  font-size: 1em;
}

svg{
    width: 100%;
}


/*------------------------------

  ここから下がハンバーガーメニュー
  に関するCSS

------------------------------*/
  
/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}

    @media screen and (min-width:1281px) {
.drawer-open {
  right: calc((100% - 1280px)/2);
}
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  position: fixed;
right: 10px;
  padding: .5em;
  z-index: 99999999999999;/* 重なり順を一番上に */
  cursor: pointer;
  background: /*#f2c428*/ #fff;
  border: 2px solid #333;
  box-shadow: 5px 5px 0 #333;
}

.drawer-open div{
position:absolute;bottom:3px;
}
/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 5px;
  width: 40px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}




/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 12px;
}
/* 三本線のうち真ん中の棒の位置調整 */
.drawer-open span{
  bottom: 32px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 12px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}


#drawer-check:checked ~  .drawer-open {
  box-shadow: 0 0 0;
  transform: translate(5px, 5px);
}



/* メニューのデザイン*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/* メニューを画面の外に飛ばす */
  z-index: 99999;/* 重なり順を一番上に */
  background:/*#fdede5*//*#fffacd*/ #fff;
  transition: .5s;
  text-align: center;
  padding-top: 3em;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
  left: 0;/* メニューを画面に入れる */

}

.drawer-content a{
  color: #fff;
}

.footer_mark{
z-index: 2;width: 200px;text-align: right;margin:1em 0 0 auto;
}

.scroll_img{
  z-index: 20;width: 250px;position:absolute;top:-80px;left:50%;transform:translate(-50%,-50%);
}

    p.point_txt {
        text-align: center;
        color: #fff;
        font-size: 2em;
        font-weight: bold;
    }

    .point_back {
        background: #7cc3cf;
        padding: 1em;
        border-radius: 12px;
        margin: 0 auto 1em auto;
        z-index: 9999;
        position: relative;
        border: 7px solid #f2c428;
        display: inline-block;
    }


.festapoint_box{
width: 150px;position: fixed;bottom:50px;left: 50px;z-index: 99998;
}
.festa_btn{
    z-index: 999999999999999999;
}


.festa_btn a{
font-weight: bold;display:block;background: #f2c428;border-radius: 12px;padding: 1em 2em;color: #825121;
}

.footer_container{
  position: relative;padding: 3em 0;border-top: 2px solid #333;
}



body.fixed {
 width: 100%;
 height: 100%;
 position: fixed;
}


    @media screen and (max-width:768px) {
.bgwhite4{
    margin:0;
}
.bgwhite3{
  padding: 1em;margin: .5em;border-radius: 12px;
}
}


  @media screen and (max-width: 1000px){
.container980{
  width: 96%;
  margin: 0 2%;
}
}


h1 , .fukidashi{
  position: relative;
  padding: 0.75em 2em;
  border-top: 3px solid #333;
  border-bottom: 3px solid #333;
  font-size: 1.75em;
  font-weight: 900;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 1em 0;
}

h1:before , .fukidashi:before{
  position: absolute;
  bottom: -14px;
  left: 1.5em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

h1:after , .fukidashi:after{
  position: absolute;
  bottom: -10px;
  left: 1.5em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}


h4{
  margin: 1em 0 .5em 0;
  font-size: 1.15em;
}

th{
  white-space: nowrap;
}


.breadcrumbsWrap{
  margin: auto;
  font-size: 11px;
  color: #777;
  margin-top: 10px;
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs{
  display: flex;
  align-items: center;
}
.breadcrumbs .home{
    color: #2a627e;
}
.breadcrumbs .arrow{
  display: inline-block;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1.5px #aaa;
  border-right: solid 1.5px #aaa;
  margin-right: 10px;
  margin-left: 10px;
  transform: rotate(45deg);
}

.swiper-wrapper{
  margin:2em 0;
}

.swiper-slide{
  border:1px solid #ccc;
  padding:1em;
border-radius:16px;
}


#swiper_yuagari .btn_default a{
    padding: .75em 1em;
    margin: .5em auto;
    display: inline-block;
    font-size: 1em;
}

main h2.fukidashi{
  position: relative;
  padding: 0.75em 2em;
  border-top: 3px solid #333;
  border-bottom: 3px solid #333;
  font-size: 1.5em;
  font-weight: 900;
  background:#fff;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 1em 0;
}

main h2.fukidashi:before{
  position: absolute;
  bottom: -14px !important;
  top:auto;
  left: 1.5em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

main h2.fukidashi:after{
  position: absolute;
  bottom: -10px;
  left: 1.5em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}



/*スマホ*/
@media screen and (max-width: 768px){

h4{
  font-size: 1em;
}

th,td{
  font-size: 0.85em;
}

.festapoint_box{
width: 100px;bottom:10px;left: -5px;
}
.festa_btn a{
font-size: 12px;padding: 1em ;
}
.sp_reverse{
  flex-direction: column-reverse;
}


.logo{
  width: 150px;
  padding:.5em;
}
.bottom_logo{
  max-width: 200px;
  padding:.5em;
  margin: 0 auto;
}

.flex_container_pc{
  flex-direction: column;
}
main h2 {
  font-size: 1.35em;
  padding: 0.25em 1em 1em 1em;
}

main h3 {
  font-size: 1.15em;
}









h1 {
  font-size: 1.45em;
  padding: 0.75em 0.5em;
}

.sp_center{
  text-align: center;
}


.slider_img_fit{
  width:100%;height:830px;object-fit: cover;font-family: 'object-fit: cover;';
}
.news_img_fit{
  width:100%;height:550px;object-fit: cover;font-family: 'object-fit: cover;';
}

.pc{
  display: none;
}
.sp{
  display: block;
}


.spcol1{
  width: 98%;
  margin: 0 1% 1em 1%;
}

.spcol2{
  width: 48%;
  margin: 0 1% 1em 1%;
}

.spcol3{
  width: 31%;
  margin: 2em 1%;
}
.spcol4{
  width: 22%;margin:1em 1.5%;
}

.sp_side_space{
  margin: 0 15px;
  width: calc(100% - 30px);
}

footer{
  padding:0;
}
.bottom_logo{
  margin:0 auto;
  width:70%;
  border: none;
  padding:1em;
}
.company_address{
  padding:1em;width:95%;border: none;
  text-align: center;
}
.company_address address{
  font-size: 1em;
}

.bottom_sns{
  width: 50%;
  margin:1.5em auto;
}

.footernavi_box{
  border:none;padding:0 2em;width:100%;
}
#footernavi{
  text-align: center;
  flex-wrap: wrap;
}

#copyright {
  text-align: center;
  font-size: 0.5em;
}
#totop{
  position: fixed;
  bottom: 1em;
  width: 42px;
  z-index: 100000000;
}
.footer_mark{
margin: 0 auto;
width: 50%;
}

.scroll_img{
  width: 150px;top:-50px;
}

.footer_container{
  padding: .5em 0;
}


#headmenu{
  width: 100%;
  padding: 0;
  z-index: 99;
  display: flex;
}
table.contact {
  width: 90% !important;
}
/*input[type="text"], table.contact input{
  width: 85% !important;
}*/

#copyright{
margin-top: 1em;
}
#footerlast{
  padding:1em 0 5em 0;
}

input, button, textarea {
border-radius: 0;
}
input{
  font-size: 16px;
}
.ehimehyakka{
  width:300px;margin:0 auto 1em auto;
}
.festapoint{

}
        p.point_txt {
            font-size: 0.9em;
        }

        .point_back {
            padding: 1em 0.5em;
        }

}



nav#drawernavi{

}
nav#drawernavi ul{
    margin: 2em 0;
}

nav#drawernavi ul > li > a{
    font-size: 1.35em;font-weight: bold;color:#333;
}
nav#drawernavi ul > li > ul{
    margin-top: .5em;
}

nav#drawernavi ul > li > ul > li > a{
    font-size: 1em;font-weight: normal;line-height: 1.8;
}

nav#footernavi{

}
nav#footernavi ul{
    margin:1em 2em 1em 0;
}

nav#footernavi ul > li > a{
    font-weight: bold;color:#333;
}
nav#footernavi ul > li > ul{
    margin:.5em;
    padding: 0;
}
nav#footernavi ul > li > ul > li{
    margin:0;
    padding: 0;
}

nav#footernavi ul > li > ul > li > a{
    font-size: 1em;font-weight: normal;line-height: 1.8;
}



.marker2{
 background:linear-gradient(transparent 75%, #ff9393 75%);
font-weight:bold; 
}


.deadline{
  text-decoration: line-through;
  color: #ccc;
}


/*========= ページトップのためのCSS ===============*/

/*リンクの形状*/
#totop a{
  display: flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  width: 45px;
  height: 45px;
  color: #333;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:1em;
  transition:all 0.3s;
  border: 3px solid #333;
  font-weight: bold;
}

#totop a:hover{
  background: #ccc;
}

/*リンクを右下に固定*/
#totop {
  position: fixed;
  right: 1em;
  bottom:1em;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/* 上に上がる動き */

#totop.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 下に下がる動き */

#totop.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}


ul.list_style{
  padding-left: 1.5em;
  margin: .5em 0 1em 0;
}
ul.list_style li{
  margin-bottom: .5em;
}


.list_box{
  background:#f8f8ff;padding:0.5em 1em;border-radius: 12px;
}

.list_box ul.list_style li{
 font-size: 0.85em;
}

@media screen and (min-width: 769px){
.ehimehyakka {
    width: 300px;
    float: right;
    margin-bottom: 1em;
}
}

.ehimehyakka {
    width: 300px;
    margin: 0 auto 1em auto;
}




#bodyreal h4{
color: #333 !important;
}
#bodyreal table .table2 th{

}


@media screen and (max-width: 768px){
nav#footernavi ul {
    margin: 1em 0 1em 0;
}
}


.heading04 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    text-align: center;
    font-family: 'Mochiy Pop P One', sans-serif;
    margin-bottom: 1em;
}

.heading04::before,
.heading04::after {
    content: '';
    width: 4px;
    height: 40px;
    background-color: #ff6600;
}

.heading04::before {
    margin-top: 1em;
    margin-right: 20px;
    transform: rotate(-35deg)
}
.heading04::after {
    margin-top: 1em;
    margin-left: 20px;
    transform: rotate(35deg)
}


@media screen and (max-width:1200px) {
.inner{
  width:94%;
  margin:0 3%;
}
}


main table th{
width:8em;
}



@media screen and (max-width: 768px){
.heading04 {
    font-size: 1.45em;
}


}

.moushikomi{
  background:#ff0000 !important;color:#fff !important;font-weight:bold;
}



.flow {
    margin-top: 2em;
  padding-left: 120px;
  position: relative;
}
.flow::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -8px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
}
.flow > li {
  position: relative;
  list-style: none;
}
.flow > li:not(:last-child) {
  margin-bottom: 4vh;
}
.flow > li .icon {
  font-size: 12px;
  color: #fff;
  background: #7cc3cf;
  padding: 8px 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -120px;
  z-index: 100;
}
.flow > li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #7cc3cf;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flow > li dl {
  padding-left: 70px;
  position: relative;
}
.flow > li dl::before,
.flow > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}
.flow > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #f2c428;
  border-radius: 50%;
  left: -4px;
}
.flow > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}
.flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: #805022;
  margin-bottom: 1vh;
}





    @media screen and (max-width:768px) {

.flow {
  padding-left: 80px;
}
.flow::before {
  left: 80px;
}
.flow > li .icon {
  left: -80px;
}
.flow > li dl::after {
  width: 30px;
}
.flow > li dl {
  padding-left: 50px;
}

}