/**********************************************************/
/* libraries 最終更新日 2018.8.2 */
/**********************************************************/

/*-----------------------------------------*/
/* clearfix */
/*-----------------------------------------*/
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom:1; } /* IE 6/7 */

/*-----------------------------------------*/
/* clear */
/*-----------------------------------------*/
.clear, .clear:after {clear: both;}
.clear-left, .clear-left:after {clear: left;}
.clear-right, .clear-right:after {clear: right;}

/*-----------------------------------------*/
/* float */
/*-----------------------------------------*/
.left { float: left; }
.right { float: right; }

/*-----------------------------------------*/
/* list layout */
/*-----------------------------------------*/
/* float */
.float-list:before, .float-list:after { content: ""; display: table; }
.float-list:after { clear: both; }
.float-list li { float: left; }

/* inline-block */
.inline-list { letter-spacing: -.4em; }
.inline-list li { letter-spacing: normal; }

/* table */
.table-list { display: table; }
.table-list li{ display: table-cell; }
.table-list.table-fix { table-layout: fixed; }
.table-list.vt-top li { vertical-align: top; }
.table-list.vt-md li { vertical-align: middle; }
.table-list.vt-bt li { vertical-align: bottom; }


* html .table-list li{ display: inline; zoom: 1; } /* IE 6 */
*:first-child+html .table-list li{ display: inline; zoom: 1; } /* IE 7 */
/* Mac IE*/
/*\*//*/
* html .table-list li{
	display: inline-block;
}
/**/

/* flex box */
.flex-list { display: flex; }
/* アイテムをどの方向に並べるか */
.flex-list.direction-row { flex-direction: row; } /* 既定 */
.flex-list.direction-row-reverse { flex-direction: row-reverse; }
.flex-list.direction-column { flex-direction: column; }
.flex-list.direction-column-reverse { flex-direction: column-reverse; }
/* アイテムの折り返し指定 */
.flex-list.nowrap { flex-wrap: nowrap; } /* 既定 */
.flex-list.wrap { flex-wrap: wrap; }
.flex-list.wrap-reverse { flex-wrap: wrap-reverse; }
/* アイテムの横位置の詰め方 */
.flex-list.jc-start { justify-content: flex-start; } /* 既定 */
.flex-list.jc-end { justify-content: flex-end; }
.flex-list.jc-center { justify-content: center; }
.flex-list.jc-between { justify-content: space-between; }
.flex-list.jc-around { justify-content: space-around; }
.flex-list.jc-evenly { justify-content: space-evenly; }
/* アイテムの縦位置をどこに置くか */
.flex-list.ai-stretch { align-items: stretch; } /* 既定 */
.flex-list.ai-start { align-items: flex-start; }
.flex-list.ai-center { align-items: center; }
.flex-list.ai-end { align-items: flex-end; }
/* 複数行になったとき、アイテムをどのような詰め方で置くか */
.flex-list.ac-stretch { align-content: stretch; } /* 既定 */
.flex-list.ac-start { align-content: flex-start; }
.flex-list.ac-center { align-content: center; }
.flex-list.ac-end { align-content: flex-end; }
.flex-list.ac-between { align-content: space-between; }
.flex-list.ac-around { align-content: space-around; }
.flex-list.ac-evenly { align-content: space-evenly; }

/*-----------------------------------------*/
/* display */
/*-----------------------------------------*/
.d-inline { display: inline; }
.d-block { display: block; }
.d-iblock { display: inline-block; }

/*-----------------------------------------*/
/* assets */
/*-----------------------------------------*/
.centering { margin-left: auto; margin-right: auto; }

/*
**  マージン class [px]
*/
.m0 { margin: 0px; }
.mtb0, .mt0 {margin-top: 0px;}
.mrl0, .mr0 {margin-right: 0px;}
.mtb0, .mb0 {margin-bottom: 0px;}
.mrl0, .ml0 {margin-left: 0px;}
.m5 { margin: 5px; }
.mtb5, .mt5 {margin-top: 5px;}
.mrl5, .mr5 {margin-right: 5px;}
.mtb5, .mb5 {margin-bottom: 5px;}
.mrl5, .ml5 {margin-left: 5px;}
.m10 { margin: 10px; }
.mtb10, .mt10 {margin-top: 10px;}
.mrl10, .mr10 {margin-right: 10px;}
.mtb10, .mb10 {margin-bottom: 10px;}
.mrl10, .ml10 {margin-left: 10px;}
.m15 { margin: 15px; }
.mtb15, .mt15 {margin-top: 15px;}
.mrl15, .mr15 {margin-right: 15px;}
.mtb15, .mb15 {margin-bottom: 15px;}
.mrl15, .ml15 {margin-left: 15px;}
.m20 { margin: 20px; }
.mtb20, .mt20 {margin-top: 20px;}
.mrl20, .mr20 {margin-right: 20px;}
.mtb20, .mb20 {margin-bottom: 20px;}
.mrl20, .ml20 {margin-left: 20px;}
.m25 { margin: 25px; }
.mtb25, .mt25 {margin-top: 25px;}
.mrl25, .mr25 {margin-right: 25px;}
.mtb25, .mb25 {margin-bottom: 25px;}
.mrl25, .ml25 {margin-left: 25px;}
.m30 { margin: 30px; }
.mtb30, .mt30 {margin-top: 30px;}
.mrl30, .mr30 {margin-right: 30px;}
.mtb30, .mb30 {margin-bottom: 30px;}
.mrl30, .ml30 {margin-left: 30px;}
.m35 { margin: 35px; }
.mtb35, .mt35 {margin-top: 35px;}
.mrl35, .mr35 {margin-right: 35px;}
.mtb35, .mb35 {margin-bottom: 35px;}
.mrl35, .ml35 {margin-left: 35px;}
.m40 { margin: 40px; }
.mtb40, .mt40 {margin-top: 40px;}
.mrl40, .mr40 {margin-right: 40px;}
.mtb40, .mb40 {margin-bottom: 40px;}
.mrl40, .ml40 {margin-left: 40px;}
.m45 { margin: 45px; }
.mtb45, .mt45 {margin-top: 45px;}
.mrl45, .mr45 {margin-right: 45px;}
.mtb45, .mb45 {margin-bottom: 45px;}
.mrl45, .ml45 {margin-left: 45px;}
.m50 { margin: 50px; }
.mtb50, .mt50 {margin-top: 50px;}
.mrl50, .mr50 {margin-right: 50px;}
.mtb50, .mb50 {margin-bottom: 50px;}
.mrl50, .ml50 {margin-left: 50px;}
.m55 { margin: 55px; }
.mtb55, .mt55 {margin-top: 55px;}
.mrl55, .mr55 {margin-right: 55px;}
.mtb55, .mb55 {margin-bottom: 55px;}
.mrl55, .ml55 {margin-left: 55px;}
.m60 { margin: 60px; }
.mtb60, .mt60 {margin-top: 60px;}
.mrl60, .mr60 {margin-right: 60px;}
.mtb60, .mb60 {margin-bottom: 60px;}
.mrl60, .ml60 {margin-left: 60px;}
.m65 { margin: 65px; }
.mtb65, .mt65 {margin-top: 65px;}
.mrl65, .mr65 {margin-right: 65px;}
.mtb65, .mb65 {margin-bottom: 65px;}
.mrl65, .ml65 {margin-left: 65px;}
.m70 { margin: 70px; }
.mtb70, .mt70 {margin-top: 70px;}
.mrl70, .mr70 {margin-right: 70px;}
.mtb70, .mb70 {margin-bottom: 70px;}
.mrl70, .ml70 {margin-left: 70px;}
.m75 { margin: 75px; }
.mtb75, .mt75 {margin-top: 75px;}
.mrl75, .mr75 {margin-right: 75px;}
.mtb75, .mb75 {margin-bottom: 75px;}
.mrl75, .ml75 {margin-left: 75px;}
.m80 { margin: 80px; }
.mtb80, .mt80 {margin-top: 80px;}
.mrl80, .mr80 {margin-right: 80px;}
.mtb80, .mb80 {margin-bottom: 80px;}
.mrl80, .ml80 {margin-left: 80px;}
.m85 { margin: 85px; }
.mtb85, .mt85 {margin-top: 85px;}
.mrl85, .mr85 {margin-right: 85px;}
.mtb85, .mb85 {margin-bottom: 85px;}
.mrl85, .ml85 {margin-left: 85px;}
.m90 { margin: 90px; }
.mtb90, .mt90 {margin-top: 90px;}
.mrl90, .mr90 {margin-right: 90px;}
.mtb90, .mb90 {margin-bottom: 90px;}
.mrl90, .ml90 {margin-left: 90px;}
.m95 { margin: 95px; }
.mtb95, .mt95 {margin-top: 95px;}
.mrl95, .mr95 {margin-right: 95px;}
.mtb95, .mb95 {margin-bottom: 95px;}
.mrl95, .ml95 {margin-left: 95px;}
.m100 { margin: 100px; }
.mtb100, .mt100 {margin-top: 100px;}
.mrl100, .mr100 {margin-right: 100px;}
.mtb100, .mb100 {margin-bottom: 100px;}
.mrl100, .ml100 {margin-left: 100px;}

/*
**  マージン class [em]
**	ハイフンの後に続く[数値]は1文字分を100とした場合の相対的な数値です。
*/
.m-0 {margin: 0;}
.mtb-0, .mt-0 {margin-top: 0;}
.mrl-0, .mr-0 {margin-right: 0;}
.mtb-0, .mb-0 {margin-bottom: 0;}
.mrl-0, .ml-0 {margin-left: 0;}
.m-25 {margin: 0.25em;}
.mtb-25, .mt-25 {margin-top: 0.25em;}
.mrl-25, .mr-25 {margin-right: 0.25em;}
.mtb-25, .mb-25 {margin-bottom: 0.25em;}
.mrl-25, .ml-25 {margin-left: 0.25em;}
.m-50 {margin: 0.5em;}
.mtb-50, .mt-50 {margin-top: 0.5em;}
.mrl-50, .mr-50 {margin-right: 0.5em;}
.mtb-50, .mb-50 {margin-bottom: 0.5em;}
.mrl-50, .ml-50 {margin-left: 0.5em;}
.m-75 {margin: 0.75em;}
.mtb-75, .mt-75 {margin-top: 0.75em;}
.mrl-75, .mr-75 {margin-right: 0.75em;}
.mtb-75, .mb-75 {margin-bottom: 0.75em;}
.mrl-75, .ml-75 {margin-left: 0.75em;}
.m-100 {margin: 1em;}
.mtb-100, .mt-100 {margin-top: 1em;}
.mrl-100, .mr-100 {margin-right: 1em;}
.mtb-100, .mb-100 {margin-bottom: 1em;}
.mrl-100, .ml-100 {margin-left: 1em;}
.m-125 {margin: 1.25em;}
.mtb-125, .mt-125 {margin-top: 1.25em;}
.mrl-125, .mr-125 {margin-right: 1.25em;}
.mtb-125, .mb-125 {margin-bottom: 1.25em;}
.mrl-125, .ml-125 {margin-left: 1.25em;}
.m-150 {margin: 1.5em;}
.mtb-150, .mt-150 {margin-top: 1.5em;}
.mrl-150, .mr-150 {margin-right: 1.5em;}
.mtb-150, .mb-150 {margin-bottom: 1.5em;}
.mrl-150, .ml-150 {margin-left: 1.5em;}
.m-200 {margin: 2em;}
.mtb-200, .mt-200 {margin-top: 2em;}
.mrl-200, .mr-200 {margin-right: 2em;}
.mtb-200, .mb-200 {margin-bottom: 2em;}
.mrl-200, .ml-200 {margin-left: 2em;}
.m-250 {margin: 2.5em;}
.mtb-250, .mt-250 {margin-top: 2.5em;}
.mrl-250, .mr-250 {margin-right: 2.5em;}
.mtb-250, .mb-250 {margin-bottom: 2.5em;}
.mrl-250, .ml-250 {margin-left: 2.5em;}
.m-300 {margin: 3em;}
.mtb-300, .mt-300 {margin-top: 3em;}
.mrl-300, .mr-300 {margin-right: 3em;}
.mtb-300, .mb-300 {margin-bottom: 3em;}
.mrl-300, .ml-300 {margin-left: 3em;}
.m-350 {margin: 3.5em;}
.mtb-350, .mt-350 {margin-top: 3.5em;}
.mrl-350, .mr-350 {margin-right: 3.5em;}
.mtb-350, .mb-350 {margin-bottom: 3.5em;}
.mrl-350, .ml-350 {margin-left: 3.5em;}
.m-400 {margin: 4em;}
.mtb-400, .mt-400 {margin-top: 4em;}
.mrl-400, .mr-400 {margin-right: 4em;}
.mtb-400, .mb-400 {margin-bottom: 4em;}
.mrl-400, .ml-400 {margin-left: 4em;}
.m-450 {margin: 4.5em;}
.mtb-450, .mt-450 {margin-top: 4.5em;}
.mrl-450, .mr-450 {margin-right: 4.5em;}
.mtb-450, .mb-450 {margin-bottom: 4.5em;}
.mrl-450, .ml-450 {margin-left: 4.5em;}
.m-500 {margin: 5em;}
.mtb-500, .mt-500 {margin-top: 5em;}
.mrl-500, .mr-500 {margin-right: 5em;}
.mtb-500, .mb-500 {margin-bottom: 5em;}
.mrl-500, .ml-500 {margin-left: 5em;}
.m-550 {margin: 5.5em;}
.mtb-550, .mt-550 {margin-top: 5.5em;}
.mrl-550, .mr-550 {margin-right: 5.5em;}
.mtb-550, .mb-550 {margin-bottom: 5.5em;}
.mrl-550, .ml-550 {margin-left: 5.5em;}
.m-600 {margin: 6em;}
.mtb-600, .mt-600 {margin-top: 6em;}
.mrl-600, .mr-600 {margin-right: 6em;}
.mtb-600, .mb-600 {margin-bottom: 6em;}
.mrl-600, .ml-600 {margin-left: 6em;}

/*
**	パディング class [px]
*/
.p0 {padding: 0px;}
.ptb0, .pt0 {padding-top: 0px;}
.prl0, .pr0 {padding-right: 0px;}
.ptb0, .pb0 {padding-bottom: 0px;}
.prl0, .pl0 {padding-left: 0px;}
.p5 {padding: 5px;}
.ptb5, .pt5 {padding-top: 5px;}
.prl5, .pr5 {padding-right: 5px;}
.ptb5, .pb5 {padding-bottom: 5px;}
.prl5, .pl5 {padding-left: 5px;}
.p10 {padding: 10px;}
.ptb10, .pt10 {padding-top: 10px;}
.prl10, .pr10 {padding-right: 10px;}
.ptb10, .pb10 {padding-bottom: 10px;}
.prl10, .pl10 {padding-left: 10px;}
.p15 {padding: 15px;}
.ptb15, .pt15 {padding-top: 15px;}
.prl15, .pr15 {padding-right: 15px;}
.ptb15, .pb15 {padding-bottom: 15px;}
.prl15, .pl15 {padding-left: 15px;}
.p20 {padding: 20px;}
.ptb20, .pt20 {padding-top: 20px;}
.prl20, .pr20 {padding-right: 20px;}
.ptb20, .pb20 {padding-bottom: 20px;}
.prl20, .pl20 {padding-left: 20px;}
.p25 {padding: 25px;}
.ptb25, .pt25 {padding-top: 25px;}
.prl25, .pr25 {padding-right: 25px;}
.ptb25, .pb25 {padding-bottom: 25px;}
.prl25, .pl25 {padding-left: 25px;}
.p30 {padding: 30px;}
.ptb30, .pt30 {padding-top: 30px;}
.prl30, .pr30 {padding-right: 30px;}
.ptb30, .pb30 {padding-bottom: 30px;}
.prl30, .pl30 {padding-left: 30px;}
.p35 {padding: 35px;}
.ptb35, .pt35 {padding-top: 35px;}
.prl35, .pr35 {padding-right: 35px;}
.ptb35, .pb35 {padding-bottom: 35px;}
.prl35, .pl35 {padding-left: 35px;}
.p40 {padding: 40px;}
.ptb40, .pt40 {padding-top: 40px;}
.prl40, .pr40 {padding-right: 40px;}
.ptb40, .pb40 {padding-bottom: 40px;}
.prl40, .pl40 {padding-left: 40px;}
.p45 {padding: 45px;}
.ptb45, .pt45 {padding-top: 45px;}
.prl45, .pr45 {padding-right: 45px;}
.ptb45, .pb45 {padding-bottom: 45px;}
.prl45, .pl45 {padding-left: 45px;}
.p50 {padding: 50px;}
.ptb50, .pt50 {padding-top: 50px;}
.prl50, .pr50 {padding-right: 50px;}
.ptb50, .pb50 {padding-bottom: 50px;}
.prl50, .pl50 {padding-left: 50px;}
.p55 {padding: 55px;}
.ptb55, .pt55 {padding-top: 55px;}
.prl55, .pr55 {padding-right: 55px;}
.ptb55, .pb55 {padding-bottom: 55px;}
.prl55, .pl55 {padding-left: 55px;}
.p60 {padding: 60px;}
.ptb60, .pt60 {padding-top: 60px;}
.prl60, .pr60 {padding-right: 60px;}
.ptb60, .pb60 {padding-bottom: 60px;}
.prl60, .pl60 {padding-left: 60px;}
.p65 {padding: 65px;}
.ptb65, .pt65 {padding-top: 65px;}
.prl65, .pr65 {padding-right: 65px;}
.ptb65, .pb65 {padding-bottom: 65px;}
.prl65, .pl65 {padding-left: 65px;}
.p70 {padding: 70px;}
.ptb70, .pt70 {padding-top: 70px;}
.prl70, .pr70 {padding-right: 70px;}
.ptb70, .pb70 {padding-bottom: 70px;}
.prl70, .pl70 {padding-left: 70px;}
.p75 {padding: 75px;}
.ptb75, .pt75 {padding-top: 75px;}
.prl75, .pr75 {padding-right: 75px;}
.ptb75, .pb75 {padding-bottom: 75px;}
.prl75, .pl75 {padding-left: 75px;}
.p80 {padding: 80px;}
.ptb80, .pt80 {padding-top: 80px;}
.prl80, .pr80 {padding-right: 80px;}
.ptb80, .pb80 {padding-bottom: 80px;}
.prl80, .pl80 {padding-left: 80px;}
.p85 {padding: 85px;}
.ptb85, .pt85 {padding-top: 85px;}
.prl85, .pr85 {padding-right: 85px;}
.ptb85, .pb85 {padding-bottom: 85px;}
.prl85, .pl85 {padding-left: 85px;}
.p90 {padding: 90px;}
.ptb90, .pt90 {padding-top: 90px;}
.prl90, .pr90 {padding-right: 90px;}
.ptb90, .pb90 {padding-bottom: 90px;}
.prl90, .pl90 {padding-left: 90px;}
.p95 {padding: 95px;}
.ptb95, .pt95 {padding-top: 95px;}
.prl95, .pr95 {padding-right: 95px;}
.ptb95, .pb95 {padding-bottom: 95px;}
.prl95, .pl95 {padding-left: 95px;}
.p100 {padding: 100px;}
.ptb100, .pt100 {padding-top: 100px;}
.prl100, .pr100 {padding-right: 100px;}
.ptb100, .pb100 {padding-bottom: 100px;}
.prl100, .pl100 {padding-left: 100px;}

/*
**	パディング class [em]
**	ハイフンの後に続く[数値]は1文字分を100とした場合の相対的な数値です。
*/
.p-0 {padding: 0;}
.ptb-0, .pt-0 {padding-top: 0;}
.prl-0, .pr-0 {padding-right: 0;}
.ptb-0, .pb-0 {padding-bottom: 0;}
.prl-0, .pl-0 {padding-left: 0;}
.p-25 {padding: 0.25em;}
.ptb-25, .pt-25 {padding-top: 0.25em;}
.prl-25, .pr-25 {padding-right: 0.25em;}
.ptb-25, .pb-25 {padding-bottom: 0.25em;}
.prl-25, .pl-25 {padding-left: 0.25em;}
.p-50 {padding: 0.5em;}
.ptb-50, .pt-50 {padding-top: 0.5em;}
.prl-50, .pr-50 {padding-right: 0.5em;}
.ptb-50, .pb-50 {padding-bottom: 0.5em;}
.prl-50, .pl-50 {padding-left: 0.5em;}
.p-75 {padding: 0.75em;}
.ptb-75, .pt-75 {padding-top: 0.75em;}
.prl-75, .pr-75 {padding-right: 0.75em;}
.ptb-75, .pb-75 {padding-bottom: 0.75em;}
.prl-75, .pl-75 {padding-left: 0.75em;}
.p-100 {padding: 1em;}
.ptb-100, .pt-100 {padding-top: 1em;}
.prl-100, .pr-100 {padding-right: 1em;}
.ptb-100, .pb-100 {padding-bottom: 1em;}
.prl-100, .pl-100 {padding-left: 1em;}
.p-125 {padding: 1.25em;}
.ptb-125, .pt-125 {padding-top: 1.25em;}
.prl-125, .pr-125 {padding-right: 1.25em;}
.ptb-125, .pb-125 {padding-bottom: 1.25em;}
.prl-125, .pl-125 {padding-left: 1.25em;}
.p-150 {padding: 1.5em;}
.ptb-150, .pt-150 {padding-top: 1.5em;}
.prl-150, .pr-150 {padding-right: 1.5em;}
.ptb-150, .pb-150 {padding-bottom: 1.5em;}
.prl-150, .pl-150 {padding-left: 1.5em;}
.p-200 {padding: 2em;}
.ptb-200, .pt-200 {padding-top: 2em;}
.prl-200, .pr-200 {padding-right: 2em;}
.ptb-200, .pb-200 {padding-bottom: 2em;}
.prl-200, .pl-200 {padding-left: 2em;}
.p-250 {padding: 2.5em;}
.ptb-250, .pt-250 {padding-top: 2.5em;}
.prl-250, .pr-250 {padding-right: 2.5em;}
.ptb-250, .pb-250 {padding-bottom: 2.5em;}
.prl-250, .pl-250 {padding-left: 2.5em;}
.p-300 {padding: 3em;}
.ptb-300, .pt-300 {padding-top: 3em;}
.prl-300, .pr-300 {padding-right: 3em;}
.ptb-300, .pb-300 {padding-bottom: 3em;}
.prl-300, .pl-300 {padding-left: 3em;}
.p-350 {padding: 3.5em;}
.ptb-350, .pt-350 {padding-top: 3.5em;}
.prl-350, .pr-350 {padding-right: 3.5em;}
.ptb-350, .pb-350 {padding-bottom: 3.5em;}
.prl-350, .pl-350 {padding-left: 3.5em;}
.p-400 {padding: 4em;}
.ptb-400, .pt-400 {padding-top: 4em;}
.prl-400, .pr-400 {padding-right: 4em;}
.ptb-400, .pb-400 {padding-bottom: 4em;}
.prl-400, .pl-400 {padding-left: 4em;}
.p-450 {padding: 4.5em;}
.ptb-450, .pt-450 {padding-top: 4.5em;}
.prl-450, .pr-450 {padding-right: 4.5em;}
.ptb-450, .pb-450 {padding-bottom: 4.5em;}
.prl-450, .pl-450 {padding-left: 4.5em;}
.p-500 {padding: 5em;}
.ptb-500, .pt-500 {padding-top: 5em;}
.prl-500, .pr-500 {padding-right: 5em;}
.ptb-500, .pb-500 {padding-bottom: 5em;}
.prl-500, .pl-500 {padding-left: 5em;}
.p-550 {padding: 5.5em;}
.ptb-550, .pt-550 {padding-top: 5.5em;}
.prl-550, .pr-550 {padding-right: 5.5em;}
.ptb-550, .pb-550 {padding-bottom: 5.5em;}
.prl-550, .pl-550 {padding-left: 5.5em;}
.p-600 {padding: 6em;}
.ptb-600, .pt-600 {padding-top: 6em;}
.prl-600, .pr-600 {padding-right: 6em;}
.ptb-600, .pb-600 {padding-bottom: 6em;}
.prl-600, .pl-600 {padding-left: 6em;}

/*
**  幅 class [px]
*/
.width-full { width: 100%; }
.width-1of2 { width: 50%; }
.width-1of3 { width: 33.33333%; }
.width-1of4 { width: 25%; }
.width-1of5 { width: 20%; }
.width-1of6 { width: 16.66666%; }
.width-1of7 { width: 14.28571%; }
.width-1of8 { width: 12.5%; }
.width-1of9 { width: 11.11111%; }
.width-max { max-width: 100%; }

/*
**  角丸 class
*/
.radius-1 { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.radius-2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.radius-3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.radius-4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.radius-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.radius-15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.radius-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.radius-25 { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.radius-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/*
**  文字サイズ class [px]
*/
.f-10 { font-size: 10px; }	.f-12 { font-size: 12px; }	.f-14 { font-size: 14px; }	.f-16 { font-size: 16px; }
.f-18 { font-size: 18px; }	.f-20 { font-size: 20px; }	.f-22 { font-size: 22px; }	.f-24 { font-size: 24px; }
.f-26 { font-size: 26px; }	.f-28 { font-size: 28px; }	.f-30 { font-size: 30px; }	.f-32 { font-size: 32px; }
.f-34 { font-size: 34px; }	.f-36 { font-size: 36px; }	.f-38 { font-size: 38px; }	.f-40 { font-size: 40px; }
.f-42 { font-size: 42px; }	.f-44 { font-size: 44px; }	.f-46 { font-size: 46px; }	.f-48 { font-size: 48px; }
.f-50 { font-size: 50px; }	.f-52 { font-size: 52px; }	.f-54 { font-size: 54px; }	.f-56 { font-size: 56px; }
.f-58 { font-size: 58px; }	.f-60 { font-size: 60px; }	.f-62 { font-size: 62px; }	.f-64 { font-size: 64px; }
.f-66 { font-size: 66px; }	.f-68 { font-size: 68px; }	.f-70 { font-size: 70px; }	.f-72 { font-size: 72px; }
.f-74 { font-size: 74px; }	.f-76 { font-size: 76px; }	.f-78 { font-size: 78px; }	.f-80 { font-size: 80px; }

/*
**  文字サイズ(vw/320pxの横幅を基準にfont-sizeを指定) class [vw]
*/
.f-vw-10 { font-size: 3.125vw; }	.f-vw-11 { font-size: 3.4375vw; }	.f-vw-12 { font-size: 3.75vw; }
.f-vw-13 { font-size: 4.0625vw; }	.f-vw-14 { font-size: 4.375vw; }	.f-vw-15 { font-size: 4.6875vw; }
.f-vw-16 { font-size: 5vw; }		.f-vw-17 { font-size: 5.3125vw; }	.f-vw-18 { font-size: 5.625vw; }
.f-vw-19 { font-size: 5.9375vw; }	.f-vw-20 { font-size: 6.25vw; }		.f-vw-21 { font-size: 6.5625vw; }
.f-vw-22 { font-size: 6.875vw; }	.f-vw-23 { font-size: 7.1875vw; }	.f-vw-24 { font-size: 7.5vw; }
.f-vw-25 { font-size: 7.8125vw; }	.f-vw-26 { font-size: 8.125vw; }	.f-vw-27 { font-size: 8.4375vw; }
.f-vw-28 { font-size: 8.75vw; }		.f-vw-29 { font-size: 9.0625vw; }	.f-vw-30 { font-size: 9.375vw; }

/*
**  文字色 class
*/

.fc-aqua { color: #00ffff; }	.fc-black { color: #000000; }	.fc-blue { color: #0000ff; }
.fc-fuchsia { color: #ff00ff; }	.fc-gray { color: #808080; }	.fc-green { color: #008000; }
.fc-lime { color: #00ff00; }	.fc-maroon { color: #800000; }	.fc-navy { color: #000080; }
.fc-olive { color: #808000; }	.fc-orange { color: #ffA500; }	.fc-purple { color: #800080; }
.fc-red { color: #ff0000; }		.fc-silver { color: #c0c0c0; }	.fc-teal { color: #008080; }
.fc-white { color: #ffffff; }	.fc-yellow { color: #ffff00; }

/*
**  背景色 class
*/
.bg-aqua { background-color: #00ffff; }		.bg-black { background-color: #000000; }
.bg-blue { background-color: #0000ff; }		.bg-fuchsia { background-color: #ff00ff; }
.bg-gray { background-color: #808080; }		.bg-green { background-color: #008000; }
.bg-lime { background-color: #00ff00; }		.bg-maroon { background-color: #800000; }
.bg-navy { background-color: #000080; }		.bg-olive { background-color: #808000; }
.bg-orange { background-color: #ffA500; }	.bg-purple { background-color: #800080; }
.bg-red { background-color: #ff0000; }		.bg-silver { background-color: #c0c0c0; }
.bg-teal { background-color: #008080; }		.bg-white { background-color: #ffffff; }
.bg-yellow { background-color: #ffff00; }

/*
**  文字装飾 class
*/
.italic { font-style: italic; }
.oblique { font-style: oblique; }
.small-caps { font-variant: small-caps; }
.bold { font-weight: bold; }
.lighter { font-weight: lighter; }
.overline { text-decoration: overline; }
.underline { text-decoration: underline; }
.linethrough { text-decoration: line-through;; }
.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

/*
**  テキストレイアウト class
*/
.textL { text-align: left; }
.textC { text-align: center; }
.textR { text-align: right; }
.textJ { text-align: justify; }

/*
**  アニメーション class
*/
.a-duration-01 { animation-duration: .1s }	.a-duration-02 { animation-duration: .2s }	.a-duration-03 { animation-duration: .3s }
.a-duration-04 { animation-duration: .4s }	.a-duration-05 { animation-duration: .5s }	.a-duration-06 { animation-duration: .6s }
.a-duration-07 { animation-duration: .7s }	.a-duration-07 { animation-duration: .7s }	.a-duration-09 { animation-duration: .9s }
.a-duration-10 { animation-duration: 1s }
.a-duration-11 { animation-duration: 1.1s }	.a-duration-12 { animation-duration: 1.2s }	.a-duration-13 { animation-duration: 1.3s }
.a-duration-14 { animation-duration: 1.4s }	.a-duration-15 { animation-duration: 1.5s }	.a-duration-16 { animation-duration: 1.6s }
.a-duration-17 { animation-duration: 1.7s }	.a-duration-18 { animation-duration: 1.8s }	.a-duration-19 { animation-duration: 1.9s }
.a-duration-20 { animation-duration: 2s }
.a-duration-21 { animation-duration: 2.1s }	.a-duration-22 { animation-duration: 2.2s }	.a-duration-23 { animation-duration: 2.3s }
.a-duration-24 { animation-duration: 2.4s }	.a-duration-25 { animation-duration: 2.5s }	.a-duration-26 { animation-duration: 2.6s }
.a-duration-27 { animation-duration: 2.7s }	.a-duration-28 { animation-duration: 2.8s }	.a-duration-29 { animation-duration: 2.9s }
.a-duration-30 { animation-duration: 3s }
.a-duration-31 { animation-duration: 3.1s }	.a-duration-32 { animation-duration: 3.2s }	.a-duration-33 { animation-duration: 3.3s }
.a-duration-34 { animation-duration: 3.4s }	.a-duration-35 { animation-duration: 3.5s }	.a-duration-36 { animation-duration: 3.6s }
.a-duration-37 { animation-duration: 3.7s }	.a-duration-38 { animation-duration: 3.8s }	.a-duration-39 { animation-duration: 3.9s }
.a-duration-40 { animation-duration: 4s }
.a-duration-41 { animation-duration: 4.1s }	.a-duration-42 { animation-duration: 4.2s }	.a-duration-43 { animation-duration: 4.3s }
.a-duration-44 { animation-duration: 4.4s }	.a-duration-45 { animation-duration: 4.5s }	.a-duration-46 { animation-duration: 4.6s }
.a-duration-47 { animation-duration: 4.7s }	.a-duration-48 { animation-duration: 4.8s }	.a-duration-49 { animation-duration: 4.9s }
.a-duration-50 { animation-duration: 5s }
.a-duration-51 { animation-duration: 5.1s }	.a-duration-52 { animation-duration: 5.2s }	.a-duration-53 { animation-duration: 5.3s }
.a-duration-54 { animation-duration: 5.4s }	.a-duration-55 { animation-duration: 5.5s }	.a-duration-56 { animation-duration: 5.6s }
.a-duration-57 { animation-duration: 5.7s }	.a-duration-58 { animation-duration: 5.8s }	.a-duration-59 { animation-duration: 5.9s }
.a-duration-60 { animation-duration: 6s }
.a-duration-61 { animation-duration: 6.1s }	.a-duration-62 { animation-duration: 6.2s }	.a-duration-63 { animation-duration: 6.3s }
.a-duration-64 { animation-duration: 6.4s }	.a-duration-65 { animation-duration: 6.5s }	.a-duration-66 { animation-duration: 6.6s }
.a-duration-67 { animation-duration: 6.7s }	.a-duration-68 { animation-duration: 6.8s }	.a-duration-69 { animation-duration: 6.9s }
.a-duration-70 { animation-duration: 7s }
.a-duration-71 { animation-duration: 7.1s }	.a-duration-72 { animation-duration: 7.2s }	.a-duration-73 { animation-duration: 7.3s }
.a-duration-74 { animation-duration: 7.4s }	.a-duration-75 { animation-duration: 7.5s }	.a-duration-76 { animation-duration: 7.6s }
.a-duration-77 { animation-duration: 7.7s }	.a-duration-78 { animation-duration: 7.8s }	.a-duration-79 { animation-duration: 7.9s }
.a-duration-80 { animation-duration: 8s }
.a-duration-81 { animation-duration: 8.1s }	.a-duration-82 { animation-duration: 8.2s }	.a-duration-83 { animation-duration: 8.3s }
.a-duration-84 { animation-duration: 8.4s }	.a-duration-85 { animation-duration: 8.5s }	.a-duration-86 { animation-duration: 8.6s }
.a-duration-87 { animation-duration: 8.7s }	.a-duration-88 { animation-duration: 8.8s }	.a-duration-89 { animation-duration: 8.9s }
.a-duration-90 { animation-duration: 9s }
.a-duration-91 { animation-duration: 9.1s }	.a-duration-92 { animation-duration: 9.2s }	.a-duration-93 { animation-duration: 9.3s }
.a-duration-94 { animation-duration: 9.4s }	.a-duration-95 { animation-duration: 9.5s }	.a-duration-96 { animation-duration: 9.6s }
.a-duration-97 { animation-duration: 9.7s }	.a-duration-98 { animation-duration: 9.8s }	.a-duration-99 { animation-duration: 9.9s }
.a-duration-100 { animation-duration: 10s }

.a-delay-01 { animation-delay: .1s }	.a-delay-02 { animation-delay: .2s }	.a-delay-03 { animation-delay: .3s }
.a-delay-04 { animation-delay: .4s }	.a-delay-05 { animation-delay: .5s }	.a-delay-06 { animation-delay: .6s }
.a-delay-07 { animation-delay: .7s }	.a-delay-07 { animation-delay: .7s }	.a-delay-09 { animation-delay: .9s }
.a-delay-10 { animation-delay: 1s }
.a-delay-11 { animation-delay: 1.1s }	.a-delay-12 { animation-delay: 1.2s }	.a-delay-13 { animation-delay: 1.3s }
.a-delay-14 { animation-delay: 1.4s }	.a-delay-15 { animation-delay: 1.5s }	.a-delay-16 { animation-delay: 1.6s }
.a-delay-17 { animation-delay: 1.7s }	.a-delay-18 { animation-delay: 1.8s }	.a-delay-19 { animation-delay: 1.9s }
.a-delay-20 { animation-delay: 2s }
.a-delay-21 { animation-delay: 2.1s }	.a-delay-22 { animation-delay: 2.2s }	.a-delay-23 { animation-delay: 2.3s }
.a-delay-24 { animation-delay: 2.4s }	.a-delay-25 { animation-delay: 2.5s }	.a-delay-26 { animation-delay: 2.6s }
.a-delay-27 { animation-delay: 2.7s }	.a-delay-28 { animation-delay: 2.8s }	.a-delay-29 { animation-delay: 2.9s }
.a-delay-30 { animation-delay: 3s }
.a-delay-31 { animation-delay: 3.1s }	.a-delay-32 { animation-delay: 3.2s }	.a-delay-33 { animation-delay: 3.3s }
.a-delay-34 { animation-delay: 3.4s }	.a-delay-35 { animation-delay: 3.5s }	.a-delay-36 { animation-delay: 3.6s }
.a-delay-37 { animation-delay: 3.7s }	.a-delay-38 { animation-delay: 3.8s }	.a-delay-39 { animation-delay: 3.9s }
.a-delay-40 { animation-delay: 4s }
.a-delay-41 { animation-delay: 4.1s }	.a-delay-42 { animation-delay: 4.2s }	.a-delay-43 { animation-delay: 4.3s }
.a-delay-44 { animation-delay: 4.4s }	.a-delay-45 { animation-delay: 4.5s }	.a-delay-46 { animation-delay: 4.6s }
.a-delay-47 { animation-delay: 4.7s }	.a-delay-48 { animation-delay: 4.8s }	.a-delay-49 { animation-delay: 4.9s }
.a-delay-50 { animation-delay: 5s }
.a-delay-51 { animation-delay: 5.1s }	.a-delay-52 { animation-delay: 5.2s }	.a-delay-53 { animation-delay: 5.3s }
.a-delay-54 { animation-delay: 5.4s }	.a-delay-55 { animation-delay: 5.5s }	.a-delay-56 { animation-delay: 5.6s }
.a-delay-57 { animation-delay: 5.7s }	.a-delay-58 { animation-delay: 5.8s }	.a-delay-59 { animation-delay: 5.9s }
.a-delay-60 { animation-delay: 6s }
.a-delay-61 { animation-delay: 6.1s }	.a-delay-62 { animation-delay: 6.2s }	.a-delay-63 { animation-delay: 6.3s }
.a-delay-64 { animation-delay: 6.4s }	.a-delay-65 { animation-delay: 6.5s }	.a-delay-66 { animation-delay: 6.6s }
.a-delay-67 { animation-delay: 6.7s }	.a-delay-68 { animation-delay: 6.8s }	.a-delay-69 { animation-delay: 6.9s }
.a-delay-70 { animation-delay: 7s }
.a-delay-71 { animation-delay: 7.1s }	.a-delay-72 { animation-delay: 7.2s }	.a-delay-73 { animation-delay: 7.3s }
.a-delay-74 { animation-delay: 7.4s }	.a-delay-75 { animation-delay: 7.5s }	.a-delay-76 { animation-delay: 7.6s }
.a-delay-77 { animation-delay: 7.7s }	.a-delay-78 { animation-delay: 7.8s }	.a-delay-79 { animation-delay: 7.9s }
.a-delay-80 { animation-delay: 8s }
.a-delay-81 { animation-delay: 8.1s }	.a-delay-82 { animation-delay: 8.2s }	.a-delay-83 { animation-delay: 8.3s }
.a-delay-84 { animation-delay: 8.4s }	.a-delay-85 { animation-delay: 8.5s }	.a-delay-86 { animation-delay: 8.6s }
.a-delay-87 { animation-delay: 8.7s }	.a-delay-88 { animation-delay: 8.8s }	.a-delay-89 { animation-delay: 8.9s }
.a-delay-90 { animation-delay: 9s }
.a-delay-91 { animation-delay: 9.1s }	.a-delay-92 { animation-delay: 9.2s }	.a-delay-93 { animation-delay: 9.3s }
.a-delay-94 { animation-delay: 9.4s }	.a-delay-95 { animation-delay: 9.5s }	.a-delay-96 { animation-delay: 9.6s }
.a-delay-97 { animation-delay: 9.7s }	.a-delay-98 { animation-delay: 9.8s }	.a-delay-99 { animation-delay: 9.9s }
.a-delay-100 { animation-delay: 10s }

.a-count-loop { animation-iteration-count: infinite; }
.a-count-1 { animation-iteration-count: 1; }	.a-count-2 { animation-iteration-count: 2; }	.a-count-3 { animation-iteration-count: 3; }
.a-count-4 { animation-iteration-count: 4; }	.a-count-5 { animation-iteration-count: 5; }	.a-count-6 { animation-iteration-count: 6; }
.a-count-7 { animation-iteration-count: 7; }	.a-count-8 { animation-iteration-count: 8; }	.a-count-9 { animation-iteration-count: 9; }
.a-count-10 { animation-iteration-count: 10; }

.a-direction-normal { animation-direction: normal; }	.a-direction-alternate { animation-direction: alternate; }

/*
** https://easings.net/ja
*/
.a-tinimg-ease { animation-timing-function: ease; }
.a-tinimg-linear { animation-timing-function: linear; }
.a-tinimg-ease-in { animation-timing-function: ease-in; }
.a-tinimg-ease-out { animation-timing-function: ease-out; }
.a-tinimg-ease-in-out { animation-timing-function: ease-in-out; }
.a-tinimg-step-start { animation-timing-function: step-start; }
.a-tinimg-step-end { animation-timing-function: step-end; }
.a-tinimg-easeInSine { animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
.a-tinimg-easeOutSine { animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
.a-tinimg-easeInOutSine { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.a-tinimg-easeInQuad { animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
.a-tinimg-easeOutQuad { animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.a-tinimg-easeInOutQuad { animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.a-tinimg-easeInCubic { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.a-tinimg-easeOutCubic { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.a-tinimg-easeInOutCubic { animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
.a-tinimg-easeInQuart { animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.a-tinimg-easeOutQuart { animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.a-tinimg-easeInOutQuart { animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.a-tinimg-easeInQuint { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
.a-tinimg-easeOutQuint { animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
.a-tinimg-easeInOutQuint { animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
.a-tinimg-easeInExpo { animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); }
.a-tinimg-easeOutExpo { animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.a-tinimg-easeInOutExpo { animation-timing-function: cubic-bezier(1, 0, 0, 1); }
.a-tinimg-easeInCirc { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); }
.a-tinimg-easeOutCirc { animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.a-tinimg-easeInOutCirc { animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.a-tinimg-easeInBack { animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
.a-tinimg-easeOutBack { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.a-tinimg-easeInOutBack { animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
