/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	.row {
		padding: 0 15px;
	}
	
	#sidebar {
	margin-top: 30px;
	margin-right:0%;
	width:20%;
}

#left_content {
	margin-top: 30px;
	width:75%;
}
	
}


/*-----------------------------------------------------	*/
/*	for 640px - 979px（タブレット版）				*/
/*-----------------------------------------------------	*/

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

	/* ------ Column ------ */

	/* 左右に25pxの余白を設定 */
	.row {
		padding: 0 15px;
	}


/* ------ ヘッダー電話・メールTB ------ */

.header_tel {
	position:absolute;
	margin-right:3%;
	right:200px;
	top:45px;
	width:200px;
}


.header_mail {
	margin-right:0px;
	position:absolute;
	right:0;
	width:200px;
	top:45px;
}

/* ------ メイン画像TB ------ */

#mainvisual {
	width:100%;
	margin:0 auto;
	background-image:url(../images/common/main-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
}

/* ------ メインコンテンツ ------ */

#left_content {
	margin-top: 30px;
	width:100%;
}



/* ------ 右サイド ------ */

#sidebar {
	width:25%;
	margin-top: 30px;
	margin-right:0%;
}

.content-side {width: 27%;	display:none;}


/* ------ フッターTB ------ */

.footer_menu {
	width:100%;
	margin:0px 0px;
	font-size:110%;
	float:none;
	text-align:left;
}

.footer_submenu {
	width:100%;
	margin:10px auto 0px;
	border-top: 1px solid #b2c7d4;
	padding:3% 0 0;
	text-align:center;
	float:none;
}

.tablet-baner {
	width:100%;
	display: inline;
	margin-top:15px;
	}

.tablet-baner li {
	display:table-cell;
	width:47%;
	padding:1%;
}

/* ヘッダーメニュー表示 */


.menu_sen1 {
	display:none;
}

.menu_sen2 {
	display:none;
}

.head_menu-pc {
	display:none;
}

.head_menu-phone {
	display:block;
}

}



/*-----------------------------------------------------	*/
/*	for - 639px	（スマホ版）			*/
/*-----------------------------------------------------	*/

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

#container {
	background-image:none;
}


/* ------ カラム設定(スマホ) ------ */


	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

.one-second {
	width: 100%;
	margin:0 0 5%;
}


/* ------ ヘッダー設定(スマホ) ------ */


	header {
		padding-top: 0;
	}
	header .row:before {
		display: none;
	}

	header .col:first-child {
		height: 60px;
	}

.header_inner {
	width:100%;
	margin:0;
}


.h_right-box {
	width:60%;
	margin:2% 0;
	float:right;
}

.header_logo {
	width:50%;
	padding-left:3%;
	text-align:center;
}


.header_tel {
	width:40%;
	float:right;
	margin-top:2.5%;
	margin-right:3%;
}

.header_mail {
	width:40%;
	margin-top:2.5%;
	margin-right:3%;
}

.tel_link-pc { display:none; }
.mail_link-pc { display:none;}

.tel_link-phone { display:block;}
.mail_link-phone { display:block; }

.header_cap h1 {
	display:none;
}


.row {
	max-width: 100%;
	margin: 0 auto;
}


/* ヘッダーメニュー表示 */


.menu_sen1 {
	display:none;
}

.menu_sen2 {
	display:none;
}

.head_menu-pc {
	display:none;
}

.head_menu-phone {
	display:block;
}


	/* ------ メイン画像 (スマホ)------ */

	#mainvisual-button {
		padding: 15px 0;
	}


	/* ------ Article ------ */

	article {
		padding-bottom: 0;
	}

	article p {
		font-size: 100%;
	}


#left_content {
	width:92%;
	margin:10px auto 5%;
	font-size:100%;
}


.index_product h2{
	border-bottom:1px solid #747b9d;
	color:#3a437d;
	padding-bottom:10px;
	margin:0 0 15px;
	font-size:120%;
	text-align:center;
	font-weight:bold;
}


.content_product h2{
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	background: -moz-linear-gradient(top, #ffffff, #f9f9f9);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
	background: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
	background: linear-gradient(to bottom, #ffffff, #f9f9f9);
	color:#3a437d;
	padding:2% 0 2% 2%;
	margin:0 0 3%;
	font-size:120%;
	font-weight:bold;
	-moz-box-shadow: 0px 4px 1px #f7f7f7;
	-webkit-box-shadow: 0px 4px 1px #f7f7f7;
	box-shadow: 0px 4px 1px #f7f7f7;
}

.content_product h2 span {
	font-size:10px;
	padding-left:0%;
	font-weight:bold;
	color:#a7bac1;
	display:none;
}


.recruit_left {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	color: #ffffff;
	}
	

.recruit_left p{
	font-size:100%;
	width:87%;
	margin:0 auto;
}


.recruit_right {
	margin:15px auto 0;
	text-align:center;
	float:none;
	width:80%;
}

.midashi_h3 {
	font-size:140%;
	line-height:130%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight:600;
	letter-spacing: 1px;
	margin:0 0 10px 0;
	text-transform:uppercase;
	text-align:left;
}

/* ------ Sidebar ------ */

#sidebar {
		display:none;
	}
	

/* ------ Page Top ------ */

	#page-top p {
		font-size: 76%;
	}

	#page-top a {
		line-height: 35px;
	}


/* ------ Footer ------ */

	footer {
		border-top: solid 1px #fff;
	}

	footer nav {
		margin-top: 15px;
	}

	footer nav ul {
		padding: 0 15px;
		text-align: center;
	}

.footer_box {
	padding:0% 0;
	border-left:none;
	border-right:none;
}


	.footer_menu {
	width:100%;
	margin:0px 0px;
	font-size:110%;
	float:none;
	text-align:left;
}


.footer_menu ul{
	width:100%;
	margin:0 0 0px;
	padding:0%;
}

.footer_menu li{
	padding: 10px 0px 10px 0px;
	width:50%;
	background:none;
	margin:0px;
	font-size:90%;
	text-align:center;
	border-bottom: 1px solid #b9c9e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*奇数のli要素に適応*/
.footer_menu li:nth-child(odd) {
  border-right: 1px solid #b9c9e4;
}
	
.footer_menu ul{
	padding:0% 0;
}

.footer_menu li a {
		display: block;
	}
	

.footer_submenu {
	width:100%;
	margin:0px auto 0px;
	border-top: 1px solid #b2c7d4;
	padding:2% 0 3%;
	text-align:center;
	float:none;
}

	#copyright {
		margin-bottom: 0;
		padding: 15px 0;
		text-align: center;
	}


	
/* ------ 新着情報 -------------------------------------- */

.news_box {
	width: 100%;
	margin-bottom: 0px;
}


.news_box .inner {
	background:#fdfdfc;
	width: 93%;
	margin:2% auto 2%;
	padding: 5px 2% 5px;
	border:none;
}
.news_box .inner dl {
	width: 100%;
	float: left;
	border-bottom: 1px dotted #999999;
	margin:0 auto 10px;
}

.news_box .inner dt {
	width: 70%;
	float: left;
	line-height: 14px;
	padding-left:65px;
	margin: 5px 0px 5px;
	color: #065170;
	font-weight:bold;
}

.news_box .inner dd {
	width: 92%;
	margin: 5px 0px 5px 0px;
	float: left;
	font-size:90%;
	line-height: 16px;
	padding-left:15px;
	padding-bottom:5px;
	background:url(../images/common/news-dd.png) left top no-repeat;
}


#page-top p {
	font-size: 90%;
	width:50%;
}

.menu_list dl {
	width: 100%;
	margin:0% 0% 3%;
	padding:3% 0 2%;
	border-bottom:1px dotted #999;
}


.menu_list dt .box_img {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left:10px;
	width:30%;
	float: left;
}

.menu_list dd {
	width: 60%;
	margin: 5px 0px 5px 0px;
	float: left;
	padding:0 0 0 5%;
	line-height: 20px;
	padding-bottom:5px;
	text-align:left;
}

.menu_list dd h4{
	font-size:140%;
	margin: 0px 0px 5px 0px;
	line-height: 20px;
	padding-bottom:5px;
	text-align:left;
}

.menu_list dd p{
	text-align:left;
	width:100%;
}

#form table.contact_table th{
		border-bottom:none;
		display: list-item;
		list-style:none;
		padding-bottom:0px;
		width:100%;
	}
	#form table.contact_table td{
		display: list-item;
		list-style:none;
	width:98%;
	}
	#form table {
		border-bottom:#ddd solid 1px;
	}
	#form table th{
		display: list-item;
		list-style:none;
		border-bottom:none;
	}
	#form table td{
		border-top:none;
		border-bottom:none;
		display: list-item;
		list-style:none;
	}
	[type=text], [type=password], textarea {
		width:98%;
	}
	
	
.tablet-baner {
	width:100%;
	display: inline;
margin-top:15px;
}

.tablet-baner li {
	display: block;
	width:100%;
	margin:0 auto 15px;
}

}


/*-----------------------------------------------------	*/
/*	for - 639px	（スマホ版-縦のみ）			*/
/*-----------------------------------------------------	*/


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

.indication {
	display:none;
}	


.footer_link li img {
	width:130px;
}



}