/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  #wrapper {width: 100%; margin: 0; min-width: 0px;}
  #header-inner {width: 100%;	}
  #gnav nav {width: 100%;}
  #mainvisual .img {width: 100%;}
  .plist-inner {width: 96%;}
  #containar {width: 90%; margin: 0 auto;}
  #contents {float: none;width: 100%;margin: 0 auto;}
  #sidebar {float: none; width: 100%; margin: 10px 0;}
  .sidebar-top  {float: left; width: 48%;}
  .sidebar-btm  {float: right; width: 48%;}
  #footer-wide {width: 96%; min-width: 0;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  html {*overflow-x: hidden;}
  #wrapper-1column {width: 100%; margin: 0; min-width: 0px;}
  #containar-1column {width: 90%; margin: 0 auto;}
  #ptitle {height: 40px; line-height: 40px;s}
  #sidebar-social-button {display: none;}
  #gnav-social-button {display: block; font-size: 36px; line-height: 1.4em; text-align: center; background-color: #FFF; }
  #gnav-btn {position: absolute; top: 5px; right: 5px; display: block; z-index: 99}
  #gnav-btn a {display: block; width: 40px; height: 25px; line-height: 25px; font-size: 24px; text-align: center; vertical-align: top; text-decoration: none; -webkit-border-radius: 5px;	border-radius: 5px; color: #FFF;}
  #gnav {width: 100%; max-width: 100%; margin: 0; font-size: 100%; z-index: 9999; display: none; border: none;}
  #gnav nav {width: 100%;  margin: 0; padding: 0; position: static;}
  #gnav nav  ul {list-style-type: none; height: auto; background-color: #FFF; border-bottom: 1px solid #CCC;}
  #gnav nav ul  li {position: relative; float: none; width: 100%; height: auto; margin: 0 ; text-align: left; border-right: none; overflow: hidden;}
  #gnav nav li:last-child {border-right: none;}
  #gnav nav  ul  li a {display: block; padding: 0 3em 0 1em; color: #333!important; font-weight: normal; height: 3em; line-height: 3em; text-align: left; text-decoration: none; background: #FFF url("img/arrow_02.png") no-repeat right center!important; border-top: 1px solid #CCC;}
  #gnav nav  ul  li  ul {position: static; width: 100%; list-style: none; margin: 0; border-bottom: none;}
  #gnav nav > ul > li:last-child ul li {left: 0;}
  #gnav nav  ul li  ul li {margin: 0; width: 100%; height: 3em; overflow: hidden;}
  #gnav nav  ul  li  ul li a{padding: 0 3em 0 2em; height: 3em; line-height: 3em; text-align: left; font-size: 100%; font-weight: normal ; background-color: #FFF; border-bottom: none; border-color: #CCC!important; overflow: hidden; opacity: 1.0;}
  #gnav nav  ul  li:hover {border-bottom: none;}
  #gnav nav  ul  li:hover >a {color: #333!important; background-color: #EFEFEF!important;}
  #gnav nav  ul  li  ul li:hover a {color: #333!important; background-color: #EFEFEF!important;  border-bottom: none;}
  #gnav nav  ul  li:hover ul li{overflow: visible; height: 3em; border-top: none;}
  #gnav nav  ul  li ul li:hover >a {color: #C06; background-color: #EFEFEF; opacity: 1.0;}
  #gnav nav .current-menu-item, #gnav nav .current-menu-parent  {border-bottom: none;}
  .plist-inner-1column {width: 96%;}
  .doc {padding: 0 10px;}
  #cat-list ul {width: 100%;}
  #cat-list ul li a {padding: 0px 25px 10px 10px; text-align: justify; text-justify: distribute-all-lines;}
  #kanren {margin: 10px 2%;}
  #footer-narrow {width: 96%; min-width: 0;}
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  .alignleft, .alignright {float: none; margin: 5px auto; display: block;}
  #ptitle {width: 90%; overflow: hidden;}
  #post-list article{display: block; width: 100%; margin: 0; padding: 15px 0 0;}
  #post-list-cat h4 {margin: 10px 0;font-size: 135%;}
  #post-list-cat img {float: none; max-width: 100%; margin: 5px 0; border: 1px solid #CCC;}
  .doc {padding: 0}
  #related-posts{margin: 10px  0;}
  #related-posts .k-post {display: block; vertical-align: top; width: 100%; margin: 15px 0 0 ; overflow: hidden;}
  #related-posts .k-post img {float: none; max-width: 100%; margin: 0 auto 10px; display: block;}
  .comments{margin: 10px 0;}
  .sidebar-top  {float: none; width: 100%;}
  .sidebar-btm  {float: none; width: 100%;}
  #footer-wide {width: 100%;}
  #footer-inner {width: 100% ;margin: 0 ;padding: 0;}
  #footer-inner nav{width: 100% ; margin: 0; padding: 0;}
  #footer-inner nav ul li {width: 100%; padding: 0; text-align: left; display: block; border-left: none; border-top: 1px solid #CCC; *zoom: 1;}
  #footer-inner nav ul li a{display: block; padding: 10px 20px 10px 10px; line-height: 1.5em; font-size: 100%; text-decoration: none;}
  #footer-inner nav ul li a:hover{text-decoration: none;}
  #footer-inner nav ul li:last-child {border-bottom: none;}
  #footer-inner2 { padding: 0;}
  #footer-inner2 .f-left { margin: 0; width: 100%; float: none;}
  #footer-inner2 .f-center {margin: 0; width: 100%; float: none;}
  #footer-inner2 .f-right {margin: 0; width: 100%; float: none;}
  /*  SNSシェアボタン  */
  ul.sns_btn{width:100%;}
  ul.sns_btn li a {font-size: 85%;}
  /* コンテンツ内広告表示  */
  .ads-right {float: none; text-align: center;}
  h1 {font-size: 174%;}
  h2 {font-size: 146%;}
  h3 {font-size: 122%;}
  h4 {font-size: 114%;}
  h5 {font-size: 108%;}
  h6 {font-size: 100%;}
}