@charset "shift_jis";

/*-------------------------------------------------------------

Main

-------------------------------------------------------------*/

/*------------------------------------------------------------
GLOBAL
------------------------------------------------------------*/
#titleTemp{
	display:none;}


/*------------------------------------------------------------
HEAD TOP
------------------------------------------------------------*/
#headBoxTop{
	width:1200px;
	margin:0 auto;
	height:670px;
	position:relative;}

#headBoxTop .headTopLogo{
	width:173px;
	height:90px;
	z-index:60;
	position:absolute;
	top:476px; left:155px;}

#headBoxTop .headTopTel{
	width:217px;
	height:55px;
	z-index:50;
	position:absolute;
	top:575px; left:132px;}

#headBoxTop .headContBox{
	width:677px;
	height:121px;
	z-index:40;
	position:absolute;
	top:517px; left:412px;}

.headContBox li{
	float:left;
	height:121px;
	overflow:hidden;}
.headContBox li a{
	transition: all 0.3s;
	display:block;}
.headContBox li a:hover{
	background-color: rgba(255,255,238, 0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffee,EndColorStr=#80ffffee);}
.footContBox li a:not(:target){filter: none;}

.headContBox li span{
	display:none;}

#headBoxTop .headContBg{
	width:1200px;
	height:235px;
	z-index:30;
	position:absolute;
	bottom:0px; left:0px;}

#headBoxTop .headCom{
	width:262px;
	height:549px;
	z-index:20;
	position:absolute;
	top:-40px; left:468px;}

#headBoxTop .headImage{
	z-index:10;
	position:absolute;
	top:0px; left:0px;}

/*-----767以下-----*/
@media (max-width: 767px) {

	#headBoxTop{
		width:auto;
		margin:0 auto;
		height:auto;
		background:url(../image_gl/gl_main_bg.jpg) center top repeat #fdfaf2;
		position:static;}

	#headBoxTop .headBoxInner{
		background:url(../image_gl/gl_head_top_bg_m2.png) center bottom repeat-x;
		height:auto;}

	#headBoxTop .headTopLogo{
		width:32%!important;
		text-align:right;
		float:left;
		width:auto;
		height:auto;
		position:static;
		padding:20px 0 10px 0;}
	#headBoxTop .headTopLogo img{
		width:auto;
		height:42px;}

	#headBoxTop .headTopTel{
		width:60%!important;
		text-align:center;
		float:right;
		width:auto;
		height:auto;
		position:static;
		padding:20px 0 10px 0;}
	#headBoxTop .headTopTel img{
		width:auto;
		height:40px;}

	#headBoxTop .headContBox{
		width:auto;
		height:auto;
		position:static;
		padding-bottom:15px;}

	.headContBox li{
		float:left;
		height:auto;
		width:33%;}
	.headContBox li a{
		display:block;
		transition: all 0.3s;
		display:block;
		border-right:solid 1px #999;
		font-size:16px;
		line-height:1.4;
		color:#554840;
		padding:10px 0;}
	.headContBox li:last-child a{
		border-right:none;}

	.headContBox li span{
		display:block;}

	.headContBox li img{
		display:none;}

	.headContBox li:first-child{
		display:none;}

	#headBoxTop .headContBg{
		display:none;}

	#headBoxTop .headCom{
		width:auto;
		height:250px;
		position:static;
		margin-top:-250px;}
	#headBoxTop .headCom img{
		width:auto;
		height:250px;}

	#headBoxTop .headImage{
		width:auto;
		height:250px;
		position:static;
		background:url(../image_gl/gl_top_image.jpg) center center no-repeat;
		background-size:cover;}
	#headBoxTop .headImage img{
		display:none;}

}

/*------------------------------------------------------------
HEAD
------------------------------------------------------------*/
#headBox{
	width:1200px;
	margin:0 auto;
	height:231px;
	background:url(../image_gl/gl_main_bg.jpg) center top repeat #fdfaf2;
	position:relative;}

#headBox .headTopLogo{
	width:173px;
	height:90px;
	z-index:60;
	position:absolute;
	top:30px; left:155px;}

#headBox .headTopTel{
	width:217px;
	height:55px;
	z-index:50;
	position:absolute;
	top:128px; left:132px;}

#headBox .headContBox{
	width:677px;
	height:121px;
	z-index:40;
	position:absolute;
	top:25px; left:412px;}

#headBox .headContBg{
	width:1200px;
	height:231px;
	z-index:30;
	position:absolute;
	top:0px; left:0px;}

/*-----767以下-----*/
@media (max-width: 767px) {

	#headBox{
		width:auto;
		height:auto;
		position:static;}

	#headBox .headBoxInner{
		background:url(../image_gl/gl_head_bg_m2.png) center top repeat-x;
		height:135px;}

	#headBox .headTopLogo{
		width:32%!important;
		text-align:right;
		float:left;
		width:auto;
		height:auto;
		position:static;
		padding:20px 0 10px 0;}
	#headBox .headTopLogo img{
		width:auto;
		height:42px;}

	#headBox .headTopTel{
		width:60%!important;
		text-align:center;
		float:right;
		width:auto;
		height:auto;
		position:static;
		padding:20px 0 10px 0;}
	#headBox .headTopTel img{
		width:auto;
		height:40px;}

	#headBox .headContBox{
		width:auto;
		height:auto;
		position:static;}

	#headBox .headContBg{
		display:none;}

}

/*------------------------------------------------------------
FOOT
------------------------------------------------------------*/

#footBox{
	width:1200px;
	margin:0 auto;
	background:url(../image_gl/gl_foot_bg_2.jpg) center top no-repeat #f5ebde;}

.footMainBox{
	padding:45px 0 20px 0;}

.footLogo{
	margin:0 0 20px 0;}

.footTel{
	color:#554840;
	margin:0 0 30px 0;}

.footTel span{
	display:none;}

.footMainBox address{
	color:#554840;
	font-style:normal;
	font-size:16px;
	line-height:1.8;
	margin:0 0 20px 0;}

.footInstagram{
	margin:0 0 20px 0;}

.footHaitatsu{
	color:#554840;
	font-style:normal;
	font-size:16px;
	line-height:1.8;
	margin:0 0 20px 0;}

.footContBox{
	padding:20px 0;
	background-color: rgba(255,255,255, 0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffff,EndColorStr=#80ffffff);}
.footContBox:not(:target){filter: none;}

.footCont{
	display:inline-block;
	*display: inline;
	*zoom:1;
	vertical-align:top;
	text-align:left;
	font-size:14px;
	line-height:1.6;
	margin:0 30px;}

.footCont a         {color: #554840; text-decoration:none}
.footCont a:link    {color: #554840; text-decoration:none}
.footCont a:visited {color: #554840; text-decoration:none}
.footCont a:active  {}
.footCont a:hover   {color: #d30; text-decoration:none}

.footCopy{
	width:1200px;
	//padding:0 0 11px 0;
	//background:url(../image_gl/gl_foot_kage.png) center bottom no-repeat;
	margin:0 auto 0 auto;}

.footCopyMain{
	padding:20px 0;
	background:url(../image_gl/gl_foot_copy_bg.jpg) center top repeat-y #d0aa86;
	font-size:11px;
	color:#333;}

/*-----767以下-----*/
@media (max-width: 767px) {
	#footBox{
		width:auto;
		background-position: right top;}

	.footMainBox{
		padding:45px 0 20px 0;}

	.footLogo{
		margin:0 0 10px 0;}

	.footTel{
		margin:0 0 20px 0;}

	.footTel img{
		display:none;}

	.footTel span{
		display:block;
		font-size:14px;
		line-height:1.4;}

	.footTel span big{
		font-size:26px;}

	.footCont{
		display:block!important;
		margin:0;}

	.footCont br{
		display:none;}

	.footCont a{
		display:block;
		padding:10px 20px;
		font-size:16px;
		line-height:1.1;
		border-bottom:solid 1px #999;}

	.footCopy{
		width:auto;}

	.footCopyMain{
		padding:20px 0 120px 0;}
}


/*-------------------------------------------------------------
popupNavi
-------------------------------------------------------------*/

#toTheTop{
	display:block;
	position:fixed;
	z-index:600;
	bottom:5px;
	right:10px;
	width:60px;
	cursor:pointer;}


#toTheTop a{
	display:block;
	height:60px;
	padding:0;
	background:url(../image_gl/gl_foot_page_top.png) center center no-repeat;
	background-size:cover;}

#toTheHome{
	display:block;
	position:fixed;
	z-index:600;
	bottom:5px;
	left:10px;
	cursor:pointer;}


#toTheHome a{
	display:block;
	width:60px;
	height:60px;
	padding:0;
	background:url(../image_gl/gl_foot_top.png) center center no-repeat;
	background-size:cover;}


#toTheHome a.footMenuDisp{
	display:block;
	width:60px;
	height:60px;
	padding:0;
	background:url(../image_gl/gl_foot_menu.png) center center no-repeat;
	background-size:cover;}

.popupNavi{
	background-color:rgba(0,0,0,0.8);
	padding:0 0 0 0;
	width:100%;
	height:100%;
	position:fixed;
	bottom:-360px;
	display:none;
	z-index:500;}

.popupNaviBox{
	height:85%;
	color:#fff;}

.popupNaviBox p{
	height:7%;
	overflow:hidden;
	line-height:3;}

.popupNaviBox a{color: #fff;}
.popupNaviBox a:link    {color:#fff;}
.popupNaviBox a:visited {color:#fff;}
.popupNaviBox a:active  {color:#fff;}
.popupNaviBox a:hover   {color:#ff6;}

.popupNaviBox .popupNaviBoxInner{
	overflow:auto;
	height:100%;
	padding-bottom:4px;
	-webkit-overflow-scrolling:touch;
	text-align:center;}

.popupNaviBox ul{
	display:inline-block;
	padding:80px 0;}

.popupNaviBox li{
	color:#fff;
	text-align:left;}

.popupNaviBox li a{
	display:block;
	font-size:14px;
	line-height:1.4;
	padding:10px 10px;}
.popupNaviBox li a:before {
	font-family:'icomoon';
	content: "\e603";
	margin-right:1px;}

.popupNaviBox li ul{
	padding:0px 0 15px 3em;}

.popupNaviBox li li a{
	display:block;
	font-size:14px;
	line-height:1.4;
	padding:10px 0;}
.popupNaviBox li li a:before {
	font-family:'icomoon';
	content: "\e608";
	margin-right:1px;}


/*------------------------------------------------------------
CONTENTS
------------------------------------------------------------*/

#contentsBox{
	width:1200px;
	min-height:500px;
	padding:0 0 60px 0;
	background:url(../image_gl/gl_main_bg.jpg) center top repeat #fdfaf2;
	margin:0 auto;}

#contents{
	width:980px;
	margin:0 auto;}

#contents2column{
	float:left;
	width:710px;}

#side{
	float:right;
	width:230px;}

#side ul{
	border-top:#ae9372 solid 1px;
	border-bottom:#fff solid 1px;}

#side li{
	margin:0 0 0px 0;}


#side li a{
	transition: all 0.3s;
	display:block;}
#side li a         {color: #000; text-decoration:none}
#side li a:link    {color: #000; text-decoration:none}
#side li a:visited {color: #000; text-decoration:none}
#side li a:active  {}
#side li a:hover   {color: #000; text-decoration:none; background-color:#fffff9;}


.kage{
	box-shadow: 0px 0px 6px 0px #999;
	-webkit-box-shadow: 0px 0px 6px 0px #999;
	-moz-box-shadow: 0px 0px 6px 0px #999;}

/*-----767以下-----*/
@media (max-width: 767px) {

	#contentsBox{
		width:auto;
		min-height:200px;
		padding:0 0 30px 0;}

	#contents{
		width:auto;}

	#contents2column{
		float:none;
		width:auto;
		padding:0 10px;}

	#side{
		float:none;
		width:auto;
		margin-top:30px;}

	#side ul{
		border-top:#ae9372 solid 1px;
		border-bottom:none;}

	#side li{
		margin:0 0 0px 0;
		border-bottom:#ae9372 solid 1px;}


	#side li a{
		transition: all 0.3s;
		display:block;}
	#side li a img{
		height:75px;
		width:auto;
		margin:-2px 0;}
	#side li a         {color: #000; text-decoration:none}
	#side li a:link    {color: #000; text-decoration:none}
	#side li a:visited {color: #000; text-decoration:none}
	#side li a:active  {}
	#side li a:hover   {color: #000; text-decoration:none; background-color:#fffff9;}

}

/*----- proguram next -----*/

.nextBox{
	padding:7px 0;
	background-color:#f3f3dd;
	text-align:center;
	margin:0 0 4em 0;}

.nextBox p{
	font-size:14px;
	margin:0;}