@charset"UTF-8"; 
/**
 * Common CSS
 * 
 * @author    Yusuke Shiuchi <shiuchi@webgrows.jp>
 * @Copyright © 2017 WebGrows. All rights reserved.
 * @version   1.0
 * @create    2018/08/18
 * @update    
**/

/*----------------------------------------------------
    Common
----------------------------------------------------*/

/* -- Display -- */

.hide {
	display:none;
}

/* -- border -- */

.brdT{ border-top:solid 1px #ccc; }
.brdR{ border-right:solid 1px #ccc; }
.brdL{ border-left:solid 1px #ccc; }
.brdB{ border-bottom:solid 1px #ccc; }
.brdN { border:none; }
.brdTN{ border-top:none; }
.brdRN{ border-right:none; }
.brdLN{ border-left:none; }
.brdBN{ border-bottom:none; }

/* -- float -- */

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

/* -- clear -- */

.clear {
	clear: both;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* -- text-align -- */

.t-center {
    text-align: center;
}
.t-left {
	text-align: left;
}
.t-right {
	text-align: right;
}

/* -- padding -- */

.pt0 {padding-top:0px;}
.pt5 {padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pr0 {padding-right:0px;}
.pr5 {padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pl0 {padding-left:0px;}
.pl5 {padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}

/* -- margin -- */

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}

/* -- button -- */

.btn.focus, .btn:focus, button:focus {
	outline: 0;
	box-shadow: none;
}

/* -- Other --*/

.req {
	color: red;
	font-size: 10px;
}

.error {
	font-size: 14px;
	color: red;
	font-weight: bold;
	clear: both;
}

/*----------------------------------------------------
    End
----------------------------------------------------*/