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

body {	
	-webkit-text-size-adjust: 100%; 
　　-moz-text-size-adjust: 100%; 
　　-ms-text-size-adjust: 100%; 
　　-o-text-size-adjust: 100%; 
　　text-size-adjust: 100%;
	-webkit-overflow-scrolling:touch;
}


@media screen and (min-width: 768px) {

.teak_container {
	width: 720px;
}
/*-----------------------------------------------*/
.teak_header,
.teak_footer {
	width: 720px;
	height: auto;
	margin: 0 0 20px;
	
}
.teak_header img {
}
.teak_header h2 {
}
.teak_text {
	margin: 0 0 20px;
	font-size: 1.1em;
}

/*-------------------見出し----------------------*/
.cate_wrap {
}
.cate_wrap_h3 {
	margin: 0 0 10px;
	font-size: 1.3em;
	padding: 5px 10px 5px 20px;
	background: #8f3e22;
	color: #f7f7f7;
}
.cate_wrap_h3_2 {
	margin: 50px 0 10px;
	font-size: 1.3em;
	padding: 5px 10px 5px 20px;
	background: #bf8516;
	color: #f7f7f7;
}

.teak_text_subhead {
	background: rgba(204,153,102,.5);
	padding: 5px 5px 5px 10px;
	margin: 0 0 20px;
	border-left: 8px solid #8f3e22;
	text-align: left;
	color: #8f3e22;
	
}
.teak_text_subhead2 {
	background: rgba(253,219,112,.6);
	padding: 5px 5px 5px 10px;
	margin: 0 0 20px;
	border-left: 8px solid #e7b824;
	text-align: left;
	font-size: 1.15em;
	color: #795001;
	
}

/*-----------------------------------------------*/

.teak_item_wrap {
	width: 720px;
	margin: 0 0 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.teak_item_wrap::after {
	width: 32%;
	content: "";
	display: block;
	height: 0;
}
.teak_item_wrap::before {
	width: 32%;
	content: "";
	display: block;
	height: 0;
	order: 1;
}

/*---------------------商品サムネイル--------------------------*/

.teak_item_wrap li.item {
	width: 32%;
	box-sizing: border-box;
	margin: 0 0 20px;
	display: flex;
	flex-direction: column;
}
.teak_item_wrap li.item a {
	display: block;
	border: 1px solid #ccc;
	padding: 10px;
	transition: .3s ease-in-out;
	color: #5b5b5b;
	height: 100%;
	
}
.teak_item_wrap li.item a img {
	display: block;
	margin: 0 auto 10px;
	transition: .3s ease-in-out;
	width: 180px;
	height: 180px;
	padding: 10px;
	object-fit: contain;
	background: #fff;
}

.teak_item_wrap li.item a:hover {
	/*border: 1px solid #795001;*/
	border: 1px solid #e7b824;
	background: rgba(253,219,112,.6);
}
.teak_item_wrap li.item a img:hover {
	opacity: .7;
	mix-blend-mode: multiply;
}
.teak_item_wrap li.item a figcaption {
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
	
	.teak_item_wrap li.item h4 + p {
		font-weight: 500;
	}	
	

/*-----------------コンタクト--------------------*/
.teak_contact {
	display: flex;
}

.teak_contact_item {
	padding: 20px;
	background: #eeddc3;
	width: 50%;
}
.teak_contact_item p {
	color: #933;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}
}

/*====================タブレット・モバイル=========================*/

@media screen and (max-width: 767px) {


.teak_container {
	width: 100%;
}
/*-----------------------------------------------*/
.teak_header,
.teak_footer {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	
}
.teak_header img {
}
.teak_header h2 {
}
.teak_text {
	margin: 0 0 20px;
	font-size: 1.1em;
}

/*-------------------見出し----------------------*/
.cate_wrap {
}
.cate_wrap h3 {
	margin: 0 0 10px;
	font-size: 1.2em;
	background: #8f3e22;
	padding: 5px 10px 5px 20px;
	color: #f1f1f1;
}

.cate_wrap_h3_2 {
	margin: 50px 0 10px !important;
	font-size: 1.3em;
	padding: 5px 10px 5px 20px;
	background: #bf8516 !important;
	color: #f1f1f1 !important;
}

.teak_text_subhead {
	background: rgba(204,153,102,.5);
	margin: 0 0 20px;
	padding: 5px 5px 5px 10px;
	border-left: 8px solid #8f3e22;
	text-align: left;
	color: #8f3e22;
	
}

.teak_text_subhead2 {
	background: rgba(253,219,112,.6);
	padding: 5px 5px 5px 10px;
	margin: 0 0 20px;
	border-left: 8px solid #e7b824;
	text-align: left;
	font-size: 1.1em;
	color: #795001;
	
}

/*-----------------------------------------------*/

.teak_item_wrap {
	width: 100%;
	margin: 0 0 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.teak_item_wrap::after {
	width: 32%;
	content: "";
	display: block;
	height: 0;
}
.teak_item_wrap::before {
	width: 32%;
	content: "";
	display: block;
	height: 0;
	order: 1;
}


/*-------------------商品サムネイル--------------*/

.teak_item_wrap li.item {
	width: 32%;
	box-sizing: border-box;
	margin: 0 0 20px;
	display: flex;
	flex-direction: column;
}
.teak_item_wrap li.item a {
	display: block;
	border: 1px solid #ccc;
	padding: 10px;
	transition: .3s ease-in-out;
	color: #5b5b5b;
	height: 100%;
}
.teak_item_wrap li.item a img {
	display: block;
	margin: 0 auto 10px;
	transition: .3s ease-in-out;
	width: 180px;
	height: 180px;
	padding: 10px;
	object-fit: contain;
	background: #fff;
}

.teak_item_wrap li.item a:hover {
	/*border: 1px solid #795001;*/
	border: 1px solid #e7b824;
	background: rgba(253,219,112,.6);
}
.teak_item_wrap li.item a img:hover {
	opacity: .7;
	mix-blend-mode: multiply;
	background: rgba(253,219,112,.6);
}

.teak_item_wrap li.item a figcaption {
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

/*-----------------コンタクト--------------------------*/

.teak_contact {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 0 30px;
}

.teak_contact_item {
	padding: 20px;
	width: 100%;
	background: #eeddc3;
}

.teak_contact_item:last-of-type {
	padding: 20px 20px 40px;
	width: 100%;
}
.teak_contact_item p {
	color: #933;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}


}


/*====================モバイル=========================*/

@media screen and (max-width: 576px) {
	
.teak_item_wrap::after {
	width: 48%;
	content: "";
	display: block;
	height: 0;
}
.teak_item_wrap::before {
	width: 48%;
	content: "";
	display: block;
	height: 0;
	order: 1;
}


/*-------------------商品サムネイル--------------*/

.teak_item_wrap li.item {
	width: 48%;
	box-sizing: border-box;
}	
	
	
}
	
@media screen and (max-width: 414px) {

}