@charset "utf-8";
/* CSS Document */
body {
	font-family: "ヒラギノ角ゴ Pro W3",sans-serif;
	margin: 0;
	padding: 0;
	background: linear-gradient(#fff,#ECE9E6,#fff,#ECE8EE);
/*	min-width: 900px;*/
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
hr{
	border: 1px dotted #00B8D4;
}
.fm{
	color: #00B8D4;
}
.fred{
	color: #DD0000;
}
.fsb{
	font-size: 150%;
}
.fss{
	font-size: 80%;
}
.fsss{
	font-size: 50%;
}
.fye{
	color: #B2EBF2;
}
.fb{
	font-weight: bold;
}
.right{
	text-align: right;
}
.moreright{
	margin-left: 1000px;
}
.center{
	text-align: center;
}
.flr{
	float: right;
}
.outlinetext{
	color: #fff;
	/*text-shadow: 1px 1px 0 #00B8D4,-1px 1px 0 #00B8D4,1px -1px 0 #00B8D4,-1px -1px 0 #00B8D4;*/
	text-shadow: 0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4,0 0 3px #00B8D4;
	font-size: 200%;
}
.display{
	display: none;
}
.imgs img{
	
}
/**************************************************************************************************
*************************************************PC************************************************
**************************************************************************************************/
/*@media screen and (min-width: 768px){
	
/*===header===header===header===header===header===header===header===header===header===*/
	header{
		width: 100%;
		text-align: center;
	}
	header h6{
		margin-top: 0px;
		padding: 5px;
		background-color: #0097A7;
		background-color: #00ACC1;
		color: #fff;
		font-weight: normal;
	}
	.header{
		display: flex;
		margin: 0px 200px;
	}
	.headerleft{
		display: flex;
		width: 70%;
		margin-left: 0;
	}
	.headerright{
		width: 30%;
		float: left;
		text-align: right;
	}
	.icon img{
		width: 40%;
		float: right;
	}
	.rogo{
		margin-top: 20px;
	}
	.tel{
		font-size: 150%;
		font-weight: bold;
		margin-bottom: 0px;
		color: #ccc;
	}
	.add{
		font-size: 80%;
		margin-top: 0px;
	}
	.br{
		display: none;
	}
/*===main===main===main===main===main===main===main===main===main===main===main===*/	
	main{
	}
/*===header===header===header===header===header===header===header===header===header===*/	
	.topheader{
		display: flex;
		padding: 0px 20px 0px 220px;
		height: 220px;
		background: linear-gradient(to bottom, #0097A7,#4DD0E1,#4DD0E1);
		border: 1px solid #0097A7;
		color: #fff;
	}
	.topheaderleft{
		width: 50%;
	}
	.topheaderright{
		width: 50%;
	}
	.topheader img{
		width: 400px;
		height: 220px;
		margin-left: 0px;
		padding-left: 20px;
	}
	
/*===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===*/
	nav{
		text-align: center;
	}
	nav ul{
		background-color: #4169E1;
		background-color: #00B8D4;
		margin-top: 0px;
		padding: 5px;
	}
	nav li {
		display: inline;
		text-align: center;
	}
	nav li a{
		color: #fff;
		padding: 5px 20px;
	} 
/*ハンバーガーメニュー*/
#nav-input,.nav-menu {
	display: none;
}

/*===content===content===content===content===content===content===content===content===content===*/
	.content{
		display: flex;
		width: 70%;
		margin: 0 auto;
		padding: 20px;
	}
	.toparticle{
		width: 70%;
		background-image: url(../img/pazuru.jpg);
		background-repeat : no-repeat; 
		background-size: cover;
/*		background-color: #E0E0E0; */
		padding: 0px;
		font-size: 90%;
	}
	.toparticle h2{
		padding: 30px;
	}
	.toparticle h4{
		width: 100px;
		background-color: #0097A7;
		color: #fff;
		padding: 10px;
		border-radius: 5px;
		text-align: center;
	}
	.toparticle p{
		padding: 30px;
	}
	.bg-mask {
	  height: 100%;
	  margin: 0px;
	  padding: 0px;
	  background: rgba(255,255,255,0.9);
	}
	.article{
		width: 70%;
		padding: 0px;
		background-color: rgba(112,112,112,0.01);
	}
	.article h2{
		margin-top: 0px;
		padding: 10px 20px;
		color: #fff;
		background: linear-gradient(to bottom, #00B8D4,#4DD0E1,#4DD0E1);
	}
	.news{
		padding-top: 80px;
		background-color: #fff;
	}
	aside{
		width: 30%;
		margin: 0px;
		padding-top: 0px;
	}
	aside ul{
		background-color: rgba(112,112,112,0.05);
		margin: 0 10px;
		padding: 20px;
	}
	aside li{
		height: 70px;
		position: relative;
		padding: 5px;
		margin: 20px 0px;
		background-color: rgba( 0, 128, 128, 0.3 );
		border: 1px solid #00B8D4;
		font-weight: bold;
		text-shadow: #437d60 1px 1px 2px, #437d60 1px 1px 2px;
	}
	aside li:last-child{
		margin: 20px 0px 0px 0px;
	}
	aside li:first-child{
		margin-top: 0px;
	}
	aside li a{
		color: #fff;
	}
	aside img{
		position: absolute;
		top:0px;
		left: 0px;
		margin-right: 5px;
		width: 80px;
		height: 80px;
	}
	.navtag{
		position: absolute;
		top: 30px;
		left: 90px;
	}
	.shamei{
		background-color: rgba(112,112,112,0.02);
		margin: 0px 10px 10px 10px;
		padding: 20px;
		font-size: 70%;
	}
	aside h4{
		margin: 10px;
		padding: 10px;
		background-image: url(../img/accebg.jpg);
		text-align: center;
		text-shadow: #fff 1px 1px 2px, #fff 1px 1px 2px;
		border: 1px solid rgba(112,112,112,0.05);
	}
	aside h5{
		background: linear-gradient(to bottom, #00B8D4,#4DD0E1,#4DD0E1,#4DD0E1,#4DD0E1,#4DD0E1);
		color: #fff;
		margin: 10px 10px 0px 10px;
		padding: 10px;
	}
/*===sabpage===sabpage===sabpage===sabpage===sabpage===sabpage===sabpage===sabpage===*/
	.article{
		width: 70%;
		padding: 0px;
		background-color: rgba(112,112,112,0.01);
	}
	.article h3{
		margin-top: 0px;
		padding: 10px 20px;
		color: #fff;
		font-weight: normal;
		background: linear-gradient(to bottom, #00B8D4,#4DD0E1,#4DD0E1);
	}
	.artext{
		margin: 10px 30px;
		font-size: 85%;
	}
	.table table{
		border-collapse:collapse;
		margin-left: 30px;
	}
	.table td,th{
		border: 1px solid #B0BEC5;
		padding: 0 10px;
	}
	.rentalpic{
		position: relative;
		width: 100%;
		margin-top: 20px;
	}
	.rentalpic img{
		width: 100%;
	}
	.rentalpic p{
		position: absolute;
		top: 0px;
		background-color: rgba( 0, 128, 128, 0.3 );
		margin: 0px 30px 0px 0px;
		padding: 15px;
		width: 50%;
		text-align: center;
		font-size: 150%;
		font-weight: bold;
		text-shadow: #437d60 1px 1px 2px, #437d60 1px 1px 2px;
		color: #fff;
	}
/*===accessories===accessories===accessories===accessories===accessories===accessoriesr===accessoriesr===*/
	.acce{
		margin-left: auto;
		margin-right: auto;
		width: 85%;
	}
	.mainpic{
		display: flex;
		justify-content: center;
		text-align: center;
	}
	.mainpic img{
		width: 300px;
		height: 300px;
		margin: 10px 10px 0px 10px;
		border: 1px solid #00B8D4;
	}
	.mainpic dl{
/*		background-color: #000033;
		background-color: #00B8D4;
		background-color: rgba(0, 184, 212, 0.3);
*/		border: 1px solid #ccc;
		margin-right: 2px;
	}
	.mainpic dt{
		width: 280px;
		margin: 0px 30px  5px  30px;
		padding: 10px;
/*		background-color: rgba(245,222,249,0.2); */
		border:1px solid rgba(245,222,249,0.2);
		background:linear-gradient(rgba(245,222,249,0.2),#fff,rgba(245,222,249,0.2));
		text-align: center;
	}
	.mainpic dd{
		margin: 0px;
	}
	#main_slide{
		height: 130px;
		background-color: #FAFAFA;
	}
	#main_slide li{
		margin: 0px ;
	}
	.accetext{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		padding: 20px;
		width: 1020px;
		border: 1px solid #ccc;
	}
/*===goods===goods===goods===goods===goods===goods===goods===goods===goods===goods===*/
	.breadrumb{
		font-size: 70%;
		color: #ccc;
	}
	.breadrumb li {
		display: inline-block;
	}
	.breadrumb li::after{
		content: '>';
		display: inline-block;
		padding: 0 10px;
	}
	.breadrumb li:last-child::after{
		content: '';
	}
	#goods{
		display: flex;
		width: 1300px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-color: #fff;
	}
	#item{
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
h2::after{
	display: block;
	clear: both;
	content: "";
}
	.toph1{
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px;
		color: #00B8D4;
		text-shadow: #fff 1px 1px 2px, #fff 1px 1px 2px;
	}
	.goodsnav{
		width: 200px;
		margin: 0px 30px 20px 20px;
	}
	.goodsnav ul{
		padding-left: 0px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	.goodsnav li {
		padding: 5px 5px 5px 15px;
		border-bottom: 2px dotted #ccc;
		background-color: #fff;
	}
	.goodsnav li:last-child{
		border-bottom: none;
	}
	.goodsnav li a{
		text-decoration: none;
		color: #000;
	}
	 li.navth{
		background-color: rgba(150,78,239,0.35);
		 background-color: #ECE9E6;
	}
	.navth{
		color: #000;
	}
	.goodslist{
		margin: 0px 20px;
	}
	.goodslist p{
		margin-top: 100px;
	}
	.listtitle{
		width: 60%;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		border-left: 20px solid #00B8D4;
		border-bottom: 1px solid #00B8D4;
	}
	.itemlist{
		margin: 0px 20px;
	}
	.listrowtop{
		display: flex;
	}
	.listrow{
		display: flex;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.innerrow{
		display: flex;
	}
	.listrow dd img{
		width: 220px;
		height: 220px;
	}
	.img360{
		font-size: 80%;
		border: 1px solid #ccc;
		color: blue;
	}
.inline360{
	
}
/*ifame#document{
	width: 375px;
	height: 375px;
}
*/	.listrowtop dl{
		width: 160px;
		height: 140px;
		border: 1px solid #ECE9E6;
		margin-right: 5px;
		padding: 0px;
		text-align: center ;
		overflow: auto ;
		background: linear-gradient(#ECE9E6,#fff);
	}
	.listrowtop dt{
		text-align: center;
		margin: 0px;
		padding: 0px 5px ;
		font-size: 80%;
	}
	.listrowtop dd{
		height: 120px;
		padding: 0px;
		margin: 0px;
	}
	.listrowtop img{
		width: 100px;
		height: 100px;
		margin: 5px;
		border-radius: 100px;
	}
	.listrow dl{
/*		width: 220px;
		height: 220px;
*/		width: 250px;
		height: 330px;
		border: 1px solid #ccc;
/*		background:linear-gradient(135deg, #ffffff 0%,#00B8D4 100%);*/
		background-color: #ECE8EE;
		background:linear-gradient(135deg, #ffffff 0%,#ECE8EE 100%);
		margin-right: 5px;
		padding: 0px;
		text-align: center ;
		overflow: auto ;
	}
	.listrow dt{
/*		padding: 0px 1em ;
*/	}
	.listrow dd{
		padding: 0px;
		margin: 0px;
	}
	.listrow a{
		color: #000;
	}
/*
.listcolor ul{
		padding: 10px;
		width: 50px;
		text-align: center;
		border: 1px solid #ECE9E6;
	}
	.listcolor li{
		width: 25px;
		height: 25px;
		margin: 5px 5px 20px 5px;
		padding: 5px;
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 100px;
	}
*/
.listcolor{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 15px;
	width: 400px;
	text-align: center;
	border: 1px solid #ECE9E6;
}
.listcolor ul{
	width: 330px;
	padding: 10px;
	text-align: center;
	}
.listcolor li{
	float: left;
	width: 60px;
	margin: 5px 5px 20px 5px;
	padding: 5px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 10px;
	font-size: 80%;
}
.serch{
	margin-bottom: 10px;
}
.serchbtn{
	width: 100px;
	background-color: rgba(0,184,212,0.1);
}
#sels input,#selc input{
	border :none;
	background-color: rgba(236,232,238,0.1);
}
.clearbtn input{
	width: 30px;
	background-color:#000;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #000;
}
/*===space===space===space===space===space===space===space===space===space===space===space===*/
.picall{
	background-color: rgba(112,112,112,0.02);
	border-bottom: solid 10px rgba(170,170,170,1.00);
	margin-bottom: 5px;
}
.spacepic{
	width: 75%;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	justify-content:center;
}
.spacepic1,.spacepic2,.spacepic3{
	margin: 10px;
}
.spacepic img{
	width:403px;
	height: 226px;
}


/*===carstorage===carstorage===carstorage===carstorage===carstorage===carstorage===carstorage===carstorage===*/
	.artext h4{
		text-align: center;
		font-size: 150%;
		padding: 15px;
		border: 1px solid rgba( 0, 128, 128, 0.3 );
		border-left: 30px solid rgba( 0, 128, 128, 0.3 );
		border-right: 30px solid rgba( 0, 128, 128, 0.3 );
		background-color: #FFFDE7;
	}
	.artext h5{
		font-size: 100%;
	}

/*===carstorage===carstorage===carstorage===carstorage===carstorage===carstorage===carstorage===carstorage===*/
.consepttbl{
	width: 95%;
	margin: 30px;
	padding: 30px;
	background-color: #fff;
	font-size: 120%;
}
.consepttbl table{
	border-collapse: collapse;
}
.consepttbl td{
	padding: 20px;
	border: 1px solid #00B8D4;
}


/*===footer===footer===footer===footer===footer===footer===footer===footer===footer===footer===footer===*/
	.pager{
		margin-bottom: 30px;
		text-align: right;
		font-size: 70%;
	}
	.pager a{
		text-decoration: none;
	}
	.pager span{
		border: 1px solid #ECE9E6;
		margin: 0px 10px 30px 0px;
		padding: 10px;
		line-height: 3;
	}
	.np{
		border: 1px solid #ccc;
		font-weight: bold;
		font-size: 120%;
	}
	#container:after{
		display: block;
		clear: both;
		content: "";
	}
	footer{
		width: 100%;
		padding: 40px;
		background-color: #00B8D4;
		color: #fff;
		text-align: center;
	}
	footer:after{
		display: block;
		clear: both;
		content: "";
	}
	.footernav ul{
		width: 85%;
		display: flex;
		font-size: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.footernav li{
		margin-left: auto;
		margin-right: auto;
	}
	.footernav li::before{
		content: "▶";
	}
	footer li a{
		text-decoration: none;
		text-align: center;
		margin-bottom: 20px;
		padding: 5px;
	}
	.footernav a:hover {
		color: #fff;
	}
	footer li a:last-child{
	}
	.footernav:after{
		display: block;
		clear: both;
		content: "";
	}
	.copy{
		font-size: 70%;
	}
	footer  small {
    	color: #F5DEB3;
	}
	.gotop{
	    position: fixed;
		bottom: 0px;
		right:5px;
		padding: 10px;
	    opacity: 0.5;
	}


ul.paging{
    list-style-type: none;
    margin: auto;
    padding: 0;
    
    /* 中央寄せ */
    display: table;
    
    /* 左寄せ */
    /* display: block; */
    
    /* 右寄せ */
    /* display: table; */
    /* margin: 0 0 0 auto; */
}

a.paging::after{
    content: "";
    display: block;
    clear: both;
}
a.paging{
    float: left;
}

a.paging{
    margin: 2px;
    padding: 3px 0;
    display: block;
    color: #000;
    text-decoration: none;
}
.pagea{
	margin: 2px;
    padding: 2px 5px;
    border: 1px solid #CCC;
    border-radius: 5px;
	text-decoration: none;
}
.pageactiv{
	margin: 2px;
    padding: 2px 5px;
    border: 1px solid #CCC;
    border-radius: 5px;
	font-weight: bold;
    background-color: #00B8D4;
	color: #fff;
}
.mgt{
	margin-bottom: 20px;
}
/*}*/



/**************************************************************************************************
***********************************************MOBLE**********************************************
**************************************************************************************************/

@media screen and (max-width: 768px){
	html{
		width: 100%;
	}
	body{
		width: 100%;
		background-color: #fff;
	}
	#container{
		width: 100%;
		background-color: #fff;
	}
	main{
		width: 100%;
		position: relative;
	}
	.br{
		display: block;
	}
	.fsm{
		font-size: 120%;
	}
	.no-disp{
		display: none;
	}
	
/*===header===header===header===header===header===header===header===header===header===*/
	header{
		width: 100%;
		height: 70%;
	}
	.header{
		display: block;
		width: 95%;
		margin: 0px 0px 50px 0px;
	}
	.header::after{
		display: block;
		content: "";
		clear: both;
	}
	.headerleft{
		width: 100%;
	}
	.headerright{
		width: 100%;
		margin-right: 10px;
	}
	header .icon img{
		width: 100%;
	}
	.rogo img{
		width: 100%;
	}
	.topheader{
		display: block;
		padding: 0px;
		height: auto;
		text-align: center;
	}
	.topheaderleft,.headerright{
		float: none;
		width: 100%;
	}
	.topheaderright img{
		display: none;
	}
	.topheader::after{
		display: block;
		clear: both;
		content: "";
	}
	.outlinetext{
		font-size: 150%;
	}
/*===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===*/
	nav{
		position: absolute;
		top: -50px;
		right: 10px;
		margin-top: 10px;
	}
/*ハンバーガーメニュー*/
	#nav-drawer {
	  display: inline-block;
	  position: relative;
	  float: left;
	  color: #fff;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}

	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  margin: 10px;
	  width: 30px;
	  height: 22px;
	  vertical-align: middle;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 25px;/*長さ*/
	  border-radius: 3px;
	  background: #555;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}
	.nav-menu{
		display: inline;
		color: #00ACC1;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 300px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	nav ul{
		padding: 100px 10px;
	}
	nav ul li{
		display: block;
		margin: 40px 10px;
		text-align: left;
		border-bottom: 1px solid #ccc;
	}
	.display{
		display: block;
	}
	.display ul{
		padding: 10px;
	}
	.display li{
		margin: 10px;
	}
	
/*===content===content===content===content===content===content===content===content===content===*/
	.content{
		display: block;
		width: 100%;
		margin: 30px 0px;
		padding: 0px;
	}
	.content p{
		width: 95%;
	}
	aside{
		width: 100%;
	}
	.article{
		width: 100%;
	}
	aside h4{
		width: 90%;
		padding: 5px;
		font-size: 120%;
	}
	.bg-mask{
		width: 100%;
		margin: 0px 10px;
	}
	.toparticle{
		width: 95%;
		margin: 0px 10px;
	}
	.toparticle p{
		padding: 5px;
	}
	.acce{
		width: 100%;
	}
	.mainpic{
		display: block;
		width: 100%;
	}
	.mainpic dl{
		width: auto;
		margin: 10px 0px;
	}
	.mainpic1,.mainpic2,.mainpic3{
		width:auto;
	}
	.mainpic img{
		width: 300px;
	}
/**/
	.artext{
		margin: 10px 5px;
	}
	.artext p{
		margin: 10px;
		line-height: 2;
	}
	.artext h4{
		margin: 0px;
		padding: 5px;
	}
	.artext table{
		width: 90%;
		margin: 5px;
	}
	.rentalpic{
		width: 100%;
	}
	.rentalpic p{
		width: 94%;
		margin: 0px;
		padding: 10px;
	}
	.accetext{
		width: 98%;
		font-size: 85%;
	}
	.consepttbl{
		width: 100%;
		margin: 5px;
		padding: 5px;
		background-color: #fff;
		font-size: 95%;
	}
	.consepttbl table{
		border-collapse: collapse;
	}
	.consepttbl td{
		padding: 5px;
		border: 1px solid #00B8D4;
	}
	
	
/*===goods===goods===goods===goods===goods===goods===goods===*/	
	#goods{
		display: block;
		width: 100%;
		margin: 0px;
	}
	#item{
		display: block;
		width: 100%;
		margin: 0px;
	}
	#goods h1{
		
	}
	.goodsnav{
		width: 90%;
		font-size: 80%;
	}
	#goods ul{
		width: 95%;
		height: 100%;
		border: none;
		background-color:#fff;
	}
	#goods li{
		width: 55px;
		float: left;
		border: none;
		font-size: 80%;
	}
	#item ul{
		width: 95%;
		border: none;
		background-color:#fff;
	}
	#item li{
		width: 55px;
		float: left;
		border: none;
		font-size: 80%;
	}
	.navth{
		width: 95%;
		font-weight: bold;
		border-top: 5px solid #00B8D4;
	}
	#goods ul::after{
		display: block;
		content: "";
		clear: both;
	}
	#item ul::after{
		display: block;
		content: "";
		clear: both;
	}
	.goodslist{
		display: contents;
		width: 97%;
		margin: 5px;
	}
	.goodslist p{
		margin-top: 0px;
	}
	.listtitle{
		width: 85%;
	}
	.itemlist{
		display: contents;
		width: 97%;
		margin: 5px;
	}
	.listrowtop{
		width: 100%;
		display: inline;
		margin-left: 20px;
	}
	.listrowtop dl{
		height: auto;
		width: 47%;
		float: left;
	}
	#d1{
		margin-top: 40px;
		margin-bottom: 0px;
	}
	.listrowtop dt{
		width: 100%;
		height: auto;
		padding: 5px;
		font-size: 80%;
		line-height: normal;
	}
	.listrowtop dd{
		width: 100%;
	}
	.listrowtop a{
		width: 100%;
	}
	.listcolor{
		width: 95%;
		border: none;
	}
	#goods::after{
		display: block;
		clear: both;
		content: "";
	}
	.listcolor ul{
		width: 97%;
		height: auto;
	}
	.listcolor li{
		float: left;
	}
	.listrow{
		display: block;
	}
	.innerrow{
		display: flex;
		margin-left: 10px;
		width: 97%;
	}
	.innerrow dl{
		display: block;
		width: 100%;
		width: 180px;
		height: auto;
	}
	.innerrow dt{
		width: 100%;
		height: auto;
		padding: 5px;
		font-size: 80%;
		line-height: normal;
	}
	.innerrow dd{
		width: 100%;
	}
	.innerrow a{
		width: 100%;
	}
	.listrow dd img{
		width: 100%;
	}
	.iframe{
		width: 100%;
		height: 100%;
		margin-left: 0px;
		padding-left: 0px;
	}
	.inline360{
		margin-left: 0px;
		width: 100%;
		height: 100%;
	}
	.animateacreatoPhoto{
		width: 250px;
		height: 400px;
	}
	/*===space===space===space===space===space===space===space===space===space===space===space===*/
	.spacepic{
		width: auto;
		display: block;
		margin: 0px;
	}
	.spacepic1,.spacepic2,.spacepic3{
		width: 100%;
		margin: 10px 0px;
	}
	.spacepic img{
		width: 100%;
	}
	/**/	
	.shamei p{
		margin-left: 50px;
	}
	.footernav{
		padding: 20px;
	}
	.footernav ul{
		display: block;
		width: 95%;
	}
	.footernav li{
		float: left;
		margin: 10px;
	}
	footer{
		width: 100%;
		margin: 0px;
		padding: 0px 0px 30px 0px;
	}
}