@charset "utf-8";

/*回り込み解除clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.flex {	display: -webkit-flex; display: flex;
-webkit-flex-wrap: wrap; flex-wrap:wrap;
-webkit-justify-content:space-between; justify-content:space-between; }


/*おかださんCSS*/

html{height: 100%;}
body{margin: 0; height: 100%; padding:0;}
html,body{font-size:16px; font-family:sans-serif;}
p{margin:0; padding:0;}

.container{ margin:40px auto; padding:0; max-width:1000px; }

input,textarea{box-sizing: border-box;}

.header-inner{display: flex; /*flex-flow: row;*/ justify-content: space-between;}

/*.main-flex{display: flex;flex-flow: row; }*/
.left-contents/*{flex: 0 0 300px;}*/ { width: 30%;}

.main-contents{display: flex; justify-content: center;  /*flex: 1 1 auto;*/width: 70%;}
.main-inner{width: 80%; line-height: 1.5; margin: 0 auto; display: block;}

.error{color: #f00;}

.footer-inner{text-align: center; margin-top: 70px;}
.system { font-size: 22px; text-align: center; font-weight: bold; width: 60%; text-align: left;}
.logout { width: 40%; text-align: right;}



/*ログアウトボタン*/

.logout input[type="button"] {
    background-color: #5c461f;
    width: 120px;
    height: 40px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    margin: 0 auto;
    cursor: pointer;
    border: none;
}



/*メニュー*/


.pink_btn {
    padding: 3px;
    border-radius: 30px;
    background-color: #f8b1be;
    width: 180px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 30px;
    color: #5c461f; list-style-type: none; font-weight: bold; text-decoration: none;}

.blue_btn {
    padding: 3px;
    border-radius: 30px;
    background-color: #98EBEB;
    width: 180px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 30px;
    color: #5c461f; list-style-type: none; font-weight: bold; text-decoration: none;}

.gre_btn {
    padding: 3px;
    border-radius: 30px;
    background-color: #AFF5A5;
    width: 180px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 30px;
    color: #5c461f; list-style-type: none; font-weight: bold; text-decoration: none;}

.ore_btn {
    padding: 3px;
    border-radius: 30px;
    background-color: #EEB589;
    width: 180px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 30px;
    color: #5c461f; list-style-type: none; font-weight: bold; text-decoration: none;}

.pink_btn a { color: #5c461f; text-align: center; text-decoration: none; font-size: 18px;}
.blue_btn a { color: #5c461f; text-align: center; text-decoration: none; font-size: 18px;}
.gre_btn a { color: #5c461f; text-align: center; text-decoration: none; font-size: 18px;}
.ore_btn a { color: #5c461f; text-align: center; text-decoration: none; font-size: 18px;}
.menu_btn { text-align: center;}


/*メニュー*/


.main-contents input[type="text"], textarea{
    border: 1px solid #ccc;
    padding: 0.5em;
    border-radius: 6px;
    width: 100%;
}

.main-contents textarea { height: 230px;}


.main-contents { font-size: 16px;}
.txt_box { margin: 15px 0 5px; color:#F95473; width: 25%; margin-right: 3px; vertical-align: text-top; }
.txt_box2 { margin: 0 0 20px; color:#F95473; width: 25%; margin-right: 3px; vertical-align: text-top; }
.txt_con { width: 70%; text-align: left; line-height: 1.2;}


/*確認ボタン*/

.kakunin input[type="submit"] {
    background-color: #f8b1be;
    width: 150px;
    height: 50px;
    border-radius: 30px;
    color: #5c461f;
    font-size: 18px;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
    border: none; font-weight: bold; text-align: center;
}
.kakunin { margin: 0 auto; display: block;}
.p_txt { margin-right: 20px; color:#F95473;}

/*登録ボタン*/
.toroku input[type="submit"] {
    background-color: #FDC545;
    width: 150px;
    height: 50px;
    border-radius: 30px;
    color: #5c461f;
    font-size: 18px;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
    border: none; font-weight: bold; text-align: center;
}

/*修正ボタン*/
.syusei input[type="submit"] {
    background-color: #49C9E8;
    width: 150px;
    height: 50px;
    border-radius: 30px;
    color: #5c461f;
    font-size: 18px;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
    border: none; font-weight: bold; text-align: center;
}

/*戻るボタン*/
.modoru input[type="button"] {
    background-color: #49C9E8;
    width: 150px;
    height: 50px;
    border-radius: 30px;
    color: #5c461f;
    font-size: 18px;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
    border: none; font-weight: bold; text-align: center;
}

.f_btn { margin-top: 20px;}

/*削除ボタン*/

.sakujo input[type="submit"] {
    background-color: #f8b1be;
    width: 150px;
    height: 50px;
    border-radius: 30px;
    color: #5c461f;
    font-size: 18px;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
    border: none; font-weight: bold; text-align: center;
}

ul.menu_btn { padding-left: 0;}



.page_txt { margin: 20px 0;}
/*PCだけ改行*/
.br_pc { display:block; }
.br_sp { display:none; }



/*----------------------------------------------------
タブレット
-----------------------------------------------------*/

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


.txt_box { width: 100%;}
.txt_box2 { width: 100%;}
.header-inner { width: 95%; margin: 0 auto;}

}


/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 600px) {


/*スマホだけ改行*/
.br_pc { display: none; }
.br_sp { display: block; }

.system { width: 100%; font-size: 22px; line-height: 1.5;}
.logout { width: 100%; text-align: center; margin: 30px 0 0 0;}

.left-contents { width: 100%; }
.main-contents { width: 100%;}

.system {font-size: 22px; text-align: center;}
.menu_btn { padding-inline-start: 0px;}
.txt_box { width: 100%;}
.txt_box2 { width: 100%;}
.kakunin { text-align: center; margin-top:20px;}
h1 {font-size: 20px;}
.container { width: 100%;}
img { width: 100%;}
.modoru { width: 100%; margin: 10px 0; text-align: center;}
.kakunin { width: 100%; }
.toroku { width: 100%; text-align: center; }
.syusei {
    width: 100%;
    text-align: center;
}

/*メニュー*/


.pink_btn {
    padding: 3px;
    border-radius: 30px;
    background-color: #f8b1be;
    width: 60%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 30px; display: block;
    color: #5c461f; list-style-type: none; font-weight: bold; text-decoration: none;}

.blue_btn {
    padding: 3px;
    border-radius: 30px;
    background-color: #98EBEB;
    width: 60%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 30px;
    color: #5c461f; list-style-type: none; font-weight: bold; text-decoration: none;}

.gre_btn {
    padding: 3px;
    border-radius: 30px;
    background-color: #AFF5A5;
    width: 60%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 30px;
    color: #5c461f; list-style-type: none; font-weight: bold; text-decoration: none;}

.ore_btn {
    padding: 3px;
    border-radius: 30px;
    background-color: #EEB589;
    width: 60%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 30px;
    color: #5c461f; list-style-type: none; font-weight: bold; text-decoration: none;}


.toroku input[type="submit"] {
    background-color: #FDC545;
    width: 150px;
    height: 50px;
    border-radius: 30px;
    color: #5c461f;
    font-size: 18px;
    line-height: 50px;
    margin: 10px auto;
    cursor: pointer;
    border: none;
    font-weight: bold;
    text-align: center;
}


}