/* --------------------------------------
  Tablet Styling
-------------------------------------- */

@charset"UTF-8";

/* ########### 600px以上 ########### */
@media (min-width: 600px) {

/* mein記事 


/* 概要を横に並べる設定 */
.contents-list:after {
	content: "";
	display: block;
	clear: both
	}

.contents-list .work {
	float: left;
	width: 100%
	}

.contents-list #work1, .contents-list #work2, .contents-list #work3, .contents-list #work4, .contents-list #work5 {
	float: left;
	width: 100%
	}


.contents-list .work:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}
	
/*.contents-list #work1:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}*/
	
.contents-list .work:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

/*.contents-list #work1:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}*/
	
/* BOXR-1とBOXR-2を横に並べる設定 */
.boxr:after	{
content: "";
	display: block;
	clear: both
	}

.contents-list .work	{
	float: left;
	width: 50%
	}

.contents-list #workl1, .contents-list #workr1	{
	float: left;
	width: 100%
	}



 BOXR-1とBOXR-2の左右の間隔 
.contents-list .work	{
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}

/*.contents-list #work1	{
	padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}*/

	
	
}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* ピックアップ */
.date h1	{font-size: 30px}

/* BOXLとBOXRを横に並べる設定 */
.contents:after	{
	content: "";
	display: block;
	clear: both
	}

.boxl	{
	float: left;
	width: 70%
	}

.boxr	{
	float: left;
	width: 30%
	}

/* #BOXLとBOXRの左右の間隔 */
.boxl	{
	padding-right: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}
}



/* ########### 600px以上～767px以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {
#wrap{
	width:100%;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}
/*Ｍタイトル*/
h1{
	font-size:25px;
	text-align:center;
	padding-top:70px;
}
/*Ｍお問い合せフォーム*/
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}



}/*media 終わり*/
/*※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/

/*タブレット用*/

@media screen and (min-width:641px) and ( max-width:920px) {


#wrap{
	width:100%;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}
/*Ｔタイトル*/
h1{
	font-size:28px;
	text-align:center;
	padding-top:40px;
}
/*お問い合せフォーム*/
#formWrap {
	width:500px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
}/*media 終わり*/