/* index.php  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,p,blockquote,th,td { 
	margin:0;padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.container {
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
background-color: #CAEAFC;
}


.entry_container {
    position: relative;
    padding: 35px;
width:95%;
	border:0px #ff0000 solid;
float:left;
margin:40px;
    background-color: #ffffff;
}
.box {
	border:1px #0000ff solid;
    background-color: #ffffff;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}



#login_area .login_head {
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 1px 0px 0px rgba(0,0,0,0.10);
}
#login_area > div > div {
    margin-bottom: 35px;
    position: relative;
}
#login_form {
    background-color: #ffffff;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}

.login_head {
    background: #00A0FC;
    padding: 0 5px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    color: #fff;
    margin: -15px -15px 15px;
}
#login_area .login_body {
    padding: 15px;
}
.input_append {
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
#login_area .login_input {
    border: 1px solid #ccc;
    width: 100%;
    text-indent: 10px;
}
.login_input {
    padding: 10px 5px 15px 20px;
    font-size: 22px;
    border: 1px #ccc solid;
    height: 50px;
    cursor: auto;
}
.login_input {
    padding: 0px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
}
.login_btn {
    padding: 10px 5px 15px 20px;
    font-size: 22px;
    border: 1px #ccc solid;
    height: 50px;
    cursor:pointer;
    width: 100%;
}
/*
.login_input {
    height: 40px;
    
width: 70%;
}
*/
.container {
    display:block;
}
.post-title {
font-size:20px;
}
.disp_pc {
display:inline;
}

.disp_sp {
display:none;
}
.disp_none_sp {
display:inline;
}

@media (min-width: 1000px){
.entry_container {
max-width:650px;
}
.container {
    width: 1100px;
}
#login_area {
max-width:650px;
width:95%;
margin:40px 20px 0 0;
}
}
@media (min-width: 992px){
.container {
    width: 970px;
}
#login_area {
width:100%;
border:0px #00ff00 solid;
}
}
@media (min-width: 768px){
.container {
    width: 650px;
}
}

@media screen and (max-width:1000px)
{
.entry_container {
    padding: 10px;
max-width:auto;
height:250px;
line-height:1.2;
width:91%;
border:0px #ff0000 solid;
float:left;
margin:20px 20px;;
    background-color: #ffffff;
}


#login_area {
width:100%;
border:0px #00ff00 solid;
}

.disp_calen {
width:100%;
max-width:400px; 
}
}


@media screen and (max-width:768px){
.entry_container {
    padding: 10px;
max-width:auto;
height:250px;
line-height:1.2;
width:auto;
border:0px #ff0000 solid;
float:left;
margin:20px 20px;;
    background-color: #ffffff;
}
.disp_none_sp {
display:none;
}
.disp_sp {
display:inline;
}
.disp_pc {
display:none;
}

p {
font-size:100%;
}

}
/*******************************/



.login_form input[type="text"], 
.login_form input[type="password"]{
/*    max-width: 260px;*/
    width:100%;
    padding: 4px;
    font-size: 22px;
}
.login_form input[type="submit"]  {
    width: 100%;
}
.table_in input[type="text"]{
    max-width: 550px;
    width:90%;
    padding: 4px;
    font-size: 20px;
}
/* index.php  */



.main_area {
width:1000px;
height:1200px;
margin-left:-20px;
border:1px #ff0000 solid;
background-color: #CAEAFC;
}
.nav_btn {
    padding: 3px 7px;
    border: 1px solid #888;
    text-decoration: none;
    color: #111;
    font-size: 1.0rem;
    border-radius: 4px;
    background: #fff;
    margin-bottom:5px;
}