@charset 'utf-8';

body{
  color: #333333;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.8;
  font-family: Arial, Helvetica, sans-serif;
}
#header, #headmenu, #footer, #headernaka {
	width: 980px;
	margin: auto;
	display:block;
}
@media screen and (min-width:300px) and ( max-width:1199px) {
  body{
  color: #333333;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5;
  font-family: Arial, Helvetica, sans-serif;
}
#header, #headmenu, #footer, #headernaka {
    width: 100%;
	margin: auto;
	display:block;
}
}



/************************************************************************************
ヘッダー
*************************************************************************************/

#headernaka{
    width: 980px;
	margin: auto;
	display:block;
	position:relative
}

@media screen and (max-width: 479px) {
	#headernaka{
    width: 100%;
	margin: auto;
	display:block;
}
}

#base {
	line-height: 1.6;
}

#headbase {
	background:url("https://gekkako.com/common/img/top_bg.jpg") 50% 50% !important;
	background-size:cover !important;

}
#headbase_naka{
	background:url("https://gekkako.com/common/img/naka_bg.jpg") 50% 50%  !important;
	background-size:cover !important;
}

#headernaka {height: 200px;}
#toplogo{margin-top:150px;}
#header {height: 402px;}
#pagelogo{margin:80px 0 0 0px;
          width: 292px;
		  position:absolute;
		  top: 0px;
		  left: 0px;
		  z-index: 0;
}

@media screen and (max-width: 479px) {
#pagelogo{margin:50px 0 0 20px;
		  margin-top:80px;
          width: 200px;
}
}


/*ヘッダーコンタクト*/

.contact {
 height:50px;
 margin: 0 auto;
 padding-top:100px;
}
 

.contact .icon {
 width:600px;
 margin:0 auto;
 padding-top:10px;
}

.contact .icon li {
 float:right;
 padding:0 8px;
 list-style: none;
}
 
.contact .icon li:first-child {
 padding-right:0;
 padding:0 10px 0 0;
}
 
.contact .icon li:last-child {
 padding-left:0;
 border-left:none;
}
 
.contact .icon li a {
 text-decoration:none;
 color:#333;
}
.contact .icon li:hover {
	transition: 1.0s ;
	opacity: 0.7;
}

.contact .shop {
 float:right;
 font-size:10px;
 text-align:right;
}

.shop-txt {
text-align:right;
font-size: 14px;
line-height: 16px;
color: #343838;
font-weight: 700;
margin: 0 0 0px 0;
background: linear-gradient(transparent 50%, #cff3ff 50%);
}
.shop-tel {
text-align:right;
font-size: 18px;
line-height: 24px;
color: #343838;
font-weight: 700;
margin: 0 0 0px 0;
}
.shop-time {
text-align:right;
color: #343838;
font-size: 12px;
line-height: 14px;
font-weight: 700;
}

@media screen and (max-width: 479px) {
.contact .icon {
 width:100%;
 margin:0 auto;
 padding-top:10px;
}
.shop-txt {
text-align:right;
font-size: 8px;
line-height: 10px;
color: #343838;
font-weight: 700;
margin: 0 10px 0px 0;
background: linear-gradient(transparent 50%, #cff3ff 50%);
}
.shop-tel {
text-align:right;
font-size: 12px;
line-height: 20px;
color: #343838;
font-weight: 700;
margin: 0 10px 0px 0;
}
.shop-time {
text-align:right;
color: #343838;
font-size: 8px;
line-height: 10px;
font-weight: 700;
margin: 0 10px 0px 0;
}
}



/*ヘッダーTOPコンタクト*/

.contact2 {
 height:50px;
 margin: 0 auto;
 padding-top:170px;
}
 

.contact2 .icon {
 width:600px;
 margin:0 auto;
 padding-top:10px;
}

.contact2 .icon li {
 float:right;
 padding:0 8px;
 list-style: none;
}
 
.contact2 .icon li:first-child {
 padding-right:0;
 padding:0 10px 0 0;
}
 
.contact2 .icon li:last-child {
 padding-left:0;
 border-left:none;
}
 
.contact2 .icon li a {
 text-decoration:none;
 color:#333;
}
.contact2 .icon li:hover {
	transition: 1.0s ;
	opacity: 0.7;
}

.contact2 .shop {
 float:right;
 font-size:10px;
 text-align:right;
}

.shop-txt2 {
text-align:right;
font-size: 14px;
line-height: 16px;
color: #343838;
font-weight: 700;
margin: 0 0 0px 0;
background: linear-gradient(transparent 50%, #cff3ff 50%);
}
.shop-tel2 {
text-align:right;
font-size: 18px;
line-height: 24px;
color: #343838;
font-weight: 700;
margin: 0 0 0px 0;
}
.shop-time2 {
text-align:right;
color: #343838;
font-size: 12px;
line-height: 14px;
font-weight: 700;
}

@media screen and (max-width: 479px) {
.contact2 {
 height:50px;
 margin: 0 auto;
 padding-top:280px;
}

.contact2 .icon {
 width:100%;
 margin:0 auto;
 padding-top:10px;
}
.shop-txt2 {
text-align:right;
font-size: 8px;
line-height: 10px;
color: #343838;
font-weight: 700;
margin: 0 10px 0px 0;
background: linear-gradient(transparent 50%, #cff3ff 50%);
}
.shop-tel2 {
text-align:right;
font-size: 16px;
line-height: 20px;
color: #343838;
font-weight: 700;
margin: 0 10px 0px 0;
}
.shop-time2 {
text-align:right;
color: #343838;
font-size: 8px;
line-height: 10px;
font-weight: 700;
margin: 0 10px 0px 0;
}
}


@media screen and (max-width:600px){

.hide {

display:none;

}

}

/*ヘッダーメニュー*/

#headmenubase{
}

#headmenu{
    width: 980px;
	margin: auto;
	display:block;
	height: 46px;
    padding:10px 0 20px 0;
}

ul#bt1 {
	overflow:hidden;
	display:block;
	width: 973px;
    background:url("https://gekkako.com/common/img/menu2.png") no-repeat;
}

ul#bt1 li span {
display: none;
}

ul#bt1 li,ul#bt1 li a {
height:46px;
display:block;
}

ul#bt1 li {
float: left;
list-style:none;
display:inline;
}

#menu01 {width: 140px;}
#menu02 {width: 137px;}
#menu03 {width: 138px;}
#menu04 {width: 138px;}
#menu05 {width: 138px;}
#menu06 {width: 139px;}
#menu07 {width: 138px;}

#menu01 a:hover {background:url("https://gekkako.com/common/img/menu2.png") 0px -46px no-repeat; }
#menu02 a:hover {background:url("https://gekkako.com/common/img/menu2.png") -140px -46px no-repeat; }
#menu03 a:hover {background:url("https://gekkako.com/common/img/menu2.png") -277px -46px no-repeat; }
#menu04 a:hover {background:url("https://gekkako.com/common/img/menu2.png") -415px -46px no-repeat; }
#menu05 a:hover {background:url("https://gekkako.com/common/img/menu2.png") -553px -46px no-repeat; }
#menu06 a:hover {background:url("https://gekkako.com/common/img/menu2.png") -691px -46px no-repeat; }
#menu07 a:hover {background:url("https://gekkako.com/common/img/menu2.png") -830px -46px no-repeat; }


/************************************************************************************
フッター
*************************************************************************************/

#footbase{
	background:#FFF;	
	/*background:url("https://gekkako.com/common/img/footerbg.jpg");*/
}

#footer{
	height: 200px;
	color:#000;
}

/*FOOTER LINK*/
div#footerarea a{
	color:#000;
	text-decoration: none;
}
div#footerarea a:hover{
	color:#ff0;
	text-decoration: underline;
}
div#footerarea a:active {
	color:#ff0;
	text-decoration: underline;
}

/*PRE OPEN用*/

#foot2pre{
	margin:0 0 0 0;
	padding:40px 10px 0 15px;
	text-align:center;
	display:block;
	overflow:hidden;
	/*background:#f00;*/
}

.footadd2pre{
	width:940px;
	height:1px;
	border:0;
	background:#a4c0df;
	margin:5px 0;
}
/* smartPhone */
@media screen and (min-width:960px) and ( max-width:1199px) {
.footadd2pre{
	width:1100px;
	height:1px;
	border:0;
	background:#a4c0df;
	margin:5px 0;
}
}
@media screen and (min-width:600px) and ( max-width:959px) {
.footadd2pre{
	width:630px;
	height:1px;
	border:0;
	background:#a4c0df;
	margin:5px 0;
}
}
@media screen and (min-width:480px) and ( max-width:600px) {
.footadd2pre{
	width:450px;
	height:1px;
	border:0;
	background:#a4c0df;
	margin:5px 0;
}
}

@media screen and (max-width: 479px) {
	.footadd2pre{
	width:350px;
	height:1px;
	border:0;
	background:#a4c0df;
	margin:5px 0;
}
}

#copy{
	padding:30px 0 0 0;
	text-align:center;
}
@media screen and (min-width: 480px) {
#copy{
	padding:20px 0 0 0;
	text-align:center;
	font-size:0.5em;
}
}
@media screen and (max-width: 479px) {
	#copy{
	padding:20px 0 0 0;
	text-align:center;
	font-size:0.5em;
}
}

.add{
	font-size:0.6em;
}

.clear:after{
	clear:both;
	display:none;
}