@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }


/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {
	
}
	ul li {
		list-style:none;	
	}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
ul { 
}
* html ul {
	zoom: 100%;
}
*:first-child+html ul {
	display: inline-block;
}
ul:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}




/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #000;
}
a:hover {
	color: #000;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}
.bold {
	font-weight: bold;
}


/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	/*text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;*/
	color: #000;
	padding: 0;
	margin: 0;
	width:100%;
	letter-spacing: 0.2em;
	-webkit-text-size-adjust: 100%;
}





/* PC */
@media screen and (min-width: 768px), print {

.sp,
#header_sp{
	display: none;
}

.gmap iframe {
pointer-events:none;
}


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

#header-bg {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #FFF;
}

#header {
	width: 1100px;
	position:relative;
	margin: 0 auto;
	padding: 30px 0 30px 0;
	
	
}
* html #header {
	zoom: 100%;
}
*:first-child+html #header {
	display: inline-block;
}
#header:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
    #header h1 {
        float: left;
		width: 180px;
    }



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#nav {
	padding-top: 20px; 
	float: right;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
	#nav li {
		float: left;
		margin-left: 70px;
		padding-bottom: 15px;
	}
	#nav li.on{
		border-bottom: solid 1px #000;
	}


p#buy {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくずリスト  */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

#bread {
	padding-top: 10px;
	margin-bottom: 60px;
}
	#bread ul {
		font-size: 12px;
		float:left;
	}
	#bread ul li {
		float:left;
		margin-right: 10px;
		color: #000;
		padding-right:20px;
		background:url(../img/bread_arrow.png) no-repeat right center;
	}
	#bread ul li.last {
		background:none;
		margin-right: 0px;
		padding-right:0px;
		color:#000;
	}
		#bread ul li a {
			text-decoration:underline;
		}






	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper {
	margin-top: 120px;
	width: 100%;
	min-width: 1100px;
	background: url(../img/bg.gif) repeat center top;
	padding: 0px 0 80px 0;
}

#contents {
	width: 1100px;
	margin: 0 auto;
	padding: 50px 0;
}

.area {
	width: 1100px;
	margin: 0 auto;
}
* html .area {
	zoom: 100%;
}
*:first-child+html .area {
	display: inline-block;
}
.area:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

.section{
	margin-bottom:80px;
	}



#pageTitle {
	text-align: center;
	margin-bottom: 50px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 143%;
	font-weight: normal;
	color: #FFF;
	padding-top: 110px;
	width: 100%;
	height: 150px;
	overflow: hidden;
}


	
	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	width: 1100px;
    padding: 25px 0;
	text-align: center;
	font-size: 86%;
	position: relative;
	margin: 0 auto;
}
	#footer .copy {
		margin-top: 50px;
		color: #686868;
	}
	#footer ul {
		position: absolute;
		top: 35px;
		right: 0;
	}
	#footer ul.sns {
		top: 70px;
	}
	#footer ul li {
		float: left;
		margin-left: 20px;
	}





}






/* スマホ */
@media only screen and (max-width: 767px) {
	
	
.pc,
#header,
#buy,
#nav
{
	display: none;
}

img {
	width: 100%;
	height: auto;
}


.area {
	width: 94%;
	margin: 0 auto;
}


body{
	width:100%;
	overflow-x:hidden;
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header_sp {
	padding: 15px;
	background:#fff;
}
	#header_sp h1 {
		width: 40%;
		line-height: 1;
		margin: 0 auto;
	}
		#header_sp h1 img {
			width: 100%;
			height:auto;
		}





	#header_sp #MenuNav{
		display: none;
		clear: both;
		position:absolute;
		top:0px;
		left:0;
		width:90%;
		height:80%;
		z-index:1000;
	    background: rgba(255, 255, 255, 1);
		padding:0px 5% 3% 5%;
		padding-bottom:200px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		#header_sp #MenuNav .inner{
			}
		#header_sp #MenuNav .inner ul {
			padding: 15% 0%;
			text-align: center;
		}
		#header_sp #MenuNav .inner ul li {
			margin-bottom: 8%;
			padding-bottom: 8%;
			border-bottom: solid 1px #CCC;
		}
		#header_sp #MenuNav .inner ul li.last {
			background: #000;
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}
			#header_sp #MenuNav .inner ul li.last a {
				padding: 5% 0;
				display: block;
				color: #FFF;
			}
	
				
				
				
				
				
	


.hamburger {
  display: block;
  position: absolute;
  /*top: 2.5%;*/
  right: 0%;
  z-index: 10000;
  padding: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  
  padding-bottom:35px;
  background:url(../img/menu_txt.png) no-repeat 42% bottom;
  background-size:60%;
}
.hamburger__icon {
  position: relative;
  margin-top: 7px;
  margin-bottom: 7px;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
  display: block;
  width: 30px;
  height: 1px;
  background-color: #000;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.hamburger__icon:before, .hamburger__icon:after {
  position: absolute;
  content: "";
}
.hamburger__icon:before {
  top: -12px;
}
.hamburger__icon:after {
  top: 12px;
}
.hamburger.active{
  background: none;
  background:url(../img/menu_txt_close.png) no-repeat 42% bottom;
  background-size:60%;

}
.hamburger.active .hamburger__icon {
  background-color: transparent;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  background-color: #000;
}
.hamburger.active .hamburger__icon:before {
  -moz-transform: translateY(12px) rotate(45deg);
  -ms-transform: translateY(12px) rotate(45deg);
  -webkit-transform: translateY(12px) rotate(45deg);
  transform: translateY(12px) rotate(45deg);
}
.hamburger.active .hamburger__icon:after {
  -moz-transform: translateY(-12px) rotate(-45deg);
  -ms-transform: translateY(-12px) rotate(-45deg);
  -webkit-transform: translateY(-12px) rotate(-45deg);
  transform: translateY(-12px) rotate(-45deg);
}








/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくずリスト  */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

#bread {
	padding-top: 10px;
	margin-bottom: 50px;
}
	#bread ul {
		font-size: 12px;
		float:left;
	}
	#bread ul li {
		float:left;
		margin-right: 10px;
		color: #000;
		padding-right:20px;
		background:url(../img/bread_arrow.png) no-repeat right center;
	}
	#bread ul li.last {
		background:none;
		margin-right: 0px;
		padding-right:0px;
		color:#000;
	}
		#bread ul li a {
			text-decoration:underline;
		}





	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

#wrapper {
	background: url(../img/bg.gif) repeat center top;
	padding: 0 0 10% 0;
}


.section {
	margin-bottom: 10%;
}




	

#pageTitle {
	text-align: center;
	margin-bottom: 50px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 143%;
	font-weight: normal;
	color: #FFF;
	padding-top: 110px;
	width: 100%;
	height: 150px;
	overflow: hidden;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	border-top:1px solid #c8c8c8;
	padding:10%;
	text-align: center;
	font-size: 86%;
}
	#footer p {
		margin-bottom: 5%;
	}
	#footer ul {
		margin-bottom: 5%;
	}
	#footer ul.sns {
		margin: 0 auto;
	}
	#footer ul li {
		display: inline;
		margin: 0 3%;
	}
	#footer ul li img {
		width: 5%;
	}
	#footer p img{
		width: 40%;
	}
	#footer .copy {
		margin-top: 50px;
		color: #686868;
	}





#topcontrol {
	width: 20%;
}
#topcontrol img {
	width: 100% !important;
	height: auto !important;
}
	
	
}