/*
 * iweb52-style26
 *
 * Copyright 2017, TANK
 * 
 * 
 * 2016 / 01 / 25
 */


/* + gmap
*----------------------------------------------------------------------------*/
#gmap iframe {
	width: 100%;
	height: 300px;
}


/* + form
*----------------------------------------------------------------------------*/
form p {
	margin: 10px 2%;
	width: 45%;
	display: inline-block;
}

form p.send {
	width: 100%;
}

form p label {
	margin-bottom: 5px;
	display: block;
	font-size: 16px;
}

form p label strong {
	color: #F1070B;
}

form p input ,
form p textarea {
	padding: 5px 2%;
	width: 96%;
	border: 1px #ccc solid;
}

form p textarea {
	width: 90%;
}

form p input#Checknum {
	width: 100px;
}

form p.send a#btnOK {
	margin-left: 5px;
	padding: 5px 10px;
	background: #252425;
	border-radius: 5px;
	display: inline-block;
	color: #ffcc66;
}


/* + contUs
*----------------------------------------------------------------------------*/
.contUs {
	padding: 40px;
	background: #252425;
	color: #ffcc66;
}

.contUs ul {
	margin-bottom: 30px;
	text-align: center;
}

.contUs ul li {
	width: 32%;
	display: inline-block;
	text-align: center;
}

.contUs ul li:hover img {
	-webkit-animation: linkIconImg 0.5s both infinite;
	-moz-animation: linkIconImg 0.5s both infinite;
	-ms-animation: linkIconImg 0.5s both infinite;
	-o-animation: linkIconImg 0.5s both infinite;
    animation: linkIconImg 0.5s both infinite;
}

@-webkit-keyframes linkIconImg {
	0% { transform:rotate(5deg); }
	25% { transform:rotate(-5deg); }
	50% { transform:rotate(5deg); }
	75% { transform:rotate(-5deg); }
	100% { transform:rotate(5deg); }
}
@-moz-keyframes linkIconImg {
	0% { transform:rotate(5deg); }
	25% { transform:rotate(-5deg); }
	50% { transform:rotate(5deg); }
	75% { transform:rotate(-5deg); }
	100% { transform:rotate(5deg); }
}
@-ms-keyframes linkIconImg {
	0% { transform:rotate(5deg); }
	25% { transform:rotate(-5deg); }
	50% { transform:rotate(5deg); }
	75% { transform:rotate(-5deg); }
	100% { transform:rotate(5deg); }	
}
@-o-keyframes linkIconImg {
	0% { transform:rotate(5deg); }
	25% { transform:rotate(-5deg); }
	50% { transform:rotate(5deg); }
	75% { transform:rotate(-5deg); }
	100% { transform:rotate(5deg); }
}
@keyframes linkIconImg {
	0% { transform:rotate(5deg); }
	25% { transform:rotate(-5deg); }
	50% { transform:rotate(5deg); }
	75% { transform:rotate(-5deg); }
	100% { transform:rotate(5deg); }
}

.contUs ul li p {
	overflow: hidden;
	height: 29px;
	margin-top: 20px;
	font-size: 18px;
	text-align: center;
	display: block;
	transition: all 0.4s ease;
	color: #fff;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.contUs ul li p a {
	display: block;
	text-align: center;
	color: #fff;
}


.contUs ul li:hover p {
	transform:scale(1.2);
}

.contUs article {
	font-size: 16px;
}


/* + order
*----------------------------------------------------------------------------*/
.content-wrap #order .orderList p label {
	border-bottom: 2px #eaa210 solid;
}

.content-wrap #order .orderList p b input.Del {
	background: #5a585a;
}

.button {
	margin: 20px 0;
	text-align: center;
}

.button p {
	width: 49%;
	display: inline-block;
}

.button p a {
	padding: 10px 20px;
	background: #3e3d3e;
	display: inline-block;
	color: #fff;
}

.button p a:hover {
	opacity: 0.6;
}

.button p.link {
	text-align: right;
}

.button p.link a {
	background: #947028;
}


/************ = 適應性 = ************/
/* +width:640 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	.contUs {
		padding: 20px;
	}
	.contUs ul {
		display: none;
	}
}

/* +width:450 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 450px) {
	form p {
		margin: 10px 0;
		width: 100%;
	}
	form p textarea {
		width: 95%;
	}
}