@charset "UTF-8";
/*-------------------FONT-------------------*/
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700,800,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,700&subset=japanese');

html{-webkit-text-size-adjust: none;}


/* CSS Document */
body{font-family: 'M PLUS 1p', sans-serif; font-weight: 400; font-size: 16px; color: #000; -webkit-text-stroke: 0.2px; }

a{text-decoration:none !important; color: #000;}
/*a:hover{color: #FF0000;}*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapper{max-width:980px; margin: 0 auto;}

/*---------------Header--------------- */
.header-text{background: url(../images/bg-header.png) repeat-x; height: 55px;}
.header-text h1{font-size:11px; padding: 4px 0 0; }
.mainmenu figure{display: inline-block; margin: 0 2% 0 0; vertical-align:top;}
.mainmenu figure img{width: 200px;}
.btn-head-mail{border-radius: 5px;display:block;float: right;margin: -9px 0 0 0px;}
.btn-head-mail a{display: block;padding: 7px 0;width: 155px;text-align: center;color: #FFF;background: #4ac1a4;border-radius: 5px;margin: 3px 0;font-size: 15px;}
.btn-head-mail a:last-child{color: #FFF; background: #ff8500; }

.btn-head-mail a img{width: 29px;}
.btn-head-mail a:hover{background: #279e81;}
.btn-head-mail a:last-child:hover{background: #ff6600;}

/*---------------Breadcrumb--------------- */
.breadcrumb{background: #F9F0D3;padding: 3px 0;margin: 0 0 20px;font-size: 12px;}
.breadcrumb a{color: #000; display: inline-block;}
.breadcrumb span{display: inline-block; padding: 0 10px;}
.breadcrumb a:hover{color: #ff8500;}

/* -------- title sun page -------- */
.title-sub-namepage { font-size: 22px;  color: #5c3108; font-weight: bold; font-family: vdl-logona; margin-bottom: 8px; padding-bottom: 4px; border-bottom: 4px solid #ff9119; }

/*---------------Footer--------------- */
.footer-pattern{height: 65px; background: url(../images/bg-footer.png) repeat-x;}
.footer-link{background:#ffe893; padding: 15px 0;}
.footer-link div div{display: inline-block; width: 22%; margin: 0 1% 0 0; vertical-align: top;}
.footer-link div div a{ font-family:vdl-logona; line-height: 14pt; color: #5c3108; font-size: 13px; display: block; padding: 5px 0;}
.footer-link div div a:hover{color: #FF8500;}

.footer-address{padding: 10px 0; overflow: hidden;}
.footer-address figure{float:left;}
.footer-address figure span{display: inline-block; position: relative; top:6px;}
.footer-address figure span img{height: 24px;}
.footer-address figure img{margin: 0 10px 0 0; height: 33px;}
.footer-address div{float: right; text-align: left; font-size: 12px; color: #5c3108;}

/*---------------Back-to-Top--------------- */
.back-to-top{ position: relative; /*display: none;*/}
.back-to-top a{ display: block; z-index: 9; position: fixed; right: 10px; bottom: 10px;}

/*---------------Responsive---------------*/

@media (max-width:1030px){
    .mainmenu figure img{
       width: 113px;
       margin: 8px 1% 0 0;
    }
    .btn-head-mail{float: none; display: inline-block; vertical-align: top;}
}

@media (max-width:1000px){
.footer-address {padding: 10px !important;}
.footer-address figure{text-align: center; float: none; padding: 0 0 10px;}
.footer-address div{float: none; text-align: center;}
    .btn-head-mail{float: none; display: inline-block; vertical-align: top;}
}

@media (max-width:980px){
    .wrapper{ padding:0 10px;}
    .wsmenu-list >li{padding: 0 2px; width: 82px;}
    .wsmenu-list >li a img{width: 40px;}
    .wsmenu-list >li a{height: 52px;}
    .btn-head-mail{margin: 3px 0 0 2px;}
}
.sp_only{ display: none;}


@media (max-width:780px){
header{padding:53px 0 0;}
.header-text{display: none;}
.btn-head-mail{float: right; position: relative;     right: 5px; margin: 8px 0 0;}
.btn-head-mail a{padding: 8px 0; width: 150px; display: inline-block;}
.menu-container{position: fixed; padding: 0 0 5px; z-index: 99; width: 100%; top:0; left: 0; background: url(../images/bg-header.png) repeat-x 0 -13px #FFF; background-size: 35%;}

.btn-head-mail{right: 0px;margin: 8px 0 0;text-align: center;width: 100%;}

.btn-head-mail a {
    padding: 8px 0;
    /* width: 48%; */
    display: block;
    font-size: 17px;
    width: 90%;
    margin: 5px auto;
    text-align: left;
    padding: 8px 0 8px 10px;
}
.btn-head-mail a img {width: 28px;}
.pc_only{ display: none;}
.sp_only{ display: block;}
}

@media (max-width:480px){
    body{ font-size: 14px;}


    .menu-container{background-size: 45%;}
.footer-link div div a{font-size: 12px;}
.footer-address figure span{display:block;}
.footer-address figure span img{width: 155px; height: auto;}
.btn-head-mail{right: 0px;margin: 8px 0 0;text-align: center;width: 100%;}

.btn-head-mail a {
    padding: 8px 0;
    /* width: 48%; */
    display: block;
    font-size: 17px;
    width: 90%;
    margin: 5px auto;
    text-align: left;
    padding: 8px 0 8px 10px;
}
.btn-head-mail a img {width: 28px;}
.pc_only{ display: none}
.sp_only{ display: block;}
}
.content-btn{
    width:640px
}
@media (max-width:480px){
    .content-btn{
        width:100%
    }
}