/* MObile Menu
================================================== */
	a#navigation-toggle { height: 55px; line-height: 55px; margin: 0; float: left; cursor: pointer; color: #888; padding-left: 35px; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; font-size: 1.1em; }
	a#navigation-toggle .fa { margin-right: 10px; }
	#navigation-toggle { color: #333; }
	#navigation-toggle:hover { color: #666; }
	#sidr-main {
		position: absolute;
		position: fixed;
		top: 0;
		height:100%;
		z-index: 999999; 
		width: 320px; 
		overflow-x: none; 
		overflow-y: auto;
		font-size: 13px; 
		background: rgba(255,255,255,0.9); 
	}
	#sidr-main { padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.sidr.right { left: auto; right: -320px; }
	.sidr.left { left: -320px; right: auto; }
	#sidr-main a { color: #333; }
	#sidr-main a:hover { color: #666; }
	#sidr-main ul a { display: block; border-bottom: 1px solid #333; border-bottom: 1px solid rgba(255,255,255,0.15); padding: 8px 0; font-weight: 600; }
	#sidr-main ul li ul { margin-left: 0; margin: 0; }
	#sidr-main ul li ul li a { padding-left: 10px; }
	#sidr-main ul li ul li li a { padding-left: 20px; }
	#sidr-main ul li ul li li li a { padding-left: 30px; }
	#sidr-main ul li ul li a:before { content: '\f0da'; display: inline-block; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; color: #333; margin-right: 10px; }
	.sidr-class-toggle-sidr-close:before { 
		position: absolute; top:20px; 
		right: 20px; content: '\f00d'; font-family: 'FontAwesome';
		color: #333;
		margin: 0; }
	#sidr-id-mobile-search-form {
		margin-top: 20px;
		display: none;
	}
	#sidr-id-mobile-search-form input[type="search"] { background: #333; color: #fff; }


/* Smaller Then Desktop
================================================== */
@media only screen and (max-width: 959px) {
	a#navigation-toggle { display: block; }
	#site-navigation .sf-menu{ display: none; }

	.sf-menu {
		padding:30px;
		float:none;
	}
	
	.sf-menu > li{
		float:none;
		text-align:center;
		margin-bottom:20px;
	}
	.sf-menu > li a{
		color:#FFF;
		font-size:15px;
		 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	
	.about_img img{
	width:100%;
	height:auto;
	}

	.about_text{
    padding: 0;
	}

	.about_text p{
    margin: 20px 0 0;
	}

.sec_service{
    padding: 30px 0 0;
}
	.sec_service .flexbox{
		width:auto;
		padding:0 20px;
	}
	
	.service_left,
	.service_right{
		width:100%;
	}
	
	.page-template-fullwidth .content-area, .page-template-default .content-area, .archive .content-area {
    width: auto;
    margin: 0 20px;
}
	.wrap{
		width:100%;
		flex-direction:column;
	}
	.wrap .wrap-left{
		width:100%;
	}
	.wrap aside{
		width:100%;
	}
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#wrap { margin-top: 30px; margin-bottom: 30px; }
	.container { max-width: 85%; }
	.left-content { width: 60%; }
	.sidebar-container { width: 36%; }


	.post-meta li .meta-seperator { display: none; }
	.portfolio-entry .overlay { display: none; }
	.portfolio-entry-media a:hover img { opacity: 0.8; }
	.search-entry { padding-left: 100px; min-height: 80px; }
	.search-entry-thumbnail { width: 80px; }
	.portfolio-entry.span_1_of_4 { width: 49.2%; margin-left: 1.6%; margin-bottom: 2%; }
	.portfolio-entry.span_1_of_4.count-1 { margin-left: 0; }
	.portfolio-entry.span_1_of_4.count-3 { clear: both; margin-left: 0; }
}
/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	
	#logo{
		    font-size: 25px;
	}
	
	.site-text-logo a{
		text-align:center;
	}
	
	.drawer-nav{
		background:#733d3d !important;
	}
	
	.single #primary{
		margin:0 20px;
	}
	
	.container { max-width: 100%; }
	.sidebar-container,
	.left-content { 
	width: auto;
   padding: 0;
	float:none;
	}
	
	.sidebar-container {margin: 0 ; padding-top: 40px;  }
	.col{ width: 100%; margin-left: 0; margin-bottom: 25px; }
	#wrap { margin-top: 30px; margin-bottom: 30px; }
	#header-search { clear: both; position: inherit; top: auto; right: auto; margin-top: 20px; }
	.portfolio-entry .overlay { display: none; }
	.portfolio-entry-media a:hover img { opacity: 0.8; }
	.post-meta li { display: block; float: none; }
	.post-meta li .meta-seperator { display: none; }
	.commentlist .children { margin: 0 }
	.single-post-pagination { position: inherit; top: auto; margin: 10px 0 0; right: auto; }
	.author-info .author-info-inner { padding-left: 0; }
	.author-info .author-avatar { position: inherit; top: auto; left: auto; display: block; margin-bottom: 10px; }

	header .drawer-hamburger{
	width:1.5em;
	}
	
	header .drawer-hamburger-icon{
	background: #733d3d;
	}

	header .drawer-hamburger-icon:after,
	header .drawer-hamburger-icon:before{
		top:-7px;
		background: #733d3d;
	}

	header .drawer-hamburger-icon:after{
		top:7px;
	}

	header .drawer-menu-item{
	font-size: 0.8rem;
    display: block;
    padding: .75rem;
    text-decoration: none;
    color: #fff;
	letter-spacing: 0.08em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

	.sp_only{display:block;}
	.pc_only{display:none;}

	.post-meta{
		text-align: left;
	}

	.post-meta li {
	    display: inline-block;
		float: none;
		margin-right: 10px;
	}

	.single_left {
		width: auto;
		float: none;
	}

	.single .page-header-title{
		letter-spacing: 0;
	}

.flexbox{
display:block;
}

.vis{
    height: 50vh;
}

.vis .contain{
	width:auto;
	margin:0 auto;
	display:table;
}

.vis .contain .catch{
    margin: 20vh 0;
    height: 10vh;
	text-align:center;
}

.vis .contain .catch h2{
	font-size: 35px;
}

.vis .contain .catch p{
	margin: 13px 0 20px;
    font-size: 15px;
    letter-spacing: 4px;
    text-align: center;
}

	.vis2{
	    background-position: left;
    background-size: cover;
		height:150px;
}

.headline_title{
	margin:30px 0 !important;
}

.sec_about{
	padding:30px 0 0;
}

.sec_about .flexbox{
	margin:0;
	width:auto;
}

.sec_about .about_text{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}


.sec_about .contain,
.sec_service .contain{
	width:auto;
}

.home #main{
	width:auto;
}

.sec_service .about_img{
width:auto;
display: none;
}

.sec_service .about_text{
max-width:100%;
width:auto;
padding: 0;
}

.sec_service .flexbox li{
	width:auto;
}

#metaslider_424 .caption{
	padding: 0;
}

#metaslider_424 li{
	height: 400px;
}

#metaslider_container_424 .rslides_nav{
	top:40%;
}

.sec_service .swiper-container{
	width:auto;
}

.swiper-wrapper-content{
    width: 100%;
    height: 430px;
    padding: 20px 0;
    box-sizing: border-box;
}

.swiper-box .logo p{
height:130px;
}

.swiper-box .service_explain, .swiper-box .logo{
    width: 100%;
    text-align: center;
}

.swiper-box .service_explain h3{
	text-align:center;
}

.swiper-box .service_explain p{
	text-align:left;
}

.swiper-box .service_explain p.url{
	text-align:center;
}

.sec_service .swiper-button-prev,
.sec_service .swiper-button-next{
	top:20%;
}

.sec_info .headline_title {
    margin: 0 0 50px;
}

.service_about{
    width: auto;
    margin: 0 15px;
}

.service_box{
    width: auto;
    margin: 0 15px;
}

.member{
	width:auto;
}
.member .panel-grid-cell{
width:48% !important;
}

.member .widget-title{
margin:10px 0;
}

.member img {
    width: 300px;
    clip-path: circle(80px at center);
    -webkit-clip-path: circle(80px at center);
}

#panel-w59f4205c618cf-0-0-0,
#panel-w59f4205c618cf-0-1-0,
#panel-w59f4205c618cf-0-2-0{
	margin:0 !important;
}

#pgc-w59f4205c618cf-0-0,
#pgc-w59f4205c618cf-0-1,
#pgc-w59f4205c618cf-0-2{
	margin:0 !important;
}


table.company td,
table.company th{
display:block;
width:auto;
}

table.company th:after{
display:none;
}

/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sidr { width: 480px; }
	.sidr.right { right: -480px; }
	.portfolio-entry.span_1_of_4 { width: 49.2%; margin-left: 1.6%; margin-bottom: 2%; }
	.portfolio-entry.span_1_of_4.count-1 { margin-left: 0; }
	.portfolio-entry.span_1_of_4.count-3 { clear: both; margin-left: 0; }
}
	

/* Mobile (Portrait only)
================================================== */
@media only screen and (max-width: 479px) {
	.search-entry {
		padding-left: 100px;
		min-height: 80px; 
	}
	.search-entry-thumbnail {
		width:80px; 
	}
	}
}