@charset "utf-8";
/*-----------------------------------------------------------
===  [ layout CSS ]  ====================================
------------------------------------------------------------*/

/* ***************************************************************************** */
/*

　目次

-------------------------------------------------------------------------------

　01. トップページ
　02. 会社概要
	03. 取り扱い製品
	04. 伝統工芸品
	05. オーダー製品

*/
/* ***************************************************************************** */

/** -------------------------------------------------------
 ** 01. トップページ
 ** ------------------------------------------------------- */
/* body
----------------------------------------------------*/
.top #main_sec {
	position: relative;
	z-index: 0;
}
.top .top_slide {
	height: 500px;
	border-bottom: 1px solid #fff;
	background: url(/img/top_slide_bg01.jpg) no-repeat center;
	background-size: cover;
}
.top .top_slide_inner {
	width: 1000px;
	margin: 0 auto;
}
.top .top_slide_inner h2 {
	padding: 172px 0 0 20px;
}
.top #main_inner {
	padding-top: 40px;
}
.top .top_contents {
	position: relative;
}
.top .sec01 {
	width: 620px;
	min-height: 343px;
}
.top .sec01 .cmn_tit02 span {
	display: block;
	background: url(/img/top_news_bg01.png) no-repeat right bottom;
	padding: 13px 0 0;
}
.top .sec01 dt {
	margin: 10px 0 0;
}
.top .sec01 dt:first-child {
	margin-top: 0;
}
.top .sec01 dd {
	padding: 0 0 0 8.5em;
	margin: -1.857em 0 0;
}
.top .facebook {
	width: 340px;
	position: absolute;
	top: 0;
	right: 0;
}
.top .bnr {
	position: absolute;
	left: 0;
	top: 80px;
}
/** -------------------------------------------------------
 ** 02. 会社概要
 ** ------------------------------------------------------- */
/* cmn_main_img
----------------------------------------------------*/
.outline .cmn_main_img {
	background-image: url(/img/outline_main_img.jpg);
}
.outline .cmn_main_tit_inner {
	height: 180px;
}
/* sec01
----------------------------------------------------*/
.outline .sec01 .lead01 {
	text-align: center;
}
.outline .sec01 .txt01 {
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	margin: 30px 0 0;
}
.outline .sec01 ul {
	margin: 30px 0 0;
}
.outline .sec01 ul li {
	font-size: 100%;
	text-indent: -2em;
	padding-left: 2em;
	margin: 5px 0 0;
}
.outline .sec01 .txt02 {
	text-align: right;
	margin: 30px 0 0;
}
/* sec02
----------------------------------------------------*/
.outline .sec02 {
	margin-top: 120px;
}
.outline .sec02 h3 + section {
	margin: 0 0 90px;
}
.outline .sec02 .tit01 {
	margin: 0 0 15px;
}
.outline .sec02 .txt01 {
	text-indent: 1em;
}
.outline .sec02 table {
	width: 100%;
}
.outline .sec02 table .col01 {
	width: 170px;
}
.outline .sec02 table tr {
	background: url(/common/img/cmn_bg_dot01.png) repeat-x left bottom;
}
.outline .sec02 table th,
.outline .sec02 table td {
	padding: 15px 0 5px;
}
.outline .sec02 table th {
	color: #86573e;
}
.outline .sec02 table dd {
	margin: -1.9em 0 0;
	padding: 0 0 0 6em;
}
.outline .sec02 .cmn_link01 {
	margin: 0 0 0 20px;
}
/** -------------------------------------------------------
 ** 03. 取り扱い製品
 ** ------------------------------------------------------- */
/* cmn_main_img
----------------------------------------------------*/
.lineup .cmn_main_img {
	background-image: url(/img/lineup_main_img.jpg);
}
.lineup .cmn_main_tit_inner {
	height: 370px;
}
.lineup .cmn_main_tit {
	margin: 0;
}
/* box01
----------------------------------------------------*/
.lineup .box01 {
	width: 320px;
}
.lineup .box01_inner {
	background: #fff;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
	padding: 15px 20px;
}
.lineup .box01_inner:before,
.lineup .box01_inner:after {
	content: " ";
	display: table;
}
.lineup .box01_inner:after {
	clear: both;
}
.lineup .box01 dt {
	border-bottom: 1px solid #86573e;
	font-weight: bold;
}
.lineup .box01 dd {
	padding: 10px 0 0;
}
.lineup .box01 ul {
	float: left;
	min-width: 135px;
	padding: 0 0 0 1px;
}
.lineup .box01 ul li {
	line-height: 1.428;
}
/* box_wrap01
----------------------------------------------------*/
.lineup .box_wrap01 .box01 {
	float: left;
	margin: 20px 20px 0 0;
}
.lineup .box_wrap01 .box01:nth-child(1),
.lineup .box_wrap01 .box01:nth-child(2),
.lineup .box_wrap01 .box01:nth-child(3) {
	margin-top: 0;
}
.lineup .box_wrap01 .box01:nth-child(3n) {
	margin-right: 0;
}
/* sec_wrap01
----------------------------------------------------*/
.lineup .sec_wrap01 > section {
	float: left;
	margin: 40px 20px 0 0;
}
.lineup .sec_wrap01 > section:nth-child(3n) {
	margin-right: 0;
}
/* bnr
----------------------------------------------------*/
.lineup .bnr {
	text-align: center;
	margin: 50px 0 0;
}
/** -------------------------------------------------------
 ** 04. 伝統工芸品
 ** ------------------------------------------------------- */
/* cmn_main_img
----------------------------------------------------*/
.traditional .cmn_main_img {
	background-image: url(/img/traditional_main_img.jpg);
}
.traditional .cmn_main_tit_inner {
	height: 370px;
}
/* box01
----------------------------------------------------*/
.traditional .box01 .mod_ft_l {
	width: 660px;
}
.traditional .box01 .mod_ft_r {
	width: 320px;
}
/* box02
----------------------------------------------------*/
.traditional .box02 {
	margin: 115px 0 0;
}
.traditional .box02 figure {
	width: 320px;
	float: left;
	margin: 30px 20px 0 0;
}
.traditional .box02 figure:nth-child(1),
.traditional .box02 figure:nth-child(2),
.traditional .box02 figure:nth-child(3) {
	margin-top: 0;
}
.traditional .box02 figure:nth-child(3n) {
	margin-right: 0;
}
.traditional .box02 figure a {
	position: relative;
	display: block;
}
.traditional .box02 figure a:after {
	content: url(/common/img/cmn_ico_zoom01.png);
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 1;
}
.traditional .box02 figcaption {
	text-align: center;
	font-size: 75%;
	line-height: 1.5;
	padding: 5px 0;
}
.traditional .box02 figcaption span {
	font-size: 91.66%;
}
/** -------------------------------------------------------
 ** 05. オーダー製品
 ** ------------------------------------------------------- */
/* cmn_main_img
----------------------------------------------------*/
.order .cmn_main_img {
	background-image: url(/img/order_main_img.jpg);
}
.order .cmn_main_tit_inner {
	height: 180px;
}
.order .cmn_main_tit {
}
/* sec01
----------------------------------------------------*/
.order .sec01 p {
	line-height: 1.428;
	margin: 1.5em 0 0;
}
.order .sec01 p:first-child {
	margin: 0;
}
.order .sec01 .mod_ft_r {
	width: 600px;
}
.order .sec01 .mod_ft_l {
	width: 360px;
}
/* sec02
----------------------------------------------------*/
.order .sec02 {
	margin: 40px 0 0;
}
.order .sec02 .mod_ft_r {
	width: 500px;
}
.order .sec02 .mod_ft_r p {
	line-height: 1.428;
}
.order .sec02 .mod_ft_r dl {
	margin: 1.5em 0 0;
}
.order .sec02 .mod_ft_r dt {
	border-bottom: 1px solid #d0c2a2;
	line-height: 1.25;
	padding: 5px 0;
	font-weight: bold;
}
.order .sec02 .mod_ft_r dd ul {
	margin: 10px 0 0;
}
.order .sec02 .mod_ft_r dd li {
	float: left;
	margin: 0 0 0 3px;
}
.order .sec02 .mod_ft_r dd li:first-child {
	margin: 0;
}
.order .sec02 .mod_ft_r dd p {
	margin: 10px 0 0;
	font-size: 78.57%;
}
.order .sec02 .mod_ft_r dd p img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.order .sec02 .mod_ft_l {
	width: 460px;
}
.order .sec02 .box01 {
	border: 1px solid #d0c2a2;
	padding: 19px;
	margin: 20px 0 0;
	background: #fff;
}
.order .sec02 .box01 .mod_ft_r {
	width: 738px;
}
.order .sec02 .box01 h5 {
	font-size: 100%;
	border-bottom: 1px solid #d0c2a2;
	line-height: 1.25;
	padding: 5px 0;
}
.order .sec02 .box01 h5 span {
	font-size: 87.5%;
	line-height: 1.428;
}
.order .sec02 .box01 p {
	margin: 1.5em 0 0;
	font-size: 75%;
	line-height: 1.666;
}
.order .sec02 .box01 h5 + p {
	margin: 1em 0 0;
}
.order .sec02 .box01 .mod_ft_l {
	width: 200px;
}