/* Font */
html, body{
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
body a{
  color: #5CB0BB;
	word-break: break-word;
}
body a:hover{
  color: #4b9aa5;
}
/* General */
main h1{
  font-size: 28px;
}
main h2{
  text-align: center;
  font-size: 23px;
  font-weight: bold;
}
main h3{
  font-size: 20px;
}
.request-content img,
.uk-card-header img{
  width: 30px;
}
/* Header */
.header nav img{
  display: inline-block;
  width: 100px;
}
.header a:hover{
  text-decoration: none;
}
.header .header-right > ul > li > a{
  min-height: 60px;
}
.notification{
  padding: 0;
}
.notification-error{
  padding: 10px;
}
.notification-inner .notification-text{
  padding: 15px 0;
}
/* Hero */
.hero-box{
  background: url("/hc/theming_assets/01HZKTBYHVSHCAT7D2WSDXPMN4") no-repeat;
  background-position: center top 30px;
  background-size: 90%;
}
.hero-box form{
  padding-top: 140px;
}
.hero-box form input, .category-box form input{
 	padding: 18px 30px 18px 65px;
  border-radius: 35px;
  border: none;
  font-size: 17px;
  min-width: 200px;
  box-shadow: 0 5px 0 0 rgba( 0, 0, 0, .1 );
  outline: none;
  background: url("/hc/theming_assets/01HZKTBWF8WR8FET03HAGGD7V7") rgba(255, 255, 255, .85) no-repeat;
  background-size: 28px;
  background-position: 20px;
}
/* Main */
.hero-box{
  background-color: #BBD3AA;
  min-height: 250px;
}
/* Category */
.category-box{
  background: #BBD3AA;
}
.category-box form input{
  min-width: 40%;
}
.category .list-item{
  background: #F5F2EF;
  border-radius: 5px;
}
.category .list-item a{
  font-size: 19px;
  color: #333333;
  text-decoration: none;
}
.category .category-icon{
  width: 90px;
  height: 90px;
  border-radius: 5px 0 0 5px;
  background-position: center;
}
.category-list h3 a{
  display: block;
  width: 100%;
  padding: 3px 20px;
  box-sizing: border-box;
  border-left: 7px solid #dddddd;
}
.category-list h3 a:hover{
  text-decoration: none;
}
.howto{
  background: url("/hc/theming_assets/01HZKTBWKN8N81TWGSFRMKZE8Y") #5a7282 no-repeat;
}
.design{
  background: url("/hc/theming_assets/01HZKTBWRKTGAWB0AD3P1F9K7H") #9cd1ab no-repeat;
}
.plugin{
  background: url("/hc/theming_assets/01HZKTBWX2SMTRRBNVKTCWDWB3") #a0d7dc no-repeat;
}
.regist{
  background: url("/hc/theming_assets/01HZKTBX22ECYERBT4A25PF0MW") #ffbea0 no-repeat;
}
.forget{
  background: url("/hc/theming_assets/01HZKTBX73J736NVRSNDTBV18J") #fbfbe9 no-repeat;
}
.assignment{
  background: url("/hc/theming_assets/01HZKTBXC2T3JJ30T2G1GZ1Z4W") #f7bb9d no-repeat;
}
.failure{
  background: url("/hc/theming_assets/01HZKTBXGVQFPDBFF060RXRSWS") #e17a80 no-repeat;
}
.spam{
  background: url("/hc/theming_assets/01HZKTBXNWECBET63321YGAZ8H") #9cd1ab no-repeat;
}
.faq{
  background: url("/hc/theming_assets/01HZKTBXTJKD4NGAQ7XTCRSVMS") #d9df99 no-repeat;
}
.add{
  background: url("/hc/theming_assets/01HZKTBXZPFC9HF1TY1N21YYPP") #e67a85 no-repeat;
}
.deletion-request{
  background: url("/hc/theming_assets/01HZKTBY501BAMJ1H94JHNAECQ") #3c3f44 no-repeat;
}
.other{
  background: url("/hc/theming_assets/01HZKTBYC9NMFEAA946NAJTQ19") #a2d3b0 no-repeat;
}
/* Activity */
.activity{
  background: #CCDFCC;
}
.activity h2, .activity ul li a.recent-activity-item-link{
  color: #60776B;
  font-weight: bold;
}
.activity ul{
  list-style-type: none;
  padding-left: 0;
}
.activity ul li{
  background: #ffffff;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.recent-activity-item-comment{
  display: none;
}
.recent-activity-item-link{
  display: block;
  margin-top: 8px;
}
.recent-activity-item-parent{
  display: inline-block;
  background: #60776B;
  color: #ffffff;
  padding: 3px 8px 1px 8px;
  font-size: 14px;
}
.recent-activity-item-time{
  font-size: 14px;
	color: #838383;
  margin-top: 8px;
}
.recent-activity-controls a{
  display: block;
  background: #60776B;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  border-radius: 5px;
  padding: 8px;
  box-shadow: 0 5px 0 0 rgba( 0, 0, 0, .1 );
}
.recent-activity-item-parent:hover, .recent-activity-controls a:hover, .contact a.button:hover{
  text-decoration: none;
  color: #ffffff;
  background: #495f54;
}
.user-activity img{
  width: 30px;
  height: 30px;
}
.user-activity:not(:last-child){
  border-left: 1px solid #ddd;
}
.user-profile li[aria-selected=true] a{
  border-bottom: 5px solid #ff9909;
}
.uk-navbar-nav .user-profile li:not(.uk-active) a:hover{
  border-bottom: 5px solid #dddddd;
}
.profile-activity{
  padding-left: 30px;
  position: relative;
}
.profile-activity:before{
  position: absolute;
  left: 0;
  width: 28px;
  border-radius: 50%;
  content: "";
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 50% 50%;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  color: #ccc;
  font-family: "copenhagen-icons";
}
/* Contact */
.contact-box{
  background: #93B8CA;
}
.contact-box .clowd{
  background: url("/hc/theming_assets/01HZKTBWAH31D8V66DSGQ7GKBG") repeat-x;
  width: 100%;
  background-size: 500px;
  height: 100px;
  display: block;
  background-position: -35px 15px;
}
.contact h2{
  color: #ffffff;
}
.contact img{
  height: 50px;
}
.contact p.matome img{
  background: #404040;
  padding: 12px;
}
.contact .button{
  background: #6894AA;
  color: #ffffff;
  padding: 8px;
}
.contact a.button:hover{
  background: #4b758a;
}
.green-button{
  background: #5CB0BB;
}
.green-button:hover{
  background: #4b9aa5;
}
a.green-button{
  color: #ffffff;
  padding: 5px;
}
a.green-button:hover{
	color: #ffffff;
}
.homeback a{
  border-radius: 5px;
  background: #5CB0BB;
  color: #ffffff;
 	display: block;
  border: none;
  font-size: 16px;
}
.homeback a:hover{
  background: #4b9aa5;
  color: #ffffff;
  text-decoration: none;
}
/* breadcrumb */
.breadcrumbs{
  margin-bottom: 0;
  padding: 15px;
}
.breadcrumbs li{
  list-style-type: none;
  display: inline-block;
}
.breadcrumbs li, .breadcrumbs li a{
  font-size: 14px;
}
.breadcrumbs li:before{
  content: "/";
  color: #dddddd;
}
.breadcrumbs li:first-child:before{
  content: none;
}
.breadcrumbs li:last-child, .breadcrumbs li a:last-child{
  color: #333333;
}
/* search */
.search-list em{
  color: #333333;
  font-style: inherit;
  font-weight: bold;
}
.search-list > ul > li{
  padding: 20px;
  border: 3px solid #dddddd;
  border-radius: 5px;
}
.search-list > ul > li > a{
  font-size: 18px;
}
/* Section */
.section section h1{
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  border-left: 5px solid #dddddd;
  padding-left:  15px;
}
.section form{
  padding: 15px;
}
.section form > input{
  display: block;
  font-size: 16px;
  border-radius: 35px;
  border: 1px solid #dddddd;
  padding: 5px 30px 5px 50px;
  width: 100%;
  box-sizing: border-box;
  background: url("/hc/theming_assets/01HZKTBWF8WR8FET03HAGGD7V7") no-repeat;
  outline: none;
  background-size: 18px;
  background-position: 20px;
}
/* Article */
.article-up:after, .article-down:after{
  margin-left: 10px;
  font-size: 15px;
}
.article-up:after{
  content: "はい";
}
.article-down:after{
  content: "いいえ";
}
.article-menu{
  background: #ffffff;
}
.article-menu h2{
  background: #5CB0BB;
  color: #ffffff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  font-weight: inherit;
  font-size: 20px;
}
.article-menu h3{
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 20px;
}
.article-menu-button ul{
  list-style-type: none;
  padding: 0;
  margin-top: 0;
}
.article-menu-button ul li{
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
  margin: 5px 15px 5px 40px;
}
.article-menu-button ul li:last-child{
  border-bottom: none;
}
.article-menu-button ul li a{
  color: #8a8a8a;
}
.article-menu-button i{
  color: #5CB0BB; 
}
.article-list-item {
  margin-bottom: 5px;
}
.recent-articles{
  padding-bottom: 5px;
}
.article-relation h3:before{
    background: url("/hc/theming_assets/01HZKTBYTZA252G4WKW8FXTAM7") no-repeat;
}
.article-viewed h3:before{
    background: url("/hc/theming_assets/01HZKTBYP67FPZ8KWDG2EJQN66") no-repeat;
}
.article-relation h3:before, .article-viewed h3:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 15px;
}
ul.article-content > li{
  border-top: 1px solid #dddddd;
}
/* Reqest */
.new-reqest label{
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.new-reqest .required label:after{
  content:"[必須]";
  color: #FF0000;
  font-size: 14px;
  margin-left: 5px;
}
.new-reqest p{
  font-size: 14px;
  margin: 5px 0 0 0;
}
.new-reqest input:not([type="checkbox"]) , .new-reqest textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  padding: 5px;
}
.new-reqest input[type="text"]:focus, .new-reqest textarea:focus {
  outline: 0;
  border-color: #ff9909;
}
.new-reqest textarea{
 	min-height: 100px;
  max-height: 250px;
}
.new-reqest .upload-dropzone span{
  padding: 30px;
}
.new-reqest .form-field{
  padding: 20px 0;
}
.new-reqest input[type="submit"]{
  color: #FFFFFF;
  background-color: #5CB0BB;
  border: none;
  padding: 8px;
  border-radius: 5px;
  margin-top: 20px;
}
.new-reqest p[id*="request_custom_fields_"] {
 	display: inline;
}
/* Other */
.side-space{
  padding: 0 10px;
}
/* Share */
.share a::before {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
.share {
  padding: 0;
  white-space: nowrap;
}
.share li, .share a {
  display: inline-block;
}
.share a {
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  width: 37px;
}
.share a::before {
  color: #666;
  display: block;
  font-size: 35px;
  text-align: center;
  width: 100%;
}
.share a:hover {
  text-decoration: none;
}
.share a:hover::before {
  color: rgba(255, 153, 9, 1);
}
.share a.share-twitter:hover::before {
  color: #55acee;
}
.share a.share-facebook:hover::before {
  color: #315096;
}
.share a.share-linkedin:hover::before {
  color: #0079ba;
}
.share-twitter::before {
  content: "\e901";
}
.share-facebook::before {
  content: "\e903";
}
.share-linkedin::before {
  content: "\e900";
}
.info-box{
  background: #FBFBE9;
}
.info-box a{
  background: #f9d397;
  border: none;
  font-size: 18px;
  padding: 15px;
}
.info-box a:hover{
  text-decoration: none;
  background: #e0a98d;
}
/* Error */
.unauthorized{
  background: url("/hc/theming_assets/01HZKTBZ9ZM6Y6ZJ6WBF5AWHXP") no-repeat;
}
.forbidden{
  background: url("/hc/theming_assets/01HZKTBZ51456VQBHXB3Y63RRT") no-repeat;
}
.notfound{
 	background: url("/hc/theming_assets/01HZKTBZ07KD8Y3J9Y26WE0EVD") no-repeat;
}
.error-img{
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

/* Pagination */
.article-pagination li{
  display: inline-block;
  font-size: 14px;
}
.article-pagination li:not(.pagination-current){
  padding: 0 10px;
}
.pagination-current{
  padding: 5px;
  border-radius: 50px;
  background-color: #5CB0BB;
  color: #ffffff;
  display: block;
  width: 20px;
  height: 20px;
}
.pagination-current span{
  display: block;
  text-align: center;
}
.pagination li a{
  color: #333;
}
.pagination li a:hover{
  text-decoration: none;
}
.pagination li:hover{
  background: #dddddd;
}
.border-del{
  border: none;
}
/* SP Only */
@media screen and (min-width: 481px){
  .hero-box {
    background-size: 60%;
  }
}
/* PC Only */
@media screen and (min-width: 769px){
  .hero-box {
    background-size: 50%;
    background-position: center top 40px;
  }
  .hero-box form input, .category-box form input{
    min-width: 420px;
  }
  .hero-box form{
    padding-top: 170px;
  }
  .profile-activity{
    padding-left: 20px;
  }
  .profile-activity:not(:last-child){
    border-left: 1px solid #ddd;
	}
  .profile-activity:before{
    left: -14px;
	}
  .uk-list>li.profile-activity::before {
    content: "\1f4c4";
	}
}