@charset "UTF-8";


/* ========================================================================== */
/* 01) 基本設定 全体 */
/* ========================================================================== */

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
-webkit-appearance: none;
}

.mf_waku{margin:0px 20px 0px 10px;}

.mf_table{width:100%;  margin:auto; display:table;}


.mf_tr{ display: table-row; width:100%;}}
.mf_tr01{ display: table-header-group;}
.mf_th,
.mf_td{ display:table-cell;}
.mf_line,
.mf_tr_group,
.mf_tr03{ display:table-row-group; width:100%;}

.mf_table {
	border-collapse: separate;
	border-spacing: 0;

	border:5px solid #B6DAF1;

	margin-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.mf_table .mf_th{
	width:180px;
	padding: 10px 5px;
	font-weight: normal;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #F6F6F6;
	color:#59564F;
	font-size:100%;
}


.mf_table table th.th_title{background: #768B35; color:#FFF; border-bottom: 1px solid #fff;}


.mf_table .mf_td{
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.mf_line{
	padding: 10px;
	vertical-align: top;
	margin:6px auto 26px auto;
	border-bottom:2px dotted #ccc;
	width:95%;
	
	text-align: left;
	display:block;
}

.comment_indispensable{ width:25px; text-align:center; display:block;
font-size:10px; line-height:12px;
background-color:#D33636;
float:right;
padding:2px 5px; vertical-align:middle;
color:#FFF!important;
font-weight:normal;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}


.mf_table .mf_td:nth-child(2n+1) { background-color:#ccc!important;}


.button_edit{    margin: 0px 0px 0px 20px;
    padding:20px 10px 20px 10px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
	font-size:140%;
    background-color: #DA5E6F;
	border:1px #DA5E6F solid;
	min-width:200px;
	min-height:50px;
	color:#FFF;
    float: right;
	display:block;
	}
.button_clear{
    margin: 0px 0px 40px 20px;
    padding: 5px 10px 8px 10px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    background-color: #999;
	border:1px #999 solid;
	min-width:100px;
	color:#FFF;
    float: left;

}


.button_clear:link,
.button_clear:visited {
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
.mf_button:hover,
.mf_button:active {
	color:#FFF;
    background-color: #F5A23A;
	border:1px #F5A23A solid;
	cursor:pointer;
	transition: 1.0s ;
}

.mf_table textarea{ max-width:350px;}

/* □□==========================================================================□□ */
/*　30) タブレット用（481-800px）環境の設定  */
/* □□==========================================================================□□ */

@media (min-width:481px) and (max-width:800px){

.mf_waku{margin:0px 0px 0px 0px;}
}





/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){



}



/* □□==========================================================================□□ */
/*　20) スマートフォン用（480px以下）環境の設定  */
/* □□==========================================================================□□ */


/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){


.mf_waku{margin:0px 10px 0px 10px;}



.mf_table{width:100%; margin:auto;}
.mf_table .mf_th,
.mf_table .mf_td{ width: auto; display:block; padding:5px; font-size:14px; line-height:20px;}


.mf_table{width:100%; margin:auto;font-size:14px; line-height:20px;}
.mf_table table th,
.mf_table table td { width: auto; display:block; padding:5px; font-size:14px; line-height:20px;}

input[type="text"],
input[type="password"],
select,
textarea{ width: 90%!important;} 

.button_edit{ float:none; width:95%; margin:10px auto 26px auto;}
.button_clear{ display:block; float:none; width:95%;margin:10px auto 26px auto;}

}