/*---------------------------------*/

body {
/*  background: url(https://iono.jp/wp-content/uploads/hpbg2.jpg);*/
  }
  
  #primary {
  width:100%;
  }
  #secondary {
  width:100%;
  }
  .entry-content li {
  margin:0;
  }
  .photoimg {
  width:30%;
  padding: 3px;
  margin:3px;
  display:inline-block;
  vertical-align:top;
  }
  .photoimg img{
    max-width:100%;
    max-height: 100%; 
  }
  
  .photobox1 .photoimg{
  width:98%;
  }
  .photobox2 .photoimg{
  width:47%;
  }
  .photobox3 .photoimg{
  width:31%;
  }
  .photobox4 .photoimg{
  width:23%;
  }
  .photobox5 .photoimg{
  width:16%;
  }
  
  .mobile .photobox1 .photoimg{
  width:98%;
  }
  .mobile .photobox2 .photoimg{
  width:46%;
  }
  .mobile .photobox3 .photoimg{
  width:31%;
  }
  .mobile .photobox4 .photoimg{
  width:46%;
  }
  .mobile .photobox5 .photoimg{
  width:46%;
  }
  
  .photoimg span{
  display:block;
  background:#666;
  color:#fff;
  text-align:center;
  }
  ul li {
  list-style: none;
  }
  .home .entry-title {
  display:none;
  }
  .captext {
  font-size:16pt;
  font-weight:bold;
  color: #333;
  border-bottom: solid 3px #999;
  }
  .entry-content p {
  margin:0;
  margin-top:10px;
  margin-bottom:10px;
  padding:0px;
  }
  .subcap {
  font-size:16pt;
  font-weight:bold;
  color: #333;
  border-bottom: solid 5px #cc6633;
  margin-top:20px;
  margin-bottom:20px;
  text-align:left;
  }
  a.navbtn, .lead {
      color: #21759b;
      font-size: 13pt;
      font-weight: bold;
      border: none;
      border-bottom: 1px solid #21759b;
      display: inline-block;
  text-decoration:none;
  margin-right: 10px;
  margin-top:10px;
  }
  .clmbox {
      margin: 20px auto;
      width: 100%;
  }
  .clm2-text {
      display: inline-block;
       width: 58%;
      padding: 12px;
      padding-top: 25px;
  vertical-align: top;
  }
  .clm2-text:nth-child(odd) {
   }
  .clm2-text:nth-child(even) {
   }
  .clm2-img {
      display: inline-block;
      width: 36%;
      padding: 5px;
  }
  .clm2-img img{
  max-width: 100%;
  }
  .clm2-img:nth-child(even) {
  }
  .clm2-img:nth-child(odd) {
  }
  .subtitle {
  font-size:16pt;
  font-weight:bold;
  color: #333;
  border-bottom: solid 3px #999;
  }
  
  .entry-title {
  font-size:16pt;
  font-weight:bold;
  color: #333;
  border-bottom: solid 3px #999;
  }
  
  h1 {
  font-size:20pt;
  margin-top:10px;
  margin-bottom:10px;
  border-bottom: 3px solid #7cb5c0;
  }
  h3 {
  font-size:14pt;
  margin-top:10px;
  margin-bottom:10px;
  border-bottom: 2px solid #7cb5c0;
  }
  .headtext {
  margin:10px;
  }
  body {
  line-height:1.8;
  }
  .subtitle {
  margin-bottom:10px;
  font-size:18pt;
  }
  .clmsep {
  margin-top:50px;
  margin-bottom:50px;
  border: 2px dashed #999;
  }
  #itemlist .price {
  display:none;
  }
  #itemlist a {
  text-decoration:none;
  padding:5px;
  }
  #itemlist .photoimg {
  border: 0px dashed #ccc;
  margin-top:15px;
  margin-bottom:15px;
  }
  .topimg {
  width: 95%;
  height: 150px;
  padding-top: 80px;
  border-top: 0px solid #000;
  border-bottom: 0px solid #000;
  margin: 0 auto;
  margin-top:2px;
  margin-bottom:2px;
  }
  .site-header {
  margin:0;
  margin-top:20px;
  padding:0;
  }
  .linkbox {
  margin-top:20px;
  margin-bottom:20px;
  }
  a.navlink {
      color: #21759b;
      font-size: 13pt;
      font-weight: bold;
      border: none;
      border-bottom: 1px solid #21759b;
      display: inline-block;
      text-decoration: none;
  }
  .topdesccnt {
  padding:0px;
  background: #cc6633;
  color: #fff;
  margin: 0 auto;
  max-width: 1020px;
  }
  .topdesc {
  padding:5px;
  }
  .main-navigation a {
  font-size:11pt;
  }
  .cominfo {
  border: 1px dashed #999;
  padding:5px;
  }
  .cominfo .namelabel{
  font-size:14pt;
  font-weight:bold;
  margin-bottom:5px;
  display:block;
  }
  
  .wpcf7 label {
  margin-bottom:5px;
  display: block;
  color: #666;
  font-size:12pt;
  }
  .wpcf7 p {
  margin-top:15px;
  margin-bottom:15px;
  border-top: 0px dashed #ccc;
  }
  .wpcf7-submit {
  margin-top:30px;
  font-size:12pt !important;
  }
  .menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
  /*color: #333;*/
  }
  
  .moviebox iframe {
  width:800px;
  height:400px;
  }
  .mobile .moviebox iframe {
  width:400px;
  height:200px;
  }
  table td {
  padding:3px;
  }
  .lead {
  }
  .sep {	
  margin-top: 20px;
  margin-bottom: 20px;
  }
  .ionocnt {
  margin-top:30px;
  margin-bottom:20px;
  }
  .ninja-annc-wrapper {
  display:none;
  }
  .anncbox .ninja-annc-wrapper {
  display:block;
  }
  .anncbox {
  margin-top:10px;
  margin-bottom:20px;
  font-size:12pt;
  color: #000;
  background: #eee;
  padding:10px;
  }
  
  .submenubox {
  margin: 0 auto;
  width:80%;
  margin-top: 10px;
  margin-bottom: 30px;
  }
  .submenulink {
  float:left;
  width:48%;
  padding: 0px;
  position: relative;
  text-align:left;
  margin-bottom:10px;
  }
  .submenuimg {
  width:300px;
  height:300px;
  display:block;
  }
  .submenutext {
  background: #333;
  color: #fff;
  opacity: 0.9;
  width:300px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  padding:5px;
  font-size:10pt;
  height: 90px;
  }
  .submenutitle {
  font-size:14pt;
  }
  
  .oempage .block {
  padding-top:20px;
  padding-bottom:20px;
  border: 0px dashed #cccccc;
  }
  
  #pagecontents {
  margin-top:30px;
    padding-left:0px;
    padding-right:0px;
  }
  .topcap {
  background: #000;
  color: #fff;
  padding:10px;
  opacity: 0.8;
  }
  #site-navigation {
  /*
  border-top: 1px solid #7cb5c0;
  border-bottom: 1px solid #7cb5c0;
  */
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
  text-align:center;
  }
  .menu-toggle {
  display:none;
  }
  .page .entry-title {
  display:none;
  }
  .loading {
  margin-bottom:200px;
  }
  .footcnt {
  background: #eee;
  color: #666;
  padding:5px;
    font-size:12pt;
  }
  .footcnt .footmenu {
    vertical-align:top;
  display:inline-block;
  width:46%;
  padding:5px;  
  }
  .footcnt .footinfo {
    vertical-align:top;
  display:inline-block;
  width:46%;
  padding:5px;  
  }
  .footmenu > a {
  display:block;
  }
  
  .trbox {
  margin-top:30px;
  margin-bottom:30px;
  text-align:center;
  }
  .trlink {
  /*
  padding:10px;
  background: #666;
  color: #fff;
  font-size:14pt;
  text-decoration:none;
  */
   position: relative;
    display: inline-block;
    font-weight: normal;
    padding: 20px 30px;
    text-decoration: none;
    color: #FFF;
    background: #777;
    font-size:14pt;
  }
  .trlink:hover {
  opacity:0.9;
  }
  a.trlink span{
    border-bottom: solid 1px #FFF;
    border-top: solid 1px #FFF;
    padding: 5px 0;
  }
  .trlink:hover span{
    color: #fff;
  }
  .trlink:blur span{
    color: #fff;
  }
  .toplink {
  margin-top:10px;
  margin-bottom:10px;
  }
  body {
  font-size:11pt;
  }
  .ast-container {
  background: #fff;
  }
  .site-header {
    margin:0;
  }
  
  .main-header-menu .page-item-30 {
    display:none;
  }

  .topcat .photobox5 .photoimg span{
    max-width:150px;
    }  




  
  @media screen and (min-width: 900px) {
  body .site {
  margin-top:0px;
  }  
  }
  
  
  @media screen and (max-width: 600px) {
  .ast-container {
    padding:0;
    margin:0;
  }            
  #pagecontents {
    padding:0;
    margin:0;   
  }
  .photoimg{
  padding:0;
  }
  .photobox1 .photoimg{
  width:98%;
  }
  .photobox2 .photoimg{
  width:47%;
  }
  .photobox3 .photoimg{
  width:47%;
  }
  .photobox4 .photoimg{
  width:47%;
  }
  .photobox5 .photoimg{
  width:47%;
  }
  .site {
  padding:0;
  margin:0;
  padding-left:10px;
  padding-right:10px;
  }
  .topimg {
  width:100% !important;
  margin:0;
  padding:0;
  margin-top:5px;
  }
  .wp-pagenavi {
  display:none;
  }
  .clm2-img {
  width:30%;
  padding:0px;
  margin:0px;
  padding-top:30px;
  }
  .clm2-text {
  width:62%;
  padding:5px;
  margin:5px;
  vertical-align:top;
  }
  .site-header {
  margin-top:0px;
  }
  .photobox5 .photoimg span{
    max-width:150px;
  /*margin: 0 auto;*/
  }
  .topcat .photobox5 .photoimg img{
    max-width:150px;
    }
  .photobox5 .photoimg{
  width:auto;
  }
  .footcnt .footinfo {
  width:100%;
  }
  
}