@charset "utf-8";
/* CSS Document */

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

body {
	display: block;
}

#top {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#line, #gnavi, #slider #contents {
	width: 100%;
	max-height: auto;
	margin: 0px auto 20px auto;
	text-align: center;
}

.ttl_page {
	padding-bottom: 10px;
	padding-left: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E1D59F;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.3em;
	font-weight: bold;
	background: url(../images/icon_ttl.png) no-repeat;
	background-position: top left;
	text-align: left;
}

.subttl {
	font-size: 1.1em;
}

.subttl02 {
	padding: 5px 15px;
	border-left: 5px solid #333;
	margin: 0px 0px 20px 0px;
	width: 80%;
	height: auto;
	font-size: 1.1em
}

.subttl02 img {
	width: 100%;
}

.subttl03 {
	padding: 5px 15px;
	border-left: 5px solid #333;
	margin: 30px 0px;
	width: 40%;
	height: auto;
}

.subttl03 img {
	width: 100%;
}

.txt {
	font-size: 0.8em;
	line-height: 1.7em;
}

.txt02 {
	font-size: 0.8em;
	line-height: 1.7em;
}



/*#lineupbox {
	display: none;
}*/

p.caution {
	font-size: 0.6em;
}





/*******

header

*******/


#headerbox {
	height: auto;
}

h1 {
	margin: 0px;
	font-size: 0.5em;
	color: #666;
	text-align: right;
}

p#logo {
	width: 30%;
}

p#logo_min {
	width: 20%;
	height: auto;
	text-align: center;
	margin: 0px auto 10px auto;
}

p#logo img {
	width: 100%;
	height: auto;
}

#gnavi {
	display:none;
}


/*******

contents

*******/


.shopping {
	width: 90%;
	height: auto;
	margin: 0 auto 50px auto;
	text-align: center;
}

.shopping img {
	max-width: 100%;
	border: 1px solid #666;
}

.shopping a:hover {
	opacity: 0.6;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.oem {
	height: auto;
	width: 90%;
	margin: 0px auto 40% auto;
	text-align: center;
}

.oem img {
	max-width: 100%;
	border: 1px solid #666;
}

.oem a:hover {
	opacity: 0.6;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}






/*******

contents_main

*******/


#elements01 .president {
	width: 40%;
}

#elements01 .president img {
	width: 100%;
}

.txt table {
	width: 100%;
}

.txt table tr {
	border-top: 1px solid #CCC;
	
}

.txt table th {
	border-right: 1px solid #CCC;
	font-size: 0.8em;
	padding: 10px;
}

.txt table td {
	font-size: 0.8em;
	padding: 10px;
}

.txt table tr td .works {
	float: none;
}

.txt p {
	margin-bottom: 10px;
}

#elements02 .txt dl {
	margin-top: 10px;
}

#elements02 .txt dl dt {
	margin-right: 20px;
	float: left;
}





/********

商品情報ページ

********/

.lineupbox-sp {
	overflow: hidden;
	margin-bottom: 100px;
}

.sp-box01 , .sp-box02 , .sp-box03 {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #6C3;
	border-bottom: 1px solid #6C3;
	background: #F7FFF9;
}

.sp-box01,.sp-box02 {
	margin-bottom: 30px;
}

.lineupbox-sp .sp-left {
	float: left;
	width: 40%;
	height: auto;
	margin: 10px;
}

.lineupbox-sp .sp-left img {
	width: 100%;
} 




/*--  --*/

.detail-sp .ttl_detail-sp {
	width: 100%;
}

.detail-sp .ttl_detail-sp img {
	width: 70%;
}

.detail-sp .img-sp {
	width: 50%;
	margin: 10px auto;
}

.detail-sp .img-sp img {
	width: 100%;
}




/*.detail-inner table {
	border-collapse: collapse;
	width: 100%;
}

.detail-inner table tr {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 0.8em;
}

.detail-inner table th {
	padding: 20px 10px;
	background: #EFEFEF;
	text-align: left;
	width: 30%;
	font-weight: bold;
	border-right: 1px solid #CCC;
}

.detail-inner table td {
	padding: 20px 30px;
	line-height: 140%;
}*/

.lineupbox-sp .sp-right {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 0.8em;
}

.sp-ttl {
	padding-bottom: 5px;
	
	width: 100%;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

.sp-ttl p {
	font-weight: bold;
}

.btn_shop-sp {
	text-align: center;
	margin-top: 30px;
}

.btn_shop-sp a {
	background: #6C3;
	height: 100%;
	width: 50%;
	padding: 10px 20px;

	text-decoration: none;
	color: #FFF;
}

.use-que-sp {
	font-size: 0.9em;
}

.use-que-sp ul {
	text-align: left;

}

.use-que-sp ul li {
	float: none;
}


.lasttxt-sp p {
	font-size: 0.8em;
	font-weight: bold;
}










/*******

contact

*******/

.form {
	width: 90%;
	margin: 0px auto;
	padding: 0px 20px;
	background: #F9F9F9;
}

.form_sentence {
	text-align: center;
}

.txt .form .description {
	margin-bottom: 40px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	border-width: medium;
}

#mailformpro .form dl dt {
	padding-left: 10px;
	padding-top: 10px;
}

#mailformpro .form dl dd {
	padding-bottom: 20px;
}

.ad-left .ad-logo {
	width: 70%;
	height: auto;
	text-align: center;
	margin: 0px auto;
}

.ad-left .ad-logo img {
	width: 70%;
}




/*******

pan

*******/

.pan {
	font-size: 0.6em;
	clear: both;
	margin-bottom: 20px;
}

.pan li {
	display: inline-block;
}





/*******

footerbox

*******/


#footerbox {
	width: 100%;
	height: auto;
	background-color: #666;
	position: fixed;
	bottom: 0;
	text-align: center;
}

#footerbox ul {
	width: 100%;
	list-style: none;
	text-align: center;
	display: table;
	padding: 50px 0 20px 0;
}

#footerbox ul li {
	display: table-cell;
	width: 16%;
	font-size: 0.6em;
	
}

#footerbox ul li.inner a img {
	border-left: 1px solid #999;
	margin: 0px;
}

#footerbox ul li a {
	position: relative;
	color: #FFF;
	text-decoration: none;
}

#footerbox ul li a:hover {
	color: #6F3;
}

#footerbox p.copyright {
	font-size: 0.5em;
	padding-bottom: 10px;
	color: #FFF;
	font-family: 'Bitter', serif;

}

.footer_home a {
	background: url(../images/home.png) top center no-repeat;
	padding: 30px 0 0 0;
}

.footer_companyguide a {
	background: url(../images/info.png) top center no-repeat;
	padding: 30px 0 0 0;
}

.footer_infomation a {
	background: url(../images/file.png) top center no-repeat;
	padding: 30px 0 0 0;
}

.footer_oem a {
	background: url(../images/products.png) top center no-repeat;
	padding: 30px 0 0 0;
}

.footer_contact a {
	background: url(../images/mail.png) top center no-repeat;
	padding: 30px 0 0 0;
}

.footer_cart a {
	background: url(../images/cart.png) top center no-repeat;
	padding: 30px 0 0 0;
}

	
	
	.detail-flex tr{
		display: flex;
		flex-wrap: wrap;
	}
	
	.detail-flex th,.detail-flex td{
		width: 100%;
		padding: 10px 0;
		line-height: 1.5em;
	}
	
	.detail-flex th{
	font-weight: bold;
    text-align: left;
    border-bottom: solid 1px #ccc;
	}
	.detail-flex td{
	padding: 20px 10px;
    line-height: 1.5em;
    font-size: 0.8em;
}

}