@charset "utf-8";

/*トップページ
******************************************/

	body.top article {
		padding-bottom:50px;
	}
	@media (min-width: 1580px) {
		body.top article {
			padding-bottom:150px;
		}
	}
	
	section#enquete div#submit input.submit {
		position: relative;
		display: inline-block;
		margin:0 10px;
		width:240px;
		height:40px;
		font-size:1.1rem;
//		line-height:10px;
		border-top:3px solid #572529;
		border-left:3px solid #572529;
		border-right:3px solid #3d141d;
		border-bottom:3px solid #3d141d;
		color: #d7bfa3;
		text-align: center;
		text-decoration:none;
		background: linear-gradient(to bottom right, #5f2b38, #3d141d);
		transition: all .3s;
	}
	section#enquete div#submit input.submit::before,
	section#enquete div#submit input.submit::after,
	section#enquete div#submit input.submit span::before,
	section#enquete div#submit input.submit span::after {
		position: absolute;
		z-index: 2;
		content: '';
		width: 0;
		height: 0;
		border: 3px solid transparent;
		transition: all .3s;
		visibility:hidden;
	}
	section#enquete div#submit input.submit::before {
		top: -3px;
		left: -3px;
		border-left-color: #66434b;
	}
	section#enquete div#submit input.submit::after {
		bottom: -3px;
		right: -3px;
		border-right-color: #a87d94;
	}
	section#enquete div#submit input.submit::before {
		bottom: -3px;
		left: -3px;
		border-bottom-color: #66434b;
	}
	section#enquete div#submit input.submit::after {
		top: -3px;
		right: -3px;
		border-top-color: #a87d94;
	}
	section#enquete div#submit input.submit:hover {
		background: linear-gradient(to top left, #5f2b38, #3d141d);
	}
	section#enquete div#submit input.submit:hover::before,
	section#enquete div#submit input.submit:hover::after {
		height: 100%;
		visibility: visible;
	}
	section#enquete div#submit input.submit:hover::before,
	section#enquete div#submit input.submit:hover::after {
		width: 100%;
		visibility: visible;
	}
	/*
	section#enquete div#submit input.back {
		position: relative;
		display: inline-block;
		margin:0 20px;
		width:240px;
		height:50px;
		font-size:1.1rem;
		line-height:50px;
		border-top:3px solid #d9d9d9;
		border-left:3px solid #d9d9d9;
		border-right:3px solid #dadada;
		border-bottom:3px solid #dadada;
		color: #767676;
		text-align: center;
		text-decoration:none;
		background: linear-gradient(to bottom right, #e1e1e1, #c6c6c6);
		transition: all .3s;
	}
	section#enquete div#submit input.back::before,
	section#enquete div#submit input.back::after,
	section#enquete div#submit input.back span::before,
	section#enquete div#submit input.back span::after {
		position: absolute;
		z-index: 2;
		content: '';
		width: 0;
		height: 0;
		border: 3px solid transparent;
		transition: all .3s;
		visibility:hidden;
	}
	section#enquete div#submit input.back::before {
		top: -3px;
		left: -3px;
		border-left-color: #e1e1e1;
	}
	section#enquete div#submit input.back::after {
		bottom: -3px;
		right: -3px;
		border-right-color: #c6c6c6;
	}
	section#enquete div#submit input.back span::before {
		bottom: -3px;
		left: -3px;
		border-bottom-color: #e1e1e1;
	}
	section#enquete div#submit input.back span::after {
		top: -3px;
		right: -3px;
		border-top-color: #c6c6c6;
	}
	section#enquete div#submit input.back:hover {
		background: linear-gradient(to top left, #e1e1e1, #c6c6c6);
	}
	section#enquete div#submit input.back:hover::before,
	section#enquete div#submit input.back:hover::after {
		height: 100%;
		visibility: visible;
	}
	section#enquete div#submit input.back:hover span::before,
	section#enquete div#submit input.back:hover span::after {
		width: 100%;
		visibility: visible;
	}
*/