@charset "UTF-8";
/* RESET
─────────────────────────*/
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	white-space: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main {
	display: block;
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button {
	border: none;
	outline: none;
	background: none;
	cursor: pointer;
}

* {
	box-sizing: border-box;
}

body {
	font: 13px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: bottom;
	color: #333;
}

#wrap {
	width: 100%;
	margin: 0 auto;
}

.main {
	text-align: justify;
	text-justify: inter-ideograph;
}

img {
	max-width:100%;
	height: auto;
}

a {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
}
@media screen and (min-width: 768px) {
	.pc-none{
		display: none;
	}
}
/* HEADER
─────────────────────────*/
#header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 70px;
	border-top: 5px solid #ff9000;
	background-color: #FFF;
	z-index: 999;
}
#header .inner {
	position: relative;
	height: 70px;
}
#header h1 {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 232px;
	height: 32px;
}
#header h1 a {
	display: block;
	width: 232px;
	height: 32px;
	background: url(/woodselect/img/logo_head.png) no-repeat left top;
	text-indent: 100%; white-space: nowrap; overflow: hidden;
}
#gnav { display: none; }
#gnav2 { display: none; }
#sp_gnav {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#sp_gnav > a {
	display: none;
}
#sp_gnav a#spmenu {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	float: right;
	text-indent: -9999px;
}
#sp_gnav a#spmenu span#spmenu_icon {
	display: block;
	width: 50px;
	height: 50px;
	background: url(/woodselect/img/btn_spmenu.png) no-repeat 0 0;
	background-size: 100%;
}
#sp_gnav a#spmenu span#spmenu_icon.close {
	background-position: 0 100%;
}
#sp_gnav:not(:target) > a:first-of-type,
#sp_gnav:target > a:last-of-type {
	display: block;
}
#sp_gnav ul#sp_nav {
	margin-top: 65px;
}
#sp_gnav li {
	position: relative;
}
#sp_gnav li a {
	color: #fff;
	display: block;
}
#sp_gnav li a:active {
	background-color: #c00 !important;
}
#sp_gnav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent;/* 5 */
	border-bottom: none;
	border-top-color: #FFF;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em;/* 5 */
}
/* first level */
#sp_gnav > ul {
	background-color: #DF9A2A;
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
#sp_gnav:target > ul {
	display: block;
}
#sp_gnav > ul > li {
	width: 100%;
	height: 100%;
}
#sp_gnav > ul > li > a  {
	height: auto;
	padding: 0 0.833em;/* 20 (24) */
	font-size: 16px;
	line-height: 2.5em;/* 60 (24) */
	text-align: center;
}
#sp_gnav > ul > li:not(:last-child) > a {
	border-bottom: 1px solid #cc470d;
}
#sp_gnav > ul > li:hover > a,
#sp_gnav > ul:not(:hover) > li.active > a {
	background-color: #cc470d;
}
/* second level */
#sp_gnav li ul {
	display: none;
	padding: 1.25em;/* 20 */
	padding-top: 0;
	background-color: #cc470d;
}
#sp_gnav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}
#sp_gnav li:not(:first-child):hover ul {
	left: -1px;
}
#sp_gnav li ul a {
	border-top: 1px solid #DF9A2A;
	padding: 0.75em;/* 15 (20) */
	font-size: 16px;
	text-align: center;
}
#sp_gnav li ul li a:hover,
#sp_gnav li ul:not(:hover) li.active a {
	background-color: #DF9A2A;
}
@media screen and (min-width: 1000px) {
	#header .inner {
		position: relative;
		max-width: 1000px;
		height: 70px;
		margin: 0 auto;
	}
	#header h1 {
		position: absolute;
		top: 20px;
		left: 10px;
		width: 232px;
		height: 32px;
	}
	#header h1 a {
		display: block;
		width: 232px;
		height: 32px;
		background: url(/woodselect/img/logo_head.png) no-repeat left top;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#sp_gnav { display: none; }
	#gnav {
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
		width: 711px;
		height: 70px;
		font-size: 18px;
		line-height: 22px;
		z-index: 999;
	}
	#gnav > a {
		display: none;
	}
	#gnav li {
		position: relative;
	}
	#gnav li li a {
		color: #fff;
		display: block;
	}

	/* first level */
	#gnav ul#pc_nav {
		height: 65px;
	}
	#gnav ul li {
		float: left;
		margin-left: 36px;
	}
	#gnav ul li:first-child {
		margin-left: 0
	}
	#gnav ul li a {
		height: 65px;
		text-align: center !important;
	}
	#gnav ul li a span {
		display: block;
		background-image: url(/woodselect/img/g_navi.png);
		background-repeat: no-repeat;
		text-indent: 100%; white-space: nowrap; overflow: hidden;
	}
	#gnav ul li.nav01 a span {
		width: 216px;
		height: 65px;
		background-position: left top;
	}
	#gnav ul li.nav02 a span {
		width: 142px;
		height: 65px;
		background-position: -252px top;
	}
	#gnav ul li.nav03 a span {
		width: 57px;
		height: 65px;
		background-position: -430px top;
	}
	#gnav ul li.nav04 a span {
		width: 57px;
		height: 65px;
		background-position: -523px top;
	}
	#gnav ul li.nav05 a span {
		width: 95px;
		height: 65px;
		background-position: -616px top;
	}
	#gnav ul li.nav01 a:hover span {
		background-position: left bottom;
	}
	#gnav ul li.nav02 a:hover span {
		background-position: -252px bottom;
	}
	#gnav ul li.nav03 a:hover span {
		background-position: -430px bottom;
	}
	#gnav ul li.nav04 a:hover span {
		background-position: -523px bottom;
	}
	#gnav ul li.nav05 a:hover span {
		background-position: -616px bottom;
	}

	/* second level */
	#gnav ul li ul {
		background-color: #532f17;
		display: none;
		position: absolute;
		top: 65px;
	}
	#gnav ul li:hover ul {
		display: block;
		position: absolute;
		width: 1000px;
	}
	#gnav ul li:hover ul li {
		float: left;
		margin: 0;
	}
	#gnav li ul a {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 18px;
		border-bottom: 2px solid #532f17;
	}
	#gnav li ul li a:hover,  #gnav li ul:not( :hover ) li.active a {
		text-decoration: none;
		border-bottom: 2px solid #FFF;
	}
	#gnav ul li.nav01:hover ul { left: -279px; }
	#gnav ul li.nav02:hover ul { left: -531px; }
	#gnav ul li.nav03:hover ul { left: -709px; }
	#gnav ul li.nav04:hover ul { left: -802px; }
	#gnav ul li.nav05:hover ul { left: -895px; }
	#gnav ul li.nav01:hover ul li a { width: 200px; }
	#gnav ul li.nav02:hover ul li a { width: 500px; }
	#gnav ul li.nav03:hover ul li a { width: 500px; }
	#gnav ul li.nav04:hover ul li a { width: 500px; }
	#gnav ul li.nav05:hover ul li a { width: 333px; }
}

/*20180428 立花追記*/
@media screen and (min-width: 1000px) {
/* first level */
#gnav2 {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	width: 711px;
	height: 70px;
	font-size: 18px;
	line-height: 22px;
	z-index: 999;
}
#gnav2 > a {
	display: none;
}
#gnav2 li {
	position: relative;
}
#gnav2 li li a {
	color: #fff;
	display: block;
}

#gnav2 ul#pc_nav {
	height: 65px;
}
#gnav2 ul li {
	float: left;
	margin-left: 30px;
}
#gnav2 ul li:first-child {
	margin-left: 0
}
#gnav2 ul li a {
	height: 65px;
	text-align: center !important;
}
#gnav2 ul li a span {
	display: block;
	background-image: url(/woodselect/img/g_navi_2.png);
	background-repeat: no-repeat;
	text-indent: 100%; white-space: nowrap; overflow: hidden;
}
#gnav2 ul li.nav01 a span {
	width: 216px;
	height: 65px;
	background-position: left top;
}
#gnav2 ul li.nav02 a span {
	width: 141px;
	height: 65px;
	background-position: -251px top;
}
#gnav2 ul li.nav03 a span {
	width: 74px;
	height: 65px;
	background-position: -425px top;
}
#gnav2 ul li.nav04 a span {
	width: 57px;
	height: 65px;
	background-position: -530px top;
}
#gnav2 ul li.nav05 a span {
	width: 95px;
	height: 65px;
	background-position: -616px top;
}
#gnav2 ul li.nav01 a:hover span {
	background-position: left bottom;
}
#gnav2 ul li.nav02 a:hover span {
	background-position: -251px bottom;
}
#gnav2 ul li.nav03 a:hover span {
	background-position: -425px bottom;
}
#gnav2 ul li.nav04 a:hover span {
	background-position: -530px bottom;
}
#gnav2 ul li.nav05 a:hover span {
	background-position: -616px bottom;
}

/* second level */
#gnav2 ul li ul {
	background-color: #532f17;
	display: none;
	position: absolute;
	top: 65px;
}
#gnav2 ul li:hover ul {
	display: block;
	position: absolute;
	width: 1000px;
}
#gnav2 ul li:hover ul li {
	float: left;
	margin: 0;
}
#gnav2 li ul a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	border-bottom: 2px solid #532f17;
}
#gnav2 li ul li a:hover,  #gnav2 li ul:not( :hover ) li.active a {
	text-decoration: none;
	border-bottom: 2px solid #FFF;
}
#gnav2 ul li.nav01:hover ul { left: -279px; }
#gnav2 ul li.nav02:hover ul { left: -531px; }
#gnav2 ul li.nav03:hover ul { left: -709px; }
#gnav2 ul li.nav04:hover ul { left: -802px; }
#gnav2 ul li.nav05:hover ul { left: -895px; }
#gnav2 ul li.nav01:hover ul li a { width: 333px; }
#gnav2 ul li.nav02:hover ul li a { width: 500px; }
#gnav2 ul li.nav03:hover ul li a { width: 250px; }
#gnav2 ul li.nav04:hover ul li a { width: 500px; }
#gnav2 ul li.nav05:hover ul li a { width: 500px; }
}
/**/

/* SLIDER
─────────────────────────*/
#main_slider {
	/*padding-top: 70px;*/
}

#main_slider img{
	width: 100%;
}

.bx-slider {
	width: 100%;
	height: auto;
}
.pc {
	display: none;
}
.bx-controls-direction {
	display: none;
}
@media screen and (min-width: 768px) {
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
}

/* #message
─────────────────────────*/
#message {
	padding: 60px 0;
}
#message .inner {
	position: relative;
	width: 93.75%;
	margin: 0 auto;
	padding-bottom: 74px;
}
#message h2 {
	max-width: 447px;
	margin: 0 auto 44px;
}
#message p {
	line-height: 1.8;
	font-size: 16px;
	margin-bottom: 1em;
}
#message .open a,
#message .close a {
	display: block;
	height: 56px;
	margin: 26px auto 0;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}
#message .open a {
	padding-bottom: 29px;
	background: url(/woodselect/img/btn_more.png) no-repeat center bottom;
}
#message .close a {
	padding-top: 40px;
	background: url(/woodselect/img/btn_close.png) no-repeat center top;
}
#message p.koutarou {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 233px;
	height: 90px;
	margin: 0;
	background: url(/woodselect/img/koutarou.png) no-repeat right top;
	text-indent: 100%; white-space: nowrap; overflow: hidden;
}
@media screen and (min-width: 768px) {
	#message .inner {
		width: 91.14%;
	}
}
@media screen and (min-width: 941px) {
	#message .inner {
		width: 800px;
	}
	#message h2 {
		max-width: 447px;
		margin: 0 auto 44px;
	}
	#message .open a,
	#message .close a {
		width: 785px;
	}
	#message .koutarou {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 233px;
		height: 90px;
		background: url(/woodselect/img/koutarou.png) no-repeat right top;
		text-indent: 100%; white-space: nowrap; overflow: hidden;
	}
}

/* #news
─────────────────────────*/
#news {
	padding: 30px 0;
	background-color: #f3f3ef;
}
#news .inner {
	width: 93.75%;
	margin: 0 auto;
	padding: 40px 20px 20px;
	background-color: #FFF;
}
#news .inner h2 {
		width: 102px;
		height: 22px;
		margin: 0 0 30px 3px;
		background: url(/woodselect/img/news_tit.png) no-repeat;
		text-indent: 100%; white-space: nowrap; overflow: hidden;
	}
#news .inner ul li {
	margin-bottom: 20px;
	padding-left: 34px;
	background: url(/woodselect/img/news_btn.png) no-repeat left top;
	line-height: 1.8;
	font-size: 16px;
}
#news a {
	text-decoration: underline;
}
#news a:hover {
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	#news .inner {
		width: 91.14%;
	}
}
@media screen and (min-width: 941px) {
	#news .inner {
	position: relative;
	width: 1000px;
	padding: 20px 30px 0;
	background: #FFF;
	overflow: hidden;
	}
	#news .inner h2 {
		float: left;
		width: 102px;
		height: 22px;
		margin: 30px 0 0 3px;
		background: url(/woodselect/img/news_tit.png) no-repeat;
		text-indent: 100%; white-space: nowrap; overflow: hidden;
	}
	#news .inner ul {
		display: block;
		margin-left: 150px;
	}
	#news .inner ul li {
		background: url(/woodselect/img/news_btn.png) no-repeat left center;
	}
}

/* #collection
─────────────────────────*/
/*追加*/
.bx-wrapper .bx-caption {
    background: rgba(139, 104, 79, 0.46);
}

/*ここまで*/
#collection {
	padding: 90px 0;
}
#collection .inner {
	width: 100%;
}
#collection .collection_logo,
#trees .collection_logo {
	width: 198px;
	height: 23px;
	margin: 0 auto 45px;
	background-image: url(/woodselect/img/logo_tit02.gif);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#collection h2,
#trees h2 {
	width: 100%;
	margin: 0 auto 18px;
	font-size: 24px;
	line-height: 35px;
	text-align: center;
}
.woodselect_red { color:#d20011; }
.woodselect_yellow { color: #ab8732; }
.woodselect_small { font-size: 20px;margin-left: 17px;}
#collection .bx-wrapper {
	margin-bottom: 26px;
}
#collection p {
	width: 100%;
	margin-bottom: 26px;
	font-size: 16px;
	line-height: 1.5;
}
#collection_pager {
	overflow: hidden;
}
#collection_pager a {
	display: block;
	float: left;
	width: 50%;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: 100%; white-space: nowrap; overflow: hidden;
}
#collection_pager a.tochi {
	background-image: url(/woodselect/img/btn_01_tochi.png);
	background-color: #dcca9a;
}
#collection_pager a.hinoki {
	background-image: url(/woodselect/img/btn_02_hinoki.png);
	background-color: #ffe4da;
}
#collection_pager a.sugi {
	background-image: url(/woodselect/img/btn_03_sugi.png);
	background-color: #c45431;
}
#collection_pager a.buna {
	background-image: url(/woodselect/img/btn_04_buna.png);
	background-color: #d0c3af;
}
#collection_pager a.onigurumi {
	background-image: url(/woodselect/img/btn_05_onigurumi.png);
	background-color: #9d8474;
	margin-right: 0;
}
#collection_pager a:hover,
#collection .inner .collection_slider li a:hover img {
	opacity: 0.8;
}
@media screen and (min-width: 768px) {
	#collection_pager {
    width: 486px;
    margin: 0 auto;
}
	#collection_pager a {
		width: 30%;
		height: 55px;
	}
	#collection h2,
	#trees h2 {
		font-size: 28px;
	}

}
@media screen and (min-width: 941px) {
	#collection {
		padding: 90px 0;
	}
	#collection .inner {
		width: 800px;
		margin: 0 auto;
	}
	#collection_pager a {
		width: 150px;
		height: 55px;
		margin-right: 12px;
	}
}

/* #trees
─────────────────────────*/
#trees {
	padding: 60px 0;
	background-color: #f3f3ef;
}
#trees .inner {
	width: 93.75%;
	margin: 0 auto;
	overflow: hidden;
}
#trees p.sabtitle {
	margin: 0 auto 40px;
	font-size: 24px;
	text-align: center;
	line-height: 1.8;
}
#trees p.description {
	margin: 0 auto 50px;
	font-size: 16px;
	line-height: 1.5;
}
#trees ul li {
	margin-bottom: 20px;
}
#trees ul li img {
	width: 100%;
}
#trees ul li a:hover img {
	opacity: 0.8;
}
#trees ul li h3 {
	min-height: 36px;
	margin: 10px auto 0;
	padding: 0 0 0 30px;
	font-size: 15px;
	line-height: 1.2;
	background: url(/woodselect/img/trees_btn.gif) no-repeat left center;
}

.category1{
	background-color: #bfac79;
	padding: 2px 4px;
	color: #fff;
	margin-right: 7px;
	display: -webkit-inline-box;
	display: inline-block;
}
.category2{
	background-color: #9d8474;
	padding: 2px 4px;
	color: #fff;
	margin-right: 7px;
	display: -webkit-inline-box;
	display: inline-block;
}
.category3{
	background-color: #c9a075;
	padding: 2px 4px;
	color: #fff;
	margin-right: 7px;
	display: -webkit-inline-box;
	display: inline-block;
}
.category4{
	background-color: #82879f;
	padding: 2px 4px;
	color: #fff;
	margin-right: 7px;
	display: -webkit-inline-box;
	display: inline-block;
}
.strong{
color: #cc0000;
}

@media screen and (min-width: 768px) {
	#trees .inner {
		width: 730px;
		margin: 0 auto;
	}
	#trees p.sabtitle {
		font-size: 28px;
	}
	#trees ul li {
		width: 233px;
		float: left;
		margin: 0 15px 20px 0;
	}
	#trees ul li:nth-child(3n+3) {
		margin-right: 0;
	}
	#trees ul li h3 {
		width: 100%;
	}
}
@media screen and (min-width: 941px) {
	#trees {
		padding: 100px 0 100px;
	}
	#trees .inner {
		width: 960px;
	}
	#trees ul {
		overflow: hidden;
	}
	#trees ul li {
		width: 300px;
    float: left;
    margin: 0 10px 20px;
    height: 233px;
	}
}

/* #etc
─────────────────────────*/
#etc {
	padding: 60px 0;
	position: relative;
}
#etc h2 {
	margin-bottom: 40px;
	font-size: 28px;
	line-height: 1.5;
	text-align: center;
	color: #4b6a2d;
}
#etc .inner {
	width: 96%;
	margin: 0 auto;
}

#etc .inner ul li a {
	display: block;
}
#etc .inner ul li img {
	vertical-align: bottom;
}
#etc p.description {
	margin: 0 auto 50px;
	font-size: 16px;
	line-height: 1.5;
}
#etc .inner ul li a:hover img {
	opacity: 0.8;
}
#etc .inner ul li h3 {
	min-height: 36px;
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
}
#etc .inner ul li p {
	padding: 0 0 15px 0;
	line-height: 1.8;
	font-size: 14px;
}
#etc .inner ul li{
	width: 31%;
	float: left;
	margin: 0 1% 20px 1%;
	height: 190px;
}
#etc .inner ul li img {
	vertical-align: bottom;
}
#etc .inner ul li a:hover img {
	opacity: 0.8;
}
#etc .inner ul li h3 {
	min-height: 36px;
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
}
#etc .inner ul li p {
	padding: 0 0 15px 0;
}
.clear{
	clear: both;
}
@media screen and (min-width: 768px) {
	#etc .inner {
		width: 90%;
		margin: 0 auto;
	}
	#etc .inner ul li{
		width: 117px;
		float: left;
		margin: 0 10px 20px 10px;
		height: 190px;
	}
	#etc .inner ul li img {
		vertical-align: bottom;
	}
	#etc .inner ul li a:hover img {
		opacity: 0.8;
	}
	#etc .inner ul li h3 {
		min-height: 36px;
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.5;
		font-weight: bold;
	}
	#etc .inner ul li p {
		padding: 0 0 15px 0;
	}
}
@media screen and (min-width: 941px) {
	#etc .inner ul li{
		width: 117px;
		float: left;
		margin: 0 10px 20px 10px;
		height: 190px;
	}
	#etc {
		padding: 100px 0;
	}
	#etc .inner {
		width: 960px;
		margin: 0 auto;
	}

}

/* #ecofriendly
─────────────────────────*/
#ecofriendly {
	padding: 30px 0;
	background-color: #f3f3ef;
}
#ecofriendly .inner {
	width: 100%;
	margin: 0 auto;
	padding: 40px 20px 0 20px;
}
#ecofriendly .inner h2{
	font-size: 26px;
text-align: center;
margin: 0 0 80px 0;
 line-height: 1.8;
}
#ecofriendly .inner p {
	margin-bottom: 42px;
	font-size: 16px;
	line-height: 1.5;
}
	.ecofriendly-box img{
		width: 100%;
	}
@media screen and (min-width: 768px) {
	#ecofriendly .inner {
		width: 80%;
	}
	.ecofriendly-box{
		width: 100%;
	}
	#ecofriendly .inner {
		width: 100%;
		margin: 0 auto;
		padding: 70px 0 70px 0;
	}

}
@media screen and (min-width: 941px) {
	#ecofriendly .inner {
		width: 960px;
	}
	.ecofriendly-box{
		max-width: 440px;
float: left;
height: 240px;
margin: 0 20px;
	}
}

/* #instagram
─────────────────────────*/
#instagram {
	padding: 30px 0;
}
#instagram .inner {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
#instagram h2 {
	margin: 0 auto 20px;
	font-size: 24px;
	text-align: center;
}
#instagram p.description {
	margin: 0 0 30px;
	font-size: 16px;
	text-align: center;
}
#instagram ul li {
	margin-bottom: 20px;
	line-height: 1;
}
#instagram ul li img {
	width: 100%;
	border: 1px solid #CCC;
}
#instagram ul li a:hover img {
	opacity: 0.8;
}
#instagram ul li h3 {
	min-height: 36px;
	margin: 10px 0 0;
	padding: 0 0 0 30px;
	font-size: 15px;
	line-height: 1.2;
	background: url(/woodselect/img/trees_btn.gif) no-repeat left center;
}
@media screen and (min-width: 768px) {
	#instagram .inner {
		width: 730px;
		margin: 0 auto;
	}
	#instagram h2 {
		font-size: 30px;
	}
	#instagram ul li {
		width: 233px;
		float: left;
		margin: 0 15px 20px 0;
	}
	#instagram ul li:nth-child(3n+3) {
		margin-right: 0;
	}
}
@media screen and (min-width: 941px) {
	#instagram {
		padding: 60px 0 30px;
	}
	#instagram .inner {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}
	#instagram ul {
		overflow: hidden;
	}
	#instagram ul li {
		width: 300px;
		float: left;
		margin: 0 10px 20px;
	}
}

/* FOOTER
─────────────────────────*/
#footer.sp {
}
#footer.sp #bottom-menu {
	font-size: 16px;
	font-weight: bold;
}
#footer.sp #bottom-menu li {
	list-style: none;
	cursor: pointer;
}
#footer.sp #bottom-menu li a {
	text-align: center;
}
#footer.sp #bottom-menu ul.acordion {
	margin: 15px;
	padding: 0;
	border-right: solid 1px #8A8678;
	border-left: solid 1px #8A8678;
	background: #EEECE1;
}
#footer.sp #bottom-menu ul.acordion li {
	border-bottom: solid 1px #8A8678;
}
#footer.sp #bottom-menu ul.acordion li:first-child {
	border-top: solid 1px #8A8678;
}
#footer.sp #bottom-menu ul.acordion li ul {
	margin: 0;
	padding: 0;
	border: none;
}
#footer.sp #bottom-menu ul.acordion li ul li {
	background: #fff;
}
#footer.sp #bottom-menu ul.acordion li ul li:last-child {
	border-bottom: none;
}
#footer.sp #bottom-menu ul.acordion li ul li a {
	display: block;
	padding: 10px;
	color: #696969;
	text-decoration: none;
}
#footer.sp #bottom-menu ul.acordion li .none-submenu {
	display: block;
	padding: 15px;
	background: url(/woodselect/img/btn_plus.gif) no-repeat 98% 50%;
	background-size: 10%;
	text-align: center;
}
#footer.sp #bottom-menu ul.acordion li .active-submenu {
	display: block;
	padding: 15px;
	background: url(/woodselect/img/btn_minus.gif) no-repeat 98% 50%;
	background-size: 10%;
	text-align: center;
}
#footer.sp .to-top {
	width: 100%;
	line-height: 1.5;
	font-size: 14px;
}
#footer.sp .to-top p {
	font-weight: bold;
}
#footer.sp .to-top p a {
	display: block;
	padding: 10px 0;
	background-color: #E7BA4F;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#footer.sp #footer_address {
	padding: 10px 0;
	background-color: #85874C;
	color: #FFF;
}
#footer.sp #footer_address #footer-btn-fb {
	width: 50%;
	margin: 0 auto;
}
#footer.sp #footer_address address {
	padding: 5px 0 0;
	line-height: 1.5;
	font-size: 14px;
	text-align: center;
}
#footer.sp #footer_address address span {
	font-size: 16px;
	font-weight: bold;
}

.ssl {
  text-align: center;
  width: 115px;
  margin: auto;
  padding-top: 5px;
  padding-bottom: 15px;
}

#footer.sp #ssl {
  text-align: center;
  width: 115px;
  margin: auto;
  padding-top: 5px;
  padding-bottom: 15px;
}
#footer.sp #copy {
	width: 100%;
	padding: 5px 0;
	background-color: #fff;
	color: #85874C;
	text-align: center;
}
@media screen and (min-width: 768px) {
	#footer.pc a:link,
	#footer.pc a:visited {
		color: #555;
		text-decoration: none;
	}
	#footer.pc a:hover,
	#footer.pc a:active {
		color: #dd9c04;
		text-decoration: underline;
	}
	#page_top {
		position: fixed;
		right: 20px;
		z-index: 9999;
		line-height: 1.5;
	}
	#page_top a {
		display: block;
		width: 100px;
		height: 100px;
		padding-top: 33px;
		background: url(/img/page_top01.png) 0 0 no-repeat;
		color: #FFF !important;
		text-align: center;
		text-decoration: none !important;
	}
	#page_top a:hover {
		opacity: 0.8;
	}
	#footer.pc {
		clear: both;
		color: #555;
	}
	#footer.pc img {
		width: auto;
	}
	#footer.pc a:hover img {
		opacity: 0.7;
	}
	#footer.pc .inner_wrap {
		overflow: hidden;
	}
	#footer.pc .footer_contents {
		background: #edebe9;
		font-size: 108%;
	}


	.footer_address { background: #e8e2cf; }
	#footer.pc .footer_copyright { background: #dd9c04; }
	#footer.pc .inner {
		position: relative;
		width: 700px;
		margin: 0 auto;
		overflow: hidden;
	}
	#footer.pc .footer_contents .inner.inner01 {
		padding: 30px 0 18px;
		overflow: hidden;
	}
	#footer.pc .footer_contents .inner .inner_left {
		float: left;
		width: 440px;
		margin-right: 30px;
		overflow: hidden;
	}
	#footer.pc .inner_left .footer_catalog_tit {
		width: 440px;
		height: 24px;
		padding-left: 15px;
		background: #df9a2a url(/img/cmn/f_ico01.gif) 5px 7px no-repeat;
		color: #FFF;
		line-height: 24px;
	}
	#footer.pc .inner_left .footer_catalog_list {
		margin: 23px 0 10px;
		overflow: hidden;
	}
	#footer.pc .inner_left ul {
		float: left;
		width: 46%;
		text-indent: -1em;
		margin-left: 1em;
	}
	#footer.pc .inner_left li {
		color: #dd9c04;
		line-height: 1.5;
	}
	#footer.pc .inner_left li a:link,
	#footer.pc .inner_left li a:visited {
		color: #555;
		text-decoration: none;
	}
	#footer.pc .inner_left li a:hover,
	#footer.pc .inner_left li a:active {
		color: #dd9c04;
		text-decoration: underline;
	}
	#footer.pc .inner_left .footer_bnr_box {
		width: 440px;
		overflow: hidden;
	}
	#footer.pc .inner_left .footer_bnr_box .bnr01 {
		float: left;
		width: 324px;
		height: 84px;
		padding-top: 10px;
	}
	#footer.pc .inner_left .footer_bnr_box .bnr02 {
		float: right;
		width: 96px;
		height: 84px;
	}
	#footer.pc .footer_contents .inner .inner_right {
		float: right;
		width: 220px;
	}
	#footer.pc .inner_right p {
	width: 220px;
	height: 60px;
	margin-bottom: 15px;
	}
	#footer.pc .inner_right p:last-child {
		margin-bottom: 0;
	}
	#footer.pc .footer_contents .inner .fbBnr {
		clear: both;
		margin: 18px 0 0 0;
		background: #546ba0;
	}
	#footer.pc .footer_contents .inner .fbBnr a {
		display: block;
		width: 100%;
		height: 60px;
		background: url(/woodselect/img/btn_facebook_tb.png) no-repeat center center;
		text-indent: 100%; white-space: nowrap; overflow: hidden;
	}
	#footer.pc .footer_contents .inner .fb-page {
		display: none;
	}
	#footer.pc .footer_contents .inner.inner02 {
		padding: 20px 0 16px;
	}
	#footer.pc .footer_contents .inner.inner02 ul#footer_nav1 {
		float: right;
	}
	#footer.pc .footer_contents .inner.inner02 li {
		float: left;
	}
	#footer.pc .footer_address .inner {
		padding: 10px 0;
	}
	#footer.pc .footer_address address {
		float: left;
		max-width: 100%;
		height: 46px;
		margin: 20px 0;
		padding: 0 0 0 54px;
		background: url(/img/cmn/f_img07.jpg) no-repeat left center;
		line-height: 1.5;
	}
	#footer.pc .footer_address em {
		color: #dd9c04;
		font-weight: bold;
	}
	#footer.pc .footer_address em a {
		color: #dd9c04;
	}


	#footer.pc .footer_address .ficon {
	/*width: 200px;*/
    margin: 0 auto;
}


	#footer.pc .footer_address #ssl {
	width: 115px;
	float: right;
	font-size: 10px;
	text-align: left;
	margin-top: 10px;
}

	#footer.pc .footer_address #kizukai {
		width: 70px;
		font-size: 10px;
		text-align: right;
	}
	#footer.pc .footer_address #kizukai p#kizukai_logo {
		background: url(/img/cmn/f_kizukai.jpg) no-repeat center top;
		width: 70px;
		height: 71px;
		text-indent: 100%; white-space: nowrap; overflow: hidden;
	}
	#footer.pc .footer_address #kizukai p#kizukai_bango {
		white-space: nowrap;
	}
	 .footer_copyright .inner {
		padding: 5px 0;
		color: #FFF;
		text-align: center;
	}
	.footer_copyright p {
		text-align: center;
	}
}
@media screen and (min-width: 941px) {
	#footer.pc .inner {
		width: 940px;
	}
	#footer.pc .inner_wrap {
		overflow:visible;
	}
	#footer.pc .footer_contents .inner .inner_right {
		float: left;
	}
	#footer.pc .footer_contents .inner .fbBnr {
		display: none;
	}
	#footer.pc .footer_contents .inner .fb-page {
		display: inherit;
		float: right;
		width: 220px;
		height: 270px;
	}
	#footer.pc .footer_address address {
		max-width: 100%;
		padding: 5px 0 5px 54px;
	}
}

	#footer.pc .inner .inner_address {
		text-align: center;
	}
	#footer.pc .footer_address .tyuui{
	    width: 100%;
	    max-width: 848px;
	    margin: -35px auto 0 auto;
	    padding-bottom: 30px ;
			font-size: 14px;
			line-height: 2em;
			text-align: left;
	}

	@media screen and (max-width: 767px) {
	#footer.sp #footer_address .tyuui{
		width: 100%;
	  max-width: 848px;
	  margin: 10px auto;
	  font-size: 14px;
	  text-align: center;
	  line-height: 1.8em;
	}
	}
/* PC/SP切り替え
─────────────────────────*/
.pc, .tb { display: none; }
@media screen and (min-width: 768px) {
	.pc, .tb { display: block; }
	.sp { display: none; }
}