@charset "utf-8";
/* CSS Document */
html{scroll-behavior: smooth;}

a.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}

.en{font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;}

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

@media screen and (min-width: 880px) {
.sp-only{display: none;}
a {  
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out;  
}  
a:hover {opacity: 0.8; filter: alpha(opacity=80);}
	
mm-burger{
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out;  		
}	

mm-burger:hover{
opacity: 0.8; filter: alpha(opacity=80);}

#categorysort .submit-button{
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out;  		
}	
	
#categorysort .submit-button:hover{
opacity: 0.8; filter: alpha(opacity=80);}
	
}

#main select{border:#dcdcdc solid 1px; padding:5px 30px 5px 10px; background: url("../images/common/icon_down.png") no-repeat right 10px center #fff;
	 background-size:10px auto; cursor: pointer; color: #333; border-radius: 2px;}
#main input[type="text"]{background: #fff; border:#dcdcdc solid 1px; padding:5px 30px 5px 10px; color: #333; border-radius: 2px;}
#main input[type="email"]{background: #fff; border:#dcdcdc solid 1px; padding:5px 30px 5px 10px; color: #333; border-radius: 2px;}
#main input[type="password"]{background: #fff; border:#dcdcdc solid 1px; padding:5px 30px 5px 10px; color: #333; border-radius: 2px;}
#main textarea{background: #fff; border:#dcdcdc solid 1px; padding:5px 30px 5px 10px; color: #333; border-radius: 2px;}

.button a{display:flex; justify-content: center; align-items: center; line-height: 100%; border-radius: 2px; padding: 0 20px;
 background:#dcdcdc;}

/*MMENU調整*/
.mm-menu--theme-light{--mm-color-background:#1ea0f6; --mm-color-border:none;}
.mm-menu{font-size: 0.9rem;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {color:#6fc6ff!important; }
.mm-navbar{border-color: #6fc6ff;}
.mm-menu a{ color: #fff!important; }
.mm-listview{text-align: left; border-top:#6fc6ff solid 1px; }
.mm-listitem{border-color: #6fc6ff;}
.mm-panel_has-navbar{padding-top:10px;}
.mm-navbar{text-align: center;}
.mm-navbar img{max-width: 20px; height: auto;}
.mm-navbars--bottom{border-color: #6fc6ff;}
.mm-menu--theme-light{border-color: #6fc6ff;}
.mm-searchfield__input input{border-radius: 2px;}
.mm-searchfield__input input, .mm-searchfield__input input:focus, .mm-searchfield__input input:hover{
	background-color: #6fc6ff;}
.mm-navbar__title{margin-top: -5px;}
.mm-listitem:after{inset-inline-start:0;}
.mm-listitem a{
background-color: #1ea0f6;
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out;  	
}
.mm-listitem a{background-image: url("../images/common/icon_arrow_w.png"); background-repeat: no-repeat; background-position: right 20px center;
 background-size: 14px;}

@media screen and (min-width: 880px) {
.mm-listitem a:hover{background-color:#30a8f6; opacity: 1; filter: alpha(opacity=100);}
}
@media screen and (max-width: 880px) {
	.mm-listitem a{background-size: 12px auto;}
}

/*bxslider調整*/
.bx-wrapper{background: none!important; margin: 0!important; border:none!important; box-shadow: none!important; padding: 0!important;}
.bx-wrapper .bx-controls-direction a{background:rgba(30,160,246,0.8); border-radius:50%; width: 30px!important; height: 30px!important;
 margin-top:-60px!important;}
.bx-wrapper .bx-prev{background-image: url("../images/common/arrow_left_w.png")!important; background-repeat: no-repeat!important;
	 background-position: center!important; background-size: 6px!important;}
.bx-wrapper .bx-next{background-image: url("../images/common/arrow_right_w.png")!important; background-repeat: no-repeat!important;
	 background-position: center!important; background-size: 6px!important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:inherit!important; padding: 0!important;}

/*slick調整*/
	
.slide dl{}
	
.slick-prev{left: 20px;}
.slick-next{right: 30px;}
.slick-prev,.slick-next{z-index: 100;}

.slick-arrow:before{
	content:""!important;
	width: 30px;
	height:60px;
	position: absolute;
	top: -30px;
	left: 0;
	background: rgba(30,160,246,1);
	border-radius: 2px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 	
	opacity:1;
}
.slick-next:before{
	background-image: url("../images/common/arrow_right_w.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
}
.slick-prev:before{
	background-image: url("../images/common/arrow_left_w.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
	opacity: 1;
}	
.slick-arrow:hover::before{opacity: 0.8!important;}

.slick-list{width: 100%!important; overflow: hidden;}

.slick-track {
 	display: flex;
}
.slick-slide {
 	height: auto !important;
	background: #fff;
	margin: 0 10px;
}

.slick-dots{bottom:-30px;}
.slick-dots li{width: 10px; height: 10px;}

@media screen and (max-width: 880px) {
.slick-slide{margin: 0 5px;}
.slick-prev{left: 10px;}
.slick-next{right: 15px;}	
}

body{
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

body{text-align:center; font-size:100%; line-height:190%; letter-spacing: 0.02em; width: 100%; color:#333; background-color:#f8f8f8;}

#overwrap{display: flex; justify-content: space-between; height: 100%;}
#header{width: 320px; background: #fff; border-right:#dcdcdc solid 1px;}
#wrap-content{flex: 1; width:calc(100% - 320px);}

#header .innr-wrap{ padding: 40px 20px; text-align: center;}
#header hgroup.sitetitle{padding-bottom: 40px; width: 240px; max-width: 90%; margin: 0 auto;}
#header hgroup.sitetitle p{font-size: 0.9rem; font-weight: bold; line-height: 100%; margin-bottom: 15px;
  font-feature-settings: "palt";
}
#header hgroup.sitetitle h1 img{ display: block;}

#header .wrap-login{display: flex; justify-content:center; margin:0 auto; padding-bottom: 40px;}
#header .wrap-login li{margin-right: 10px;}
#header .wrap-login li:last-child{margin-right:0;}
#header .wrap-login li a{font-size: 14px; height: 30px;}
#header .wrap-login li.login a{background-color:#fff; border:#333 solid 1px;}
#header .wrap-login li.register a{background-color:#1ea0f6; color: #fff;}
#header .wrap-login li.mypage a{background-color:#1ea0f6; color: #fff;}
#header .wrap-login li.logout a{background-color:#333; color: #fff;}

#header dl.social{display: flex; justify-content: center; align-items: center; padding-bottom: 40px;}
#header dl.social dt{font-size: 0.8rem;}
#header dl.social dd ul{display: flex; justify-content: flex-start; padding: 0 10px;}
#header dl.social dd ul li{margin-right: 10px;}
#header dl.social dd ul li:last-child{margin-right: 0;}
#header dl.social dd ul li a img{max-width: 22px; max-height: 22px;}

#header #glnav{text-align: left; margin-bottom: 40px; font-size: 0.9rem; line-height: 100%;}
#header #glnav ul li a{border-top: #333 solid 1px;}
#header #glnav ul li a{ background-image: url("../images/common/icon_arrow.png"); background-size: 14px auto; background-repeat:no-repeat; background-position: right 10px center;}
#header #glnav ul{border-bottom: #333 solid 1px;}

#header #glnav ul li ul.child{border:none; border-top: #dcdcdc solid 1px;}
#header #glnav ul li ul.child li a{border-top: none; border-bottom: #dcdcdc solid 1px;}
#header #glnav ul li ul.child li a{background-image: url("../images/common/arrow_right.png"); background-size: 4px auto;}
 
#header #glnav ul li ul.child li:last-child a{border-bottom:none;}

#header #glnav ul li a{font-weight: bold;}
#header #glnav ul li ul.child li a{font-weight: normal;}

#header #glnav ul li ul.child{padding-left: 20px;}

#header #glnav ul li a{padding: 20px 10px; display: block;}
#header #glnav ul li a:hover{background-color: #f5f5f5!important; opacity: 1; filter: alpha(opacity=100);}
#header #glnav ul li a.current{background-color:#e4f4f5;}
#header #glnav ul ul a.current{background-color:inherit; font-weight: bold!important;}


#header search{ background:#f5f5f5; border-radius: 2px; font-size: 0.9rem; line-height: 100%; text-align: left; padding: 10px;
 margin-bottom: 40px;}
#header search form{display: flex; justify-content: space-between; align-items: center;}
#header search .input-text{flex: 1; height: 20px;}
#header search .button-search{text-indent: -9999px; background: url("../images/common/icon_search.png") no-repeat center;
 background-size: 20px auto; width: 20px; height: 20px;}

#header aside.wrap-banner{display: flex; flex-direction: column; justify-content:flex-start; align-items: center;}
#header aside.wrap-banner li{margin-bottom: 15px;}

#wrap-content .innr-wrap{width:96%; margin: 0 auto;}
#wrap-content #header-nav{border-bottom:#dcdcdc solid 1px;}
#wrap-content #header-nav .innr-wrap{display: flex; justify-content: space-between; align-items: center; height: 70px; width:96%; margin: 0 auto;}
#wrap-content #header-nav .innr-wrap #subnav ul{font-size: 0.8rem; line-height: 100%;}
#wrap-content #header-nav .innr-wrap #subnav ul li:after{content: '/'; margin: 0 5px;}
#wrap-content #header-nav .innr-wrap #subnav ul li:last-child:after{content:''; margin: 0;}

#wrap-content #header-nav .innr-wrap #subnav ul li{display: flex; justify-content: center; align-items: center;}
#wrap-content #header-nav .innr-wrap #subnav ul li a{display: flex; justify-content: center; align-items: center; padding: 5px;}
#wrap-content #header-nav .innr-wrap #subnav ul li a:hover{background-color: #efefef!important; opacity: 1; filter: alpha(opacity=100);}
#wrap-content #header-nav .innr-wrap #subnav ul li a.current{background-color: #e4f4f5;}

#wrap-content #header-nav .wrap-subpanel{display: flex; justify-content: flex-end;}

#wrap-content #header-nav .memberdata{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
 font-size: 9px; line-height: 100%; padding: 0 60px 0 20px;}
#wrap-content #header-nav .memberdata .name{font-size:0.8rem;}
#wrap-content #header-nav .memberdata dt{display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding-bottom: 8px;}
#wrap-content #header-nav .memberdata dt ul{display: flex; justify-content: flex-start; padding-left: 10px;}
#wrap-content #header-nav .memberdata dt ul li{margin-right: 10px;}
#wrap-content #header-nav .memberdata dt ul li:last-child{margin-right: 0;}
#wrap-content #header-nav .memberdata dt ul li.button a{padding: 0 5px; height: 18px;}
#wrap-content #header-nav .memberdata dt ul li.button.mypage a{background:#1ea0f6; color: #fff;}
#wrap-content #header-nav .memberdata dt ul li.button.logout a{background:#333; color: #fff;}
#wrap-content #header-nav .memberdata dd{white-space: nowrap;}
#wrap-content #header-nav .memberdata dd .stage,#wrap-content #header-nav .memberdata dd .point{font-size: 1.2em;}

/*
#wrap-smartbutton ul{display: flex; justify-content: flex-end; padding-right: 60px;}
#wrap-smartbutton li{margin-right: 10px;}
#wrap-smartbutton li:last-child{margin-right:0;}
#wrap-smartbutton li a{display: flex; justify-content: center; align-items: center; width:40px; height: 40px; background: #333;
 border-radius:50%;}
#wrap-smartbutton li img{max-width: 16px; height: auto;}
*/

#smartmenu{position: fixed; top:10px; right: 1%; z-index: 100;
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out; 
}
body.mm-wrapper--opened #smartmenu{right: 455px;}

mm-burger{background:rgba(30,160,246,1.00); width: 50px; height: 50px; color: #fff; display: flex; border-radius: 2px;
 justify-content: center; align-items: center; 
    --mb-bar-width: 20px;
    --mb-bar-height: 2px;
    --mb-bar-spacing: 5px;
}

#content-header #header-nav .wrap-innr{display: flex; justify-content: space-between; align-items: center;}
#content-header #header-nav #subnav ul{display: flex; justify-content: flex-start;}

.breadcrumb .innr-wrap ul{display: flex; justify-content: flex-start; color: #888888; padding: 20px 0;
 font-size: 0.7rem; line-height: 100%;}
.breadcrumb .innr-wrap ul li:after{content: '>'; margin:0 10px;}
.breadcrumb .innr-wrap ul li:last-child:after{content: ''; margin:0;}

#main{padding: 40px 0 0 0; width: 96%; margin: 0 auto; max-width: 960px; text-align: left; min-height: 600px;}
#main .innr-content{width: 96%; margin: 0 auto;}

#footer{border-top:#dcdcdc solid 1px; text-align: left;}
#footer .sitemap{padding: 60px 0; font-size: 0.8rem; line-height: 160%;}
#footer .innr-wrap{max-width: 940px;}
#footer .sitemap h3{font-size: 0.8rem; line-height: 100%; margin-bottom:40px; border-bottom:#dcdcdc solid 1px; padding-bottom:40px;}
#footer .sitemap ul{}
#footer .sitemap .wrap-clm3{display: flex; justify-content: space-between; padding-bottom:40px;}
#footer .sitemap .wrap-clm3 dl:first-child{width:48%;}
#footer .sitemap .wrap-clm3 dl{width: 24%;}

#footer .sitemap .wrap-clm3 dl:first-child ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
#footer .sitemap .wrap-clm3 dl:first-child ul li{width: 48%;}
#footer .sitemap .wrap-clm3 dl ul li{margin-bottom: 10px;}

#footer .sitemap .wrap-clm3 dl dt{font-size: 1.4rem; margin-bottom: 20px;}
#footer .sitemap .supplement-link{display: flex; justify-content: space-between; align-items: center;}
#footer .sitemap .supplement-link .wrap-link ul{display: flex; justify-content: flex-start;}
#footer .sitemap .supplement-link .wrap-link ul li:after{content: '/'; margin: 0 10px;}
#footer .sitemap .supplement-link .wrap-link ul li:last-child:after{content: ''; margin: 0;}
#footer .sitemap .supplement-link .wrap-button ul{display: flex; justify-content: flex-start;}
#footer .sitemap .supplement-link .wrap-button ul li{margin-right: 10px; font-size: 14px; line-height: 100%;}
#footer .sitemap .supplement-link .wrap-button ul li:last-child{margin-right: 0;}
#footer .sitemap .supplement-link .wrap-button ul li a{height: 30px;}
#footer .sitemap .supplement-link .wrap-button ul li.contact a{border: #333 solid 1px; background-color: inherit;}
#footer .sitemap .supplement-link .wrap-button ul li.c-contact a{ background: #1ea0f6; color: #fff;}

#footer .signboard{border-top:#dcdcdc solid 1px; padding: 60px 0; text-align: center;}
#footer .signboard hgroup.sitetitle{padding-bottom: 40px; width: 240px; margin: 0 auto;}
#footer .signboard hgroup.sitetitle p{font-size: 0.9rem; font-weight: bold; line-height: 100%; margin-bottom: 15px;
 font-feature-settings: "palt";}
#footer .signboard hgroup.sitetitle h1 img{ display: block;}

#footer .signboard dl.social{display: flex; justify-content: center; align-items: center; padding-bottom: 40px;}
#footer .signboard dl.social dt{font-size: 0.8rem;}
#footer .signboard dl.social dd ul{display: flex; justify-content: flex-start; padding: 0 10px;}
#footer .signboard dl.social dd ul li{margin-right: 10px;}
#footer .signboard dl.social dd ul li:last-child{margin-right: 0;}
#footer .signboard dl.social dd ul li a img{max-width: 22px; max-height: 22px;}

#footer .site-information{display: flex; justify-content: flex-start; align-items: center;}
#footer .site-information .logo{width: 200px;}
#footer .site-information .text{flex:1; text-align: left; font-size: 0.8rem; line-height: 180%; border-left: #dcdcdc solid 1px;
 padding: 20px 0 20px 40px; margin-left: 40px;}

#footer address{background: #333; color: #fff; text-align: center; font-size: 0.9rem; line-height: 100%; padding: 20px 0;}

#scrollpanel{display: none;  position: fixed; z-index:100; right:0; bottom: 0; padding: 0 10px 20px 0;}

.pagetop a{
  height: 50px;
  width: 50px;
  background:rgba(30,160,246,0.9);
  border-radius: 2px;
display: flex;
  justify-content: center;
  align-items: center;
}

.pagetop img{max-width: 12px; height: auto;}

#header{overflow: scroll; height: 100vh; position:sticky; top:0; left: 0; z-index: 100;}
#header::-webkit-scrollbar{
  display:none;
}

#spotnav{display: none;}

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

#header{width: 300px;}
#wrap-content{flex: 1; width:calc(100% - 300px);}
	
#wrap-content #header-nav .memberdata{font-size: 9px; line-height: 100%; letter-spacing: 0;}
#wrap-content #header-nav .memberdata .name{font-size: 0.8rem;}
#wrap-content #header-nav .innr-wrap #subnav ul{font-size: 0.76rem; line-height: 100%;}
#wrap-content #header-nav .innr-wrap #subnav ul li:after{margin: 0 5px;}
#wrap-content #header-nav .innr-wrap #subnav ul li:last-child:after{margin: 0;}	

}

@media screen and (max-width: 1280px) {
	#header{width: 280px;}
	#wrap-content{flex: 1; width:calc(100% - 280px);}

	#header hgroup.sitetitle p{font-size: 0.8rem;}
}

@media screen and (max-width: 1240px) {
	#header{width: 260px;}
}

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

#overwrap{display:inherit;}
#header{width:inherit; background: #fff; border-bottom:none; border-bottom:#dcdcdc solid 1px; overflow: inherit;
	 height: inherit;}
#wrap-content{width: 100%;}

#header #glnav ul li ul.child{display: none;}
#header search{display: none;}
#header dl.social{display: none;}
#header aside.wrap-banner{display: none;}

#header .innr-wrap{display: flex; justify-content: space-between; align-items: center; padding: 0;
	width: 96%; margin: 0 auto; height: 70px;}	
#header hgroup.sitetitle{padding-bottom:0; width:160px; margin: inherit; margin-right: 20px;}
#header hgroup.sitetitle p{font-size: 0.7rem; letter-spacing: 0; margin-bottom: 10px;}
	
#header #glnav{flex: 1; margin-bottom: 0; padding-right: 60px;}
#header #glnav ul{border: none; display: flex; justify-content: flex-end; align-items: center;}	
#header #glnav ul li{padding: 0 10px;}
#header #glnav ul li a{background: none; border: none; padding: 0;}
#header #glnav ul li a{display: flex; justify-content: center; align-items: center; padding: 5px; border-radius: 5px;}
#header #glnav ul li{border-right:#dcdcdc solid 1px; }
#header #glnav ul li:first-child{border-left:#dcdcdc solid 1px;}
	
#header .wrap-login{justify-content:flex-start; margin: inherit; padding-bottom:0; width:auto;}
#header .wrap-login li a{font-size: 0.7rem; height: 24px; padding: 0 10px;}

#wrap-content #header-nav .memberdata{padding-right: 0;}	

}

@media screen and (max-width: 880px) {
	
	
.pc-only{display: none!important;}

#header{}
body.logged-in #header{border-bottom:#dcdcdc solid 1px;}
#header .innr-wrap{height: 50px;}	

#header #glnav{display: none;}
#header .wrap-login{flex: 1; padding-right: 60px;}

#smartmenu{right: 2%; top:5px;}
	
body.mm-wrapper--opened #smartmenu{right:10px;}
body.mm-wrapper--opened mm-burger{background:rgba(255,255,255,0.3);}
	
.mm-searchfield__input{max-width: calc(100% - 50px)!important;}
.mm-searchfield__input input{height: 40px!important;}
	
mm-burger{width: 40px; height:40px;}	

#header hgroup.sitetitle{padding-bottom:0; width:130px; margin: inherit; margin-right:20px;}
#header hgroup.sitetitle p{font-size: 0.6rem; letter-spacing: 0; margin-bottom: 2px;}

#header .wrap-login{}
#header .wrap-login li a{font-size: 12px; height: 26px; padding: 0 10px; letter-spacing: 0;}	

#spotnav{background: #e4f4f5; border-top:#dcdcdc solid 1px; display: inherit;}
#spotnav ul{font-size: 12px; line-height: 100%; letter-spacing: 0; display: flex; justify-content:center; align-items: center; width: 96%;
	 margin: 0 auto; padding:5px;}
#spotnav ul li{margin:0 5px;}
#spotnav ul li a{display: flex; justify-content: center; align-items: center; padding: 5px; border-radius: 5px;}

#spotnav ul li a.current{background-color:#b1e0f0;}
	
#wrap-content #header-nav{border-bottom:none;}
#wrap-content #header-nav .innr-wrap{height: inherit;}
#wrap-content #header-nav .innr-wrap #subnav{display: none;}	

#wrap-content #header-nav .wrap-subpanel{justify-content:flex-start; width: 100%; }
#wrap-content #header-nav .memberdata{ padding:10px 0; justify-content:space-between; align-items:center;
 width: 100%; flex-direction: row;}
#wrap-content #header-nav .memberdata dt{padding: 0; margin-right:10px; margin-bottom:0;}
#wrap-content #header-nav .memberdata dt{}
#wrap-content #header-nav .memberdata dt ul li.button a{padding: 0 3px; height: 14px;}

.breadcrumb .innr-wrap ul{padding-bottom: 0;}	
body.single .breadcrumb .innr-wrap ul li:last-child{display: none;}	
body.single .breadcrumb .innr-wrap ul li:nth-last-child(2):after{content: ''!important; margin: 0;}	
	
#footer .sitemap{font-size: 0.7rem; padding: 40px 0;}
#footer .sitemap h3{margin-bottom:40px; padding-bottom:40px; font-size: 0.8rem;}

#footer .sitemap .wrap-clm3{flex-direction: column; justify-content: center; align-items: flex-start; padding-bottom: 0;}
#footer .sitemap .wrap-clm3 dl{width: 100%!important; margin-bottom: 40px;}
#footer .sitemap .wrap-clm3 dl:last-child{margin-bottom: 30px;}
	
#footer .sitemap .wrap-clm3 dl ul li{margin-bottom: 10px; width: 100%;}
	#footer .sitemap .wrap-clm3 dl ul li a{display:flex; justify-content: center; align-items: center;
	border:#dcdcdc solid 1px; padding: 5px;}

#footer .sitemap .supplement-link{flex-direction: column; align-items: flex-start;}

#footer .sitemap .supplement-link .wrap-link ul{display: inherit;}
#footer .sitemap .supplement-link .wrap-link ul li{margin-bottom: 5px;}
#footer .sitemap .supplement-link .wrap-link ul li:after{content: ''; margin:0;}
	
#footer .sitemap .supplement-link .wrap-button{width: 100%;}
#footer .sitemap .supplement-link .wrap-button ul{justify-content: space-between; margin-top: 30px; width: 100%;}
#footer .sitemap .supplement-link .wrap-button ul li{margin-right:0!important; width: 48%; font-size: 12px;}
	
#footer .signboard{padding: 40px 0;}	
#footer .signboard hgroup.sitetitle{width: 200px; margin: 0 auto;}

#footer .site-information{flex-direction: column; justify-content: center; align-items: center; border:#dcdcdc solid 1px; border-radius: 2px;
	 padding: 30px 2%;}
#footer .site-information .logo{width: 160px; margin-bottom: 20px;}
#footer .site-information .text{border-left: none; padding: 0; margin: 0;}

#scrollpanel{padding: 0 10px 20px 0;}	
.pagetop a{
  height:38px;
  width: 38px;
}
	
	
}