* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; }
html,
body { margin:0; padding:0; height:100%; line-height:1.5;  -webkit-tap-highlight-color: rgba(0,0,0,0.8);  color:#333; font-size: 62.5%;}

/*ヘッダー*/
#header-bg { width:100%;  }
#header { position: relative; padding: 0 1%; width:750px; height: 80px; margin:0 auto;}

.logo-sub{float:left; margin:8px 0 0 0; padding: 0; width:100%; font-size:1.4rem; line-height: 1;}


.link-to-other-box{position: absolute; top: 5px; right: 2%;}
.link-to-kirakare{ background-color: #4AC6B9; color: #FFF; padding: 2px 8px; border-radius: 2px; font-size: 1.2rem; font-weight: bold; }
.link-to-dougajyuken{ background-color: #FF3F4C; color: #FFF; margin:0 5px 0 0; padding: 2px 8px; border-radius: 2px; font-size: 1.2rem; font-weight: bold; }


.logo{ float:left; width:200px; margin:6px 0 0 0; font-size: 2.0rem;}
.logo img{ display: block; }
.logo a{color: #FFF; font-weight: bold; }
.logo-a{ float: left; width: 100%; height: 100%; line-height: 1;}
.logo-a span{line-height: 1; font-size: 2.2rem; margin:0 5px 0 0; text-shadow: 0 0 10px rgba(89,145,145);   }


/*テキスト検索*/
.search { float:right; width: 35%; margin:9px 0 0 0; }
.search-k { -webkit-appearance: none; float:left; padding:3px 12px; width:85%; height: 34px; font-size:16px; border-radius:2px 0 0 2px; border:#FF5824 solid 1px;}
.search-b { -webkit-appearance: none; float:left; margin:0 ; padding: 0;  height:34px; border:solid 1px #000; width:15%; font-size:18px; border:none; border-radius: 0 2px 2px 0; background-color: #FF5824; text-align: center; font-size: 1.4rem; color: #FFF;
}
.search-k::-webkit-input-placeholder { font-size: 1.2rem; }


/*グローバルナビ*/
#g-navi-bg { float: left; width:100%; padding: 0 0 0 0; background-color: #444;}
#f-navi-bg { float: left; width:100%; margin:30px 0 0 0; padding: 0 0 0 0; background-color   : #FF5824;}
#g-navi{  width:750px; height: 47px; margin:0 auto; padding:8px 1%; line-height: 1.3;  list-style: none; }
.g-navi-btn{ float: left; margin:0 5px 0 0; padding:6px 15px 6px 15px; height: auto; text-align: center; font-size: 1.6rem; border-radius: 2px; line-height: 1.2;}
.g-navi-btn-on{ color: #FF5824; background-color: #FFF2E6;}
.g-navi-btn-off{ color: #333; background-color: #FFF;}
#g-navi i{ margin:0 3px 0 0;}


/*パンくずナビ*/
#pan{margin: 5px 2% 0 2%;}


/*内容*/
#contents { position:relative; clear:both; margin:0; width:750px; margin:0 auto; min-height: 680px; padding:0; border:#CCC solid 0px; border:#999 solid 0px; overflow: hidden; font-size: 1.4rem; }
#contents:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }


/* footer */
#footer-bg { float: left; margin:50px 0 0 0; width:100%; height:240px; background-color: #000;}
#footer { float: left; width: 750px; padding-top:25px; margin-left:auto; margin-right:auto; width:100%; text-align:center; font-size: 14px; color: #fff;}
.f-copy{ float: left; width: 100%; margin:20px 0 0 0; text-align: center;color: #FFF; }
.f-copy a{ color: #FFF;   }





/*管理用*/
.speed { position: absolute; top:3px; right:3px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 4px; border-radius:2px; font-size: 7px; }
.speed2 { margin:1px 1px 0px 1px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 20px; border-radius:4px; clear:both; font-size: 12px; }



/*共通*/
input { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; }
* a { color:#0079c2; text-decoration:none; }






/*引っ越し案内*/
.site-move-notice {
  background: #ff6161;
  padding: 20px 5%;
  text-align: center;
  font-family: 'Helvetica Neue', sans-serif;
}

.notice-box {
  display: inline-block;
  width:90%;
  background: white;
  border: 1px solid #ffc107;
  padding: 30px;
  border-radius: 1.4rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    color: #333;
  font-size: 16px;
  line-height: 1.6;
}

.notice-title{
  color: #FF2E28;
  font-size: 2.2rem;
  padding:3px 0;
  margin-bottom: 15px;
  border:#FF2E28 solid;
  border-width: 2px 0;
}

.notice-box-small{
  font-size: 1rem; color: 666;
  line-height: 1.2;
}
.move-link {
  display: inline-block;
  margin-top: 10px;
  padding: 12px 20px;
  background: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background 0.3s;
}

.move-link:hover {
  background: #0056b3;
}










/*コメント*/
.co-all{ float: left; width: 94%; margin:5px 3%;}
.co-area-befor,
.co-area-after{ position: relative; float: left; width: 100%; }
.co-area-after{ float: left; width: 100%; height: 100px; line-height: 1.1; }
.co-area-after{ text-align: center; padding:20px 0 0 0; font-size:36px; font-weight: bold; }
.co-area-after-s{ font-size: 16px; }
.co-input{ float: left; width: 100%; margin:10px 0 0 0; padding: 3px 8px; border:#999 solid 1px; font-size: 16px; border-radius: 5px; -webkit-appearance: none; background-color: #FDF2F2; border:#EAB0B0 solid 1px;}
.co-name{ float: left; width: 60%;   }
.co-txt{ height: 100px; }
.co-btn-box{ float: left; width: 100%; height: 55px; }


/*コメント送信ボタン*/
.co-btn{float: right; width: 30%; height: 32px;  margin:10px 0 0 0;  padding: 4px ; background-color: #000; color: #FFF; border-radius: 5px; text-align: center; font-size: 16px;  }
.co-btn-disable{ float: right; width: 30%; height: 35px;  margin:10px 0 0 0;  padding: 7px ; background-color: #999; color: #FFF; border-radius: 5px; text-align: center; font-size: 16px; display: none; }

/*コメント履歴*/
.co-hist{ float: left; width: 100%; margin:10px 0 0 0;  background-color: #FDF7E8; border:#D8C79B solid 2px; border-radius: 5px;  font-size: 1.4rem; }
.co-hist-list{ float: left; width: 96%; margin:10px 2%; border-collapse: collapse;}
.co-hist-list th{ width: 30px; text-align: center; }
.co-hist-list th i{ margin:0; }
.co-hist-list th .fa-trash-alt{ color: #999; }
.co-hist-list th,
.co-hist-list td{ padding: 3px 0px; line-height: 1.3; vertical-align: top; word-break: break-all;word-wrap: break-word;}
.co-hist-list td p{ margin: 0 0 5px 0; word-break: break-all; word-wrap: break-word;}
.co-hist-list-td-s{ font-size: 12px; color: #777; }
.co-hist-list-td-pic{ float: left; width: 90%; }
.co-hist-list-td-pic-img{ display: block; max-width: 100%; border:#FFF solid 3px; box-shadow: 2px 2px 5px rgba(0,0,0,0.4); }
.co-hist-list-td-info{ float: left; width: 100%; margin:5px 0 15px 0 ; font-size: 12px; line-height: 1.5; }
.co-hist-list-td-info-i{ margin:0 3px 0 0; }
.co-hist-list-td-hukai{ color: #FFD1D1;  }
.co-hist-list-td-hukai-after{ color: #BBBBBB; }

.co-hist-toukou-page{float: left; width: 100%; font-size: 0.8rem; color: #999;}

.co-del-btn{ margin:0 5px 0 0px; }
.co-del-btn i{ margin:0 5px 0 0; }
.co-del-btn-exp{ font-size: 0.8rem; color:#9E9E9E; }
.co-del-btn:hover{ cursor:pointer; background-color:transparent; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.fa-comment{ color: #C4AE75; margin:0 10px 0 0; }


.comment-link{ float: left; width: 100%; margin:5px 0 30px 0; text-align: center; }
.comment-link a{ background-color: #EF340F; color: #FFF; padding: 8px 20px; border-radius: 5px; font-size: 1.2rem; }
.co-none{ float: left; color:#8C8060; margin:10px 20px; padding: 0;  }

.co-note{ float: left; width: 100%; padding: 2px 5%; font-size: 1rem; color:#666;   }

.co-loading{position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(255,255,255,.7);
  background-image: url(../image/design/co-loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 150px auto;}
.co-hide{ display: none; }





/*広告*/
.AD-rectangle-box{ float:left ; width:100%; height: 300px; margin:10px 0 10px 0px; text-align:center; }
.AD-rectangle{  float: left;  width:320px; margin:20px; border:#000 solid 0px; }