@charset "utf-8";
/*
/////////////////////////////////////
汎用クラス
/////////////////////////////////////
*/

html{ height:100%; scroll-behavior: smooth; }

img.img-responsive { max-width: 100%; }
img.img-responsive { display: inline;}
img.img-responsive-small { max-width: 40%; }

img.sns_large { width: 80px; max-width: 40%; padding: 8px; }
img.sns_middle { width: 60px; max-width: 40%; padding: 4px; }
img.sns_small { width: 40px; max-width: 40%; padding: 2px; }

img.contain {
object-fit: contain;
font-family: 'object-fit: contain;' }

img.fit {
object-fit: cover;
object-position: center center;
font-family: 'object-fit: cover; object-position: center center;' }

/* display属性 */

.block { display: block !important; }
.inline { display: inline !important; }
.inline-block { display: inline-block !important; }
.table { display: table !important; width: 100%; }
.table-cell { display: table-cell !important; }

/*link*/

.alpha:hover { filter: alpha(opacity=70); opacity: 0.7; }
.underline { text-decoration: underline !important; }

/*テーブル関係*/

table{ border-collapse:collapse;clear:both; }

/*スマホ改行*/

br.xs-only { display: none; }
@media screen and (max-width: 767px) {
br.xs-only { display: inline; }
}

/*角丸など*/

.kadomaru {
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}

.nobr { white-space: nowrap; }

.bold {	font-weight: 400 !important; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.v-align-top { vertical-align: top;}
.v-align-middle { vertical-align: middle;}
.v-align-bottom { vertical-align: bottom;}

/*長体*/
.chotai { display: inline-block; transform: scale(0.5,1); }

/*clearfix*/

.cf:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.cf { min-height: 1px; }
* html .cf { height: 1px;}

.clear {	clear: both;}


.weight100 { font-weight: 100; }
.weight200 { font-weight: 200; }
.weight300 { font-weight: 300; }
.weight400 { font-weight: 400; }
.weight500 { font-weight: 500; }
.weight600 { font-weight: 600; }
.weight700 { font-weight: 700; }
.weight800 { font-weight: 800; }
.weight900 { font-weight: 900; }

/*margin*/

.m-0 { margin: 0px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }
.m-45 { margin: 45px !important; }
.m-50 { margin: 50px !important; }
.m-55 { margin: 55px !important; }
.m-60 { margin: 60px !important; }
.m-65 { margin: 65px !important; }
.m-70 { margin: 70px !important; }
.m-75 { margin: 75px !important; }
.m-80 { margin: 80px !important; }
.m-85 { margin: 85px !important; }
.m-90 { margin: 90px !important; }
.m-95 { margin: 95px !important; }
.m-100 { margin: 100px !important; }

.mtb-0 { margin: 0px !important; }
.mtb-5 { margin: 5px 0 !important; }
.mtb-10 { margin: 10px 0 !important; }
.mtb-15 { margin: 15px 0 !important; }
.mtb-20 { margin: 20px 0 !important; }
.mtb-25 { margin: 25px 0 !important; }
.mtb-30 { margin: 30px 0 !important; }
.mtb-35 { margin: 35px 0 !important; }
.mtb-40 { margin: 40px 0 !important; }
.mtb-45 { margin: 45px 0 !important; }
.mtb-50 { margin: 50px 0 !important; }
.mtb-55 { margin: 55px 0 !important; }
.mtb-60 { margin: 60px 0 !important; }
.mtb-65 { margin: 65px 0 !important; }
.mtb-70 { margin: 70px 0 !important; }
.mtb-75 { margin: 75px 0 !important; }
.mtb-80 { margin: 80px 0 !important; }
.mtb-85 { margin: 85px 0 !important; }
.mtb-90 { margin: 90px 0 !important; }
.mtb-95 { margin: 95px 0 !important; }
.mtb-100 { margin: 100px 0 !important; }

.mrl-0 { margin: 0px !important; }
.mrl-5 { margin: 0 5px 0 !important; }
.mrl-10 { margin: 0 10px 0 !important; }
.mrl-15 { margin: 0 15px 0 !important; }
.mrl-20 { margin: 0 20px 0 !important; }
.mrl-25 { margin: 0 25px 0 !important; }
.mrl-30 { margin: 0 30px 0 !important; }
.mrl-35 { margin: 0 35px 0 !important; }
.mrl-40 { margin: 0 40px 0 !important; }
.mrl-45 { margin: 0 45px 0 !important; }
.mrl-50 { margin: 0 50px 0 !important; }
.mrl-55 { margin: 0 55px 0 !important; }
.mrl-60 { margin: 0 60px 0 !important; }
.mrl-65 { margin: 0 65px 0 !important; }
.mrl-70 { margin: 0 70px 0 !important; }
.mrl-75 { margin: 0 75px 0 !important; }
.mrl-80 { margin: 0 80px 0 !important; }
.mrl-85 { margin: 0 85px 0 !important; }
.mrl-90 { margin: 0 90px 0 !important; }
.mrl-95 { margin: 0 95px 0 !important; }
.mrl-100 { margin: 0 100px 0 !important; }

.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-55 { margin-top: 55px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-65 { margin-top: 65px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-75 { margin-top: 75px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-85 { margin-top: 85px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-95 { margin-top: 95px !important; }
.mt-100 { margin-top: 100px !important; }

.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-55 { margin-bottom: 55px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-65 { margin-bottom: 65px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-75 { margin-bottom: 75px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-85 { margin-bottom: 85px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-95 { margin-bottom: 95px !important; }
.mb-100 { margin-bottom: 100px !important; }

.mr-0 { margin-right: 0px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-35 { margin-right: 35px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-45 { margin-right: 45px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-55 { margin-right: 55px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-65 { margin-right: 65px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-75 { margin-right: 75px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-85 { margin-right: 85px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-95 { margin-right: 95px !important; }
.mr-100 { margin-right: 100px !important; }

.ml-0 { margin-left: 0px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-35 { margin-left: 35px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-45 { margin-left: 45px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-55 { margin-left: 55px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-65 { margin-left: 65px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-75 { margin-left: 75px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-85 { margin-left: 85px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-95 { margin-left: 95px !important; }
.ml-100 { margin-left: 100px !important; }

/*s-margin*/

.sm-0 { margin: 0px !important; }
.sm-5 { margin: 5px !important; }
.sm-10 { margin: 10px !important; }
.sm-15 { margin: 15px !important; }
.sm-20 { margin: 20px !important; }
.sm-25 { margin: 25px !important; }
.sm-30 { margin: 30px !important; }
.sm-35 { margin: 35px !important; }
.sm-40 { margin: 40px !important; }
.sm-45 { margin: 45px !important; }
.sm-50 { margin: 50px !important; }
.sm-55 { margin: 55px !important; }
.sm-60 { margin: 60px !important; }
.sm-65 { margin: 65px !important; }
.sm-70 { margin: 70px !important; }
.sm-75 { margin: 75px !important; }
.sm-80 { margin: 80px !important; }
.sm-85 { margin: 85px !important; }
.sm-90 { margin: 90px !important; }
.sm-95 { margin: 95px !important; }
.sm-100 { margin: 100px !important; }

.smtb-0 { margin: 0px !important; }
.smtb-5 { margin: 5px 0 !important; }
.smtb-10 { margin: 10px 0 !important; }
.smtb-15 { margin: 15px 0 !important; }
.smtb-20 { margin: 20px 0 !important; }
.smtb-25 { margin: 25px 0 !important; }
.smtb-30 { margin: 30px 0 !important; }
.smtb-35 { margin: 35px 0 !important; }
.smtb-40 { margin: 40px 0 !important; }
.smtb-45 { margin: 45px 0 !important; }
.smtb-50 { margin: 50px 0 !important; }
.smtb-55 { margin: 55px 0 !important; }
.smtb-60 { margin: 60px 0 !important; }
.smtb-65 { margin: 65px 0 !important; }
.smtb-70 { margin: 70px 0 !important; }
.smtb-75 { margin: 75px 0 !important; }
.smtb-80 { margin: 80px 0 !important; }
.smtb-85 { margin: 85px 0 !important; }
.smtb-90 { margin: 90px 0 !important; }
.smtb-95 { margin: 95px 0 !important; }
.smtb-100 { margin: 100px 0 !important; }

.smrl-0 { margin: 0px !important; }
.smrl-5 { margin: 0 5px 0 !important; }
.smrl-10 { margin: 0 10px 0 !important; }
.smrl-15 { margin: 0 15px 0 !important; }
.smrl-20 { margin: 0 20px 0 !important; }
.smrl-25 { margin: 0 25px 0 !important; }
.smrl-30 { margin: 0 30px 0 !important; }
.smrl-35 { margin: 0 35px 0 !important; }
.smrl-40 { margin: 0 40px 0 !important; }
.smrl-45 { margin: 0 45px 0 !important; }
.smrl-50 { margin: 0 50px 0 !important; }
.smrl-55 { margin: 0 55px 0 !important; }
.smrl-60 { margin: 0 60px 0 !important; }
.smrl-65 { margin: 0 65px 0 !important; }
.smrl-70 { margin: 0 70px 0 !important; }
.smrl-75 { margin: 0 75px 0 !important; }
.smrl-80 { margin: 0 80px 0 !important; }
.smrl-85 { margin: 0 85px 0 !important; }
.smrl-90 { margin: 0 90px 0 !important; }
.smrl-95 { margin: 0 95px 0 !important; }
.smrl-100 { margin: 0 100px 0 !important; }

.smt-0 { margin-top: 0px !important; }
.smt-5 { margin-top: 5px !important; }
.smt-10 { margin-top: 10px !important; }
.smt-15 { margin-top: 15px !important; }
.smt-20 { margin-top: 20px !important; }
.smt-25 { margin-top: 25px !important; }
.smt-30 { margin-top: 30px !important; }
.smt-35 { margin-top: 35px !important; }
.smt-40 { margin-top: 40px !important; }
.smt-45 { margin-top: 45px !important; }
.smt-50 { margin-top: 50px !important; }
.smt-55 { margin-top: 55px !important; }
.smt-60 { margin-top: 60px !important; }
.smt-65 { margin-top: 65px !important; }
.smt-70 { margin-top: 70px !important; }
.smt-75 { margin-top: 75px !important; }
.smt-80 { margin-top: 80px !important; }
.smt-85 { margin-top: 85px !important; }
.smt-90 { margin-top: 90px !important; }
.smt-95 { margin-top: 95px !important; }
.smt-100 { margin-top: 100px !important; }

.smb-0 { margin-bottom: 0px !important; }
.smb-5 { margin-bottom: 5px !important; }
.smb-10 { margin-bottom: 10px !important; }
.smb-15 { margin-bottom: 15px !important; }
.smb-20 { margin-bottom: 20px !important; }
.smb-25 { margin-bottom: 25px !important; }
.smb-30 { margin-bottom: 30px !important; }
.smb-35 { margin-bottom: 35px !important; }
.smb-40 { margin-bottom: 40px !important; }
.smb-45 { margin-bottom: 45px !important; }
.smb-50 { margin-bottom: 50px !important; }
.smb-55 { margin-bottom: 55px !important; }
.smb-60 { margin-bottom: 60px !important; }
.smb-65 { margin-bottom: 65px !important; }
.smb-70 { margin-bottom: 70px !important; }
.smb-75 { margin-bottom: 75px !important; }
.smb-80 { margin-bottom: 80px !important; }
.smb-85 { margin-bottom: 85px !important; }
.smb-90 { margin-bottom: 90px !important; }
.smb-95 { margin-bottom: 95px !important; }
.smb-100 { margin-bottom: 100px !important; }

.smr-0 { margin-right: 0px !important; }
.smr-5 { margin-right: 5px !important; }
.smr-10 { margin-right: 10px !important; }
.smr-15 { margin-right: 15px !important; }
.smr-20 { margin-right: 20px !important; }
.smr-25 { margin-right: 25px !important; }
.smr-30 { margin-right: 30px !important; }
.smr-35 { margin-right: 35px !important; }
.smr-40 { margin-right: 40px !important; }
.smr-45 { margin-right: 45px !important; }
.smr-50 { margin-right: 50px !important; }
.smr-55 { margin-right: 55px !important; }
.smr-60 { margin-right: 60px !important; }
.smr-65 { margin-right: 65px !important; }
.smr-70 { margin-right: 70px !important; }
.smr-75 { margin-right: 75px !important; }
.smr-80 { margin-right: 80px !important; }
.smr-85 { margin-right: 85px !important; }
.smr-90 { margin-right: 90px !important; }
.smr-95 { margin-right: 95px !important; }
.smr-100 { margin-right: 100px !important; }

.sml-0 { margin-left: 0px !important; }
.sml-5 { margin-left: 5px !important; }
.sml-10 { margin-left: 10px !important; }
.sml-15 { margin-left: 15px !important; }
.sml-20 { margin-left: 20px !important; }
.sml-25 { margin-left: 25px !important; }
.sml-30 { margin-left: 30px !important; }
.sml-35 { margin-left: 35px !important; }
.sml-40 { margin-left: 40px !important; }
.sml-45 { margin-left: 45px !important; }
.sml-50 { margin-left: 50px !important; }
.sml-55 { margin-left: 55px !important; }
.sml-60 { margin-left: 60px !important; }
.sml-65 { margin-left: 65px !important; }
.sml-70 { margin-left: 70px !important; }
.sml-75 { margin-left: 75px !important; }
.sml-80 { margin-left: 80px !important; }
.sml-85 { margin-left: 85px !important; }
.sml-90 { margin-left: 90px !important; }
.sml-95 { margin-left: 95px !important; }
.sml-100 { margin-left: 100px !important; }

@media screen and (max-width: 575px) {
.sm-0 { margin: 0px !important; }
.sm-5 { margin: 3px !important; }
.sm-10 { margin: 5px !important; }
.sm-15 { margin: 8px !important; }
.sm-20 { margin: 10px !important; }
.sm-25 { margin: 13px !important; }
.sm-30 { margin: 15px !important; }
.sm-35 { margin: 18px !important; }
.sm-40 { margin: 20px !important; }
.sm-45 { margin: 23px !important; }
.sm-50 { margin: 25px !important; }
.sm-55 { margin: 28px !important; }
.sm-60 { margin: 30px !important; }
.sm-65 { margin: 33px !important; }
.sm-70 { margin: 35px !important; }
.sm-75 { margin: 38px !important; }
.sm-80 { margin: 40px !important; }
.sm-85 { margin: 43px !important; }
.sm-90 { margin: 45px !important; }
.sm-95 { margin: 48px !important; }
.sm-100 { margin: 50px !important; }

.smtb-0 { margin: 0px !important; }
.smtb-5 { margin: 3px 0 !important; }
.smtb-10 { margin: 5px 0 !important; }
.smtb-15 { margin: 8px 0 !important; }
.smtb-20 { margin: 10px 0 !important; }
.smtb-25 { margin: 13px 0 !important; }
.smtb-30 { margin: 15px 0 !important; }
.smtb-35 { margin: 18px 0 !important; }
.smtb-40 { margin: 20px 0 !important; }
.smtb-45 { margin: 23px 0 !important; }
.smtb-50 { margin: 25px 0 !important; }
.smtb-55 { margin: 28px 0 !important; }
.smtb-60 { margin: 30px 0 !important; }
.smtb-65 { margin: 33px 0 !important; }
.smtb-70 { margin: 35px 0 !important; }
.smtb-75 { margin: 38px 0 !important; }
.smtb-80 { margin: 40px 0 !important; }
.smtb-85 { margin: 43px 0 !important; }
.smtb-90 { margin: 45px 0 !important; }
.smtb-95 { margin: 48px 0 !important; }
.smtb-100 { margin: 50px 0 !important; }

.smrl-0 { margin: 0px !important; }
.smrl-5 { margin: 0 3px 0 !important; }
.smrl-10 { margin: 0 5px 0 !important; }
.smrl-15 { margin: 0 8px 0 !important; }
.smrl-20 { margin: 0 10px 0 !important; }
.smrl-25 { margin: 0 13px 0 !important; }
.smrl-30 { margin: 0 15px 0 !important; }
.smrl-35 { margin: 0 18px 0 !important; }
.smrl-40 { margin: 0 20px 0 !important; }
.smrl-45 { margin: 0 23px 0 !important; }
.smrl-50 { margin: 0 25px 0 !important; }
.smrl-55 { margin: 0 28px 0 !important; }
.smrl-60 { margin: 0 30px 0 !important; }
.smrl-65 { margin: 0 33px 0 !important; }
.smrl-70 { margin: 0 35px 0 !important; }
.smrl-75 { margin: 0 38px 0 !important; }
.smrl-80 { margin: 0 40px 0 !important; }
.smrl-85 { margin: 0 43px 0 !important; }
.smrl-90 { margin: 0 45px 0 !important; }
.smrl-95 { margin: 0 48px 0 !important; }
.smrl-100 { margin: 0 50px 0 !important; }

.smt-0 { margin-top: 0px !important; }
.smt-5 { margin-top: 3px !important; }
.smt-10 { margin-top: 5px !important; }
.smt-15 { margin-top: 8px !important; }
.smt-20 { margin-top: 10px !important; }
.smt-25 { margin-top: 13px !important; }
.smt-30 { margin-top: 15px !important; }
.smt-35 { margin-top: 18px !important; }
.smt-40 { margin-top: 20px !important; }
.smt-45 { margin-top: 23px !important; }
.smt-50 { margin-top: 25px !important; }
.smt-55 { margin-top: 28px !important; }
.smt-60 { margin-top: 30px !important; }
.smt-65 { margin-top: 33px !important; }
.smt-70 { margin-top: 35px !important; }
.smt-75 { margin-top: 38px !important; }
.smt-80 { margin-top: 40px !important; }
.smt-85 { margin-top: 43px !important; }
.smt-90 { margin-top: 45px !important; }
.smt-95 { margin-top: 48px !important; }
.smt-100 { margin-top: 50px !important; }

.smb-0 { margin-bottom: 0px !important; }
.smb-5 { margin-bottom: 3px !important; }
.smb-10 { margin-bottom: 5px !important; }
.smb-15 { margin-bottom: 8px !important; }
.smb-20 { margin-bottom: 10px !important; }
.smb-25 { margin-bottom: 13px !important; }
.smb-30 { margin-bottom: 15px !important; }
.smb-35 { margin-bottom: 18px !important; }
.smb-40 { margin-bottom: 20px !important; }
.smb-45 { margin-bottom: 23px !important; }
.smb-50 { margin-bottom: 25px !important; }
.smb-55 { margin-bottom: 28px !important; }
.smb-60 { margin-bottom: 30px !important; }
.smb-65 { margin-bottom: 33px !important; }
.smb-70 { margin-bottom: 35px !important; }
.smb-75 { margin-bottom: 38px !important; }
.smb-80 { margin-bottom: 40px !important; }
.smb-85 { margin-bottom: 43px !important; }
.smb-90 { margin-bottom: 45px !important; }
.smb-95 { margin-bottom: 48px !important; }
.smb-100 { margin-bottom: 50px !important; }

.smr-0 { margin-right: 0px !important; }
.smr-5 { margin-right: 3px !important; }
.smr-10 { margin-right: 5px !important; }
.smr-15 { margin-right: 8px !important; }
.smr-20 { margin-right: 10px !important; }
.smr-25 { margin-right: 13px !important; }
.smr-30 { margin-right: 15px !important; }
.smr-35 { margin-right: 18px !important; }
.smr-40 { margin-right: 20px !important; }
.smr-45 { margin-right: 23px !important; }
.smr-50 { margin-right: 25px !important; }
.smr-55 { margin-right: 28px !important; }
.smr-60 { margin-right: 30px !important; }
.smr-65 { margin-right: 33px !important; }
.smr-70 { margin-right: 35px !important; }
.smr-75 { margin-right: 38px !important; }
.smr-80 { margin-right: 40px !important; }
.smr-85 { margin-right: 43px !important; }
.smr-90 { margin-right: 45px !important; }
.smr-95 { margin-right: 48px !important; }
.smr-100 { margin-right: 50px !important; }

.sml-0 { margin-left: 0px !important; }
.sml-5 { margin-left: 3px !important; }
.sml-10 { margin-left: 5px !important; }
.sml-15 { margin-left: 8px !important; }
.sml-20 { margin-left: 10px !important; }
.sml-25 { margin-left: 13px !important; }
.sml-30 { margin-left: 15px !important; }
.sml-35 { margin-left: 18px !important; }
.sml-40 { margin-left: 20px !important; }
.sml-45 { margin-left: 23px !important; }
.sml-50 { margin-left: 25px !important; }
.sml-55 { margin-left: 28px !important; }
.sml-60 { margin-left: 30px !important; }
.sml-65 { margin-left: 33px !important; }
.sml-70 { margin-left: 35px !important; }
.sml-75 { margin-left: 38px !important; }
.sml-80 { margin-left: 40px !important; }
.sml-85 { margin-left: 43px !important; }
.sml-90 { margin-left: 45px !important; }
.sml-95 { margin-left: 48px !important; }
.sml-100 { margin-left: 50px !important; }
}

/*padding*/

.p-0 { padding: 0px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }
.p-45 { padding: 45px !important; }
.p-50 { padding: 50px !important; }
.p-55 { padding: 55px !important; }
.p-60 { padding: 60px !important; }
.p-65 { padding: 65px !important; }
.p-70 { padding: 70px !important; }
.p-75 { padding: 75px !important; }
.p-80 { padding: 80px !important; }
.p-85 { padding: 85px !important; }
.p-90 { padding: 90px !important; }
.p-95 { padding: 95px !important; }
.p-100 { padding: 100px !important; }

.ptb-0 { padding: 0px !important; }
.ptb-5 { padding: 5px 0 !important; }
.ptb-10 { padding: 10px 0 !important; }
.ptb-15 { padding: 15px 0 !important; }
.ptb-20 { padding: 20px 0 !important; }
.ptb-25 { padding: 25px 0 !important; }
.ptb-30 { padding: 30px 0 !important; }
.ptb-35 { padding: 35px 0 !important; }
.ptb-40 { padding: 40px 0 !important; }
.ptb-45 { padding: 45px 0 !important; }
.ptb-50 { padding: 50px 0 !important; }
.ptb-55 { padding: 55px 0 !important; }
.ptb-60 { padding: 60px 0 !important; }
.ptb-65 { padding: 65px 0 !important; }
.ptb-70 { padding: 70px 0 !important; }
.ptb-75 { padding: 75px 0 !important; }
.ptb-80 { padding: 80px 0 !important; }
.ptb-85 { padding: 85px 0 !important; }
.ptb-90 { padding: 90px 0 !important; }
.ptb-95 { padding: 95px 0 !important; }
.ptb-100 { padding: 100px 0 !important; }

.prl-0 { padding: 0px !important; }
.prl-5 { padding: 0 5px 0 !important; }
.prl-10 { padding: 0 10px 0 !important; }
.prl-15 { padding: 0 15px 0 !important; }
.prl-20 { padding: 0 20px 0 !important; }
.prl-25 { padding: 0 25px 0 !important; }
.prl-30 { padding: 0 30px 0 !important; }
.prl-35 { padding: 0 35px 0 !important; }
.prl-40 { padding: 0 40px 0 !important; }
.prl-45 { padding: 0 45px 0 !important; }
.prl-50 { padding: 0 50px 0 !important; }
.prl-55 { padding: 0 55px 0 !important; }
.prl-60 { padding: 0 60px 0 !important; }
.prl-65 { padding: 0 65px 0 !important; }
.prl-70 { padding: 0 70px 0 !important; }
.prl-75 { padding: 0 75px 0 !important; }
.prl-80 { padding: 0 80px 0 !important; }
.prl-85 { padding: 0 85px 0 !important; }
.prl-90 { padding: 0 90px 0 !important; }
.prl-95 { padding: 0 95px 0 !important; }
.prl-100 { padding: 0 100px 0 !important; }

.pt-0				{ padding-top: 0px !important; }
.pt-5				{ padding-top: 5px !important; }
.pt-10				{ padding-top: 10px !important; }
.pt-15				{ padding-top: 15px !important; }
.pt-20				{ padding-top: 20px !important; }
.pt-25				{ padding-top: 25px !important; }
.pt-30				{ padding-top: 30px !important; }
.pt-35				{ padding-top: 35px !important; }
.pt-40				{ padding-top: 40px !important; }
.pt-45				{ padding-top: 45px !important; }
.pt-50				{ padding-top: 50px !important; }
.pt-55				{ padding-top: 55px !important; }
.pt-60				{ padding-top: 60px !important; }
.pt-65				{ padding-top: 65px !important; }
.pt-70				{ padding-top: 70px !important; }
.pt-75				{ padding-top: 75px !important; }
.pt-80				{ padding-top: 80px !important; }
.pt-85				{ padding-top: 85px !important; }
.pt-90				{ padding-top: 90px !important; }
.pt-95				{ padding-top: 95px !important; }
.pt-100				{ padding-top: 100px !important; }

.pb-0				{ padding-bottom: 0px !important; }
.pb-5				{ padding-bottom: 5px !important; }
.pb-10				{ padding-bottom: 10px !important; }
.pb-15				{ padding-bottom: 15px !important; }
.pb-20				{ padding-bottom: 20px !important; }
.pb-25				{ padding-bottom: 25px !important; }
.pb-30				{ padding-bottom: 30px !important; }
.pb-35				{ padding-bottom: 35px !important; }
.pb-40				{ padding-bottom: 40px !important; }
.pb-45				{ padding-bottom: 45px !important; }
.pb-50				{ padding-bottom: 50px !important; }
.pb-55				{ padding-bottom: 55px !important; }
.pb-60				{ padding-bottom: 60px !important; }
.pb-65				{ padding-bottom: 65px !important; }
.pb-70				{ padding-bottom: 70px !important; }
.pb-75				{ padding-bottom: 75px !important; }
.pb-80				{ padding-bottom: 80px !important; }
.pb-85				{ padding-bottom: 85px !important; }
.pb-90				{ padding-bottom: 90px !important; }
.pb-95				{ padding-bottom: 95px !important; }
.pb-100				{ padding-bottom: 100px !important; }

.pr-0				{ padding-right: 0px !important; }
.pr-5				{ padding-right: 5px !important; }
.pr-10				{ padding-right: 10px !important; }
.pr-15				{ padding-right: 15px !important; }
.pr-20				{ padding-right: 20px !important; }
.pr-25				{ padding-right: 25px !important; }
.pr-30				{ padding-right: 30px !important; }
.pr-35				{ padding-right: 35px !important; }
.pr-40				{ padding-right: 40px !important; }
.pr-45				{ padding-right: 45px !important; }
.pr-50				{ padding-right: 50px !important; }
.pr-55				{ padding-right: 55px !important; }
.pr-60				{ padding-right: 60px !important; }
.pr-65				{ padding-right: 65px !important; }
.pr-70				{ padding-right: 70px !important; }
.pr-75				{ padding-right: 75px !important; }
.pr-80				{ padding-right: 80px !important; }
.pr-85				{ padding-right: 85px !important; }
.pr-90				{ padding-right: 90px !important; }
.pr-95				{ padding-right: 95px !important; }
.pr-100				{ padding-right: 100px !important; }

.pl-0				{ padding-left: 0px !important; }
.pl-5				{ padding-left: 5px !important; }
.pl-10				{ padding-left: 10px !important; }
.pl-15				{ padding-left: 15px !important; }
.pl-20				{ padding-left: 20px !important; }
.pl-25				{ padding-left: 25px !important; }
.pl-30				{ padding-left: 30px !important; }
.pl-35				{ padding-left: 35px !important; }
.pl-40				{ padding-left: 40px !important; }
.pl-45				{ padding-left: 45px !important; }
.pl-50				{ padding-left: 50px !important; }
.pl-55				{ padding-left: 55px !important; }
.pl-60				{ padding-left: 60px !important; }
.pl-65				{ padding-left: 65px !important; }
.pl-70				{ padding-left: 70px !important; }
.pl-75				{ padding-left: 75px !important; }
.pl-80				{ padding-left: 80px !important; }
.pl-85				{ padding-left: 85px !important; }
.pl-90				{ padding-left: 90px !important; }
.pl-95				{ padding-left: 95px !important; }
.pl-100				{ padding-left: 100px !important; }

/*s-padding*/

.sp-0 { padding: 0px !important; }
.sp-5 { padding: 5px !important; }
.sp-10 { padding: 10px !important; }
.sp-15 { padding: 15px !important; }
.sp-20 { padding: 20px !important; }
.sp-25 { padding: 25px !important; }
.sp-30 { padding: 30px !important; }
.sp-35 { padding: 35px !important; }
.sp-40 { padding: 40px !important; }
.sp-45 { padding: 45px !important; }
.sp-50 { padding: 50px !important; }
.sp-55 { padding: 55px !important; }
.sp-60 { padding: 60px !important; }
.sp-65 { padding: 65px !important; }
.sp-70 { padding: 70px !important; }
.sp-75 { padding: 75px !important; }
.sp-80 { padding: 80px !important; }
.sp-85 { padding: 85px !important; }
.sp-90 { padding: 90px !important; }
.sp-95 { padding: 95px !important; }
.sp-100 { padding: 100px !important; }

.sptb-0 { padding: 0px !important; }
.sptb-5 { padding: 5px 0 !important; }
.sptb-10 { padding: 10px 0 !important; }
.sptb-15 { padding: 15px 0 !important; }
.sptb-20 { padding: 20px 0 !important; }
.sptb-25 { padding: 25px 0 !important; }
.sptb-30 { padding: 30px 0 !important; }
.sptb-35 { padding: 35px 0 !important; }
.sptb-40 { padding: 40px 0 !important; }
.sptb-45 { padding: 45px 0 !important; }
.sptb-50 { padding: 50px 0 !important; }
.sptb-55 { padding: 55px 0 !important; }
.sptb-60 { padding: 60px 0 !important; }
.sptb-65 { padding: 65px 0 !important; }
.sptb-70 { padding: 70px 0 !important; }
.sptb-75 { padding: 75px 0 !important; }
.sptb-80 { padding: 80px 0 !important; }
.sptb-85 { padding: 85px 0 !important; }
.sptb-90 { padding: 90px 0 !important; }
.sptb-95 { padding: 95px 0 !important; }
.sptb-100 { padding: 100px 0 !important; }

.sprl-0 { padding: 0px !important; }
.sprl-5 { padding: 0 5px 0 !important; }
.sprl-10 { padding: 0 10px 0 !important; }
.sprl-15 { padding: 0 15px 0 !important; }
.sprl-20 { padding: 0 20px 0 !important; }
.sprl-25 { padding: 0 25px 0 !important; }
.sprl-30 { padding: 0 30px 0 !important; }
.sprl-35 { padding: 0 35px 0 !important; }
.sprl-40 { padding: 0 40px 0 !important; }
.sprl-45 { padding: 0 45px 0 !important; }
.sprl-50 { padding: 0 50px 0 !important; }
.sprl-55 { padding: 0 55px 0 !important; }
.sprl-60 { padding: 0 60px 0 !important; }
.sprl-65 { padding: 0 65px 0 !important; }
.sprl-70 { padding: 0 70px 0 !important; }
.sprl-75 { padding: 0 75px 0 !important; }
.sprl-80 { padding: 0 80px 0 !important; }
.sprl-85 { padding: 0 85px 0 !important; }
.sprl-90 { padding: 0 90px 0 !important; }
.sprl-95 { padding: 0 95px 0 !important; }
.sprl-100 { padding: 0 100px 0 !important; }

.spt-0 { padding-top: 0px !important; }
.spt-5 { padding-top: 5px !important; }
.spt-10 { padding-top: 10px !important; }
.spt-15 { padding-top: 15px !important; }
.spt-20 { padding-top: 20px !important; }
.spt-25 { padding-top: 25px !important; }
.spt-30 { padding-top: 30px !important; }
.spt-35 { padding-top: 35px !important; }
.spt-40 { padding-top: 40px !important; }
.spt-45 { padding-top: 45px !important; }
.spt-50 { padding-top: 50px !important; }
.spt-55 { padding-top: 55px !important; }
.spt-60 { padding-top: 60px !important; }
.spt-65 { padding-top: 65px !important; }
.spt-70 { padding-top: 70px !important; }
.spt-75 { padding-top: 75px !important; }
.spt-80 { padding-top: 80px !important; }
.spt-85 { padding-top: 85px !important; }
.spt-90 { padding-top: 90px !important; }
.spt-95 { padding-top: 95px !important; }
.spt-100 { padding-top: 100px !important; }
body#top .spt-100 {
  padding-top: 6.25em !important; /* bodyのIDがtopのときのみ */
}

.spb-0 { padding-bottom: 0px !important; }
.spb-5 { padding-bottom: 5px !important; }
.spb-10 { padding-bottom: 10px !important; }
.spb-15 { padding-bottom: 15px !important; }
.spb-20 { padding-bottom: 20px !important; }
.spb-25 { padding-bottom: 25px !important; }
.spb-30 { padding-bottom: 30px !important; }
.spb-35 { padding-bottom: 35px !important; }
.spb-40 { padding-bottom: 40px !important; }
.spb-45 { padding-bottom: 45px !important; }
.spb-50 { padding-bottom: 50px !important; }
.spb-55 { padding-bottom: 55px !important; }
.spb-60 { padding-bottom: 60px !important; }
.spb-65 { padding-bottom: 65px !important; }
.spb-70 { padding-bottom: 70px !important; }
.spb-75 { padding-bottom: 75px !important; }
.spb-80 { padding-bottom: 80px !important; }
.spb-85 { padding-bottom: 85px !important; }
.spb-90 { padding-bottom: 90px !important; }
.spb-95 { padding-bottom: 95px !important; }
.spb-100 { padding-bottom: 100px !important; }

.spr-0 { padding-right: 0px !important; }
.spr-5 { padding-right: 5px !important; }
.spr-10 { padding-right: 10px !important; }
.spr-15 { padding-right: 15px !important; }
.spr-20 { padding-right: 20px !important; }
.spr-25 { padding-right: 25px !important; }
.spr-30 { padding-right: 30px !important; }
.spr-35 { padding-right: 35px !important; }
.spr-40 { padding-right: 40px !important; }
.spr-45 { padding-right: 45px !important; }
.spr-50 { padding-right: 50px !important; }
.spr-55 { padding-right: 55px !important; }
.spr-60 { padding-right: 60px !important; }
.spr-65 { padding-right: 65px !important; }
.spr-70 { padding-right: 70px !important; }
.spr-75 { padding-right: 75px !important; }
.spr-80 { padding-right: 80px !important; }
.spr-85 { padding-right: 85px !important; }
.spr-90 { padding-right: 90px !important; }
.spr-95 { padding-right: 95px !important; }
.spr-100 { padding-right: 100px !important; }

.spl-0 { padding-left: 0px !important; }
.spl-5 { padding-left: 5px !important; }
.spl-10 { padding-left: 10px !important; }
.spl-15 { padding-left: 15px !important; }
.spl-20 { padding-left: 20px !important; }
.spl-25 { padding-left: 25px !important; }
.spl-30 { padding-left: 30px !important; }
.spl-35 { padding-left: 35px !important; }
.spl-40 { padding-left: 40px !important; }
.spl-45 { padding-left: 45px !important; }
.spl-50 { padding-left: 50px !important; }
.spl-55 { padding-left: 55px !important; }
.spl-60 { padding-left: 60px !important; }
.spl-65 { padding-left: 65px !important; }
.spl-70 { padding-left: 70px !important; }
.spl-75 { padding-left: 75px !important; }
.spl-80 { padding-left: 80px !important; }
.spl-85 { padding-left: 85px !important; }
.spl-90 { padding-left: 90px !important; }
.spl-95 { padding-left: 95px !important; }
.spl-100 { padding-left: 100px !important; }

@media screen and (max-width: 575px) {
.sp-0 { padding: 0px !important; }
.sp-5 { padding: 3px !important; }
.sp-10 { padding: 5px !important; }
.sp-15 { padding: 8px !important; }
.sp-20 { padding: 10px !important; }
.sp-25 { padding: 13px !important; }
.sp-30 { padding: 15px !important; }
.sp-35 { padding: 18px !important; }
.sp-40 { padding: 20px !important; }
.sp-45 { padding: 23px !important; }
.sp-50 { padding: 25px !important; }
.sp-55 { padding: 28px !important; }
.sp-60 { padding: 30px !important; }
.sp-65 { padding: 33px !important; }
.sp-70 { padding: 35px !important; }
.sp-75 { padding: 38px !important; }
.sp-80 { padding: 40px !important; }
.sp-85 { padding: 43px !important; }
.sp-90 { padding: 45px !important; }
.sp-95 { padding: 48px !important; }
.sp-100 { padding: 50px !important; }

.sptb-0 { padding: 0px !important; }
.sptb-5 { padding: 3px 0 !important; }
.sptb-10 { padding: 5px 0 !important; }
.sptb-15 { padding: 8px 0 !important; }
.sptb-20 { padding: 10px 0 !important; }
.sptb-25 { padding: 13px 0 !important; }
.sptb-30 { padding: 15px 0 !important; }
.sptb-35 { padding: 18px 0 !important; }
.sptb-40 { padding: 20px 0 !important; }
.sptb-45 { padding: 23px 0 !important; }
.sptb-50 { padding: 25px 0 !important; }
.sptb-55 { padding: 28px 0 !important; }
.sptb-60 { padding: 30px 0 !important; }
.sptb-65 { padding: 33px 0 !important; }
.sptb-70 { padding: 35px 0 !important; }
.sptb-75 { padding: 38px 0 !important; }
.sptb-80 { padding: 40px 0 !important; }
.sptb-85 { padding: 43px 0 !important; }
.sptb-90 { padding: 45px 0 !important; }
.sptb-95 { padding: 48px 0 !important; }
.sptb-100 { padding: 50px 0 !important; }

.sprl-0 { padding: 0px !important; }
.sprl-5 { padding: 0 3px 0 !important; }
.sprl-10 { padding: 0 5px 0 !important; }
.sprl-15 { padding: 0 8px 0 !important; }
.sprl-20 { padding: 0 10px 0 !important; }
.sprl-25 { padding: 0 13px 0 !important; }
.sprl-30 { padding: 0 15px 0 !important; }
.sprl-35 { padding: 0 18px 0 !important; }
.sprl-40 { padding: 0 20px 0 !important; }
.sprl-45 { padding: 0 23px 0 !important; }
.sprl-50 { padding: 0 25px 0 !important; }
.sprl-55 { padding: 0 28px 0 !important; }
.sprl-60 { padding: 0 30px 0 !important; }
.sprl-65 { padding: 0 33px 0 !important; }
.sprl-70 { padding: 0 35px 0 !important; }
.sprl-75 { padding: 0 38px 0 !important; }
.sprl-80 { padding: 0 40px 0 !important; }
.sprl-85 { padding: 0 43px 0 !important; }
.sprl-90 { padding: 0 45px 0 !important; }
.sprl-95 { padding: 0 48px 0 !important; }
.sprl-100 { padding: 0 50px 0 !important; }

.spt-0 { padding-top: 0px !important; }
.spt-5 { padding-top: 3px !important; }
.spt-10 { padding-top: 5px !important; }
.spt-15 { padding-top: 8px !important; }
.spt-20 { padding-top: 10px !important; }
.spt-25 { padding-top: 13px !important; }
.spt-30 { padding-top: 15px !important; }
.spt-35 { padding-top: 18px !important; }
.spt-40 { padding-top: 20px !important; }
.spt-45 { padding-top: 23px !important; }
.spt-50 { padding-top: 25px !important; }
.spt-55 { padding-top: 28px !important; }
.spt-60 { padding-top: 30px !important; }
.spt-65 { padding-top: 33px !important; }
.spt-70 { padding-top: 35px !important; }
.spt-75 { padding-top: 38px !important; }
.spt-80 { padding-top: 40px !important; }
.spt-85 { padding-top: 43px !important; }
.spt-90 { padding-top: 45px !important; }
.spt-95 { padding-top: 48px !important; }
.spt-100 { padding-top: 50px !important; }
body#top .spt-100 {
  padding-top: 3.125em !important; /* bodyのIDがtopのときのみ */
}

.spb-0 { padding-bottom: 0px !important; }
.spb-5 { padding-bottom: 3px !important; }
.spb-10 { padding-bottom: 5px !important; }
.spb-15 { padding-bottom: 8px !important; }
.spb-20 { padding-bottom: 10px !important; }
.spb-25 { padding-bottom: 13px !important; }
.spb-30 { padding-bottom: 15px !important; }
.spb-35 { padding-bottom: 18px !important; }
.spb-40 { padding-bottom: 20px !important; }
.spb-45 { padding-bottom: 23px !important; }
.spb-50 { padding-bottom: 25px !important; }
.spb-55 { padding-bottom: 28px !important; }
.spb-60 { padding-bottom: 30px !important; }
.spb-65 { padding-bottom: 33px !important; }
.spb-70 { padding-bottom: 35px !important; }
.spb-75 { padding-bottom: 38px !important; }
.spb-80 { padding-bottom: 40px !important; }
.spb-85 { padding-bottom: 43px !important; }
.spb-90 { padding-bottom: 45px !important; }
.spb-95 { padding-bottom: 48px !important; }
.spb-100 { padding-bottom: 50px !important; }

.spr-0 { padding-right: 0px !important; }
.spr-5 { padding-right: 3px !important; }
.spr-10 { padding-right: 5px !important; }
.spr-15 { padding-right: 8px !important; }
.spr-20 { padding-right: 10px !important; }
.spr-25 { padding-right: 13px !important; }
.spr-30 { padding-right: 15px !important; }
.spr-35 { padding-right: 18px !important; }
.spr-40 { padding-right: 20px !important; }
.spr-45 { padding-right: 23px !important; }
.spr-50 { padding-right: 25px !important; }
.spr-55 { padding-right: 28px !important; }
.spr-60 { padding-right: 30px !important; }
.spr-65 { padding-right: 33px !important; }
.spr-70 { padding-right: 35px !important; }
.spr-75 { padding-right: 38px !important; }
.spr-80 { padding-right: 40px !important; }
.spr-85 { padding-right: 43px !important; }
.spr-90 { padding-right: 45px !important; }
.spr-95 { padding-right: 48px !important; }
.spr-100 { padding-right: 50px !important; }

.spl-0 { padding-left: 0px !important; }
.spl-5 { padding-left: 3px !important; }
.spl-10 { padding-left: 5px !important; }
.spl-15 { padding-left: 8px !important; }
.spl-20 { padding-left: 10px !important; }
.spl-25 { padding-left: 13px !important; }
.spl-30 { padding-left: 15px !important; }
.spl-35 { padding-left: 18px !important; }
.spl-40 { padding-left: 20px !important; }
.spl-45 { padding-left: 23px !important; }
.spl-50 { padding-left: 25px !important; }
.spl-55 { padding-left: 28px !important; }
.spl-60 { padding-left: 30px !important; }
.spl-65 { padding-left: 33px !important; }
.spl-70 { padding-left: 35px !important; }
.spl-75 { padding-left: 38px !important; }
.spl-80 { padding-left: 40px !important; }
.spl-85 { padding-left: 43px !important; }
.spl-90 { padding-left: 45px !important; }
.spl-95 { padding-left: 48px !important; }
.spl-100 { padding-left: 50px !important; }
}

/* ----- FONTSIZE ---- */

.text-50 { font-size: 50% !important; }
.text-60 { font-size: 60% !important; }
.text-70 { font-size: 70% !important; }
.text-80 { font-size: 80% !important; }
.text-90 { font-size: 90% !important; }
.text-100 { font-size: 100% !important; }
.text-110 { font-size: 110% !important; }
.text-120 { font-size: 120% !important; }
.text-130 { font-size: 130% !important; }
.text-140 { font-size: 140% !important; }
.text-150 { font-size: 150% !important; }
.text-160 { font-size: 160% !important; }
.text-170 { font-size: 170% !important; }
.text-180 { font-size: 180% !important; }
.text-190 { font-size: 190% !important; }
.text-200 { font-size: 200% !important; }
.text-210 { font-size: 210% !important; }
.text-220 { font-size: 220% !important; }
.text-230 { font-size: 230% !important; }
.text-240 { font-size: 240% !important; }
.text-250 { font-size: 250% !important; }
.text-260 { font-size: 260% !important; }
.text-270 { font-size: 270% !important; }
.text-280 { font-size: 280% !important; }
.text-290 { font-size: 290% !important; }
.text-300 { font-size: 300% !important; }
.text-310 { font-size: 310% !important; }
.text-320 { font-size: 320% !important; }
.text-330 { font-size: 330% !important; }
.text-340 { font-size: 340% !important; }
.text-350 { font-size: 350% !important; }
.text-360 { font-size: 360% !important; }
.text-370 { font-size: 370% !important; }
.text-380 { font-size: 380% !important; }
.text-390 { font-size: 390% !important; }
.text-400 { font-size: 400% !important; }
.text-500 { font-size: 500% !important; }
.text-600 { font-size: 600% !important; }
.text-700 { font-size: 700% !important; }
.text-800 { font-size: 800% !important; }
.text-900 { font-size: 900% !important; }
.text-1000 { font-size: 1000% !important; }

/*font-color*/

.fc-white { color: rgba(255,255,255,1); }
.fc-white-9 { color: rgba(255,255,255,0.9); }
.fc-white-8 { color: rgba(255,255,255,0.8); }
.fc-white-7 { color: rgba(255,255,255,0.7); }
.fc-white-6 { color: rgba(255,255,255,0.6); }
.fc-white-5 { color: rgba(255,255,255,0.5); }
.fc-white-4 { color: rgba(255,255,255,0.4); }
.fc-white-3 { color: rgba(255,255,255,0.3); }
.fc-white-2 { color: rgba(255,255,255,0.2); }
.fc-white-1 { color: rgba(255,255,255,0.1); }

.fc-black { color: rgba(0,0,0,1); }
.fc-black-9 { color: rgba(0,0,0,0.9); }
.fc-black-8 { color: rgba(0,0,0,0.8); }
.fc-black-7 { color: rgba(0,0,0,0.7); }
.fc-black-6 { color: rgba(0,0,0,0.6); }
.fc-black-5 { color: rgba(0,0,0,0.5); }
.fc-black-4 { color: rgba(0,0,0,0.4); }
.fc-black-3 { color: rgba(0,0,0,0.3); }
.fc-black-2 { color: rgba(0,0,0,0.2); }
.fc-black-1 { color: rgba(0,0,0,0.1); }


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* レイアウト */

.d-flex { display: flex; }
.wh100 { width: 100%; height: 100%; }

.flex-wrap-nowrap {flex-wrap: nowrap; } /* 既定値 */
.flex-wrap-wrap, .flex-wrap { flex-wrap: wrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }

.justify-content-center, .j-c-c { justify-content: center; } /* アイテムを中央に寄せる */
.justify-content-start, .j-c-s { justify-content: start; } /* アイテムを先頭に寄せる */
.justify-content-end, .j-c-e { justify-content: end; } /* アイテムを末尾に寄せる */
.justify-content-flex-start { justify-content: flex-start; } /* フレックスアイテムを先頭に寄せる */
.justify-content-flex-end { justify-content: flex-end;} /* フレックスアイテムを末尾に寄せる */
.justify-content-left { justify-content: left; } /* アイテムを左端に寄せる */
.justify-content-right { justify-content: right; } /* アイテムを右端に寄せる */

.justify-content-space-between, .justify-content-between, .j-c-b { justify-content: space-between; } /* 各アイテムを均等に配置し最初のアイテムは先頭に寄せ、最後のアイテムは末尾に寄せる */
.justify-content-space-around, .justify-content-around, .j-c-a { justify-content: space-around; } /* 各アイテムを均等に配置し先頭と末尾の間隔は、各アイテムの間隔の半分の大きさになる */
.justify-content-space-evenly { justify-content: space-evenly; }

.flex-direction-row { flex-direction: row; } /* 行のテキストの方向に配置 */
.flex-direction-row-reverse { flex-direction: row-reverse; } /* <row> と同様だが、逆向き */
.flex-direction-column { flex-direction: column; } /* 積み重なるように配置する */
.flex-direction-column-reverse { flex-direction: column-reverse; } /* <column> と同様だが、逆向き */

.align-items-stretch { align-items: stretch; }
.align-items-center, .a-i-c { align-items: center; } /* アイテムを中央付近にまとめる */
.align-items-start, .a-i-s { align-items: start; } /* アイテムを先頭にまとめる */
.align-items-end, .a-i-e { align-items: end; } /* アイテムを末尾にまとめる */

/* レイアウト幅 */

.all-container { width: 100%; margin: 0 auto; overflow: hidden; }
.container { width: 1320px;  margin: 0 auto; }
.small-container { width: 1140px; margin: 0 auto; }

@media screen and (max-width: 1399px) {
.container { width: 1140px; }
.small-container { width: 960px; }
}
@media screen and (max-width: 1199px) {
.container { width: 960px; }
.small-container { width: 720px; }
}
@media screen and (max-width: 991px) {
.container { width: 720px; }
.small-container { width: 540px; }
}
@media screen and (max-width: 767px) {
.container { width: 540px; }
.small-container, .all-container { width: 100%; }
}
@media screen and (max-width: 575px) {
.container { width: 100%; }
}

/* display-none 関係 */

.d-none { display: none; }
.d-block { display: block; }

@media screen and (min-width: 576px) {
.d-sm-none { display: none; }
.d-sm-block { display: block; }
}
@media screen and (min-width: 768px) {
.d-md-none { display: none; }
.d-md-block { display: block; }
}
@media screen and (min-width: 992px) {
.d-lg-none { display: none; }
.d-lg-block { display: block; }
}
@media screen and (min-width: 1200px) {
.d-xl-none { display: none; }
.d-xl-block { display: block; }
}
@media screen and (min-width: 1400px) {
.d-xxl-none { display: none; }
.d-xxl-block { display: block; }
}

/* col関係 */


.col-1 { width: 8.333%; }
.col-2 { width: 16.666%; }
.col-3 { width: 25%; }
.col-4 { width: 33.333%; }
.col-5 { width: 41.666%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333%; }
.col-8 { width: 66.666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.333%; }
.col-11 { width: 91.644%; }
.col-12 { width: 100%; }

@media screen and (min-width: 576px) {
.col-sm-1 { width: 8.333%; }
.col-sm-2 { width: 16.666%; }
.col-sm-3 { width: 25%; }
.col-sm-4 { width: 33.333%; }
.col-sm-5 { width: 41.666%; }
.col-sm-6 { width: 50%; }
.col-sm-7 { width: 58.333%; }
.col-sm-8 { width: 66.666%; }
.col-sm-9 { width: 75%; }
.col-sm-10 { width: 83.333%; }
.col-sm-11 { width: 91.644%; }
.col-sm-12 { width: 100%; }
}


@media screen and (min-width: 768px) {
.col-md-1 { width: 8.333%; }
.col-md-2 { width: 16.666%; }
.col-md-3 { width: 25%; }
.col-md-4 { width: 33.333%; }
.col-md-5 { width: 41.666%; }
.col-md-6 { width: 50%; }
.col-md-7 { width: 58.333%; }
.col-md-8 { width: 66.666%; }
.col-md-9 { width: 75%; }
.col-md-10 { width: 83.333%; }
.col-md-11 { width: 91.644%; }
.col-md-12 { width: 100%; }
}

@media screen and (min-width: 992px) {
.col-lg-1 { width: 8.333%; }
.col-lg-2 { width: 16.666%; }
.col-lg-3 { width: 25%; }
.col-lg-4 { width: 33.333%; }
.col-lg-5 { width: 41.666%; }
.col-lg-6 { width: 50%; }
.col-lg-7 { width: 58.333%; }
.col-lg-8 { width: 66.666%; }
.col-lg-9 { width: 75%; }
.col-lg-10 { width: 83.333%; }
.col-lg-11 { width: 91.644%; }
.col-lg-12 { width: 100%; }
}

@media screen and (min-width: 1200px) {
.col-xl-1 { width: 8.333%; }
.col-xl-2 { width: 16.666%; }
.col-xl-3 { width: 25%; }
.col-xl-4 { width: 33.333%; }
.col-xl-5 { width: 41.666%; }
.col-xl-6 { width: 50%; }
.col-xl-7 { width: 58.333%; }
.col-xl-8 { width: 66.666%; }
.col-xl-9 { width: 75%; }
.col-xl-10 { width: 83.333%; }
.col-xl-11 { width: 91.644%; }
.col-xl-12 { width: 100%; }
}

@media screen and (min-width: 1400px) {
.col-xxl-1 { width: 8.333%; }
.col-xxl-2 { width: 16.666%; }
.col-xxl-3 { width: 25%; }
.col-xxl-4 { width: 33.333%; }
.col-xxl-5 { width: 41.666%; }
.col-xxl-6 { width: 50%; }
.col-xxl-7 { width: 58.333%; }
.col-xxl-8 { width: 66.666%; }
.col-xxl-9 { width: 75%; }
.col-xxl-10 { width: 83.333%; }
.col-xxl-11 { width: 91.644%; }
.col-xxl-12 { width: 100%; }
}

/* grid */

.grid-auto {
display: grid;
gap: 0.5em 1em;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}


