@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

#container {
    margin: 0;
    padding: 0;
}

#header {
    margin: 0;
    padding: 0;
    background: #000000;
    height: 55px;
    font-family: Verdana;
}

#main {
    clear: both;
}

#contents {
    
}

#navigation {

}

#logo {

}

#articles {
    margin-left: 10px;   
}

#desctiption {

}

#sidebar {
    
}

#footer {
    clear: both;
    margin: 0;
    padding: 5px;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
}

a:link {
    color: #2BA91A;
    text-decoration: none;
}

a:visited {
    color: #808080;
    text-decoration: none;
}

a:hover {
    color: #ff0000;
    text-decoration: underline;
}

a:active {
    color: #808080;
    text-decoration: none;
}

#sidebar h2 a.rsswidget  {
    color: #000000;
}

#header li a, #title a {
    color: #ffffff;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    line-height: 55px;
    padding: 0 50px;
    overflow: hidden;
}

#header li a:hover, #title a:hover {
    display: block;
    background: #2ba91a;
    color: #000000;
}

#desctiption a:hover, #main a:hover {
    color: #ff0000;
    text-decoration: underline;
}

h1 {
    font-family: verdana;
    font-weight: bold;
    margin: 0;
}

h1 a:link, a:visited, a:active {
  color: #2BA91A;
}

h1 a:hover {
    color: #ff0000;
    text-decoration: underline;
}

h2 {
  font-family: meiryo, verdana;
  color: #000000;
  font-weight: bold;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-left-width: 15px;
  padding: .3em;
}

h2 a:link, a:visited, a:active {
  color: #2BA91A;
}

#sidebar h2 {
    padding-top: 10px;    
    padding-left: 12px;    
}

#sidebar ul, li {
    margin: 0;
}

.rss-widget-icon {
   float: right;
   vertical-align: bottom;
   padding-top: 8px;
   padding-right: 5px;
}

.widget {
    list-style-type: none;    
}

table {
  background: #e0e0e0;
  border: 1px solid #c0c0c0;
}

th {
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
}

tr, td {
  background: #ffffff;
  border: 1px solid #c0c0c0;
}

ul {
  list-style-type: circle;
}

form {
  margin: 0;
}

select {
  margin: 0;
}

input {
  margin: 0;
}

textarea {
  margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

#search-2 {
    text-align: center;
}

.screen-reader-text {
    display: none;
}

.box {
    border: 1 solid #000000;   
    width: 340px;
    height: 200px;
}

.clear {
    clear: both;
}

.left {
    float: left;   
}

.right {
    float: right;   
}

#footer a:hover {
    color: #ff0000;
    text-decoration: underline;
}

@font-face {
    font-family: 'LigatureSymbols';
    src: url('http://k-max.chicappa.jp/new/wp-content/themes/kmax/LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('http://k-max.chicappa.jp/new/wp-content/themes/kmax/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('http://k-max.chicappa.jp/new/wp-content/themes/kmax/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('http://k-max.chicappa.jp/new/wp-content/themes/kmax/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('http://k-max.chicappa.jp/new/wp-content/themes/kmax/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  font-size: 130%;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

.lsf-icon:before {
  content: attr(title);
  margin-right: 0.3em;
  font-size: 150%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

#s {
 line-height: 15px;
}

#searchsubmit {
 margin-top: 5px;
 width: 80px;
 line-height: 15px;
 overflow: hidden;
 text-align: center;
 border: 1px #2BA91A solid;
 background-color: #2BA91A;
 color: #ffffff;
}

#center-box {
 float: left;
 margin-top: 5px;
 width: 48%;
 line-height: 35px;
 overflow: hidden;
 text-align: center;
 color: #a0a0a0;
}

#center-box a:link, a:hover, a:active {
 color: #ffffff;
 text-decoration: none;
}

#center-box a:visited {
 color: #ffffff;
 text-decoration: none;
}

.kmaxgreen {
 background-color: #2BA91A;    
}

.kmaxgreen:hover {
 background-color: #1e6439;
 text-decoration: none;    
}

#social {
 margin: 0;
 padding: 0;
 line-height: 35px;
 overflow: hidden;
}

#social a:link, a:hover, a:active {
 color: #ffffff;
 text-decoration: none;
}

#social a:visited {
 color: #ffffff;
 text-decoration: none;
}

.social-button {
 height: 30px;
 width: 115px;
 border-radius: 3px;
 text-align: center;
 margin: 0 6px 0 0;
 font-size: 0.9em;
 padding: 8px 12px;
 color: #ffffff;
 text-decoration: none;
}

.facebook {
 background-color: #3b5998;
}

.twitter {
 background-color: #55acee;
}

.google {
 background-color: #dd4b39;
}

.hatena {
 background-color: #0078c7;
}

.pocket {
  background-color: #f13d53;
}

.line {
  background-color: #25af00;
}

.feedly {
  background-color: #808080;
}

.facebook:hover {
  background-color: #4e77c9;
  text-decoration: none;
}

.twitter:hover {
  background-color: #5bbbff;
  text-decoration: none;
}

.google:hover {
  background-color: #ff5542;
  text-decoration: none;
}

.hatena:hover {
  background-color: #009af9;
  text-decoration: none;
}

.pocket:hover {
  background-color: #ff4258;
  text-decoration: none;
}

.line:hover {
  background-color: #2bc600;
  text-decoration: none;
}

.feedly:hover {
  background-color: #a0a0a0;
  text-decoration: none;
}

@media handheld {}
@media screen and (min-width: 1080px) {
    #header ul { margin: 0; padding: 0; height: 0; }
    #header li { margin: 0 auto; padding: 0 auto; display: inline-block; float: left; height: 55px; overflow: hidden; }
    #title { display: inline; float: left; }
    .menu { display: block; }
    .menubottun { display: none; }
}

@media screen and (max-width: 1079px) {
    #title { display: block; text-align: center; }
    label { position: absolute; top: 5px; left: 20px; display: block; margin: 0; padding: 0; }
    .menubottun { font-size: 32pt; color: #ffffff; font-weight: bold; line-height; 55px; display: block; }
    .menu ul { position: absolute; top: 55px; left: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; list-style: none; }
    .menu li { background: #000000; padding: 5px; }
    input[type="checkbox"].on-off + ul { height: 0; overflow: hidden; }
    input[type="checkbox"].on-off:checked + ul { height: 275px; }
}

@media screen and (min-width: 1280px) and (min-device-width: 1280px) {
    #contents { float: left; width: 920px; margin-right: 5px; }
    #sidebar { overflow: hidden; width: 360px;}
}

@media screen and (max-width: 1279px) and (min-width: 1080px) {
    #contents { float: left; width: 700px; margin-right: 5px; }
    #sidebar { overflow: hidden; width: 360px;}
}

@media screen and (max-width: 1079px) {
    #contents { }
    #sidebar { clear: both; }
    #sidebar h2 { margin-left: -30px; margin-right: 10px; }
}