@charset "utf-8";

/* HEADER
------------------------------------------------------------*/

.header {
	position: relative;
	width:100%;
	height: 530px;
	overflow: hidden;
	padding: 0;
}
.lowdir .header {
	height: 235px;
	background: #fefefe url(../images/page_header.jpg) no-repeat center top;
}

#logowrap {
	position: absolute;
	height: 36px;
	top: 12px;
	left: 50%;
	margin-left: -500px;
	z-index: 999;
}
#logowrap img {
	width: 180px;
	height: auto;
	display: block;
}

#mlogowrap {
	position: absolute;
	height: 36px;
	top: 12px;
	left: 50%;
	margin-left: -100px;
	z-index: 999;
}
#mlogowrap img {
	width: 200px;
	height: auto;
	display: block;
}

.header .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.header h1 {
	position: absolute;
	top: 0px;
	padding: 0;
	z-index: 1;
}
.header h1 img {
	width: 440px;
	height: 132px;
	display: block;
}
.lowdir .header h1 img {
	height: 82px;
	width: auto;
	display: block;
}
.header nav {
	display: none;
}



#sliderWrap {
	position: relative;
	height: 530px;
	overflow: hidden;
	z-index: 9;
	background: #2b343f url(../images/bg_ixcont01.jpg);
}
#coverWrap {
	position: absolute;
	width: 100%;
	height: 530px;
	z-index: 10;
}
ul#slider{
	position: relative;
	left: 50%;
	height: 530px;
	margin-left: -700px;
	z-index: 8;
}


/* global-nav
------------------------------------------------------------*/

#chara {
	position: absolute;
	width: 120px;
	height: 110px;
	padding: 0;
	top: 30px;
	left: 0;
	z-index: 9999;
}
#chara.fixed {
	position: fixed;
	top: 10px;
	left: 0px;
	z-index: 99999;
}
#pgchara {
	position: absolute;
	width: 120px;
	height: 110px;
	padding: 0;
	top: 30px;
	left: 0;
	z-index: 9999;
}
#pgchara.fixed {
	position: fixed;
	top: 10px;
	left: 0px;
	z-index: 99999;
}
#gnavi,
#pgnavi {
	position: absolute;
	width: 100%;
	padding: 0;
	z-index: 3;
	background: #000;
}
#gnavi {
	top: 530px;
	height: 60px;
	z-index: 9999;
}
#pgnavi {
	top: 51px;
	height: 35px;
	z-index: 999;
}
#gnavi .global-nav-inner {
	width: 1000px;
	height: 60px;
	margin: 0 auto;
}
#pgnavi .global-nav-inner {
	width: 1000px;
	height: 35px;
	margin: 0 auto;
}
#gnavi ul {
	float:left;
	width: 1000px;
	height: 60px;
}
#pgnavi ul {
	float:left;
	width: 1000px;
	height: 35px;
}
#gnavi ul li,
#pgnavi ul li {
	float:left;
	display: inline;
}
#gnavi ul li a,
#pgnavi ul li a {
	display: block;
	width: 160px;
	height: auto;
}
#gnavi ul li.gnvtop a,
#pgnavi ul li.gnvtop a {
	display: block;
	width: 40px;
	height: auto;
}
#gnavi.fixed,
#pgnavi.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
}


#smpnavi {
	display: none;
}

.dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
}
.dropmenu:after{
	clear: both;
}
.dropmenu li{
	position: relative;
}
.dropmenu li a{
	display: block;
}
#gnavi ul li ul,
#pgnavi ul li ul {
	width: 160px;
	float: none;
}
#gnavi ul li ul li,
#pgnavi ul li ul li {
	float: none;
	display: block;
}
.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 99999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 9999;
}
.dropmenu li ul li{
	z-index: 9999;
	text-align: center;
}
#gnavi .dropmenu li ul li a{
	height: 60px !important;
	padding: 0;
	background: #333;
}
#pgnavi .dropmenu li ul li a{
	height: 35px !important;
	padding: 0;
	background: #333;
}
#gnavi .dropmenu li:hover > a{
	height: 60px !important;
	color: #ccc;
	background: #333;
}
#pgnavi .dropmenu li:hover > a{
	height: 35px !important;
	color: #ccc;
	background: #333;
}
.dropmenu li a:hover{
	color: #ccc;
	background: #333;
}


#dropmenu li ul li{
	overflow: hidden;
	height: 0;
	margin: 0;
	transition: .5s;
}
#gnavi #dropmenu li:hover ul li{
	overflow: visible;
	height: 60px;
}
#pgnavi #dropmenu li:hover ul li{
	overflow: visible;
	height: 35px;
}


/* mainimg
------------------------------------------------------------*/


/* 全体
------------------------------------------------------------*/
.wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.pgindex .wrapper {
	padding: 60px 0 0;
}

.pgancbox {
	padding: 50px 0 0 0;
	margin: -50px 0 0 0;
}
.box {
	width: 1000px;
	margin: 0 auto;
}
.widebox {
	width:100%;
	margin: 0;
}
.imgbox {
	overflow: hidden;
	width: 100%;
	clear: both;
	text-align: center;
}
.imgbox img {
	border: 0;
}
.textbox {
	font-size: 1.1em;
	color: #111;
	text-align: left;
	line-height: 2.0em;
}


/**************************
/* グリッド
**************************/


* html .gridWrapper{height:1%;}


.grid {
	float:left;
}
.recBox {
	margin: 0;
	background:url(../images/bg_recbox.jpg);
}
.recBox a {
	display: block;
	width: 100%;
	height: 100%;
}


.colDark,.colLight{
	padding-bottom:10px;
	color:#fff;
	background:#2871d7;
}

.colLight{
	background:#134091;
}

.colDark h3,.colLight h3{
	margin:10px 10px 5px;
	font-size:14px;
	border-bottom:1px solid #fff;
}

.colDark a,.colLight a{
	display:block;
	color:#ccc;
}

.colDark a:hover,.colLight a:hover{
	color:#fff;
}





/*************
/* タイトル
*************/

.sub_shopname {
	width: 100%;
	padding: 12px 0;
	margin-bottom:10px;
	background:#7c6d3c;
}
.sub_shopname h2{
	margin:0 0 0 24px;
	font: 20px 'Hiragino Mincho ProN', serif;
	color: #fff;
	letter-spacing: 0.2em;
}


/*************
メイン コンテンツ
*************/
section.content{
	margin-bottom:20px;
	font-size:14px;
	overflow:hidden;
}

* html section.content{height:1%;}




/* FOOTER
------------------------------------------------------------*/

.footer {
	text-align: center;
	background: #fff url(../images/bg_ixcont06.png);
}
.footer .box {
	padding: 25px 0;
	text-align: center;
}

/* #footnavi
==========================*/

.footer .box .ftssbox {
	width: 100%;
	padding: 0 0 30px;
	text-align: center;
}


#footnavi {
	position: relative;
	width: 100%;
	margin:0 auto;
	padding:  0 0 14px;
	color: #111;
	text-align: center;
}
#footnavi ul {
	/*float: left;
	left: 50%;*/
	margin: 0;
	line-height: 1.0em;
	/*position: relative;*/
	display: table;
	margin: auto;
}
#footnavi li {
	/*float: left;
	left: -50%;*/
	margin: 0;
	/*position: relative;*/
	font-size: 1.0em;
	display: table-cell;
}
#footnavi li a {
	padding: 0 8px;
	color: #111;
	text-decoration: none;
	border-left: solid 1px #333;
}
#footnavi li:first-child a {
	border-left: none;
}
#footnavi li a:hover {
	color: #111;
	text-decoration: underline;
}


.footer .copyright {
	width: 100%;
	padding: 8px 0;
	font-size: 0.9em;
	color: #fff;
	letter-spacing: 0.2em;
	text-align: center;
	background: #000;
}

/* pagetop
------------------------------------------------------------*/

#pageTop {
	position: fixed;
	right: 2px;
	bottom: 74px;
	z-index: 13;
}
#pageTop a {
	width: 84px;
	height: 84px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/pagetop.png);
}
a.pageTopBtn {
	background-position: 0px 0px;
}
a.pageTopBtn:hover{ background-position:-84px 0;}

/* IE6 */
* html #pageTop {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+100));
	right:0;
}


/*--------------------------------------------------------------------------
   PdNavi
---------------------------------------------------------------------------*/

/* type1 */
a.btn-type1{
	display: block;
	background: #000;
	text-align:center;
	padding: 3px;
	font-size: 0;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
}

#PdNavi{
	display:none;
	position: fixed;
	top: 64px;
	left:0;
	z-index:111;
	width:100%;
	min-width:320px;
}
#PdNavi:before{
	content:" ";
	position:absolute;
	bottom:100%;
	width:0;
	height:0;
	border:solid transparent;
	pointer-events:none;
}
#PdNavi:before{
	right:35px;
	margin-left:-5px;
	border-color:rgba(1,119,175,0);
	border-bottom-color:#333;
	border-width:5px;
}
#PdNavi.open{
	display:block !important;
}

#PdNavi nav{
	position:relative;
	z-index:10;
	margin:0 10px 0 10px;
	padding:0 0 3px;
	background: #222;
}
#PdNavi nav ul li.level01{
	border-bottom:1px solid #666;
}
#PdNavi nav ul li.level01:after{
	content:"";
	display:block;
}
#PdNavi nav ul li.level01.low,
#PdNavi nav ul li.level01.low:after,
#PdNavi nav ul li.level01:last-child,
#PdNavi nav ul li.level01:last-child:after{
	border-bottom:none;
}
#PdNavi nav ul li a{
	display:block;
	padding:8px 10px 7px;
}
#PdNavi nav ul li a:hover {
	color: #fff;
	background: #000;
}
#PdNavi nav ul li a.first{
	padding:8px 12px 7px 12px;
	color:#FFF;
	font-size:117%;
}
#PdNavi nav ul li a.first span{
	display:block;
	background-size:8px 12px;
}

/* acd */
#PdNavi nav ul.acd{
	margin:0;
	background:#333;
}
#PdNavi nav ul.acd li{
	border-bottom:1px solid #666;
}
#PdNavi nav ul.acd li:first-child{
	border-top:1px solid #666;
}
#PdNavi nav ul.acd li:last-child{
	border-bottom:1px solid #666;
}
#PdNavi nav ul.acd li span.ico-open2{
	display:block;
	padding:0 8px 0 10px;
	cursor:pointer;
	color:#fff;
	font-size:117%;
	/* background: url(../images/icon_open.png) no-repeat 100% 50%; */
}
#PdNavi nav ul.acd li span.ico-open:hover {
	/* background: #000 url(../images/icon_open.png) no-repeat 100% 50%; */
	background: #000;
}
#PdNavi nav ul.acd li span.ico-open2 span{
	display:block;
	padding:8px 0 7px;
}
#PdNavi nav ul.acd li span.ico-open.open span{
	background-size:26px 28px;
}
#PdNavi nav ul.acd li span.ico-open.open{
	/* background:url(../images/icon_close.png) no-repeat 100% 50%; */
}
#PdNavi nav ul.acd li span.ico-open.open:hover {
	/* background: #000 url(../images/icon_close.png) no-repeat 100% 50%; */
	background: #000;
}

/* third */
#PdNavi nav ul li ul.third{
	/*display:none;*/
	margin:0;
	color:#fff;
	background:#555;
}
#PdNavi nav ul.acd li ul.third li:last-child{
	border-bottom: none;
}
#PdNavi nav ul.acd li ul.third li span{
	display:block;
	background-size:8px 12px;
}
#PdNavi nav ul li li a {
	padding-left: 17px;
	color:#fff;
}

/* close */
#PdNavi nav p.close {
	display:block;
	cursor:pointer;
	margin:0 3px;
	padding:15px 0;
	color:#fff;
	background: #222;
	text-align:center;
}
#PdNavi nav p.close:hover {
	background: #000;
}



/* share ixcont03
-------------------------------------------------------------------------------- */

#ixcont03 .widebox {
	position: relative;
	overflow: hidden;
	background: #9f8b48 url(../images/bg_ixcont03.jpg);
}
#ixcont03 .box {
	position: relative;
	padding: 30px 0 20px;
	z-index: 9;
}

.contactbox .grid01 {
	width: 44%;
	padding: 70px 0 20px;
}
.contactbox .grid01 h1 img {
	width: 100%;
	height: auto;
	padding: 0 0 10px;
}
.contactbox .grid01 h3 img {
	width: 70%;
	height: auto;
}
.contactbox .grid01 .addtext {
	padding: 10px 0 0 20px;
	font-size: 1.1em;
	color: #111;
	text-align: left;
	line-height: 1.5em;
}

.contactbox .grid02 {
	width: 53%;
	margin: 0 0 0 3%;
	padding: 20px 0 20px;
}
.contactbox .grid02 div {
	padding: 0 0 12px;
}
.contactbox .grid02 div img {
	width: 100%;
	height: auto;
}






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


	.box {
		width: 94%;
		margin: 0 3%;
		padding: 0;
	}

	.header {
		width: 100%;
		height: auto;
		background: #fff;
	}
	.lowdir .header {
		width: 100%;
		height: 130px;
		background: #1a1e27 url(../images/page_header_s.jpg) no-repeat center bottom;
		background-size: contain;
	}

	#logowrap {
		display: none;
	}
	#mlogowrap {
		display: none;
	}
	.header nav {
		display: block;
		display: none;
	}
	#chara {
		position: absolute;
		width: 80px;
		height: 76px;
		top: 66px;
		z-index: 9;
	}
	#chara.fixed {
		display: none;
	}
	#chara img {
		width: 100%;
		height: auto;
	}
	#pgchara {
		position: absolute;
		width: 80px;
		height: 76px;
		padding: 0;
		top: 66px;
		left: 0;
		z-index: 9;
	}
	#pgchara.fixed {
		display: none;
	}
	#pgchara img {
		width: 100%;
		height: auto;
	}
	#gnavi,
	#pgnavi {
		display: none;
	}

	#smpnavi {
		display: block;
		position: fixed;
		width: 100%;
    		padding: 8px 0;
		background: #fff;
		z-index: 999;
	}
	#smpnavi .smplogo {
		float: left;
		width: 220px;
	}
	#smpnavi .smplogo img {
		height: 42px;
		width: auto;
	}
	#smpnavi .smpnvbtn {
		float: right;
		width: 60px;
	}
	#smpnavi .smpnvbtn ul li {
		width: 80%;
		margin: 0 10%;
	}
	#smpnavi .smpnvbtn ul li img {
		width: 100%;
		height: auto;
	}


	#sliderWrap {
		position: relative;
		padding-top: 59px;
		height: auto;
		overflow: hidden;
		z-index: 9;
	}
	#sliderWrap img {
		display: block;
		width: 100%;
		height: auto;
	}
	#coverWrap {
		position: relative;
		width: 100%;
		height: auto;
		z-index: 10;
		background: #333;
	}
	ul#slider{
		position: relative;
		left: 0;
		height: auto;
		margin-left: 0;
		z-index: 8;
	}


	.wrapper {
		width: 100%;
    		padding: 0px 0 0;
	}

	.pgindex .wrapper {
		padding: 0;
	}

	.widecolumn {
		float: none;
		width: 100%;
	}
	.sidecolumn {
		display: none;
	}
	.grid {
		width: 50%;
		margin: 0;
	}
	.recBox {
		width: 98%;
	}

	.col2{
		float:none;
		width:100%;
		margin:0 0 20px;
		clear: both;
	}
	.newsBox {
		width: 94%;
		margin: 0 3%;
	}
	.bannerbox ul li img {
		width: 146px;
		height: auto;
	}
	.bannerbox ul li a{
		margin: 4px;
	}

	img.frame,#gallery img{border-width:2px;}

  	.alignleft,.alignright{
		float:none;
		display:block;
		margin:0 auto 10px;
	}
	.sub_shopname {
		width: 100%;
		padding: 8px 0;
		margin-bottom:10px;
		background:#7c6d3c;
	}
	.sub_shopname h2{
		margin:0 0 0 20px;
		font: 16px 'Hiragino Mincho ProN', serif;
		color: #fff;
		letter-spacing: 0.2em;
	}

	.footer .box .ftssbox {
		padding: 0;
	}
	.footer .box .ftssbox img {
		width: 90%;
		margin: 0;
	}
	.footer #footnavi {
		display: none;
	}
	.footer .copyright {
		padding: 6px 0 4px;
		font-size: 0.9em;
		letter-spacing: 0em;
	}


/* share ixcont03
-------------------------------------------------------------------------------- */

	.productsbox .grid01,
	.productsbox .grid02,
	.contactbox .grid01,
	.contactbox .grid02 {
		float: none;
		width: 94%;
		margin: 0 3%;
		padding: 0;
		text-align: center;
	}
	.contactbox .grid01 h1 img {
		width: 80%;
		height: auto;
		padding: 0;
	}
	.contactbox .grid01 h3 img {
		width: 50%;
		height: auto;
	}
	.contactbox .grid01 .addtext {
		padding: 10px 0 20px;
		text-align: center;
	}
	.contactbox .grid02 div {
		padding: 4px 0 8px;
	}

	.productlist .grid {
		position: relative;
		float: left;
		width: 100%;
		margin: 0 0 5%;
		background: #fff;
		border: solid 2px #bfd9ac;
		text-align: center;
	}


}