@charset "UTF-8";
/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	 -webkit-appearance: none;
}
ol,ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
.switch {
	visibility: hidden;
}

section, article, div, p, span,
input, textarea,
ul, li, button, a,
table, th, td{
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}

/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
header:after,
nav:after,
.clm2wrap:after,
footer:after,
address:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0;}
.clearfix,
header,
nav,
.clm2wrap,
footer,
address{ display:inline-block;overflow:hidden;_overflow:visible;display:block;}
* html .clearfix,
* html header,
* html nav,
* html .clm2wrap,
* html footer,
* html address{ height:1%;}


/* ------------------------------------------------
	　common
    ---------------------------------------------- */

body{
	width:100%;
	-webkit-text-size-adjust: 100%;
	background:#462600;
	margin:0;
	padding:0 0;
	font:14px/1.7 "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	color:#462600;
	}
.orange{ color:#e27900;}
@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }
h3{ text-align:center;  color:#c19459;font:20px/1.7 "游明朝", "YuMincho", "ヒラギノ明朝 ProN","Hiragino Mincho ProN", serif; margin-bottom:20px;}
table {
  border-collapse: collapse;
  width: 90%;
  margin:0 auto 30px;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #999;
  vertical-align:top;
}
table th {
  background-color: #f8f2e6;
  text-align: center;
  width: 30%;
}


.container {
	width:100%;
	background:#fffff9;
	padding-bottom:64px;
	}
.content {
	width:94%;
	max-width:1000px;
	margin-right:auto;
	margin-left:auto;
	}

h2 img{ width:auto; height:40px; margin-bottom:30px;}

#map_canvas {width:100%;height:465px;}

/* ----------- anchor */
a { color:#e27900;text-decoration:none; }
a:hover { text-decoration:none;}
a .imgbt:hover{opacity:0.6;filter:alpha(opacity=60);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }


/* ----------- float */
.fl { float:left;}
.fr { float:right;}


/* ----------- margin / padding */
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb16 { margin-bottom:16px;}
.mb20 { margin-bottom:20px;}
.mb24 { margin-bottom:24px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb40 { padding-bottom:40px;}
.pb100{ padding-bottom: 100px;}

/* ----------- text */
.text10{ font-size:72%; }
.text11{ font-size:79%; }
.text12{ font-size:86%; }
.text13{ font-size:93%; }
.text14{ font-size:100%; }
.text16{ font-size:115%; }
.text18{ font-size:129%; }
.text20{ font-size:143%; }
.text24{ font-size:172%; }
.text28{ font-size:200%; }
.text30{ font-size:214%; }
.textC,
.textC_pc { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}

.white { color:#fff;}
.red { color:#f00;}
.grey { color:#999;}

/* ----------- box */
.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}

.clm2wrap {
	width:104%;
	margin:0 -2% 56px;
	}
.clm2box {
	width:46%;
	float:left;
	margin:0 2%;
	}

.clm2box02 {
	width:50%;
	float:left;
	margin:0;
	}
.lrAuto{ margin-left:auto; margin-right:auto;}
.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}

/* ---------------------------------------------------------
	汎用ボタン
--------------------------------------------------------- */

.btn a,input.btn{
	 -webkit-appearance: none;
	display:block;
	margin:20px auto;
	background:#64B5F6;
	font-size:160%;
	font-weight: bold;
	width: 50%;
	text-align: center;
	padding:10px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	color: #fff;
}
.btn a:hover,input.btn:hover{ background:#FF9800;} 


/* ---------------------------------------------------------
	フォーム、フォーム バリデーション
--------------------------------------------------------- */

/* ----------- form */
/*
input{ margin-right:5px; -webkit-appearance: none;}
input, textarea { padding:5px; text-align:left;}
input:disabled, textarea:disabled { background:#eee}
input[type=file] { font-size:1em;}
input[type=checkbox],
input[type=radio]{ margin-right:5px; }
input[type=text] {
	display:inline-block;
	border:1px solid #ccc;
	padding:8px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	font-size:1em;
	position:relative;
	}*/
.lengS { width:30%;}
.lengM { width:60%;}
.lengL { width:100%;}
/*input[type=tel],
input[type=email],
select {
	display:block;
	min-width:50%;
	border:1px solid #ccc;
	padding:3px 5px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	font-size:1em;
	}
option { padding:5px;}
textarea {
	display:block;
	width:90%;
	border:1px solid #ccc;
	padding:10px;
	font-size:1rem;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
.formReset{
	position:relative;
	top:4px;
	left:-1.3em;
	font-size:2em;
	color:#ccc;
	}

label{ display:inline;}	
input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
	}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    line-height: 30px;
    cursor: pointer;
	}*/
	@media (min-width: 1px) {
	/*	input[type=radio],
		input[type=checkbox] { display: none; margin: 0;}
		input[type=radio] + label,
		input[type=checkbox] + label { padding: 0 0 0 24px;}
		input[type=radio] + label::before,
		input[type=checkbox] + label::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			width: 18px;
			height: 18px;
			margin-top: -9px;
			background: #FFF;
			}
		input[type=radio] + label::before {
			border: 2px solid #ccc;
			border-radius: 30px;
		}
		input[type=checkbox] + label::before { border: 2px solid #ccc;}
		input[type=radio]:checked + label::after,
		input[type=checkbox]:checked + label::after {
			content: "";
			position: absolute;
			top: 50%;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
		}
		input[type=radio]:checked + label::after {
			left: 5px;
			width: 8px;
			height: 8px;
			margin-top: -4px;
			background: #0E7AC4;
			border-radius: 8px;
		}
		input[type=checkbox]:checked + label::after {
			left: 3px;
			width: 16px;
			height: 8px;
			margin-top: -8px;
			border-left: 3px solid #0E7AC4;
			border-bottom: 3px solid #0E7AC4;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}*/
	}

/*----------------------------------------------------
 Gnav
----------------------------------------------------*/

.globNav-row {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:24px 0 48px;	
	}
.globNav-toggle { display: none;}
.globNav-inner{ overflow: hidden;}
.globNav-toggle,
.globNav-inner > li {
    color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}
.globNav-inner > li {
	float: left;
	min-width:9px;
	background:url(../img/ico01.png) left center no-repeat;
	background-size:9px 9px;
	padding-left:9px;
	}
.globNav-inner > li:first-child { background:none; padding:0;}
.globNav-inner li a {
	display:block;
	width:100%;
	min-height:34px;
	padding: 10px 20px;
	text-align:center;
	}
.globNav-toggle:hover,
.globNav-inner li a:hover {	cursor:pointer;}
.globNav-inner > li a.nav01 { width:172px; background:url(../img/nav01.png) center top no-repeat;}
.globNav-inner > li a.nav02 { width:192px; background:url(../img/nav02.png) center top no-repeat;}
.globNav-inner > li a.nav03 { width:224px; background:url(../img/nav03.png) center top no-repeat;}
.globNav-inner > li a.nav04 { width:172px; background:url(../img/nav04.png) center top no-repeat;}
.globNav-inner > li a.nav05 { width:204px; background:url(../img/nav05.png) center top no-repeat;}
.globNav-inner > li a.nav01,
.globNav-inner > li a.nav02,
.globNav-inner > li a.nav03,
.globNav-inner > li a.nav04,
.globNav-inner > li a.nav05 { background-size: auto 68px;}
.globNav-inner > li a.nav01:hover,
.globNav-inner > li a.nav02:hover,
.globNav-inner > li a.nav03:hover,
.globNav-inner > li a.nav04:hover,
.globNav-inner > li a.nav05:hover { background-position:center bottom;}
.globNav-inner > li a span { display:none;}


/* sub Gnav ---------------------------------------*/
.subHd .globNav-row { padding: 0;}
.subHd .globNav-inner { float:right;}
.subHd .globNav-inner li a { min-height:30px;}
.subHd .globNav-inner > li a.nav01 { width:100px;}
.subHd .globNav-inner > li a.nav02 { width:124px;}
.subHd .globNav-inner > li a.nav03 { width:166px;}
.subHd .globNav-inner > li a.nav04 { width:110px;}
.subHd .globNav-inner > li a.nav05 { width:130px; background-position:right top; padding-right:0;}
.subHd .globNav-inner > li a.nav01,
.subHd .globNav-inner > li a.nav02,
.subHd .globNav-inner > li a.nav03,
.subHd .globNav-inner > li a.nav04,
.subHd .globNav-inner > li a.nav05 { background-size: auto 60px;}
.subHd .globNav-inner > li a.nav05:hover { background-position:right bottom;}

/*----------------------------------------------------
 footer
----------------------------------------------------*/

footer {
	width:100%;
	background:#f6f1e8;
	padding:54px 0 0;
	}
.ftLogo { width:auto; height:86px; margin-bottom:10px;}
.ftContact {
	width:100%;
	background:url(../img/line02.png) center top no-repeat;
	background-size: auto 9px;
	padding:24px 0 16px;
	margin-top:16px;
	overflow:hidden;
	}
.ftContact li { float:left; margin-left:24px;}
.ftContact li:first-child { margin:0;}
.ftContact li img { width:auto; height:36px;}
.ftPhoto img { width:100%; height:auto;}
.ftInsta { width:100%; margin-bottom:56px; overflow:hidden;}
.ftBtnInsta { width:auto; height:27px;}

address { padding:16px; color:#fff; font-style:normal; font-size:11px;}
address a { color:#fff;}

.ftSitemap { float:left;}
.ftSitemap li{
	display:inline;
	padding:0 16px;
	border-left:1px solid #fff;
	}
.ftSitemap li:first-child {
	padding-left:0;
	border:0;
	}
.ftCopy { float:right;}

/* sub footer ---------------------------------------*/

.subFt .ftShop {
	background:url(../img/line02.png) center top no-repeat;
	background-size: auto 9px;
	padding:24px 0 16px;
	}
.subFt .ftContact {
	background:url(../img/line02.png) center bottom no-repeat;
	background-size: auto 9px;
	padding:16px 0 24px;
	margin-top:0;
	}
 
/*----------------------------------------------------
 header
----------------------------------------------------*/

.topMain {
	width:100%;
	height:438px;
	background:#fff url(../img/img_main.jpg) center top no-repeat;
	border-bottom:4px solid #e27900;
	}
header { padding:16px 0 145px;}
.hdSns {
	float:right;
	position: relative;
	z-index:10;
	}
.hdSns li {
	float:left;
	margin-left:8px;
	}
	.hdSns li img { width:auto; height:30px;}
/*.logo{ position:relative;z-index:15;}*/
.logo img{ width:337px; height:auto;}
.subHd .logo{ position:relative;z-index:15;}

/* sub header ---------------------------------------*/
.subHd {
	background:#fff;
	border-bottom:4px solid #e27900;
	padding:24px 0 16px;
	}	
.subHd header { padding:0;}
.subHd .logo { float:left;}
.subHd .logo img{ width:230px;}

/*----------------------------------------------------
 top
----------------------------------------------------*/

.topJmTx {
	background:url(../img/line01.png) center top no-repeat;
	background-size:1000px auto;
	border-bottom:1px solid #c19459;
	padding:72px 0 24px;
	margin-bottom:56px;
	text-align:center;
	}
.topJmTx h1 {	
	margin-bottom:30px;
	font:20px/1.7 "游明朝", "YuMincho", "ヒラギノ明朝 ProN","Hiragino Mincho ProN", serif;
	font-weight:bolder;
	}

.hlTx {
	font:20px/1.7 "游明朝", "YuMincho", "ヒラギノ明朝 ProN","Hiragino Mincho ProN", serif;
	font-weight:bolder;
	}
.topMission {
	width:104%;
	margin:0 -2% 56px;
	}
.topMission img { width:100%; height:auto;}
.topBrand { width:103.6%;;margin:30px -1.8% 0;}
.topBrand li {
	width:25%;
	float:left;
	margin:0;
	padding:0 1.8%;
	}
.topBrand li img { display:block; width:100%; height:auto; }


/*----------------------------------------------------
 staff
----------------------------------------------------*/
.staffBox .clm2wrap { margin-bottom:20px;}
.staffBox .clm2box { margin-bottom:10px;}
.staffPhoto{ width:100%; height:auto;}
.lh12 { line-height:1.2em;}
.staffRubi { font-family:"游明朝", "YuMincho", "ヒラギノ明朝 ProN","Hiragino Mincho ProN", serif;}
.staffDetail { overflow:hidden;}
.staffDetail dt{
	clear:both;
	width:11em;
	background:url(../img/icon02.png) left center no-repeat;
	background-size:11px 11px;
	padding-left:17px;
	float:left;
	}
.staffDetail dd {
	margin-left:11em;
	}
.staffMessage {
	width:100%;
	background:url(../staff/img/img_bg.jpg) center top no-repeat;
	}
.staffMessage dt {
	width:100%;
	height:64px;
	background:url(../staff/img/line01.png) center top no-repeat;
	background-size:100% auto;
	padding-top:40px;
	text-align:center;
	}
.staffMessage dt img { width:auto; height:28px;}
.staffMessage dd > div {
	background:url(../staff/img/line02.png) center top repeat-y;
	background-size:100% auto;
	padding:20px 80px 0;
	}
.staffMessage dd:after {
	content:"";
	width:100%;
	height:42px;
	background:url(../staff/img/line03.png) center bottom no-repeat;
	background-size:100% auto;
	padding:0;
	display:block;
	position: relative;
	}

/*----------------------------------------------------
 brand
----------------------------------------------------*/
.brandBox{ background:#f6f1e8;}
.brandBox .inbox{ text-align:center; padding:20px;}
.brandBox .more{ width:50%; margin:auto ;}

/*----------------------------------------------------
 blog
----------------------------------------------------*/
.blogContainer {
	width:760px;
	float:left;
	}
.blogSide {
	width:240px;
	float:right;
	}
.blogList { overflow:hidden; margin-bottom:-20px;}
.blogList > li{
	width:45%;
	float:left;
	margin-right:5%;
	margin-bottom:40px;
	line-height:1.5em;
	text-align:center;
	}
	.blogList > li:nth-child(2n+1) { clear:both;}
	.blogList > li img {
		width:100%;
		height:auto;
		margin-bottom:0;
		vertical-align:bottom;
		}
	.blogList > li p.blogCat {
		background:#462600;
		padding:3px 10px;
		margin-bottom:10px;
		color:#fff;
		letter-spacing:.1em;
		overflow:hidden;
		}
		.blogList .blogDate {
			padding-left:1em;
			border-left:1px solid #c19459;
			font-size:0.9em;
			}
	.blogTag{ float:left; font-size:0.9em;}
	.blogDate{ float:right; font-size:0.9em;}
			
	.blogList > li h3 {
		margin-bottom:0;
		font-size:18px;
		color:#462600;
		}
	.blogListArt { margin-bottom:20px; font-size:0.9em;}
		.blogList li a { color:#462600;}
		.blogList li a:hover { opacity:0.6;filter:alpha(opacity=60);cursor:pointer;}
		
.blogArchsTtl {
	padding-bottom:5px;
	border-bottom:1px solid #462600;
	font-size:18px;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	font-weight:600;
	letter-spacing:.1em;
	}
.blogArchs li{
	width:100%;
	padding:16px 0;
	border-top:1px dotted #462600;
	}
	.blogArchs li:first-child { border:0;}
	.blogArchs li:last-child { border-bottom:1px solid #462600;}
	.blogArchs .blogTag { color:#e27900;}
	.blogArchs .blogDate { color:#b2aa9f;}
	.blogArchs li a { color:#462600;}
	.blogArchs li a:hover { color:#e27900;}

.blogContent {
	background:#fff;
	padding:20px;
	border:1px solid #f1efe8;
	margin-right:5%;
	}
.blogThumb img{ width:80%; height:auto; margin-bottom:20px; text-align:center;}

@media only screen and (max-width: 767px){
.blogContent img{ width:95%; height:auto; display:block; margin:0 auto;}
}
.blogContent .blogCat {
	border-top:1px solid #f1efe8;
	padding:10px 0 0;
	margin-top:20px;
	letter-spacing:.1em;
	font-size:0.9em;
	overflow:hidden;
	}

.blogBtnWrap {
	margin-right:5%;
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
	font-size:16px;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	text-align:center;
	}	
.blogBtnWrap a { text-decoration:underline;}
.blogBtnWrap a:hover { text-decoration:none;}	
a.blogBtn {
	display:block;
	max-width:300px;
	border:1px solid #e27900;
	padding:5px 8px 4px;
	text-decoration:none;
	}
	a.blogBtn:hover { background:#e27900; color:#fff;}
a.blogBtn.blogBtnPrev,
a.blogBtn.blogBtnBk {
	width:30%;
	background-image:url(../img/ico_arrow_o_l.png);
	background-position:8px center;
	background-repeat:no-repeat;
	background-size:8px 8px;
	float:left;
	}
	a.blogBtn:hover.blogBtnPrev,
	a.blogBtn:hover.blogBtnBk {
		background-image:url(../img/ico_arrow_w_l.png);
		background-position:8px center;
		background-repeat:no-repeat;
		background-size:8px 8px;
		}
a.blogBtn.blogBtnNext {
	width:30%;
	background-image:url(../img/ico_arrow_o.png);
	background-position:right 8px center;
	background-repeat:no-repeat;
	background-size:8px 8px;
	float:right;
	}
	a.blogBtn:hover.blogBtnNext {
		background-image:url(../img/ico_arrow_w.png);
		background-position:right 8px center;
		background-repeat:no-repeat;
		background-size:8px 8px;
		}
.blogBtnList {
	display:block;
	width:30%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	white-space: nowrap;
	}
a.blogBtn.blogBtnBk { float:none; margin:20px auto; text-align:center;}



@media only screen and (min-width: 1000px){	
.subHd .globNav-row { position: relative; top:-40px; margin-bottom:-40px;}
	}
@media only screen and (min-width: 768px) and (max-width: 999px){
.globNav-inner { text-align:center;}
.globNav-inner > li {
	float: none;
	display:inline-block;
	width:17.5%;
	text-align:center;
	}
.globNav-inner > li:first-child { background:none;}
.globNav-inner > li:last-child { width:22%;}

.globNav-inner > li a.nav01,
.globNav-inner > li a.nav02,
.globNav-inner > li a.nav03,
.globNav-inner > li a.nav04,
.globNav-inner > li a.nav05 { width:100%; background-size: auto 68px;}

/* sub Gnav ---------------------------------------*/
.subHd .globNav-inner { width:75%; text-align:right}
.subHd .globNav-inner > li {
	float: none;
	display:inline-block;
	width:18%;
	text-align:center;
	}
.subHd .globNav-inner > li:first-child { background:none;}
.subHd .globNav-inner > li:last-child { width:20%;}

.subHd .globNav-inner li a { min-height:24px;}
.subHd .globNav-inner > li a.nav01,
.subHd .globNav-inner > li a.nav02,
.subHd .globNav-inner > li a.nav03,
.subHd .globNav-inner > li a.nav04,
.subHd .globNav-inner > li a.nav05 { width:100%; background-size: auto 48px;}

/* sub header ---------------------------------------*/
.subHd .logo img{ width:200px;}
.subHd .globNav-row { position: relative; top:-30px; margin-bottom:-30px;}

	}
@media only screen and (min-width: 768px){
.globNav-inner{ display: block!important;}

/*----------------------------------------------------
 blog
----------------------------------------------------*/
.blogContainer { width:80%;}
.blogSide { width:20%;}
	}
@media only screen and (max-width: 767px){

table {
    border-top: 1px solid #999;
  }
  table td {
    display: block;
    text-align: center;
  }
  table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
/*----------------------------------------------------
 Gnav
----------------------------------------------------*/

.globNav-row {
	position: absolute;
	top:0;
	right:0;
	padding:0;
	overflow:hidden;
	}
.globNav-toggle {
	display: block;
	width:60px;
	height:60px;
	padding:15px;
	color:#462600;
	float:right;
	}
.globNav-toggle img { width:30px; height:30px;}
.globNav-inner{ clear:both; display: none; background:#fff;}
.globNav-inner > li {
	width: 100%;
	background:none;
	border-bottom:1px solid #ddd;
	float: none;
	padding:0;
	}
	.globNav-inner > li:first-child { border-top:1px solid #ddd;}
.globNav-inner > li a {
	width:100%;
	padding: 16px 20px;
	text-align:left;
	color:#462600;
	text-decoration:none;
	}
.globNav-inner > li a.nav01,
.globNav-inner > li a.nav02,
.globNav-inner > li a.nav03,
.globNav-inner > li a.nav04,
.globNav-inner > li a.nav05 { width:100% !important; background:none; display:block;}
.globNav-inner > li a span { display:block;}

/* sub Gnav ---------------------------------------*/
.subHd .globNav-inner { float:none;}

/*----------------------------------------------------
 header
----------------------------------------------------*/
header { padding:14px 0 150px;}
.hdSns {	float:left;}
.hdSns li {
	float:left;
	margin-left:16px;
	}
	.hdSns li img { width:auto; height:30px;}
	.hdSns li:nth-child(2) { margin-left:0;}
.logo { text-align:center;}
.logo img{ width:70%; max-width:340px; height:auto;}

/* sub header ---------------------------------------*/

.subHd {
	background:#fff;
	border-bottom:4px solid #e27900;
	padding:14px 0 0;
	}
.subHd .globNav-row { padding:0;}
.subHd .logo { padding-right:16px}
.subHd .logo img{ width:110px;}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
.ftContact { text-align:center;}
.ftContact li { float:none; margin-bottom:20px; margin-left:0;}

/*----------------------------------------------------
 top
----------------------------------------------------*/
.topJmTx {
	background:url(../img/line01.png) center 40px no-repeat;
	background-size:1000px auto;
	border-bottom:1px solid #c19459;
	padding:104px 0 24px;
	margin-bottom:56px;
	text-align:center;
	}


/*----------------------------------------------------
 staff
----------------------------------------------------*/
.staffMessage dd > div {
	background:url(../staff/img/line02.png) center top repeat-y;
	background-size:100% auto;
	padding:20px 30px 0;
	}
	

/*----------------------------------------------------
 blog
----------------------------------------------------*/
.blogContainer { width:100%; float:none; margin-bottom:40px;}
.blogSide { width:100%; float:none;}
.blogList > li:nth-child(2n),
.blogContent,
.blogBtnWrap { margin-right:0;}

}

@media only screen and (min-width: 668px){
	.pcNone { display:none;}
	}
@media only screen and (max-width: 667px){
.spNone { display:none;}
.textC_pc { text-align:left}
.clm2wrap {
	width:100%;
	margin:0 0 36px;
	}
.clm2box {
	width:100%;
	float:left;
	margin:0 0 20px;
	}
h2 img{ width:auto; height:40px; margin-bottom:24px;}

#map_canvas {width:100%;height:360px;}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
.ftContact li:first-child { margin:0;}
.ftSitemap { margin-bottom:16px; float:none; text-align:center;}
.ftCopy { float:none; text-align:center;}


/*----------------------------------------------------
 top
----------------------------------------------------*/
.topMain { height:400px;}
.topJmTx { text-align:left;}
.topJmTx h1 { text-align:center;}
.topJmTx h1 span { font-size:0.5em;}

.topBrand { width:102%; margin:10px -1% -20px; overflow:hidden;}
.topBrand li {
	width:50%;
	float:left;
	margin:20px 0;
	padding:0 2%;
	}


/*----------------------------------------------------
 staff
----------------------------------------------------*/	
.staffBox .clm2wrap { margin-bottom:10px;}
.staffDetail dt{
	clear:both;
	width:100%;
	float:none;
	margin:10px 0 0 0;
	}
.staffDetail dd {
	margin:0;
	}
	
	/*----------------------------------------------------
 brand
----------------------------------------------------*/
.brandBox{ background:#f6f1e8;}
.brandBox .inbox{ text-align:center; padding:20px;}
.brandBox .more{ width:50%; margin:auto ;}



/*----------------------------------------------------
 blog
----------------------------------------------------*/
.blogList li{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:40px;
	line-height:1.5em;
	text-align:center;
	}
a.blogBtn.blogBtnPrev,
a.blogBtn.blogBtnNext {
	width:49%; margin-bottom:20px;}
.blogBtnList { clear:both;}


.blogThumb img{ width:100%; height:auto; margin-bottom:20px; text-align:center;}
}


/*----------------------------------------------------
 sitemap
----------------------------------------------------*/
ul.sitemap li{ background: url(../img/ico01.png) left 15px no-repeat;background-size: 9px 9px; border-bottom:solid 1px #D2B287; padding:10px 15px;}
ul.sitemap li span{ color:#5C5C5C; font-size:90%; margin-left:1em;}
@media only screen and (max-width: 767px){
ul.sitemap li span{ display:block; margin-left:0px;}
}

/*ブログ*/
.blogContent ul{ padding-left:2em !important;}
.blogContent ol{ padding-left:2em !important; }
.blogContent ul li{ list-style:disc;}
.blogContent ol li{ list-style:decimal;}