@charset "Shift_JIS";

@import "normalize4.css";

@import "common4.css";

@import "base4.css";

@import "showcase4.css";

@import "add4.css";

@import "menu4.css";

#m_button{
  text-align: right;
  margin-top: 10px;
  margin-right: 8px;
  margin-bottom: 3px;
}
#m_button a {
  display: inline-block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  vertical-align: bottom;
}

/* ***** トップページ画像枠 ***** */

#top-kokoro{
margin: 0px;
}

#top-kokoro ul{
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-type: none;
}


#top-kokoro #ban {display: none; }


#top-ninki{
margin: 0px;
}

#top-ninki table{
margin: 0px;
line-height: 1.5;
}


/*内容紹介*/
#contentIntroduction section {
  margin-bottom: 2em;
  min-height: 180px;
}
#contentIntroduction section h4,
#contentIntroduction section h5,
#contentIntroduction section h6{
  margin-bottom: 0.5em;
  line-height: 1.2;
}
#contentIntroduction p{
  margin-bottom: 0.3em;
  padding-right: 3px;
  padding-left: 5px;
}
#contentIntroduction .pic{
  text-align: center; !important;
}
#contentIntroduction .more{
  text-align: right;
}








/*media Queries 500px
----------------------------------------------------*/
@media only screen and (min-width: 31.25em) {  /*500px*/

  /*内容紹介*/
  #contentIntroduction .pic {
    overflow: hidden;
    float: left;
    width: 220px;
  }
  #contentIntroduction .pic img {
    max-width: none;
    margin-left: -40px;
  }
  #contentIntroduction p {
    margin-left: 230px;
  }
  #contentIntroduction .more {
    clear: left;
  }

 #contentIntroduction section{
   margin-bottom: 30px;
   clear: both;
 }

}










/*media Queries 670px
----------------------------------------------------*/
@media only screen and (min-width: 670px) {


  #top-kokoro #ban {
    float: right;
    width: 27.9070%;
    display: inline;
  }

  #top-kokoro #pic {
    float: left;
    width: 72.0930%;
  }

  #top-ninki{
  margin: 0px 20px 0px 20px;
  }

  #top-ninki table{
  margin: 5px;
  }

  /*内容紹介*/
  #contentIntroduction section {
    clear: none;
    position: relative;
    float: left;
    width: 31.6239%;
    /*370px(4column)/1170px*/
    margin-right: 2.5641%;
    /*30px/1170px*/
  }
  #contentIntroduction section:last-child {
    margin-right: 0;
  }
  /*old IE*/
  .ie8 #contentIntroduction section{
    margin: 0 0.8547%;
    /*10px/1170px*/
  }
  .ie7 #contentIntroduction section{
    margin: 0 0.7800%;
    width: 31.5542%;
  }

 #contentIntroduction section h4,
 #contentIntroduction section h5,
 #contentIntroduction section h6{
   margin-top: 45%;
   /*padding-top: 20px;*/
 }

  #contentIntroduction .pic {
    position: absolute;
    top: 0;
    overflow:visible;
    float: none;
    width: 100%;
  }
  #contentIntroduction .pic img {
    max-width: 100%;
    margin-left: 0;
  }
  #contentIntroduction p {
    margin-left: 0;
  }


}



/*media Queries 900px
----------------------------------------------------*/
@media only screen and (min-width: 900px) {


  /*内容紹介*/
  #contentIntroduction section {
    width: 31.0344%;
    /*270px/870px*/
    margin-right: 3.4482%;
    /*30px/870px*/
  }

}