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

/* content-wrap */
.content-wrap{
margin-bottom:15px;
width:100%;
height:auto;
overflow:auto;
/* height:250px; */
/* border:solid 1px #f00; */
}

.content-wrap img{
/* margin-bottom:10px;*/
width:100%;
}

.content-font01{
font-size:110%;
border-bottom:solid 1px #636363;
}

.content-font02{
font-size:125%;
color:#007E4E;
border-bottom:solid 1px #969696;
}



/* オレンジ背景白テキスト */
/* ポイント */
.content-font03{
margin:5px;
padding:5px;
font-size:90%;
background:#DD7D00;
color:#fff;
font-weight:bold;
float:left;
}

/* パックプランの価格(赤)　*/
.content-font05{
font-size:200%;
font-weight:bold;
color:#ff0000;
font-family: "Kosugi","meiryo","ＭＳ ゴシック",sans-serif;
}


/* パックプランの表題*/
.content-font06{
margin-top:20px;
padding-top:20px;
padding-bottom:10px;
font-size:125%;
font-weight:bold;
text-align: center;
border-bottom: solid 2px;
/*border-width: 0px 0px 15px 20px;*/
}


/*価格用　黒テキスト*/
.content-font07{
font-size:100%;
font-weight:bold;
font-family: "Kosugi","meiryo","ＭＳ ゴシック",sans-serif;
}

/*価格用　ボタン*/
.kakau-btn {
  display: inline-block;
  width: 80%;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  margin:10px 0px 0px 0px;
  padding: 20px;
  background-color:#ff0000;
  border-radius: 50px;
  transition: .4s;
}
.kakau-btn:hover {
  background-color: #C8C7C5;
  color: #494846;
}

/*価格下　ボタン 詳細をお問合せ*/
.cont-btn {
  display: inline-block;
  width: 80%;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin:10px 0px 0px 0px;
  padding: 20px;
  background-color:#FFFF00;
  border-radius: 50px;
  transition: .4s;
}
.cont-btn:hover {
  background-color: #C8C7C5;
  color: #494846;
}


/* floatを解除 */
.cb{
  clear: both;
}


/* 枠なし　重要赤テキスト　*/
.content-font08{
font-size:100%;
color:#F05491;
font-weight:bold;
}

/* メイン見出し　ストライプテキスト　*/
.content-font09{
font-size:125%;
font-weight:bold;
text-align: center;
background: #dfefff;
padding: 10px 10px;
border-radius: 10px;
}


/* 白テキスト　黒背景　*/
/* 通常パック　*/
.content-font10{
margin:0px 5px 0px 5px;
padding:2px;
font-size:90%;
font-weight:bold;
border:solid 1px;
float:left;
}


/* 黒テキスト 大 option商材 */
.content-font11{
font-size:100%;
font-weight:bold;
text-align: center;
}


/* lineup-wrap 価格赤*/
.content-font12{
margin:5px;
font-size:120%;
color:#a80d2a;
font-weight:bold;
}



/* lineup-wrap */
.lineup-wrap{
margin-bottom:15px;
width:100%;
height:300px;
overflow:auto;
/* height:250px; */
/* border:solid 1px #f00; */
}

.lineup-wrap img{
/* margin-bottom:10px;*/
width:100%;
}


/* 黒テキスト小
トップページのラインナップ*/
.content-font13{
font-size:70%;
margin:2px;
padding:5px;
border:solid 1px ;
border-radius: 5px;
float:left;
}

/*レビュー用へ飛ぶ*/
.review {
padding:8px;
width: auto;
text-align: center;
font-size: 80%;
font-weight: bold;
background-color: #ffcc00;
border-radius: 5px;
text-decoration: none;/*下線を表示させない*/
}


/* lineup-text */
.lineup-text{
margin:10px;
padding:5px;
text-align: center;
display:block;
border:solid 1px #198cbc;
border-radius: 5px;
}


/*lineupタイトル*/
.lineup-font{
width: 100%;
text-align: center;
font-size: 80%;
color: #FFF;
text-decoration: none;
text-align: center;
font-weight: bold;
padding:5px;
background-color: #494846;
/*border-radius: 10px;*/
transition: .4s;
}

.lineup-font:hover {
background-color: #C8C7C5;
border-color: #494846;
color: #494846;
}



/* showroom-wrap */
.showroom-wrap{
margin:5px;
width:100%;
height:auot;
}
.showroom-wrap img{
width:100%;
}
.showroom-wrap img:hover{
  transform:scale(1.2,1.2);
  transition:0.5s all;
}


/* クローズアップ-wrap */
.clauseup-wrap{
width:100%;
}
.clauseup-wrap img{
width:100%;
}
.clauseup-wrap img:hover{
  transform:scale(1.2,1.2);
  transition:0.5s all;
}




/*テキスト用ボタン2*/
.btn-border {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 90%;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  margin:0px 0px 5px 0px ;
  padding: 10px;
  background-color: #494846;
  /*border-radius: 10px;*/
  transition: .4s;
}

.btn-border:hover {
  background-color: #C8C7C5;
  border-color: #494846;
  color: #494846;
}


/*目次用ボタンワイド青*/
.btn-border02 {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 80%;
  color: #076BAF;
  font-weight: bold;
  margin:2px;
  padding: 5px 20px 5px 20px;
  border-bottom: dashed 1px #076BAF;
}

.btn-border02:hover {
  background-color: #29ABE2;
  color: #FFF;
}

/* 目次用　黒テキスト　*/
.mokuji{
padding: 10px 20px 0px 10px;
font-size:120%;
font-weight:bold;
font-family: "Kosugi","meiryo","ＭＳ ゴシック",sans-serif;
border-bottom:solid 3px #076BAF;
}

/*説明用 黒テキスト 小 */
.setumei{
padding: 5px;
font-size:95%;
}


/*テキスト用ボタングリーン*/
.btn-border03 {
  display: inline-block;
  margin: 5px;
  width: 95%;
  text-align: center;
  border: 2px solid #8fc947;
  font-size: 16px;
  color: #8fc947;
  text-decoration: none;
  font-weight: bold;
  padding: 20px;
  border-radius: 10px;
  transition: .4s;
}


.btn-border03:hover {
  background-color: #8fc947;
  border-color: #8fc947;
  color: #FFF;
}


/* Q＆A */
/* content-aq */
.content-aq{
padding:20px;
margin-bottom:30px;
width:100%;
height:auto;
background: #D4F0F1;
border-radius: 10px;
/* height:250px; */
/* border:solid 1px #f00; */
}

.content-aq img{
width:100%;
-webkit-backface-visibility: hidden;
}



/* Q＆A一文字目青 */
.aq01{
padding-left:10px;
font-size:120%;
border-bottom:solid 2px #0071BC;
}

.aq01:first-letter{
font-size:200%;
color:#0071BC;
font-weight:bold;ED1E79
}

/* Q＆A一文字目ピンク */
.aq02{
padding-left:10px;
font-size:100%;
}

.aq02:first-letter{
font-size:120%;
color:#ED1E79;
font-weight:bold;
}



/* コラム */

.column_caption-wrap{
margin-bottom:20px;
padding:5px;
width:100%;
height:auto;
/* overflow:auto; */
border:solid 1px #dbdbdb;
border-radius:5px;
}

.column_caption-img-wrap{
margin-bottom:0px;
margin-right:5px;
height:auto;
width:40%;
float:left;
/* border:solid 1px #f00; */
}

.column_caption-wrap img{
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
/* float:left; */
width:100%;
}

/*.column-right{
margin-top:10px;
width:60%;
float:right;*/
}


.column_explain{
margin:5px;
margin-bottom:10px;
/* border:solid 1px #f00; */
}

.column_explain p{
margin:0;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
width:100%;
font-size:100%;
/* border:solid 1px #f00; */
}

.column_category{
background:#3e3e3e;
color:#fff;
font-weight:bold;
border-radius:5px;
}



/* 施工事例 */

.cg-img{
margin-bottom:15px;
width:100%;
height:auto;
overflow-x:scroll;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
/* height:250px; */
/* border:solid 1px #f00; */
}

.cg-img img{
margin:2px;
width:55vw;
 // ビューポート倍率
height:200px;
/* border:solid 1px #f00; */
}

.cg-spec{
width:100%;
height:auto;
}

.cg-aida{
margin-top:20px;
height:40px;
border-top:solid 1px #eee;
}


/* hyou-各表　*/

.hyou{
width:100%;
height:auto;
float:left;
margin-bottom:10px;
/* border:solid 1px #f00; */
}

.hyou img{
margin-top:0;
margin-left:auto;
margin-right:auto;
height:auto;
width:100%;
/* border:solid 1px #f00; */
}
.hyou dl{
margin:0;
height:auto;
overflow:auto;
/* border-right: 1px solid #ccc;*/
/* border-left: 1px solid #ccc;*/
/* border:solid 1px #f00; */
}

.hyou dt{
padding-top:10px;
padding-left:10px;
clear:left; 
width:100%;
/* border:solid 1px #f00; */
}

.hyou dd{
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
width:100%;
color: #838383;
border-bottom: 1px solid #ccc;
/* border-right:solid 1px #C0C0C0; */
/* border:solid 1px #f00; */
}

/* 施工事例スワイプなし */
.sekourei-wrap{
margin-bottom:30px;
width:100%;
height:auto;
/* height:250px; */
/* border:solid 1px #f00; */
}

.sekourei-wrap img{
margin:10px 10px 10px 0px;
height:auto;
width:30%;
float: left;
-webkit-backface-visibility: hidden;
}

/* トピック */
.topic-wrap{
padding:5px;
/*
border: solid 1px;
border-radius: 10px;
*/
}
.topic-wrap img{
margin:0px;
width:100%;
/*border-width: 0px 0px 15px 20px;*/
}

.smt-caption-wrap{
margin:10px;
height:auto;
/*background:#fff;*/
/*border: solid 1px;*/
/*border-radius: 10px;*/
}

/* ニューストピック*/
.topic{
font-size:110%;
font-weight:bold;
text-align: center;
border-bottom: solid 2px;
}

/* siken-試験表　*/

.siken{
width:99%;
height:auto;
background:#E2E1E0;
font-size:80%;
/* border:solid 1px #f00; */
}

.siken img{
margin-top:0;
margin-left:auto;
margin-right:auto;
height:auto;
width:100%;
/* border:solid 1px #f00; */
}

.siken dl{
margin:0;
height:auto;
overflow:auto;
/* border:solid 1px #f00; */
}

.siken dt{
padding:10px;
clear:left;
float:left;
height:60px;
width:30%;
text-align:center;
border: 1px solid #ccc;
/* border:solid 1px #f00; */
}

.siken dd{
padding:10px;
float:left;
height:60px;
width:35%;
background:#fff;
border: 1px solid #ccc;
/* border-right:solid 1px #C0C0C0; */
/* border:solid 1px #f00; */
}


/* 価格表　*/

.price{
margin:20px;
width:100%;
height:auto;
/* border:solid 1px #f00; */
}

.price dl{
height:auto;
overflow:auto;
border_top: 1px solid #ccc;
/* border:solid 1px #f00; */
}

.price dt{
padding:10px;
float:left;
clear:left;
width:50%;
height:15%;
font-size:80%;
text-align:center;
background:#E2E1E0;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
/* border:solid 1px #f00; */
}

.price dd{
padding:10px;
width:50%;
height:15%;
float:right;
background:#fff;
font-size:120%;
text-align:center;
/* border-right:solid 1px #C0C0C0; */
/* border:solid 1px #f00; */
}


/*初期値のCSSの設定CSS*/
.fadein {
  opacity : 0;
  transform: translateX(100px);
  transition: all 1s;
}

/*タグ*/
/* tag-wrap */
.tag-wrap{
margin-bottom:10px;
padding:20px;
width:100%;
height:auto;
border:solid 2px #0071BC;
border-radius:10px;
}
.btn--orange{
margin:5px;
}
a.btn--orange {
  color: #000;
  background-color: yellow;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #076BAF;
}

