/*----- box-sizing -----*/
*{
	box-sizing:border-box;
}

/*----- imges -----*/
img,
input[type="image"]{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*----- float -----*/
.floatRight{ float: right; }
.floatLeft{ float: left; }
.imgCenter { display: block; margin:0 auto;}
.imgLeft{ float: left; margin: 0 1em 1em 0;}
.imgRight{ float: right; margin: 0 0 1em 1em; max-width:40%;}


/*----- text-align -----*/
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }


/*----- margin -----*/
.ma1 { margin: 1%; }
.ma2 { margin: 2%; }
.ma3 { margin: 3%; }
.ma5 { margin: 5%; }
.ma10 { margin: 10%; }
.ma15 { margin: 15%; }

.mt-3 { margin-top: -3%; }
.mt1 { margin-top: 1%; }
.mt2 { margin-top: 2%; }
.mt3 { margin-top: 3%; }
.mt5 { margin-top: 5%; }
.mt10 { margin-top: 10%; }
.mt15 { margin-top: 15%; }
.mt20 { margin-top: 20%; }
.mt30 { margin-top: 30%; }

.mb1 { margin-bottom: 1%; }
.mb2 { margin-bottom: 2%; }
.mb3 { margin-bottom: 3%; }
.mb5 { margin-bottom: 5%; }
.mb10 { margin-bottom: 10%; }
.mb15 { margin-bottom: 15%; }
.mb20 { margin-bottom: 20%; }
.mb30 { margin-bottom: 30%; }

.ml1 { margin-left: 1%; }
.ml2 { margin-left: 2%; }
.ml3 { margin-left: 3%; }
.ml5 { margin-left: 5%; }
.ml10 { margin-left: 10%; }
.ml15 { margin-left: 15%; }
.ml20 { margin-left: 20%; }
.ml30 { margin-left: 30%; }

.mr1 { margin-right: 1%; }
.mr2 { margin-right: 2%; }
.mr3 { margin-right: 3%; }
.mr5 { margin-right: 5%; }
.mr10 { margin-right: 10%; }
.mr15 { margin-right: 15%; }
.mr20 { margin-right: 20%; }
.mr30 { margin-right: 30%; }


/*----- padding -----*/
.pa1 { padding: 1%; }
.pa2 { padding: 2%; }
.pa3 { padding: 3%; }
.pa5 { padding: 5%; }
.pa10 { padding: 10%; }
.pa15 { padding: 15%; }

.pt1 { padding-top: 1%; }
.pt2 { padding-top: 2%; }
.pt3 { padding-top: 3%; }
.pt5 { padding-top: 5%; }
.pt10 { padding-top: 10%; }
.pt15 { padding-top: 15%; }
.pt20 { padding-top: 20%; }
.pt30 { padding-top: 30%; }

.pb1 { padding-bottom: 1%; }
.pb2 { padding-bottom: 2%; }
.pb3 { padding-bottom: 3%; }
.pb5 { padding-bottom: 5%; }
.pb10 { padding-bottom: 10%; }
.pb15 { padding-bottom: 15%; }
.pb20 { padding-bottom: 20%; }
.pb30 { padding-bottom: 30%; }

.pl1 { padding-left: 1%; }
.pl2 { padding-left: 2%; }
.pl3 { padding-left: 3%; }
.pl5 { padding-left: 5%; }
.pl10 { padding-left: 10%; }
.pl15 { padding-left: 15%; }
.pl20 { padding-left: 20%; }
.pl30 { padding-left: 30%; }

.pr1 { padding-right: 1%; }
.pr2 { padding-right: 2%; }
.pr3 { padding-right: 3%; }
.pr5 { padding-right: 5%; }
.pr10 { padding-right: 10%; }
.pr15 { padding-right: 15%; }
.pr20 { padding-right: 20%; }
.pr30 { padding-right: 30%; }


/*----- font-size -----*/
.f50{ font-size:50%; }
.f60{ font-size:60%; }
.f70{ font-size:70%; }
.f80{ font-size:80%; }
.f90{ font-size:90%; }
.f100{ font-size:100%; }
.f110{ font-size:110%; }
.f120{ font-size:120%; }
.f130{ font-size:130%; }
.f140{ font-size:140%; }
.f150{ font-size:150%; }
.f160{ font-size:160%; }
.f170{ font-size:170%; }
.f180{ font-size:180%; }
.f190{ font-size:190%; }
.f200{ font-size:200%; }
.f210{ font-size:210%; }
.f220{ font-size:220%; }
.f230{ font-size:230%; }
.f240{ font-size:240%; }
.f250{ font-size:250%; }

small{ font-size:90%; }

/*----- font-weight ------*/
.fwNormal{ font-weight:normal; }
.fwBold{ font-weight:bold; }
.fwBolder{ font-weight:bolder;}

/*----- font-family ------*/
.ffSns-serif { font-family: sans-serif; }
.ffSelif{ font-family: serif; }


/*----- color -----*/
.whitet{ color: #FFF; }
.black{ color: #000; }
.red{ color: #F33; }
.blue{ color: #33F; }
.green{ color: #3F3; }
.yellow{ color: #FF3; }

.redL{ color: #F33; font-size:130%; }

/*----- background-color -----*/
.bgYellow{ background:#FF3;}
.bgYellowL{ background:#FF3; font-size:130%; font-weight:bold;}


/*----- border-radius ------*/
.br5{ border-radius: 10px; }
.br10{ border-radius: 10px; }


/**----- text-indent -----*/
.tIndent{ text-indent:-1em; margin-left:1em; margin-bottom:10px;}


/*----- link -----*/
.lo{ transition: .3s; }
.lo:hover{ opacity: .7; }

/*----- youtube -----*/
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin-bottom:5%;
}
.youtube iframe,  
.youtube object,  
.youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}