/* CSS Document */

body{
	color:#2d0f00;
	font-size:1.6rem;
	line-height:150%;
	}

a{
	color:#2d0f00;
	}

[href^="tel"]{
	pointer-events:none;
	color:inherit;
	text-decoration:none;
	}

main{
	clear:both;
	text-align:center;
	}
	main > header{
		padding-top:50px;
		}
	main article{
		padding:50px 0;
		}
		main article#topics{
			padding-top: 0;
		}		
		main article#voice{
			padding-bottom: 0;
		}
	main section{
		padding-bottom:50px;
		}
	main header~div,
	main section:nth-of-type(1){
		padding-top:50px;
		}
	main header p{
		margin-top:1em;
		}
	main article,
	main a,
	main div{
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		}

article{}
	article section:last-child{
		padding-bottom:0;
		}
	article a:hover{
		color:#b98c00;
		}
	article img{
		width:100%;
		height:auto;
		}

section{}
	article header p,
	section p,
	section footer{
		margin:1em 0;
		}
	section h6{
		margin-bottom:1em;
		}
	section figure{
		text-align:center;
		margin-bottom:1em;
		}

li{
	list-style:none;
	}

input,
textarea,
select,
button{
	border:1px solid #eee;
	padding:5px;
	}

#wrapper{
	width:auto;
	padding-top:168px;
	overflow:hidden;
	}

#header{
	position:fixed;
	top:0;
	width:100%;
	height:100px;
	background:#fff;
	box-shadow:0 0 2px rgba(0,0,0,1);
	z-index:1000;
	}

#siteName{
	position:relative;
	top:20px;
	float:left;
	z-index:1;
	}
	#siteName a{
		display:block;
		width:272px;
		height:60px;
		background:url(../images/logo.png) left center no-repeat;
		background-size:100% auto;
		text-indent:-999px;
		overflow:hidden;
		}

#telephone{
	float:right;
	width:226px;
	margin-top:10px;
	padding-bottom:32px;
	color:#46005a;
	background:url(../images/telephoneBg.png) bottom left no-repeat;
	text-indent:-999px;
	overflow:hidden;
	}
	#telephone dl{
		width: 230px;
		height:45px;
		background:url(../images/telephone-02.png) top left no-repeat;
		position: relative;
		}
	#telephone dt a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
		#telephone dt a:hover{
			background: #fff;
			opacity: 0.4;
			transition: all 0.2s ease-out;
			}

#navbar-toggle{
	display:none;
	}

#gNav{
	position:fixed;
	top:100px;
	width:100%;
	background:#4b2d14;
	z-index:100;
	}
	#gNav ul{
		display:table;
		width:100%;
		padding:8px 0;
		table-layout:fixed;
		}
	#gNav li{
		display:table-cell;
		border-left:1px solid #5f4632;
		border-right:1px solid #32002d;
		}
		#gNav li:first-child{
			border-left:none;
			}
		#gNav li:nth-child(6){
			border-right:none;
			}
		#gNav li:last-child{
			display:none;
			}
	#gNav a{
		display:block;
		color:#fff;
		font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
		line-height:52px;
		}
		#gNav a:hover{
			text-decoration:none;
			opacity:.7;
			}

#subject{
	}
	#subject .read{
		margin-top:1em;
		}
	#subject figure{
		margin-top:30px;
		}

#toTop{
	position:fixed;
	right:15px;
	bottom:15px;
	z-index:100;
	}
	#toTop a{
		float:right;
		padding:10px;
		background:#4b2d14;
		border-radius:100%;
		color:#fff;
		font-size:4.2rem;
		opacity:.7;
		}
		#toTop a:hover{
			opacity:1;
			text-decoration:none;
			}

#tPath{
	clear:both;
	padding:1em 0;
	background:#e1dcc8;
	color:#2d0f00;
	font-size:1.2rem;
	}
	#tPath a{
		color:#2d0f00;
		}
		#tPath a:hover{
			text-decoration:none;
			}
	#tPath li{
		display:inline-block;
		}
		#tPath li:before{
			content:">";
			padding:0 0.5rem;
			color:#000;
			}
		#tPath li:last-child{
			font-weight:bold;
			}
			#tPath li:first-child:before{
				display:none;
				}

#footer{
	clear:both;
	position:relative;
	background:#2d0f00;
	}

#fNav{
	padding:20px 0;
	background:url(../images/fNaviBg.jpg);
	color:#fff;
	}
	#fNav ul{
		display:block;
		float:left;
		margin-bottom:20px;
		padding-right:4rem;
		}
	#fNav li{
		display:block;
		padding:0.5rem 0;
		text-align:left;
		}
	#fNav a{
		color:#fff;
		}
	#fNav p{
		position:absolute;
		right:0;
		width:78px;
		height:109px;
		background:url(../images/membersBadge.png);
		text-indent:-999px;
		overflow:hidden;
		}
	#fNav ol{
		clear:both;
		padding-top:20px;
		border-top:1px solid #87784b;
		}
		#fNav ol li{
			display:inline-block;
			margin-right:2em;
			}

#copyright{
	padding:20px 0;
	color:#fff;
	font-size:1.2rem;
	text-align:center;
	}
	#copyright h4{
		font-size:2.4rem;
		}
	#copyright p{
		margin-top:0.5em;
		font-size:1.0rem;
		}

#footerMenu{
	display: none;
	}

#topics{}
	#topics .cate-01:before{
		content:"お知らせ";
		background:#0078be;
		}
	#topics .cate-02:before{
		content:"商品情報";
		background:#647d32;
		}

.wrap{
	clear:both;
	position:relative;
	max-width:1000px;
	margin:auto;
	padding:0 15px;
	text-align:left;
	}

.headline{
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size:3.6rem;
	line-height:100%;
	}
	.headline:first-letter{
		font-size:6.0rem;
		}

.read{
	margin-bottom:0.5em;
	font-size:3.2rem;
	font-weight:bold;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	line-height:120%;
	}

.title{
	position:relative;
	margin-bottom:1em;
	padding-left:20px;
	font-size:2.6rem;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	line-height:120%;
	}
	.title:before,
	.title:after{
		content:"";
		position:absolute;
		top:0;
		}
	.title:before{
		left:0;
		width:8px;
		height:32px;
		background:#46005a;
		}
	.title:after{
		left:9px;
		width:2px;
		height:32px;
		background:#46005a;
		}

.subTitle{
	margin-bottom:1em;
	color:#b98c00;
	font-size:2.1rem;
	line-height:120%;
	}

.pageNaviBox{
	text-align:center;
	padding:30px 0;
	}
	.pageNaviBox.sp{
		display:none;
		}
	.pageNaviBox.pc{
		display:block;
		}
	.pageNaviBox i{
		margin:0 0.2rem;
		}
	.pageNaviBox li{
		display:inline-block;
		margin:0.2rem;
		}
		.pageNaviBox li:first-child a{
			}
		.pageNaviBox li:last-child a{
			}
	.pageNaviBox li a{
		display:block;
		padding:0.5rem 1rem;
		text-decoration: none;
		background:#ccc;
		border-radius:2px;
		color:#fff;
		}
		.pageNaviBox li a:hover{
			opacity:.7;
			}
	.pageNaviBox .currentPage{
		background:#4b2d14;
		color:#fff;
		}



.but{
	position:relative;
	display:block;
	margin:auto;
	padding:0.8em 1.5em;
	background:#4b2d14;
	border-radius:2px;
	color:#fff;
	font-size:1.8rem;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	box-sizing:border-box;
	}
	.but:hover{
		background:#4b2d14;
		text-decoration:none;
		color:#fff;
		opacity:.8;
		}
	.but i{
		margin-left:0.5em;
		}

.center{}
	.center .but{
		font-size:1.6rem;
		display:inline-block;
		margin:auto;
		}

.slideBox{
	position:relative;
	border:1px solid#c9c9c9;
	box-sizing:border-box;
	overflow:hidden;
	}
	.slideBox:hover dl{
		height:100%;
		background:rgba(75,45,20,1);
		}
	.slideBox img{
		border:1px solid#fff;
		}
	.slideBox dl{
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:46px;
		padding:15px;
		margin-top:1px;
		background:rgba(75,45,20,0.8);
		box-sizing:border-box;
		color:#fff;
		transition: ease-in 0.2s;
		}
	.slideBox dt{
		margin-bottom:10px;
		padding-bottom:15px;
		border-bottom:1px dotted #fff;
		line-height:100%;
		}
	.slideBox a{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		text-indent:-999px;
		border:1px solid #fff;
		box-sizing:border-box;
		}

.list{}
	.list li{
		margin:0.5em 0;
		padding-left:1em;
		}
	.list li:before{
		content:"●";
		float:left;
		margin-left:-1em;
		margin-right:0.2em;
		color:#b98c00;
		}

.listBox{
	display:table;
	margin:-20px;
	border-spacing:20px;
	}
	.listBox > *{
		display:table-cell;
		padding:15px;
		border:1px solid#fff;
		border-radius:4px;
		box-shadow:0 0 2px rgba(0,0,0,0.5);
		box-sizing:border-box;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafae6+0,ffffff+100 */
background: #fafae6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fafae6 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafae6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafae6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafae6 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafae6 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafae6 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafae6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
		}
	.listBox figure{
		margin:0 0 1em 0;
		}
	.listBox p{
		margin:0.5em 0 0 0;
		}
	.listBox .subTitle{
		margin:0 0 0.5em 0;
		border:none;
		}

.table{
	width:100%;
	}
	.table,
	.table *{
		border-color:#b98c00;
		}
	table.table{
		border-collapse:collapse;
		border-style:solid;
		border-width:1px 0;
		}
	dl.table{
		position:relative;
		border-style:solid;
		border-width:1px 0 0;
		overflow:hidden;
		}
		dl.table:before{
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:22%;
			height:100%;
			background:#fdf8e4;
			}
	.table th,
	.table td{
		padding:10px;
		border-style:dotted;
		border-width:1px 0 0;
		}
	.table th{
		background:#fdf8e4;
		}
		.table th~th,
		.table th~td,
		.table td~td{
			border-style:dotted;
			border-width:1px 0 0 1px;
			}
	.table dt,
	.table dd{
		position:relative;
		padding:10px 2%;
		}
	.table dt{
		clear:both;
		float:left;
		width:22%;
		background:#fdf8e4;
		}
	.table dd{
		padding-left:24%;
		border-style:dotted;
		border-bottom-width:1px;
		}
		.table dd:last-child{
			border-bottom-style:solid;
			}

.photo{
	border:3px solid #fff;
	box-shadow:0 0 2px rgba(0,0,0,0.3);
	}



.justText{
	cursor:text;
	text-decoration:none;
	color:inherit;
}
.justText:hover{
	text-decoration:none;
	color:inherit;
}

.showOnPrint{
	display:none;	
}

/* Media Queries - wrapper size */
@media (max-width:1000px) {
html{
	font-size:60%;
	line-height:95%;
	}
#gNav{}
	#gNav ul{
		table-layout:auto;
		}
.wrap{
	max-width:800px;
	}
.slideBox{}
	.slideBox dd{
		font-size:85%;
		line-height:140%;
		}
.but{
	font-size:1.8rem;
	}
}


@media (min-width: 801px) {
/*801px以上*/
.sp:not(.pc),
.tb:not(.pc){
	display: none !important;
	}
}


/* Media Queries - Small Tablet */
@media (max-width:800px) {
html{
	font-size: 62.5%;
	line-height:100%;
	}
a [href^="tel"]{
	pointer-events:auto;
	color:#2d0f00;
	text-decoration:underline;
	}
#wrapper{
	width:100%;
	padding-top:80px;
	overflow:hidden;
	}
	#wrapper :hover,
	#wrapper :hover *{
		opacity:1 !important;
		}
#header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:rgba(255,255,255,1);
	height:80px;
	z-index:100;
	}
#telephone{
	display:none;
	}
#siteName{
	top:10px;
	}
	#siteName a{
		width:200px;
		}
#navbar-toggle{
	position:absolute;
	top:15px;
	right:15px;
	display:block;
	width:auto;
	z-index:1;
	}
	#navbar-toggle :before{
		display:block;
		padding:10px;
		background:#4b2d14;
		background-size:cover;
		color:#fff;
		font-size:25px;
		line-height:100%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px; 
		border-radius: 3px;
		box-sizing:border-box;
		}
#gNav{
	position:fixed !important;
	top:80px !important;
	display:none;
	width:100%;
	height:0;
	font-size:2.1rem;
	z-index:100;
	}
	#gNav.on{
		display:block;
		z-index:100;
		}
		#gNav.on:before{
			content:"";
			position:fixed;
			width:100%;
			height:100vh;
			background:rgba(255,255,255,0.7);
			}
	#gNav ul{
		position:absolute;
		top:-5px;
		left:0;
		display:block;
		width:100%;
		padding:0;
		}
	#gNav li{
		display:block;
		width:100%;
		padding:0;
		background:rgba(75,45,20,0.9);
		border:none;
		border-top:1px solid rgba(255,255,255,0.5);
		}
		#gNav li:first-child{
			border:none;
			}
		#gNav li:last-child{
			display:block;
			}
	#gNav a{
		padding:0.1em 0;
		}
#fNav{}
	#fNav ul{
		display:none;
		}
	#fNav p{
		display:none;
		}
	#fNav ol{
		border:none;
		padding-top:0;
		}
		#fNav ol li{
			}
#main{}
	#main section{
		padding:30px 0;
		}
	#main article{
		margin-top:20px;
		}
.wrap{
	width:100%;
	padding:0 15px;
	}
.rightFloat,
.leftFloat{
	float:none !important;
	width:100% !important;
	margin-left:0 !important;
	margin-right:0 !important;
	}
.slideBox{}
	.slideBox:hover dl{
		height:46px;
		border-top:none;
		}
.listBox{
	display:block;
	padding:1px 20px;
	}
	.listBox > *{
		display:block;
		margin:20px 0;
		width:100% !important;
		}
.but{
	display:block;
	width:100% !important;
	padding:0.8em;
	}
}


@media (min-width: 481px) and (max-width: 800.98px) {
/*481px～799.9px*/
.sp:not(.tb),
.pc:not(.tb){
	display: none !important;
	}
}


/* Media Queries - Smartphone */
@media (max-width: 480px) {
#wrapper{
	margin-bottom: 5em;
	}
#footerMenu{
	position: fixed;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	background: #fff;
	border-top: 1px solid #2d0f00;
	z-index: 90;
	}
	#footerMenu dl{
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		}
	#footerMenu dt{
		width: 100%;
		padding: 0.3em 1em;
		margin-bottom: 0.3em;
		}
	#footerMenu dt+dd{
		width: 68%;
		}
	#footerMenu dd+dd{
		width: 30.5%;
		}
	#footerMenu a{
		display: block;
		}
	#footerMenu img{
		max-width: 100%;
		height: auto;
		vertical-align: middle;
		}
	#footerMenu [href^="tel"]{
		pointer-events: auto;
		}
#toTop{
	bottom: 9em;
	}
.table{}
	.table:before{
		display:none;
		}
	.table dt,
	.table dd{
		float:none;
		width:100% !important;
		padding-left:2% !important;
		}
.pageNaviBox{}
	.pageNaviBox.pc{
		display:none;
		}
	.pageNaviBox.sp{
		display:block;
		}
.tb:not(.sp),
.pc:not(.sp){
	display: none !important;
	}
}


/* ie */
@media all and (-ms-high-contrast:none){
.slideBox{
	padding:1px;
	background:#c9c9c9;
	}
	.slideBox dt{
		padding-bottom:17px;
		}
}