.topImg{
    position:relative;
    top:0;
    left:0;
	width:100%;
	background-color:black;
}

.topimg__div--img{
	position:absolute;
	padding: 2% 0 0 0;
	width:100%;
	text-align:center;
}

.topimg__div--img img{
	width:70%;
}

.topImg__div--contents{
	position:absolute;
}

.topImg__img--shopName{
	position:absolute;
	top: 30.2%;
	left:27.3%;
	width:45.6%;
}

.topImg__img--shopName img{
	width:100%;
}

.topImg__div--logo{
    position:absolute;
    top:3%;
    left:5%;
    width:20%;
    text-align:center;
}

.topImg__div--logo img{
    width:45%;
}

.topImg__div--logo p{
    font-size:1.1vw;
    color:white;
    text-align:center;
}

.topImg__section--topNews{
    position: absolute;
    top:33%;
    left:5%;
    width:20%;
    text-align:center;
    color:white;
}

.topImg__section--topNews h3{
   color:gray; 
}

.topImg__section--topNews hr{
    height:1px;
    background-color:#BAA001;
    border: none;
}


.topImg__section--topSubject{
    text-align:left;
}

.topImg__section--topArticle{
    margin:0 0 2% 0;
}

.topImg__div--title{
	position: absolute;
	top:6%;
	left:50%;
	color:white;
}

.topImg__div--title hr{
	height:3px;
	color:#BAA001;
	border: none;
}

.topImg__div--title img{
	width:6%;
	margin: 0 2% 0 5%;
}

.topImg__div--title h1{
	padding:0;
	float:left;
	font-size:2.2vw;
}

.topImg__div--title h3{
	width:40%;
	padding:3% 0 0 2%;
	margin:0;
	float:left;
	font-size:1.5vw;
}

.topImg__div--title hr{
	clear:both;
}

.topImg__div--title a{
	display:block;
	width:50%;
	padding:2% 1%;
	margin:0 0 0 35%;
	font-size:1.2vw;
	text-align:center;
}

.topImg__div--title p{
	font-size:1.2vw;
}

.topImg__div--stockList{
    position:absolute;
    bottom:0;
    width:60%;
    padding:1% 0 0 0.2%;
    margin:0 20% 2.5% 20%;
    background-color:rgba(41,41,41,0.5);
}

.topImg__div--stockList ul li{
    display: inline-block;
    width:18%;
    margin:0 1%;
}
.topImg__div--stockList li a{
	display:block;
	width:100%;
	text-align:center;
	color:white;
}

.topImg__div--stockList a{
    display:block;
    width:40%;
    /*padding:0 2%;*/
    /*margin:0 auto;*/
	color:black;
	font-size:1.2vw;
	text-align:center;
	text-decoration:none;
	/*text-shadow: 1px 1px 1px black;*/
}

.topImg__div--stockList ._mt-button{
	margin:1% auto;
}

.topImg__div--stockList ul li p{
    width:100%;
    text-align:center;
    /*font-size:1.5vw;*/
    color:white;
    text-shadow:1px 1px 2px black;
    word-break: break-all;
}

.topImg__div--stockList img{
    width:96%;
    padding:2%;
    background-color:white;
    object-fit: cover;
}

.topImg_div--scroll{
	position: absolute;
	bottom:0%;
	width:4%;
	margin:0 48%;
	text-align:center;
}

.topImg_div--scroll img{
	width:100%;
}

.topContents{
	clear:both;
	width:80%;
	z-index:30;
	margin:0 auto;
}

.top__div--shop{
	padding:1% 0 0 0;
}

.top__div--shop img{
	float:left;
	width:23%;
	margin:2% 1%;
}

/*.top__div--shop video{*/
.top__img--shopinfo{
	float:left;
	width:38%;
	margin:0 1%;
}

.top__div--shop section{
	float:left;
	width:33%;
	margin:0 1%;
}

.top__div--shop section h2{
	margin:0;
	padding:0;
	font-size:1.2vw;
	text-align:center;
}

.top__div--shop section hr{
    margin: 1% 0 2% 0;
    border: 2px solid #ba2636;
}

.top__div--shop section p{
	margin:0 0 5% 0;
	font-size:1.1vw;
}

.top__div--shop section a{
    padding:2% 20%;
    margin:1% 14% 0 14%;
    font-size:2vw;
    color:black;
    text-decoration:none;
}

.top__div--buy{
	padding:1% 0 3% 0;
	background-color:rgb(26,26,26);
	*background-color:rgba(173, 216, 230, 0.5);
	color:white;
}

.top__div--buy img{
	float:left;
	width:23%;
	padding:1%;
	margin:0 1% 1% 0;
	background-color:white;
	box-shadow: 1px 1px 2px black;
}

.top__div--buy section{
	float:left;
	width:69%;
	padding:0 0 0 1%;
}

.top__div--buy section h1{
	color:red;
}

.top__div--buy h2{
	margin:0 0 0 35%;
    font-size:1.8vw;
}

.top__div--buy section p{
    font-size:1.2vw;
}

.top__div--buy section a{
	width:100%;
	margin:2% 0;
	font-size:2.5vw;
	color:orange;
	text-align:center;
}

.top__div--buy section a img{
	clear:both;
	width:6%;
	margin:2% 0 0 0 !important;
	vertical-align: middle;
	background-color:rgb(26,26,26);
	box-shadow:none;
}


.top__div--history{
	margin:1% 0;
	*background-color:rgba(218,165,32,0.3);
}

.top__div--history img{
	float:left;
	width:45%;
}

.top__div--history section{
	float:left;
	margin:2% 0 0 1%;
	width:53%;
	height:28vw;
	background-color:lightblue;
}

.top__div--history section h1{
	font-size:3vw;
	text-align:center;
}

.top__div--history section p{
	width:75%;
	padding:3% 0 3% 0;
	margin:0 auto;
	font-size:2.6vw;
}

.top__div--history section p span{
	font-size:1vw;
	text-align:right;
}

.top__div--history section a{
    padding:2% 20%;
    margin:3% 15% 0 15%;
    font-size:2vw;
    color:black;
    text-decoration:none;
}

.top__div--intagram{
	width:100%;
	padding:1% 0 0.2% 0;
	background-color:rgba(204,204,204,0.4);
}

#insta_logo{
	width:15%;
}

.top__div--intagram ul{
	text-align:center;
}

.top__div--intagram li{
	width:15%;
	margin:0 0.2%;
	display: inline-block;
	list-style: none;
}

.top__div--intagram li img{
	object-fit: cover;
}

.top__div--menu h2{
	width:100%;
	margin:2% 0 0.5% 0;
	text-align:center;
}

.top__div--menu p{
	margin:0 0 0.5% 0;
	text-align:center;
}

.top__div--menu ul{
    text-align:center;
}

.top__div--menu ul li{
	width:90%;
	margin:0 5%;
}

.top__div--menu ul li img{
	width:26%;
	margin:0 2%;
	box-shadow:2px 2px 5px black;
}

.top__div--news{
    margin:3% 0;
    text-align:center;
}

.top__div--news h2{
    font-size:3vw;
}

.top__div--news hr{
    margin:0 25%;
}

.top__div--report{
    width:70%;
    margin:1% 15% 0 15%;
    font-size:2vw;
}

.top__div--newsdate{
    float:left;
    width:30%;
    text-align: left;
}

.top__div--subject{
    float:left;
    width:60%;
    text-align: left;
}

.top__div--news a{
    float:left;
    width:10%;
}

.top__div--footer{
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:50vh;
    background-color:#161616;
    color:white;
}

.top__div--sitemap{
    position:absolute;
    top:5%;
    left:2%;
    color:gray;
}

.top__div--footer img{
    position:absolute;
    top:10%;
    left:50%;
    width:45%;
}

.top__div--shopinfo{
    position:absolute;
    top:40%;
    right:3%;
    font-size:1.5vw;
    text-align:right;
}

/* history */
.history__div--top{
	position:relative;
	top:0;
	left:0;
}
.history__img--shopname{
	position: absolute;
	top:0;
	left:0;
	width:20%;
}

.history__div--msg1{
	position:absolute;
	top:75%;
	width:100%;
	text-align:center;
	color:#fef4f4; /*さくら色*/
	font-size:2vw;
	text-shadow:1px 1px 2px black;
}

.history__div--msg2{
	position:absolute;
	top:80%;
	width:100%;
	text-align:center;
	color:#fef4f4; /*さくら色*/
	font-size:2vw;
	text-shadow:1px 1px 2px black;
}

.history__img--info{
	display: none;
	position: absolute;
	top:87%;
	left:47%;
	width:4%;
	-webkit-filter: drop-shadow(1px 1px 2px black);
}


.history__div--top #sound{
	position: absolute;
	top:80%;
	right:5%;
	z-index:100;
}

.history__div--title {
	position:relative;
	top:0;
	left:0;
	height:20vw;
}

.history__div--title h1{
	position:absolute;
	top:20%;
	left:15%;
	font-size:3.5vw;
	z-index:20;
}

.history__div--title hr{
	position: absolute;
	top:43%;
	left:0;
	z-index:10;
}

.history__div--title img{
	position: absolute;
	top:3%;
	right:15%;
	width:25%;
	z-index:20;
}

.history__div--title p{
	position: absolute;
	top:55%;
	left:15%;
	font-size:2vw;
}
/*
.history__div--legend{
	position: relative;
	overflow: hidden;
	margin:0;
	padding: 80px 0;
	height:600px;
}

.history__div--legend:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 40%;
  margin: 3% -10% 0;
  background: #011931;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
}
*/

.history__div--motorcycles{
  width: 100%;
  margin-bottom:200px;
  max-width: 1200px;
  margin:0 auto;
  padding: 100px 10px 120px;
  color: #fff;
  text-align: center;
}

.stocklist{
	background-color:black;
	color:white;
}

.stock__div--top{
	position: relative;
	top:0;
	left:0;
	padding:5% 0 0 0;
	background-color:black;
}

.stock__div--top img{
	width:70%;
	margin:3% 15%;
}

.stock__div--top h2{
	position:absolute;
	top:50%;
	left:70%;
	color:white;
	font-size:4vw;
	font-weight:200;
	
	text-align:center;
	*transform:skew(-10deg,-20deg);
	*text-shadow:1px 1px 2px white;
}

.stock__section--support{
	width:80%;
	height:17vw;
	margin:3% 10%;
	color:black;
	box-shadow:0px 0px 10px black inset;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #969696), color-stop(0.00, #fafafa));
	background: -webkit-linear-gradient(top, #fafafa 0%, #969696 88%);
	background: -moz-linear-gradient(top, #fafafa 0%, #969696 88%);
	background: -o-linear-gradient(top, #fafafa 0%, #969696 88%);
	background: -ms-linear-gradient(top, #fafafa 0%, #969696 88%);
	background: linear-gradient(to bottom, #fafafa 0%, #969696 88%);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

.stock__section--support img{
	float: left;
	width:18%;
	padding:1% 0 0 1%;
	-webkit-filter: drop-shadow(3px 0 2px black);
}

.stock__section--support h2{
	padding:1% 0 0 0;
	color:#8b0000;
	font-size:1.5vw;
	text-align:left;
}

.stock__section--support p{
	float: left;
	width:75%;
	padding:1% 0 0 3%;
	font-size:1.2vw;
}

.stock__ul--stockImgs{
	width:80%;
	padding:0;
	margin: 0 8.5% 0 11.5%;
}

.stock__ul--stockImgs li{
	float:left;
	width:300px;
	height:500px;
	padding:1%;
	margin:1% 1% 2% 1%;
	vertical-align:top;
	text-align: center;
	border: 1px solid #262626;
}

.stock__section--link{
	position:absolute;
	top:-1%;
	left:-1%;
	z-index:10;
	width:100%;
}
.stock__section--link a{
	width:100%;
	height:100%;
}

.stock__section--link img{
	width: 100% !important;
	height: 100% !important;
}

.stock__section--stockInfo{
	position:relative;
}

.stock__section--stockInfo h3{
    font-size:2vw;
	color:white;
}

.stock__ul--stockImgs li img{
	width:100%;
}

.stock__div--modelImg img{
	width:100% !important;
}

.stock__ul--stockImgs h2{
	text-align:center;
}

.stock__div--Maker{
	margin:-5% 0 0 40%;
	font-size:35px;
	line-height: 35px;
}

.stock__a--detail{
	position:absolute;
	display:block;
	top:450px;
	width:100%;
	padding:3% 0;
	color:#BAA001;
	text-decoration:none;
	border: 3px solid #BAA001;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */
}

.stock__a--detail:hover{
	background-color:orange;
	color:black;
	box-shadow:0 0 3px black inset;
}

/*
.stock__section--link:hover{
	box-shadow:0px 0px 10px white;
	background-color:rgba(255,255,255,0.7);
}
*/

.stock__p--price{
	position:absolute;
	top:390px;
	width:70%;
	margin:0 15%;
	font-size:30px;
	line-height:40px;
	text-align:center;
	border-bottom:2px solid orange;
}

/*
.no_link{
    display: inline;
}

.go_link{
	display:none;
	position:absolute;
	top:45%;
	left:10%;
	text-align:center;
	font-size:1.3vw;
	text-shadow:1px 1px 2px black;
	color:#B80117;
}

.stock__section--link:hover .no_link{
	display:none;
}

.stock__section--link:hover .go_link{
	display:inline;
}
*/
.shop__div--top ul{
	display:none;
	position: absolute;
	top:10px;
	right:0px;
	width:70%;
	padding:1% 0 1% 3%;
	z-index: 20;
	background-color:rgba(0,0,0,0.4);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.shop__div--top ul li{
	width:20%;
	display:inline-block;
	list-style:none;

}

.shop__div--top ul li a{
	padding:2 10%;
	text-decoration:none;
	color:white;
	font-size:1.2vw;
}

.shop__div--top ul li a:hover{
	color:#daa520;
}

.shop__div--top{
	position:relative;
	top:0;
	left:0;
	width:100%;
}

.shop__img--background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}

.shop__img--logo{
	display:none;
	position: absolute;
	top:2%;
	left:2%;
	width:10%;
	z-index:20;
	filter: drop-shadow(1px 1px 1px gray);
}

.shop__div--top section{
	position: absolute;
	top:60%;
	right:2%;
	width:50%;
	height:20%;
	z-index:20;
	color:white;
	font-size:1vw;
	background-color:rgba(0,0,0,0.5);
}

.shop__div--top h2{
	padding:2%;
}

.shop__div--top section img{
	position:absolute;
	top:17%;
	right:1%;
	width:75%;
}

.shop__div--info{
	clear:both;
	width:100%;
	padding:3% 0 0 0;
}

.shop__div--info h2{
	display:inline;
	margin:0 0 0 2%;
	color:black;
	font-size:8vw;
	font-weight: normal;
}

.shop__div--info h3{
	display:inline;
	margin:0 0 0 2%;
	color:black;
	font-size:2vw;
	font-weight: normal;
}

.shop__div--info hr{
	width:80%;
	border: 10px solid #daa520;
	margin:-2% 0 0 1%;
}

.shop__sec--info img{
	float:left;
	width:40%;
	margin:2% 0 0 2%;
}

.shop__sec--info p{
	float:left;
	width:55%;
	margin:5% 0 0 1%;
	font-size:1.2vw;
}

.shop__sec--work{
	clear:both;
	padding:2% 0 0 0;
	margin:3% 0 0 2%;
	text-align:center;
	margin:0 auto;
}

.shop__sec--work hr{
	width:60%;
	margin:0 20%;
	height:4px;
	background-color:red;
}

.shop__sec--work h2{
	font-size:2vw;
	*font-family:"mtshop";
}

.shop__sec--work p{
	margin:1% 0 2% 0;
	text-align:center;
	font-size:1.2vw;
}

.shop__div--factory{
	float:left;
	width:10.5%;
	margin:0 1% 2% 1%;
}

.shop__sec--work img{
	width:100%;
}

.shop__div--factory h2{
	font-size:1vw;
}

.shop__div--factory p{
	font-size:0.7vw;
}

.shop__div--ourMessage{
	width:80%;
	padding:3% 0 0 0;
	margin:0 auto;
	font-size:1.4vw;
}

.shop__div--staff{
	margin:2% 0 0 0;
}

.shop__div--introduce{
	width:80%;
	margin:0 auto;
	margin-bottom:3%;
	clear:both;
}

.shop__div--introduce h2{
	font-size:2vw;
	text-align:left;
	font-weight:900;
}

.shop__div--introduce hr{
	width:45%;
	text-align:left;
	border: 1px solid #8b0000;
}

.shop__div--introduce section{
	display:table;
	width:100%;
	margin:1% 0 0 3%;
	/*background-color:rgba(162, 194, 230, 0.5);*/
	border: 2px solid lightgray;
	box-shadow:1px 1px 2px gray;
}

.shop__div--introduceDetail{
	float: left;
	width:48%;
	padding:1% 0 1% 1%;
	font-size:1.1vw;
}

.shop__div--introduceDetail img{
	width:80%;
	padding:1%;
	margin:1% 10%;
	border: 1px solid #a9a9a9;
	background-color:white;
	box-shadow:1px 1px 1px gray;
}

.shop__div--staffMessage span{
	width:30%;
	padding:0.5% 5%;
	margin:0 0 1% 0;
	background-color:#000066;
	color:white;
}

.shop__div--staffSubMessage{
	margin:1% 0 0 1%;
	font-size:1vw;
}

.shop__div--staffSubMessage span{
	margin:0 0 0 2%;
}

.shop__span--private{
	display:table;
	padding:0 0 1% 0;
	width:100%;
	background-color:lightgray;
}

.shop__div--company{
	margin:2% 0 0 0;
}

.shop__div--company table{
	padding:1% 0 0 0;
	margin:0 auto;
	border-collapse: separate;
	border-spacing:0;
	font-weight: 200;
}


.shop__div--company th{
	padding: 0 30px 0;
	border-bottom: 2px solid #b9b9b9;
	font-size:1.6vw;
	text-align:right;
	color:#d9a62e;
}

.shop__div--company td{
	padding: 6px 10px 6px;
	background-color: #fff;
	border-bottom: 2px solid #b9b9b9;
	font-size:1.6vw;
	text-align:left;
	font-weight:500;
}

.shop__div--map{
	width:80%;
	text-align:center;
	padding:3% 0 0 10%;
}

.shop__div--map iframe{
	width:100%;
	height:700px;
	border:none;
}

.detail{
	padding:0 0 2% 0;
}

.detail__sec--title{
	padding:2% 0 0 5%;
	background-color: black;
}

.detail__sec--title h1{
    font-size:6vw;
}

.detail__sec--title h2{
	margin:-5% 0 2% 20%;
	font-size:5vw;
	transform:skew(-5deg,-5deg);
	text-shadow:0px 0px 20px silver;
}

.detail__sec--title h3{
	width:65%;
	margin:5% 0 0 15%;
	font-size:2.5vw;
	color:white;
}

.detail__sec--title img{
	width:30%;
}

.detail__ul--topImage{
	width:60%;
	padding:0 20%;
	background-color: black;
}

.detail__ul--topImage img{
	width:100%;
}

.detail__li--topImage{
	display:none;
}

.detail__div--imgNav{
	width:100%;
	*height:20vh;
	padding:1% 0;
	background-color:#222222;
}

.detail__ul--topImageNav{
	width:90%;
	text-align:center;
	margin:0 auto;
}

.detail__ul--topImageNav li{
	display:inline-block;
	width:7%;
}

.detail__ul--topImageNav li img{
	width:100%;
	margin:1% 1%;
}


.detail__div--info{
	width:80%;
	margin:0 10%;
}

.detail__div--info h2{
	margin:0 0 0 5%;
	padding:0;
    font-size: 4vw;
    /*transform: skew(-5deg,-15deg);*/
    font-weight: 200;
    z-index: 20;
    text-align:left; 
}

.detail__div--info h2 span{
	margin:0 0 2% 2%;
	font-size:1.5vw;
	color:black;
}

.detail__div--specTable{
	width:86%;
	margin:0 7%;
}

.detail__div--specTable table{
	float:left;
	width:48%;
	margin:0 1%;
	border-collapse: collapse;
}

.detail__div--specTable table th,
.detail__div--specTable table td{
	border: 1px solid #222222;
}

.detail__div--specTable table th{
	width:45%;
	background-color:#dadada;
	color:black;
}

.detail__div--specTable table td{
	width:55%;
}

.detail__div--condition{
	margin:3% 0 0 0;
}

.detail__div--condition table{
	width:84%;
	margin:0 auto;
	border-collapse: collapse;
}

.detail__div--condition table th,
.detail__div--condition table td{
	border: 1px solid #222222;
}

.detail__div--condition table th{
	width:40%;
	background-color:#b2cbe4;
	color:black;
}

.detail__div--condition table td{
	width:60%;
}

.detail__div--point{
	margin:3% 0 0 0;
}

.detail__div--point p{
    width:84%;
    margin:0 auto;
    font-size:1.1vw;
}


.detail__div--price{
    width:60%;
    margin:0 0 0 40%;
}

.detail__div--priceTitle{
    font-size:3vw;
}

.detail__div--priceTitle span{
    font-size:1.5vw;
}

.detail__div--priceTag{
    font-size:4vw;
    margin: 0 0 0 2%;
}

.detail__div--priceLine{
    height:3vh;
    margin:-2% 0 0 0;
    width:100%;
    border:none;
    background-color:#A70000;
}

#campus_map{
     width: 100%;
     height:700px;
     margin:0 0 2% 0;
}

#sound{
	display:none;
	position:relative;
	top:-130px;
	left:95%;
	width:3%;
	z-index: 100;
}

#sound img{
	width:100%;
	-webkit-filter: drop-shadow(3px 0 2px black);
}

.detail__div--contact span a{
	display:block;
	width:60%;
	padding:1% 5%;
	margin:3% auto;
	background-color:gold;
	font-size:1.5vw;
	color:black;
	text-align:center;
	text-decoration: none;
}

.detail__div--contact{
    width:60%;
    margin:0 20%;
}


.detail__div--contact section{
	width: 70%;
    margin: 3% 15%;
    text-align: center;
}

.detail__div--contact section img{
	float: left;
    width: 40%;
    vertical-align: middle;
}

.detail__div--contact section div{
	float:left;
	margin:0 0 0 2%;
	text-align:left;
}

.detail__div--contact section div h2{
	margin:0 0 2% 0;
}


.detail__div--contact p{
    width: 100%;
    margin: 0;
    text-align: left;
    font-size: 1.7vw;
}

.detail input[type=button]{
	width:40%;
	margin:0 30%;
	padding:1% 2%;
}

/* about */
.about__div--top{
	width:100%;
	margin:5% 0 2% 0;
}

.about__div--top img{
	float: left;
	width:40%;
	margin:0 5%;
}

.about__div--top h2{
	float:left;
	width:50%;
	margin:5% 0 0 0;
	font-weight:200;
	font-size:5vw;
}

.about__div--top hr{
	clear:both;
	width:90%;
	height:0.3vw;
	margin:2% 5% 0 5%;
	border: none;
	background-color:orange;
}

.about__section--reason{
	width:90%;
	margin:1% 5% 3% 5%;
}

.about__section--reason span{
	font-size:1.5vw;
	color:#8b0000;
}

.about__section--reason h2{
	font-size:1.5vw;
	font-weight:600;
}

.about__section--reason hr{
	margin:0 0 1% 2%;
	height:0.1vw;
	width:85%;
	background-color:#8b0000;
	border: none;
}

.about__section--reason p{
	margin: 0 0 0 3%;
	font-size:1.2vw;
}

.about__div--shop{
	width:100%;
	height:17.5vw;
	background-color:#e6e6fa;
}

.about__div--shop img{
	float:left;
	width:20%;
	margin:0 0 0 20%;
	padding:2% 0 0 0;
}

.about__div--shop section{
	float:left;
	margin:0 0 0 2%;
	padding:2% 0 0 0;
	font-size:1.2vw;
}

.about__div--recommendation{
	margin:3% 5% 5% 20%;
}

.about__div--recommendation h2{
	margin:0 0 1% 0;
	font-size:1.5vw;
	color:#8b0000;
}

.about__section--recommend{
	margin:0 0 3% 0;
}

.about__section--recommend h2{
	margin:0 0 0 2%;
	color:#04367e;
	font-size:1.3vw;
}

.about__section--recommend p{
	width:70%;
	padding:1%;
	margin:0.3% 0 1% 3%;
	font-size:1vw;
	background-color:rgba(212, 225, 245, 0.9);
}

.contact{
	background-color:#000000;
}

.contact__div--input{
	width:70%;
	padding:2% 0;
	margin:0 15%;
	height:100%;
	background-color:lightgrey;
}

.contact__div--input hr{
	width:70%;
	height:0.2vw;
	margin:0 15% 2% 15%;
	border: none;
	background-color:#8b0000;
}

.contact__div--input p{
	margin:0;
	padding:0;
	font-size:1.2vw;
	text-align:center;
}

.contact__div--input h2{
	font-size:3vw;
	text-align:center;
}

.contact__div--input table{
	width:70%;
	margin:0 15%;
}

.contact__div--input table td{
	padding:2% 0 0 0;
	font-size:1.2vw;
	color:#04367e;
	text-shadow:1px 1px 2px gray;
}

.contact__div--input table td input{
	width:100%;
	padding:1% 0;
	color:black;
	font-size:1.5vw;
	text-shadow:none;
}

.contact__div--input textarea{
	width:100%;
	height:20em;
	padding:1% 0;
	color:black;
	font-size:1.2vw;
}

.contact__div--input .submit input{
	text-align:center;
	width:50%;
	margin: 0 25%;
	padding:1% 3%
	font-size:1.2vw;
	border:2px solid gold;
	color:black;
	text-decoration:none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ffce9f), color-stop(0.00, #daa520));
	background: -webkit-linear-gradient(top, #daa520 0%, #ffce9f 88%);
	background: -moz-linear-gradient(top, #daa520 0%, #ffce9f 88%);
	background: -o-linear-gradient(top, #daa520 0%, #ffce9f 88%);
	background: -ms-linear-gradient(top, #daa520 0%, #ffce9f 88%);
	background: linear-gradient(to bottom, #daa520 0%, #ffce9f 88%);
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
    box-shadow:3px 3px 10px gray;	
}

.contact__div--input img{
	position: fixed;
	width:20%;
	left:78%;
	bottom:3%;
}

.thanks{
	padding:13% 0 20% 0;
}

.thanks input[type=button]{
	width:20%;
	margin:3% 40% 0 40%;
	padding:1% 2%;
}

.guarantee{
    width:70%;
    margin:2% 0 5% 20%;
    text-align:left;
}

.guarantee p{
    clear:both;
    margin:5% 0 0 0;
}

.guarantee_top{
    width:50%;
}

.guarantee_top img{
    float:left;
    width:20%;
}

.guarantee_top span{
    font-size:2vw !important;
    line-height: 4vw;
    margin:5% 0 0 5%;
}

.guarantee_top span{
    float:left;
}