* { -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 { margin:0 auto; padding: 0 3%; width: 100%; maxwidth: 100%; max-width:900px; height: 85px; text-align: center;}

.logo-sub{float:left; margin:8px 0 0 0; padding: 0 0 0 5px; width:100%; font-size:1.4rem; line-height: 1; color: #63af1c; text-align: left;}
.logo{ float: left; margin:6px 0 0 0; width:320px;}
.logo img{ display: block; }
.logo:hover{ cursor: pointer; opacity: 0.8; }


/*テキスト検索*/
.search { float:right; width: 55%; margin:6px 0 0 0; }
.search-k { -webkit-appearance: none;
 float:left; padding:3px 12px; width:80%; height: 29px; font-size:16px; border-radius:2px 0 0 2px; border:none; }
.search-b { -webkit-appearance: none;
float:left; margin:0 0 0 2px; padding: 0;  height:29px; width:18%; font-size:16px; border:none; border-radius: 0 2px 2px 0; background-color: #8FC1EB; text-align: center; font-size: 1.6rem; color: #FFF;
}
.search-k::-webkit-input-placeholder { font-size: 1.2rem; }



/*グローバルナビ*/
#g-navi-bg { float: left; width:100%; margin:0; padding:6px 2% 6px 2%; color: #FFF;
	background-color: #87cf47;
background-image: url("/image/design/45-degree-fabric-dark.png");
 }
#g-navi { list-style: none; margin:0 auto;width: 100%; max-width:900px; padding:0 2%;}
#g-navi li{ float: left; margin:0.5%; padding:0 ; text-align: center; font-size: 1.6rem;
	 }
#g-navi a{ display: block; float: left; margin:0; padding:3px 20px; width: 100%; height: 100%; border-radius: 2px; border:#FFF solid 1px;}
#g-navi li a:hover{ cursor: pointer; background-color: rgba(255,255,255,0.6); color: #6AB335; }
.g-navi-btn{ color: #FFF;}
.g-navi-btn-on{background-color: #FFF; color: #6AB335; }


/*パンくず*/
#pan { float: left; width: width:96%; padding:7px 3%; font-size: 16px; line-height: 1.3; color: #666;}
#pan a{ margin:0 2px;}
#pan i{ font-size: 16px; }
#pan span{ margin:0 2px; }






#contents { position:relative; clear:both; margin:0 auto;width: 100%; max-width:900px; padding:0; border:#CCC solid 0px; border:#999 solid 0px; overflow: hidden; font-size: 1.4rem; min-height: 700px;  }
#contents:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }




/* footer */
#footer-bg { float: left; margin:50px 0 0 0; width:100%; height:250px;background-color: #87CF47;
	background-color: #87cf47;
background-image: url("/image/design/45-degree-fabric-dark.png");
}
#footer {width: 100%; max-width:900px; padding-top:25px; margin:0 auto; 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; }



/* twitter */
.f-tw{ float: left; width: 100%; max-width:900px; }
.tw { float: left; width: 250px; margin: 15px 325px; padding: 6px 25px 8px 25px; border: #01B1EC solid 2px; border-radius: 10px;  background-color: #FFF; }
.tw-img {float: left; width: 20%; margin:6px 0 0 0;}
.tw-txt{ float: left; width: 80%; color: #666; font-size: 18px; line-height: 1.1; }
.tw-txt span{ font-size: 12px; }
.tw:hover{ cursor: pointer; opacity: 0.9; }





/*共通*/
.link-box{ float: left; width: 100%; margin:10px 0 8px 0; text-align: center; }
.link-btn{ padding: 3px 15px; border-radius: 3px; border:#4790DA solid 1px; font-size: 1.6rem; line-height: 1; color: #4790DA; }
.link-btn:hover{ cursor: pointer; background-color:#4790DA; 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;  }


/*ページ操作*/
#pageTop{ position:fixed; bottom:0px; right:20px; }

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






/*コメント*/
.co-all{ float: left; width: 100%; margin:5px 0; padding: 0 5%;}
.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:5px 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{ width:50%;  }
.co-txt{ height: 100px; }
.co-btn-box{ float: left; width: 100%; height: 55px; }
.co-btn{float: right; width: 20%; height: 35px;  margin:10px 0 0 0;  padding: 7px ; background-color: #FF415C; color: #FFF; border-radius: 5px; text-align: center; font-size: 16px;  }
.co-btn:hover{ cursor: pointer; opacity: 0.6; }
.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:20px 0 0 0;  background-color: #FFFDF5; border:#D8CA9B solid 2px; border-radius: 5px; }
.co-exp{ float: left; width: 100%; margin:10px 0; padding: 0 5%; color: #756F63; font-size: 12px; }
.co-hist-list{ float: left; width: 96%; margin:10px 2%; border-spacing:  0 5px; }
.co-hist-list th{ width: 30px; text-align: center; }
.co-hist-list th i{ margin:0; font-size: 1.6rem; }
.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; }
.co-hist-list td p{ margin: 0 0 3px 0; font-size: 1.6rem; }
.co-hist-list-td-s{ font-size: 1.2rem;}
.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:10px 0 15px 0 ; font-size: 1.3rem; line-height: 1.1; color: #7D7D7D; }
.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-category{ font-size: 1.2rem;}
.co-hist-category i{ opacity: 0.8;}
.co-hist-category a:hover{ cursor: pointer; opacity: 0.6; }
.co-del-btn{ margin:0 5px 0 0px; color:#9E9E9E; }
.co-del-btn i{ margin:0 3px 0 0; font-size: 1.1rem; }
.co-del-btn-exp{ font-size: 1rem;}
.co-del-btn:hover{ cursor:pointer; color: #FF7070;}
.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.1rem; }
.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; }