@charset "utf-8";

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

/*
.drawer-open #contents, .drawer-open #header, .drawer-open #footer, .drawer-open {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
*/
.drawer-open #contents, .drawer-open {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
.drawer-open #contents{
	transform: translateX(0);
}
.sp{display: block !important;}
.pc{display: none !important;}
span.sp{display: inline !important;}



/****** Header Setting ********/
header{
	width:100%;
	min-width:320px;
	position: fixed!important;
	top: 0px;
	left: 0px;
	z-index: 999;
	/* border-bottom:1px solid #8C757F; */
	/* opacity:0.8; */
	background-color: rgba(255, 255, 255, 0.8)!important;
}
header div.container-fluid{
	margin:0;
	padding:0;
	height:80px;
}
header div.header_logo_area{
	margin:0;
	padding:0;
	
}
header div.header_logo_area a img{
	margin:0;
	padding:5px 0 4px 10px;
}
header p.copy{
	width:100%;
	margin:0;
	padding:3px 0 2px 0; 
	background:#8C757F;
	text-align:center;
	color:#FFF;
	font-size:11px!important;
}
header .header_logo{
	width:220px;
	height:auto;
	margin:10px 0 10px 10px;
}
#cart_area {
	top: 19px!important;
}
header #cart_area p.cart-trigger {
	right: 50px;
}
header #btn_menu {
	right: 6px;
	top:22px;
}
#menu_area{
	display:none;
}
#topic_path{
	display:none;
}
#menu_sp{
	display:block!important;
	/* background:#8C757F; */
	background-color: rgba(255, 255, 255, 0.8)!important;
	margin-bottom:-15px;
	border-top:1px solid #8C757F;
	border-bottom:1px solid #8C757F;
	/* box-shadow:0px 2px 1px 0px rgba(0,0,0,0.2); */
}
#menu_sp li{
	display:block;
	float:left;
	width:50%;
	text-align:center;
	/* border-top:1px solid #FFF; */
	border-right:1px solid #8C757F;
}
#menu_sp li:nth-child(even){
	border-right:none;
}
#menu_sp li a{
	display:block;
	height:30px;
	line-height:31px;
	color:#8C757F;
	font-size:13px;
}

/****** Side Setting ********/
.drawer {
	height: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.3s;
	-moz-transition: visibility 0s 0.3s;
	transition: visibility 0s 0.3s;
}
.drawer-open .drawer {
	height: 100%;
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	-moz-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
}
.category-nav a {
	will-change: transform, opacity;
}

/****** contents_top ********/
#contents_top {
	padding-bottom:0!important;
}


/****** Effect Setting ********/

/* Overlay */
.overlay.is-visible {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
.overlay.is-visible.cart-is-visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/****** contents ********/
#contents{
	padding-top:100px;
}
#contents .container-fluid {
	padding-left: 25px;
	padding-right: 25px;
}
#main_middle{
	padding-top:20px;
}
.page-heading {
    border-top:none;
}
#contents .about_links{
	margin-top:-20px!important;	
}

/****** products ********/
#item_detail{
	margin:0 10px 0 10px;
}
#item_detail .slick-slider {
    margin-bottom:5px;
}

/****** side_left ********/
#side_left{
	display:none;
}
.newslist dt {
	cursor: pointer;
	padding:8px 46px 8px 8px;
	position: relative;
}
.newslist dt .cb {
    top:0!important;
}

/****** footer ********/
#footer_links_sp{
	display:block!important;
	padding-top:5px;
	margin:15px 0 0 0;
	border-top:1px solid #DDD;
}


#footer_links_sp ul.menu li{
	display:block;
	float:left;
	width:50%;
	text-align:center;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
}
#footer_links_sp ul.menu li:nth-child(even){
	border-right:none;
}
#footer_links_sp ul.menu li a{
	display:block;
	padding:9px 0 7px 0;
	color:#FFF;
	font-size:13px;
}
#footer_links_sp ul.bnr_area{
	margin:5px 5px 5px 5px;
}
#footer_links_sp ul.bnr_area li{
	display:block;
	float:left;
	margin:5px 5px 5px 5px;
	width:calc(50% - 10px);
	text-align:center;
	border:1px solid #E8E8E8;
}
#footer_links_sp ul.bnr_area li img{
	width:100%;
	min-width:145px;
	max-width:264px;
}
#footer_links_sp .blog_bnr{
	text-align:center;
	margin:5px 10px 15px 10px;
	border:1px solid #E8E8E8;
}
#footer_links_sp ul.menu{
	background:#8C757F;
	margin-bottom:-15px;
}
#footer_links_sp ul.menu li{
	display:block;
	float:left;
	width:50%;
	text-align:center;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
}
#footer_links_sp ul.menu li:nth-child(even){
	border-right:none;
}
#footer_links_sp ul.menu li a{
	display:block;
	padding:9px 0 7px 0;
	color:#FFF;
	font-size:13px;
}
#footer {
    padding: 0 0 12px 0;
    margin-top:0;
}
#footer .sitemenu{
	display:none;
}
#footer .company{
    width:75%!important;
    min-width:210px!important;
	margin:15px 0 20px 5px!important;
}
#footer .company h4{
	font-size:20px!important;
	margin-bottom:5px!important;
}
#footer .company p{
	font-size:11px!important;
	margin-bottom:15px!important;
}
#footer div.company img.freedial {
    width:95%!important;
    margin:0 0 5px 0!important;
}
#footer .company p.time {
    font-size:10px!important;
    margin: 0 0 0 -6px!important;
}
#footer div.about_ssl{
	margin-top:17px;
	width:20%;
	min-width:70px;
}
#footer div.about_ssl a {
    margin-bottom:4px;
}
#footer div.about_ssl p{
	font-size:10px;
}
small#copyright {
    font-size:10px;
    padding-top:6px;
}
#scroll-to-top {
    bottom: 10px;
    right: 10px;
}
}

@media only screen and (max-width:376px) {
#footer .company p {
    font-size:10px!important;
}
}