/*
株式会社ぐりんぐらす　CSS モバイル機器用
*/

@charset "utf-8";
    
    /* iPad */
@media only screen and ( max-width:768px) {
	
#main {
    width:768px;
    }
    
.article {
    width:236px;
    margin:10px 10px 0px 10px;
    }
    
.article_header {
    padding-top:0.2em;
    padding-bottom:0.2em;
    width:100%;
    }
    
.article_main {
    width:236px;
    }
#image_text {
    font-size:26px;
    top:-20%;
    }
    
    
}
    
/*iphone共通*/
@media only screen and (max-width:414px) {
	
#header {
    height:44px;
    text-align:center;
    }
    
#header img {
    height:32px;
    margin-top:6px;
    }
    
#image > #logo_l {
    width:50%;
    right:10px;
    }
    
.article_header {
    padding-top:0.2em;
    width:100%;
    }
    
.article_main {
    height:auto;
    }
    
.button {
    position:relative;
    margin:15px auto 15px auto;
    top:10;
    right:0;
    bottom:0;
    left:0;
    border:solid 2px #5FCE61;
    line-height:38px;
    }
    
#footer {
    font-size:12px;
    }
    
#image_text {
    font-size:20px;
    width:90%;
    top:-50%;
    }
    
}





/* iPhone 6-8Puls */
@media only screen and ( max-width:414px) {
	
#main {
    width:414px;
    }
    
.article {
    width:394px;
    margin:10px 10px 0px 10px;
    }
    
.article_main {
    width:394px;
    }
    
}

/* iPhone 5・X */
    
@media only screen and ( max-width:375px) {
#main {
    width:375px;
    }
    
.article {
    width:355px;
    margin:10px 10px 0px 10px;
    }
    
.article_main {
    width:355px;
    }
    
    
}

/* iPhone 4s */
    
@media only screen and ( max-width:320px) {
	
#main {
    width:320px;
    }
    
.article {
    width:300px;
    margin:10px 10px 0px 10px;
    }
    
.article_main {
    width:300px;
    }
    
    
}