@charset "utf-8";
/* CSS Document */
body {
     -webkit-text-size-adjust: 100%;
}
.box950 {
	max-width:950px;
	width: 100%;
	margin: 0 auto;
}
.box850 {
	max-width:850px;
	width: 100%;
	margin: 0 auto;
}
.box800 {
	max-width:800px;
	width: 100%;
	margin: 0 auto;
}
.box700 {
	max-width:700px;
	width: 100%;
	margin: 0 auto;
}
.box750 {
	max-width:750px;
	width: 100%;
	margin: 0 auto;
}
.box600 {
	max-width:600px;
	width: 100%;
	margin: 0 auto;
	
}

.box650 {
	max-width:650px;
	width: 100%;
	margin: 0 auto;
	
}
.box680 {
	max-width:680px;
	width: 100%;
	margin: 0 auto;
	
}

.left {
	float: left;
}
.right {
	float: right;
}

.tate {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}



/* -------------------------------------------
�O���f�̃{�^��
---------------------------------------------- */
	.btn {
    font-size: .625rem;
    font-weight: 500;
    font-style: normal;
color: #8F8262;
    display: inline-block;

    margin: .625rem;
    padding: 18px 80px 20px;

    transition: all .7s ease-out;
    text-decoration: none;
    letter-spacing: .3em;
    text-transform: uppercase;

    border: none;
    border: 1px solid #8F8262;
    border-radius: 0;
    background: transparent;
    background: linear-gradient(270deg, rgba(223,190,106,.8), rgba(146,111,52,.8), rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
	
}
.btn a {
	color: #8F8262;
	font-size: 14px;
}

.btn:hover {
    color: #fff;
    border: 1px solid rgba(223,190,106,0);
    background-position: 99% 50%;
}







/* -------------------------------------------
clearfix
---------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}




/* -------------------------------------------
clearfix
---------------------------------------------- */
#header, #topicpathWrapper, #topicPath, #snsButtonsArea, #snsButtons, #topicpathWrapper, #contents, #footer, .clearfix {
	/*\*/
	min-height: 1px;
	_height: 1%;/* */

	/*\*//*/
	overflow: hidden;
	/**/
}
#header:after, #topicpathWrapper:after, #topicPath:after, #snsButtonsArea:after, #snsButtons:after, #topicpathWrapper:after, #contents:after, #footer:after, .clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.syoudan {
	font-weight: bold;
	color: #820132;
}