@charset "UTF-8";

/*======================================
	クラッセ
=======================================*/
h2 img{
	margin-bottom:20px;
}

#main_wrap{
	padding:3%;
}
#intro img{
	margin-bottom:1.5em;}
.intro_txt{
	margin:2% 0 5%;
}
.classe_wrap{
	margin:5% 0;
}
.classe_wrap h4{
	font-size:120%;
	color:#fff;
	background-color:#84b131;
	padding:0.5em 1em;
	margin-bottom:1em;
	margin-top:3em;
	border-radius:0.3em;
}
.classe_wrap .spot{
	width:45%;
	display: inline-block;
	vertical-align: top;
	margin-bottom:40px;
}


/* 2列 */
.shop_box {
	width: 48%;
	float: left;
	margin: 2% 3% 3em 0;
}
.shop_box:nth-child(2n) {
	margin-right: 0;
}
.shop_box:nth-child(2n+1) {
	clear: left;
}
.shop_box img {
	margin-bottom: 5%;
	width: 100%;
}
/* 3列 */
.kobo_ph{
	width: 31%;
	float: left;
	margin: 0% 3% 2em 0;
	list-style-type: none;
}
.kobo_ph:nth-child(3n) {
	margin-right: 0;
}
.kobo_ph:nth-child(3n+1) {
	clear: left;
}
.kobo_ph img {
	margin-bottom: 5%;
	width: 100%;
}


/* 貸工房 */
.kobo_wrap{
	margin-bottom:5%;
}

#rokuji{
	max-width:320px;
	margin-bottom:3%;
}
.kobo_txt{
	width:60%;
	float:left;
	margin-bottom:5%;
}
.kobo_img{
	width:34%;
	max-width:223px;
	float:right;
}
span.kobo_comments{
	font-size:95%;
	margin-top:10px;
}

/* 貸オフィス */
#ryokin{
	margin-top:2%;
}

/* 交通アクセス */
#map_img{
	max-width:433px;
	margin:5% auto;
	text-align:center;
}

/* フェイスブック */
.facebook-wrapper {
    max-width: 320px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

/* ボタン */
.more_wrap,
.btn_more div{
	width: 160px;
	margin:0 auto;
}
.btn_more p{
	background-position: 25px center;
	padding-left:20px;
}
.more_wrap_map div{
	width: 230px;
	margin:0 auto;
}
.btn_more_map p{
	background-position: 25px center;
	padding-left:20px;
}

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

}

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

}

/*======================================
	タブレット
=======================================*/
@media screen and (max-width: 599px) {
li.shop_box {
	float: none;
	width:100%;
	max-width:320px;
	margin: 0 auto 3em auto !important;
}

.kobo_txt{
	width:100%;
	float:none;
	margin-bottom:3%;
}
.kobo_img{
	width:100%;
	max-width:320px;
	float:none;
	margin:0 auto 5% auto !important;
}

li.kobo_ph{
	float: none;
	width:100%;
	max-width:320px;
	margin: 0 auto 1em auto !important;
}
#rokuji{
	width:100%;
	max-width:320px;
	}

}