@charset "UTF-8";

*{
    margin:0;
    padding:0;
}
html {
	margin:0;
    padding:0;
    overflow-x: hidden;
}

body{
/*    overflow-x: hidden;*/
    background: #FFF;
    color: #222;
	font-size:100%;
    margin: 0px;
    padding:0;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

input,textarea,select {
    font-size: 16px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
    
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
ol, ul {
    list-style: none;
}

/* a:link {color: #0000CC;}
a:visited {color: #80008b;}
a:hover {color: #CC0000;}
a:active {color: #CC0000;} */

a:link {color: #1a0dab;text-decoration: none;}
a:visited {color: #609;text-decoration: none;}
a:hover {color: #1a0dab;}
a:active {color: #1a0dab;}

.footer a:link { color: #000;text-decoration: none; }
.footer a:visited { color: #000; }
.footer a:hover { color: #000; }
.footer a:active { color: #000; }



.footer {
    height:100px;
    background-color: #fff;
    margin-top:20px;
    padding:4px 4px 0px 10px;
 
    font-size:90%;
}

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

.contents {
    width: 100%;
    min-height: 100vh;
    margin:0px;
    box-sizing:border-box;
    padding:10px 5px 5px 5px;
    font-size:90%;
}

.main_article {
    margin: 0 auto;
    width: 840px;
    padding-top: 30px;
}
.login_button_wrap{
    text-align: center;
}
#login_button{
    font-size:20px;
    cursor: pointer;
    border:solid 1px #666;
    border-radius:15px;
    padding:5px 10px;
}


@media screen and ( max-width:765px ){

}