/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
   #wrapper {min-width: 0;}
   header {min-width: 0;}
  #header-inner {width: 90%;}
  #gnav nav {width: 100%;}
  #gnav nav li {position: relative; float: left; width: 20%; margin: 0; text-align: center; overflow-x: : hidden;}
  #gnav nav li:last-child {border-right: none;}
  #mainvisual {min-width: 0; }
  #subvisual {min-width: 0; }
  #subvisual .inner {width: 96%;}
  #subvisual .img {width: 130%; margin-left: -65%; overflow: hidden;}
  #plist .plist-inner {width: 90%;}
  #plist .plist-inner-1column {width: 90%;}
  #containar {width: 90%;}
  #contents {float: none; width: 100%; margin: 0 auto;}
  #sidebar {float: none;	width: 100%;	margin: 0 auto;	*margin: 0 auto 20px;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: 96%;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  #header-inner {width: 100%;}
  #containar {width: 90%; margin: 0 auto;}
  #contents {width: 100%;}
  #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: 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;}
  #gnav {position: absolute; top: 50px; left: 0; right: 0; width: 100%; font-size: 100%; z-index: 99; display: none; background-color: #000;}
  #gnav nav { width: 100%; max-width: none; margin: 0; padding: 0; position: static; z-index: 90}
  #gnav nav > ul {list-style-type: none; height: auto;}
  #gnav nav li {position: static; float: none; width: 100%; margin: 0 ; text-align: left; border-left: none;}
  #gnav nav ul.menu > li {float: none; width: 100%;}
  #gnav nav > ul > li a {padding-left: 1.0em; color: #FFF; line-height: 3em; text-align: left; background-color: #000; border: none; border-bottom: 1px solid #FFF;}
  #gnav nav > ul > li:last-child a {border-bottom: 1px solid #FFF;}
  #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{padding-left: 2em; height: auto; line-height: 3em; text-align: left; font-size: 100%; font-weight: normal ; background-color: #000; border: none; border-bottom: 1px solid #FFF; opacity: 0.8; filter: alpha(opacity=80);}
  #gnav nav > ul > li  ul li:last-child a {border-bottom: 1px solid #FFF;}
  #gnav nav > ul > li:hover > a{color: #FFF; background-color: black; border-bottom: 1px solid #FFF; opacity: 1.0; filter: alpha(opacity=100)!important; }
  #gnav nav > ul > li  ul li:hover > a{color: #FFF; background-color: black; border-bottom: 1px solid #FFF; opacity: 1.0; filter: alpha(opacity=100)!important; }
  #gnav nav > ul > li:hover ul li{overflow: visible; height: 3em;}
  #gnav nav .current-menu-parent a, #gnav nav .current-menu-item a{color: #FFF;  background-color: #000;}
  h1 {font-size: 200%;}
  h2 {font-size: 174%;}
  h3 {font-size: 128%;}
  h4 {font-size: 120%;}
  h5 {font-size: 114%;}
  h6 {font-size: 100%;}
  #subvisual h1{font-size: 174%;}
  .post-date2 {font-size: 80%;}
  #post-list-cat > article h4 {font-size: 146%;}
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  .alignleft, .alignright {float: none; text-align: center;}
  #subvisual h1{font-size: 146%;}
  .post-date2 {font-size: 80%;}
  .post-list > article h4 {margin: 10px 0; font-size: 135%;}
  .post-list > article img {float: none; max-width: 100%; margin: 5px 0; border: 1px solid #CCC;
    -webkit-transform: rotate( 0deg );  /* Chrome,Safari,Opera */
    -ms-transform:     rotate( 0deg );  /* IE9 */
    transform:         rotate( 0deg ); }
  #post-list-cat > article h4 {margin: 10px 0;font-size: 135%;}
  #post-list-cat > article img {float: none; max-width: 100%; margin: 5px 0; border: 1px solid #CCC;}
  .doc {padding: 20px 0;}
  #related-posts{margin: 10px  0;}
  #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;}
  .sidebar-wrapper {display: block; width: 100%; margin: 0 auto 10px;}
  #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 .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;}
    /* ------ ランキング 松竹梅 ----- */
  .rank {width: 96%; margin: 0 0 15px 3%;}
  h1 {font-size: 174%;}
  h2 {font-size: 146%;}
  h3 {font-size: 122%;}
  h4 {font-size: 114%;}
  h5 {font-size: 108%;}
  h6 {font-size: 100%;}
}