@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/	
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/

/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Cabin:400,700);


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 14px/1.9 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo, "ＭＳ Ｐゴシック","MS PGothic",  Helvetica, Arial, sans-serif;
	 margin:0; padding: 0; background: #F3E900; letter-spacing:0.1px;  -webkit-text-size-adjust: 100%; color:#626162; }


	 
a       { color:#1A1311; color:#E2007E; text-decoration: underline; }
a:hover { text-decoration: none; color:#666666; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; } 
:focus { outline: 0; }




a.outlink { padding-right:20px; background: url(../images/common/outlink.png) right 30% no-repeat; }

img.ajax-loader {
  float: left;
}
.hidden {
  display: none;
}


/* main-layout
==========================================================*/

#toppages { }
#wrapper  { }
.wrap{ width:972px; margin:0 auto;}
.wrap1000{ width:1000px; margin:0 auto;}
.wrapInner{ }


/* header
==========================================================*/

#header { background:#FFF; width:100%; height:100px; line-height:0.95; z-index:9999; top:0; left:0;}
#headerInner { width:1000px; margin:0 auto; }

	.fixed{ position:fixed !important; }
	.sp .fixed{ position: inherit!important; }
	
#header .logo { float:left; width:150px; }
#header .logo img { vertical-align:bottom; max-width:100%; height:auto; }
	#header a{color:#1A1311; }
#menuInner { float:right; }
#menu {}
	.head_language { float:right; margin:0 0 10px;}
	.head_language li { float:left;}
	.head_menu {}
	.head_menu li { float:left; opacity:0.6;-moz-opacity:0.6; filter: alpha(opacity=60); color:#626162;}
	.head_menu li.current { opacity:1;-moz-opacity:1; filter: alpha(opacity=100); color:#000;}
	.head_menu li a{ text-decoration:none; }
	

	.head_menu li::before,
	.head_menu li::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	.head_menu li,
	.head_menu li::before,
	.head_menu li::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.head_menu li:hover { padding-top:2px;  }
	
	


#sphdContainer{ position: relative; display:none;}
.sphdtab{ position:absolute; top:14px; right:5px; z-index:9999;}
.sphdtab-l{ }
.sphdtab-r{ }



/* footer
==========================================================*/
#footer {}
#footerMenu { background:#E4E4E4; padding:50px 0;}
	#footerMenu ul { float:left; margin:0 60px 0 0; font-size:12px; }
	#footerMenu li { padding:5px 0 5px 15px; background: url(../images/common/btn_footmenu.png) 0 50% no-repeat; } 
	#footerMenu a { color:#626162; text-decoration:none; }
	#footerMenu a:hover { color:#999;  }
	#footerMenu ul.footIcon { float:right;}
	#footerMenu ul.footIcon li { float:left; background:none; padding:0 0 0 10px;}
	.ft-fb{ display:none; }

#footerCopyright { background:#353535; padding:40px 0; color:#ccc; font-size:12px; line-height:1.6;}
	.footLogo { width:325px;}
	.footInterlink { width:620px; padding-top:48px; }

.backTop{ padding:40px 0 50px; text-align:right; }


/* content
==========================================================*/
#Container{ padding-top:100px;} 

.pages{}
.ContentInner{}
.ContentInnerBlock{}

.h1tt{ position:absolute; text-indent:-999em;  }
.ttlbox{ line-height:1em; padding-bottom:15px; margin-bottom:60px; border-bottom:1px solid #bfbfbf; }


a.seemore-button { color: #A9ABAA !important; text-decoration:none !important;}
.seemore-button {
	display: inline-block;
	width: 220px;
	height: 56px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	font-size:26px;
	font-family: 'Cabin', sans-serif;
	font-weight:bold;
	
	background-color: #F3E900;
	border: 4px solid #F3E900;
	color: #A9ABAA;
}
.seemore-button::before,
.seemore-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.seemore-button,
.seemore-button::before,
.seemore-button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.seemore-button:hover {
	background-color: #fff;
	border-color: #A9ABAA;
}

.seemore-button i.fa{ font-size:0.8em; padding-right:18px; }


a.seemore-g{ background-color: transparent; border: 4px solid #A9ABAA; }
.seemore-g:hover {
	background-color: #F3E900;
	border-color: #F3E900;
}

a.seemore-y{ background-color: transparent; border: 4px solid #A9ABAA; }
.seemore-y:hover {
	background-color: #FFF;
	border-color: #FFF;
}

/* 2: layout
----------------------------------------------------------------------------------------------*/

/* 2column commons name
*/

.col{ }
	.col-l{ float:left; }
	.col-r{ float:right; }
	
	
#single-wrapper{}
#pages-wrapper{}


/*

@media screen and (max-width: 800px) {
.col-l{ float: none; }
.col-r{ float: none;  }

}

*/



/* pages
==========================================================*/
.page-tt{ line-height:0.95; padding:35px 0;}
.page-ttContainer{ width:100%; background:#fff; margin-bottom:60px;}
.page-ttInner{ min-height:70px;  margin:0px auto; padding:20px 0; color:#A9ABAA; }
.page-ttContainer img{ vertical-align:middle;}
.page-ttContainer i{ margin-right:20px; float:left;}


.page-tt-c{ padding:50px 0; text-align:center; line-height:1.2; color:#A9ABAA;}
.page-tt-en{ font-family: 'Fjalla One', sans-serif; font-size:36px; letter-spacing:1px;}


.page-ttl2{ background:#9E9E9F; margin-bottom:40px; margin-top:100px; padding:8px 20px;}
.page-ttl2-en{ font-family: 'Fjalla One', sans-serif; font-size:24px; color:#F3E900; letter-spacing:1px;}
.ttl2g{ background:#9E9E9F; margin-bottom:20px; margin-top:60px;}




#ind_kangen { background:#F3E900 url(../images/index/kangen/kangenbg.png) ; }
	.ind_kangen_w1{ background:url(../images/index/kangen/kangenstripe.png) 0 top repeat-x ; }
	.ind_kangen_w2{ background:url(../images/index/kangen/kangenstripe.png) 0 bottom repeat-x ;}
	
	.kangenInner{ background:url(../images/index/kangen/kangen_map.png)  80px 10px no-repeat; padding:70px 0 90px;}
	.kangen-box{}
	.kangen-box2{ position:relative; top:-20px; }
	.kangen-cmt { color:#A9ABAA; font-size:19px; font-weight:bold; text-align:center; margin-top:40px; }
	
@media screen and (max-width: 750px) {
	.kangen-box2{ position: inherit; top:0px; margin-top:5px; }
	.kangenInner{ background:url(../images/index/kangen/kangen_map.png)  0px 10px no-repeat; padding:70px 0 90px; background-size:70%;}
}




/* SP
==========================================================*/
.nav_sp{ display:none;}


@media screen and (max-width: 1010px) {
.wrap1000,
.wrap{ margin:0 auto; width: auto; padding: 0 15px; overflow:hidden;  }
#header { height: auto; width: 100%; }
#headerInner { width: auto; margin:0 auto; padding: 0 15px;  }

}



@media screen and (min-width: 911px) {
#menu { display: inline-block !important; }
}

@media screen and (max-width: 1000px) {
.footInterlink { width:530px;}
}


@media screen and (max-width: 940px) {
.head_menu img{ height:28px; width:auto; }	
}

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

.fixed{ position: inherit !important; }
#header .logo { float:left; width:30%; }

#Container{ padding-top:0px;} 

#menuInner { float: none; }
#menu { display: none; }
.head_language { float:right; margin-right:40px;}
.head_menu {}
.head_menu li{ float: none; padding:0px;  border-top:1px solid #bfbfbf; margin:0 -15px;}
.head_menu li .nav_sp{ padding:18px 20px;}
.head_menu img{ display:none;}

#sphdContainer{ position: relative; display:inherit; }
.sphdtab{ position:absolute; top:5px; right:0px; z-index:9999; }
#hdsubNav{ position:absolute; top:0; right:20px;}

#footerMenu { background:#E4E4E4; padding:20px 0;}
	#footerMenu ul { float: none; margin:0 ; font-size:12px; }
	#footerMenu li { float:left; padding:0; background:none; width:50%; } 
	#footerMenu a { color:#626162; padding:5% 5%; margin:1%; display:block; background:#FFF;}
	#footerMenu ul.footIcon { clear:both; float:none; padding-top:10px;}
	#footerMenu ul.footIcon li { float:left; width: auto; background:none; padding:0; margin-right:10px;}
	#footerMenu ul.footIcon a { background:none; }
	#footerMenu ul.footIcon li img{ max-width:50px; height:auto;}
#footerCopyright { background:#353535; padding:40px 0; color:#ccc; font-size:12px; line-height:1.6;}

.footLogo { width:auto;}
.footLogo img{ max-width:50%; height:auto;}
.footInterlink { width:auto; padding-top:20px; }
	
.col-l{ float: none; }
.col-r{ float: none; }

.nav_sp{ display: block; }


}


@media screen and (max-width: 640px) {
.page-ttInner{ min-height: inherit;  }


}



/* 
==========================================================*/