/* floor coating */

html{
margin-right:0px;
padding-right:0px;
}

body{
margin-right:0px;
padding-right:0px;
width:100%;
/* font-size:200%; */
line-height:1.8;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.container{
font-size:150%;
}

script{
height:0;
}

.kakunin{
border:solid 1px #f00;
}

.br-kawari{
width:100%;
height:20px;
}

.p-uesita_adjust{
padding:30px 20px;
/* border:solid 1px #666; */
}

.mb_adjust01{
margin-bottom:20px;
}

.mlr_adjust01{
margin-left:10px;
margin-right:15px;
}

/* footer links */
.ft_adjust01{
font-size:120%;
clear:both;
}

.ft_adjust01 a{
font-weight:bold;
}

/* list 一般的な使用法 */

.list-a01{
list-style: disc;
margin-right:10px;
padding-left:22px;
}
  
.list-a02{
padding-left:22px;
}

.mb-list01 li{
margin-bottom:10px;
}

.list-bs01 b{
padding-right:15px;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.alpha2 a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.h1smallfont{
font-size:80%;
font-family: "meiryo","ＭＳ ゴシック",sans-serif;
color:#696969;
}

.h1smallfont-smt{
margin:0;
padding-top:20px; 
padding-bottom:30px;
width:100%;
font-size:110%;
font-family: "meiryo","ＭＳ ゴシック",sans-serif;
color:#000;
font-weight:bold;
line-height:150%;
/* border:solid 1px #f00; */
}

.smt-top-adjust{
margin-top: 60px;
}

.smt-start-position{
width:100%;
height:30px;
}

/* メニューバー装飾 */ 

.menu-fixed{
/* position:fixed; */
border:solid 1px #f00;
background:#000;
}

.menu-right-border{
border-right:solid 1px #eee;
}



/* メニューバー本体 */

#menu {
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-bottom:5px;
position:relative; top:180px;
width: 100%;
background:#fff;
border-bottom:solid 1px #ededed;
}

@media screen and (max-width:1170px) {
#menu {
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-bottom:5px;
position:relative; top:200px;
width: 100%;
background:#fff;
border-bottom:solid 1px #ededed;
}
}


#menu ul{
margin-left:auto;
margin-right:auto;
padding:0; 
/* 重要 ul要素の余白を取り除く */
width: 100%;
height:54px;
/* border:solid 1px #0f0; */
max-width:1170px;
min-width:768px;
}

#menu li {
margin-top:0px;
float: left;
height: 40px;
/* width: 16.6%; */
width:14.2%;
line-height: 36px;
list-style:none;
border-left:solid 1px #eee;
/* border:solid 1px #f00; */
}

#menu li a{
height: 50px;
display: block;
text-decoration: none;
text-align: center;
/* border:solid 1px #00f; */
}

.menu-bc{
padding-top:5px;
font-size: 1em;
line-height: 1.3;
letter-spacing: 1px;
color:#000;
/* border:solid 1px #fff; */
}

.menu-sc{
/* padding-top:5px; */
position:relative; top:-15px;
color:#8fc31f;
font-size:90%;
line-height: 1.3;
}

#menu li a:hover{
color: #636363;
background:#eee;
}


#menu li a:active{
color: #fff;
font-weight: bold;
}

.menu-font01{
font-size:70%;
}



/* slick */
/* md sm 時の位置調整 */

.adjust-box{
height:165px;
/* border:solid 1px #f00; */
}


/* load中対策 */
.slick-box {
  display:none;
}

.slick-box.slick-initialized {
  display: block;
}

.top-image{
margin:0;
padding:0;
}

.top-image .slick-slide:not(.slick-current) {
  opacity: .5;
}

.slick-single {
  display:none;
}

.slick-single {
margin:0;
padding:0;
width:100%;
position:relative; top:50px;
/* overflow:hidden; */
/* border:solid 1px #f00; */
}

.slick-single.slick-initialized {
  display: block;
}

.slick-tablet{
margin:0;
padding:0;
width:100%;
position:relative; top:190px;
}

/* load中対策end */

.slick-box{
margin:0;
padding:0;
position:relative; top:190px;
/* border:solid 1px #f00; */
}



@media screen and (min-width:768px) and ( max-width:1919px) {
    /*　画面サイズが768pxから1919pxまではここを読み込む　*/
.slick-box img{
height:450px;
}

}
@media screen and (min-width:1920px) {
    /*　画面サイズが1920pxからはここを読み込む　*/

.slick-box img{
width:100%; /* 画像の大きさになる */
}

}


/* slick ３枚 */


.slick-slide {
  transition: .2s ease;
}

.slick-box2{
margin:0%;
padding:0;
}

.slick-box2 img{
width:80%
}

.slick-double{
margin:0;
padding:0;
}

.slick-double img{
width:100%
}


.slick-slide2 {
  transition: .2s ease;
}



.slick-single{
margin:0;
padding:0;
}

.slick-single img{
width:100%;
}




.top-image-single{
margin:0;
padding:0;
width:100%;
}

.top-image-single-smt{
margin:0;
padding:0;
width:100%;
padding-bottom:80px;
}

/* フロアコーディングについて */

.about-floor li{
margin-bottom:3px;
}

.about-floor a{
font-size:110%;
color:#000;
}






.board1{
margin-top:20px;
margin-bottom:20px;
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
font-size:95%;
color:#fff;
line-height:1.5em;
background:#8cc63f;
display: inline-block;
font-family: "meiryo","ＭＳ ゴシック",sans-serif;
}


.gray{
margin-bottom:1px;
padding:3%;
background:#e3e3e3;
}




/* お客様の声 */
.voice{
margin:0px;
padding:0px;
}

/* 選ばれる理由 */

.select-reason-wrap{
margin-left:0px;
margin-right:0px;
width:100%;
position: relative;
}

.select-reason-title{
margin:0;
padding:0;
position:relative;  top:10px;
z-index:90;
float:left;
border:solid 1px #f00;
}

.select-reason-title img{
margin:0;
padding:0;
width:100%;
}

.select-reason-contents{
position:relative;  top:50px;
z-index:90;
float:left;
border:solid 1px #f00;
}

.select-reason-contents img{
margin:0;
padding:0;
width:100%;
}

.select-reason-background{
margin-bottom:500px;
margin-left:0px;
margin-right:0px;
width:100%;
}


.select-reason-background img{
margin-left:0px;
margin-right:0px;
width:100%;
position:absolute; top:0;
z-index:30;
}




/* tab */



.original-btn{
background:#8fc31f;
color:#fff;
}

.original-btn:hover{
background:#636363;
color:#fff;
}

/* info.html */

@media screen and (min-width:769px) {
/* 768px以上なら */

dd .meado{
margin:0;
padding:0;
height:auto;
/* border:solid 1px #f00; */
}

dd .meado img{
width:42%;
}
} /* メディアクエリ終了 */



@media screen and (max-width:768px) {
/* 768px以下なら */

dd .meado{
margin:0;
padding:0;
height:50px;
/* border:solid 1px #f00; */
}

dd .meado img{
width:80%;
}
} /* メディアクエリ終了 */

/* スマホ時　画面がずれる問題。右横に余白ができる問題を修正 */

.smt-brank-wrap{
margin:0;
padding:0;
width:100%;
overflow:hidden;
}


/*　オプションページのスライド無しトップ画像　*/

.top-noslide{
margin:0;
padding:0;
width:100%;
}

.top-noslide img{
padding-bottom:20px;
width:100%;
}


/* 床材ページ */
#floor_list dt{
margin-top:10px;
margin-bottom:20px;
padding-top:5px;
padding-bottom:5px;
border-top:solid 3px #cd853f;
border-bottom:solid 3px #cd853f;
color:#0e0e0e;
font-size:130%;
}

#floor_list a{
color:#000;
}


/* 施工例エリア */

.sekourei_area{
width:100%;
/* border:solid 1px #f00; */
}
.sekourei_area img{
margin:0 auto;
width:98%;
}

@media screen and (min-width:1170px) {
.sekourei_area img{
margin:0 auto;
width:80%;
}

}


/* 施工例　デザイン */
.sekourei-headline_01{
margin-top:10px;
padding-left:15px;
color:#006400;
font-weight:bold;
letter-spacing: 2px;
}
@media screen and (max-width:768px) {
/* 768px以下なら */
.sekourei-headline_01{
font-size:130%;
}
}

.sekourei-headline_02{
margin-top:10px;
padding-left:15px;
color:#cd853f;
font-weight:bold;
letter-spacing: 2px;
}
@media screen and (max-width:768px) {
/* 768px以下なら */
.sekourei-headline_02{
font-size:110%;
}
}

/* 施工例ボタンリンク */
.waku-button-wrap{
margin-bottom:30px;
}

@media screen and (max-width:768px) {
.waku-button-wrap{
margin-bottom:50px;
}
}
.waku-buttonlink_01{
width:100%;
}
.waku-buttonlink_01 a{
padding-top:10px;
padding-bottom:10px;
width:95%;
min-height:60px;
max-height:100px;
font-size:100%;
text-align:center;
}

.waku-buttonlink_02{
width:100%;
}
.waku-buttonlink_02 a{
padding-top:10px;
padding-bottom:10px;
width:95%;
font-size:120%;
}

@media screen and (max-width:768px) {
.waku-buttonlink_02{
margin:0 auto;
width:95%;
}
.waku-buttonlink_02 a{
font-size:100%;
}
}

/* info_warranty */

@media screen and (max-width:768px) {
.url-image{
width:100%;
}
.url-image img{
width:100%;
}
}/* media */