@charset "UTF-8";


 /*テーマ基本文字、大きさ、色、行間 */
body {color: ; font-size: ; line-height: ; min-width: 1040px;}
  #ptitle {color: #FFF;}

 /* Link color */
a {color:; }
a:hover {color:;}
#post-list-img article h3 a:hover {color:;}
#post-list-common article h3 a:hover {color:;}
footer a:hover {color:;}


 /* 投稿 */
.doc {font-size: ; line-height: ;}
/*
#post-list-common  .note {background-size: 100% ;}
.doc .note {background-size: 100% ;}
*/

/* ナビゲーション*/
#gnav nav > ul > li {width: <br />
<b>Warning</b>:  Division by zero in <b>/home/thinst/th-inst.me/public_html/wp-content/themes/sp1210/style-custom.php</b> on line <b>31</b><br />
INF%;}
#gnav nav > ul > li  a {font-size: ;}

/* ------ サイドバー位置 ------ */
#contents {float: left;}
#sidebar {float: right;}

/* ------ 色設定 ------ */
  
  /*  デフォルト（茶）  */
  #gnav-btn a { color: #FFF;}


/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  body {min-width: 0;}
  html {*overflow-x: hidden;}
  #wrapper {width: auto; overflow: hidden;}
  #containar{width : 94%; position: relative; text-align: center;}
  #header-inner {height: 40px;}
  #header-inner h1,#header-inner #ptitle {padding: 0; text-align: center; line-height: 40px; z-index: 10}
  #gnav {display: none;}
  #mobile-menu{display :block;}
  #gnav-btn {position: absolute; top: 0; right: 0; display: block; padding: 0; z-index: 10000}
  #gnav-btn a {display: block; width: 50px; height: 40px; padding: 10px; font-size: 20px; text-align: center; vertical-align: top; text-decoration: none; background-color:  }
  #gnav-mobile {width: 100%; font-size: 92%; z-index: 99; background-color: #FFF; border-bottom: 1px solid #CCC; display: none;}
  #gnav-mobile nav {width: 100%;  margin: 0; padding: 0; position: static; z-index: 1000;}
  #gnav-mobile nav ul {list-style-type: none; height: auto;  background-color: #FFF;}
  #gnav-mobile nav ul li {position: static; float: none; width: 100%; margin: 0 ; text-align: left; border-left: none; border-top: 1px solid #CCC;}
  #gnav-mobile nav ul li a {padding: 0 20px 0 10px; color: #666; line-height: 2.5rem; text-align: left; background: #FFF url("img/arrow_02.png") no-repeat right center; display: block;}
  #gnav-mobile nav ul > li:last-child > a {border-bottom: 1px solid #CCC;}
  #gnav-mobile nav ul li ul {position: static; width: 100%; list-style: none; margin: 0;}
  #gnav-mobile nav ul li:last-child ul {width: 100%;}
  #gnav-mobile nav ul li ul li{margin: 0; width: 100%; height: 2.5rem; background-color: #FFF; overflow: hidden;}
  #gnav-mobile nav ul li  ul li a {height: 2.5rem; line-height: 2.5rem; text-align: left; padding-left: 20px; font-size: 100%; color: #666; background-color: #FFF; border-top: none; overflow: hidden; opacity: 1.0;}
  #gnav-mobile nav ul li ul li:last-child {border-bottom: none;}
  #gnav-mobile nav > ul > li:hover > a{ color: #555; background-color: #F5F5F5; text-decoration: none;}
  #gnav-mobile nav ul li:hover ul li{overflow: hidden; height: 2.5rem; opacity: 1.0;}
  #gnav-mobile nav  ul  li ul li:hover a {background-color: #F5F5F5; text-decoration: none;}
  #gnav-mobile nav .current-menu-item a{border-bottom: none; background-color: #F5F5F5; color: #666;}
  #gnav-mobile nav .current-menu-parent a{background-color: #FFF; color: #666;}
  #contents {float: none; width: 100%; margin: 0 auto; padding: 0; text-align: left;}
  #plist {padding: 10px 0;}
  #post-list article{width: 48%; margin: 0 0.5%;}
  #sidebar {float: none;	width: 100%;	margin: 15px auto; overflow: hidden;}
  .sidebar-wrapper {display: inline-block; vertical-align: top; width: 47%; margin: 0 1.0% 10px;}
  .parts ul {padding: 0;}
  article p {padding: 0;}
  #social{margin: 20px 0;}
  #footer-inner {width: 94%}
  #footer-inner .f-left {width: 48%; margin: 0 1%;}
  #footer-inner .f-center {width: 48%; margin: 0 1%;}
  #footer-inner .f-right {width: 48%; margin: 0 1%;}
  .ads_left {float: none; display: none;}
  .ads_right{float: none; margin: 0 auto; text-align: center; display: block;}
  /* ------ ピックアップ記事------ */
  .sidebar-wrapper .rank {width: 32%; margin: 15px 0 15px 1% ; float: left;}
}

@media screen and (max-width: 650px) {
  /* コンテンツ内広告表示  */
  .ads-left {float: none; display: none;}
  .ads-right {float: none; text-align: center;}
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  .alignleft, .alignright{float: none; margin: 5px auto; text-align: center; display: block;}
  #header-inner h1,#header-inner #ptitle {padding: 0; text-align: left; line-height: 40px; width: 80%; overflow: hidden; z-index: 10}
  #containar{width : 90%;}
  #post-list-img  article img, #post-list-cat  article img {width: 100%; max-width: 100%; margin: 0 auto;}
  #post-list-card article {width: 48.5%;}
  .main-title {font-size: 138%;}
  .post-title{font-size: 124%;}
  .parts-title{font-size: 108%;}
  .doc {margin: 1em 0;}
  .info {margin: 1em 0;} 
  #footer-inner {width: 100% ;margin: 0 ;padding: 0;}
  .sidebar-wrapper, #right-column .sidebar-wrapper {display: block; width: 100%; margin: 0 0 10px;}
  .footer-wrapper h4{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .footer-wrapper nav{width: 100% ; margin: 0; padding: 0;}
  .footer-wrapper ul {margin: 0; list-style: none;}
  .footer-wrapper ul li {width: 100%; text-align: left; display: block; border-bottom:1px solid ;}
  .footer-wrapper ul li:last-child {border-bottom: none;}
  .footer-wrapper ul li a{display: block; padding: 10px 20px 10px 10px; line-height: 1.5em; font-size: 100%; text-decoration: none;}
  .footer-wrapper ul li a:hover{text-decoration: none; filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}
  #footer-inner .f-left { margin: 0; width: 100%; float: none;}
  #footer-inner .f-center {margin: 0; width: 100%; float: none;}
  #footer-inner .f-right {margin: 0; width: 100%; float: none;}
  h1 {margin: 0; padding: 0.4em 0; font-size: 138%; 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;}
  .main-title { font-size: 128%;}
  .post-title { font-size: 128%;}
  /* ------ ピックアップ記事 ------ */
  .rank {float: none; margin: 15px auto; padding: 0; width: 100%;}
  .sidebar-wrapper .rank  {float: none; margin: 15px auto; padding: 0; width: 100%;}
  .rank .rankinner .b_link img {max-width: 100%; margin: 0 auto; display: block;}
}

