@charset "utf-8";
/* CSS Document */

/* foundation setting */

.btn {
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
}

.bg_yellow {
	background: #f3d857;
	padding: 20px;
}

.bg_gray {background: #eee;padding: 20px;}
.bg_green {background: rgba(163,204,138,1.00);}
.bg_red {background: rgba(255,0,0,1.00);}
.bg_pink {background:#ffdde7;}

table {
	width: 100%;
}


/* tools */

.size10 {font-size: 10px ;}
.size15 {font-size: 15px ;}
.size20 {font-size: 20px ;}
.size25 {font-size: 25px ;}
.size30 {font-size: 30px ;}
.size35 {font-size: 35px ;}
.size40 {font-size: 40px ;}
.size45 {font-size: 45px ;}
.size50 {font-size: 50px ;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt100 {margin-top: 100px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.ml100 {margin-left: 100px;}


.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}

.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}

.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}

.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}

.relative {position: relative;}

.text_bold {font-weight: bold;}
.text_small {font-size: 11px;}

.text_blue {color: rgba(0,123,188,1.00);}
.text_red {color: #9F0000 !important;}
.text_pink {color: rgba(255,159,248,1.00);}

.float_left {float: left;}
.float_right {float: right;}

.width_100p {width: 100%;}
.width_300 {width: 300px;}

.flex_between {display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between;}
.flex_center {display: -webkit-flex; display: flex; justify-content:center; -webkit-justify-content:center;}
.flex_normal {display: -webkit-flex; display: flex;}
.flex_column_reverse {-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
.flex_row_reverse {-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
.flex_flow_wrap {-webkit-flex-flow: wrap;flex-flow: wrap;}
.flex_wrap_reverse {-webkit-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
.flex_end { -webkit-justify-content:flex-end;justify-content: flex-end;}
.flex_align_center {align-items: center;}

.flex_1 {-webkit-flex-grow:1;flex-grow:1;-webkit-flex:1;flex:1;}
.flex_2 {-webkit-flex-grow:2;flex-grow:2;-webkit-flex:2;flex:2;}
.flex_3 {-webkit-flex-grow:3;flex-grow:3;-webkit-flex:3;flex:3;}
.flex_4 {-webkit-flex-grow:4;flex-grow:4;-webkit-flex:4;flex:4;}
.flex_5 {-webkit-flex-grow:5;flex-grow:5;-webkit-flex:5;flex:5;}
.flex_bottom {-webkit-align-self: flex-end;align-self: flex-end;}
.flex_row {-webkit-flex-direction: row;flex-direction: row;}
.flex_column {-webkit-flex-direction: column;flex-direction: column;}

.clear {clear: both;}
.kyocho {font-weight: bold;}
.kyocho_blue {font-weight: bold; color: #073070;}
.inline_block {display: inline-block;}
.margin_auto {margin: auto auto;}
.text_center {text-align: center;}
.text_right {text-align: right;}
.text_left {text-align: left;}
.text_bold {font-weight: bold;}
.text_nomal {font-size: 14px; font-weight: normal;}
.bg_eee{background: #eee;}


/* tools end */