/*################################################################# */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Questrial);

/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */
	* {
		margin: 0;
		padding: 0px;
	}

body {

	  /* 画像ファイルの指定 */

  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;

  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;

  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;

  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
 text-align: justify;


background-color:#FFF;
	margin: 0;
	height: 100%;
	color: #555;
	font-family:'Hiragino Kaku Gothic ProN W3', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	}

h1,  h3, h4, h5, h6 {
	margin: 0;
}

h2{
	margin: 30px 0 16px;
    	font-family: 'Questrial', sans-serif;
    	font-weight: 400;
	 color: white;
	 padding: 0 0 0 8px;
	 font-size: 24px;
	 border-left: 5px solid #938156;
}
h3{
    	margin: 30px 0 16px;
    	font-family:'Questrial''Hiragino Kaku Gothic ProN W6', 'ヒラギノ角ゴ ProN W6',Meiryo, メイリオ, sans-serif;
    	font-weight: 700;
	 color: white;
	 font-style: italic;
	 padding: 0 0 0 5px;
	 font-size: 36px;
	 border-left: 5px solid #938156;
}
p {
	padding: 0;
	margin-bottom: 30px;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #555;
}
img {
	height: auto;
	max-width: 100%;
}

a {
	padding: 0;
	margin: 0;
	color: #428bca;
}

a:hover,
a:focus {

  color:#428bca;
}

hr{
	border: solid 1px #f0f0f0;
}



.xs { font-size: xx-small } /* 小2 */
.xm { font-size: x-small }  /* 小1 */
.sm { font-size: small }    /* 小 */
.md { font-size: medium }   /* 標準 */
.la { font-size: large }    /* 大 */
.xr { font-size: x-large; line-height: 1.3em;} /* 大2 */
.xl { font-size: xx-large; font-weight: bolder; line-height: 1em;} /* 大2 */
.sr { font-size: smaller }  /* 一段階小さい */
.pp { color:#6a5c97;}
.pink{color: #cc7591;}
.white{ color:#FFFFFF;}
.em { font-weight: bold;}
.minc{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }


::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}

.bgmPlayer{
right:15px;
position:fixed;
top:10px;
z-index: 9999;
}


.centered {
	text-align: center
}

.video-wrap {
  position: relative;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-top: 69px;
  padding-bottom: 50%;
  overflow: hidden;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.mt30 {
	margin-top: 30px;
}
.mb5{
	margin-bottom: 5px;
}

.font {
	font-size:48px;
	font-family: 'Roboto', sans-serif;
	text-align: center;

}
.bg_white{
	background-color: white;
	padding: 15px;
	margin-bottom: 30px;
	color: #005abf;
}
.bg_blue{
	background-color: #005abf;;
	padding: 5px;
	color: white;
	margin-top: 30px;
}
.bg_white p{
	color: #555;
}
.hr_org{
	border-bottom: solid 1px #333;
	margin-bottom: 15px;
}

/*	################################################################
	NAVIGATION
################################################################# */
.brand,
.address-bar {
	display: none;
}

.navbar {
	margin-bottom: 0;
}

.navbar-brand {
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 2px;
}

.navbar-nav {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
}


.brand-before,
.brand-name {
	text-transform: capitalize;
}

.brand-before {
	margin: 15px 0;
}

.brand-name {
	margin: 0;
	font-size: 4em;
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 10px 15px;
}


@media screen and (min-width:768px) {
	.brand {
		display: inherit;
		margin: 0;
		padding: 30px 0 0;
		text-align: center;
		background: url(../../assets/img/nav_bar.jpg);
	}

	.top-divider {
		margin-top: 0;
	}

	.img-left {
		float: left;
		margin-right: 25px;
	}

	.navbar {
		border-radius: 0;
		padding-bottom: 15px;
	}

	.navbar-header {
		display: none;

	}

	.navbar {
		min-height: 0;
	}

	.navbar-default {
		border: none;
		background: url(../../assets/img/nav_bar.jpg);
	}

	.nav>li>a {
		padding: 15px;
		font-size: 14px;
		 font-family: 'Montserrat', sans-serif;
		 font-weight: 400;
		 letter-spacing: 0;
	}

	.navbar-default .navbar-nav > li > a {
		color: #FFF;
	}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color: #f5f5f5;
		background-color: transparent;
	}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #f5f5f5;
		background-color: transparent;
	}

	.navbar-nav>li>a {
		line-height: normal;
	}

	.navbar-nav {
		display: table;
		float: none;
		margin: 0 auto;
		table-layout: fixed;
		font-size: 1.25em;
		color: black;
	}
}

@media screen and (max-width:767px) {
	.navbar-header{
		background: url(../../assets/img/nav_bar.jpg);
	}
	}

.dropdown-menu {
	background: #FFF;
}

.dropdown-menu > li > a {
	color: #327b3f;
	font-size: 12px;
}



.space60{
	margin-top: 90px;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 30px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*	################################################################
	COMMON
################################################################# */
.top_title h3{
	margin: 30px 0 16px;
    	font-family:'Questrial''Hiragino Kaku Gothic ProN W6', 'ヒラギノ角ゴ ProN W6',Meiryo, メイリオ, sans-serif;
    	font-weight: bolder;
	 color: white;
	 font-style: italic;
	 padding: 0 0 0 25px;
	 font-size: 60px;

}

.table_cust th{
	font-size: 24px;
	width: 50%;
}

.waku{
	background-color: white;
	padding: 30px;
}



@media screen and (max-width:767px) {
	.top_title h3{
		font-size: 20px;
	}

}

/*	################################################################
	HEADER
################################################################# */
header{
	 background-image: url(../../assets/img/bg.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	color: #555555;
}
.header_sakura{
	 background-image: url(../../assets/img/bg_sakura.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	color: #555555;
}
.header_yuri{
	 background-image: url(../../assets/img/bg_yuri.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	color: #555555;
}


/*	################################################################
	FOOTER
################################################################# */
/* Footer */
.footer_bg {

		height: 100px;
}
#footerwrap a {
	color: black;
	text-decoration: underline;
}

#footerwrap {
	padding-top: 30px;
	padding-bottom: 30px;
	background: url(../../assets/img/nav_bar.jpg);

}

#footerwrap p {
	color: #FFF;
	font-size: 12px;
}

#footerwrap h4 {
	color: white;
}

#footerwrap i {
	font-size: 30px;
	color: #555555;
}

#footerwrap i:hover {
	color: #b21e24;
}

.clearleft {
	clear:left;
}

.snsb {
	overflow: hidden;
	margin-top: 10px;
}
.snsb li {
	float: left;
	margin-right: 4px;
}
.snsb iframe {
	margin: 0 !important;
}

li {
margin-left:0px;
list-style-type: none;
}

@media screen and (min-width:768px) {

.sp{
	display: none;
}
}
@media screen and (max-width:991px) {


.pc2{
	display: none;
}
}
@media screen and (max-width:767px) {

.pc{
	display: none;
}

.la{
	font-size: 12px;
}
.sm{
	font-size: 8px;
}

.xl {
	font-size: 28px;
}
.xr {
	font-size: 12px;
}
.font {
	font-size:30px;
}

p {
	margin-top: 14px;
	font-size: 12px;
	line-height: 1.6em;
}
h3 {
	font-size: 24px;
}

.spm90{
	margin-top: 90px;
}

.brand,
.address-bar {
	display: none;
}

.navbar {
	margin-bottom: 0;
}

.navbar-brand {
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 2px;
}

.navbar-nav {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
}
.md{
	font-size: 12px;
}
.margin{
	min-height: 150px;
}




}