@charset "utf-8";
/*--------------------------------------------------
[1]common
[2]headerContainer
[3]sideContainer
[4]footerContainer
[5]Container
[6]topContainer
[7]subContainer
[8]fade
[9]spaceCommon
[10]Display: none;
----------------------------------------------------*/

/* [1]common
----------------------------------------------------*/
/* 設定 */
html{
	 -webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

/* font */

.lora {
font-family: 'Lora', serif;	
}

.mincho {
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝B","HGS明朝E","ＭＳ Ｐ明朝",serif;
font-weight: lighter;
}


body{
	line-height: 1.5;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	/* font-size: 14px; */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 200;	
	color: #313131;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-image: url(images/bgcontents.jpg);
	background-repeat: repeat;
	background-position: center top;
	letter-spacing: 1px;
}

div#spFixed {
	background: url(images/headerbgsp.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: fixed;
	width: 100%;
	height: 87px;
	top: 0;
	left: 0;
	z-index: 9999;	
}

header {
	width: 100%;
	height: 86px;
	margin: 0 auto;
	position: relative;
}

nav#gnav {
	display: none;

}
#wrapper {
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    overflow: hidden;
}

/* clear */
.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 */
a,a:link {text-decoration: none; color: #045b8c; text-decoration: underline; }
aside a:hover,
#right.sub a:hover,
.infoBox dd a:hover {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
a img, img {
	border: none;
	line-height: normal;
	vertical-align: top;
}
/* img */
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
.imgText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.fixed {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
	height: 52px;
	z-index: 9999;
	margin: 0px auto;
}


/* [2]headerContainer
----------------------------------------------------*/
h1 {
	position: absolute;
	top: 20px;
	left: 50%;
}


h1 a,
header p,
#left h2 {
	 text-indent: 100%;
	 overflow: hidden;
	 white-space: nowrap;
	 background-repeat: no-repeat;
	 background-position: center top;	
}

h1 a{
	 background-image: url(images/logo.png);
	 background-size: contain;
	 max-width: 136px;
	 max-height: 62px;
	 width: 50%;
	 padding-top: 45%;
	 display: block;
	 margin-left: -25%;
}

header p {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -100px;
	background-image: url(images/txt-header.png);
	background-size: contain;
	max-width: 285px;
	max-height: 19px;
	width: 200px;
}

header ul {
	position: absolute;
	top: 55px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
}

header ul li {
	float: left;
	width: 40%;
}

header ul li.tel {
	width: 60%;
}

header ul li a{
	display: block;
}
	
	header ul li.address {
		display: none;
	}
	
/* [3]sidecontents
----------------------------------------------------*/

.sidebar h2 {
	background: url(images/ttl-side.png);
	background-size: 201px 59px;
	width: 201px;
	height: 59px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	margin-bottom: 10px;	
}

.sidebar h2.archive {
	background: url(images/archivettl.png);
	background-size: 200px 60px;
	width: 200px;
	height: 60px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	margin-bottom: 10px;	
}

ul.sideNav {
	background: url(images/line-side.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 208px;
	margin-bottom: 40px;	
}

ul.sideNav li {
	background-image: url(images/dotline-side.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 12px 0 12px 2px;	
}

ul.sideNav li.sideNavPar {
	padding: 12px 0 0px 2px;	
}

ul.sideNav li ul {
	background-image: url(images/dotline-side.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0;
	margin-top: 12px;	
}

ul.sideNav li li {
	background-image: none;
	background-color: rgba(255,255,255,0.3);
	border-bottom: 1px dotted #ccba97;
	padding: 10px 0 10px 2px;	
}

ul.sideNav li li:last-child {
	border-bottom: none;
}

ul.sideNav a{ 
	color: #313131;
	font-weight:600;
	display: block;
	text-decoration: none;
}

ul.sideNav a:hover,
ul.sideNav a.current{ 
	color: #df6a54;
	text-decoration: none;
}

ul.sideNav li a{
	background-image: url(images/icon001-side.png);
	background-repeat: no-repeat;
	background-position: 190px center;
}

ul.sideNav li.archive a{
	background: none;
}

ul.sideNav li.sideNavPar a{
	background-image: url(images/icon002-side.png);
	background-position: 185px center;	
}

ul.sideNav li.sideNavPar li a{
	background-image: url(images/iconsub-side.png);
	background-position: left center;
	padding-left: 20px;
}


aside ul li {
	font-size: 10px;
	margin-bottom: 5px;
	width: 197px;	
}

aside ul li img{
	margin-bottom: 5px;	
}


/* [4]footerContainer
----------------------------------------------------*/
/* subCommon */
#contactBnr,
#contactBnr002 {
	width: 100%;
	margin: 80px auto 40px;
	padding: 10px;
	box-sizing: border-box;
	background-image: url(images/subcontact-bgSp.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/* background-size: contain; */
}

#contactBnr div,
#contactBnr002 div {
	background: rgba(255,255,255,0.63);
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}

#contactBnr h3,
#contactBnr002 h3 {
	color: #dc4f02;
	font-size: 1.8rem;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝B","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: lighter;
	margin-bottom: 0;	
}

#contactBnr p {
	font-size:1.4rem;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝B","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: lighter;	
}

#contactBnr dl {
	margin: 15px auto 10px;
	max-width: 483px;
}

#contactBnr002 dl {
	margin: 10px auto 0;
	max-width: 483px;	
}

#contactBnr dt,
#contactBnr002 dt {
	font-size:1.4rem;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝B","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: lighter;
	background: url(images/subcontact-icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	clear: both;
	letter-spacing: 0;
}

#contactBnr dd,
#contactBnr002 dd {
	text-align: center;	
}

#contactBnr dd.tel,
#contactBnr dd.fax,
#contactBnr002 dd.tel,
#contactBnr002 dd.fax {
	/* float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #9f9d98; */	
}

	@media screen and (orientation: landscape) {
		#contactBnr dd.tel,
		#contactBnr dd.fax,
		#contactBnr002 dd.tel,
		#contactBnr002 dd.fax {
			float: left;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid #9f9d98;
		}
		
		.mailBtn img {
			max-width: 320px;
			margin: 0 auto;	
		}
	}


/* pageTop */

#pageTop {
	width: 68px;
	height: 68px;
	z-index: 9998;
	position: fixed;
	bottom: 5px;
	right: 5px;

}

#pageTop a{
	width: 68px;
	height: 68px;
	z-index: 9998;
	background-image: url(images/pagetop.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 68px 68px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	display: block;

}

#pageTop a:hover {
	background-image: url(images/pagetop.png);
	opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";
}
/* footer */
footer {
	background-image: url(images/footerbg.png);
	background-repeat: repeat;
}

footer h2 a,
footer .tel,
footer .fax{
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap; 	
}

footer h2 a {
	background-image: url(images/logo-footer.png);
	background-size: 85px 36px;
	background-position: center center;
	width: 85px;
	height: 36px;
	display: block;
	margin: 0 auto;
}

footer .tel {
	background-image: url(images/tel-footer.png);
	background-size: 130px 16px;
	width: 130px;
	height: 16px;
	display: block;
}

footer .fax {
	background-image: url(images/fax-footer.png);
	background-size: 117px 16px;
	width: 117px;
	height: 16px;
}

#footerContents {
	width: 94%;
	margin: 0 auto;
	background: url(images/line-footer.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 30px 0;
}

#footerContents div {
	width: 100%;
	margin: 0 auto;
}


#footerContents li {
	float: left;
}

#footerContents h2 {
	border-bottom: 1px solid #edd89f;
	margin: 0 auto;
}

#footerContents ul {
	width: 247px;
	margin: 0 auto;
	font-size: 1.2rem;
}

.copyright {
	font-size: 10px;
	text-align: center;
	padding: 10px;
	letter-spacing: 0.5px; 	
}



/* [4]Container
----------------------------------------------------*/

#container {
	position: relative;
	width: 100%;
	height: 100%;
	/* min-height: 1216px; */
	margin: 10px auto 0;
	z-index: 9997;
}

#slideSp {
	background-image: url(images/mainSpbg.jpg);
	background-repeat: repeat;
	background-position: center top;	
	
}

#sliderbox {
	position: relative;
	top: 95px;
	/* left: 50%;
	margin-left: -382px; */
	max-width: 764px;
	max-height: 492px;
	z-index: 9997;
	background: #FFF;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
	margin:  0 auto 80px;
}

.slidelogo {
	width: 168px;
	height: 91px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -84px;
	margin-top: -45.5px;
	z-index: 9998;	
}

.fixed01 {
	padding-top: -52px;
}

.fixed02 {
	padding-top: 0px;
}

#submainbox {
	position: relative;
	top: 95px;
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
	
}



/* html, body, #bgblog, #bgblogright {
    height: 100%;
}

#bgblog {
    width: 100%;
    position: relative;
} */


#contents {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;	
}


#left {
	display: none;	
}


/* right */

#right {
	/* float: left;
	display: inline; */
	width: 94%;
	padding-top: 24px;
	margin: 0 auto;
	max-width: 722px;
}

#right section {
	margin-bottom: 40px;	
}

#right.sub {
	font-size: 1.5rem;
	letter-spacing: 0.5px;
}

#right section h2,
#right section .infoBox h3,
.topBnr a{
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}


/* top */
.topBnr a{
	background-image: url(images/bnr-topSp.png);
	background-size: contain;
	max-width: 639px;
	max-height: 506px;
	width: 100%;
	height: 0;
	margin-bottom: 40px;
	display: block;
	padding-top: 79%;
	margin: 0 auto;
}

#right section h2.news {
	background-image: url(images/ttl-top001Sp.png);
	background-size: contain;
	max-width: 639px;
	max-height: 62px;
	width: 100%;
	height: 0;
	padding-top: 9.7%;
	margin-bottom: 10px;
	margin: 0 auto;	
}

#right section h2.info {
	background-image: url(images/ttl-top002Sp.png);
	background-size: contain;
	max-width: 639px;
	max-height: 62px;
	width: 100%;
	height: 0;
	padding-top: 9.7%;
	margin-bottom: 10px;
	margin: 0 auto;	
}

.content {
	width: 100%;
	height: 215px;
	overflow: auto;
	margin: 0 auto;
	max-width: 639px;	
}

.newsContents ul {
	padding: 18px 0;
	border-bottom: 1px dotted #ccba97;	
}

.newsContents ul li {
	float: left;
	margin:0 5px;
	font-size: 1.2rem;
}

.newsContents ul li:first-child {
	background-image: url(images/icon-top.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	letter-spacing: 0;
}

.newsContents ul li:last-child {
	float: none;
	display: block;
	clear: both;
}

	@media screen and (orientation: landscape) {
		.newsContents ul li:last-child {
			float: left;
			display: inline;
			clear: none;
		}
	}

.newsContents ul li.cat {
	font-size: 9px;
	color: #FFF;
	text-align: center;
	padding: 1px 15px;
	background: #247824;
	margin-top: 1px;	
}

.newsContents ul li a{
	color: #045b8c;
	text-decoration: underline;
}
.newsContents ul li.cat a{
	color: #FFF;
text-decoration: none;	
}
.newsContents ul li dl{
	width: 100%;
}

.newsContents ul li dd{
	font-size: 11px;
}
.infoBox {
	max-width: 639px;
	margin: 0 auto;	
}

.infoBox li{
	float: left;
	width: 50%;
	padding: 0 5px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

	@media screen and (orientation: landscape) {
		.infoBox li{
			width: 25%;
		}
	}

.infoBox li h3{
	float: left;
	max-width: 22px;
	width: 20%;
	box-sizing: border-box;
}

	.infoTtl001 {
		background-image: url(images/subttl-top001.png);
		background-size: contain;
		width: 100%;
		height: 0;
		padding-top: 50%;
	}
	.infoTtl002 {
		background-image: url(images/subttl-top002.png);
		background-size: contain;
		width: 100%;
		height: 0;
		padding-top: 70%;
	}
	.infoTtl003 {
		background-image: url(images/subttl-top003.png);
		background-size: contain;
		width: 100%;
		height: 0;
		padding-top: 80%;
	}
	.infoTtl004 {
		background-image: url(images/subttl-top004.png);
		background-size: contain;
		width: 100%;
		height: 0;
		padding-top: 98%;
	}

.infoBox li dl{
	float: left;
	max-width: 141px;
	width: 80%;
	box-sizing: border-box;
	padding: 0 3px;
}

.infoBox li dd img{
	padding: 5px;
	background: #FFF;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}

.infoBox li dd a img{
	padding: 0;
	background: none;
	box-shadow: none;
}

.infoBox li dd.txt{
	padding: 5px 0;
}


.infoBox li:first-child{
	margin-left: 0px;
}


/* sub */
.pager {
	width: 100%;
	margin: 20px auto 0;	
}

.pager li{
	float: left;
	margin: 2px;	
}

.pager li:last-child{
	float: right;
	font-size: 13px;
}

.pager li.prev{
	float: left;
	font-size: 13px;
}

.pager li a{
	color: #FFF;
	text-decoration: none;
	background: #481d8a;
	padding: 5px 8px;
	border-radius: 5px;
	
}


.bread {
	margin-bottom: 30px;
}
.bread li {
	float: left;
	font-size: 1.2rem;
}

.textCenter {
	text-align: center;
	display: block;
	font-size: 1.2rem;
	padding: 5px;
}

.subTtl {
	background-image: url(images/ttl-subLine.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	width: 100%;
	padding: 10px 5px;
	text-align: center;
	margin-bottom: 20px;
	box-sizing: border-box;
}



.subTtl h2 {
	/* background: url(images/ttl-subIcon.png);
	background-repeat: no-repeat;
	background-position: right top; */
	font-size: 2.5rem;
	margin-bottom: 10px;
}

.sub h2,
.sub h3,
.sub h4,
.minchoPar,
.minchoBg {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝B","HGS明朝E","ＭＳ Ｐ明朝",serif;
	/* font-weight: lighter; */
	font-weight: normal;	
}

.sub h3 {
	margin-bottom: 20px;	
}

.sub h3 span,
.subTtl p {
	font-size: 1.1rem;
	color: #898989;
	line-height: 1.0;
}

.subsubTtl {
	font-size: 2.0rem;
	text-align: center;	
}


.box001 {
	max-width: 722px;
	margin: 0 auto;
	width: 100%;	
}

.boxRight {
	text-align: center;	
}


.box001 img {
	padding: 5px;
	background: #FFF;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	width: 206px;
	text-align: center;
}

		.boxRight.box001Cont2{
			max-width: 396px;
			width: 100%;
			text-align: left;	
		}
		
		.box001Cont2 div{
			background: rgba(255,255,255,0.63);
			padding: 20px;	
			box-sizing: border-box;
			font-size: 1.3rem;
		}
		
		.line001 {
			border-top: 1px dotted #ccba97;
			padding: 38px;
			width: 100%;
			box-sizing: border-box;	
		}

	@media screen and (orientation: landscape) {
		.boxLeft {
			float: left;
		}
		
		.boxRight {
			float: right;	
		}
		.box001Cont{
			max-width: 476px;
			width: 55%;	
		}
		
		.box001 img {
			max-width: 206px;
			width: 100%;
		}
		.boxRight.box001Cont2{
			max-width: 396px;
			width: 50%;	
		}
		
		.box001Cont2 div{
			max-width: 356px;
		}
		
		.line001 {
			max-width: 646px;
			margin: 0 auto;	
		}

	}


/* original */
.minchoPar {
	color: #481d8a;
	font-size: 1.8rem;
	text-align: center;	
}

.minchoBg {
	background-image: url(images/bg-sub001.png);
	background-repeat: no-repeat;
	background-position: center center;
	/* width:381px; */
	height: 40px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
}
.minchoPink {
	color: #ec6876;
}	

.sub h4.ranking {
	background: url(images/icon-sub001-001.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 20px;
	font-size: 1.6rem;
	line-height: 1.0;
	padding-bottom: 5px;
}

	.sub h4.ranking span {
		font-size: 1.1rem;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	.rankingDetail {
		background: rgba(255,255,255,0.63);
		padding: 20px;
		width: 100%;
		box-sizing: border-box;
		margin: 5px auto 20px;
	}
	
	.rankingDetail dt,
	.rankingDetail dd{
		float: left;
	}
	
	.rankingDetail dt {
		clear: both;
		background: #eeeeee;
		margin: 5px;
		padding: 1px 3px;
	}
	
	.rankingDetail dd{ 
		padding: 5px;
	}


.sub h4.smell {
	background: url(images/icon-sub001-002.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-top: 5px;
	font-size: 1.6rem;
	height: 27px;
	line-height: 1.0;
	margin-bottom: 10px;
}

	.smellTxt {
		padding-left: 30px;
		margin-bottom: 10px;	
	}
	.btn001 {
		width: 285px;
		margin: 0 auto 40px;
	}
	
	.btn001 li{
		width: 285px;
		padding: 5px 0;
		box-sizing: border-box;
	}
	
	@media screen and (orientation: landscape) {
		.btn001 {
			max-width: 610px;
			width: 100%;
			margin: 0 auto 40px;
		}
		
		.btn001 li{
			float: left;
			width: 50%;
			max-width: 285px;
			padding: 5px 10px;
			box-sizing: border-box;
		}		
	}

.sub h3.worksTtl {
	border-bottom: 1px solid #481d8a;
	font-size: 30px;
	max-width: 722px;
	width: 100%;
	padding: 0 0 10px;
	line-height: 1.0;
}

	.worksBox {
		max-width: 698px;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto 10px;
		padding: 1px;
		border: 2px solid #d5caaa;
		background: rgba(255,255,255,0.63);		
	}
	
	.worksBox .worksSubTtl {
		background: url(images/subttl-sub001bg.png);
		background-repeat: repeat;
		background-position: left top;
		/* height: 25px; */
		padding: 5px;
		box-sizing: border-box;		
	}
	
	 .worksSubTtl h4 {
		background: url(images/icon-sub004.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 20px;
		min-height: 30px;
		float: left;
		color: #9f793f;
		font-size: 18px;		
	}
	
	 .worksSubTtl p {
		float: right;
		width: 58px;
		height: 27px;	
	}
	
	.box002 {
		background-image: url(images/subttl-sub002bg.png);
		background-repeat: repeat-x;
		background-position: left top;
		padding: 22px 10px 22px 20px;
		margin-top: 1px;
		box-sizing: border-box;
	}
	
	.box002 .boxLeft {
		text-align: center;	
	}

	.box002 img {
		padding: 5px;
		background: #FFF;
		box-shadow: 0 1px 5px rgba(0,0,0,0.2);
		width: 187px;
		text-align: center;
		margin-bottom: 5px;
	}
	
	.box002 .boxRight {
		max-width: 416px;
		text-align: left;
	}
	
	.box002 .boxRight dl {
		border-top: 1px dotted #ccba97;
		margin-top: 10px;
		padding: 15px 0;	
	}
	
	.box002 .boxRight dt,
	.box002 .boxRight dd {
		float: left;
		margin: 0 5px;
	}
	
	.box002 .boxRight dt {
		background:  #ccba97;
		padding: 2px 10px;
		color: #FFF;	
	}
	
	.box002 .boxRight dd {
		padding-top: 3px;	
	}
	
	.btn002 {
		text-align: center
	}
	
	@media screen and (orientation: landscape) {
		.box002 .boxRight {
			max-width: 416px;
			width: 60%;
			text-align: left;
		}	
	}
	
/* ordermade */
	 .worksSubTtl h4 span {
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #434343;
		font-size: 14px;
		line-height: 1;		
	}

	 .worksSubTtl h4.day {
		min-height: 30px;
		line-height: 1;
		background-position: left 5px;			
	}
	
	.box002Left {
		float: left;	
	}
		.box002Right {
		float: right;
		max-width: 266px;
	}
	
	@media screen and (orientation: landscape) {
	.box002Right {
		max-width: 266px;
		width: 28%;
	}
	}
	
	.box002 .box002Left img {
		padding: 5px;
		background: #FFF;
		box-shadow: 0 1px 5px rgba(0,0,0,0.2);
		text-align: center;
		margin-bottom: 5px;
		margin-right: 5px;
		width: auto;
	}
	
	.box002 .box002Right img,
	.box002 .boxRight img {
		padding: 0;
		background: none;
		box-shadow: none;
		max-width: 222px;
		width: 100%;
	}
	
	.box002 .box002Right div,
	.box002 .boxRight div {
		text-align: right;
		margin-top: 10px;		
	}
	
/* koddawari */

	.box003 {
		margin: 0 auto 20px;
		max-width: 704px;
		width: 100%;		
	}
	.box003 img {
		width: 250px;
		text-align: center;
		margin-bottom: 5px;
	}
	.box003 .boxLeft {
		max-width: 424px;
	}
	
	.box003 .boxLeft br{
		display: none;
	}
	
	.kodawariTtl {
		background-color: #371e53;
		background-image: url(images/icon-sub003.png);
		background-repeat: no-repeat;
		background-position: 15px center;
		color: #FFF;
		font-size: 1.6rem;
		padding: 10px 15px 10px 40px;
		max-width: 644px;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;		
	}
	
	.kodawariBox {
		background: rgba(255,255,255,0.63);
		max-width: 644px;
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		margin: 0 auto;	
	}
	
	.kodawariBox h5 {
		font-size: 1.4rem;
		color: #eb6101;
		background-image: url(images/bg-sub003.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		padding: 20px 5px;
		font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝B","HGS明朝E","ＭＳ Ｐ明朝",serif;		
	}
	
	.kodawariBox ul {
		margin-bottom: 20px;	
	}
	
	.kodawariBox ul li dl dt,
	.kodawariBox ul li dl dd {
		/* float: left; */
		font-size: 1.4rem;		
	}
	
	.kodawariBox ul li dl dd {
		float: left;
		margin-bottom: 10px;
	}
	
	.kodawariBox ul li dl dt {
		/* width: 30%; */
	}
	
	.kodawariBox ul li dl dd {
		/* width: 32%; */
	}
	
	.kodawariBox p {
		padding: 0 5px;	
	}
	
	@media screen and (orientation: landscape) {
		.box003 .boxLeft {
			max-width: 424px;
			width: 50%;
		}
		.kodawariBox ul li dl dt,
		.kodawariBox ul li dl dd {
			float: left;
			font-size: 1.4rem;		
		}
		
		.kodawariBox ul li dl dt {
			width: 30%;
		}
		

	}

/* history */
.historyBox {
	background-image: url(images/bg-sub004.png);
	background-repeat: no-repeat;
	background-position: right -10px;
	background-size: contain;
	padding: 9px;	
}

	.historyBox p br{display: none;}

	.historyBox ul {
		margin: 30px auto 0;
		width: 75%;	
	}
	
	.historyBox ul li {
		/* float: left;
		margin: 10px; */
		margin-bottom: 5px;
	}
	
	@media screen and (orientation: landscape) {
	.historyBox ul {
		width: 100%;	
	}	
	
	.historyBox ul li {
		float: left;
		width: 30%;
		margin: 8px;
	}
	
	}
	
	.historyBox ul li img,
	.box004 img,
	.box005 img{
			padding: 5px;
			background: #FFF;
			box-shadow: 0 1px 5px rgba(0,0,0,0.2);
			text-align: center;
			width: auto;
	}

	.worksBox001 {
		/* width: 698px; */
		width: 100%;
		margin: 0 auto 10px;
	}
	
	.worksBox001 .worksSubTtl {
		background: url(images/bg-sub004-002.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		/* height: 25px; */
		padding: 20px 10px 40px;		
	}
	
	 .worksBox001 .worksSubTtl h4 {
		background: url(images/icon-sub004.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 10px;
		float: left;
		color: #9f793f;
		font-size: 1.6rem;
		min-height: auto;		
	}
	
	.box004 p{
		/* padding: 0 40px; */
		box-sizing: border-box;
		padding: 10px;		
	}
	
	.box004 img {
		/* margin-left: 20px; */
		display: block;
		text-align: center;
		margin: 0 auto;	
	}
	
	.box004 dl {
		background: rgba(255,255,255,0.63);
		/* padding: 15px;
		width:	588px; */
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
		margin: 0 auto;	
	}
	
	.box004 dl dt {
		float: left;
		clear: both;	
		background: #fd7b35;
		color: #fff;
		padding: 1px 8px;
		margin-bottom: 5px;
	}
	
	.box004 dl dd {
		float: left;
		width: 85%;
		margin:0 0 5px 10px;
		font-size: 1.3rem;	
	}

/* kogeishi */
.textCenterNormal {
	text-align: center;	
}

	.worksBox003 {
		max-width: 698px;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto 10px;
		padding: 1px;
		border: 2px solid #d5caaa;
		background: rgba(255,255,255,0.63);		
	}
	
	.worksBox003 .worksSubTtl {
		padding: 10px;		
	}
	
	 .worksBox003 .worksSubTtl h4 {
		background: url(images/icon-sub004.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 20px;
		min-height: 30px;
		float: left;
		color: #9f793f;
		font-size: 18px;		
	}
	
	 .worksBox003 .worksSubTtl p {
		float: right;
		width: 58px;
		height: 27px;	
	}

	.box005 {
		background-image: url(images/subttl-sub002bg.png);
		background-repeat: repeat-x;
		background-position: left top;
		padding: 22px 10px 22px 20px;
		margin-top: 1px;
		box-sizing: border-box;
	}
	
	.box005 img {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	@media screen and (orientation: landscape) {
		.box005 img {
			display: inline;
			margin-right: 20px;	
		}
	}
	
	.box005 span.boxRight {
	 max-width: 510px;
	 width: 75%;
	 
	}

/* material */
.materialTxt {
	text-align: center;
	font-size: 20px;	
}
	
	.materialBox {
		max-width: 603px;
		width: 100%;
		margin: 0 auto;
	}
	
	
	.materialBox li {
		background: rgba(255,255,255,0.63);
		margin-bottom: 5px;
		font-size: 1.6rem;
		padding: 5px 10px;
		box-sizing: border-box;
	}
	
	.materialBox li span{
		font-size: 1.1rem;
	}
	
	.materialBox li  dt{
		float: left;
		width: 35px;
		margin-right: 10px;	
	}
	
	.materialBox li  dd{
		padding-top: 5px;
	}
	
	.materialTxt001 {
		max-width: 603px;
		width: 100%;
		margin: 0 auto;	
	}
	
	.worksBox004 {
		/* width: 49.5%;
		float: left;*/
		margin: 0 auto;
		/* background-image: url(images/line-sub006-001.png);
		background-repeat: repeat-y;
		background-position: right top; */
	}
	
	.worksBox004.lineNone {
		/* width: 49%;
		float: left; */
		margin: 0 auto;
		background: none;
	}
	
	.worksBox004 .worksSubTtl {
		background: url(images/bg-sub004-002.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		/* height: 25px; */
		padding: 20px 20px 40px;		
	}
	
	 .worksBox004 .worksSubTtl h4 {
		background: url(images/icon-sub004.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 20px;
		float: left;
		color: #9f793f;
		font-size: 1.6rem;
		min-height: auto;		
	}
	
	.worksBox004 .box004 p{
		padding: 0 15px;
		background-image: url(images/line-sub006-002.png);
		background-repeat: repeat-x;
		background-position: left bottom;		
	}
	
	.mt30 {
		margin-top: 30px;	
	}
	
	@media screen and (orientation: landscape) {
	.worksBox004 {
		width: 49.5%;
		float: left;
		background-image: url(images/line-sub006-001.png);
		background-repeat: repeat-y;
		background-position: right top;
	}
	
	.worksBox004.lineNone {
		width: 49%;
		float: left;
	}
	
	
	.worksBox004 .box004 p.lineNone{
		background: none;
	}
	
	.worksBox004 .box004 img {
		margin-left: 5px;
		display: inline;	
	}
	}
	
/* washi */
.washiImg {
	max-width: 704px;
	width: 100%;
	margin: 0 auto;
}

	.washiBox {
		max-width: 640px;
		width: 100%;
		margin: 40px auto 0;
	}
	
	.washiBox p{
		margin: 0 auto 30px;
	}
	
	.worksSubTtl h4 span.fontRe {
		font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝B","HGS明朝E","ＭＳ Ｐ明朝",serif;
		color: #9f793f;
		font-size: 1.5rem;		
	}

/* voice */
.voiceBg {
	background: url(images/bg-sub008.png);
	background-repeat: no-repeat;
	background-position: right center;	
}

/* link */
.linkTxt {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝B","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 1.6rem;
	text-align: center;
}

	.linkBox {
		max-width: 704px;
		width: 100%;
		margin: 0 auto;	
	}

	.linkBox li,
	.companyBox001 li,
	.box006 dl {
		border-bottom: 1px solid #e4dac7;
		padding: 20px 10px;	
	}
	
	.linkBox  dl,.linkBox  dt,.linkBox  dd {
	margin: 0;
	}
	
	.linkBox  dl {
	display:table;
	width:100%;
	}	
	.linkBox  dt {
	vertical-align:middle;
	/* display:table-cell; */
	padding:3px 0;
	/* min-height:1.5em; */
	}
	
	.linkBox  dd {
	/* display:table-cell; */
	/* min-height:1.5em; */
	}
	
	/* .linkBox li dt,
	.linkBox li dd {
		float: left;	
	} */
	
	.linkBox li dt {
		/* width: 40%; */
	}
	
	.linkBox li dt a{
		background: url(images/icon-sub010-001.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 18px;
		text-decoration: none;	
	}
	
	.linkBox li dd {
		font-size: 1.3rem;
		/* width: 60%; */	
	}
		.linkBox li dd br {
			display: none;
		}
	
	@media screen and (orientation: landscape) {
		.linkBox  dt {
		display:table-cell;
		}
		
		.linkBox  dd {
		display:table-cell;
		}
		
		.linkBox li dt,
		.linkBox li dd {
			float: left;	
		}
		
		.linkBox li dt {
			width: 40%;
			padding-right: 5px;
			box-sizing: border-box;
		}
		
		.linkBox li dd {
			width: 60%;	
		}
			
		
	}

	.linkBtn {
		background-repeat: no-repeat;
		background-position: right center;
		max-width: 722px;
		width: 100%;
		cursor: pointer;
	}
	
	.linkBtn.off {
		background-image: url(images/icon-sub010_off.png);
	}
	
	.linkBtn.on {
		background-image: url(images/icon-sub010_on.png);
	}
	
/* company */
.companyBox {
	background-image: url(images/bg-sub012.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	/* padding-left: 20px;	*/
}

.companyBox p br{
	display: none;
	
}

	.sub h3 span.smallTxt {
		font-size: 2.0rem;
		color: #313131;	
	}
	
	.companyBox001 {
		max-width: 704px;
		width: 100%;
		margin: 0 auto;	
	}
	
	.companyBox001 p span.txt{
		font-size: 1.6rem;
		padding: 0 20px;
		line-height: 1;
		display: block; 
	}
	
	.companyBox001 dl,.companyBox001 dt,.companyBox001 dd {
	margin: 0;
	}
	
	.companyBox001 dl {
	display:table;
	width:100%;
	}	
	.companyBox001 dt {
	vertical-align:middle;
	/* display:table-cell; */
	padding:3px 0;
	/* min-height:1.5em;
	width: 20%;	 */
	}
	
	.companyBox001 dd {
	/* display:table-cell;
	min-height:1.5em; */
	/* padding:5px 0 10px 5px;
	width: 80%;	 */
	}
	
	.companyBox001.topline {
		border-top: 1px solid #e4dac7;
		margin-top: 25px;
	}
	
	.gmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 10px;
	}
	 
	.gmap iframe,
	.gmap object,
	.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
	.box006 ul{
		max-width: 704px;
		width: 100%;
		margin: 0 auto;
	}
	
	.box006 dl{
		max-width: 620px;
		width: 100%;
		margin: 0 auto;
	}
	
	.box006 li:first-child dl{
		padding-top: 0;
	}
	
	.box006 li:last-child dl{
		border: none;
	}
	
	.box006 li:last-child,
	.kiyakuBox {
		border-bottom: 1px solid #e4dac7;
	}
	

	
	.noTopPadding {padding-top: 0;}

	@media screen and (orientation: landscape) {
		.companyBox p br{
			display: block;
			
		}
		.companyBox001 p span.txt{
			line-height: 3;
			display: inline; 
		}
		.companyBox001 dt {
			vertical-align:middle;
			display:table-cell;
			padding:3px 0;
			min-height:1.5em;
			width: 20%;
		}
		
		.companyBox001 dd {
			display:table-cell;
			min-height:1.5em;
			/* padding:5px 0 10px 5px; */
			width: 80%;
		}
		
		.box006 ul dt,
		.box006 ul dd{
			float: left;
		}
		
		.box006 ul dt{
			width: 25%;
		}
		
		.box006 ul dd{
			width: 75%;
		}
		
	}

	
/* contact */
#contact001 ul {
	max-width: 484px;
	width: 100%;
	margin: 0 auto;	
}

#contact002 ul {
text-align: left;	
}

	/* #contact001 ul li{
		float: left;
	} */
	
	.font13 {
		font-size: 1.3rem;	
	}
	
	.redBg {
		color: #fff;
		background: #d4290c;
		padding: 1px;
		margin: 0 5px;	
	}

	input[type="text"], textarea, select {
		border:0;
		padding:5px;
		font-size:1.3em;
		font-family:Arial, sans-serif;
		/* color:#aaa; */
		border:solid 1px #b29a6d;
		margin: 3px;
		background: #ffffff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;	
	}
	.input100 {
		width: 95%;	
	}
	.input150 {
		width: 95%;	
	}
	.input300 {
		width: 95%;	
	}
	.input550 {
		width: 95%;	
	}
	.textarea95 {
		width: 95%;	
	}
	
	/*RadioとText*/
	.mwform-radio-field {
		float: left;
	line-height: 2.0;
	margin-right: 30px;
	}
	.checkBox {
	margin: 0 auto;
	width: 180px;
line-height: 2.0;
	}
	label:after {
	  content: ".";
	  display: block;
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	label { min-height: 1px; }
	.checkboxBox label {
		float: left;
		margin-right: 20px;	
		margin-bottom: 2px;
	}
.checkboxBox span {
margin-bottom: 2px;
line-height: 2.0;

	}
	* html label {
	  height: 1px;
	  /*\*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	.styledRadio {
	float: left;
	clear: both;
	}
	.styledCheckbox {
	float: left;
	} 
	.checkBox a {
	display: block;
	}
	.contactTopBtn {
	width:272px;
	height:40px;
	margin: 20px auto;
	}
	
	.mw_wp_form_input {text-align: center;}
	/*確認画面へ進むボタン用*/
	.mw_wp_form_input .btn input{
	background:url("images/contact-btn001.png") no-repeat;
	width:272px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	outline:none;
	}
	
	/*送信ボタン用*/
	.mw_wp_form_confirm .btn input{
	background:url("images/contact-btn002.png") no-repeat;
	width:272px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	outline:none;
	}
	
	.kiyaku {
		max-width: 620px;
		width: 100%;
		margin: 0 auto 20px;
	}
	
	.kiyakuBox {
		padding-bottom: 30px;	
	}
	
	@media screen and (orientation: landscape) {
	#contact001 ul li{
		float: left;
	}	
	}
	
/* blog */
.blogList li a{
	text-decoration: none;
}

.blogList li a h3{
	color: #313131;
}

.sub .blogList li a h3 {
	background-image: url(images/blog-listbtn.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 0px;
	padding: 10px 20px 20px 0;
	box-sizing: border-box;
}

.sub .blogList li a h3 span.smallTxt {
		font-size: 1.6rem;
		color: #313131;	
	}
	
	.blogEntry{
		max-width: 690px;
		width: 100%;
		margin: 0 auto;
		padding: 0 5px 30px;
		box-sizing: border-box;
		border-bottom: 1px solid #e4dac7;	
	}
	
	.blogEntry p{
		margin-bottom: 20px;
		line-height: 1.8;
	}

.blogEntry img{
		display: block;
float: none;
margin: 0 auto;
text-align: center;
	}
	
	
/* wp */
.nav-single {width: 94%; margin: 30px auto 60px;}
.nav-previous {float: left; display: inline;}
.nav-next {float: right; display: inline;}

.nav-single a {
    background: none repeat scroll 0 0 #481d8a;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.nav-single a:hover{
    background-color: #481d8a;
    color: #FFFFFF;
    opacity: 0.5;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/*Pagenation*/
.pagenationBox {
    margin: 1em auto;
text-align: center;
width: 94%;
}
.pagenationBox:after, .pagenationBox ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenationBox ul {
    margin: 0;
}
.pagenationBox li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
text-align: center;
margin: 10px auto;
}

.pagenationBox li:first-child {
    margin-left: 0;
}

.pagenationBox li.prev a,
.pagenationBox li.next a {
    background: none repeat scroll 0 0 #481d8a;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenationBox li.prev a:hover,
.pagenationBox li.next a:hover {
    background-color: #481d8a;
    color: #FFFFFF;
    opacity: 0.5;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
.pagenationBox li.next {
float: right;
}
.pagenationBox li.active {
    background-color: #481d8a;
    color: #FFFFFF;
    opacity: 0.5;
    border-radius: 3px;
    cursor: not-allowed;
    padding: 10px 15px;
margin: 0.95em 3px 0;
}
.pagenationBox li a {
    display: block;
    list-style: none outside none;
    margin: 3px;
    background: none repeat scroll 0 0 #481d8a;
    border-radius: 3px;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.pagenationBox li a:hover {
    background-color: #481d8a;
    color: #FFFFFF;
    opacity: 0.5;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}




.openbtn {
	position: absolute;
	top: 0;
	left: 0px;
	width: 55px;
	height: 55px;
	
}

.sidebar {
  box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);
  background-image: url(images/bgleft.jpg);
  background-repeat: repeat-y;
  background-position: left top;
  width: 213px;
  padding: 5px;
  display: block;
}

.right {
	position: relative;
	top: 0;
	left: 0;	
}
.closebtn {
	position: absolute;
	top: 0;
	right: 10px; 
	width: 55px;
	height: 55px;
	
}

	@media screen and (orientation: landscape) {
		.pcNon {
			display: none;
		}
		
		.pcNon.openbtn,
		.pcNon#sidr-menu {
			display: block;	
		}
	}
.spNon {
	display: none;	
}


/* gallery */

.subsubTxt {
	font-size: 18px;
	text-align: center;	
}
.galleryBg {
	background: url(images/gallerybg.png);
	background-repeat: no-repeat;
	background-position: right top;	
}

.boxImage a{
	float: left;
	padding: 5px;
	text-align: center;
	width: 33%;
	color: #1b1b1b;
	text-decoration: none;
	box-sizing: border-box;		
}

.btnGallery img{
	background: none;
	padding: 0;
	text-align: right;
	width: 244px;
	height: 40px;
	box-shadow: none;
	float: right;
		
}