/* ++++++++++++++++++++++++++++ */
/* ++++++++++全体構成++++++++++ */
/* ++++++++++++++++++++++++++++ */

* {
	margin: 0px;
	padding: 0px;
}

html {	
	color: #90593c;
	font-size: 63%;
}

body {
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;

	background-color:#ffffff;

}

a {
	display: block;
	text-decoration: none;
}

input, select {
	color: #a08049;
}

textarea {
	color: #a08049;
}

/********************************/
/*********** タイトル ***********/
/********************************/
.title { list-style: none; color: #ffffff; padding: 0; margin: 0px 0% 5px 0%; }
.title:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.title li { width: 99%; padding: 15px 0% 15px 1%; }

.title1 { 
	width: 100%;
	height: auto;
	color: #da780f;
	margin-bottom: 5px;
	clear: both;
}

.title2 { 
	width: 100%;
	height: auto;
	color: #da780f;
	margin-bottom: 5px;
	clear: both;
}

/********************************/
/*********** タイトル ***********/
/********************************/
.line7 { 
	width: 70%;
	color: #71cbff;
}

.line8 { 
	width: 80%;
	color: #ffead3;
}

/**********************************/
/********* リンク：画像無 *********/
/**********************************/
.button { 
	width: 100%;
	height: auto;
	line-height: 2.8rem;
	background-image: url(../sp/img/button.png);
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

/**********************************/
/********* リンク：画像付 *********/
/**********************************/
.list { 
	width: 100%;
	height: auto;
	list-style: none;
	background-image: url(../sp/img/list.png);
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	margin-top: 5px;
}
.list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.list li { display: block; margin: 0px 5% 0px 0%; }

.list1 { 
	width: 100%;
	height: 86px;
	list-style: none;
	background-image: url(../sp/img/list.png);
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	margin-top: 5px;
	overflow: hidden;
}
.list1:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/*****************************************/
/*********** 各 種 均 等 分 割 ***********/
/*****************************************/
.half { list-style: none; padding: 0; margin: 5px 0% 0px 0%; }
.half:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.half li { float: left; width: 50%; }
.half li a { display: block; margin: 0px 0% 0px 0%; }
.half li img { display: block; width: 96%; height: auto; margin: 0px 2% 0px 2%; }

.third { list-style: none; padding: 0; margin: 5px 0% 0px 0%; }
.third:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.third li { float: left; width: 31.3333333333%; margin: 0px 1% 0px 1%; }
.third li a { display: block;margin: 0px 0% 0px 0%; }
.third li img { display: block; width: 98%; height: auto; margin: 0px 1% 0px 1%; }

.quarter { list-style: none; padding: 0; margin: 5px 0% 0px 0%; }
.quarter:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.quarter li { float: left; width: 25%; }
.quarter li a { display: block; margin: 0px 0% 0px 0%; }
.quarter li img { display: block; width: 100%; height: auto; margin: 0px 0% 0px 0%; }

.quarteri { list-style: none; padding: 0; margin: 5px 0% 0px 0%; }
.quarteri:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.quarteri li { float: left; width: 25%; }
.quarteri li a { display: block; margin: 0px 0% 0px 0%; }
.quarteri li img { display: block; width: 98%; height: auto; margin: 0px 1% 0px 1%; }

.fifth { list-style: none; padding: 0; margin: 5px 0% 0px 0%; }
.fifth:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.fifth li { float: left; width: 20%; }
.fifth li a { display: block; margin: 0px 0% 0px 0%; }
.fifth li img { display: block; width: 98%; height: auto; margin: 0px 1% 0px 1%; }

.sixth { list-style: none; padding: 0; margin: 5px 0% 0px 0%; }
.sixth:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.sixth li { float: left; width: 10.66666666%; margin: 0px 3% 0px 3%; }
.sixth li a { display: block; margin: 0px 0% 0px 0%; }
.sixth li img { display: block; width: 90%; height: auto; margin: 0px 5% 0px 5%; }

.sixthi { list-style: none; padding: 0; margin: 5px 0% 0px 15%; }
.sixthi:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.sixthi li { float: left; width: 16%; }
.sixthi li a { display: block; margin: 0px 0% 0px 0%; }
.sixthi li img { display: block; width: 80%; height: auto; margin: 0px 10% 0px 10%; }

.eighth { list-style: none; padding: 0; margin: 5px 0% 0px 0%; }
.eighth:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.eighth li { float: left; width: 12.5%; }
.eighth li a { display: block; margin: 0px 0% 0px 0%; }
.eighth li img { display: block; width: 100%; height: auto; margin: 0px 0% 0px 0%; }

/*****************************************/
/*********** 各 種 自 由 分 割 ***********/
/*****************************************/
.table { list-style: none; padding: 0; margin: 0px 0% 5px 0%; }
.table:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.ju { list-style: none; padding: 40px 0% 0px 0%; margin: 0px 0% 0px 0%; }
.ju li { float: right; width: 10%; }
.ju li a { display: block; margin: 0px 0% 0px 0%; }
.ju li img { display: block; width: 99%; height: auto; margin: 0px 0.5% 0px 0.5%; }

.jugo { list-style: none; padding: 0; margin: 0; }
.jugo li { float: left; width: 15%; }
.jugo li a { display: block; margin: 0px 0% 0px 0%; }
.jugo li img { display: block; width: 99%; height: auto; margin: 0px 0.5% 0px 0.5%; }

.ju1 { list-style: none; padding: 6% 0% 0px 0%; margin: 0px 0% 0px 0%; }
.ju1 li { float: right; width: 11%; }
.ju1 li a { display: block; margin: 0px 0% 0px 0%; }
.ju1 li img { display: block; width: 99%; height: auto; margin: 0px 0.5% 0px 0.5%; }

.niju { list-style: none; padding: 0; margin: 0; }
.niju li { float: left; width: 20%; }

.nijul { list-style: none; padding: 0; margin: 0; }
.nijul li { float: left; width: 20%; }
.nijul li a { display: block; margin: 0px 0% 0px 0%; }
.nijul li img { display: block; width: 99%; height: auto; margin: 0px 0.5% 0px 0.5%; }

.sanju { list-style: none; padding: 0; margin: 0; }
.sanju li { float: left; width: 28%; margin: 0px 1% 0px 1%; }
.sanju li a { display: block; margin: 0px 0% 0px 0%; }
.sanju li img { display: block; width: 100%; height: auto; margin: 0px 0% 0px 0%; }

.yonju { list-style: none; padding: 0; margin: 0; }
.yonju li { float: left; width: 39%; margin: 0px 1% 0px 0%; }
.yonju li a { display: block; margin: 0px 0% 0px 0%; }

/****** 縦長画像トリミング ******/
.yonju1 { list-style: none; overflow: hidden; padding: 0; margin: 0; }
.yonju1 li { float: left; width: 42%; }
.yonju1 li a { display: block; margin: 0px 0% 0px 0%; }
.yonju1 li img { 
	display: block;
	width: 100%;
	height: auto;
	-moz-transform: translate(0%,-35%);
	-webkit-transform: translate(0%,-35%);
	-ms-transform: translate(0%,-35%);
	transform: translate(0%,-35%);
	margin: 0px 0% 0px 0%;
}

/****** 横長画像トリミング ******/
.yonju2 { list-style: none; overflow: hidden; padding: 0; margin: 0; }
.yonju2 li { float: left; width: 42%; }
.yonju2 li a { display: block; margin: 0px 0% 0px 0%; }
.yonju2 li img { 
	display: block;
	position: relative;
	left: 50%;
	width: 100%;
	height: auto;
	-moz-transform: translate(-50%,0%);
	-webkit-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
}

.rokuju { list-style: none; padding: 0; margin: 0px 0% 0px 0%; }
.rokuju:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.rokuju li { float: right; width: 60%; }
.rokuju li a { display: block; margin: 0px 0% 0px 0%; }
.rokuju li img { display: block; width: 96%; height: auto; margin: 0px 3% 0px 1%; }

.rokuju2 { list-style: none; padding: 0; margin: 0px 0% 0px 0%; }
.rokuju2 li { float: left; width: 60%; margin: 0px 10% 0px 10%; }

.nanaju { list-style: none; padding: 0; margin: 0px 15% 0px 15%; }
.nanaju li { float: left; width: 70%; }
.nanaju li a { display: block; margin: 0px 0% 0px 0%; }
.nanaju li img { display: block; width: 80%; height: auto; margin: 0px 10% 0px 10%; }

.hatiju { list-style: none; padding: 0; margin: 0; }
.hatiju li { float: left; width: 80%; }
.hatiju li a { display: block; margin: 0px 0% 0px 0%; }
.hatiju li img { display: block; width: 80%; height: auto; margin: 0px 10% 0px 10%; }

.hatiju2 { list-style: none; padding: 0; margin: 0; }
.hatiju2 li { float: left; width: 80%; }
.hatiju2 li a { display: block; margin: 0px 0% 0px 0%; }
.hatiju2 li img { display: block; width: 70%; height: auto; margin: 0px 15% 0px 15%; }

.hatiju3 { list-style: none; padding: 0; margin: 0; }
.hatiju3 li { float: left; width: 80%; }

.side { list-style: none; padding: 0; margin: 0px 0% 0px 0%; }
.side:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.side li { float: left; }
.side li a { display: block; margin: 0px 0px 0px 0px; }
.side li img { display: block; width: 100%; height: auto; margin: 0px 0px 0px 0px; }

td.half { 
	width: 50%;
	height: auto;
}

td.third { 
	width: 33.33333333%;
	height: auto;
}

td.quarter { 
	width: 25%;
	height: auto;
}

/**********************************/
/*********** 左隙間1.2% ***********/
/**********************************/
.margin { 
	width: 98.8%;
	height: auto;
	text-align: left;
	margin-right: 0%;
	margin-left: 1.2%;
	margin-top: 5px;
}

.margin:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/**********************************/
/*********** 左右隙間1% ***********/
/**********************************/
.cmt { 
	width: 98%;
	height: auto;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 0px;
}

.cmt:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.comment { 
	width: 97%;
	height: auto;
	text-align: left;
	margin: 10px 0% 10px 3%;
}
.comment:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/**********************************/
/**** ワイド/ハイトパーセント *****/
/**********************************/
.one {
	width: 10%;
}

.two {
	width: 20%;
}

.four {
	width: 40%;
}

.five {
	width: 50%;
}

.six {
	width: 60%; 
}

.seven {
	width: 70%; 
}

.eight {
	width: 80%;
}

.nine {
	width: 90%; 
}

.ten {
	width: 100%;
}

.margin5 {
	height: 5px;
}

.margin10 {
	height: 10px;
}

.margin15 {
	height: 15px;
}

.margin20 {
	height: 20px;
}

.margin35 {
	height: 35px;
}

/********************************/
/*********** 画像処理 ***********/
/********************************/
img { 
	width: 100%; 
}

img.left {
	width: 44%; 
	float: left;
	margin: 0px 1% 0px 0%;
}

img.left2 {
	width: 25%; 
	float: left;
	margin: 0px 1.5% 0px 0%;
}

img.left3 {
	width: 20%; 
	float: left;
	margin: 0px 1.5% 0px 0%;
}

img.right {
	width: 47%; 
	float: right;
	margin: 5px 0% 0px 1%;
}

/********************************/
/******** フローティング ********/
/********************************/
.float-foot {
	position: fixed;
	left: 0px;
	bottom: 0px;
	background-color: #491b03;
	z-index: 9999;
}

.float-margin {
	height: 70px;
}

/********************************/
/******** スクロール処理 ********/
/********************************/
.scroll {
	overflow-y: auto;
	height: 400px;
}

/********************************/
/********** リンク処理 **********/
/********************************/
a:link {
	color: #90593c;
}

a:visited {
	color: #90593c;
}

a:hover {
	color: #90593c;