/* ### WORKS page CSS ### */

/* --new portofolio -- */

/* --Background image-- */
#wrapper {
          width: 100%;
          height: auto;
          margin: 0;
          background: url(../img/background_d2.jpg) no-repeat center center fixed; 
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          }


#top      {
          width: 100%;
          height: 81px;
          }


/*-- Page 3~ ## WORKS -------------------------------------------- */

/*--  WORKS title --*/

#title         {
                width: 62.5%;
                margin: 2% auto 0;
				background-color: rgba(20, 20, 50, 0);
			    padding: 0;
                }							

#title  h3      {
                 font-size: 14px;
                 font-family: 'Maven Pro', Helvetica, Arial, Geneva, sans-serif;
				 color: rgba(70, 210, 240, 0.6);
				 border-bottom: solid 1px rgba(70, 210, 240, 0.5);
				 line-height: 1.0;
                }

/* ---- portfolio -------------------------  */

#contentsbox   {  
          width: 100%;
          margin-top: 8%;
          margin-bottom: 8%; 
          background-color: white;
          overflow: hidden;
        }

#contentsbox h2 {
                 text-align: center;
                 margin-top: 4%;
                 margin-bottom: 0;
                 font-size: 38px; 
                 letter-spacing: -0.05em;
                 font-family: 'Maven Pro', Helvetica, Arial, Geneva, sans-serif;
				 color: rgb(180, 180, 190);
				 line-height: 2.0;
                 }


#contentsbox h3 {
                 text-align: center;
                 margin-top: 0;
                 font-size: 22px;
                 letter-spacing: -0.04em;
                 font-family: "リュウミン M-KL" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				 color: rgb(55, 180, 190);
				 line-height: 2.0;
                 }

#contentsbox h4 {width: 96%;
                 font-size: 24px;
                 letter-spacing: -0.05em;
                 font-family: 'Maven Pro', Helvetica, Arial, Geneva, sans-serif;
				 color: rgb(160, 160, 170);
                 margin-bottom: 16px;
				 border-bottom: solid 1px rgb(160, 160, 170);
				 line-height: 2.0;
                 }

#contentsbox p { width: 100%;
                 font-size: 12px;
                 letter-spacing: -0.01em;
				 color: rgb(120, 120, 130);
				 line-height: 1.8;
                 text-align: justify;
                 text-justify: distribute-all-lines;
                 }

.box   { 
         width: 1013px;
         margin: 0 auto 0;
       }


.post {
       float: left;
       width: 248px;
       height: auto;
       margin: 2px 1px 2px 4px;
       padding: 0;
       background-color: white;
           
       }

.icon {
       width: auto;
       float: left;
      margin:  0;
      clear: both;
      }


.icon img {
       width: 47%;
       float: left;
      margin: 0px 5px 5px 0;
      }




/* ---- ComingSoon -------------------------  
								
#ComingSoon     {
                width: 42%;
                margin: 5% auto auto;
				background-color: rgba(20, 20, 50, 0.3);
			    padding: 10px 20px;
                 }
				
#ComingSoon  p   {
                 text-align: center;
                 font-size: 13px;
				 color:#bcb;
				 line-height: 2.5;
                 }
				 

#ComingSoon  h3  {
                 text-align: center;
                 font-size: 42px;
				 font-family: 'Rock Salt', cursive;
				 color: rgba(240, 240, 240, 0.7);
				 line-height: 2.5;
                 }	


#oldsite        {
                 margin-top: 10px;
                 margin-bottom: 20px;
                 font-size: 16px;
				 line-height: 2.0;
                 }


*/

/* content */