@charset "utf-8";

/* -------------------------------------------------------------*/
/* SiteName : KOURINKENSETSU */
/* FileName : contents.css */
/* Add Day : 2020/03/17(Tue) */
/* Udt Day : 2020/03/17(Tue) */
/* Copyright : ZENEI-PRO */
/* == TOC ======================================================*/
/* 1 : */
/*--------------------------------------------------------------*/

/* ------------ 主要ブラウザのベンダープレフィックス */
/* -moz-     …… Firefox */
/* -webkit-  …… Chrome、Safari */
/* -o-       …… Opera */
/* -ms-      …… IE8～ */
/* ベンダープレフィックス指定無しも明記 */

/* ------------ clearfix */
.clearfix:before, .clearfix:after{ content : ""; display: block; overflow: hidden; }
.clearfix:after{ clear: both; }

/* ------------ gradation */
.u-gradation { background: linear-gradient(#dff5ff, #afe1f9); }

/* ------------ border-radius */
.u-b-radius { border-radius: 5px; }

/* ------------ box-shadow */
.u-b-shadow { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

/* ------------ text-shadow */
.u-t-shadow { text-shadow: 1px 2px 1px rgba(0, 0, 0, 1); }

/* ------------ bold */
.u-fw-bold { font-weight: bold; }

/* ------------ color(RGB) */
.u-cl-ff0000 { color: #ff0000; } /*  red  */
.u-cl-0000ff { color: #0000ff; } /*  blue  */
.u-cl-00ff00 { color: #00ff00; } /*  green  */
.u-cl-ffff00 { color: #ffff00; } /*  yellow  */
.u-cl-ff00ff { color: #ff00ff; } /*  magenta  */
.u-cl-00ffff { color: #00ffff; } /*  cyaan  */
.u-cl-f26522 { color: #f26522; } /*  orange  */
.u-cl-ffffff { color: #ffffff; } /*  white  */
.u-cl-000000 { color: #000000; } /*  black  */
.u-cl-818181 { color: #818181; } /*  50gray  */
.u-cl-9a9a9a { color: #9a9a9a; } /*  40gray  */
.u-cl-b4b4b4 { color: #b4b4b4; } /*  30gray  */
.u-cl-cdcdcd { color: #cdcdcd; } /*  20gray  */
.u-cl-e6e6e6 { color: #e6e6e6; } /*  10gray  */

/* ------------ margin-top */
.u-mt-05 { margin-top: 0.5em; }
.u-mt-10 { margin-top: 1em; }
.u-mt-15 { margin-top: 1.5em; }
.u-mt-20 { margin-top: 2em; }
.u-mt-25 { margin-top: 2.5em; }
.u-mt-30 { margin-top: 3em; }
.u-mt-35 { margin-top: 3.5em; }
.u-mt-40 { margin-top: 4em; }
.u-mt-45 { margin-top: 4.5em; }
.u-mt-50 { margin-top: 5em; }

/* ------------ margin-mottom */
.u-mb-05 { margin-bottom: 0.5em; }
.u-mb-10 { margin-bottom: 1em; }
.u-mb-15 { margin-bottom: 1.5em; }
.u-mb-20 { margin-bottom: 2em; }
.u-mb-25 { margin-bottom: 2.5em; }
.u-mb-30 { margin-bottom: 3em; }
.u-mb-35 { margin-bottom: 3.5em; }
.u-mb-40 { margin-bottom: 4em; }
.u-mb-45 { margin-bottom: 4.5em; }
.u-mb-50 { margin-bottom: 5em; }

/* ------------ margin-left */
.u-ml-05 { margin-left: 0.5em; }
.u-ml-10 { margin-left: 1em; }
.u-ml-15 { margin-left: 1.5em; }
.u-ml-20 { margin-left: 2em; }
.u-ml-25 { margin-left: 2.5em; }
.u-ml-30 { margin-left: 3em; }
.u-ml-35 { margin-left: 3.5em; }
.u-ml-40 { margin-left: 4em; }
.u-ml-45 { margin-left: 4.5em; }
.u-ml-50 { margin-left: 5em; }

/* ------------ margin-right */
.u-mr-05 { margin-right: 0.5em; }
.u-mr-10 { margin-right: 1em; }
.u-mr-15 { margin-right: 1.5em; }
.u-mr-20 { margin-right: 2em; }
.u-mr-25 { margin-right: 2.5em; }
.u-mr-30 { margin-right: 3em; }
.u-mr-35 { margin-right: 3.5em; }
.u-mr-40 { margin-right: 4em; }
.u-mr-45 { margin-right: 4.5em; }
.u-mr-50 { margin-right: 5em; }

/* ------------ padding-top */
.u-pt-05 { padding-top: 0.5em; }
.u-pt-10 { padding-top: 1em; }
.u-pt-15 { padding-top: 1.5em; }
.u-pt-20 { padding-top: 2em; }
.u-pt-25 { padding-top: 2.5em; }
.u-pt-30 { padding-top: 3em; }
.u-pt-35 { padding-top: 3.5em; }
.u-pt-40 { padding-top: 4em; }
.u-pt-45 { padding-top: 4.5em; }
.u-pt-50 { padding-top: 5em; }

/* ------------ padding-mottom */
.u-pb-05 { padding-bottom: 0.5em; }
.u-pb-10 { padding-bottom: 1em; }
.u-pb-15 { padding-bottom: 1.5em; }
.u-pb-20 { padding-bottom: 2em; }
.u-pb-25 { padding-bottom: 2.5em; }
.u-pb-30 { padding-bottom: 3em; }
.u-pb-35 { padding-bottom: 3.5em; }
.u-pb-40 { padding-bottom: 1em; }
.u-pb-45 { padding-bottom: 4.5em; }
.u-pb-50 { padding-bottom: 5em; }

/* ------------ padding-left */
.u-pl-05 { padding-left: 0.5em; }
.u-pl-10 { padding-left: 1em; }
.u-pl-15 { padding-left: 1.5em; }
.u-pl-20 { padding-left: 2em; }
.u-pl-25 { padding-left: 2.5em; }
.u-pl-30 { padding-left: 3em; }
.u-pl-35 { padding-left: 3.5em; }
.u-pl-40 { padding-left: 1em; }
.u-pl-45 { padding-left: 4.5em; }
.u-pl-50 { padding-left: 5em; }

/* ------------ padding-right */
.u-pr-05 { padding-right: 0.5em; }
.u-pr-10 { padding-right: 1em; }
.u-pr-15 { padding-right: 1.5em; }
.u-pr-20 { padding-right: 2em; }
.u-pr-25 { padding-right: 2.5em; }
.u-pr-30 { padding-right: 3em; }
.u-pr-35 { padding-right: 3.5em; }
.u-pr-40 { padding-right: 4em; }
.u-pr-45 { padding-right: 4.5em; }
.u-pr-50 { padding-right: 5em; }

/* ------------ text-align */
.u-ta-l { text-align: left; }
.u-ta-c { text-align: center; }
.u-ta-r { text-align: right; }

/* ------------ font size */
/* font-sizeの表記一覧 */
/* 基本サイズ10pxの場合 */
.u-fs-10 { font-size: 1.0rem; }
.u-fs-11 { font-size: 1.1rem; }
.u-fs-12 { font-size: 1.2rem; }
.u-fs-13 { font-size: 1.3rem; }
.u-fs-14 { font-size: 1.4rem; }
.u-fs-15 { font-size: 1.5rem; }
.u-fs-16 { font-size: 1.6rem; }
.u-fs-17 { font-size: 1.7rem; }
.u-fs-18 { font-size: 1.8rem; }
.u-fs-19 { font-size: 1.9rem; }
.u-fs-20 { font-size: 2.0rem; }
.u-fs-21 { font-size: 2.1rem; }
.u-fs-22 { font-size: 2.2rem; }
.u-fs-23 { font-size: 2.3rem; }
.u-fs-24 { font-size: 2.4rem; }
.u-fs-25 { font-size: 2.5rem; }
.u-fs-26 { font-size: 2.6rem; }
.u-fs-27 { font-size: 2.7rem; }
.u-fs-28 { font-size: 2.8rem; }
.u-fs-29 { font-size: 2.9rem; }
.u-fs-30 { font-size: 3.0rem; }