@charset "UTF-8";


a,abbr,acronym,address,applet,article,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;font-weight:normal;font-style:normal;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

form input,form textarea{
  -webkit-box-sizing:border-box!important;
  -o-box-sizing:border-box!important;-ms-box-sizing:border-box!important;
  box-sizing:border-box!important;}

body{background-color:#fff;padding:0;width:100%;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset}@media (-o-min-device-pixel-ratio:2/1),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:2){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}html{width:100%;overflow-y:scroll;font-size:64%;
}

body{line-height:1.8em;color:#5a2b15; font-family: 'Trebuchet MS','Arial','ヒラギノ角ゴシック','Hiragino Sans',YuGothic,'Yu Gothic',sans-serif;letter-spacing:0.17rem;}

img{border:none;-ms-interpolation-mode:bicubic}p{margin:0 0 1em 0}

ol,ul{list-style:none;list-style-position:inside}

ol li,ul li{margin-bottom:0.5em}dl{margin:0}dl dt{margin:0;font-weight:bold}

dl dt a{font-weight:bold}

dl dd{margin-bottom:0.5em}

table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}

span.highlight{font-weight:bold;color:#f79531}


a:hover img.hover,span:hover img.hover{opacity:0.8}.b,img.b{display:block}

img.auto{display:block;margin:0 auto}

img.full{height:auto;width:100%}

img.max{height:auto;max-width:100%}

button,input,select,textarea{font-family:arial,helvetica,clean,sans-serif;font-size:14px}@media only screen and (max-width:767px){button,input,select,textarea{font-size:14px}}

code,kbd,pre,samp,tt{font-family:monospace;line-height:100%;font-size:14px}@media only screen and (max-width:767px){code,kbd,pre,samp,tt{font-size:14px}}blockquote,dl,ol,pre,td,th,ul{line-height:1.5;font-size:14px}@media only screen and (max-width:767px){blockquote,dl,ol,pre,td,th,ul{font-size:14px}}p{line-height:1.5;font-size:16px}@media only screen and (max-width:767px){p{font-size:16px}}

dl,ol,ul{list-style-position:outside;font-size:14px}@media only screen and (max-width:767px){dl,ol,ul{font-size:14px}}

.supp{font-size:12px}@media only screen and (max-width:767px){.supp{font-size:12px}}blockquote p,dd p,dl p,dt p,ol p,pre p,td p,th p,ul p{font-size:14px;padding:10px 0}@media only screen and (max-width:767px){blockquote p,dd p,dl p,dt p,ol p,pre p,td p,th p,ul p{font-size:14px}}.bold{font-weight:bold}em{font-weight:bold}b{font-weight:bold}a{color:#333;text-decoration:underline}a:hover{text-decoration:none}

.header .header_inner{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0 0}@media (min-width:576px){.header .header_inner{max-width:540px}}@media (min-width:768px){.header .header_inner{max-width:720px}}@media (min-width:992px){.header .header_inner{max-width:960px}}@media (min-width:1200px){.header .header_inner{max-width:1140px}}

.header{
  background-image: url(../img/home/head-bg.webp) ;
  background-repeat: no-repeat;
  background-size: cover;
}@media screen and (max-width:767px) {
  .header {background-image: none;height: 81px;
  top:0;}
}

.header_links{
position:relative;
top:50px;
margin-bottom: 50px;
}

.header .header_desc{width:calc(50% - 100px);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}

.header .header_desc p{font-size:14px;color: #5a2b15;}@media only screen and (max-width:767px){.header .header_desc p{font-size:14px}}

.header .header_search{width:calc(50% - 100px);-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}

.header .header_search:after,.header .header_search:before{content:" ";display:block;line-height:0}

.header .header_search:after{content:" ";display:block;clear:both}

.header .header_search input{width:270px;padding:10px;border-radius:5px 5px 5px 5px!important;font-size:12px;border:1px solid  #432;}@media only screen and (max-width:767px){.header .header_search input{font-size:12px}}

.header .header_search input::-webkit-input-placeholder{color:rgba(112,70,46,0.3)}

.header .header_search input::-moz-placeholder{color:rgba(112,70,46,0.3)}

.header .header_search input:-ms-input-placeholder{color:rgba(112,70,46,0.3)}

.header .header_search input::-ms-input-placeholder{color:rgba(112,70,46,0.3)}

.header .header_search input::placeholder{color:rgba(112,70,46,0.3)}

.header .header_search i,.header .header_search svg{position:absolute;right:10px;color:#5a2b15}

.header .header_links{background-color:#f7f6f5;display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 0}

.header .header_menu{display:none}.header.is-close .header_links{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}

.header.is-short .header_inner{display:none}
.header.is-short .header_links{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:10000;position:fixed;width:100%;top:0;left:0}.header-sp{display:none}@media only screen and (max-width:767px){.header{display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;width:100%;background-color:#f7f6f5;z-index:97;padding:10px 0;box-shadow: 7px 2px 7px rgba(0,0,0,0.4);}

.header .header_desc,.header .header_search{display:none}

.header .header_logo{height:auto;margin:0 auto; -webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:center}

/*ロゴ*/
.header .header_logo img{width:50%;height:auto;margin-top:20px;}
.header .header_inner{padding-top:20px;padding-bottom:20px}

.header .header_links{display:block;height:100%;width:0;position:fixed;z-index:99;top:0;left:0;background-color:white;overflow-x:hidden;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;padding-top:70px}

.header .header_links ul li{white-space:nowrap}

.header .header_links.is-active{width:100%}

.header .header_links.is-active .header_links_body{opacity:1}

.header .header_menu{display:block;position:fixed;top:28px;left:22px;z-index:100;cursor:pointer}

.header .header_menu .header_border{-webkit-transition:200ms all ease;-o-transition:200ms all ease;transition:200ms all ease}

.header .header_menu.is-active .header_border-1{width:38px;-webkit-transform:translate(2px,1px) rotate(45deg);-ms-transform:translate(2px,1px) rotate(45deg);transform:translate(2px,1px) rotate(45deg)}

.header .header_menu.is-active .header_border-2{width:0}

.header .header_menu.is-active .header_border-3{width:38px;-webkit-transform:translate(1px,28px) rotate(-45deg);-ms-transform:translate(1px,28px) rotate(-45deg);transform:translate(1px,28px) rotate(-45deg)}}

.gnav ul{z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gnav ul li{padding:0 20px;margin:0}

.gnav ul li a{text-decoration:none;
  color:#5a2b15;
  font-size:14px;
  font-weight: 600;
  position:relative;display:block}@media only screen and (max-width:767px){.gnav ul li a{font-size:14px}}

.gnav ul li a:before{content:" ";display:block;width:0;height:3px;position:absolute;bottom:-3px;left:0;border-bottom:2px solid#00afcc;-webkit-transition:all 500ms 0s ease;-o-transition:all 500ms 0s ease;transition:all 500ms 0s ease}

.gnav ul li a:hover:before{width:100%}@media only screen and (max-width:767px){.gnav{display:block}

.gnav ul{display:block}.gnav ul li{display:block;padding:20px 10px;margin:0;border-bottom:1px solid #70462E;position:relative}

.gnav ul li svg{-webkit-transition:all 300ms 0s ease;-o-transition:all 300ms 0s ease;transition:all 300ms 0s ease; color:#5a2b15;position:absolute;top:50%;right:15px;margin-top:-0.5em}

.gnav ul li:last-child{border-bottom:none}}

.l-slideNav{height:100%;width:0;position:fixed;z-index:99;top:0;left:0;background-color:white;overflow-x:hidden;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}.l-slideNav.-active{width:100%}

.l-slideNav.-active .l-slideNav_body{opacity:1}

.l-slideNav .l-slideNav_body{position:relative;top:15%;width:100%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:opacity 300ms 0.5s ease;-o-transition:opacity 300ms 0.5s ease;transition:opacity 300ms 0.5s ease}

.l-slideNav a{display:block;font-size:14px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;text-decoration:none}@media only screen and (max-width:767px){.l-slideNav a{font-size:14px}}

.l-slideNav a:focus,.l-slideNav a:hover{color:#f1f1f1}

.l-slideNav a.nav--sp__list__item__link{width:40%}

.l-slideNav nav ul li{padding:20px 10px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #70462E;position:relative}

.l-slideNav nav ul li svg{-webkit-transition:all 300ms 0s ease;-o-transition:all 300ms 0s ease;transition:all 300ms 0s ease; color: #5a2b15;position:absolute;top:50%;right:15px;margin-top:-0.5em}

.l-slideNav nav ul li:last-child{border-bottom:none}


.footer{
  z-index: 2;
  text-align:center;padding:75px 0 50px 0;background:#292929;margin-top: -120px;
}@media only screen and (max-width:767px){.footer{padding:0 0 50px ;margin-top: -110px;}}

.footer nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:15px}

.footer nav ul li{padding:5px 20px}

.footer nav ul li a{text-decoration:none;color:#fff;font-size:14px}@media only screen and (max-width:767px){.footer nav ul li a{font-size:14px}}

.footer .footer_copyright{color:#fff;padding:15px 0}

.footer .footer_copyright small{font-size:10px}@media only screen and (max-width:767px){.footer .footer_copyright small{font-size:10px}}@media only screen and (max-width:767px){.footer nav ul{display:block;margin:0 auto 15px}

.footer nav ul:after,.footer nav ul:before{content:" ";display:block;line-height:0}

.footer nav ul:after{content:" ";display:block;clear:both}

.footer nav ul li{padding:5px 20px}.footer nav ul li a{text-decoration:none;color:#fff;font-size:14px}}@media only screen and (max-width:767px) and (max-width:767px){.footer nav ul li a{font-size:14px}}.content{font-size:16px}
.footer nav ul li a:hover{color:#0bd}


.jumbotron .jumbotron_item{
  background-attachment: fixed;
  background-size:cover;background-position:center;background-repeat:no-repeat;background-clip:content-box;width:100%;height:calc(100vh - 290px)}

   .jumbotron img{width:100%;height:auto;max-width:100%;vertical-align:middle}@media only screen and (max-width:767px){.jumbotron .jumbotron_item{height:0}}.sec{padding:50px 0;}

   .rogo img{
     position:relative;
     top:-57vh;
     left:33vw;
    margin:0 0 -35vh;
    z-index:1;
    width:35%;height:auto}
    @media only screen and (max-width:767px){.rogo{display:none}}

   .sec:after,.sec:before{content:" ";display:block;line-height:0}

   .sec:after{content:" ";display:block;clear:both}

   .sec.sec-bg{background:-o-repeating-linear-gradient(135deg,#fff 0px,#fff 2px,#fafafa 2px,#fafafa 4px);background:repeating-linear-gradient(-45deg,#fff 0px,#fff 2px,#fafafa 2px,#fafafa 4px)}.sec.sec-border{border-top:1px solid #eee}.sec .sec_inner{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.sec .sec_inner{max-width:540px}}@media (min-width:768px){.sec .sec_inner{max-width:720px}}@media (min-width:992px){.sec .sec_inner{max-width:960px}}@media (min-width:1200px){.sec .sec_inner{max-width:1140px}}

   .sec .sec_row{display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}

   .sec .sec_header{margin:0 0 30px}

   .sec .sec_btn{max-width:600px;margin:30px auto}@media only screen and (max-width:767px){.sec{padding:30px 0}.sec .sec_btn{height:auto;max-width:100%}}

   .title{
     display:block;
     width: 100%;
     text-align:center;
     font-weight:400;
     font-size:23px;
     padding:30px 0 20px;
   margin-top: 50px;
     border-top: solid 1px#e6eae6;
    }@media screen and (max-width:767px){.title{font-size:19px}}

    .title span{ padding-top:10px;color:#0bd;display:block;text-align:center;font-weight:normal;font-size:16px}@media only screen and (max-width:767px){.title span{font-size:14px}}

   .news{width:100%;margin-bottom:30px}

   .news a{text-decoration:none;display:inline-block}

   .news a:hover{opacity:0.7}

   .news .news_pic{margin-bottom:10px}

   .news .news_pic img{height:auto;max-width:100%;object-fit: cover;}


   .news .news_meta{display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0 0}

   .news .news_meta ul{list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

   .news .news_meta ul li{padding-right:10px}.news .news_meta ul li a{line-height:1;display:inline-block;padding:5px 10px;font-size:12px;color:#0bd;border:1px solid #0bd;text-decoration:none}
   @media only screen and (max-width:767px){.news .news_meta ul li a{font-size:12px}}

   .news .news_title{font-size:17px;padding:10px 0;line-height:1.2}@media only screen and (max-width:767px){.news .news_title{font-size:18px}}

   .news .news_titleBorder{font-size:24px;padding:10px 15px;margin:15px 0;border-left:2px solid #ccc}
   @media only screen and (max-width:767px){.news .news_titleBorder{font-size:18px}}

   .news .news_time{
    padding-bottom:7px;color:#0bd;margin-left:5px;
    font-size:12px}@media only screen and (max-width:767px){.news .news_time{font-size:12px}}

   .news .news_desc p{font-size:15px;margin-bottom:5px}@media only screen and (max-width:767px){.news .news_desc p{display:block;margin-top:20px;font-size:15px}}
   .news .news_desc p a{color:#9d8e87;font-size: 1.2rem;}

/*
 VIEW MORE btn
 */
   .sec_btn a{display:block;
    border:1px solid #5a2b15;
    transition:all 0.5s;padding:15px;cursor:pointer;font-size:16px;line-height:1;text-align:center;
    margin: 0 auto;border-radius:5px 5px 5px 5px!important}@media only screen and (max-width:767px){.btn{font-size:14px}}

    .sec_btn a:hover{
  background-color:#0bd;
  color:#fff  !important;
  border:none}

  .btn{
    display: block;
     width: 300px;
     margin:0 auto;
     text-decoration:none !important;
     position:relative}@media only screen and (max-width:767px){.btn-default{width: 230px;}}

.sec_btn:last-child{
  margin:0 auto;
}


 /*
 全体構造
 */

 @-ms-viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}

 /*
 フレックス構造基本
 */
 .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;min-height:1px;padding:0 1.6% 0 1.6%;}


.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}@media only screen and (max-width:767px){.col-md-3{flex:0 0 100%;max-width:100%}}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}@media only screen and (max-width:767px){.col-md-4{flex:0 0 100%;max-width:100%}}
.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}@media only screen and (max-width:767px){.col-md-9{flex:0 0 100%;max-width:100%}}
.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media only screen and (max-width:767px){.col-md-12{flex:0 0 100%;max-width:100%}}

.row{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   height: auto;
 }@media only screen and (max-width:767px){.row{flex-direction: column}}


.col-md-9{
  width: 100%;
  display: block;
  margin-bottom: 50px;
}@media screen and (max-width:767px){.col-md-9{width: 100%;margin:-80px 0 20px;}}


 /*
 サイドボックス
 */

.archive{
  margin: 30px 0 50px;
  position: sticky;
  top: 0;
  background-color: #fff;
} @media screen and (max-width:767px) {
    .archive{ margin-top: 0; width:100%; display: flex; flex-direction: column;}
}



  .archive_title {
    font-size:  1.5rem;           /* 文字サイズ指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  600;       /* 文字の太さ調整 */
    display:  inline-block;     /* インラインブロックにする */
    color: #fff;
    background-color:#0bd;  /* 背景色指定 */
    padding:  10px;             /* 余白指定 */
    border-radius:  2px;        /* 角丸指定 */
    width:100%;
}

.archive_title:before {
    content:  '';               /* 空白の要素を作る */
    background-color: #b3b3b3;  /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 30%;                  /* 位置調整 */
    height: 63%;                /* 高さ指定 */
    top: 27%;                   /* 位置調整 */
    z-index:  -1;               /* 重なり調整 */
    width: 70%;                 /* 幅指定 */
    box-shadow: 0 0 8px 8px #b3b3b3;/* 影指定 */
    transform: rotate(3deg);    /* 回転 */
}


  .archive .archive_list li{margin:0;  overflow: hidden;}
  .archive .archive_list li:last-child{border-bottom:none}

.archive .archive_list li a{color:#0bd;padding:10px 0;
  display:block;text-decoration:none;position:relative;
  }

  .archive .archive_list li a:hover{text-decoration:underline;}

  .side{
    float: left;
	margin-right: 10px;
  }

.profile{
margin:10px 0;
}


 /*
 コンテント
 */
.container{
        display: block;
        padding: 0 3% 0 3%;
}@media screen and (max-width:767px) {
  .container {margin-top: 50px; overflow: hidden;}
}


@media screen and (max-width:767px) {
  .container p{font-size: 1.4rem;}
}

.container img{
  display: block;
max-width: 100%;
height: auto;
}

.service_wrap{
  display: flex;
  flex-wrap: wrap;
  width:100%;
  height: auto;
}@media screen and (max-width:767px) {
  .service_wrap{text-align: center;}
}

  .main_title{
    border-top: solid 1px#e6eae6;
    font-size: 2rem;
    padding:50px 0 60px;
    text-align: center;
  }

 /*
 パンくず
 */

.breadcrumb_inner{
  font-size: 1.3rem;
  color: #0bd;
}

.breadcrumb_inner span{
  color:#9f9f98;
}

.breadcrumb_inner span a{
  text-decoration: none;
}

.breadcrumb_inner span a :hover{
  text-decoration: underline;
}

 /*
 ページトップスクロール
 */


 .pagetop{
  position: fixed;
  bottom: 40px;
  right: 2%;
  width: 65px;
  height:65px;
  border-radius: 50%;
  border:solid 1px #7b5544;
  padding-top:30px;
  font-size: 1.3rem;
 background-color: #fff;
cursor:pointer;display:block; text-align: center;
z-index:1;
   font-weight:bold;line-height:0.5}
   @media screen and (max-width:500px){.pagetop{width: 65px;height:65px;padding-top: 31px;}}


   .pagetop:hover{
    background: #0bd;
  color:#fff;
border:#fff;}

   #page-top a {
    text-decoration: none;
    display: block;
}