.hide_desktop {
	display: none;
}
#contents img {
/*	display: block;*/
	max-width: 100%;
	height: auto;
}
#main {
		min-height:1000px;
}

/* 1200px以上用（タブレット用）の記述 */

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

/* 979px以下用（タブレット用）の記述 */

@media screen and (max-width: 979px) {
#wrapper {
	padding: 20px;
}
#headerIn {
	width: 100% !important; /* A4縦の幅 */
}
#globalArea {
	width: 100%
}
#main {
	width: 100%;
	min-height:100%;
}
#contents {
	width: 70%
}
#footerIn {
	width: 100%
}
#breadcrumb {
	width: 100%
}
#copyright {
	padding-left: 20px
}
}

/* 767px以下用（タブレット／スマートフォン用）の記述 */

@media screen and (max-width: 767px) {
/*　ヘッダー　*/	
#headerIn {
	width: 750px
}
#globalArea {
	width: 750px;
}
#globalStock {
	margin-top: -55px
}
#main {
	width: 750px
}
#contents {
	width: 500px;
}
#mainImageIn .inner img {
	width: 100%;
}
.slider img {
	width: 50%;
}
/*　フッター　*/	
#footer #footerIn ul.navi01 {
	width: 220px;
}
#footer #footerIn ul.navi02 {
	width: 130px;
}
#footer #footerIn ul.navi03 {
	width: 100px;
}
#footer #footerIn ul.navi04 {
	width: 100px;
}
#footer #footerIn ul.navi05 {
	width: 170px;
	float: right;
}
#contents p {
	width: 500px;
}
.hide_tablet {
	display: none;
}
}

/* 479px以下用（スマートフォン用）の記述 */

@media screen and (max-width: 640px) {
#headerIn {
	width: 90%;
	margin: 0 auto;
}
#header { /* width: 400px;*/
	margin: 0 auto;
}
#mainLogo {
	width: 100%;
	margin-top: 340px
}
#mainLogo img {
	width: 80%;
	margin-top: 140px
}
.space {
	width: 50px;
}
img {
	max-width:100%;
}
#main #contents h2 {
	font-size: 1.7em;
}
#main #contents h3 {
	font-size: 1.5em;
	line-height: 1.2em;
}
#main #contents .productsBox01 .boxTitle {
	font-size: 1em;
}
#main #contents .productsBox01 .boxTitle3 {
	font-size: 1.5em;
	line-height: 1em;
}

#mainImageInTop .inner { 
	width: 100%;

}


.hide_mobile {
	display: none;
}
.dispaly_mobile {
	display: inline;
}
#wrapper {
	padding: 0;
	margin: 0;
	font-size: 1em;
}
#main {
	width: auto !important;
	font-size: 12px;
}
.tabs {
 padding-left:3em}
.tabs li {
	background: none;
	float: left;
	margin-right: 0.2em;
	width: auto;
	height: 1em;
	text-align: left;
	color: #000;

}
.tabs02 li {
	background: none;
	padding-left: 0px;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
	border-right: 0;
	line-height: 0;
	padding-right: 0;
}
.tabs li a {
	width: auto;
	height:1em;
	color: #FFF;
	text-align: left;
	font-size: 12px;
	background-color: #060;
	padding:5px 5px;
}
.tabs02 li a {
	color: #AB974A;
}
.tabs li a:hover {
	background:none;
	width: auto;
	height:1em;
	color: #F00;
	text-align: left;
	font-size: 12px;
}


/*.tabs li a:hover{
	background:url(../img/topSecMenu.jpg) left 0.25em no-repeat;
	background-position:0 0px;
			width:195px ;
			display:block;
	height:40px;
	color:#fff}*/


.tabs li.active a{
	background-image:none;
	background-color: #060 !important;
	display: inline;
	width: auto;
	height:1em;
	color: #F00;
	text-align: left;
	font-size: 12px;
	background-color: #060;
	padding:5px 5px;}
	
	.tabs li.active a:hover {
	background:none;
	width: auto;
	height:1em;
	color: #F00;
	text-align: left;
	font-size: 12px;}
	

	
.tabs02 li a:hover {
	text-decoration: none;
}
.infoList {
	border:solid 1px #999999;}
#cotentsTitle {
	margin: 42px 10px 33px;
	font-size: 2em;
}
.title-underline {
	font-size: 1.5em;
}
#contents {
	width: 90%;
	margin: 0 20px;
}
#contents p {
	width: 100%;
}
#localMenu li {
	padding-left: 0;
	margin-top: 15px;
	line-height: 1.5em;
	color: #03F;
}
.localMenuBox {
	float: left;
	margin-top: 30px;
}
#localMenu li a {
	padding-right: 1.1em;
	padding-left: 0;
	color: #029809;
}

.topicContents, .topP {
    float: left;
    line-height: 1.8em;
	margin:0 20px;
    text-align: left;
    width: auto;
	font-size:12px;
}
	.topTitle{
		font-size:2em;
		line-height:1.5em;
		font-weight:bold;
		margin:0;
		}
		

/*　フッター　*/
#footer #footerIn ul.navi03, #footer #footerIn ul.navi04, #footer #footerIn ul.navi05 {
	padding-top: 30px
}
#footer #footerIn ul.navi01 {
	width: 270px;
}
#footer #footerIn ul.navi02 {
	width: 180px;
}
#footer #footerIn ul.navi03 {
	width: 130px;
}
#footer #footerIn ul.navi04 {
	width: 150px;
}
#footer #footerIn ul.navi05 {
	width: 150px;
	float: right;
}
.wideTitle1in img {
	width: 100%;
}
}