@charset "utf-8";

/*
.ebox { background-color: rgba(255,0,0,.1) !important; }
.ebox .row { background-color: rgba(0,255,0,.1) !important; }
.ebox [class^="col-"],
.ebox [class*=" col-"] { background-color: rgba(0,0,255,.1) !important; }
.ebox p,
.ebox li,
.ebox dt,
.ebox dd { background-color: rgba(0,0,0,.2) !important; }



/*----------------------------------------------------------------------------------------------------------------------------------
	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.5; color: #2e3033; }
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;
  outline: none;
}
/* 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;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-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; }
pre { word-wrap: normal; }
address { font-style: normal; }
img {
	max-width: 100%;
	height: auto;
	margin: 0 auto !important;
}
li { list-style: none; }
table { max-width: 100%; }

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

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

/*--------------------------------------------------------------------------------
	clearfix
	.container .row .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
----------------------------------------------------------------------------------------------------------------------------------*/

#content {
	margin-bottom: 40px;
}

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.call a {
		display: block;
		height: 55px;
	}
	#content {
		margin-bottom: 20px;
	}
}
/*--------------------------------------------------------------------------------
	column
--------------------------------------------------------------------------------*/

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

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

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.container { width: 100%; }
	
	#header .container {
		width: 100%;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

/*----------------------------------------
	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-x6 { width: 33.3333%; }
.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:first-child {
	position: relative;
	margin-bottom: 40px;
	margin-top: 40px;
}
.ebox {
	position: relative;
}
.ebox-bg {
	padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}
@media screen and (min-width: 769px){
	.ebox {
		margin-bottom: 40px !important;
	}
}

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.ebox:first-child {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.ebox-bg {
		padding-top: 20px;
		padding-bottom: 0;
		margin-bottom: 40px;
	}
}

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

.ebox { position: relative; }
 
.pagination,
.postNav,
.ebox address,
.ebox dl,
.ebox ol,
.ebox p,
.ebox pre,
.ebox table,
.ebox ul,
.ebox [class^="col-"],
.ebox [class*=" col-"],
.ebox .btn-group,
.ebox .card,
.ebox .card-group,
.ebox .hr-diamond,
.ebox .hr-circle,
.ebox .media,
.ebox .slick,
.ebox .thumbnail { margin-bottom: 20px; }
 
.ebox ol ol,
.ebox ul ul,
.ebox ol ul,
.ebox ul ol,
.ebox .row,
.ebox .row-20,
.ebox .row-0,
.ebox .row-grid [class^="col-"],
.ebox .row-grid [class*=" col-"],
.ebox [class^="col-"] *:last-child,
.ebox [class*=" col-"] *:last-child,
.ebox [class^="col-"] *:last-child > *:last-child,
.ebox [class*=" col-"] *:last-child > *:last-child,
.ebox [class^="col-"] *:last-child > *:last-child > *:last-child,
.ebox [class*=" col-"] *:last-child > *:last-child > *:last-child,
.ebox .slick-dots,
.ebox .tab-nav { margin-bottom: 0; }


/*
.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: 0;　padding-bottom: 0; }
.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
----------------------------------------*/

h1, h2, h3, h4, h5 {
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: normal;
}
h2, h3, h4, h5 {
	color: #2e3033;
}
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small { font-size: 80%; }

h2 {
	font-size: 20px;
	font-size: 2.0rem;
}
h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
h4 {
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
}

/* PC -------------------- */
@media screen and (min-width: 768px) {
	.ebox h1.title-bg {
		background: url(../img/h1-bg-border.gif) no-repeat center bottom; 
		background-size: 110px;
		font-size: 3.6rem;
		margin: 0 auto 30px auto !important;
		padding-bottom: 20px;
		text-align: center !important;
	}
}

/* SP -------------------- */
@media screen and (max-width: 767px) {
	h1, h2, h3, h4, h5 {
		font-weight: bold;
		line-height: 1.3333;
	}
	.android h1, .android h2, .android h3, .android h4, .android h5 {
		font-weight: normal;
		font-family: sans-serif;
	}
	h1 { font-size: 2.4rem; }
	
	/* title-bg */
	
	.ebox h1.title-bg {
		background: url(../img/h1-bg-border.gif) no-repeat center bottom; 
		background-size: 60px;
		font-size: 2.2rem;
		margin: 10px auto 15px auto !important;
		padding-bottom: 10px;
		text-align: center !important;
		letter-spacing: 1px;
	}
	
/*	.ebox h1.title-bg {
		font-size: 2.3rem;
		margin-top: 5px;
		margin-bottom: 20px;
		text-align: center !important;
		position: relative;
		font-weight: bold;
	}

	.ebox h1.title-bg:before {
		display: inline-block;
		width: 28px;
		height: 31px;
		content: "";
		background:  url(../img/h1-bg.png); 
		background-size: contain;
		vertical-align :middle;
		position: absolute;
		top: 50%;
		margin-top: -19px;
		margin-left: -38px;
	}
	.ebox h1.title-bg:after {
		display: inline-block;
		width: 28px;
		height: 31px;
		content: "";
		background:  url(../img/h1-bg.png); 
		background-size: contain;
		vertical-align :middle;
		position: relative;
		top: -4px;
		left: 8px;
	}
	.ebox h1.title-bg.small {
		font-size: 1.8rem !important;
	}
	.ebox h1.title-bg.small:before {
		width: 20px;
		height: 22px;
		top: 50%;
		margin-top: -11px;
		margin-left: -25px;
	}
	.ebox h1.title-bg.small:after {
		width: 20px;
		height: 22px;
		top: -3px;
		left: 5px;
	}
	*/
h2 { font-size: 1.8rem; }
	h3 { font-size: 1.6rem; }
	h4 { font-size: 1.5rem; padding: 10px; }
}

/*----------------------------------------
	ht/ir-pc
----------------------------------------*/

.ht-ir-pc {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	background-repeat: no-repeat
}
.ht-ir-pc a { display: block; }


/* SP -------------------- */
@media screen and (max-width: 767px) {
	.ht-ir-pc {
		overflow: visible;
		text-indent: 0;
		white-space: normal;
		background: none !important;
		height: auto !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 #ccc2ad;
	margin-bottom: 20px;
}
.box-border .box-ht {
	border-bottom: 1px solid #ccc2ad;
	background: #e6e0c3;
	padding: 10px 20px;
	margin-bottom: 0;
}

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

.box-bg {
	background: url(../img/seigaiha-br.jpg);
	padding: 5px;
	margin-bottom: 20px;
}
.box-bg.bg-seigaiha-go { background-image: url(../img/seigaiha-go.jpg); }
.box-bg.bg-seigaiha-pi { background-image: url(../img/seigaiha-pi.jpg); }
.box-bg.bg-seigaiha-gr { background-image: url(../img/seigaiha-gr.jpg); }
.box-bg.bg-seigaiha-pu { background-image: url(../img/seigaiha-pu.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 */
.font-color-re { color: #f44336; }

/* blue */
.font-color-bl { color: #265380; }

/* blue */
.bg-go { background-color: #ede187; }

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

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

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

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.btn {
		padding: 13px auto 13px 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: "FontAwesome";
		content: "\f105";
		line-height: 1;
	}
}

/* color */

.btn {
	display: block;
	width: 100%;
	background: #dae4e6;
	color: #333;
}
/* SP -------------------- */
@media screen and (max-width: 767px) {
	.btn-sp {
		background: #dae4e6;
		color: #333;
	}
}

.btn-br { background-image: url(../img/washi-br03.jpg); }
.btn-re { background-image: url(../img/washi-re01.jpg); }
.btn-go { background-image: url(../img/washi-go01.jpg); }
.btn-pu { background-image: url(../img/washi-pu.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;
	}
}

/* border */

.btn-border {
	background: none;
	border: 3px double #ccc2ad;
	color: #333;
}
.btn-border:before { color: #998f7a; }


/*----------------------------------------*----------------------------------------
Slick
----------------------------------------*----------------------------------------*/

.slick-slider {
	position: relative;
	display: none;
}

@media screen and (max-width: 767px) {
	.slick-sp-center_mode .slick-slide { opacity: .5; }
	.slick-sp-center_mode .slick-active { opacity: 1; }
}

@media screen and (max-width: 939px) {
	.slick { overflow: hidden; }
}

/*----------------------------------------
thumbnails
----------------------------------------*/

.slick-thumbnails {}
.slick-thumbnails .slick-slide {
	text-align: center;
	opacity: .25;
}
.slick-thumbnails .slick-slide.slick-active { opacity: 1; }
.slick-thumbnails .slick-slide img {
	display: inline;
	vertical-align: bottom;
}

/*----------------------------------------
arrow
デフォルトはinside
----------------------------------------*/
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	margin-top: -28px;
	margin-right: -13px;
	background: transparent;
}
.slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	margin-top: -28px;
	margin-left: -49px;
	background: transparent;
	z-index: 100;
}
.slick-prev { left: 20px !important; }
.slick-next { right: 20px; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus { outline: none; }
.slick-prev:before, .slick-next:before {
	font-family: 'FontAwesome';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 53px;
	line-height: 1;
	color: #c8cacc;
	opacity: .5;
}
.slick-prev:before { content: '\f104'; }
.slick-next:before { content: '\f105'; }
/*

@media screen and (max-width: 767px) {
	.slick-prev, .slick-next { margin-top: -20px; }
	.slick-prev { left: 10px; }
	.slick-next { right: 10px; }
	.slick-prev:before, .slick-next:before {
	font-size: 40px;
	}
}

/* outside */ 

.slick-arrows-outside {}
.slick-arrows-outside .slick-prev:before,
.slick-arrows-outside .slick-next:before {
	color: #000;
	opacity: .15;
}
.slick-arrows-outside .slick-prev { left: -40px; }
.slick-arrows-outside .slick-next { right: -40px; }

/*----------------------------------------
nav
デフォルトはinside
----------------------------------------*/

.slick-dots {
	text-align: center;
	letter-spacing: -.4em;
	line-height: 0;
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
}
.slick-dots li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 5px;
}
.slick-dots button {
	font-size: 0;
	display: block;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	padding: 0;
	/* 丸いドットの場合*/
	width: 10px;
	height: 10px;
	background: rgba(255,255,255, .35);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* 長方形ドットの場合 */

.slick-dots-bar {}
.slick-dots-bar .slick-dots button {
	width: 40px;
	height: 5px;
	background: rgba(255,255,255, .25);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.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(255,255,255, 1); }


/* outside */

.slick-dots-outside .slick-dots {
	position: static;
	width: auto;
	margin-top: 10px;
}

/*--------------------------------------------------------------------------------
	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: 5px; }
.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%;
}

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

.thumbnail {
	display: block;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.thumbnail > img, .thumbnail a > img {
	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: 100%;
	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 { text-decoration: none; }
a:hover { text-decoration: underline; }
a:atvice, a:focus { text-decoration: none; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	span[data-action="call"] { text-decoration: underline; }
}

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

li ul:last-child,
li ol:last-child,
dd ul:last-child,
dd ol:last-child,
dd dl:last-child { margin-bottom: 0; }
ul.square li { 
	list-style-type: square !important;
	margin-left: 2rem;
	color: #adcc52;
}
ul.square span { 
	color: #333333;
}

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

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

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

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

/*----------------------------------------
	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: "FontAwesome";
	content: "\f105";
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	right: 15px;
}
.list-group-item *:last-child { margin-bottom: 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 #888;
	color: #333;
}
.page_nav span {
	border: 1px solid #bbb;
	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: "FontAwesome";
	line-height: 1;
}
.page_nav .top a:before, .page_nav .top span:before {
	content: "\f106";
	margin-right: 10px;
}
.page_nav .home a:before, .page_nav .home span:before {
	content: "\f015";
	margin-right: 10px;
}
.page_nav .previous a:before, .page_nav .previous span:before {
	content: "\f104";
	margin-right: 10px;
}
.page_nav .next a:after, .page_nav .next span:after {
	content: "\f105";
	margin-left: 10px;
}
.page_nav .current span {
	background: #74b336;
	border-color: #74b336;
	color: #fff;
}
.page_nav a:hover { color: #fff; background: #99cc66; }

/* 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; }
table td ul.list-basic { padding-bottom: 0; margin-bottom: 0; }

/*----------------------------------------
	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 {
	border-top: 1px solid #CCC6C6;
	border-bottom: 1px solid #CCC6C6;
}
.table-basic th, 
.table-basic td {
	border-bottom: 1px dotted #CCC6C6;
	border-right: 1px solid #CCC6C6;
	padding: 5px 10px;
}
.table-basic th { background: #CCC6C6; }
.table-basic thead th {
	border-bottom: 3px double #CCC6C6;
	text-align: center;
}
.table-basic tr:last-child {
	border-bottom: none;
}
.table-basic thead th:first-child { text-align: left; }

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

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

.table-border { border-bottom: 1px solid #D7CFCF; border-collapse:separate; }
.table-border th {
	width: 150px;
	background: #D7CFCF;
 	border-bottom: 1px solid #F1EFEF !important;
 }
.table-border tr:last-child th {
	border-bottom: none !important;
 }
.table-border th,
.table-border td {
	border-top: 1px solid #D7CFCF;
	border-right: 1px solid #D7CFCF;
	padding: 10px 14px;
	vertical-align: middle;
	line-height: 1.5;
}
.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: #2e3033;
	white-space: nowrap;
}
.table-border thead th { border-bottom: 3px solid #D7CFCF; }

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.table-border.table-responsive th { width: 100%; border-bottom: none !important; }
	.table-border.table-responsive th { border-top-style: solid; }
	.table-border.table-responsive tr:first-child td { border-top-style: solid; }
	.table-border.table-responsive tbody th { padding-right: 0; }
	.table-border.table-responsive tbody th,
	.table-border.table-responsive tbody td {
		border-right: none;
	}
}

/*----------------------------------------
	caption
----------------------------------------*/

.table-border caption {
	border-left: double 3px #334c66;
	border-width: 8px;
	padding-left: 10px;
	margin-bottom: 15px;  
	font-size: 2rem;
	text-align: left;
 }

/*----------------------------------------
	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: 45%; }
.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;
}

/*--------------------------------------------------------------------------------
	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; }
}

/*--------------------------------------------------------------------------------
	page-header
--------------------------------------------------------------------------------*/

/* PC -------------------- */
@media screen and (min-width: 768px) {
	.page-header {
		height: 160px;
		padding-top: 20px;
	}
	/* regular menu */
	.contact-body .page-header { background: url(../../contact/img/page-header.jpg) no-repeat; background-position: center 0; }
	.company-body .page-header { background: url(../../company/img/page-header.jpg) no-repeat; background-position: center 0; }
	.guide-body .page-header { background: url(../../guide/img/page-header.jpg) no-repeat; background-position: right 0; }
	.kodawari-body .page-header { background: url(../../kodawari/img/page-header.jpg) no-repeat; background-position: center 0; }
	.menu-body .page-header { background: url(../../menu/img/page-header.jpg) no-repeat; background-position: center 0; }
	.news-body .page-header { background: url(../../news/img/page-header.jpg) no-repeat; background-position: center 0;}
	.privacy-body .page-header { background: url(../../privacy/img/page-header.jpg) no-repeat; background-position: center 0;}
	.policy-body .page-header { background: url(../../policy/img/page-header.jpg) no-repeat; background-position: center 0;}
	
	.page-header .container {
		height: 120px;
		background: url(../img/page-header-bg.png) no-repeat center;
		overflow: hidden;
	}
	.contact-body .page-header .container { background-position: center 0; }
	.company-body .page-header .container { background-position: center -120px; }
	.guide-body .page-header .container { background-position: center -240px; }
	.kodawari-body .page-header .container { background-position: center -360px; }
	.menu-body .page-header .container { background-position: center -480px; }
	.news-body .page-header .container { background-position: center -600px; }
	.privacy-body .page-header .container { background-position: center -720px; }
	.policy-body .page-header .container { background-position: center -840px; }
	
	.page-header h1 {
		display: block;
		width: 453px;
		height: 45px;
		margin: 30px auto 0 auto;
		background: url(../img/h1_title.png) no-repeat center top;
		background-size: 453px;
	}
	/* regular menu */
	.page-header h1.contact { background-position: 0 0; }
	.page-header h1.company { background-position: 0 -45px; }
	.page-header h1.guide { background-position: 0 -90px; }
	.page-header h1.kodawari { background-position: 0 -135px; }
	.page-header h1.menu { background-position: 0 -180px; }
	.page-header h1.news { background-position: 0 -315px; }
	.page-header h1.privacy { background-position: 0 -360px; }
	.page-header h1.policy { background-position: 0 -405px; }
	
	/* category menu */
	.menu-category-body .page-header h1 {
		background: url(../img/h1_title-menu.png) no-repeat center top;
		background-size: 453px;
	}
	.page-header h1.menu-makunouchi { background-position: 0 0; }
	.page-header h1.menu-gattsuri { background-position: 0 -45px; }
	.page-header h1.menu-omusubi { background-position: 0 -90px; }
	.page-header h1.menu-sushi { background-position: 0 -135px; }
	.page-header h1.menu-men { background-position: 0 -180px; }
	.page-header h1.menu-catering-oeuvre { background-position: center -225px; }
	.page-header h1.menu-kaisha { background-position: center -270px; }
	.page-header h1.menu-takuhai { background-position: center -315px; }
	.page-header h1.menu-healthy { background-position: center -360px; }
	.page-header h1.menu-kodawari { background-position: center -405px; }
	
	/* scene menu */
	.menu-scene-body .page-header h1 {
		background: url(../img/h1_title-scene.png) no-repeat center top;
		background-size: 453px;
	}
	.page-header h1.menu-sports_fest { background-position: 0 0; }
	.page-header h1.menu-pta { background-position: 0 -45px; }
	.page-header h1.menu-bukatsu { background-position: 0 -90px; }
	.page-header h1.menu-hanami { background-position: 0 -135px; }
	.page-header h1.menu-kaigi { background-position: 0 -180px; }
	.page-header h1.menu-kaisha-scene { background-position: 0 -225px; }
	
}


/* SP -------------------- */
@media screen and (max-width: 767px) {
	.page-header {
		height: 80px;
		padding-top: 10px;
		margin-bottom: 20px;
	}
	.contact-body .page-header { background: url(../../contact/img/page-header.jpg) no-repeat; background-position: -250px 0; background-size: cover; }
	.company-body .page-header { background: url(../../company/img/page-header.jpg) no-repeat; background-position: center; background-size: cover; }
	.guide-body .page-header { background: url(../../guide/img/page-header.jpg) no-repeat; background-position: -210px 0; background-size: cover; }
	.kodawari-body .page-header { background: url(../../kodawari/img/page-header.jpg) no-repeat; background-position: -200px 0; background-size: cover; }
	.menu-body .page-header { background: url(../../menu/img/page-header.jpg) no-repeat; background-position: center 0; background-size: cover; }
	.news-body .page-header { background: url(../../news/img/page-header.jpg) no-repeat; background-position: -50px 0; background-size: cover; }
	.privacy-body .page-header { background: url(../../privacy/img/page-header.jpg) no-repeat; background-position: -250px 0; background-size: cover; }
	.policy-body .page-header { background: url(../../policy/img/page-header.jpg) no-repeat; background-position: -250px 0; background-size: cover; }

	.page-header .container {
		height: 65px;
		background: url(../img/page-header-bg.png) no-repeat center;
		background-size: 50px;
		overflow: hidden;
	}
	.contact-body .page-header .container { background-position: center 0; }
	.company-body .page-header .container { background-position: center -65px; }
	.guide-body .page-header .container { background-position: center -130px; }
	.kodawari-body .page-header .container { background-position: center -195px; }
	.menu-body .page-header .container { background-position: center -260px; }
	.news-body .page-header .container { background-position: center -325px; }
	.privacy-body .page-header .container { background-position: center -390px; }
	.policy-body .page-header .container { background-position: center -455px; }
	
	.page-header h1 {
			display: block;
			height: 35px;
			margin-top: 10px;
			background: url(../img/h1_title.png) no-repeat center top;
			background-size: 355px;
			text-align: center;
			color: #fff;
		}
		.page-header h1.contact { background-position: center 0; }
		.page-header h1.company { background-position: center -35px; }
		.page-header h1.guide { background-position: center -70px; }
		.page-header h1.kodawari { background-position: center -105px; }
		.page-header h1.menu { background-position: center -140px; }
		.page-header h1.menu-single { background-position: center -175px; }
		.page-header h1.menu-category { background-position: center -210px; }
		.page-header h1.news { background-position: center -245px; }
		.page-header h1.privacy { margin-top: 13px; height: 30px; background-size: 300px; background-position: center -238px; }
		.page-header h1.policy { background-position: center -317px; }
	
	/* category menu */
	.menu-category-body .page-header h1 {
		background: url(../img/h1_title-menu.png) no-repeat center top;
		background-size: 355px;
	}
	.page-header h1.menu-makunouchi { background-position: center 0; }
	.page-header h1.menu-gattsuri { background-position: center -35px; }
	.page-header h1.menu-omusubi { background-position: center -70px; }
	.page-header h1.menu-sushi { background-position: center -105px; }
	.page-header h1.menu-men { background-position: center -140px; }
	.page-header h1.menu-catering-oeuvre { background-position: center -175px; }
	.page-header h1.menu-kaisha { background-position: center -210px; }
	.page-header h1.menu-takuhai { background-position: center -245px; }
	.page-header h1.menu-healthy { background-position: center -280px; }
	.page-header h1.menu-kodawari { background-position: center -315px; }
	
	/* scene menu */
	.menu-scene-body .page-header h1 {
		background: url(../img/h1_title-scene.png) no-repeat center top;
		background-size: 355px;
	}
	.page-header h1.menu-sports_fest { background-position: center 0; }
	.page-header h1.menu-pta { background-position: center -35px; }
	.page-header h1.menu-bukatsu { background-position: center -70px; }
	.page-header h1.menu-hanami { background-position: center -105px; }
	.page-header h1.menu-kaigi { background-position: center -140px; }
	.page-header h1.menu-kaisha-scene { background-position: center -175px; }
	
}

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

.bread_crumb {
	letter-spacing: -.4em;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 6px 0;
	color: #333;
	text-align: left;
}
.bread_crumb li {
	letter-spacing: normal;
	display: inline;
}
.bread_crumb li:before {
	font-family: "FontAwesome";
	content: "\f105";
	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; }


/*----------------------------------------
	news img = new	
----------------------------------------*/

.new {
	vertical-align: middle !important;
}

/*----------------------------------------
	title-bg (h2)	
----------------------------------------*/

/* PC -------------------- */
@media screen and (min-width: 768px) {
	h1.title-bg {
		margin-bottom: 10px !important;
	}
}

/* SP -------------------- */
@media screen and (max-width: 767px) {
	.title-bg {
		display: block;
		padding-left: 0;
		text-align: center;
	}
}


/*----------------------------------------
	diamond
----------------------------------------*/

.hr-diamond-navy,
.hr-diamond-gold {
	position: relative;
	height: 1px;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}
.hr-diamond-navy span,
.hr-diamond-gold span {
	width: 0;
	height: 0;
	border: 6px solid transparent;
	position: absolute;
	top: -11px;
	left: 50%;
	margin-left: -6px;
}
.hr-diamond-navy span:after,
.hr-diamond-gold span:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 5px;
	width: 0;
	height: 0;
	margin-left: -6px;
	border: 6px solid transparent;
}
/* SP -------------------- */
@media screen and (max-width: 767px) {
.hr-diamond-navy,
.hr-diamond-gold {
	width: 60%;
}
}

/* navy */

.hr-diamond-navy {
	background: #c8cacc;
}
.hr-diamond-navy span {
	border-bottom-color: #334c66;
}
.hr-diamond-navy span:after {
	border-top-color: #334c66;
}
/* SP -------------------- */
@media screen and (max-width: 767px) {
}

/* gold */

.hr-diamond-gold {
	background: #374759;
}
.hr-diamond-gold span {
	border-bottom-color: #99902e;
}
.hr-diamond-gold span:after {
	border-top-color: #99902e;
}
/* SP -------------------- */
@media screen and (max-width: 767px) {
}


/* gold (in page-header) */

.page-header .hr-diamond-gold {
	background: #c8caca;
	width: 20%;
}
.page-header .hr-diamond-gold span {
	border-bottom-color: #99902e;
}
.page-header .hr-diamond-gold span:after {
	border-top-color: #99902e;
}
/* SP -------------------- */
@media screen and (max-width: 767px) {
.page-header .hr-diamond-gold {
	width: 60%;
}
}
