html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6 {line-height: 140% !important;}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
a {text-decoration: none !important;}
img {width: auto;height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;position: relative;}
html {-webkit-text-size-adjust: 100%}
body{
font-family:"メイリオ" , Meiryo, "Meiryo UI" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size: 14px;
line-height: 1.35;
color:#3F3225 !important;
-webkit-text-size-adjust: none;
background:#F3F3E9 url(../img/background.jpg) repeat left top;
}
body > .u-color__bg--base {background: transparent !important;}
.u-text--body {color:#3F3225 !important;}
* {box-sizing: unset;}
/* ---------------リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#3E352C;
}
a:hover, a:active{
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s; 
outline: none;
color:#F5AE55;
	text-decoration: underline;
}
.clear{clear: both;}
.post a img:hover,#sidebar a img:hover{
opacity:0.7;
filter: alpha(opacity=70);　/*IE5～7適用*/
-ms-filter: "alpha( opacity=70 )";　/*IE8適用*/
}
.clear{clear: both;}
.font-min{font-size:80%;}
/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}
.coming{font-family: "Coming Soon", cursive !important;font-weight: 300;}
@font-face{ 
	font-family: 'myfont';
	src: url('../font/honyaJi.eot'); /* IE9以上用 */
	src: url('../font/honyaJi.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../font/honyaJi.woff') format('woff'), /* モダンブラウザ用 */
		url('../font/honyaJi.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}
.web-font{/*font-family: 'myfont';*/font-family: "Yomogi", cursive;font-weight: 600;}
/* ---------------フォーム　form
------------------------------------------------------------*/
input[type="text"], textarea,input[type="tel"],input[type="email"],input[type="date"]{
vertical-align:middle;
/*max-width:90%;
width: 90%;*/
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}
input[type="date"]{width: auto;}
textarea{
height:auto;
line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"]{
padding:7px 15px;
background: #B3A083;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:14px;
color: #FBFAF2;
cursor: pointer;
text-decoration: none !important;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #F5AE55;
	color: #FBFAF2;
}
*:first-child+html input[type="submit"]{padding:3px;}
/**************************タイポグラフィ *****************************************************/
table{
border-bottom: none ;
border-collapse: collapse;
border-spacing: 0;
margin:0 0 20px;
width: 99%;
}
table th{
padding:15px 10px ;
border: 1px #DFD7BF solid;
border-width: 1px 1px 1px 1px;
white-space: nowrap;
background:url(../img/th.jpg) repeat left center;
}
table.no-line th,table.no-line td{
padding: 0;
border: none;
background: none;
}
table th span.th,table td span.td{
display: block;
padding:0 12px 0 15px;
}
table td{
padding:15px 10px;
border: 1px #DFD7BF solid;
border-width: 1px 1px 1px 1px;
background:#fcfcfc;
min-width:9em;
}

.c-account_table {table-layout: fixed;}
.c-account_table th,
.c-account_table td {white-space: wrap;}
table td {vertical-align: middle;}
/*table th:last-child {border-bottom:none !important;}*/
.table-responsive th,
.table-responsive td {padding: 15px 0;}
.table-responsive th div.th,
.table-responsive td div.td {padding: 0 10px;}
#form_table .label_block label {cursor: pointer;}

/*--------------------　　レイアウト全般　header-----------------------------------------------*/
#header{
	background: url(../img/header-back.png) no-repeat center top;
	width: 100%;
	min-height: 357px;
	position: relative;
	z-index: 1;
}
.container-inner{
	width:980px;
	margin:0 auto;
	overflow: hidden;
	display: block;
	position: relative;
	padding:40px 0;
	clear: both;
}
#wrapper{
	overflow: hidden;
	width: 980px;
	margin:30px auto;
	position: relative;
}
#main{
	width: 690px;
	float: right;
}
#sidebar{
	width: 260px;
	float: left;
}
#footer {
  font-family: "メイリオ", Meiryo, "Meiryo UI", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  width: 100%;
  margin: 50px auto 0 auto;
}
.cont-box{
	overflow: hidden;
	clear: both;
	margin:0 auto 40px auto !important;
}
.alignleft{float: left;}
.alignright{float: right;}
/*--------------------　　フォント-----------------------------------------------*/
h2.title{
	font-size: 18px;
    background:url(../img/h2.png) repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 30px auto 20px auto;
	color: #4C3912;
}
h2.title span{
	display: block;
    background:url(../img/h2-icon.png) no-repeat left center;
    padding: 0 0 0 30px;
}
h3.title{
	border-bottom: 5px double #E2D9CB;
	padding: 30px 0 5px 0;
	margin: 0 auto 15px auto;
	font-size: 18px;
	color: #3F3225;
}
h3.title span{
    background:url(../../common/img/h3-icon.png) no-repeat left center;
    padding: 2px 0 2px 30px;
}
h4.title{
	font-size: 16px;
	margin: 30px auto 15px auto;
	padding:0 0 0 14px;
    background:url(../img/h4-icon.png) no-repeat left center;
}
h2.first{
	margin: 0 auto 20px auto;
}
h3.first{
	padding: 0 0 5px 0 !important;
}
h4.first{
	margin: 0 auto 15px auto;
}
.page-title-h2{
	font-size: 22px !important;
    background: url(../img/h2-line.png) repeat-x left bottom !important;
	padding: 0 0 10px 0;
	margin: 30px auto 20px auto;
	color: #4C3912;
	font-family: 'myfont';
}
.post h2{
	font-size: 18px;
    background:url(../img/h2.png) repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 30px auto 20px auto;
	color: #4C3912;
}
.post h2 span{
	background: url(../img/h2-icon.png) no-repeat left center;
	padding: 0 0 0 24px;
}
.post h3{
	border-bottom: 5px double #E2D9CB;
	padding: 30px 0 5px 0;
	margin: 0 auto 15px auto;
	font-size: 18px;
	color: #3F3225;
}
.post p{line-height: 1.5;padding-bottom: 10px;}
.post ol{
	list-style:decimal;
	list-style-position: outside;
	margin: 0 10px 15px 2em;
}
.post img.post-image{
    padding: 5px;
    border: 1px solid #DFD7BF;
    background: #fff;
}
.post img.alignleft{margin:0 20px 20px 0;}
.post img.alignright{margin:0 0 20px 20px;}
.post ul li,ul.post-ul li{
	margin: 0 auto 15px 1em;
	background: url(../img/list.png) no-repeat left 5px;
	padding: 0 0 0 16px;
}
.post dl dt{
	font-weight: bold;
	font-size: 18px;
	border-bottom: 2px dashed #E2D9CB;
	padding: 30px 0 5px 0;
	margin: 0 auto 15px auto;
	font-size: 18px;
	color: #6C6255;
}
.post dl dd{
	padding: 10px 10px 0 10px;
	line-height: 150%;
}
.text-center{text-align: center;}
.right-text{text-align: right;}
.orange{color: #E56626;}
.underline{text-decoration: underline;}
/*--------------------　　ヘッダー　header-----------------------------------------------*/
#header h1{
	font-size: 12px;
	padding: 5px 0 0 0;
	position: relative;
	z-index: 1;
	}
.header-inner {
    position: relative;
    z-index: 1000;
    width: 980px;
    margin: 0 auto 15px auto;
    overflow: visible;
}
img.logo,img.logo-read{
	margin:0 auto 0 auto;
	display: block;
}
img.logo-read{padding: 15px 0 0 0;}
#header-info{
	position: absolute;
	top: 0;
	right: 50px;
	width: 300px;
	font-size: 14px;
	text-align: center;
	background: url(../img/cloud.png) no-repeat center top;
	height: 175px;
	padding: 40px 0 0 0;
  z-index: 2000;
}
#header-info .tel{font-size: 30px;}
#header-info .tel span{
	background: url(../img/icon-tel.png) no-repeat left center;
	padding:0 0 0 34px;
}
#header-info .font-min{
line-height: 120%;
padding: 5px 0 0 0;
}
#header-info .contact-b{
	margin: 0 auto;
	background: url(../img/button-back2.png) no-repeat left center;
	width: 140px;
	height: 58px;
	line-height: 58px;
	display: inline-block;
  position: relative;
}
#header-info .contact-b span{
  background: url(../img/icon-mail.png) no-repeat left center / 2.2em;
  padding: 10px 10px 10px 35px;
}
#header-info .contact-b.login span{
  background: url(../img/icon-login.png) no-repeat left center / 2.2em;
}
.pan{
	max-width: 960px;
	width: auto;
	margin: 0 auto;
	padding:10px;
	font-size: 12px;
}
.pan a{
	color: #F5AE55;
    text-decoration: underline;
}
.pan > *{display: inline;}
/*--------------------　　メインイメージ　　-----------------------------------------------*/
#mainimage{
	background: url(../img/mainback.png) no-repeat left bottom;
	padding:20px 0 25px 0;
	position: relative;
	margin: -30px 0 0 0;
}
img.wood{
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
.mainimage-inner{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/mainimage.png) no-repeat center center;
	z-index: 100;
	}
.mainimage-middle,.mainimage-min{display: none;}
#fence{
	background: url(../img/fence.png) no-repeat 70px top;
	width: 100%;
	height: 66px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom:0;
	display: block;
	z-index: 100;
}
/* ----------------- トップへ戻る ------------------------------- */
#back-to-top {
	display:block;
	width:100px;
	height:75px;
	padding: 25px 0 0 0;
	border-radius:100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background:#D2DF6C;
    position:fixed;
    bottom:30px;
    right:30px;
    cursor:pointer;
    opacity:0.5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    z-index: 2000;
}
#back-to-top:hover {background: #F5AE55;}
/*
-------------------------------サイドバー(下層ページ)　--------------------------------*/
.side-cont{
	display: block;
	margin:0 auto 15px auto;
	clear: both;
}
.side-info{
	background: url(../img/side-info-back.png) no-repeat center top;
	width: 260px;
	height: 287px;
	padding: 40px 0 0 0;
}
.side-menu .title-area{
	background: url(../img/side-h3-line.png) repeat-x left bottom;
	padding:0 0 20px 0;
	margin: 0 auto;
}
.side-info .title-area{
	background: url(../img/info-line.png) no-repeat center bottom;
	padding:0 0 20px 0;
	margin: 0 auto;
	text-align: center;
}
.side-info .title-area h3 img {margin: 0 auto;}
.side-info ul{
	padding: 0 20px;
	margin: 15px 0 0 0;
}
.side-menu li,.side-info li{
	background: url(../img/line.png) repeat-x left bottom;
    margin: 0;
}
.side-menu a,.side-info a{
	text-align: left;
	line-height: 50px;
	margin: 0 auto;
	display: block;
}
.side-menu a{line-height: 60px;}
.side-info a{line-height: 50px;}
.side-menu .side-h3 > *,.side-menu ul li a > *,.side-info ul li a > *{
	display: inline;
	vertical-align: middle;
	}
.side-h3-icon,.side-menu-icon{padding: 0 10px 0 0;}
#side-hit{
	background: url(../img/side-kanban.png) no-repeat center top;
	width: 260px;
	height: 330px;
	padding:30px 0 0 0;
}
#sidebar .side-banner{
	display: block;
	margin: 0 auto 7px auto;
}
#sidebar a {font-family:"メイリオ" , Meiryo, "Meiryo UI" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
#side-contact{
	background: url(../img/side-contact.png) no-repeat center top;
	width: 260px;
	height: 263px;
	padding:20px 0 0 0;
	text-align: center;
}
#side-contact > img {margin: 0 auto;}
#side-contact > p {line-height: 1.3;margin-top: 0;padding: 0;}
#side-contact .side-logo{padding: 0 0 25px 0;}
#side-contact .tel{font-size: 24px;padding: 10px 0;}
#side-contact .tel span{
	background: url(../img/icon-tel.png) no-repeat left center;
	padding:0 0 0 34px;
}
#side-contact .contact-b{
	margin: 0 auto;
	background: url(../img/button-back-min.png) no-repeat left center;
	width: 165px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
}
#side-contact .contact-b span{
	background: url(../img/icon-mail-min.png) no-repeat left center;
	padding:10px 10px 10px 30px;
}
/*
-------------------------------トップページ　--------------------------------*/
/*----------------------top　キャンペーン記事------------------*/
#camp-area{
	background: url(../img/camp-top.png) no-repeat center top;
	display: block;
	margin: 30px auto 0 auto;
	width: 807px;
	height: auto;
	padding: 15px 0 0 0;
	font-size: 18px;
	line-height: 150%;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
#camp-area-inner{
	background: url(../img/camp-middle.png) repeat-y center top;
	width: 707px;
	padding: 20px 50px 0 50px;
}
#camp-area-bottom{
	background: url(../img/camp-bottom.png) no-repeat center top;
	display: block;
	margin: 0;
	width: 807px;
	height: 46px;
	}
/*----------------------top　バナー-------------------------------*/
.baner-area{position: relative;}
.baner-area .container-inner{overflow: visible;}
.main-baner1{margin: 0 auto 30px auto;}
.main-baner1,.main-baner2{overflow: hidden;clear: both;}
.main-baner1 .left{float: left;}
.main-baner1 .right{float: right;}
.main-baner2 .baner2,.baner4-area .baner-4{float: left;margin: 0 0 0 20px;} 
.main-baner2 .first,.baner4-area .first{margin: 0 ;} 
.baner4-area{
	width: 100%;
	background: url(../img/baner4-back.png) repeat-x center top;
	clear: both;
	overflow: hidden;
	padding: 30px 0;
}
.baner4-area ul{width: 980px;overflow: hidden;margin: 0 auto;}
/*----------------------新着情報関連-------------------------------*/
#news-area .news-bord{
	position: absolute;
	left: 10px;
	bottom: 40px;
}
#news-feed{
	margin-left: 210px;
}
.new_kanyuBnr img,
.new_kanyuBnrsmp img {
  margin-bottom: 20px;
  width: 100%;
}
#news-area .h3-area{position: relative;}
#news-feed .button{
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
#news-feed .button span{
	background: url(../img/arrow.png) no-repeat left center;
    padding: 0 0 0 14px;
}
#news-feed iframe{
	width: 100%;
}
.news-page1 #newsList,#top-umekomi #newsList{padding: 0 10px 0 40px;}
 #newsList li{
	display: block;
	background: url(../img/line.png) repeat-x left bottom;
	padding: 15px 0 13px;
	position:relative;
} 
 #newsList li img.inline{
	display:none;
	vertical-align: middle;
}
 .news-page1 #newsList li:first-child img.inline,#top-umekomi #newsList li:first-child img.inline{
	display: block;
    position: absolute;
    left: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#top-umekomi #newsList li:nth-of-type(n+4){display:none;}
 #newsList li a{
	font-family: 'myfont';
    background: url(../img/arrow.png) no-repeat left 3px;
    padding: 0 0 0 14px;
    font-size: 16px;
    margin-left: 10px;
}
#news-list-page .pager{
	text-align: center;
	margin: 50px auto 50px;
}
#news-list-page .pager a{
	background: url(../img/top-contact-back.png) no-repeat center center;
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 52px;
	border-radius: 100%;
	margin: 0 5px;
}
#news-list-page .pager a.current{
	color: #fff;
}

#news-detail .page-post{margin: 0 20px;}
#news-detail #up_ymd{
	text-align: right;
    padding: 0 0 30px 0;
}
#news-detail .backORcloseBtn{
	display: block;
    margin: 100px auto;
    text-align: center;
    font-size: 16px;
}
#news-detail #detail a{text-decoration: underline;}
/*---------------------top コンタクトバナー---------------------------*/
#top-contact-banner .container-inner{padding-bottom: 0;}
.top-half-right{
	width: 420px;
	height: 161px;
	background: url(../img/top-contact-back.png) no-repeat center top;
	padding: 50px 30px 0 30px;
  margin: 0 auto;
  box-sizing: unset;
}
.top-half-right .logo-min{float: left;}
.top-half-right .top-contact-right{float: right;padding: 5px 0 0 0;}
.top-half-right .tel{font-size: 24px;}
.top-half-right .tel span{
	background: url(../img/icon-tel.png) no-repeat left center;
	padding:0 0 0 34px;
}
.top-half-right .contact-b{
	margin: 0 auto;
	background: url(../img/button-back-min.png) no-repeat left center;
	width: 165px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
}
.top-half-right .contact-b span{
	background: url(../img/icon-mail-min.png) no-repeat left center;
	padding:10px 10px 10px 30px;
}
.top-half-right .baner-p{
	clear: both;
	text-align: center;
	padding: 10px 0 0 0;
}
/*--------------------------------------　　 footer　-----------------------------------------------*/
#footer-line{	
	background: url(../img/footer-line.png) no-repeat center top;
	width: 100%;
	height: 105px;
	position: absolute;
	top: 25px;
    z-index: 10;
}
.footer-bottom{
	background: url(../img/footer-back.jpg) repeat center top;
	position: relative;
	z-index: 1;
	padding: 30px 0;
}
.guide-title-area{
	height: 150px;
	background: url(../img/guide-titlearea.png) no-repeat center 70px;
	position: relative;
	z-index: 100;
	margin: 0 0 -30px 0;
}
h2.guide-title img{
	display: block;
	margin: 0 auto;
}
.guide-area{
	overflow: hidden;
	clear: both;
}
.guide-box{
width: 417px;
float: left;
position: relative;
padding: 30px 30px 0 30px;
overflow: hidden;
margin-bottom: 20px;
}
.guide-box-right,.guide-right{float: right;}
.guide-box-left,h3.guide-h3{float: left;}
.guide-box1{background: url(../img/guide-box1.png) no-repeat center center;height: 240px;}
.guide-box2{background: url(../img/guide-box2.png) no-repeat center center;height: 240px;}
.guide-box3{background: url(../img/guide-box3.png) no-repeat center center;height: 200px;}
.guide-box4{background: url(../img/guide-box4.png) no-repeat center center;height: 200px;}
.guide-right{width: 290px;}
h3.guide-h3{margin: 30px 0 0 0;}
.guide-box .hour24{font-size: 20px;padding: 10px 0 20px 0;}
.guide-box .tel{padding: 10px 0 5px 0;}
.guide-box .tel,.guide-box .evenness{font-size: 24px;}
.guide-box1 h4.guide-h4{
	background: url(../img/h3.png) repeat-x left bottom;
	padding: 0 0 2px 0;
}
.guide-box2 h4.guide-h4{font-weight: bold;margin: 0 0 0 -20px;}
.guide-box h4.guide-h4 span{
	background: url(../img/h4.png) no-repeat left center;
	padding: 0 0 0 15px;
}
.guide-cards,.guide-conveni{margin: 5px auto 15px;}
.guide-box .font-12{font-size: 12px;line-height: 130%;padding: 5px 0 0 0;}
.guide-box3 .text-center{padding: 0 0 20px 0;}
.guide-box3 p,.guide-box4 p{padding: 0 5px 15px 5px;}
ul.footer-link{
	text-align: center;
	padding: 20px 0 ;
}
ul.footer-link li{
	display: inline-block;
	padding: 0 20px 0 0;
	}
ul.footer-link li span{
	background: url(../img/arrow-w.png) no-repeat left center;
	padding: 0 0 0 15px;
}
ul.footer-link li a{color: #fff;}
.footer-mog{
	position: absolute;
	bottom:40px;
	left: 100px;
	z-index: 500;
}
.footer-homare{
	position: absolute;
	bottom:44px;
	right: 100px;
	z-index: 500;
}
#copy{
	background: url(../img/copy.png) repeat-x center top;
    font-size: 14px;
    display: block;
    text-align: center;
    line-height: 47px;
    color: #fff;
    width: 100%;
    position: relative;
    margin: -10px 0 0;
    z-index: 100;
}
/*--------------------------------------　　下層ページタイトル・パンくず　　-----------------------------------------------*/
.breadcrumbs {
    background: #34495e;
    color: #fff;
    padding: 30px 0;
    margin-bottom: 40px;
}
.breadcrumb {
    margin-bottom: 0;
    background: none;
}
.breadcrumb li a { color: #48cfad }
.breadcrumb li.active { color: #fff }
.breadcrumbs h1 {
    font-size: 24px;
    font-weight: 600;
    margin: 3px 0 0;
    text-transform: uppercase;
}
/*------------------------下層ページ　--------------------------------*/
#page-title{
	display: block;
	margin: 0 auto 20px auto;
}
#page-title .pc{display: block;}
#page-title .sp{display: none;}
.post{margin:0 10px;}
#story .post{margin: 0;}
.main-banner{display: block;margin: 20px auto;}
.main-banner img.pc{display: block;max-width: 690px;width: 100%;height: auto;margin: 0 auto;}
.main-banner img.sp{display: none;}
/* ------------------メインイメージ背景調整
------------------------------------------------------------------------------*/



@media only screen and (min-width: 2100px){
#mainimage{background-size: 100% auto;}
}
/* ------------------メインイメージ調整
------------------------------------------------------------------------------*/
@media (max-width:1320px) {
img.wood{width: 300px;height: auto;}
}
/* ------------------メインメニュー　PC用
------------------------------------------------------------------------------*/
@media only screen and (min-width: 1060px){
	nav#mainNav{
	clear:both;
	position:relative;
	z-index:200;
	background:url(../img/blue-line.png) repeat-x left bottom;
	padding:15px 0 10px 0;
	}
	nav#mainNav .inner{
	width:980px;
	margin:0 auto;
	position: relative;
	}
	nav#mainNav .pc-no{display:none;}
	.panel ul{
	height:70px;
	}
	.panel ul li{
	float: left;
	height: 70px;
	width: 127px;
	text-align: center;
	font-size: 17px;
	position: relative;
	margin: 0 0 0 15px;
	}
	.panel ul li.first{margin: 0;}
	.panel ul li a{
	display: block;
	text-align: center;
	_float:left;
	line-height: 70px;
	background: url(../img/nav.png) no-repeat center top;
	color: #3D3100;
	width: 127px;
	z-index: 0;
	position: relative;
  box-sizing: unset;
	}
	.panel ul li.line2 a{
	line-height: 130%;
	padding: 15px 0 0 0;
	height: 55px;
	}
	img.nav-current{display: none ;}
	.panel ul li a:hover{
	text-decoration: none;
	color: #3D3100;
	}
	nav div.panel{ display:block !important;  }
  nav#mainNav a#menu{display:none;}
  /* 親メニュー */
  .panel ul li a:hover, .panel ul li a:active,.panel ul li.current-menu a,.panel ul li.current-menu-parent a{
  background:url(../img/nav-h.png) no-repeat center top;
 color: #3D3100;
  }
	.panel ul li:hover img.nav-current,.panel ul li.current-menu img.nav-current{
	position: absolute;
	z-index: 100;
	top: -30px;
	margin: auto;
	left: 0;
	right: 0;
	display: block;
	}
  .panel ul li ul{display: none;}
  .panel ul li li{
  float: left;
  height:50px;
  line-height:50px;
  width: auto;
  padding:0;
  }
  .panel ul li:hover ul{
  display: block;
  position: absolute;
  background: #CDE974;
  top:68px;
  width: 167px;
  left:-20px;
  z-index:500;
  overflow: visible;
  height: auto;
  }
  .panel ul li:hover ul li{
	display: block;
	height: 51px;
	float: none;
	margin:5px 10px;
	text-align: center;
	padding:0 0 0 0;
	}
	.panel ul li:hover ul li a{
	background:url(../img/arrow.png) no-repeat left center;
	float: none;
	line-height: 50px;
	}
	.panel ul li:hover ul li a:hover{
	color:#F5AE55;
	text-decoration: underline;
	}
}
/* ------------------メインメニュー iPadサイズ以下から
------------------------------------------------------------------------------*/
@media (max-width:1059px) {
    #headerInfo{width:100%;padding:0; display: none;}
	nav .pc-no{display:block;}
    nav .pc-on{display: none;}
	nav#mainNav{margin:-30px auto 0 auto;padding: 20px 0 10px 0;}
	nav#mainNav .inner{width:94%;margin:0 auto;}
	nav#mainNav a.menu{white-space: nowrap;position: absolute;right: 30px;top: -250px;width:50px;display:block;font-weight: bold;text-align:left;background: url(../img/menu-icon.png) no-repeat top center;background-size: 50px 50px;padding-top:52px;font-size: 12px;text-align: center;color: #4C3912;z-index: 3000;}
	nav#mainNav a.menuOpen{border-bottom:0;color: #F5AE55;background: url(../img/close-icon.png) no-repeat top center;background-size: 50px 50px;}
	nav#mainNav a#menu:hover{cursor:pointer;}
	nav .panel{display: none;width: auto;position: relative;right: 0;left: 0;top: -200px;z-index: 3000;font-size: 16px;padding:15px;background: url(../../about/img/sand-min.jpg) repeat center top;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
	img.nav-current{display: none !important;}
	.panel ul{margin:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
	.panel ul li{float: none;clear:both;width:100%;height:auto;line-height:1.2;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
	.panel ul li a{display: block;width:100%;padding: 0;text-align:left;background: #FFF9EF url(../img/background.jpg) repeat left top;border-bottom: 1px #ccc dashed;
	font-size: 18px;line-height: 50px;height: 50px;}
	.panel ul li br{display: none;}
	.panel ul li a{color: #3D3100;}
	.panel ul li a span{padding-left:16px;background:url(../img/arrow.png) no-repeat left center;margin-left:1.5em;}
	.panel ul li.current-menu a,.panel ul li a:hover,.panel ul li.current-menu a,.panel ul li a:active, .panel ul li li.current-menu a, .panel ul li.current-menu li a:hover, .panel ul li.current-menu li a:active{background:#fff;color:#F5AE55;}
	nav div.panel{float:none;}
	.panel ul ul{display: none;}
	#top-main{max-width: 980px;margin: 0 auto 20px auto;}
	#main{float: none;margin: 0 auto 20px auto;}
	#sidebar{float: none;margin: 40px auto 20px auto;}
	.header-inner,.container-inner{width: auto; margin:0 30px;}
	#header-logo,#header-logo img,#header-info{float: none;overflow: hidden;}
	#header-info{position: relative;margin: auto;left: 0;right: 0;background: none;padding: 10px 0 0 0;height: auto;}
	table.table-responsive{border-top: 1px #DFD7BF solid;}
     table.table-responsive th,table.table-responsive td{padding: 10px 0;float: left;clear: both;width: 100%;}
     table.table-responsive th{border: 1px #DFD7BF solid;}
     table.table-responsive td{border-width: 0 1px 1px 1px !important;}
     table.table-responsive .none{display: none;}
	.main-baner1 .left,.main-baner1 .right{float: none;margin: 0 auto 15px auto;display: block;width: 477px;	}
	.main-baner1{margin: 0 auto;}
	.main-baner2 li{width: 31%;margin: 0 1%;}
	.baner4-area ul{width: auto;}
	.baner4-area .baner-4{width: 23%;margin: 0 1%;}
	.main-baner2 li img,.baner4-area .baner-4 img{width: 100%;height: auto;}
	.guide-area{overflow: hidden;width: 660px;margin: 0 auto;}
	.guide-box{background: url(../img/footer-guide-back.jpg) no-repeat left top;width: 320px;margin: 0 auto 20px auto;padding: 20px 0 0;overflow: visible;height: 340px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;text-align: center;}
	.guide-box .guide-h3{margin: 0 auto;float: none;width: 100px;}
	.guide-right{float: none;width: auto;margin: 0 25px;}
	.guide-box2 h4.guide-h4{background: url(../img/h3.png) repeat-x left bottom;padding: 0 0 10px 0;margin: 0 0 5px;}
	.guide-box p{padding: 0 20px 15px 20px;}
}
@media (max-width:980px) {
	#header{background-size: 2500px auto;min-height: 297px;}
	#header-logo img.logo{width: 350px;height: 118px;}
	#header-logo img.logo-read{width: 416px;height: 26px;margin: 0 auto 5px;}
	#header-info .font-min{font-size: 14px;}
	.mainimage-inner{width: 100%;height: auto;	background: none;}
	.mainimage-middle{display: block;margin: 0 auto;width: 100%;height: auto;	}
	img.wood{width: 200px;height: auto;}
	#camp-area{width: 94%;background: url(../img/camp-back.jpg) repeat center top;padding:10px 0;box-shadow:0px 2px 6px 0 rgba(64,48,0,0.34);-moz-box-shadow:0px 2px 6px 0 rgba(64,48,0,0.34);-webkit-box-shadow:0px 2px 6px 0 rgba(64,48,0,0.34);}
	#camp-area-inner{background: none;padding:15px 40px;border: 2px dashed #A8CB82;width: auto;margin: 0 10px;}
	#camp-area-bottom{display: none;}
	.top-half-left{float: none;margin: 0 auto 30px auto;height: auto; width: auto;}
	.top-half-right{float: none;margin: 0 auto ;height: auto; width: auto;}
	.top-new-info{min-height: 150px;}
	.top-contact{height: 150px;max-width: 413px;margin: 0 auto;}
	#wrapper{width:100%;}
}
@media (max-width:789px) {
	#main{width: 94%;max-width: 690px;}
	#header-logo img{width:100%;height: auto;max-width: 360px;}
	#fence{background-size: 1500px auto;height: 45px;background-position: 40px 0;}
	.main-baner2 .baner2{float: none;width: auto;margin: 0 auto 15px;}
	.main-baner2 li{max-width: 310px;}
	.baner4-area{background: url(../img/baner4-back-min.png) repeat center top;}
	.baner4-area ul{width:490px;margin: 0 auto;}
	.baner4-area .baner-4{width: 227px;margin: 0 8px;}
	#page-title img{width: 100%;height: auto;max-width: 690px;margin: 0 auto;}
	#footer-line{background: url(../img/footer-line-min.png) no-repeat center top;}
	.guide-title-area{background: none;}
	.guide-area{width: 94%;}
	.guide-box{width:auto;float: none;height: auto !important;margin: 0 auto 15px auto;padding: 20px 0 15px 0 !important;}
	.guide-box3{padding-bottom: 110px; }
	table th{white-space: normal;}
	table td{min-width: 5em;}
	.post img.photo{max-width: 690px;width:100%;height: auto;}
	#back-to-top {width: 80px;height: 65px;padding: 15px 0 0 0; right: 10px;bottom: 15px;}
	.footer-mog{width: 40px;height: auto;left: 10px;}
	.footer-homare{width: 80px;height: auto;right: 10px;}
	#news-area .news-bord{width: 120px;height: auto;}
	#news-feed {margin-left: 147px;}

}
@media (max-width:719px) {
  .customer_logged #menu {display: none !important;}
  .customer_logged .c-account_menu > button {box-sizing: border-box;background: #ed7f35;}
  
  
  
  
}
@media (max-width:569px) {
	#header{background-size:auto 100%;}
	.mainimage-middle{display: none;}
	.mainimage-min{display: block;margin: 15px auto;width: 100%;height: auto;}
	.main-baner1 .left, .main-baner1 .right{width: 100%;max-width: 477px;}
	.main-baner1 .left img, .main-baner1 .right img{width: 100%;height: auto;}
	#camp-area-inner .right-text{padding:20px 0 10px 0;}
	
}
@media (max-width:489px) {
	#header {background-size: 1900px auto;min-height: 210px;}
	#header-logo img.logo{width: 220px;height: auto;}
	#header-logo img.logo-read{width: 90%;height: auto;padding: 0;}
	img.wood {width: 150px;}
	nav#mainNav a.menu{width: 40px;background-size: 40px 40px;padding-top: 42px;overflow: visible;top: -180px;right: 10px;font-size: 8px;}
	nav .panel{top: -165px;}
	.top-half-right{width: auto;background: url(../img/top-contact-back-min.png) repeat center top;height: auto;text-align: center;    padding: 20px 30px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
	.top-contact{height: auto;}
	.top-half-right .logo-min,.top-half-right .top-contact-right{float: none;margin: 0 auto 10px auto;display: block;}
	.baner4-area ul{width:98%;margin: 0 auto;}
	.baner4-area .baner-4{width:47%;margin: 0 1%;max-width: 227px;}
	.guide-cards, .guide-conveni {width: 100%; height: auto;max-width: 195px;}
	.footer-link,#copy{font-size: 12px;}
	ul.footer-link{padding: 20px 30px 30px 30px;}
	.main-banner img.sp{display: block;max-width: 340px;width: 100%;height: auto;margin: 0 auto;}
	.main-banner img.pc{display: none;}
	#page-title .sp{display: block;width: 100%;height: auto;max-width: 489px;margin: 0 auto;}
	#page-title .pc{display: none;}
	#camp-area-inner{padding: 15px;}
	#news-list-page #newsList li .title{display: block;margin-top: 3px;}
	#news-list-page #newsList li a{margin: 0;}
	#news-area .news-bord {width: 80px;height: auto;left: 0;right: 0; margin: auto; top: 30px; bottom: auto;}
	#news-feed{margin: 110px auto 0;}
  
	#sidebar{float: none;width: calc(100% - 60px);margin: 40px 30px 20px;}
  #side-hit {background: url(../img/side-kanban.png) no-repeat center top / contain;width: 100%;height: 100vw;padding: 35px 0 0 0;}
  #side-hit a img {width: 100%;}
  .side-info {background: url(../img/side-info-back.png) no-repeat center top / contain;width: 100%;height: 87vw;}
  .side-info ul {padding: 0 35px;}
  #sidebar .side-banner img {width: 100%;}
  #side-contact {padding: 30px 0 0 0;background: url(../img/side-contact.png) no-repeat center top / contain;width: 100%;height: 82vw;}
  
  
  
}
@media (max-width:389px) {
	.news-page1 #newsList,#top-umekomi #newsList {padding: 0;}
	.news-page1 #newsList li:first-child,#top-umekomi #newsList li:first-child{padding-top:40px;}
	.news-page1 #newsList li:first-child img.inline,#top-umekomi #newsList li:first-child img.inline {left: 0;right:0;top:0;bottom: auto;}

}











/*-----------------------------------
　　　　　　　　共通
-----------------------------------*/
.u-icon--edit:before,
.c-breadcrumbs__item:not(:last-child):after,
.u-text--link {color: #3D3100 !important;}
.p-account__inner__content__form__bottom__btn,
.u-color__btn--bg,
.p-payment_list__add__btn,
.p-history_detail__block__head__btn,
.c-account_menu__logout,
.c-button {background: #3D3100 !important;}
.p-history_detail__block__wrapper .c-billing_list,
.p-order_history_summary__content {background: #fff;box-sizing: border-box;}
@media only screen and (min-width: 720px) and (max-width: 1200px) {
  .p-account__inner__menu {width: 200px;}
  .p-account__inner__content {width: calc(100% - 220px);}
}
/*-----------------------------------
　　　　　　　　フォーム
-----------------------------------*/
.c-steps_to_order__number {
  background: #fff !important;
}
input[type="submit"],
.c-steps_to_order__number.is-active {
  background: #3D3100 !important;
}
.p-shipping_address_table {
  width: 100%;
  margin: 0 !important;
}
#contacts-form-view .c-form_table > tbody > tr > th,
#contacts-form-view .c-form_table--confirm > tbody > tr > th,
.c-form_table > tbody > tr > th,
.c-form_table--confirm > tbody > tr > th,
html body .p-shipping_address_table.c-form_table th,
html body .p-shipping_address_table.c-form_table--confirm th {
  white-space: normal;
  padding: 4px 8px 2px;
  align-self: normal;
  box-sizing: border-box;
}
.c-form_table > tbody > tr > td,
.c-form_table--confirm > tbody > tr > td,
html body .p-shipping_address_table.c-form_table td,
html body .p-shipping_address_table.c-form_table--confirm td {
  background: transparent;
  border: none;
}
.c-form_table tr th.th_blank {
  display: none;
}
.c-form_table__name {
  gap: var(--table-data-gap);
}
.c-form_table > tbody {
  display: grid;
  row-gap: var(--table-row-gap);
  column-gap: var(--table-column-gap);
}
.c-form_table > tbody > tr > td input {
  color: #3F3225 !important;
}
.c-form_table > tbody > tr > td input[type=text] {
  max-width: 100%;
}
.c-form_table > tbody > tr > td input[type=tel]:nth-of-type(1) {
  max-width: 6em;
}
.c-form_table > tbody > tr > td input[type=tel]:nth-of-type(2) {
  max-width: 8em;
}
.c-form_table > tbody > tr > td input[type=tel]:nth-of-type(3) {
  max-width: 8em;
}
.c-form_table > tbody > tr.w100 > td {
  width: 100%;
}
.u-color__border--input {
  color: #3F3225 !important;
  box-sizing: border-box;
}


@media screen and (min-width: 1024px) {
  .c-form_table,
  .c-form_table--confirm,
  .p-shipping_address_table {
    --table-head-width: 26%;
    --table-data-width: calc(74% - 20px);
    --table-data-gap: 10px;
    --table-row-gap: 20px;
  }
  .c-form_table > tbody > tr > th,
  .c-form_table--confirm > tbody > tr > th {
    width: var(--table-head-width);
  }
  .c-form_table > tbody > tr > td,
  .c-form_table--confirm > tbody > tr > td {
    width: var(--table-data-width);
    margin-top: -10px;
    /*padding: 0 !important;*/
  }
  .c-form_table > tbody > tr > td input {
    padding: 0 10px !important;
  }
  .c-form_table > tbody > tr {
    display: flex;
    align-items: flex-start !important;
    gap: var(--table-data-gap);
  }
  
  #view-input-card-number {
    margin-top: 0;
  }
  #view-input-card-name,
  #view-input-card-expire {
    margin-top: 10px;
  }
  #container_scheduled_delivery_dates > td div {
    padding: 4px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .c-form_table,
  .c-form_table--confirm,
  .p-shipping_address_table {
    --table-head-width: 26%;
    --table-data-width: calc(74% - 20px);
    --table-data-gap: 10px;
    --table-row-gap: 20px;
  }  
  .c-form_table > tbody > tr > th,
  .c-form_table > tbody > tr > td {
    display: block;
    width: 100%;
    padding: 10px !important;
  }
  .c-form_table > tbody > tr > th {
    padding: 5px !important;
  }
  .c-form_table > tbody > tr > td {
    padding: 10px 0 !important;
  }
  
  
}







/*-----------------------------------
　　　　　　　　新着情報
-----------------------------------*/
#news-feed .c-news_item__inner .u-text--subhead,
#news-feed .c-news_item__inner time,
#news-feed .c-news_item__inner {color: #3D3100 !important;}
#news-feed article.u-color__border--border:nth-child(1) {border-top: 1px dotted#a59484 !important;}
#news-feed article.u-color__border--border {border-bottom: 1px dotted#a59484 !important;}
@media (max-width:489px) {
  #news-feed .p-news {padding: 0;}
}

/*-----------------------------------
　　　　　　　　お問い合せ
-----------------------------------*/
#contacts-form-view .p-contact__link__btn {background: #3D3100 !important;}
#contacts-form-view .c-form_table > tbody > tr > td,
#contacts-form-view .c-form_table--confirm > tbody > tr > td {padding: 10px;box-sizing: border-box;}
#contacts-form-view .u-color__border--input {box-sizing: border-box;}
#contacts-form-view .c-form_table__tel input:nth-of-type(1) {max-width: 9em;}
#contacts-form-view .c-form_table__tel input:nth-of-type(2) {max-width: 12em;}
#contacts-form-view .c-form_table__tel input:nth-of-type(3) {max-width: 12em;}
@media (max-width: 740px) {
  #contacts-form-view .u-color__border--input {padding: 0 5px;}
  #contacts-form-view .c-form_table__tel input:nth-of-type(1) {max-width: 5em;}
  #contacts-form-view .c-form_table__tel input:nth-of-type(2) {max-width: 8em;}
  #contacts-form-view .c-form_table__tel input:nth-of-type(3) {max-width: 8em;}
}

/*-----------------------------------
　　　　　　　　ログイン
-----------------------------------*/
.p-login .c-form_table td input {max-width: 100%;box-sizing: border-box;}
.p-login .c-form_table > tbody > tr > td,
.p-login .c-form_table > tbody > tr > th {padding: 10px;box-sizing: border-box;}
.p-login .p-login__inner__registration__bottom__btn,
.p-login .p-login__inner__login__bottom__submit {box-sizing: border-box;background: #3D3100 !important;}
.p-login .p-login__inner__login__bottom__forget {color: #3D3100 !important;}

/*-----------------------------------
　　　　　　 新規会員登録
-----------------------------------*/
.p-account_form__inner__bottom .u-text--btn {box-sizing: border-box;background: #3D3100 !important;}
.p-account_form__inner table tr th,
.p-account_form__inner table tr td {padding: 10px;box-sizing: border-box;}
.p-account_form__inner table tr td input,
.p-account_form__inner table tr td select {box-sizing: border-box;}
.p-account_form__inner .c-form_table__tel input {padding: 0 10px !important;}
.p-account_form__inner .c-form_table__tel input:nth-of-type(1) {max-width: 6em;}
.p-account_form__inner .c-form_table__tel input:nth-of-type(2) {max-width: 8em;}
.p-account_form__inner .c-form_table__tel input:nth-of-type(3) {max-width: 8em;}
@media (max-width: 740px) {
.p-account_form__inner .c-form_table__tel input {padding: 0 5px !important;}
  .p-account_form__inner .c-form_table__tel input:nth-of-type(1) {max-width: 5em;}
  .p-account_form__inner .c-form_table__tel input:nth-of-type(2) {max-width: 8em;}
  .p-account_form__inner .c-form_table__tel input:nth-of-type(3) {max-width: 8em;}
}

/*-----------------------------------
　　　　　　 　カート
-----------------------------------*/
@media (max-width: 740px) {
  #cart-show-view .p-cart_content {
    box-sizing: border-box;
  }
  #cart-show-view .p-cart_content .c-billing_list {
    box-sizing: border-box;
  }
}


/*-----------------------------------
　　　　　　 　フッター
-----------------------------------*/
@media (max-width: 450px) {
  ul.footer-link li {display: block;}
  ul.footer-link li + li {margin-top: 1em;}  
}