@charset"UTF-8"
/****************************************

         　　　リセットスタイル          

*****************************************/
*{
              margin:0;
              padding:0;
              border:none;
              font-size:100%;
              font-style:normal;
              text-decoration:none;
              line-height:1;
              font-weight:normal;     
}

ol,ul{
              list-style:none;
}

/****************************************

         　　　　　　ボディ   

*****************************************/
body{
	          font-family:"ヒラギノ角ゴPro W3",
	                    "Hiragino Kaku Gothic Pro",
	                    "メイリオ",Meiryo,Osaka,
	                    "MSPゴシック",
	                    "MS PGothic",
	                    sans-serif; 
}

/****************************************

                 コンテナ

*****************************************/
#container{
	          width:1200px;
	          margin-right:auto;
	          margin-left:auto;
	          text-align:center;
}

@media(max-width:479px){
	          #container{
	                    width:320px;
	                    margin-left:auto;
	                    margin-right:auto;
	                    text-align:center;
	          }     
}

/****************************************

                 ロゴ

*****************************************/
#logo{
	          margin-left:auto;
	          margin-right:auto;
}

.logo{
	          width:300px;
	          margin-top:30px;
	          
}

@media(max-width:479px){
	          .logo{
	                    width:240px;
	                    margin-top:20px;
	               }     
}

/****************************************

                 theme

*****************************************/
#theme{
	          margin-top:40px;
	          margin-left:auto;
	          margin-right:auto;
	          margin-bottom:40px;
	          padding:20px;
}

#theme_img{
	          width:400px; 
}

@media(max-width:479px){
	          #theme_img{
	          	        width:260px;
	          }
}



/****************************************

                 enter

*****************************************/
#enter{
	          width:300px;
	          margin-left:auto;
	          margin-right:auto;
}

@media(max-width:479px){
	          #enter{
	          	        width:200px;
	          	        margin-left:auto;
	          	        margin-right:auto; 
	          }
}

#enter_img{
	          width:150px;
}

@media(max-width:479px){
	          #enter_img{
	                    width:100px;
	          }          
}



#pc img{
	          width:70px;
	          margin-right:20px;
}

@media(max-width:479px){
	          #pc img{
	          	        width:25px;
	          	        margin-right:10px; 
	          }
}

#mobile img{
	          width:30px;
	          margin-left:20px;
}

@media(max-width:479px){
	          #mobile img{
	          	        width:50px;
	          	        margin-left:10px; 
	          }
}

/****************************************

                 footer

*****************************************/
#footer{
	          margin-top:40px;
}

@media(max-width:479px){
	          #footer{
	          	        margin-top:30px;
	          }
}

#copyright{
	          text-align:center;
	          font-size:80%;
}