@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------------------------------
	reset
----------------------------------------------------------------------------------------------------------------------------------*/

/* 
	html5doctor.com Reset Stylesheet
	v1.6.1
	Last Updated: 2010-09-17
	Author: Richard Clark - http://richclarkdesign.com 
	Twitter: @rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #333;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #333;
	font-style: italic;
	font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select { vertical-align: middle; }

/*--------------------------------------------------------------------------------
	original
--------------------------------------------------------------------------------*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-y: scroll /* firefox */;
	-webkit-text-size-adjust: 100% /* iPhone */;
	-ms-text-size-adjust: 100% /* windows phone */;
}
body {
	word-wrap: break-word;
	background: url(../img/bg_be01.jpg);
}
pre { word-wrap: normal; }
address { font-style: normal; }
img {
	max-width: 100%;
	height: auto;
}
li { list-style: none; }
table { max-width: 100%; }

/*--------------------------------------------------------------------------------
	form
--------------------------------------------------------------------------------*/

input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

/*--------------------------------------------------------------------------------
	clearfix
	.containerと.eboxはそれだけでフロート解除になっている
	その他でフロートを解除したい時は.clearfixを指定する
--------------------------------------------------------------------------------*/

.clearfix:before,
.container:before,
.row:before,
.row-narrow:before,
.row-stripe:before,
.row-grid:before,
.ebox:before {
	content: "";
	display: table;
}
.clearfix:after,
.container:after,
.row:after,
.row-narrow:after,
.row-stripe:after,
.row-grid:after,
.ebox:after {
	clear: both;
	content: "";
	display: table;
}

/*----------------------------------------------------------------------------------------------------------------------------------
	common
----------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
	column
--------------------------------------------------------------------------------*/

/*----------------------------------------
	container
----------------------------------------*/

.container {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 960px;
}

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.container { width: 100%; }
}

/*----------------------------------------
	row
----------------------------------------*/

.row,
.row-stripe,
.row-grid {
  margin-right: -10px;
  margin-left: -10px;
}
.row-narrow {
  margin-right: -5px;
  margin-left: -5px;
}

/*----------------------------------------
	col
----------------------------------------*/

.col-sp-1, .col-sp-2, .col-sp-3, .col-sp-4, .col-sp-5, .col-sp-6, .col-sp-7, .col-sp-8, .col-sp-9, .col-sp-10, .col-sp-11, .col-sp-12, .col-sp-x5,
.col-pc-1, .col-pc-2, .col-pc-3, .col-pc-4, .col-pc-5, .col-pc-6, .col-pc-7, .col-pc-8, .col-pc-9, .col-pc-10, .col-pc-11, .col-pc-12, .col-pc-x5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.row-narrow .col-sp-1, .row-narrow .col-sp-2, .row-narrow .col-sp-3, .row-narrow .col-sp-4, .row-narrow .col-sp-5, .row-narrow .col-sp-6, .row-narrow .col-sp-7, .row-narrow .col-sp-8, .row-narrow .col-sp-9, .row-narrow .col-sp-10, .row-narrow .col-sp-11, .row-narrow .col-sp-12, .row-narrow .col-sp-x5,
.row-narrow .col-pc-1, .row-narrow .col-pc-2, .row-narrow .col-pc-3, .row-narrow .col-pc-4, .row-narrow .col-pc-5, .row-narrow .col-pc-6, .row-narrow .col-pc-7, .row-narrow .col-pc-8, .row-narrow .col-pc-9, .row-narrow .col-pc-10, .row-narrow .col-pc-11, .row-narrow .col-pc-12, .row-narrow .col-pc-x5 {
  padding-right: 5px;
  padding-left: 5px;
}
.row-stripe .col-sp-1, .row-stripe .col-sp-2, .row-stripe .col-sp-3, .row-stripe .col-sp-4, .row-stripe .col-sp-5, .row-stripe .col-sp-6, .row-stripe .col-sp-7, .row-stripe .col-sp-8, .row-stripe .col-sp-9, .row-stripe .col-sp-10, .row-stripe .col-sp-11, .row-stripe .col-sp-12, .row-stripe .col-sp-x5,
.row-stripe .col-pc-1, .row-stripe .col-pc-2, .row-stripe .col-pc-3, .row-stripe .col-pc-4, .row-stripe .col-pc-5, .row-stripe .col-pc-6, .row-stripe .col-pc-7, .row-stripe .col-pc-8, .row-stripe .col-pc-9, .row-stripe .col-pc-10, .row-stripe .col-pc-11, .row-stripe .col-pc-12, .row-stripe .col-pc-x5 {
  padding-right: 0;
  padding-left: 0;
}
.row-grid .col-sp-1, .row-grid .col-sp-2, .row-grid .col-sp-3, .row-grid .col-sp-4, .row-grid .col-sp-5, .row-grid .col-sp-6, .row-grid .col-sp-7, .row-grid .col-sp-8, .row-grid .col-sp-9, .row-grid .col-sp-10, .row-grid .col-sp-11, .row-grid .col-sp-12, .row-grid .col-sp-x5
.row-grid .col-pc-1, .row-grid .col-pc-2, .row-grid .col-pc-3, .row-grid .col-pc-4, .row-grid .col-pc-5, .row-grid .col-pc-6, .row-grid .col-pc-7, .row-grid .col-pc-8, .row-grid .col-pc-9, .row-grid .col-pc-10, .row-grid .col-pc-11, .row-grid .col-pc-12, .row-grid .col-pc-x5 {
  padding-right: 0;
  padding-left: 0;
}
.col-sp-1, .col-sp-2, .col-sp-3, .col-sp-4, .col-sp-5, .col-sp-6, .col-sp-7, .col-sp-8, .col-sp-9, .col-sp-10, .col-sp-11, .col-sp-12, .col-sp-x5 { float: left; }
.col-sp-1 { width: 8.33333333%; }
.col-sp-2 { width: 16.66666667%; }
.col-sp-3 { width: 25%; }
.col-sp-4 { width: 33.33333333%; }
.col-sp-5 { width: 41.66666667%; }
.col-sp-6 { width: 50%; }
.col-sp-7 { width: 58.33333333%; }
.col-sp-8 { width: 66.66666667%; }
.col-sp-9 { width: 75%; }
.col-sp-10 { width: 83.33333333%; }
.col-sp-11 { width: 91.66666667%; }
.col-sp-12 { width: 100%; }
.col-sp-x5 { width: 20%; }
.col-sp-pull-0 { right: auto; }
.col-sp-pull-1 { right: 8.33333333%; }
.col-sp-pull-2 { right: 16.66666667%; }
.col-sp-pull-3 { right: 25%; }
.col-sp-pull-4 { right: 33.33333333%; }
.col-sp-pull-5 { right: 41.66666667%; }
.col-sp-pull-6 { right: 50%; }
.col-sp-pull-7 { right: 58.33333333%; }
.col-sp-pull-8 { right: 66.66666667%; }
.col-sp-pull-9 { right: 75%; }
.col-sp-pull-10 { right: 83.33333333%; }
.col-sp-pull-11 { right: 91.66666667%; }
.col-sp-pull-12 { right: 100%; }
.col-sp-push-0 { left: auto; }
.col-sp-push-1 { left: 8.33333333%; }
.col-sp-push-2 { left: 16.66666667%; }
.col-sp-push-3 { left: 25%; }
.col-sp-push-4 { left: 33.33333333%; }
.col-sp-push-5 { left: 41.66666667%; }
.col-sp-push-6 { left: 50%; }
.col-sp-push-7 { left: 58.33333333%; }
.col-sp-push-8 { left: 66.66666667%; }
.col-sp-push-9 { left: 75%; }
.col-sp-push-10 { left: 83.33333333%; }
.col-sp-push-11 { left: 91.66666667%; }
.col-sp-push-12 { left: 100%; }
.col-sp-offset-0 { margin-left: 0; }
.col-sp-offset-1 { margin-left: 8.33333333%; }
.col-sp-offset-2 { margin-left: 16.66666667%; }
.col-sp-offset-3 { margin-left: 25%; }
.col-sp-offset-4 { margin-left: 33.33333333%; }
.col-sp-offset-5 { margin-left: 41.66666667%; }
.col-sp-offset-6 { margin-left: 50%; }
.col-sp-offset-7 { margin-left: 58.33333333%; }
.col-sp-offset-8 { margin-left: 66.66666667%; }
.col-sp-offset-9 { margin-left: 75%; }
.col-sp-offset-10 { margin-left: 83.33333333%; }
.col-sp-offset-11 { margin-left: 91.66666667%; }
.col-sp-offset-12 { margin-left: 100%; }

/* PC -------------------- */
@media screen and (min-width: 768px) {
	.col-pc-1, .col-pc-2, .col-pc-3, .col-pc-4, .col-pc-5, .col-pc-6, .col-pc-7, .col-pc-8, .col-pc-9, .col-pc-10, .col-pc-11, .col-pc-12, .col-pc-x5 { float: left; }
	/*
	.col-pc-1 { width: 80px; }
	.col-pc-2 { width: 160px; }
	.col-pc-3 { width: 240px; }
	.col-pc-4 { width: 320px; }
	.col-pc-5 { width: 400px; }
	.col-pc-6 { width: 480px; }
	.col-pc-7 { width: 560px; }
	.col-pc-8 { width: 640px; }
	.col-pc-9 { width: 720px; }
	.col-pc-10 { width: 800px; }
	.col-pc-11 { width: 880px; }
	.col-pc-12 { width: 960px; }
	.col-pc-x5 { width: 20%; }
	.col-pc-pull-0 { right: auto; }
	.col-pc-pull-1 { right: 80px; }
	.col-pc-pull-2 { right: 160px; }
	.col-pc-pull-3 { right: 240px; }
	.col-pc-pull-4 { right: 320px; }
	.col-pc-pull-5 { right: 400px; }
	.col-pc-pull-6 { right: 480px; }
	.col-pc-pull-7 { right: 560px; }
	.col-pc-pull-8 { right: 640px; }
	.col-pc-pull-9 { right: 720px; }
	.col-pc-pull-10 { right: 800px; }
	.col-pc-pull-11 { right: 880px; }
	.col-pc-pull-12 { right: 960px; }
	.col-pc-push-0 { left: auto; }
	.col-pc-push-1 { left: 80px; }
	.col-pc-push-2 { left: 160px; }
	.col-pc-push-3 { left: 240px; }
	.col-pc-push-4 { left: 320px; }
	.col-pc-push-5 { left: 400px; }
	.col-pc-push-6 { left: 480px; }
	.col-pc-push-7 { left: 560px; }
	.col-pc-push-8 { left: 640px }
	.col-pc-push-9 { left: 720px; }
	.col-pc-push-10 { left: 800px; }
	.col-pc-push-11 { left: 880px; }
	.col-pc-push-12 { left: 960px; }
	.col-pc-offset-0 { margin-left: 0; }
	.col-pc-offset-1 { margin-left: 80px; }
	.col-pc-offset-2 { margin-left: 160px; }
	.col-pc-offset-3 { margin-left: 240px; }
	.col-pc-offset-4 { margin-left: 320px; }
	.col-pc-offset-5 { margin-left: 400px; }
	.col-pc-offset-6 { margin-left: 480px; }
	.col-pc-offset-7 { margin-left: 560px; }
	.col-pc-offset-8 { margin-left: 640px; }
	.col-pc-offset-9 { margin-left: 720px; }
	.col-pc-offset-10 { margin-left: 800px; }
	.col-pc-offset-11 { margin-left: 880px; }
	.col-pc-offset-12 { margin-left: 960px; }
	*/
	.col-pc-1 { width: 8.33333333%; }
	.col-pc-2 { width: 16.66666667%; }
	.col-pc-3 { width: 25%; }
	.col-pc-4 { width: 33.33333333%; }
	.col-pc-5 { width: 41.66666667%; }
	.col-pc-6 { width: 50%; }
	.col-pc-7 { width: 58.33333333%; }
	.col-pc-8 { width: 66.66666667%; }
	.col-pc-9 { width: 75%; }
	.col-pc-10 { width: 83.33333333%; }
	.col-pc-11 { width: 91.66666667%; }
	.col-pc-12 { width: 100%; }
	.col-pc-x5 { width: 20%; }
	.col-pc-pull-0 { right: auto; }
	.col-pc-pull-1 { right: 8.33333333%; }
	.col-pc-pull-2 { right: 16.66666667%; }
	.col-pc-pull-3 { right: 25%; }
	.col-pc-pull-4 { right: 33.33333333%; }
	.col-pc-pull-5 { right: 41.66666667%; }
	.col-pc-pull-6 { right: 50%; }
	.col-pc-pull-7 { right: 58.33333333%; }
	.col-pc-pull-8 { right: 66.66666667%; }
	.col-pc-pull-9 { right: 75%; }
	.col-pc-pull-10 { right: 83.33333333%; }
	.col-pc-pull-11 { right: 91.66666667%; }
	.col-pc-pull-12 { right: 100%; }
	.col-pc-push-0 { left: auto; }
	.col-pc-push-1 { left: 8.33333333%; }
	.col-pc-push-2 { left: 16.66666667%; }
	.col-pc-push-3 { left: 25%; }
	.col-pc-push-4 { left: 33.33333333%; }
	.col-pc-push-5 { left: 41.66666667%; }
	.col-pc-push-6 { left: 50%; }
	.col-pc-push-7 { left: 58.33333333%; }
	.col-pc-push-8 { left: 66.66666667%; }
	.col-pc-push-9 { left: 75%; }
	.col-pc-push-10 { left: 83.33333333%; }
	.col-pc-push-11 { left: 91.66666667%; }
	.col-pc-push-12 { left: 100%; }
	.col-pc-offset-0 { margin-left: 0; }
	.col-pc-offset-1 { margin-left: 8.33333333%; }
	.col-pc-offset-2 { margin-left: 16.66666667%; }
	.col-pc-offset-3 { margin-left: 25%; }
	.col-pc-offset-4 { margin-left: 33.33333333%; }
	.col-pc-offset-5 { margin-left: 41.66666667%; }
	.col-pc-offset-6 { margin-left: 50%; }
	.col-pc-offset-7 { margin-left: 58.33333333%; }
	.col-pc-offset-8 { margin-left: 66.66666667%; }
	.col-pc-offset-9 { margin-left: 75%; }
	.col-pc-offset-10 { margin-left: 83.33333333%; }
	.col-pc-offset-11 { margin-left: 91.66666667%; }
	.col-pc-offset-12 { margin-left: 100%; }
}

/*--------------------------------------------------------------------------------
	ebox
--------------------------------------------------------------------------------*/

.ebox {
	position: relative;
	margin-bottom: 40px;
}
.ebox-bg {
	padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}

/*----------------------------------------
	content
----------------------------------------*/

.ebox p, .ebox ul, .ebox ol, .ebox dl, .ebox table, .ebox blockquote, .ebox pre { margin-bottom: 20px; }
.ebox p.row, .ebox ul.row, .ebox ol.row, .ebox dl.row, .ebox table.row,
.ebox p.row-narrow, .ebox ul.row-narrow, .ebox ol.row-narrow, .ebox dl.row-narrow, .ebox table.row-narrow,
.ebox p.row-stripe, .ebox ul.row-stripe, .ebox ol.row-stripe, .ebox dl.row-stripe, .ebox table.row-stripe { margin-bottom: 0; }
.ebox .col-sp-1,
.ebox .col-sp-2,
.ebox .col-sp-3,
.ebox .col-sp-4,
.ebox .col-sp-5,
.ebox .col-sp-6,
.ebox .col-sp-7,
.ebox .col-sp-8,
.ebox .col-sp-9,
.ebox .col-sp-10,
.ebox .col-sp-11,
.ebox .col-sp-12,
.ebox .col-sp-x5,
.ebox .col-pc-1,
.ebox .col-pc-2,
.ebox .col-pc-3,
.ebox .col-pc-4,
.ebox .col-pc-5,
.ebox .col-pc-6,
.ebox .col-pc-7,
.ebox .col-pc-8,
.ebox .col-pc-9,
.ebox .col-pc-10,
.ebox .col-pc-11,
.ebox .col-pc-12,
.ebox .col-pc-x5 { margin-bottom: 20px; }
.ebox .row-grid .col-sp-1,
.ebox .row-grid .col-sp-2,
.ebox .row-grid .col-sp-3,
.ebox .row-grid .col-sp-4,
.ebox .row-grid .col-sp-5,
.ebox .row-grid .col-sp-6,
.ebox .row-grid .col-sp-7,
.ebox .row-grid .col-sp-8,
.ebox .row-grid .col-sp-9,
.ebox .row-grid .col-sp-10,
.ebox .row-grid .col-sp-11,
.ebox .row-grid .col-sp-12,
.ebox .row-grid .col-sp-x5
.ebox .row-grid .col-pc-1,
.ebox .row-grid .col-pc-2,
.ebox .row-grid .col-pc-3,
.ebox .row-grid .col-pc-4,
.ebox .row-grid .col-pc-5,
.ebox .row-grid .col-pc-6,
.ebox .row-grid .col-pc-7,
.ebox .row-grid .col-pc-8,
.ebox .row-grid .col-pc-9,
.ebox .row-grid .col-pc-10,
.ebox .row-grid .col-pc-11,
.ebox .row-grid .col-pc-12,
.ebox .row-grid .col-pc-x5 { margin-bottom: 0; }
.ebox .col-sp-1 > *:last-child,
.ebox .col-sp-2 > *:last-child,
.ebox .col-sp-3 > *:last-child,
.ebox .col-sp-4 > *:last-child,
.ebox .col-sp-5 > *:last-child,
.ebox .col-sp-6 > *:last-child,
.ebox .col-sp-7 > *:last-child,
.ebox .col-sp-8 > *:last-child,
.ebox .col-sp-9 > *:last-child,
.ebox .col-sp-10 > *:last-child,
.ebox .col-sp-11 > *:last-child,
.ebox .col-sp-12 > *:last-child,
.ebox .col-sp-x5 > *:last-child,
.ebox .col-pc-1 > *:last-child,
.ebox .col-pc-2 > *:last-child,
.ebox .col-pc-3 > *:last-child,
.ebox .col-pc-4 > *:last-child,
.ebox .col-pc-5 > *:last-child,
.ebox .col-pc-6 > *:last-child,
.ebox .col-pc-7 > *:last-child,
.ebox .col-pc-8 > *:last-child,
.ebox .col-pc-9 > *:last-child,
.ebox .col-pc-10 > *:last-child,
.ebox .col-pc-11 > *:last-child,
.ebox .col-pc-12 > *:last-child,
.ebox .col-pc-x5 > *:last-child { margin-bottom: 0; }

/*----------------------------------------
	head_title
----------------------------------------*/

.ebox h1, .ebox h2, .ebox h3, .ebox h4, .ebox h5,
.ebox .h1, .ebox .h2, .ebox .h3, .ebox .h4, .ebox .h5 {
	font-weight: normal;
	line-height: 1.1;
}
.ebox h1, .ebox h2,
.ebox .h1, .ebox .h2 { margin-bottom: 20px; }
.ebox h3, .ebox h4, .ebox h5,
.ebox .h3, .ebox .h4, .ebox .h5 { margin-bottom: 10px; }

.ebox h1, .ebox .h1 { font-size: 3rem; }
.ebox h2, .ebox .h2 { font-size: 2.4rem; }
.ebox h3, .ebox .h3 { font-size: 1.8rem; }
.ebox h4, .ebox .h4 { font-size: 1.6rem; }
.ebox h5, .ebox .h5 { font-size: 1.6rem; }

.ebox h1 small, .ebox h2 small, .ebox h3 small, .ebox h4 small, .ebox h5 small,
.ebox .h1 small, .ebox .h2 small, .ebox .h3 small, .ebox .h4 small, .ebox .h5 small {
	font-weight: normal;
	line-height: 1;
}
.ebox h1 small, .ebox h2 small, .ebox h3 small,
.ebox .h1 small, .ebox .h2 small, .ebox .h3 small { font-size: 65%; }
.ebox h4 small, .ebox h5 small,
.ebox .h4 small, .ebox .h5 small { font-size: 75%; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.ebox h1, .ebox h2, .ebox h3, .ebox h4, .ebox h5,
	.ebox .h1, .ebox .h2, .ebox .h3, .ebox .h4, .ebox .h5 {
		font-weight: bold;
	}
	.android .ebox h1, .android .ebox h2, .android .ebox h3, .android .ebox h4, .android .ebox h5,
	.android .ebox .h1, .android .ebox .h2, .android .ebox .h3, .android .ebox .h4, .ebox .android .h5 {
		font-weight: normal;
	}
}

/*----------------------------------------
	ht/ht-bg
----------------------------------------*/

h1.ht-bg {
	padding: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height: 60px;
	background:#009944;
	color:#fff;
}

h2.ht-bg {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 10px 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height: 40px;
	background:#009944;
	color:#fff;
}

h3.ht-bg, .h3.ht-bg {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height: 30px;
	background:#009944;
	color:#fff;
}

/*----------------------------------------
	ht/ht-line
----------------------------------------*/

.ht-line {
	position: relative;
	border-right: 1px solid #ccc2ad;
}
.ht-line:before {
	border-top: solid 1px #ccc2ad;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.ht-line > span {
	background: url(../img/bg_be01.jpg);
	position: relative;
	z-index: 2;
	display: inline-block;
}

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.ht-line > span {
		padding: 0 10px 0 0;
		width: auto !important;
		display: inline-block !important;
	}
}

/*--------------------------------------------------------------------------------
	box
--------------------------------------------------------------------------------*/

.box-inner { padding: 20px; }
.box-inner > *:last-child { margin-bottom: 0; }
.box-ht {
	font-size: 18px;
	font-size: 1.8rem;
}

/*----------------------------------------
	border
----------------------------------------*/

.box-border {
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.box-border .box-ht {
	border-bottom: 1px solid #ccc;
	background: #eee;
	padding: 10px 20px;
	margin-bottom: 0;
}

/*----------------------------------------
	bg
----------------------------------------*/

.box-bg {
	padding: 10px 0;
	margin-bottom: 20px;
}
.box-bg.bg-pi { background-image: url(../img/bg_pi.jpg); }
.box-bg.bg-or { background-image: url(../img/bg_or.jpg); }
.box-bg.bg-ye { background-image: url(../img/bg_ye.jpg); }
.box-bg.bg-gr { background-image: url(../img/bg_gr.jpg); }
.box-bg.bg-bg { background-image: url(../img/bg_bg.jpg); }
.box-bg.bg-bl { background-image: url(../img/bg_bl.jpg); }
.box-bg.bg-pp { background-image: url(../img/bg_pp.jpg); }
.box-bg.bg-br { background-image: url(../img/bg_br.jpg); }
.box-bg.bg-be { background-image: url(../img/bg_be.jpg); }

.box-bg .box-ht {
	padding: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.box-bg .box-inner .box-ht { margin-bottom: 10px; }
.box-bg .box-inner { background: rgba(255,255,255,.5); }

/*--------------------------------------------------------------------------------
	bg & text-color
--------------------------------------------------------------------------------*/

/* red */
.bg-red { background-color: #f44336; }
.font-color-red { color: #f44336; }

/* brawn */
.bg-br { background-color: #592f2a; }
.font-color-br { color: #592f2a; }

/* black */
.bg-bk { background-color: #424242; }

/*--------------------------------------------------------------------------------
	button
--------------------------------------------------------------------------------*/

/*----------------------------------------
	btn
----------------------------------------*/

.btn {
	background:#664533;
	color: #fff;
	border: none;
	cursor: pointer;
	display: inline-block;
	padding: 3px 40px 3px 15px;
	text-decoration: none;
	vertical-align: baseline;
	position: relative;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.btn:hover, .btn:active, .btn:focus {
	text-decoration: none;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.btn:visited { color:#fff; text-decoration:none; }
.btn:before {
	position: absolute;
	top: 50%;
	color: #fff;
	right: 10px;
	margin-top: -.5em;
	font-family: "icomoon";
	content: "\ea3c";
	line-height: 1;
}

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.btn {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.btn:hover, .btn:active, .btn:focus {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	.btn-sp {
		border: none;
		cursor: pointer;
		display: inline-block;
		padding: 15px;
		text-decoration: none;
		vertical-align: baseline;
		position: relative;
	}
	.btn-sp:before {
		position: absolute;
		top: 50%;
		color: #fff;
		right: 10px;
		margin-top: -.5em;
		font-family: "icomoon";
		content: "\f105";
		line-height: 1;
	}
}

/* color */

.btn-pi { background-image: url(../img/bg_pi.jpg); }
.btn-or { background-image: url(../img/bg_or.jpg); }
.btn-ye { background-image: url(../img/bg_ye.jpg); }
.btn-gr { background-image: url(../img/bg_gr.jpg); }
.btn-bg { background-image: url(../img/bg_bg.jpg); }
.btn-bl { background-image: url(../img/bg_bl.jpg); }
.btn-pp { background-image: url(../img/bg_pp.jpg); }
.btn-br { background-image: url(../img/bg_br.jpg); }
.btn-be { background-image: url(../img/bg_be.jpg); }

/* size */

.btn-block {
	display: block;
	width: 100%;
}

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.btn-sp-block {
		display: block;
		width: 100%;
	}
	.btn-sp-inline-block {
		display: inline-block;
		width: auto;
	}
}

/*--------------------------------------------------------------------------------
	carousel
--------------------------------------------------------------------------------*/

.slick-slider { position: relative; }

/*----------------------------------------
	arrow
----------------------------------------*/

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus { outline: none; }
.slick-prev:before, .slick-next:before {
	font-family: 'icomoon';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* dots */

.slick-arrows-circle .slick-prev,
.slick-arrows-circle .slick-next {
	background: rgba(0,0,0,.2);
	width: 40px;
	height: 40px;
	margin-top: -36px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.slick-arrows-circle .slick-prev:before,
.slick-arrows-circle .slick-next:before {
	font-size: 20px;
	color: #fff;
}
.slick-arrows-circle.slick-arrows-inside .slick-prev { left: 20px; }
.slick-arrows-circle.slick-arrows-inside .slick-next { right: 20px; }
.slick-arrows-circle.slick-arrows-outside .slick-prev { left: -60px; }
.slick-arrows-circle.slick-arrows-outside .slick-next { right: -60px; }

/* flat */

.slick-arrows-flat .slick-prev,
.slick-arrows-flat .slick-next {
	margin-top: -32px;
	background: url(../img/slick_nav.png) no-repeat;
	height: 63px;
	width: 63px;
	line-height: 63px;
}
.slick-arrows-flat .slick-prev {
	background-position: left top;
}
.slick-arrows-flat .slick-next {
	background-position: -63px top;
}
.slick-arrows-flat .slick-prev:before,
.slick-arrows-flat .slick-next:before { font-size: 44px; }
.slick-arrows-flat.slick-arrows-inside .slick-prev:before,
.slick-arrows-flat.slick-arrows-inside .slick-next:before {
	color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.slick-arrows-flat.slick-arrows-outside .slick-prev:before,
.slick-arrows-flat.slick-arrows-outside .slick-next:before { color: #e0e0e0; }
.slick-arrows-flat.slick-arrows-inside .slick-prev { left: 50%; margin-left:-510px; }
.slick-arrows-flat.slick-arrows-inside .slick-next { right: 50%; margin-right:-510px; }
.slick-arrows-flat.slick-arrows-outside .slick-prev { left: -40px; }
.slick-arrows-flat.slick-arrows-outside .slick-next { right: -40px; }

/*----------------------------------------
	nav
----------------------------------------*/

.slick-dots {
	position:absolute;
	width:100%;
	bottom:10px;
	text-align: center;
	letter-spacing: -.4em;
	line-height: 0;
}
.slick-dots li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 5px;
}
.slick-dots button {
	font-size: 0;
	display: block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: rgba(0,0,0,.25);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.slick-dots button:hover, .slick-dots button:active, .slick-dots button:focus { outline: none; }
.slick-dots button:hover, .slick-dots button:active, .slick-dots .slick-active button { background: rgba(0,0,0,.75); }

/* row */

.row .slick-dots,
.row-stripe .slick-dots {
	margin-top: 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------------------------
	float
--------------------------------------------------------------------------------*/

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

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.float-sp-left { float: left; }
	.float-sp-right { float: right; }
	.float-sp-none { float: none; }
}

/*--------------------------------------------------------------------------------
	image
--------------------------------------------------------------------------------*/

.img-rounded {
	border-radius: 7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
}
.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.img-circle {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/*----------------------------------------
	media
----------------------------------------*/

.media {
	display: table;
	margin-bottom: 20px;
}
.media-object, .media-body {
	display: table-cell;
	vertical-align: top;
}
.media-body *:last-child { margin-bottom: 0; }

.media-object.media-left { padding-right: 20px; }
.media-object.media-right { padding-left: 20px; }

.media-object.media-middle { vertical-align: middle; }
.media-object.media-bottom { vertical-align: bottom; }

.media.media-middle .media-object,
.media.media-middle .media-body { vertical-align: middle; }
.media.media-bottom .media-object,
.media.media-bottom .media-body { vertical-align: bottom; }


/*----------------------------------------
	thumbnail
----------------------------------------*/

.thumbnail {
	display: block;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
}
.thumbnail .thumbnail-caption { padding: 10px; }
.thumbnail .thumbnail-body { padding: 20px; }
.thumbnail .thumbnail-caption *:last-child { margin-bottom: 0 !important; }

/*--------------------------------------------------------------------------------
	image_replacement
	ir = image replacement
--------------------------------------------------------------------------------*/

.ir,
.ir-pc {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	display: block;
}
.ir a, .ir-pc a { display: block; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.ir-pc {
		overflow: visible;
		text-indent: 0;
		white-space: normal;
	}
}

/*--------------------------------------------------------------------------------
	link
--------------------------------------------------------------------------------*/

a { color:#1d3994; text-decoration:none; }
a:hover, a:active, a:focus { color:#cc3434; text-decoration:underline; }
a:visited { color:#663399; text-decoration:none; }

.if-blank:before {
	font-family: "icomoon";
	content: "\e602";
	margin:0 2px;
}
.if-ya:before {
	font-family: "icomoon";
	content: "\ea3c";
	margin:0 2px;
}
.if-right:before {
	font-family: "icomoon";
	content: "\e601";
	margin:0 2px;
}
.if-phone:before {
	font-family: "icomoon";
	content: "\e942";
	margin:0 2px;
}
.if-up:before {
	font-family: "icomoon";
	content: "\e606";
	margin:0 2px;
}

/*--------------------------------------------------------------------------------
	list
--------------------------------------------------------------------------------*/

/*----------------------------------------
	basic
----------------------------------------*/

.list-basic li {
	list-style: disc;
	margin-left: 20px;
}
.list-basic > li { margin-top: .5em; }
.list-basic > li:first-child { margin-top: 0; }

/*----------------------------------------
	number
----------------------------------------*/

.list-number li {
	list-style: decimal;
	margin-left: 20px;
}
.list-number > li { margin-top: .5em; }
.list-number > li:first-child { margin-top: 0; }

/*----------------------------------------
	inline
----------------------------------------*/

.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

/*----------------------------------------
	list-group
----------------------------------------*/

.list-group {
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.list-group-item {
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	padding: 10px 20px;
	position: relative;
	display: block;
	text-decoration: none;
	background-color: #fff;
}
.list-group a { color: #4d4d4d; }
.list-group .disabled {
	color: #bdbdbd;
	background-color: #fafafa;
}
.list-group a.disabled { cursor: not-allowed; }
.list-group a:hover,
.list-group a:active,
.list-group a:focus { background-color: #e1f5fe; }
.list-group a:before {
	font-family: "icomoon";
	content: "\f105";
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	right: 15px;
}
.list-group-item *:last-child { margin-bottom: 0; }

/*----------------------------------------
	dl-basic
----------------------------------------*/

.dl-basic dt {
	color: #333;
	margin-top: 10px;
}
.dl-basic dt:first-child { margin-top: 0; }

/*----------------------------------------
	horizontal
----------------------------------------*/

.dl-horizontal { display: table; }
.dl-horizontal dt,
.dl-horizontal dd {
	display: table-cell;
	vertical-align: top;
}
.dl-horizontal dt {
	color: #333;
	white-space: nowrap;
}
.dl-horizontal dd { padding-left: 20px; }

/*--------------------------------------------------------------------------------
	page_nav
--------------------------------------------------------------------------------*/

.page_nav {
	text-align: center;
	letter-spacing: -.4em;
	line-height: 1;
	font-size: 13px;
	font-size: 1.3rem;
}
.page_nav li {
	letter-spacing: normal;
	display: inline-block;
	padding: 0 5px;
}
.page_nav a, .page_nav span {
	display: block;
	text-decoration: none;
	padding: 10px 13px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.page_nav a {
	border: 1px solid #ccc;
	color: #333;
}
.page_nav span {
	border: 1px solid #e5e5e5;
	color: #999;
}
.page_nav .top a:before, .page_nav .top span:before,
.page_nav .home a:before, .page_nav .home span:before,
.page_nav .previous a:before, .page_nav .previous span:before,
.page_nav .next a:after, .page_nav .next span:after {
	font-family: "icomoon";
	line-height: 1;
}
.page_nav .top a:before, .page_nav .top span:before {
	content: "\e606";
	margin-right: 10px;
}
.page_nav .home a:before, .page_nav .home span:before {
	content: "\e900";
	margin-right: 10px;
}
.page_nav .previous a:before, .page_nav .previous span:before {
	content: "\ea40";
	margin-right: 10px;
}
.page_nav .next a:after, .page_nav .next span:after {
	content: "\ea3c";
	margin-left: 10px;
}
.page_nav .current span {
	background: #b4a471;
	border-color: #b4a471;
	color: #fff;
}
.page_nav a:hover { background: #f2f2f2; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.page_nav {
		margin-left: -5px;
		margin-right: -5px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.page_nav li {
		display: none;
		width: 50%;
		float: left;
	}
	.page_nav .top,
	.page_nav .home,
	.page_nav .previous,
	.page_nav .next { display: inline-block; }
	.page_nav a, .page_nav span {
		padding-top: 14px;
		padding-bottom: 14px;
	}
	#cms_single .page_nav .next,
	#cms_sinble .page_nav .previous { margin-bottom: 10px; }
}

/*--------------------------------------------------------------------------------
	margin
--------------------------------------------------------------------------------*/

/*----------------------------------------
	top
----------------------------------------*/

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

/*----------------------------------------
	right
----------------------------------------*/

.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }

/*----------------------------------------
	bottom
----------------------------------------*/

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

/*----------------------------------------
	left
----------------------------------------*/

.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }


/*--------------------------------------------------------------------------------
	table
--------------------------------------------------------------------------------*/

table { width: 100%; }
th { white-space: nowrap; }

/*----------------------------------------
	common_style
----------------------------------------*/

.table-width-auto { width: auto; }
.td-number {
	text-align: right;
	white-space: nowrap;
}
.td-price {
	color: #d94c58;
	text-align: right;
	white-space: nowrap;
}
.td-link { text-align: right; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	th { white-space: normal; }
}

/*----------------------------------------
	simple
----------------------------------------*/

.table-simple th,
.table-simple td { padding: 2px 5px; }
.table-simple th { font-weight: normal; }

/*----------------------------------------
	basic_style
----------------------------------------*/

.table-basic th,
.table-basic td {
	border: 1px solid #ccc;
	padding: 5px 10px;
	background:#fff;
}
.table-basic th { background: #eee; }
.table-basic thead th {
	border-bottom: 3px double #ccc;
	text-align: center;
	vertical-align:middle;
}
.table-basic thead th:first-child { text-align: left; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.table-basic.table-responsive { border-top: 1px solid #ccc; }
	.table-basic.table-responsive th,
	.table-basic.table-responsive td {
		border-top: none;
	}
}

/*----------------------------------------
	table-border
----------------------------------------*/

.table-border { border-bottom: 1px solid #ccc2ad; }
.table-border th,
.table-border td {
	border-top: 1px dotted #ccc2ad;
	padding: 10px;
	vertical-align: middle;
}
.table-border tr:first-child th,
.table-border tr:first-child td { border-top-style: solid; }
.table-border tbody th {
	position: relative;
	padding-right: 20px;
	font-weight: normal;
	color: #998f7a;
}
.table-border thead th { border-bottom: 3px double #ccc; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.table-border.table-responsive th {
		border-top-style: solid;
		background: #fff;
		color: #424242;
		display: block;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	.table-border.table-responsive tr:first-child td { border-top-style: dotted; }
	.table-border.table-responsive tbody th { padding-right: 0; }
}

/*----------------------------------------
	table-responsive
----------------------------------------*/

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.table-responsive thead { display: none; }
	.table-responsive th, .table-responsive td { display: block; }
	.table-responsive.with-data-label td:before {
		content: "[ "attr(data-label)" ]";
		display: block;
		margin-right: 10px;
	}
}

/*--------------------------------------------------------------------------------
	text
--------------------------------------------------------------------------------*/

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-nowrap { white-space: nowrap; }
.text-capitalize { text-transform: capitalize; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }

/*----------------------------------------
	hr
----------------------------------------*/

hr {
	height: 0;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border: 0;
	border-top: 1px solid #ccc;
	margin-top: 0;
	margin-bottom: 20px;
}

/* border */

.hr-diamond {
	position: relative;
	height: 1px;
	background: #ccc2ad;
	width: 60%;
	margin: 15px auto;
}
.hr-diamond span {
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #ccc2ad;
	position: absolute;
	top: -11px;
	left: 50%;
	margin-left: -6px;
}
.hr-diamond span:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 5px;
	width: 0;
	height: 0;
	margin-left: -6px;
	border: 6px solid transparent;
	border-top-color: #ccc2ad;
}

/*----------------------------------------
	style
----------------------------------------*/

blockquote {
	background-color: #f2f2f2;
	padding: 20px 20px 20px 50px;
	position: relative;
}
blockquote:before {
	color: #ccc;
	content: "“";
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100px;
	line-height: 1;
	position: absolute;
	top: 5px;
	left: 5px;
}
code {
	background: #f2f2f2;
	font-family: Consolas, "Courier New", Courier, Monaco, monospace;
	vertical-align: text-top;
	border: 1px solid #ccc;
	margin: 0 5px;
	padding: 2px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
pre {
	background: #f2f2f2;
	border: 1px solid #ccc;
	font-family: Consolas, "Courier New", Courier, Monaco, monospace;
	padding: 20px;
	overflow: scroll;
}
sub, sup { font-size: 11px; font-size: 1.1rem; }
sub { vertical-align: text-bottom; }
sup { vertical-align: text-top; }

/*----------------------------------------
	size
----------------------------------------*/

.font-size-xs { font-size: 65%; }
.font-size-s { font-size: 85%; }
.font-size-m { font-size: 120%; }
.font-size-l { font-size: 160%; }
.font-size-xl { font-size: 200%; }
.font-size-normal {
	font-size: 15px;
	font-size: 1.5rem;
}

/*----------------------------------------
	color
----------------------------------------*/

.font-gr { color: #009944; }


/*--------------------------------------------------------------------------------
	visible & hidden
--------------------------------------------------------------------------------*/

.visible-sp, .visible-sp-block, .visible-sp-inline, .visible-sp-inline-block,
.visible-pc, .visible-pc-block, .visible-pc-inline, .visible-pc-inline-block { display: none !important; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.visible-sp { display: block !important; }
	table.visible-sp { display: table; }
	tr.visible-sp { display: table-row !important; }
	th.visible-sp, td.visible-sp { display: table-cell !important; }
	.visible-sp-block { display: block !important; }
	.visible-sp-inline { display: inline !important; }
	.visible-sp-inline-block { display: inline-block !important; }
}

/* PC -------------------- */
@media screen and (min-width: 768px) {
	.visible-pc { display: block !important; }
	table.visible-pc { display: table; }
	tr.visible-pc { display: table-row !important; }
	th.visible-pc, td.visible-pc { display: table-cell !important; }
	.visible-pc-block { display: block !important; }
	.visible-pc-inline { display: inline !important; }
	.visible-pc-inline-block { display: inline-block !important; }
}

/*----------------------------------------
	hidden
----------------------------------------*/

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.hidden-sp { display: none !important; }
}

/* PC -------------------- */
@media screen and (min-width: 768px) {
	.hidden-pc { display: none !important; }
}

/*--------------------------------------------------------------------------------
	bread_crumb
--------------------------------------------------------------------------------*/

.bread_crumb {
	letter-spacing: -.4em;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0;
	color: #333;
}
.bread_crumb li {
	letter-spacing: normal;
	display: inline;
}
.bread_crumb li:before {
	font-family: "icomoon";
	content: "\e600";
	margin: 0 10px;
}
.bread_crumb li:first-child:before {
	content:"";
	margin: 0;
}
.bread_crumb a {
	color: #333;
	text-decoration: none;
}
.bread_crumb a:hover,
.bread_crumb a:active,
.bread_crumb a:focus { text-decoration: underline; }