/*
Theme Name: 1250
Description: レスポンシブ用
*/

/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  header {min-width: 100%;}
  #header-inner {width: 96%;}
  #gnav nav {width: 70%;}
  #plist .plist-inner {width: 90%;}
  #plist .plist-inner-1column {width: 90%;}
  #containar {width: 100%;}
  #contents {float: none; width: 92%; margin: 0 auto;}
  #sidebar {float: none;	width: 92%;	margin: 0 auto; overflow: hidden;}
  .sidebar-wrapper {display: inline-block; vertical-align: top; width: 48%; margin: 0 0.7% 10px;}
  footer {min-width: 0;}
  #footer-inner, #footer-inner2 {	width: 90%;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  #header-inner {width: 100%;}
  #ptitle {position: absolute; top: 5px; left: 10px;}
  #header-social-button {display: none;}
  #gnav-social-button {display: block; padding: 30px 0; font-size: 36px; text-align: center; background-color: black; }
  #gnav-btn {position: absolute; top: 10px; right: 10px; display: block; z-index: 99}
  #gnav-btn a {display: block; width: 40px; height: 25px; line-height: 25px; font-size: 24px; color: #333; text-align: center; vertical-align: top; text-decoration: none; -webkit-border-radius: 5px;	border-radius: 5px;}
  #gnav {position: absolute; top: 50px; left: 0; font-size: 100%; z-index: 99; display: none;  opacity: 0.85; filter: alpha(opacity=85);}
  #gnav nav { width: 100%;  margin: 0; padding: 0; position: static; z-index: 90}
  #gnav nav > ul {list-style-type: none; height: auto;  background-color: black;}
  #gnav nav li {position: static; float: none; width: 100%; margin: 0 ; text-align: left; border-left: none;}
  #gnav nav > ul > li a {padding-left: 1.0rem; color: #FFF; line-height: 2.5rem; text-align: left; border-top: 1px solid #555;}
  #gnav nav > ul > li:last-child a {border-bottom: 1px solid #555;}
  #gnav nav > ul > li > ul {position: static; width: 100%; list-style: none; margin: 0;}
  #gnav nav > ul > li:last-child > ul {width: 100%;}
  #gnav nav > ul > li  ul li{margin: 0; overflow: hidden; width: 100%; height: 0;
	   -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
  #gnav nav > ul > li  ul li a{margin: 0; padding: 0 0 0 2rem; height: auto; line-height: 2.5rem; color: #FFF; text-align: left; font-size: 100%; font-weight: normal ; border: none;  border-top: 1px dotted #555; background-color: black; opacity: 1.0; filter: alpha(opacity=100);}
  #gnav nav > ul > li:hover > a{border-width: 1px; color: #FFF; background-color: #200; opacity: 1.0; filter: alpha(opacity=100)!important; }
  #gnav nav > ul > li  ul li:hover > a{color: #FFF; background-color: #200; opacity: 1.0; filter: alpha(opacity=100)!important; }
  #gnav nav > ul > li:hover ul li{overflow: visible; height: 2.5rem; border-top: none;}
  #gnav nav .current-menu-parent a, #gnav nav .current-menu-item a{color: #FFF; background-color: #200; opacity: 1.0; filter: alpha(opacity=100)!important;}
  #post-list  article .eday{margin-top: 0;}
  #post-list  article h4 { font-size: 158%;}
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  .alignleft, .alignright {float: none; text-align: center;}
  .sidebar-wrapper {display: block; width: 100%; margin: 0 auto 10px;}
  h1 {margin: 0; padding: 0.4em 0; font-size: 158%; font-weight: 600; line-height: 1.3em;}
  h2 {margin: 0; padding: 0.4em 0; font-size: 128%; font-weight: 600; line-height: 1.3em;}
  h3 {margin: 0; padding: 0.4em 0; font-size: 122%; font-weight: 600; line-height: 1.3em;}
  h4 {margin: 0; padding: 0.4em 0; font-size: 114%; font-weight: 600; line-height: 1.3em;}
  h5 {margin: 0; padding: 0.4em 0 ;font-size: 108%; font-weight: 600; line-height: 1.3em;}
  h6 {margin: 0; padding: 0.4em 0 ;font-size: 100%; font-weight: 600; line-height: 1.3em;}
  #post-list  article .eday{margin-top: 6px;}
  #post-list  article h4 { font-size: 142%;}
  #post-list article p { padding: 0;}
  .doc {padding: 0px ;}
  #related-posts .k-post {display: block; vertical-align: top; width: 90%; margin: 0 auto; overflow: hidden;}
  #related-posts .k-post img {float: none; max-width: 100%; margin: 0 auto; display: block;}
  .comments{margin: 10px 0;}
  #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: none;*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 .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;}
}

.gnav1-1 {overflow: hidden; width: 100%; height: 0; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;}