@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; list-style:none;}
img{display:block; border:none;}
.clear{clear:both;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}
a{color:#7d5c26; text-decoration:none; outline:none;}
a:hover{color:#b09363;}

body{font-family:"Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; font-size:84%; line-height:150%; color:#333; background:url(../img/baseBg.gif) center top;}
section,article,header,nav,footer{display:block;}


#base{min-width:980px; position:relative; padding-top:134px;}

/*-- fade --*/
#fade{background:url(../img/logoLoading.gif) center center #fff no-repeat; position:fixed; _position:absolute; z-index:9999999999; width:100%; height:100%;}

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

header{width:100%; min-width:980px; height:134px; background:rgba(255,255,255,0.98); position:fixed; top:0; z-index:1000;}
header{_background:#fff; *background:#fff; background:#fff\9;}
header section{width:980px; margin:0 auto;}
header section #header01{padding-top:13px;}
header section #header01 h1{font-size:94%; font-weight:normal; line-height:normal; float:left;}
header section #header01 ul{float:right;}
header section #header01 li{float:left; margin-left:8px;}
header section #header01 li a{background:url(../img/headerSav.png) left top no-repeat; background-size:auto 100%; font-size:9px;
	height:0; padding-top:15px; overflow:hidden; display:block;}
header section #header01 li a{/background-image:url(../img/headerSavIE.png); background-image:url(../img/headerSavIE.png)\9;}/*IE6-8*/
header section #header01 li a:hover{opacity:0.6;}
header section #header01 #headerSav01 a{width:76px;}
header section #header01 #headerSav02 a{width:86px; background-position:-84px 0;}
header section #header01 #headerSav03 a{width:15px; background-position:-178px 0;}
header section #header01 #headerSav04 a{width:15px; background-position:-201px 0;}
header section #header01 #spNav{display:none;}


header section #header02{padding-top:40px;}
header section #header02 h2{float:left;}
header section #header02 h2 img{width:130px;}
header section #header02 #pcNav{float:right; background:url(../img/navLine.png) left center no-repeat; padding-left:1px; display:block;}
header section #header02 #pcNav li{float:left; background:url(../img/navLine.png) right center no-repeat; padding-right:1px;}
header section #header02 #pcNav li a{background:url(../img/nav.png) left top no-repeat; font-size:9px;
	height:0; padding-top:65px; overflow:hidden; display:block;}
header section #header02 #pcNav #navi01 a{width:119px;}
header section #header02 #pcNav #navi02 a{background-position:-120px 0; width:154px;}
header section #header02 #pcNav #navi03 a{background-position:-275px 0; width:166px;}
header section #header02 #pcNav #navi04 a{background-position:-442px 0; width:139px;}
header section #header02 #pcNav #navi05 a{background-position:-582px 0; width:108px;}
header section #header02 #pcNav #navi06 a{background-position:-691px 0; width:130px;}
header section #header02 #pcNav #navi01 a:hover{background-position:0 -65px;}
header section #header02 #pcNav #navi02 a:hover{background-position:-120px -65px;}
header section #header02 #pcNav #navi03 a:hover{background-position:-275px -65px;}
header section #header02 #pcNav #navi04 a:hover{background-position:-442px -65px;}
header section #header02 #pcNav #navi05 a:hover{background-position:-582px -65px;}
header section #header02 #pcNav #navi06 a:hover{background-position:-691px -65px;}

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


/*-------------------- content --------------------*/
.borderBox{/*max-width:1500px;*/ margin:0 auto; padding:1px 0; border-top:solid 1px #f1f1f1; border-bottom:solid 1px #f1f1f1; background:#fff;}

/*---------- mainImg ----------*/
#mainImg{width:100%; height:436px; overflow:hidden; position:relative;}
#mainImg #mainImgLogo{position:absolute; left:19%; top:122px; z-index:4;}
#mainImg #mainImgBg li{position:absolute; width:100%; min-width:980px;}
#mainImg #mainImgBg img{width:100%; min-width:980px; height:auto; position:absolute; z-index:0;}
/*---------- //mainImg ----------*/

/*----- special -----*/

/*#special{text-align:center; padding:20px; padding-bottom:10px; background:#fff; border-bottom:solid 1px #f1f1f1;}
#special img{display:inline;}*/

#special{padding:20px 0; background:#fff; border-bottom:solid 1px #f1f1f1;}
#special ul{display:table; width:100%; max-width:980px; margin:0 auto;}
#special li{display:table-cell; text-align:right; vertical-align:top;}
#special li img{vertical-align:bottom;}
#special li:first-child{text-align:left;}
#special li:last-child{text-align:right;}

/*----- //special -----*/

#blog, #con01, #con02, #con03, #con04, #con05{width:980px; margin:0 auto 96px auto; padding-top:140px; margin-top:-76px;}
/*#con01{margin-top:-91px;}*/
#con01 h4, #con02 h4, #con03 h4, #con04 h4, #con05 h4{font-size:9px; height:0; padding-top:57px; overflow:hidden; display:block;}


#bg01, .bgImg{width:100%; max-width:1500px; margin:0 auto; overflow:hidden; position:relative;}
#bg01{ height:146px; margin-top:-20px;}
.bgImg{height:213px;}
.secondImgBg{width:100%; min-width:980px; height:auto; position:absolute; z-index:0;}
.sabLogo{position:absolute; left:50%; top:50%; margin:-46px 0 0 -46px; z-index:1;}

/*---------- endstart ----------*/
#endstart{width:978px; margin:20px auto; border:solid 1px #f6dada; background:#fdefef; text-align:center;}
#endstart h2{padding:20px 20px 10px 20px;}
#endstart p{padding:0 20px 20px 20px;}

/*---------- blog ----------*/
#blog{padding:16px 0; margin-top:0; margin-bottom:16px;}
#blog #blogLine{background:url(../img/blogLine.gif) center top repeat-y;}
#blog h4{font-size:9px; height:0; padding-top:41px; overflow:hidden; display:block; border-bottom:dotted 1px #c5b9a5;}

#blog #bloglist{float:left; padding:0 15px 0 0; width:383px; position:relative;}
#blog #bloglist a{color:#7d5c26; text-decoration:underline;}
#blog #bloglist a:hover{color:#9c8154; text-decoration:none;}
#blog #bloglist h4{background:url(../img/blogTitle.png) left top no-repeat;}
#blog #bloglist .rssList{width:383px; border-bottom:dotted 1px #d7c8b1; padding:8px 0 6px 0; font-size:94%;}
#blog #bloglist .rssLeft{float:left; width:100px; display:block;}
#blog #bloglist .rssLeft:before {content: "・"; color:#c5b9a5;}

#blog #twitter{width:314px; height:188px; float:left; padding:0 0 0 17px; position:relative;}
#blog #twitter h4{background:url(../img/twitterTitle.png) left top no-repeat; width:299px;}
#blog #twitter-ticker{width:299px; height:136px; display:none; margin-top:8px;}
#blog #tweet-container{height:140px; width:auto; overflow:hidden;}
#blog .tweet{margin:2px 10px 8px 0; padding:0 5px 8px 5; width:auto; border-bottom:dotted 1px #d7c8b1;}
#blog .tweet .avatar{float:left; padding-bottom:10px;}
#blog .tweet .avatar a{display:block;}
#blog .tweet dl{float:right; width:230px; font-size:94%; line-height:150%; padding-bottom:10px;}
#blog .tweet dl a{color:#7d5c26;}
#blog .tweet dl a:hover{color:9c8154;}
#blog .tweet .time{ font-size:80%; white-space:nowrap; color:#09C;}
#blog .tweet .avatar img{width:26px; height:26px;}
#blog .tweet .txt{line-height:125%;}
#blog .tweet .user{font-weight:bold; line-height:normal; padding-bottom:5px;}
#blog #loading{margin:140px 80px;}

#blog #twitter #twitterBox{height:144px; overflow:hidden;}

#blog #andMore{float:right; clear:both; margin-top:-14px; position:absolute; right:0; z-index:2;}
#blog #andMore a img{opacity:0.6;}
#blog #andMore a img:hover{opacity:1;}

#blogUBox{position:relative; top:-16px;}
#blog ul{float:right; height:198px; overflow:hidden; padding-left:18px;}
#blog li{border:solid 1px #ebe4d8; margin-bottom:7px; background:#fff;}
#blog li.bnrL{float:left; width:110px;}
#blog li.bnrR{float:right; width:111px;}



/*---------- con01 ----------*/
#con01 h4{background:url(../img/con01Title.png) left top no-repeat; width:236px;}
#con01 .left{float:left; width:549px; padding-bottom:28px;}
#con01 .left #snsBtn{padding:16px 0;}
#con01 .left #snsBtn li{float:left; padding-right:8px;}
#con01 .right{float:right; width:399px;}
#con01 .right ul{padding-top:16px;}
#con01 .right li{float:left; margin-right:16px; padding:1px; background:#ede6d9;}

#con01 #fbBox{width:397px; height:212px; border:solid 1px #eee; overflow:hidden; margin-top:24px;}
#con01 #fbBoxIn{border:none; background:#fff; width:399px; height:214px; overflow:hidden; margin:-1px;}


/*---------- con02 ----------*/
#con02 h4{background:url(../img/con02Title.png) left top no-repeat; width:311px;}
#con02 p{margin-bottom:32px;}
#con02 .left{width:565px; height:565px; float:left;}
#con02 .right{width:382px; float:right;}
#con02 .right h2{margin-bottom:16px; font-size:116%;}
#con02 .right h5{margin-top:32px; margin-bottom:8px; font-size:116%;}
#con02 .right dl{margin-bottom:8px; border-bottom:dotted 1px #ddd; padding-bottom:5px;}
#con02 .right dd{float:left; width:136px; font-weight:bold; text-align:right;}
#con02 .right dt{float:right; width:234px;}


/*---------- con03 ----------*/
#con03 h4{background:url(../img/con03Title.png) left top no-repeat; width:385px;}
#con03 .left{float:left; width:482px;}
#con03 .left dl{margin-bottom:16px;}
#con03 .left dt{font-size:116%; font-weight:bold; padding-bottom:6px;}
#con03 .left dd{margin-bottom:1px; text-indent:-1.5em; padding-left:1.5em; padding-bottom:3px;}
#con03 .right{float:right; width:482px;}
#con03 .right dl{margin-bottom:16px;}
#con03 .right dt{font-size:116%; font-weight:bold; padding-bottom:6px;}
#con03 .right dd{margin-bottom:1px; text-indent:-1.5em; padding-left:1.5em; padding-bottom:3px;}
#con03 .slipper{padding-bottom:32px;}
#con03 .slipper dt{font-size:116%; font-weight:bold;}
#con03 .atnt dd , #con03 .slipper dd{text-indent:0; padding-left:0;}


#con03 #noteBox{border:solid 1px #e9e0d4; padding:4px; text-align:center; background:url(../img/noteBg.gif); /*font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",*/ serif; font-size:117%; clear:both;}
#con03 #noteBox #noteBoxIn{border:solid 1px #e9e0d4; padding:48px; background:url(../img/noteBgCat.png) center center no-repeat;}
#con03 #noteBox #noteBoxIn h5{font-size:180%; color:#e38b45; margin-bottom:24px;}
#con03 #noteBox #noteBoxIn a{text-decoration:underline;}
#con03 #noteBox #noteBoxIn a:hover{text-decoration:none;}


/*---------- con04 ----------*/
#con04 h4{background:url(../img/con04Title.png) left top no-repeat; width:292px;}
#con04 article{width:980px; overflow:hidden;}
#con04 .spCon{display:none;}
#con04 ul{width:1000px;}
#con04 li{float:left; width:316px; margin:32px 16px 0 0;}
#con04 li img{margin-bottom:8px;}
#con04 li strong{display:block; text-align:center; margin-bottom:3px;}
#con04 li span{font-size:84%; line-height:125%;}

/*---------- con05 ----------*/
#con05 h4{background:url(../img/con05Title.png) left top no-repeat; width:201px;}
#con05 .right{width:100%;}
#con05 .right p{font-weight:bold; padding-bottom:32px;}
#con05 .right dl{padding-bottom:14px;}
#con05 .right dt{float:left; padding-left:10px; font-weight:bold;}
#con05 .right .time{float:right; padding-right:10px; font-size:94%;}
#con05 .right .price{clear:both; border-top:dotted 1px #c5b9a5; padding:4px 10px 0 10px; width:auto;}
#con05 .right ul{padding-top:16px;}

/*---------- googleMap ----------*/
#googleMap{width:100%; min-width:980px; height:350px;}
#pageTop{width:100%; height:37px; overflow:hidden; background:url(../img/pageTopBg.gif) center top;}
#pageTop a{width:100%; height:0; padding-top:37px; overflow:hidden; display:block; background:url(../img/pageTop.png) center center no-repeat;}
#pageTop a:hover{opacity:0.8;}
address{text-align:center; display:block; background:url(../img/addressBg.png); font-size:94%; line-height:normal; color:#fff; padding:10px; font-style:normal;}

/*---------- CONTACT ----------*/
#contactBox{width:300px; padding:15px 0; margin:0 auto;}
#contactBox .wpcf7-not-valid-tip-no-ajax, #contactBox .wpcf7-validation-errors{display:block; font-weight:bold; color:#ff0000;}
#contactBox .wpcf7-validates-as-required, #contactBox .wpcf7-text, #contactBox .wpcf7-textarea{width:300px; border:solid 1px #ccc; padding:3px;}
#contactBox .wpcf7-submit{padding:2px 5px; margin-top:3px;}



@media screen and (max-width: 480px) {
	#base{min-width:100%; padding-top:0;}
	
	
	/*---------- header ----------*/
	header{min-width:100%; height:auto; position:static;}
	header section{width:100%;}

	header section #header01{position:relative; height:34px; background:url(../img/baseBg.gif) center top;}
	header section #header01 h1{display:none;}
	header section #header01 ul{padding:0; margin-right:15px;}
	header section #header01 #headerSav{position:relative; z-index:1001;}
	header section #header01 li{float:left;}
	header section #header01 #spNav{display:block; position:absolute; width:100%; padding:0; margin:0; z-index:1000;}
	header section #header01 #spNav img{width:23px; height:auto; margin-left:15px; margin-top:-3px; cursor:pointer;}
	header section #header01 #spNav ul{width:100%; padding:0 !important; margin:0 !important; float:none;}
	header section #header01 #spNav li{text-align:center; background:#fff; border-bottom:dotted 1px #d7d7d7; float:none; width:100%; padding:0; margin:0;}
	header section #header01 #spNav li a{font-size:140%; padding:1em 0; display:block; background:none; width:100%; height:auto;}
	
	header section #header02{padding:0;}
	header section #header02 h2{float:none; padding:15px 0 20px 0;}
	header section #header02 h2 img{width:80%; margin:0 auto;}
	header section #header02 #pcNav{display:none;}


	/*-------------------- content --------------------*/
	.borderBox.borderBox{max-width:auto; padding:0; border:none;}


	/*---------- mainImg ----------*/
	#mainImg{width:100%; height:150px;}
	#mainImg #mainImgLogo{display:none;}
	#mainImg #mainImgBg li{min-width:100%;}
	#mainImg #mainImgBg img{min-width:100%; position:static;}	
	/*---------- //mainImg ----------*/

	/*----- special -----*/
	#special{padding:3%;}
	#special img{display:block; width:100%; height:auto;}
	#special li{display:block; text-align:center; padding-bottom:2%;}
	#special li:first-child{text-align:center;}
	#special li:last-child{text-align:center;}
	/*----- //special -----*/

	#blog, #con01, #con02, #con03, #con04, #con05{width:100%; padding:0; margin:0;}
	#con01 h4, #con02 h4, #con03 h4, #con04 h4, #con05 h4{font-size:200%; background:none #a48d69; padding:0.5em 0; width:100%; height:auto; margin-bottom:20px; overflow:visible; color:#fff; text-align:center;}

	#bg01, .bgImg{max-width:100%; height:150px;}
	#bg01{margin-top:0; background:url(../img/bg01.jpg)  center top no-repeat; background-size:cover;}
	#bg02{margin-top:0; background:url(../img/bg02.jpg)  center top no-repeat; background-size:cover;}
	#bg03{margin-top:0; background:url(../img/bg03.jpg)  center top no-repeat; background-size:cover;}
	#bg04{margin-top:0; background:url(../img/bg04.jpg)  center top no-repeat; background-size:cover;}
	#bg05{margin-top:0; background:url(../img/bg05.jpg)  center top no-repeat; background-size:cover;}
	.secondImgBg{display:none;min-width:100%;}
	.sabLogo{display:none;}


	/*---------- endstart ----------*/
	#endstart{width:90%; margin:5% auto; border:solid 1px #f6dada; background:#fdefef; text-align:center; box-sizing:border-box;}
	#endstart h2{padding:5%px 5% 3% 5%;}
	#endstart p{padding:0 5% 5% 5%;}


	/*---------- blog ----------*/
	#blog{padding:0; width:100%;}
	#blog #blogLine{background:none;}
	#blog h4{font-size:160%; height:auto; padding:1em; margin:0; overflow:visible; text-align:center; background:#f5f5f5 !important; color:#a48d69;}

	#blog #bloglist{float:none; width:100%; padding:0; margin:0; background:#fff;}
	#blog #bloglist .rssList{font-size:120%; width:50%;}
	#blog #bloglist a{color:#7d5c26; text-decoration:underline;}
	#blog #bloglist a:hover{color:#9c8154; text-decoration:none;}
	#blog #bloglist h4{background:none;}
	#blog #bloglist .rssList{width:94%; margin:0 auto;}
	#blog #bloglist .rssLeft{float:none; width:100%;}
	#blog #bloglist .rssLeft:before {content: "・"; color:#c5b9a5;}
	#blog #bloglist .rssRight{padding-left:1em; display:block;}

	#blog #twitter{display:none;}

	#blog #andMore{float:none; margin:0; padding:1em; position:static;}
	#blog #andMore a img{opacity:0.6; margin:4px auto;}
	#blog #andMore a img:hover{opacity:1;}

	#blogUBox{top:0;}
	#blog ul{float:none; width:94%; height:auto; overflow:visible; padding:0 0 10px 0; margin:20px auto 0 auto;}
	#blog li{width:100%; margin:15px auto;}
	#blog li img{width:100%; height:auto;}

	/*---------- con01 ----------*/
	#con01 .left{float:none; width:100%; padding-bottom:5%;}
	#con01 .left p{width:94%; margin:0 auto;}
	#con01 .left #snsBtn{width:94%; margin:20px auto;}
	#con01 .right{float:none; width:100%; display:none;}
	#con01 .right .imageBox{width:100%; height:auto;}
	#con01 .right ul{padding-top:16px;}
	#con01 .right li{margin-right:16px; padding:1px; background:#ede6d9;}
	#con01 #fbBox{display:none;}

	/*---------- con02 ----------*/
	#con02 .left{display:none;}
	#con02 p{width:94%; margin:0 auto; padding-bottom:20px;}
	#con02 .right{width:85%; padding:5%; float:none; background:#fff; margin:0 auto 40px auto;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
	#con02 .right h2{font-size:124%; text-align:center; border-bottom:dotted 1px #eee; padding-bottom:15px;}
	#con02 .right h2 span{display:block;}
	#con02 .right h5{font-size:124%; text-align:center; border-bottom:dotted 1px #eee; padding-bottom:15px}
	#con02 .right dl{border-bottom:dotted 1px #eee; padding-bottom:6px;}
	#con02 .right dd{width:40%;}
	#con02 .right dt{width:55%;}


	/*---------- con03 ----------*/
	#con03 .left{width:100%; float:none;}
	#con03 .left dl{width:94%; margin:0 auto; margin-bottom:3%;}
	#con03 .right{width:100%; float:none; display:none;}
	#con03 .right img{width:100%;}
	#con03 .slipper{width:94%; margin:0 auto; padding-bottom:3%;}
	#con03 #noteBox{width:92%; padding:2%; margin:0 auto; margin-bottom:40px;}
	#con03 #noteBox #noteBoxIn{border:solid 1px #e9e0d4; width:80%; padding:10%; background:url(../img/noteBgCat.png) center center no-repeat;}
	#con03 #noteBox #noteBoxIn h5{font-size:116%; line-height:125%;}

	/*---------- con04 ----------*/
	#con04{padding-bottom:40px;}
	#con04 article{width:100%; overflow:visible;}
	#con04 .pcCon{display:none;}
	#con04 .spCon{display:block;}
	#con04 p{width:94%; margin:0 auto;}
	#con04 ul{width:100%;}
	#con04 li{float:none; width:100%; margin:32px 0 0 0;}
	#con04 li img{margin-bottom:8px; width:100%; height:auto;}
	#con04 li strong{display:block; text-align:center;}

	/*---------- con05 ----------*/
	#con05{padding-bottom:40px;}
	#con05 .right{float:none; width:100%; padding-bottom:32px;}
	#con05 .right p{width:94%; margin:0 auto;}
	#con05 .right dl, #con05 .right ul{width:94%; margin:0 auto;}
	#con05 .left{float:none; width:94%; margin:0 auto;}
	#con05 .left .imageBox{width:100%;}
	#con05 .left ul{padding-top:16px; width:106%;}
	/*#con05 .left li{float:left; margin-right:16px; padding:1px; background:#ede6d9;}*/
	#con05 .chipList li{width:21%;}
	#con05 .chipList li img{width:100%; height:auto;}
	#con05 .chipList li{float:left; margin:0 3% 3% 0; padding:1px; background:#ede6d9;}

	#googleMap{display:none;}
}