@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------
 *  	         base style setting
 * ----------------------------------------------- */



/* =========== normalize setting =========== */

*{ margin: 0;padding: 0}

html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
	line-height: 1.5;
}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle; max-width : 100%; border: none}
a img:hover {opacity:0.8}


body {
	margin: 0;
	padding: 0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #333333;
	background-color:#ffffff;
}


p#noScript {
}


/* =========== googleMap setting =========== */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* =========== youtube setting =========== */
.youtube_top {
  position: relative;
  width: 100%;
  padding-top: 56.19%;
}
.youtube_top iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.youtube_pastCast {
  position: relative;
  width: 100%;
  padding-top: 56.19%;
}
.youtube_pastCast iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* =========== twitter setting =========== */
.twitter-timeline { 
	width:100% !important; 
	height: 400px; 
}


.fb-post { 
	width:100% !important; 
	height: 400px; 
}


/* =========== google+ setting =========== */
.g-post { 
	width:100% !important; 
	height: 400px; 
}




/* =========== media query setting =========== */


/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	nav#headerNav{visibility:hidden; display:none;}
	header #topText{visibility:hidden; display:none;}	
}


/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	nav#headerNav_mini{ visibility:hidden;display:none;}
	#menu{ visibility:hidden;display:none;}
}

	
/* ==== width 1050px以上の場合(widthを1050に固定しmargin0auto) ==== */
@media screen and (min-width : 1050px){
	body{ max-width:100%; margin:0 auto;}
	nav#g_nav{ max-width:1050px; margin:0 auto;}
	#contentArea #content { max-width:1050px; margin:0 auto;}
	#contentArea #content2 { max-width:990px; margin:0 auto;}
	#footerArea { max-width:990px; margin:0 auto;}
}



/* =========== pageBase =========== */
#pageBase {
	background-color:#FFF;
	background-image:url(../../img/backimage.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
@media only screen and (max-width: 48em) {
#pageBase {
	background-image:url(../../img/backimage_mb.jpg);
}
}

div.head_message{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:5px 0;
	margin:0 auto;
	text-align:center;
	z-index:999;
	background-color:rgba(255,255,255,0.8);
	}


/* =========== contentArea =========== */

#contentArea {
	margin:0 0 30px 0;
	padding: 0;
}

/* ==== width 769px以上の場合 ==== */
#contentArea {
	margin: 0;
	padding: 0;
}
}



/* ==== #content ==== */
#contentArea #content {
	position:relative;
	width: 100%;
	margin: 0 auto;
	padding:0;
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

#contentArea #content:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}



/* ==== #content2 (PaddingTop5px) ==== */
#contentArea #content2 {
	width: 95%;
	margin: 0 auto;
	padding:5px 0 0 0;
	max-width:1050px;	
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

#contentArea #content2:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}



.contentbg{
	}


/* =========== mainArea =========== */
#mainArea {
	position:relative;
	margin: 0;
	padding: 0 0 1px;
}

#mainArea.has-localNav {
	width: 100%;
	margin: 0 0 10% 0;
}
@media screen and (min-width : 769px){
	#mainArea.has-localNav {
	float: left;
	width: 75%;
	}
}


/* =========== limit =========== */
.limit1050{
	max-width:1050px;
	}

.limit1050{
	max-width:1050px;
	}



/* =========== footerArea =========== */
#footerArea {
	width: 95%;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

#footerArea .leyout480_30_480{
	width:100%;
	max-width:1050px;
	margin:0 auto;
	padding:0;
}
#footerArea .leyout480_30_480:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}


#footerArea .leyout480_30_480 .leyout480L{
	width:100%;
	margin:0 0 8px 0;
	padding:0;
}

#footerArea .leyout480_30_480 .leyout480R{
	width:100%;
	margin:0;
	padding:0;
}
@media screen and (min-width : 769px){
	#footerArea .leyout480_30_480 .leyout480L{
	width:38%;
	margin:0 4% 0 0;
	padding:0;
	float:left;
	}

	#footerArea .leyout480_30_480 .leyout480R{
	width:58%;
	margin:0;
	padding:0;
	float:right;
	}
}


#footerArea hr {
	border:#60482b solid;
	border-width:1px 0 0 0;
	margin-bottom:30px;
}

#footerArea h2 {
	visibility:hidden;
	display:none;
}

#footerArea h3 {
	margin:0 0 15px;
	padding:0;
	vertical-align:middle;
}

#footerArea h4 {
	margin:0 0 5px;
	padding:0;
	font-size:14px;
	color:#3d2f1e;
}

#footerArea dl {
	margin:0 0 20px;
	padding:0;
	color:#57340b;
}
#footerArea dt {
	float:left;
	margin:0 5px 8px 5px;
	font-size:12px;
}
#footerArea dd {
	font-size:12px;
}

#footerArea dl :after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}





/* = copyRight = */
#copyRight {
	margin: 0;
	padding: 20px 0 10px;
	text-align: center;
}
@media screen and (min-width : 769px){
	#copyRight {
	margin: 0;
	padding: 20px 0 10px;
	text-align: center;
	}
}



/* =========== pageTop =========== */
#pageTop {
	position: fixed;
	bottom: 100px;
	right: -1px;
}



/* =========== sect =========== */
div.sect1{
	padding:15% 0 0 0;
	margin:0 auto 5%;
	text-align:center;
	width:90%;
	max-width:920px;
	}
@media only screen and (max-width: 48em) {
div.sect1{
	width:95%;
	}
}
div.sect2{
	padding:0 0 0 0;
	margin:0 auto 5%;
	text-align:center;
	width:65%;
	max-width:840px;
	}
@media only screen and (max-width: 48em) {
div.sect2{
	width:95%;
	}
}
div.sect3_1{
	padding:0 0 0 0;
	margin:0 auto 8%;
	text-align:center;
	width:100%;
	max-width:1050px;
	}
div.sect3_2{
	padding:0 0 0 0;
	margin:0 auto;
	text-align:center;
	width:100%;
	max-width:1050px;
	}
div.sect4{
	}
div.sect5{
	padding:3% 0 0 0;
	margin:0 auto 13%;
	text-align:center;
	width:100%;
	max-width:1050px;
	}
div.sect6{
	padding:0 0 0 0;
	margin:0 auto 2%;
	text-align:center;
	width:100%;
	max-width:1050px;
	}


div.sect8{
	margin:0 auto;
	padding:50px 0 0 0;
	}





div.sect_btn{
	padding:15% 0;
	text-align:center;
	}
div.sect_btn a{
	width:80%;
	max-width:565px;
	}
div.sect_btn a:hover{
	opacity:0.7;
	}
div.sect_btn a img{
	}




ul#instafeed{
	margin:0 auto;
	}
ul#instafeed:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

ul#instafeed li{
	float:left;
	width:16%;
	margin:0 0.8% 0.8% 0;
	}
ul#instafeed li:nth-child(6n){
	margin-right:0;
	}

ul#instafeed li img{
	width:100%;
	}


@media only screen and (max-width: 48em) {
ul#instafeed li{
	float:left;
	width:32%;
	margin:0 2% 2% 0;
	}
ul#instafeed li:nth-child(6n){
	margin-right:2%;
	}
ul#instafeed li:nth-child(3n){
	margin-right:0;
	}
}



div.insta_area{
	position:fixed;
	bottom:10px;
	left:0;
	margin:0 0 0 10px;
	z-index:9999;
	}
div.insta_area:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}
div.insta_area div{
	float:left;
	width:30%;
	margin-right:10px;
	}
@media only screen and (max-width: 48em) {
div.insta_area div{
	float:left;
	width:40%;
	margin-right:10px;
	}
}


/* =========== loading =========== */
#loading {
}