body {
   font-size: 100%;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}

img {
border: none;
}

#k-header {
    max-width: 1300px;
    margin: 0 auto;
}

.ksta-logo {
    float: left;
}

#logout {
 text-align: right;
}

#google-sarch {
width:100%;
 clear: left;
}

#sarch-inner {
  background: #ffffff;
max-width:400px;
    margin: 0 auto;
}

.sns-icon {
    width:100%;
 text-align: center;
}
  


/* ////// リキッドレイアウト　////// */
  .liquid{
    max-width: 1300px;
    margin: 0 auto;
  }

.liquid-col{
  padding: 10px;
  box-sizing: border-box;
  float: right;
  width: 60%;
  margin-bottom:20px;
}
.liquid-col_side{
  padding: 10px;
  box-sizing: border-box;
  width: 40%;
}


.liquid-col-inner{
  background: #ffffff;
}


}

@media screen and (max-width: 1300px) and (min-width: 1081px){
  .liquid-col{
    width: 55%;
  }
  .liquid-col_side{
    width: 45%;
  }
}

@media screen and (max-width: 1080px){
  .liquid-col{
    width: 100%;
    padding: 2%;

  }
  .liquid-col_side{
    width: 100%;
    padding: 2%;
  }
.sns-icon {
  display: none;
}


}








/*##########RSSタイトル##########*/
.rss-waku{border: solid 1px #666666;margin-bottom:20px;}
.midashi{margin:0;padding:9px 0 9px 0;font-size:0.8em;font-weight:bold;color:#ffffff;background-color:#666666;}
.midashi a:link{color:#ffffff;text-decoration:none;}
.midashi a:visited{color:#ffffff;text-decoration:none;}
.midashi a:hover{color:#ffffff;text-decoration:underline;}
.midashi a:active{color:#ffffff;text-decoration:none;}

.mi-title {
  margin-left: 8px;
  cursor: pointer;
}

/*##########高知の天気##########*/
.weather-layout {
  margin-bottom:20px;
}



/*##########ログアウトボタン##########*/

button.button4 {
    /* 文字サイズを1.4emに指定 */
    font-size: 0.8em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #248;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

     cursor: pointer;
}

button.button4:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #24d;

    /* 文字色を白色に指定 */
    color: #fff;
}


input.ggl {
  height: 30px;
  font-size: 1em;
}

input.ggl[type="text"]:focus {
  outline: 0 none;
}

input.btn_submit {
 width: 36px;
  height: 36px;
vertical-align: middle;

  cursor: pointer;
  border: none;
  background: url(../photo/b_search.png) no-repeat 0 0;
}



input.ggl { float: left; display: block; width: 300px; height: 30px; line-height: 30px; padding: 0 0 0 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }