@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Cutive%20Mono:400);
/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:300,400,700|Merriweather:400italic');

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;
}

table {
   border-collapse:collapse;
   border-spacing:0;
}

fieldset,img { 
   border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
   font-style:normal;
   font-weight:normal;
}

ol,ul {
   list-style:none;
}

caption,th {
   text-align:left;
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}

q:before,q:after {
   content:'';
}

abbr,acronym {
   border:0;
}

/* =======================================
1. Basic & general
======================================== */

::-moz-selection {
 color:#00917E;
 text-shadow: none;
 background-color: #333;
}
::selection {
	color:#00917E;
	text-shadow: none;
	ackground-color: #333;
}
html, body {
	height: 100%;
}
html { 
	font-size: 62.5%; 
} /* 10px */

body {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	padding: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	color: #313131;
	background: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6em;
	font-weight: 300;
	text-shadow: none;
	font-family: Lato, Arial, "a-otf-ud-shin-go-pr6n", sans-serif, "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ,"Hiragino Kaku Gothic ProN";
}
h1, h2, h3, h4, h5, h6 {
	font-family: Lato, Arial, "a-otf-ud-shin-go-pr6n", sans-serif, "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ,"Hiragino Kaku Gothic ProN";
	line-height: 1.1em;
	color: #3a3a3a;
	font-weight: Thin;
	margin-bottom: 10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}
h1 {
	font-size: 3.4rem;
}
h2 {
	font-size: 3.0rem;
}
h3 {
	font-size: 2.6rem;
}
h4 {
	font-size: 2.2rem;
}
h5 {
	font-size: 1.8rem;
}
h6 {
	font-size: 1.6rem;
}
h1 small {
	font-size: 2.45rem;
}
h2 small {
	font-size: 1.75rem;
}
h3 small {
	font-size: 1.4rem;
}
h4 small {
	font-size: 1.4rem;
}


p {
	margin: 0;
	padding: 0;
	font-size: 1.6rem; 
}

.fade {
	position: relative;
	opacity: 1;
}
.container-fluid, .container, .row {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}
.section {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
}
section.gray {
	background-color: #f5f5f5;
}
iframe, embed, object {
	border: none;
}
.video-container, .map-container, .embed-container {
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 51%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: 1px solid #ccc;
}
.video-container iframe, .embed-container iframe, .map-container iframe, .map-container object, .map-container embed, .embed-container object, .embed-container embed, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
blockquote {
	display: inline-block;
	padding-left: 18px;
	padding-bottom: 0;
	font-size: 18px;
	line-height: 27px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-left: 10px solid #000;
}
.container {
	margin: 0 auto;
	padding: 0;
}
.row {
	margin: 0 auto;
	padding: 0;
}
.row .row, .row-fluid .row {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}

p, div, ul, li {
	margin: 0;
	padding: 0;
	
}

li { 
	font-size: 1.6rem;
	list-style-type: none; 
}

li p { 
font-size: 1.6rem; 
} 



/* heading -----------------------------*/

.heading {
	margin-top: 0;
	text-align: center;
	width: 100%;
}
.heading h3 {
	width: auto;
	margin: 20px 0 30px 0;
	padding-bottom: 8px;
	text-transform: uppercase;
	font-family: Lato, Arial,"a-otf-ud-shin-go-pr6n", Meiryo, メイリオ, sans-serif, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	font-size: 30px;
	font-weight: 300;
	text-align: center;
	border-bottom: 1px solid #333;
	display: inline;
	letter-spacing: 0.8em;
}
section.dark .heading h3 {
	color: #fff;
}
/* sub heading */

.sub-heading {
	text-align: center;
	margin: 0;
	padding: 10px;
}
.sub-heading p {
	font-family: Lato, Arial, "a-otf-ud-shin-go-pr6n", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	font-size: 20px;
	line-height: 1.6em;
	color: #3a3a3a;
	font-weight: 300;
}
section.dark .sub-heading p {
	color: #e9e9e9;
}



/* =======================================
	Global Styles
======================================== */
a {
	color: #333;
	text-decoration: none;
}
a:hover, a:focus {
	opacity: 0.5;
	text-decoration: none;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
	color: #9F9F9F;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}

#sp-contents {
	padding-bottom: 60px;
}
img {
	/*width: 100%;*/
	height: auto;
}
ul, ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
.wrap {
	background-color: #fff;
	overflow: hidden;
}
.section {
	padding: 0px 0;
}
.no-padding {
	padding: 0;
}
.no-gutter [class*=col-] {
	padding-right: 0;
	padding-left: 0;
}
.extra-padding {
	margin: 60px 0 0 100px;
}

*{
	padding: 0;
	margin: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibilsity: hidden;
}


/* =======================================
	footer absolute 
======================================== */

#wrap, #sp-wrap {
	width: 100%;
	position: relative;
	height: auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}

#contents, #sp-contents {
    padding-bottom: 100px;
}
 
#footer {
    position:absolute;
    bottom: 0;
    width: 100%;
	
    height: 50px;
}
#sp-footer {
    position:absolute;
    bottom: 0;
    width: 100%;
    height: 116px;
}



/* =======================================
 btn  / base
======================================== */
.btn {
	background-color: #333;
	margin: 0px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 0px;
	padding: 3% 12%;
	display: inline-block;
	text-transform: uppercase;
}
.btn:hover, .btn:focus {
	background-color: #000;
	color: #fff;
}
.btn-large {
	padding: 15px 40px;
}

/* ここまで基本 △ ----------------------------*/

/* =======================================
    wrap
======================================== */
#wrap, #sp-wrap {
background: #fff;/*作成時*/
}

/* =======================================
	 header
======================================== */
#header {
	margin: 0 auto;
	max-width: 1400px;
	z-index: 999;
}


/* =======================================
	 footer
======================================== */
footer {
	color :#fff;
	background-color: #2c0909;
	vertical-align:middle;
	
	}
.bdr-r {
	padding :0 20px;
	border-right: 1px solid #fff;
}

footer a {
	color: #fff;
	text-decoration: underline;
}
.footer  {
	padding-top: 16px;
	text-align: center;
	
	}
    


/* =======================================
	 main
======================================== */

#main, #sp-main {
	padding-bottom: 50px;
	}

/* =======================================
3. 共通
======================================== */
/* font-family -----------------------------
.mincho {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
*/
.hiragino {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}

/* font-size -----------------------------*/
.f10 {
	font-size: 1.0rem; 
}
.f12 {
	font-size: 1.2rem;
}
.f14 {
	font-size: 1.4rem;
}
.f16 {
	font-size: 1.6rem;
}
.f18 {
	font-size: 1.8rem;
}
.f20 {
	font-size: 2.0rem;
}
.f22 {
	font-size: 2.2rem;
}
.f24 {
	font-size: 2.4rem;
}
.f30 {
	font-size: 3.0rem;
}

/* floart -----------------------------*/
.flt-l {
	float: left;
}
.flt-r {
	float: right;
}
/* margin -----------------------------*/
.mgn0 {
	margin: 0;
}
.mgn0auto {
	margin: 0 auto;
}
.mgnb0 {
	margin-bottom: 0;
}
.mgnb2 {
	margin-bottom: 2px;
}
.mgnb5 {
	margin-bottom: 5px;
}
.mgnb6 {
	margin-bottom: 6px;
}
.mgnb10 {
	margin-bottom: 10px;
}
.mgnb20 {
	margin-bottom: 20px;
}
.mgnb30 {
	margin-bottom: 30px;
}
.mgnb40 {
	margin-bottom: 40px;
}
.mgnb50 {
	margin-bottom: 50px;
}
.mgnb60 {
	margin-bottom: 60px;
}
.mgnb70 {
	margin-bottom: 70px;
}
.mgnb80 {
	margin-bottom: 80px;
}
.mgnb90 {
	margin-bottom: 90px;
}
.mgnb100 {
	margin-bottom: 100px;
}
.mgnt10 {
	margin-top: 10px;
}
.mgnt20 {
	margin-top: 20px;
}
.mgnt30 {
	margin-top: 30px;
}
.mgnt40 {
	margin-top: 40px;
}
.mgnt50 {
	margin-top: 50px;
}
.mgnt60 {
	margin-top: 60px;
}
.mgnt80 {
	margin-top: 80px;
}
.mgnt100 {
	margin-top: 100px;
}
.mgn16-6 {
	margin: 16px 0 6px 0;
}
.mgnlr-15 {
	margin-left: -15px;
	margin-right: -15px;
}
.mgnl-10 {
	margin-left: 10px;
}
.mgnl-10 {
	margin-left: 10px;
}
.mgnl-20 {
	margin-left: 20px;
}
.mgnl-30 {
	margin-left: 30px;
}
.mgnl-40 {
	margin-left: 40px;
}
.mgnr-10 {
	margin-left: 10px;
}
.mgnr-10 {
	margin-left: 10px;
}
.mgnr-20 {
	margin-left: 20px;
}
.mgnr-30 {
	margin-left: 30px;
}
.mgnr-40 {
	margin-left: 40px;
}
/* padding -----------------------------*/
.pd0 {
	padding: 0;
}
pd0auto {
	padding: 0 auto;
}
.pd5 {
	padding: 5px;
	}
.pd6 {
	padding: 6px;
	}
.pd10 {
	padding: 10px;
}
.pd20 {
	padding: 20px;
}
.pd30 {
	padding: 30px;
}
.pd40 {
	padding: 40px;
}
.pd50 {
	padding: 50px;
}
.pdt20 {
	padding-top: 20px;
}
.pdt30 {
	padding-top: 30px;
}
.pd40 {
	padding-top: 40px;
}
.pdt50 {
	padding-top: 50px;
}
.pdt20 {
	padding-top: 20px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pdb20 {
	padding-bottom: 20px;
}
.pdb30 {
	padding-bottom: 30px;
}
.pdb40 {
	padding-bottom: 40px;
}
.pdb50 {
	padding-bottom: 50px;
}
.pdr5 {
	padding: 0 5px 0 0;
}
.pdr10 {
	padding-right: 10px;
}
.pdr15 {
	padding-right: 15px;
}
.pdr20 {
	padding-right: 20px;
}
.pdl5 {
	padding: 0 0 0 5px;
}
.pdl10 {
	padding-left: 10px;
}
.pdl15 {
	padding-left: 15px;
}
.pdl20 {
	padding-left: 20px;
}
.pdlr0 {
	padding-left: 0;
	padding-right: 0;
}
.pdlr0 {
	padding-left: 0;
	padding-right: 0;
}
.pdlr5 {
	padding: 0 5px;
}
.pdlr10 {
	padding: 0 10px;
}
.pdlr15 {
	padding-left: 15px;
	padding-right: 15px;
}
.pdlr20 {
	padding-left: 20px;
	padding-right: 20px;
}
/* color -----------------------------*/
.white {
	color: #fff;
}
.black {
	color: #000;
}
.gray {
	color: #aaa;
}
.red {
	color: #d93b37;
}
.orange {
	color: #f19200;
}
.y-green {
	color: #92c600;
}
.l-blue {
	color: #2fb3c7;
}
.clr-92c600 {
	color: #92c600;
}
.clr-c661a3 {
	color: #c661a3;
}
.clr-ff6f9c {
	color: #92c600;
}
.clr-63bccf {
	color: #63bccf;
}
.clr-63bccf {
	color: #92c600;
}
.clr-333 {
	color: #333;
}
.clr-000 {
	color: #000;
}
.clr-fff {
	color: #fff;
}
.clr-f9 {
	color: #f9f9f9;
}
.clr-c2 {
	color: #C2C2C2;
}
.clr-aa {
	color: #aaa;
}


/* background-color -----------------------------*/
.red {
	background-color: red;
}
.blue {
	background-color: blue;
}
.orange {
	background-color: orange;
}
.black {
	background-color: black;
}
.bgc-red {
	background-color: red;
}
.bgc-blue {
	background-color: blue;
}
.bgc-orange {
	background-color: orange;
}
.bgc-black {
	background-color: black;
}
.bgc-5E {
	background-color: #5E5E5E;
}
.bgc-f7 {
	background-color: #f7f7f7;
}
.bgc-1b {
	background-color: #1b1b1b;
}
.bgc-w {
	background-color: #fff;
}
.bgc-b {
	background-color: #000;
}
.bgc-baa473 {
	background-color: #baa473;
}
.bgc-f5f3e4 {
	background-color: #f5f3e4;
}
.bgc-f9f9f7 {
	background-color: #f9f9f7;
}
.bgc-e5e1e1 {
	background-color: #e5e1e1;
}
.bgc-e4ddd6 {
	background-color: #e4ddd6;
}
.bgc-e6e2da {
	background-color: #e6e2da;
}
.bgc-f6 {
	background-color: #f6f6f6;
}

/* refine theme color -----------------------------*/

.bgc-ff6f9c {
	background-color: #92c600;
}
.bgc-d93b37 {
	background-color: #d93b37;
}
.bgc-f19200 {
	background-color: #f19200;
}
.bgc-92c600 {
	background-color: #92c600;
}
.bgc-92c600 {
	background-color: #88B04B;
}
.bgc-2fb3c7 {
	background-color: #2fb3c7;
}
.bgc-c661a3 {
	background-color: #c661a3;
}
.bgc-e35682 {
	background-color: #e35682;
}

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

.bdr-e4 {
	margin-top: 20px;
	padding: 8px 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.bdrB-e4 {
	margin-bottom: 10px;
	padding: 8px 0;
	border-bottom: 1px solid #e4e4e4;
}
.bdrB-e4-mgnb-00 {
	margin-bottom: 0px;
	padding: 8px 0;
	border-bottom: 1px solid #e4e4e4;
}
.bdrB {
	border-bottom: 1px solid #fff;
}


/* width -----------------------------*/
.w-90 {
	width: 90%;
}
.w-98 {
	width: 98%;
}

.w-300px {
	width: 300px;
}

/* text-align -----------------------------*/
.t-aln-center {
	text-align: center;
}
.t-aln-left {
	text-align: left;
}
.t-aln-center {
	text-right: right;
}

/* floart -----------------------------*/
.flt-l {
	float:left;
}
.flt-r {
	float:right;
}

/* ------------------------------------------------------------------------------
 bootstrap.reset
-------------------------------------------------------------------------------*/
.section {
	margin: 0 auto;
	padding: 0;
}
.container, container-fulied {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0;
}
.row {
	margin: 0;
	padding: 0;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #8f7542;
    width: 84%;
}