body {
	background:#fff;
	color:#38322b;
	font-family: 'TsukuMinPr6-LB', serif;
}
body#preview {
	background:#fff;
	min-width:100%;
}

a {
	color:#0b448d;
}
a:hover {
	color:#c0411a;
}

a img {
	transition:0.5s;
}
a:hover img {
	opacity:0.8;
}

p {
	padding:0 0 15px 0;
	margin:0;
}

h1 , h2 , h3 , h4 , h5 , h6 {
	font-family: 'TsukuMinPr5N-B', serif;
}

em {
	font-family: 'UDKakugo_SmallPr6N-B', sans-serif;
	color:#C65353;
}

.san-serif {
	font-family: 'UDKakugo_SmallPr6N-B', sans-serif;
}

.button-gray {
	color:#000;
}


/** Common Class **/

.not-null {
	color:#c66;
	background:none;
}

main h1 {
	background:#e2dad1;
	text-align:center;
	font-size:240%;
	font-weight:normal;
	padding:20px;
	margin:0;
}

.flex > article {
	padding-bottom:30px;
}

.file-icon {
	margin-left:5px;
}


/* Contents */

#contents {
	padding:30px 20px;
}

#contents h1 {
	background:none;
	font-size:2.4em;
	padding:0;
	margin:0 0 30px 0;
	color:#686056;
	font-family: 'TsukuGoPr5-R', sans-serif;
}
#contents h1.copy {
	background:none;
	border:none;
	font-size:2em;
	color:#B27575;
	text-align:left;
	padding:0;
	margin:0 0 20px 0;
	font-family: 'TsukuMinPr5N-B', serif;
}
#contents h2 {
	background:none;
	font-size:1.4em;
	text-align:left;
	padding:0;
	margin:0 0 10px 0;
	color:#3287C9;
}

#contents h3 {
	background:none;
	font-size:1.4em;
	text-align:left;
	padding:0;
	margin:0 0 10px 0;
}

#contents p {
	padding-bottom:30px;
}

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

#contents ul {
	margin:0 0 30px 0;
	padding:0 0 0 1.5em;
}
#contents li {
	
}

#contents table {
	border-collapse:collapse;
	width:100%;
	margin-bottom:30px;
	border-bottom:solid 1px #ccc;
}
#contents table th {
	padding:10px 20px;
	text-align:left;
	background:#E3EEF7;
	vertical-align:top;
	border-top:solid 1px #ccc;
}
#contents table td {
	padding:10px 20px;
	text-align:left;
	background:#fff;
	vertical-align:top;
	border-top:solid 1px #ccc;
}

#contents ul.point {
	margin:0;
	padding:0;
}
#contents ul.point li {
	background:#E3EEF7;
	border-radius:8px;
	padding:20px;
	margin:0;
	border:solid 5px #fff;
	font-size:1.4em;
	list-style:none;
	width: calc((100% / 12) *  4);
}

#contents .bg-brown {
	background:#704E4E;
	padding:20px 20px 0 20px;
	margin-bottom:40px;
}
#contents .bg-brown h1 ,
#contents .bg-brown h2 ,
#contents .bg-brown p {
	color:#fff;
}
#contents .bg-brown h2 {
	border-bottom:solid 1px #fff;
	padding-bottom:10px;
}
#contents .bg-brown section {
	margin:0;
}

/* レマーニ */

#lemani h2 {
	color:#C65353;
}
#lemani h3 {
	color:#5D844C;
}
#lemani .menu table {
	border:none;
	margin-bottom:5px;
	font-size:1.2em;
}
#lemani .menu table th {
	border:none;
	background:none;
	font-style:italic;
	vertical-align:bottom;
}
#lemani .menu table td {
	border:none;
	background:none;
	font-style:italic;
	vertical-align:bottom;
}
#lemani .menu table td.text-right {
	text-align:right;
}
#lemani .menu table tr {
	border-bottom:dotted 1px #000;
}

/* form */

#contents input ,
#contents textarea ,
#contents button {
	padding:10px;
	font-size:120%;
}
#contents form .privacy-policy {
	height:200px;
	border:solid 1px #ccc;
	border-radius:2px;
	overflow:auto;
	padding:10px;
	margin-bottom:10px;
}
#contents form th {
	width:240px;
	vertical-align:middle;
}

#contents .contact-tel {
	margin:0 auto 40px auto;
	padding:20px;
	border:solid 1px #3287C9;
	border-radius:3px;
	text-align:center;
	font-size:140%;
}
#contents .contact-tel em {
	font-family: 'RodinPro-UB', 'Impact', sans-serif;
	color:#c66;
	font-size:200%;
}


/* Pageing */

ul.pageing {
	background:#999;
	padding:0;
	margin:0;
	height:50px;
	list-style:none;
	text-align:center;
	overflow:hidden;
}
.pageing {

}
.pageing a ,
.pageing em {
	display:inline-block;
	width:50px;
	height:50px;
	text-align:center;
	vertical-align:middle;
	border-right:solid 1px #d5d5d5;
	color:#fff;
	font-size:140%;
	background:#aaa;
}
.pageing em {
	background:#ccc;
    font-family: 'TsukuMinPr6-LB', serif !important;
}
.pageing a:hover {
	background:#e99f00;
}
ul.pageing li.prev {
	border-left:solid 1px #d5d5d5;
}
ul.pageing img.prev ,
ul.pageing img.next {
	padding:8px 20px;
}
ul.pageing img.prev  {
	transform:rotate(-180deg);
}


/* News */

#news {
  padding:20px 10px;
}
#news h1 {
  font-size:300%;
  padding:0 0 20px 0;
  margin:0;
  text-align:center;
  background:none;
}
#news ul {
  list-style:none;
  margin:0;
  padding:0;
}
#news li {
  font-weight:bold;
  border-bottom:solid 1px rgba(136,132,128,1);
  margin-bottom:10px;
}
#news li a {
  display:inline-block;
  padding:0 0 10px 20px;
}

#news .date {
	padding:0 0 10px 0;
}
#news h2 {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 1px rgba(136,132,128,1);
}


/* Product */

#product article {
	font-size:120%;
}
#product article a {
	color:#000;
}
#product article h1 {
	font-size:130%;
	background:none;
	padding:0 0 10px 0;
	margin:0;
}

#product-ctg-title {
	margin-bottom:50px;
}
#product-ctg-title div {
	height:150px;
	overflow:hidden;
}
#product-ctg-title img {
	position: relative;
	top: -50%;
}
#product-ctg-title h1 {
	padding:20px 40px;
	margin:0;
	font-size:200%;
	text-align:center;
	background:rgba(136,132,128,1);
	color:#fff;
	font-family: 'TsukuMinPr5N-B', serif;
}
#product-ctg-title p {
	padding:20px 40px;
	margin:0;
	background:rgba(136,132,128,0.2);
	text-align:center;
}

.product-sub-ctg {
	margin-bottom:20px;
}
.product-sub-ctg article {
}
.product-sub-ctg article h2 span {
	display:block;
	font-family: 'TsukuGoPr5-R', sans-serif;
	font-size:0.8em;
	color:#444;
}
.product-sub-ctg article table td {
	border-left:solid 1px #ccc;
}
.product-sub-ctg table th {
	width:20%;
}

.product-vista {
	border-bottom:solid 1px #ccc;
	margin-bottom:20px;
}
#contents .product-vista section.flex p {
	padding-bottom:0;
	margin-bottom:0;
}

#contents .product-vista .bg-brown {
	background:#fff;
	border:solid 1px #704E4E;
	padding:20px 20px 0 20px;
	margin-bottom:40px;
	border-radius:4px;
}
#contents .product-vista .bg-brown h1 ,
#contents .product-vista .bg-brown h2 ,
#contents .product-vista .bg-brown p {
	color:#704E4E;
}
#contents .product-vista .bg-brown h2 {
	border-bottom:solid 1px #704E4E;
	padding-bottom:10px;
}


/** Media Query **/

@media only screen and (max-width : 900px) {
	#news li {
		font-size:1.2em;
	}
	#contents form table {
		border:none;
	}
	#contents form table th {
		border:none;
		background:none;
	}
	#contents form table td {
		border:none;
	}

	#contents .contact-tel {
		width:100%;
	}
	#contents .contact-tel {
		font-size:120%;
	}
	#contents .contact-tel em {
		font-size:160%;
	}

	.product-sub-ctg article.g6 {
		width: 100%;
	}
	#contents .product-vista div.g8 {
		width:100%;
	}
}
@media only screen and (max-width : 640px) {
	#news li {
		font-size:1.4em;
	}
	#news li a {
  		display:block;
  		padding:10px 0;
  	}
	#contents ul.point li {
		width: 100%;
	}
	#product-ctg-title img {
		position: static;
	}

	#contents form th {
		padding:0 0 10px 0;
		margin:0;
		background:none;
	}
	#contents form td {
		padding:0 0 20px 0;
		margin:0;
	}
	form input.tel-1 ,
	form input.tel-2 ,
	form input.tel-3 {
		width:5em;
	}
	#contents form td button {
		margin:0 auto;
		display:block;
	}
}

@media print {

}