/* floor coating */

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

body{
margin-right:0px;
padding-right:0px;
width:100%;
font-family: Sawarabi Gothic, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; 
}

script{
height:0;
}

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


.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:80px; 
padding-bottom:30px;
width:100%;
font-size:80%;
font-family: "meiryo","ＭＳ ゴシック",sans-serif;
color:#696969;
/* 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:20%;
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:#E75297;
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:100%;
}

@media screen and (max-width:1170px) {
/* 1170px 以下なら */
.menu-font01{
font-size:65%;
}
}

.menu-font02{
font-size:80%;
}

@media screen and (max-width:1170px) {
/* 1170px 以下なら */
.menu-font02{
font-size:55%;
}
}

/* 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:195px;
}

/* 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:#a60419;
display: inline-block;
font-family: "meiryo","ＭＳ ゴシック",sans-serif;
}


.gray{
margin-bottom:1px;
padding:8%;
background:#515356;
}




/* お客様の声 */
.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:#00a29a;
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;
}


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

.list-a01{
list-style: disc;
padding-left:20px;
}

/* top page */

@media screen and (min-width:768px) and ( max-width:991px) {
.img-center-adjust{
margin:0 auto;
width:50%;
/* border:solid 1px #f00; */
}
}


/* slide display none */
@media screen and (min-width:1170px) {
#tablet-slide{
display:none;
}
#smt-slide{
display:none;
}
}

@media screen and (min-width:768px) and ( max-width:1169px) {
#pc-slide{
display:none;
}
#smt-slide{
display:none;
}
}

@media screen and ( max-width:767px) {
#pc-slide{
display:none;
}
#tablet-slide{
display:none;
}
}



/* sns画像 */



@media screen and (min-width:768px) {
/* 768px以上なら */
.sns-adjust{
margin:0 auto;
padding-left:100px;
width:760px;
/* border:solid 1px #f00; */
}

.sns-adjust img{
margin-left:50px;
margin-right:40px;
width:40px;
/* border:solid 1px #f00; */
}
}

@media screen and (max-width:767px) {
/* 767px以下なら */
.sns-adjust{
margin:0 auto;
padding-left:5%;
padding-bottom:30px;
width:90%;
/* border:solid 1px #0f0; */
}

.sns-adjust img{
margin-left:10%;
margin-right:10%x;
width:10%;
/* border:solid 1px #f00; */
}
}

@media screen and (min-width:768px) {
.simple-messege-page{
height:100px;
padding:130px;
font-size:140%;
}
}

@media screen and (max-width:767px) {
/* 767px以下なら */
.simple-messege-page{
margin:0 auto;
width:90%;
height:100px;
}
.simple-messege-page p{
font-size:100%;
}
}



/* 背景色 */
.haikei-color{
padding-top:10px;
padding-bottom:20px;
width:100%;
height:auto;
background:#F4D500;
}
@media screen and (min-width:768px) {
/* 768px以上なら */
.center-wrap{
width:1170px;
}
}
@media screen and (max-width:767px) {
/* 767px以下なら */
.center-wrap{
width:100%;
}
}



/* 調整 */
/* 上下のボタンとボタンを離す */
.button-separate{
height:15px;
}


