@charset "utf-8";

/*
@media screen and (min-width: 1280px) { p#site-logo:before{content:"【01】min-width: 1281px";}}
@media screen and (max-width: 1280px) { p#site-logo:before{content:"【02】max-width: 1280px";}}
@media screen and (max-width:  960px) { p#site-logo:before{content:"【03】max-width:  960px";}}
@media screen and (max-width:  650px) { p#site-logo:before{content:"【04】max-width:  650px";}}
@media screen and (max-width:  480px) { p#site-logo:before{content:"【05】max-width:  480px";}}
*/

/*
########################################################################################################################
########################################################################################################################
###
###	 Print
###
########################################################################################################################
########################################################################################################################
*/

@media print{

body{
	font-size:12px;
	color:#000;
	background:#F00;
	}
header#header h1#site-description{display:none;}
#mainArea{width:860px;float:none;}
.post, .inner{margin:0px;}

h2.tag_cloud,
ul.tag_cloud,
select.tag_cloud,
p#btn_top,
p#btn_top a,
aside#sideAre,
	section.widget,
footer#footer{display:none;}

}
@media screen and (min-width: 961px){
a[href^="tel:"] {
		pointer-events: none;
	}
}
/* smaller than 768----------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
body.single-post p.icon_NewEntry{top: 3px;}
* .block_pc {display:none;}
.breadcrumb{margin: 7% 0 0.5em 0;}
header .head_cont h6{font-size: 13px;}
header .menu-meinmenu-container{padding-top: 0;}
header .head_cont .head_colR{height: 86px;}
.const_wrap{height:145px;}
div.wrap .container .adj_pd{height:auto !important;}
footer div.ft_wrap section.ft_box ul.ft_entry li,
footer div.ft_wrap section.ft_box nav ul li,
footer div.ft_wrap section.ft_box nav ul li a{padding: 0.5em 0;}
footer div.ft_wrap section.ft_box nav ul li{border-bottom: dotted 1px #fff;}
footer div.ft_wrap section.ft_box nav ul li:nth-last-of-type(1){border-bottom: none;}
section.nav_wrap{width:100%;}

header .head_cont div.menu-meinmenu-container ul.pc_nav li{margin: 0 auto !important; width: 13%;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li span{margin:0;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li p{margin: 5px 0 0 0;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li a{width:100%;line-height: inherit;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li:last-child p{margin: 10px 0 0 0;font-size:12px;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li:last-child p span{margin: 0 0 0 0; font-size:8px;}

header .head_cont .head_colL{width:40%; margin: 0 0 0 1em;}
header .head_cont .head_colR{width:56%;}
header .w50L{ float:left;}
header .w50R{ float:right;}
header .head_cont .text12{font-size:71.4%;}

header .head_cont,
body div.wrap,
.archive div.wrap .container,
div.wrap .container_single,
div.wrap .side_container,
div.wrap .container,
div.visual div.v_wrap,
body.post-type-archive-whatnew div.wrap .container,
body.post-type-archive-product div.wrap .container,
body.post-type-archive-construction div.wrap .container,
footer div.ft_wrap{width:100% !important; margin:0; overflow:hidden;}

div.wrap .side_container h6{margin: 1em 0 0.5em 1em;}
div.wrap .side_container ul li a{width:100%;}
div.wrap{padding-bottom:5% !important;}

div.wrap .container .article_box01,
div.wrap .container .article_box02,
footer div.ft_wrap section.ft_box{width:97.89%;margin: 1% 1%; height: auto; overflow: hidden;}

div.wrap .container .article_box03{
	margin-left:1%;
	width:23.7%;
}

div.wrap .container .article_deformbox01{width: 46.5%; margin-left: 10px;}

footer .ft_wrap ul.ft_libox li{width:48.5%;}
footer .ft_wrap ul.ft_libox li:nth-of-type(2n){ margin-left:2%;}
footer .ft_wrap ul.ft_libox li:nth-of-type(odd){ margin-left:0;}

ul.nav_entry li.nav_prev a,
ul.nav_entry li.nav_next a{
    text-align: center;
    line-height: 40px;
	background: rgba(255, 255, 255, 0.8);
	text-decoration:none;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.mr10, .mr04 {margin-right:0px;}

.fltR,
.fltL,
div.wrap .container .article_box02{float:none;}
div.wrap .side_container ul li{ margin:0 0 2% 2%; width:47%; float:left; display:block;}

.readme{width:80%; height:auto;}
.post-more{width:100%;}

body.home .article_box01 .fltL p img{
	display: block;
	margin: 0 auto;
}
footer div.ft_wrap section.ft_box2{width:100%;}
footer { 
	position: inherit;/*フッター固定解除*/
	bottom:0;
	}
footer div.ft_wrap section.ft_boxR{width: 100%;}
footer .square_btn {
	top: 0;
	/*-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
	width: 100%;
	text-align:center;
  }
/* tool */
.w45{width:100%;}
.w50{width:100%;}
.w55{width:100%;}
.wrap .side_container ul li{ margin:0 0 2% 3%; width:43%; float:left; display:block; background:#999;}
.swiper-container,
.swiper-container img{width:100%;}
.mainvisual { overflow-x: hidden; }
/*----------------------------------------------------
    .google-map
----------------------------------------------------*/
.box_media {padding-bottom: 56.25%;position: relative;}
.box_media iframe {width: 100%; height: 100% !important;left: 0;position: absolute;top: 0;}

}

/* smaller than 640----------------------------------------------------------------------------------*/
@media screen and (max-width: 639px) {
header {height:80px;}
div.wrap .container .article_deformbox01{width:97.86%;margin: 2% 1%; overflow:hidden;}
div.wrap .container .productbox{width:97.86%;margin: 2% 1%; overflow:hidden; float:none;}
div.wrap .container .article_box03{width:47.86%; height:250px; margin: 2% 1%; overflow:hidden;}
div.wrap .container .article_deformbox02{width:47.86%; height:inherit; margin: 2% 1%; overflow:hidden;}
.swiper-container,
.swiper-container img{height:auto;}
.const_wrap{height:69px;}
div.wpcf7{padding: 5%;}
div.wrap .container .article_box04{ flex-wrap: wrap;}
div.wrap .container .article_box04 .item{width: 32%;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li{display: inherit;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li a{color:#fff;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li p,
header .head_cont div.menu-meinmenu-container ul.pc_nav li span{margin:0;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li:last-child p{margin:8px 0 0 0;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li:last-child span{margin:-10px 0 0 0;}
header .head_cont div.menu-meinmenu-container ul.pc_nav li a:hover{color:#C9B927; border-bottom:2px solid #C9B927;}

.archive div.wrap .container ul{width:94%;}
.home div.wrap .container .article_box02{height: auto !important;}
ul.post-news li{height: auto;}
ul.post-news li p{
	display: inline-block;
	width:100%;
	}
.foreground h1{margin-top:14%; font-size: 14px; }
.foreground h1 span{display:block; width:100%; }
body.home div.wrap .container section{padding: 3%;}
div.wrap .container .article_box03{margin: 1% 1% !important;}
div.wrap .container .bt_adj_L{	padding: 3vh 6vw}
div.wrap .container .bt_adj_R{	padding: 3vh 11vw}
div.wrap .container ul.article_box05 li:nth-of-type(2),
div.wrap .container ul.article_box05 li:nth-of-type(3),
div.wrap .container ul.article_box05 li:nth-of-type(4){ margin-left:1%;}

div.wrap .side_container ul li{ margin:0 0 2% 4%; width:91%; float:left; display:block;}

.single div.wrap .article_box01 .post-image
.post-image{ margin:0 0 1em 0; width:25%;}

.single div.wrap .article_box01 .post-image img
.post-image img{ width:67px; float:left;}
/*table*/
body.page-template-p_guidance .tb01,
body.about .tb01 {width: 100%;}

body.page-template-p_guidance .tb01 th,
body.about .tb01 th,
table.tb01 th,
table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
body.page-template-p_guidance .tb01 tr:last-child,
body.about .tb01 tr:last-child{border-bottom: solid 1px #fff;}
body.page-template-p_guidance .tbpd,
body.about .tbpd{padding:10px;}
footer {padding-bottom:10px;}
footer .box_copyright{margin: 0 auto;}
footer div.ft_wrap section.ft_boxL{width: 100%; height:210px;}
footer div.ft_wrap section.ft_boxR{width: 100%; height:50px;}

footer div.ft_wrap section.ft_boxL ul{text-align: center;}
footer div.ft_wrap section.ft_boxL ul li{float:none;}
footer .ft_wrap .ft_logo img,
footer div.ft_wrap section.ft_boxL ul li.adress{margin:0 auto;}
footer div.ft_wrap section.ft_boxL ul li.shopname{margin:0;}
footer div.ft_wrap section.adj_ftbox{margin: 10% 1% !important;}
footer div.ft_wrap section.ft_box2 .footlogo img{ width:100%;}
footer div.ft_wrap section.ft_box2 p.foot_tel{font-size: 164%;}
footer div.ft_wrap section.ft_box2{margin-left: 0;}
footer .ft_wrap ul.ft_libox li{width:47.5%;}
footer div.ft_wrap section.ft_box2 p.foot_adress span{display:block;}
.box_media { background:#339; padding-bottom: 56.25%; position: relatives;}
.box_media iframe {width: 100%; height: 100% !important;left: 0;position: absolute;top: 0;}
.readme{width:100%;}
body.single-post .readme img{width:96%;}
textarea#comment{width:100%;}

#sd {
    width: 300px;
    left: -300px;
  }
#sd.block {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
.icon-menu:before {
    margin: 0;
    font-size: 20px;
}
ul li, ol li{ margin:0; padding:0;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #sd.block-ie10 {
    -webkit-transform: translate3d(350px, 0, 0) !important;
    transform: translate3d(350px, 0, 0) !important;
  }
}