@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定
=================================================================== */
/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
body {
	color: #000;
	font-size: small;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.5;
	background: #fff5dc;
}

body a {
	color: #505050;
}

body a:link {
	text-decoration: underline;
}

body a:visited {
	text-decoration: underline;
}

body a:hover {
	text-decoration: none;
}

body a:active {
	text-decoration: underline;
}


img {
	vertical-align: top;
	max-width: 100%;
}


/* -----------------------------------------------------------
	汎用class
----------------------------------------------------------- */
/* -----------------------------------------------------------
	#page

----------------------------------------------------------- */
#page {
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}


/*----------------------------------------------------
	header
----------------------------------------------------*/
header {
	overflow: hidden;
	position: fixed;
	z-index: 99;
	max-width: 640px;
	width: 100%;
	padding: 10px 0;
	background: #fff5dc;
}

header h1 {
	float: left;
	width: 42%;
	padding-left: 3%;
}

header .con_menu {
	width: 30%;
	margin-right: 3%;
	overflow: hidden;
	float: right;
}

header .con_menu ul li {
	float: left;
	width: 46%;
}

header .con_menu ul li:first-child {
	margin-right: 8%;
}


#gnav {
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
	width: 70%;
	background: #fff5dc;
	border-left: 1px solid #dcbc6f;
	height: 100%;
	overflow: hidden;
	display: none;
}

#gnav .box_gnav {
	position: relative;
	overflow: hidden;
}

#gnav .box_gnav h3 {
	position: absolute;
	top: 50%;
	color: #bf7d3c;
	padding-left: 1em;
	margin-top: -0.3em;
}

#gnav .btn_close {
	width: 18%;
	float: right;
	margin-top: 5%;
	margin-right: 3%;
}

#gnav ul {
	clear: both;
	padding-top: 5%;
}

#gnav ul li {
	border-bottom: 1px solid #dcbc6f;
}

#gnav ul li:first-child {
	border-top: 1px solid #dcbc6f;
}

#gnav ul li a {
	background: #fcf7e7;
	overflow: hidden;
	position: relative;
	display: block;
	text-decoration: none;
	padding: 1em;
}

#gnav ul li a:after {
	content: " ";
	display: block;
	position: absolute;
	width: 15px;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	background: url(../images/ic_right_orange.png) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	right: 3%;
	top: 50%;
	margin-top: -7px;
	z-index: 2;
}

#gnav ul li a .img {
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	margin: 0 3% 0 3%;
}

#gnav ul li a .title {
	display: inline-block;
	vertical-align: middle;
}

#gnav ul li.plan a {
	color: #782a38;
}


/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer .btn_pagetop {
	width: 18%;
	margin: 0 auto;
}

footer .box_info ul {
	overflow: hidden;
	border-top: 5px solid #782a39;
	border-bottom: 1px solid #dcbc6f;
	background: #fcf7e7;
	display: table;
	width: 100%;
}

footer .box_info ul li {
	display: table-cell;
	vertical-align: middle;
}

footer .box_info ul li.tel {
	width: 80%;
	border-right: 1px solid #dcbc6f;
}

footer .box_info ul li.tel a {
	display: block;
	text-decoration: none;
	color: #664700;
	line-height: 1.2;
	font-size: 90%;
	text-align: center;
}

footer .box_info ul li.tel a div {
	display: inline-block;
	text-align: left;
	padding: 12px 0 12px 50px;
	background: url(../images/ic_tel.png) 0 center no-repeat;
	-webkit-background-size: 40px;
	background-size: 40px;
}

footer .box_info ul li.tel a span {
	font-size: 220%;
	color: #313131;
	font-family: "Times New Roman",Times,"ＭＳ 明朝",serif;
}

footer .box_info ul li.map {
	width: 20%;
}

footer .box_info ul li.map a {
	display: block;
	background: url(../images/ic_map.png) center 15px no-repeat;
	-webkit-background-size: 15px;
	background-size: 15px;
	text-align: center;
	padding: 40px 0 10px 0;
	text-decoration: none;
}

footer .con_footer {
	padding: 0 3%;
}

footer .con_footer .btn {
	overflow: hidden;
	margin-top: 4%;
}

footer .con_footer .btn li {
	float: left;
	width: 47.5%;
}

footer .con_footer .btn li:first-child {
	margin-right: 5%;
}

footer .con_footer .box_address {
	margin-top: 6%;
	overflow: hidden;
}

footer .con_footer .box_address h3 {
	width: 35%;
	float: left;
}

footer .con_footer .box_address address {
	width: 60%;
	float: right;
	font-size: 90%;
}

footer .con_footer .box_share {
	margin-top: 4%;
	overflow: hidden;
}

footer .con_footer .box_share h4 {
	float: left;
	color: #664700;
	border-top: 1px solid #dcbc6f;
	border-bottom: 1px solid #dcbc6f;
	padding: 3%;
	text-align: center;
	width: 42%;
	margin-top: 1%;
}

footer .con_footer .box_share ul {
	float: right;
	overflow: hidden;
	width: 58%;
}

footer .con_footer .box_share ul li {
	float: left;
	margin-left: 6%;
	width: 27%;
}

footer .copyright {
	font-size: x-small;
	margin: 8% -3% 0 -3%;
	text-align: center;
	padding: 3% 0;
	border-top: 1px solid #dcbc6f;
}


/*----------------------------------------------------
	.con_title
----------------------------------------------------*/
.con_title {
	margin-top: 20%;
	margin-bottom: 4%;
}

.con_title h2 {
	width: 100%;
	padding-top: 13%;
	height: 0;
	overflow: hidden;
}


/*----------------------------------------------------
	.bx_wrapper bx-slider設定
----------------------------------------------------*/
.bx-wrapper .slide li a {
	color: #fff;
}

.bx-wrapper .slide li a .img {
	margin-bottom: 4%;
}

.bx-wrapper .slide li a .img img {
	width: 100%;
}

.bx-wrapper .bx-controls {
	position: relative;
	margin: 4% -4% 0 -4%;
	padding: 6%;
	border-top: 1px solid #6d4e09;
	border-bottom: 1px solid #6d4e09;
}

.bx-wrapper .bx-controls .bx-pager {
	text-align: center;
	height: 15px;
}

.bx-wrapper .bx-controls .bx-pager .bx-pager-item {
	display: inline-block;
	padding: 0 5%;
}

.bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
	display: inline-block;
	background: #fff;
	width: 15px;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	border-radius: 50%;
}

.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
	background: #ca4748;
}

.bx-wrapper .bx-controls .bx-controls-direction a {
	display: block;
	padding-top: 25px;
	width: 13px;
	height: 0;
	overflow: hidden;
	position: absolute;
	z-index: 4;
}

.bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
	background: url(../images/direction_left.png) 0 0 no-repeat;
	left: 6%;
	top: 50%;
	margin-top: -12px;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
	background: url(../images/direction_right.png) 0 0 no-repeat;
	right: 6%;
	top: 50%;
	margin-top: -12px;
	-webkit-background-size: 100%;
	background-size: 100%;
}


/* -----------------------------------------------------------
	Table		表設定
----------------------------------------------------------- */
table.tbl_basic {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px dotted #000000;
	border-bottom: none;
}


table.tbl_basic th,
table.tbl_basic td {
	padding: 1em;
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	text-align: left;
	vertical-align: middle;
}


table.tbl_basic th {
	font-weight: normal;
	font-size: 90%;
}


table.tbl_basic td {
	font-size: 90%;
}