@charset "utf-8";
@media screen and (max-width: 1000px) {
img{
  max-width: 100%;
  height: auto;
  width /***/:auto;　
}

.wrapper {
	width: 98%;
}
	
.wrapper_swiper {
	width: 100%;
	margin: 0 auto 10px;
  overflow: hidden;
  zoom: 1;
}
	
	main {
		width: 98%;
	}

	
	/* #main_contents,#side_contents
================================================== */

#main_contents {
	width: 100%;
	margin-right: 0;
}

#side_contents {
	width: 100%;
}

	
/* #news
================================================== */
	
#news {
		width: 100%;
	}
	

/* #tel_area
================================================== */
	
	#tel_area {
		width: 98%;
		margin: 0 auto 20px;
		overflow: hidden;
		background-color: #f6f6f6;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}

	.tel_area_logo {
	width: 30%;
		overflow: hidden;
}
	
	#tel_area img {
	}
	
	#tel_area .number_area {
		width: 70%;
		display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
	}
	
	#tel_area .number_area a {
		width: 100%;
	 justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
	
	#tel_area .number_area .tel {
	font-size: calc(185% + 0.5vw);
	margin-bottom: 10px;
		align-items: center;
}
	
	#tel_area .number_area span {
	font-size: 80%;
}
	
/* #about,#member,#benefits,#login
================================================== */

#about,#member,#benefits,#journal,#contact {
		width: 100%;
	margin: 0 auto 60px;
	}

	
#benefits .benefits_box,
#journal .journal_box {
	display: block;
}
	
#benefits .benefits_box .mt20,
#journal .journal_box .mt20 {
	margin-top: 0;
}

#benefits .benefits_box img,
#journal .journal_box img {
	width: 100%;
	margin-right: 0;
}

#benefits .benefits_box .login_area,
#journal .journal_box .txt_area {
	width: 100%;
}	
	
	
/* #footer
================================================== */

footer {
  margin-top: 40px;
	overflow: hidden;
}
	footer .wrapper {
		margin: 0;
	}
	
	footer .logo {
		display: none;
	}

footer ul {
  display: none;
}
.copyright {
	background: #f6f6f6;
}
	
	
	
/* wp_blog
================================================== */
	
	
#main {
  margin: 0 auto!important;
	width: 100%;
}
	
	
.secInner.maxWidth.flex.fWrap_wrap {
    width: 100%;
    /* flex-wrap: nowrap; */
}

.left {
    width: 100%;
    margin-bottom: 3rem;
    margin-top: 0;
}
	
.caltegory_wrap {
		margin-right: 0;
	}
	
	
	.news_row.flex .image_inner img {
		width: 100px;
	}

	
	.news_row.flex .right h2 {
		font-size: 120%;
	}
	
div#sidebar {
    width: 100%;
}
.news_row.flex {
	flex-wrap:nowrap;
}
.news_row.flex .left {
	margin-right: 15px;
	width: 100px;

}
	
	.products_main {
		margin-right: 0;
	}
	
.secInner .page_link .next,
.secInner .page_link .prev{
	padding: 10px 15px;
	text-align: center;
	width: 80px;
	border-radius: 3px;
	border: 1px solid #999;
}

.secInner .page_link .next a,
.secInner .page_link .prev a {
	color: #666;
	font-size: 85%;
}

/*pad：終わり*/
}

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

.wrapper {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .three-fourth {
  float:left; position:relative; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 25px;
}
.last {
  margin-bottom: 0;
}

.bread.wrapper {
  margin-bottom: 10px;
}

/* #Slider
================================================== */
.bx-wrapper .bx-pager{
  padding-top: 0;
}

.mv {
  overflow: hidden;
  zoom: 1;
}
.slide {
  margin-bottom: 10px;
}
.side-pr li {
  display: inline;
  float: left;
  margin-right: 4%;
  position: relative;
  width: 48%;
}
  .side-pr li:last-child {
    margin: 0;
}

/*filter*/
.portfolio-post .filters {
  margin: 10px auto 20px ;
}
.portfolio-post li.one-half {
  margin-right: 0 !important; 
  margin-left: 0 !important; 
}

.portfolio-post li {
}

.td-item td {
  display: block;
}
}


/* #menu
================================================== */
#toggle .menu_btn {
	color: #333;
	width: 90px;
	padding: 10px;
	background-color: #fff;
	border-radius: 3px;
	text-align: center;
}