@charset "UTF-8";


@import url("../webfonts/2020_english_1/stylesheet.css");

@import url("../webfonts/uniona_english/stylesheet.css");


/* CSS Document */

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

reset

---------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,
img {
	border:0;
	}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
	}
ol,
ul {
	list-style:none;
	}
caption,
th {
	text-align:left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
	}
img {
	vertical-align:top;
	}

a {
	border:none; outline:none;
	}
*{
	zoom : 1;
	}

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

style

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

#now{
	color:#fff;
	font-size:0em;
	
}



ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration: none;
}


a.navi2{
	color: #600;
	text-decoration:underline;
}

a.navi2:hover {
	color: #36C;
	text-decoration:underline;
}


a.navi3{
	color:#03a5b8;
	text-decoration: underline;
}

a.navi3:hover {
	color: #ccc;
	text-decoration: underline;
}

/*--------------------3枚スライドショー---------------------*/


.section,
.slide{
	-webkit-background-size: cover;
	background-size: cover;
	
	
	overflow:hidden;
	
	
	color:#F00;
	background:;
	
	z-index:120;

	
}




.slidetitle{/*SCROLL*/
      	padding:10px;
      	background:#;
      	position:fixed;
		
		left:5%;
      	bottom:2%;
      	
      	opacity:0.8;
		
		text-align:center;
		margin:0 auto;
		
		font-family: 'uniona_english';
		
		letter-spacing:0.1em;
		
		borde: thin solid #666;
		
			
		color:black;
		
		width:100%;
		max-width:30px;
		
		
}






/*------------------------コピー---------------------------*/

section#copy2020 article{
	
position:absolute;
 
    right:3%;
	top:20%;
	
	width:100%;
	max-width:100%;
	z-index: 36;
	
	
}



section#copy2020 article h1{ /*キャッチコピー 植物と共に育つ*/
	
  font-family:"M PLUS Rounded 1c";
  font-size:1.50em;
  text-align:right;	
  line-height:120%;
  color:black;
	
	
}

section#copy2020 article h2{ /*ブリキの*/
	
  font-family: "Nico Moji";
  font-size:2em;
  text-align:right;	
  line-height:120%;
  color:black;
  letter-spacing:-0.05em;	
	
	
}




section#copy2020 article h3{ /*プランターカバー*/
	
  font-family: "Nico Moji";
  font-size:2em;
  text-align:right;	
  line-height:110%;
  color:black;
  letter-spacing:0em;	
	
}







/*------------------------ロゴ---------------------------*/

section#rogo_2019 article{
	

	position:absolute;
 
    right:0px;
	
	bottom:0%;
	
	width:100%;
	max-width:100%;
	z-index: 36;
	
}



section#rogo_2019 article img{
	width:100%;
	max-width:100px;
	float:right;
	
	
}




	


#page-top {
    position: fixed;
    bottom: 85px;
    right: 15px;
    font-size: 70%;
	z-index:10000;
}


#page-top a {
	text-decoration: none;
	color: #666;
	width: 45px;
	padding:10px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
	background-color: #f0edec;
}


#page-top a:hover {
	text-decoration: none;
	background-color: #efe2d9;
}
	


a.navi2{
	color: #600;
	text-decoration:underline;
	
}


a.navi2:hover {
	color: #36c;
	text-decoration:underline;
}





a.navi3{
	color: #36c;
	text-decoration:underline;
	
}

a.navi3:hover {
	color: #600;
	text-decoration:underline;
}




a.navi4{
	color: #455f92;
	text-decoration:underline;
	
}

a.navi4:hover {
	color: #600;
	text-decoration:underline;
}



/*---------------------------------目次------------------------------------*/

.navbar-wrapper {
position:fixed;
top:0px;
left:0px;
z-index: 30;
width:100%;
background:;
transform: translate3d(0, 0, 0);

}


#rogo{
  position:fixed;
  top:0px;
  right:0;
  width:0%;
  max-width:0px;
z-index:0; 
}



div#japanese{
	
  font-family: '2020';
  display:block;
  width:100%;
  max-width:75px;
  position:absolute;
  top:40px;
  right:0;
  letter-spacing:0.05em;
  z-index: 18;
	
  font-size:1em;	
	
}




html,  body {
margin: 0;
width: 100%;
height: 100%;
}





header {
width: 100%;
height: 60px;
background-color:white;
position:relative;
}








/*-------------------main　指定--------------------*/
.main {

position:relative;
top:100%;

background-color:white;/*--ここでscrollが隠れる指定色--*/
z-index:1;


overflow:hidden;
-webkit-overflow-scrolling: touch;

}













/*------------------------------------コピー------------------------------------*/


section#read {
	width:100%;
	text-align:center;
	margin:0 auto;
	
	background:;
	
}


section#read article {
    width:100%;
	max-width:98%;
	text-align:center;
	margin:0 auto;
}
	


section#read article  p{
	 font-family:"M PLUS Rounded 1c";
	font-size:1em;
	color:#003;
	text-align: center;
	font-weight:normal;
	line-height:190%;
	margin:20px auto 0 auto;
	letter-spacing:0.01em;
}	


section#read article  span{
	font-family:"Nico Moji";
	

	
}	


section#read article  span br{
display:inline-block;
	
}



/*------------------------ 2段落目縦写真項目 ------------------------*/

section#second {
	width:100%;
	
	max-width:100%;
	background:;
	margin:100px auto 100px auto;

}



section#second article {
	width:100%;
	max-width:95%;
	
	background:;
	margin:0 auto;
	
	text-align:center;
}



section#second article.waku {
	display:block;
	width:100%;
	max-width:90%;
	
    vertical-align:middle;
	
	background:;
	
	margin:0 auto;
	text-align:center;
}


section#second article.waku_photo {
	display:block;
	width:100%;
	max-width:90%;
	
    vertical-align:middle;
	
	background:;
	
	margin:0 auto;
	text-align:center;
}





section#second article img {
	width:100%;
	max-width:100%;
	margin:0 auto;
}



section#second article h1 {
	
	width:100%;
	max-width:100%;
	text-align:center;
	
	 font-family:"M PLUS Rounded 1c";
	font-size:1.19em;

    margin:20px auto 0 auto;
	color:black;
	
	line-height:140%;
}



section#second article p {

    width:100%;
	max-width:100%;
    text-align:center;
	
 font-family:"M PLUS Rounded 1c";
	font-size:0.94em;
	
	margin:0 auto;
	color:black;
	
	margin-top:10px;
}



section#second article span br{

  display:inline-block;
}



/*---------------------------- 3段落目 サイズ項目-------------------------------*/

section#third {
	width:100%;
	max-width:100%;
	background:;
	margin:150px auto 100px auto;

}



section#third article {
	width:100%;
	max-width:97%;
	background:;
	margin:0 auto;
}



section#third article.waku {
	display:inline-block;
	width:100%;
	max-width:49%;
	
	background:white;
	margin:0 auto;
	text-align:center;
}



section#third article img#big {/*big 画像*/
	width:100%;
	max-width:100%;
}




section#third article img#big_title {
	
	width:100%;
	max-width:45px;
}




section#third article img#mini {/*mini 画像*/
	
	width:100%;
	max-width:75%;
	
	

		
}



section#third article img#mini_title {
	
	width:100%;
	max-width:59px;
}




section#third article h1 {/*big mini*/
	text-align:center;
	
	font-family: 'uniona_english';
	font-size:1.44em;
	
    
	color:black;
	
	line-height:140%;
	
	letter-spacing:0em;
	
	font-weight:normal;
	
}



section#third article p {/*キャスター付で移動がラクラク*/
	text-align:center;
	
	 font-family:"M PLUS Rounded 1c";
	font-size:1em;

  
	color:black;
	
	background:;
	
	margin-top:10px;
	
	line-height:130%;
	
}



section#third article p.size {/*サイズ・プライス*/
	text-align:center;
	
	 font-family:"M PLUS Rounded 1c";
	font-size:0.94em;

  
	color:black;
	
	background:;
	
	margin-top:10px;
	
	line-height:160%;
	
}

section#third article span br{
	display:inline-block;
	
	
	
}






/*---------------------------- 4段落目カラー項目-------------------------------*/

section#forth {
	width:100%;
	max-width:100%;
	background:;
	margin:150px auto 100px auto;
}



section#forth article {
	
	width:100%;
	max-width:97%;
	background:;
	margin:0 auto;
	text-align:center;
}



section#forth article.waku {
	display:inline-block;
	width:100%;
	max-width:32%;
	background:;
	margin:0 auto;
	text-align:center;
}



section#forth article img {
	
	width:100%;
	max-width:100%;
}




section#forth article h1 {/*WOOD SELECT*/
	text-align:center;
	
	font-family: 'uniona_english';
	font-size:3.5em;
    color:black;
	
	line-height:140%;
	
	margin:20px 0 0px 0;
	letter-spacing:0em;
	font-weight:normal;
	
	
}



section#forth article p {
	text-align:center;
	
	 font-family:"M PLUS Rounded 1c";
	font-size:1.06em;
    color:black;
	margin:0 0 20px 0px;
	
	line-height:140%;
	
}



section#forth article .waku h1 {/*木材の名前*/
	text-align:center;
	
	 font-family:"M PLUS Rounded 1c";
	font-size:0.94em;
　　color:black;
	line-height:140%;
　　margin:10px 0 0px 0;
	letter-spacing:-0.2em;
	
}



section#forth article .waku p {/*木材の印象*/
	text-align:center;
 font-family:"M PLUS Rounded 1c";
	font-size:0.88em;
　　color:black;
	
	
}



section#forth article span br {
	display:inline-block;
	
	
}






/*------------------------ 6段落目 DETAIL CLOSE UP -------------------------*/

section#sixth {/* 商品紹介 */
width:100%;
max-width:100%;
padding:0px auto 0 auto;
background:#;
}


section#sixth  article{/* 商品紹介 */
width:100%;
max-width:100%;
margin:5px auto 70px auto;
background:;
}



section#sixth article h1{/* DETAIL CLOSE UP */
   margin:0 auto;
   padding:0px 0 0 0;
   font-family: 'uniona_english';
   font-size:3em;
   text-align:center;
 
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top:45%;
  width: 18px;
  height:18px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}



/*------------------------ 5段落目 ショップ使用 -------------------------*/

section#fifth {
	width:100%;
	
	max-width:100%;
	
	
	background:;
	margin:100px auto 0 auto;

}



section#fifth article {
	
	width:100%;
	max-width:100%;
	
	background:;
	
	margin:0 auto;

	
	
}



section#fifth article.waku {
	display:block;
	width:100%;
	max-width:100%;
	
	vertical-align:middle;
	
	background:white;
	margin:0 auto;
	
	text-align:center;
	
	
	
	
}



section#fifth article img {
	
	width:100%;
	max-width:100%;

}





section#fifth article h1 {/*美容室編*/
	text-align:center;
	 font-family:"M PLUS Rounded 1c";
	font-size:1.25em;
	color:#666;
    
	color:black;
	
	line-height:140%;
	
	margin:20px 0 0 0;
	
}



section#fifth article p {/*リード*/
	text-align:center;
	
	
	font-size:0.94em;

	color:black;
	
	background:;
	
	margin-top:13px;
	
	line-height:190%;
	
	letter-spacing:0em;
}


section#fifth article span {/*scene1*/
	font-family: '2020_english_1';
	
	font-size:1.25em;
}



section#fifth article span br {
	display:inline-block;
}
















/*----------------------------------ブリキって？？-----------------------------------*/



section#inf {
	width:100%;
	text-align:center;
	background:;
	margin:0 auto;
}

section#inf article {
	text-align:center;
	width:100%;
	background:#ccc;
	margin:150px auto 0 auto;
	padding:40px 0 40px 0;
	
	
	
}




section#inf article img#buriki{
	width:100%;
	max-width:600px;
	height:auto;

}


section#inf article img{
	width:100%;
	max-width:200px;
	height:auto;

}


section#inf article h1{
	 font-family:"M PLUS Rounded 1c";
	font-size:1.13em;
	line-height:280%;
	color:black;
	text-align: center;
	font-weight:bold;
	width:100%;
	max-width:90%;
	background:;
	margin:0 auto;
	
	color:black;
}


section#inf article p {
	 font-family:"M PLUS Rounded 1c";
	font-size:0.94em;
	color:black;
	text-align: left;
	font-weight:normal;
	width:100%;
	max-width:85%;
	
	background:;
	margin:0 auto;
	
	color:black;
	
	line-height:180%;
	
	letter-spacing:0.05em;
	
}


section#inf article span br{
 display:none;
}





/*-------------------------ブリックについて--------------------------*/

.about_back{
	width:100%;
	max-width:100%;
    	
	background:#fff;
}

.kakeru{

 text-align:center;
 margin:-25px auto 0 auto;
 font-famil: '2020_kin';
 font-family: 'uniona_english';
	font-size:1.81em;
	color:black;
 
 

}


section#about {
	width:100%;
	text-align:center;
	background:;
	margin:0 auto;
}

section#about article {
	text-align:center;
	width:100%;
	
	backgroun:#e3e8eb;
	background:#fff;
	margin:0px auto 50px auto;
	padding:70px 0 60px 0;
}

section#about article img{
	width:100%;
	max-width:80px;
	margin:0 auto 15px auto
}


section#about article img#iei{
	width:100%;
	max-width:70px;
	margin:0 auto 15px auto
}



section#about article p {
 font-family:"M PLUS Rounded 1c";
	font-size:0.94em;
	color:black;
	text-align: left;
	font-weight:normal;
	width:100%;
	max-width:85%;
	
	background:;
	margin:0 auto;
	
	color:black;
	
	line-height:180%;
	
	letter-spacing:0.05em;
}

section#about article span br{
 display:none;
}



section#about article p#link {
 font-family:"M PLUS Rounded 1c";
	font-size:0.94em;
	color:black;
	text-align: center;
	font-weight:normal;
	width:100%;
	max-width:30%;
	
	background:#fde76a;
	padding:10px;
	margin:20px auto 0 auto;
	
	color:black;
	
	line-height:150%;
	
	letter-spacing:0.05em;
}


section#about article p#linkiei {
 font-family:"M PLUS Rounded 1c";
	font-size:0.94em;
	color:black;
	text-align: center;
	font-weight:normal;
	width:100%;
	max-width:30%;
	
	background:#fde76a;
	padding:10px;
	margin:20px auto 0 auto;
	
	color:black;
	
	line-height:150%;
	
	letter-spacing:0.05em;
}




/*----------------------------------株式会社八田について-----------------------------------*/



section#hatta {
	width:100%;
	text-align:center;
	background:;
	margin:0 auto;
}

section#hatta article {
	text-align:center;
	width:100%;
	background:;
	margin:150px auto 0 auto;
	padding:40px 0 40px 0;
}




section#hatta article img#buriki{
	width:100%;
	max-width:500px;
	height:auto;

}


section#hatta article img{
	width:100%;
	max-width:200px;
	height:auto;

}


section#hatta article h1{
	 font-family:"M PLUS Rounded 1c";
	font-size:1.13em;
	line-height:280%;
	color:black;
	text-align: center;
	font-weight:bold;
	width:100%;
	max-width:90%;
	background:;
	margin:0 auto;
	
	color:black;
}


section#hatta article p {
	 font-family:"M PLUS Rounded 1c";
	font-size:0.94em;
	color:black;
	text-align: left;
	font-weight:normal;
	width:100%;
	max-width:85%;
	
	background:;
	margin:0 auto;
	
	color:black;
	
	line-height:180%;
	
	letter-spacing:0.05em;
	
}


section#hatta article span br{
 display:none;
}



section#hatta article p#link {
font-family: 'uniona_english';
	font-size:0.94em;
	color:black;
	text-align: center;
	font-weight:normal;
	width:100%;
	max-width:30%;
	
	background:#fde76a;
	padding:10px;
	margin:20px auto 0 auto;
	
	color:black;
	
	line-height:150%;
	
	letter-spacing:0.05em;
}






section#main {
width:100%;
max-width:;
margin:0 auto;
}	

section#main article {
padding-top:10px;



}	



.iframe-wrap {
  position: relative;
  width: 100%;
  height:0;
  padding-top:100%;
 }
 
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}







.form_inf{
	backgroun:#e1f5fe;
	text-align:center;
 font-family:"M PLUS Rounded 1c";
	margin:100px auto 0 auto;
	  font-size:0.94em;
	line-height:160%;
	
}

.form_inf span{
	text-align:center;
	font-family: 'uniona_english';
     font-size:3em;
	 
	 line-height:150%;
	
}







.copyright{
display:block;	
position:relative;
top:80px;
bottom:3%;
text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:0.75em;
letter-spacing:0em;
width: 100%;
height: 150px;
}






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



.slidetitle{/*スクロール*/
      	padding:5px;
      
      	position:fixed;
		
		left:44%;
      	bottom:3%;
      	
      	opacity:0.8;
		text-align:center;
		margin:0 auto;
		letter-spacing:0.1em;
		color:white;
		
		width:100%;
		max-width:70px;
		
		
		background:black;
}




/*------------------------コピー---------------------------*/

section#copy2020 article{
	
position:absolute;
 
    right:3%;
	
	top:30%;
	
	width:100%;
	max-width:100%;
	z-index: 36;
	
	
}



section#copy2020 article h1{/*植物と共に育つ*/
	

  font-size:1.81em;
  text-align:right;	
  line-height:120%;
  color:black;
	
	
}

section#copy2020 article h2{
	

  font-size:2.2em;
  text-align:right;	
  line-height:120%;
  color:black;
  letter-spacing:-0.05em;	
	
	
}




section#copy2020 article h3{/*プランターカバー*/
	

  font-size:1.81em;
  text-align:right;	
  line-height:110%;
  color:black;
  letter-spacing:-0.05em;	
	
}











/*--------------------------------リード-------------------------------*/

section#read article h1{
	
	font-size:1.44em;
	color: #003;
	text-align: center;
	font-weight:normal;
	line-height:180%;
}	

section#read article  p{

	font-size:1.13em;
	color:#003;
	text-align: center;
	font-weight:normal;
	line-height:180%;
	margin:20px auto 0 auto;
	letter-spacing:0.1em;
}	




section#read article  span br{
display:none;
	
}



/*--------------------------------2段落目 無垢の木と組み合わせ-------------------------------*/


/*---------------------- 2段落目縦写真項目-----------------------*/

section#second {
	width:100%;
	
	max-width:95%;
	
	
	background:;
	margin:100px auto 700px auto;
	
	position:relative;

}



section#second article {
	
	width:100%;
	max-width:100%;
	
	background:;
	
	margin:0 auto;
	
	position:relative;

}






section#second article.waku {
	display:inline-block;
	width:100%;
	max-width:49%;
	
	vertical-align:middle;
	
	background:;
	margin:0 auto;
	text-align:center;
	
	position:absolute;
	left:0;
	top:30px;
}




section#second article.waku_photo {
	display:inline-block;
	width:100%;
	max-width:49%;
	
    vertical-align:middle;
	
	background:;
	
	margin:0 auto;
	text-align:center;
	
	position:absolute;
	right:0;
}




section#second article img {
	width:100%;
	max-width:100%;
}


section#second article h1 {/*無垢の木と組み合わせ*/
	text-align:center;
	

	font-size:1.19em;
	color:#666;
    
	color:black;
	
	line-height:140%;
	
}



section#second article p {/*鏡のようで鏡でない*/
	text-align:center;
	
	
	font-size:0.88em;
	
  
	color:black;
	
	background:;
	
	margin-top:21px;
	
	line-height:210%;
	letter-spacing:-0.1em;
}




section#second article span br{

  display:none;
}



/*---------------------------- 3段落目 サイズ項目-------------------------------*/

section#third {
	width:100%;
	max-width:97%;
	margin:150px auto 0 auto;

}



section#third article {
	width:100%;
	max-width:97%;
	margin:0 auto;
}



section#third article.waku {
	display:inline-block;
	width:100%;
	max-width:49%;
	background:white;
	margin:0 auto;
	text-align:center;
	
}


section#third article img#big {
	width:100%;
	max-width:250px;
}




section#third article img#mini {
	width:100%;
	max-width:190px;
	
}




section#third article h1 {/*big mini*/
	text-align:center;
	
	
	font-size:28px;
	
    
	color:black;
	
	line-height:140%;
	
	letter-spacing:0em;
	
	font-weight:normal;
	
}



section#third article p {
	text-align:center;
	

	font-size:16px;
	color:black;
	margin-top:10px;
	
}



section#third article p.size {/*サイズ・プライス*/
	font-size:16px;
}


section#third article span br{
	display:none;
}



/*------------------------ 6段落目 Datail close up -------------------------*/

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 29%;
}




/*------------------------ 5段落目 ショップ使用 -------------------------*/

section#fifth {
	width:100%;
	
	max-width:100%;
	
	
	background:;
	margin:60px auto 0 auto;

}



section#fifth article {
	
	width:100%;
	max-width:100%;
	
	background:;
	
	margin:0 auto;

	
	
}



section#fifth article.waku {
	display:inline-block;
	width:100%;
	max-width:49%;
	
	vertical-align:middle;
	
	background:white;
	margin:0 auto;
	text-align:center;
	
	
	
	
}



section#fifth article img {
	
	width:100%;
	max-width:93%;
	
}





section#fifth article h1 {/*美容室編*/
	text-align:center;
	
	
	font-size:1.25em;

    
	color:black;
	
	line-height:140%;
	
}



section#fifth article p {
	text-align:center;
	
	
	font-size:0.88em;
	color:black;
	margin-top:5px;
	
	line-height:170%;
	
	letter-spacing:-0.1em;
}


section#fifth article span {/*scene*/
	
	font-size:1.31em;
}



section#fifth article span br {
	display:none;
}










/*--------------------------------ブリキって??-------------------------------*/


section#inf article p {
	
	font-size:0.88em;
	color:black;
	text-align:center;
	font-weight:normal;
	width:100%;
	
	max-width:90%;
	background:;
	margin:0 auto;
	
	color:black;
	line-height:160%;
	letter-spacing:0.05em;
}


section#inf article span br{
 display:inline-block;
}




/*--------------------------------blikについて-------------------------------*/

section#about article p {

	font-size:0.88em;
	color:black;
	text-align: center;
	font-weight:normal;
	width:100%;
	max-width:90%;
	
	background:;
	margin:0 auto;
	
	color:black;
	
	line-height:160%;
	
	letter-spacing:0.05em;
}

section#about article span br{
 display:inline-block;
}





}




@media only screen and (min-width: 741px) {
	
	
	
.slidetitle{/*スクロール*/
        left:45%;  　　
      	bottom:2%;
		width:100%;
		max-width:70px;
		
		background:black;
}







/*---------------------------------目次------------------------------------*/

.navbar-wrapper {
position:fixed;
top:0px;
left:10%;

width:100%;
max-width:100%;
background:white;

 z-index: 80;


}






div#japanese{
	
	
	display:block;
	width:100%;
	max-width:75px;
	position:absolute;
top:15px;
right:10px;

letter-spacing:0.05em;

 z-index: 180;
	
	
	
}


#rogo{
  position:fixed;
  top:0px;
  left:0;
  width:100%;
  max-width:101px;
z-index:100 !important; 
}


header {
width:100%;
height: 75px;
background-color:white;
position:fixed;

z-index:20;
}




/*-------------------main　指定--------------------*/

.main { 
	padding-top: 0px;
background-color:;

}

	






/*------------------------コピー---------------------------*/

section#copy2020 article{
	
position:absolute;
 
    right:2%;
	
	top:37%;
	
	width:100%;
	max-width:100%;
	z-index: 36;
	
	
}



section#copy2020 article h1{
	
  font-size:25px;
  text-align:right;	
  line-height:120%;
  color:black;
	
	
}

section#copy2020 article h2{

  font-size:37px;
  text-align:right;	
  line-height:120%;
  color:black;
  letter-spacing:-0.05em;	
	
	
}




section#copy2020 article h3{

  font-size:28px;
  text-align:right;	
  line-height:110%;
  color:black;
  letter-spacing:-0.05em;	
	
}


















	
/*------------------------------------リード------------------------------------*/
	
	
section#read {
	width:100%;
	text-align:center;
	margin:40px auto 200px auto;
	
}


section#read article {
    width:100%;
	max-width:100%;
	text-align:center;
	margin:0 auto;
}
	

		
	
	

section#read article  p{

	font-size:19px;
	color:#003;
	text-align: center;
	font-weight:lighter;
	line-height:300%;
	margin:20px auto 0 auto;
	letter-spacing:0.02em;
}		






/*-------------------------2段目 無垢の木と組み合わせ--------------------------*/



section#second {
	width:100%;
	
	max-width:95%;
	
	
	background:;
	margin:100px auto 800px auto;
	
	position:relative;

}



section#second article.waku {
	display:inline-block;
	width:100%;
	max-width:49%;
	
	vertical-align:middle;
	
	background:;
	margin:0 auto;
	text-align:center;
	
	position:absolute;
	left:0;
	top:100px;
}
	


section#second article p {/*鏡のようで鏡でない*/
	text-align:center;
	
	font-size:0.94em;
	
  
	color:black;
	
	background:;
	
	margin-top:21px;
	
	line-height:210%;
	letter-spacing:0em;
}




/*---------------------------- 3段落目 サイズ項目-------------------------------*/

section#third {
	width:100%;
	max-width:90%;
	margin:90px auto 0 auto;
}




/*-------------------------4段目カラー項目 WOOD SELECT--------------------------*/


section#forth {
	width:100%;
	max-width:100%;
	background:;
	margin:150px auto 100px auto;
}


section#forth article {
	
	width:100%;
	max-width:95%;
	
	background:;
	
	margin:0 auto;
	text-align:center;

	
	
}


section#forth article h1 {/*WOOD SELECT*/
	font-size:62px;

	
	
}


section#forth article.waku {
	display:inline-block;
	width:100%;
	max-width:29%;
	
	
	background:;
	margin:0 auto 0 auto;
	
	padding:10px;
	text-align:center;
	
	
	
	
}



section#forth article .waku h1 {/*木材の名前*/
	text-align:center;
	
	font-size:20px;

    
	color:black;
	
	line-height:140%;
	
	margin:10px 0 0px 0;
	
	letter-spacing:-0.09em;
	
}



section#forth article .waku p {/*木材の印象*/
	text-align:center;
	
	font-size:18px;
　　color:black;
	
	
}



section#third article p.size {/*サイズ・プライス*/
	font-size:17px;
}




/*------------------------ 6段落目 DETIL CLOSE UP -------------------------*/
	



section#sixth  article{/* 商品詳細 */
width:100%;
max-width:95%;
margin:5px auto 90px auto;
background:;
}





section#sixth article h1{/*Detail Close up*/
   padding:0px 0 0 0;
  
   font-size:55px;
 
}


/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 35%;
}





/*------------------------ 5段落目 ショップ使用 -------------------------*/

section#fifth {
	width:100%;
	
	max-width:100%;
	
	
	background:;
	margin:90px auto 0 auto;

}




section#fifth article p {
	text-align:center;
	
	font-size:0.94em;
	color:black;
	margin-top:5px;
	
	line-height:170%;
	
	letter-spacing:0em;
}


/*-------------------------ブリキって??--------------------------*/


section#inf {
	width:100%;
	text-align:center;
	background:;
	margin:0 auto;
}

section#inf article {
	text-align: center;
	width: 100%;
	margin: 90px auto 0px auto;
	padding: 90px 0 40px 0;
	background-attachment: scroll;
	background-color:;
	background-image: url(../img/blik/buriki19.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

section#inf article img{
	width:100%;
	max-width:190px;


}


section#inf article h1{

		font-size:23px;
	color:black;
	text-align: center;
	font-weight:normal;
	
	margin:10px auto 0px auto;
	

}







section#inf article p{
	font-size:16px;
	color:black;
	text-align: center;
	font-weight:normal;
	
	margin:0 auto 0 auto;
	line-height:180%;
	
}







section#inf article div#center {

	display:inline-block;
	
	width:100%;
	max-width:91%;
	
	background:;
}







/*-------------------------ブリックについて--------------------------*/

section#about {
	width:100%;
	text-align:center;
	background:;
	margin:0 auto;
}

section#about article {
	text-align:center;
	width:100%;
	background:white;
	margin:90px auto 50px auto;
	padding:40px 0 40px 0;
}

section#about article img{
	width:100%;
	max-width:100px;


}




section#about article p {

	font-size:16px;
	color:black;
	text-align: center;
	font-weight:normal;
	
	background:;
	margin:10px auto 0 auto;
	
	
		line-height:180%;
	
}




.form_inf{
	backgroun:#e1f5fe;
	text-align:center;

	margin:100px auto 0 auto;
	  font-size:16px;
	line-height:160%;
	
}




.copyright{
display:block;	
text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:14px;

position:relative;
bottom:0px;

margin:0 auto ;
padding-top:50px;



width:100%;
max-width:100%;


	
background:white;

z-index:100;

}


}








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

.slidetitle{/*スクロール*/
      	padding:5px;
        position:fixed;
		left:48%;
      	bottom:2%;
      	
      	opacity:0.8;
		
		text-align:center;
		margin:0 auto;
		letter-spacing:0.1em;
		color:white;
		
		width:100%;
		max-width:60px;
		
		background:#000;
}

/*-------------------------main　指定--------------------------*/

.main { 
padding-top: 0px;
background-color:;
}




/*------------------------コピー---------------------------*/

section#copy2020 article{
	
position:absolute;
 
 
	
	width:100%;
	max-width:100%;
	z-index: 36;
	
	
}



section#copy2020 article h1{
	
  font-size:35px;
  text-align:right;	
  line-height:120%;
  color:black;
	
	
}

section#copy2020 article h2{
	

  font-size:47px;
  text-align:right;	
  line-height:120%;
  color:black;
  letter-spacing:-0.05em;	
	
	
}




section#copy2020 article h3{

  font-size:38px;
  text-align:right;	
  line-height:110%;
  color:black;
  letter-spacing:-0.05em;	
	
}












/*-------------------------リード　指定--------------------------*/

section#read article  p{

	font-size:21px;
	color:#003;
	text-align: center;
	font-weight:lighter;
	line-height:280%;
	margin:20px auto 0 auto;
	letter-spacing:0.02em;
}		








/*---------------------- 2段落目縦写真項目-----------------------*/

section#second {
	width:100%;
	
	max-width:90%;
	
	
	background:;
	margin:100px auto 900px auto;
	
	position:relative;

}



section#second article {
	
	width:100%;
	max-width:95%;
	
	background:;
	
	margin:0 auto;
	
	position:relative;

}






section#second article.waku {/*無垢の木と文字高さ調整*/
	display:inline-block;
	width:100%;
	max-width:49%;
	
	vertical-align:middle;
	
	background:;
	margin:0 auto;
	text-align:center;
	
	position:absolute;
	left:0;
	top:95px;
}




section#second article.waku_photo {
	display:inline-block;
	width:100%;
	max-width:49%;
	
    vertical-align:middle;
	
	background:;
	
	margin:0 auto;
	text-align:center;
	
	position:absolute;
	right:0;
}




section#second article img {
	width:100%;
	max-width:550px;
}


section#second article h1 {/*無垢の木と組み合わせ*/
	text-align:center;
	
	font-size:22px;
	color:#666;
    
	color:black;
	
	line-height:140%;
	
}



section#second article p {/*鏡のようで鏡でない*/
	text-align:center;

	font-size:19px;
	
  
	color:black;
	
	background:;
	
	margin-top:20px;
	
	line-height:210%;
}







/*---------------------------- 3段落目 サイズ項目-------------------------------*/

section#third {
	width:100%;
	
	max-width:90%;
	
	
	background:;
	margin:150px auto 0 auto;

}



section#third article {
	
	width:100%;
	max-width:90%;
	
	background:;
	
	margin:0 auto;

	
	
}



section#third article.waku {
	display:inline-block;
	width:100%;
	max-width:49%;
	

	
	background:white;
	
	
	
	margin:0 auto;
	
	text-align:center;
	
	
	
	
}



section#third article img#big {
	
	width:100%;
	max-width:300px;
}




section#third article img#big_title {
	
	width:100%;
	max-width:45px;
}




section#third article img#mini {
	
	width:100%;
	max-width:240px;
	
	

		
}



section#third article img#mini_title {
	
	width:100%;
	max-width:59px;
}




section#third article h1 {/*big mini*/
	text-align:center;
	
	font-size:35px;
	
    
	color:black;
	
	line-height:140%;
	
	letter-spacing:0em;
	
	font-weight:normal;
	
}



section#third article p {
	text-align:center;
	
	font-size:19px;
	color:#666;
  
	color:black;
	
	background:;
	
	margin-top:20px;
	
	
	

	
	
	
}





/*---------------------------- 4段落目カラー項目-------------------------------*/

section#forth {
	width:100%;
	
	max-width:90%;
	
	
	background:;
	margin:150px auto 0 auto;

}



section#forth article {
	
	width:100%;
	max-width:80%;
	
	background:;
	
	margin:0 auto;
	text-align:center;

	
	
}



section#forth article.waku {
	display:inline-block;
	width:100%;
	max-width:31%;
	
	
	background:;
	margin:0 auto;
	text-align:center;
	
	padding:0px;
	
	
	
	
}



section#forth article img {
	
	width:100%;
	max-width:230px;
}











section#forth article h1 {/*WOOD SELECT*/
	text-align:center;
	
	font-size:60px;

    
	color:#333;
	
	line-height:140%;
	
	margin:20px 0 0px 0;
	

	
	letter-spacing:0em;
	
	font-weight:lighter;
	
}



section#forth article p {
	text-align:center;
	
	font-size:18px;
	color:#666;
  
	color:black;
	margin:0 0 20px 0px;
	
	line-height:140%;
	
}



section#forth article .waku h1 {/*木材の名前*/
	text-align:center;
	
	font-size:21px;

    
	color:black;
	
	line-height:140%;
	
	margin:10px 0 0px 0;
	
	letter-spacing:-0.09em;
	
}



section#forth article .waku p {
	text-align:center;
	
	font-size:18px;
	color:#666;
  
	color:black;
	
	
}



section#forth article span br {
	display:none;
	
	
}







/*------------------------ 6段落目 DETAIL CLOSE UP -------------------------*/


section#sixth  article{/* 商品詳細 */
width:100%;
max-width:95%;
margin:200px auto 90px auto;
background:;
}


section#sixth article img{/*商品詳細*/
 
}


section#sixth article h1{/*Detail Close up*/
   padding:0px 0 0 0;

	font-size:48px;
 
}



/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top:47%;
}





/*------------------------ 5段落目 ショップ使用 -------------------------*/

section#fifth {
	width:100%;
	
	max-width:90%;
	
	
	background:;
	margin:200px auto 0 auto;

}



section#fifth article {
	
	width:100%;
	max-width:95%;
	
	background:;
	
	margin:0 auto;

	
	
}



section#fifth article.waku {
	display:inline-block;
	width:100%;
	max-width:49%;
	
	vertical-align:middle;
	
	background:white;
	
	
	
	margin:0 auto;
	
	text-align:center;
	
	
	
	
}



section#fifth article img {
	
	width:100%;
	max-width:800px;
	background:red;
}





section#fifth article h1 {
	text-align:center;

	font-size:21px;
	color:#666;
    
	color:black;
	
	line-height:140%;
	
}



section#fifth article p {
	text-align:center;

	font-size:17px;
	color:#666;
  
	color:black;
	
	background:;
	
	margin-top:20px;
	
	line-height:190%;
	
	letter-spacing:0.05em;
}


section#fifth article span {/*scene*/
	
	font-size:24px;
}

	
}



@media only screen and (min-width: 1200px) {
	
section#second article.waku {/*無垢の木と文字高さ調整*/
	display:inline-block;
	width:100%;
	max-width:49%;
	
	vertical-align:middle;
	
	background:;
	margin:0 auto;
	text-align:center;
	
	position:absolute;
	left:0;
	top:150px;
}

}



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


/*------------------------------------all　指定---------------------------------------*/

.all{
	width:100%;
	max-width:1450px;
	margin:0 auto;
}





/*------------------------------------main　指定---------------------------------------*/

.main { 
padding-top: 0px;
background-color:;
}

}




/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}


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

fullPage.js css override

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

.fp-controlArrow.fp-prev{
	border-width: 15px 20px 15px 0;
}
.fp-controlArrow.fp-next{
	border-width: 15px 0px 15px 20px;
	right: 50px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span{
	background: transparent;
	border: 1px solid #ffffff;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span{
	background: #ffffff;
}

.maximg {
display:none;
position:relative !important;

}