.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.cf:before,
.cf:after {
    display: table;

    content: " ";
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.algnL {
	text-align: left;
}

.algnC {
	text-align: center;
}

.algnR {
	text-align: right;
}

.red {
	color: #ff0000;
}

.bold {
	font-weight: bold;
}

.big {
	font-size: 1.2em;
}

.exbig {
	font-size: 1.6em;
}

.small {
	font-size: 0.8em;
}

/* width */
.w60p {
  width: 60%;
}
.w65p {
  width: 65%;
}
.w70p {
  width: 70%;
}
.w75p {
  width: 75%;
}
.w80p {
  width: 80%;
}
.w85p {
  width: 85%;
}
.w90p {
  width: 90%;
}
.w96p {
  width: 96%;
}
.w98p {
  width: 98%;
}
.w100p {
  width: 100%;
}
.w5 {
    width: 5px;
}
.w10 {
    width: 10px;
}
.w15 {
    width: 15px;
}
.w20 {
    width: 20px;
}
.w25 {
    width: 25px;
}
.w30 {
    width: 30px;
}
.w35 {
    width: 35px;
}
.w40 {
    width: 40px;
}
.w50 {
    width: 50px;
}
.w60 {
    width: 60px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w120 {
    width: 120px;
}
.w140 {
    width: 140px;
}
.w150 {
    width: 150px;
}
.w160 {
    width: 160px;
}
.w180 {
    width: 180px;
}
.w200 {
    width: 200px;
}
.w250 {
    width: 250px;
}
.w300 {
    width: 300px;
}
.w350 {
    width: 350px;
}
.w400 {
    width: 400px;
}
.w450 {
    width: 450px;
}
.w500 {
    width: 500px;
}

button, input, optgroup, select, textarea {
	border-color: #ddd;
}

/* ***** Font Awesome ***** */
.fa-white:before {
	color: #ffffff;
}
.fa-gray:before {
	color: #888888;
}
.fa-jritsblue:before {
	color: #5baecd;
}
.fa-jritsgreen:before {
	color: #4bb52c;
}

.relative{position:relative;}
.absolute{position:absolute;}
.center{top:0;right:0;bottom:0;left:0;margin:auto;}
.bold{font-weight:bold;}
.weight-normal{font-weight:normal;}
.lh_0{line-height:0;}
.lh_08{line-height:0.8;}
.lh_09{line-height:0.9;}
.lh_10{line-height:1.0;}
.lh_11{line-height:1.1;}
.lh_12{line-height:1.2;}
.lh_13{line-height:1.3;}
.lh_14{line-height:1.4;}
.lh_15{line-height:1.5;}
.lh_16{line-height:1.6;}
.lh_17{line-height:1.7;}
.lh_18{line-height:1.8;}
.lh_19{line-height:1.9;}
.lh_20{line-height:2.0;}
.lh_25{line-height:2.5;}
.ls_-2{letter-spacing:-2px;}
.ls_05{letter-spacing:-0.5px;}

.va_top {vertical-align: top;}
.va_middle {vertical-align: middle;}
.va_bottom {vertical-align: bottom;}

.line_through { text-decoration: line-through; }
/*  floating  */
.fl_r{float:right;}
.fl_l{float:left;}
.fl_n{float:none;}
.text_left{text-align:left;}

/* width */
.w100p {
  width: 100%;
}
.w98p {
  width: 98%;
}
.w96p {
  width: 96%;
}
.w90p {
  width: 90%;
}
.w85p {
  width: 85%;
}
.w80p {
  width: 80%;
}
.w75p {
  width: 75%;
}
.w70p {
  width: 70%;
}
.w65p {
  width: 65%;
}
.w60p {
  width: 60%;
}

@media only screen and (max-width: 768px) {
.sp_left{text-align:left;}
.sp_center{text-align:center;}
}
.w150 {width: 150px;}
.w300 {width: 300px;}
/*  transition  */
a:not(.btn, .footer_btn):hover {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	/*transition: 0.25s;*/
}
body:hover {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
}
.bdrs5 {border-radius: 5px;}
.bdrs10 {border-radius: 10px;}
.hr_gray {
  border: none;
  background-color: #ccc;
  width: 100%;
  height: 1px;
}
.hr_brown {
  border: none;
  background-color: #6c3f13;
  width: 100%;
  height: 1px;
}
.ul_disc {
  list-style-type: disc;
  padding-left: 20px;
}
.ul_disc>li {
  margin-bottom: 5px;
}
/* text style */
.word-break {
  word-break: break-all;
}
.no-wrap {
  white-space: nowrap;
}
.enable-wrap {
  white-space: normal;
}
/*  display  */
.inline {display:inline;}
.inline_block {display:inline-block;}
.block{display:block;}
/*  font-size  */
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}
.fs36{font-size:36px;}
.fs38{font-size:38px;}
.fs40{font-size:40px;}
.fs42{font-size:42px;}
.fs45{font-size:45px;}
.fs46{font-size:46px;}
.fs48{font-size:48px;}
.fs52{font-size:52px;}

@media only screen and (max-width: 768px) {

/*  floating  */
.spfl_r{float:right;}
.spfl_l{float:left;}
.spfl_n{float:none;}

.fs14{font-size:12px;}
.fs16{font-size:14px;}
.fs19{font-size:16px;}
.fs18{font-size:16px;}
.fs20{font-size:18px;}
.fs22{font-size:20px;}
.fs24{font-size:22px;}
.fs25{font-size:23px;}
.fs26{font-size:24px;}
.fs27{font-size:25px;}
.fs28{font-size:26px;}
.fs30{font-size:28px;}
.fs32{font-size:30px;}
.fs34{font-size:32px;}
.fs36{font-size:34px;}
.fs40{font-size:30px;}
.fs45{font-size:26px;}
.fs48{font-size:39px;}
.spfs8{font-size:8px;}
.spfs9{font-size:9px;}
.spfs10{font-size:10px;}
.spfs11{font-size:11px;}
.spfs12{font-size:12px;}
.spfs13{font-size:13px;}
.spfs14{font-size:14px;}
.spfs16{font-size:16px;}
.spfs18{font-size:18px;}
.spfs20{font-size:20px;}
.spfs21{font-size:21px;}
.spfs22{font-size:22px;}
.spfs24{font-size:24px;}
.spfs40{font-size:40px;}
}
/*  font-color  */
.white,.white a{color:#FFF;}
.black,.black a{color:#333;}
.blue,.blue a{color:#2879b9;}
.l-blue,.l-blue a{color:#34b6d0;}
.red,.red a{color:#fd3535;}
.dred,.dred a{color:#d3421d;}
.ddred,.ddred a{color:#c50011;}
.pink,.pink a{color:#ffb4b0;}
.lgray,.lgray a{color:#eee;}
.gray,.gray a{color:#CCC;}
.mgray,.mgray a{color:#7a7a7a;}
.mdgray,.mdgray a{color:#6f6f6f;}
.dkgray,.dkgray a{color:#535353;}
.dgray,.dgray a{color:#090909;}
.purple,.purple a{color:#6A5367;}
.lbeige,.lbeige a{color:#FBF8EA;}
.dbeige,.dbeige a{color:#AA995D;}
.lorange,.lorange a{color:#fe8023;}
.orange,.orange a{color:#e95600;}
.sky,.sky a{color:#1f7ab6;}
.brown,.brown a{color:#6c3f13;}
.dbrown,.dbrown a{color:#69513a;}
.yellow,.yellow a{color:#fff600;}
.green,.green a{color:#198d25;}
.ltgreen,.ltgreen a{color:#8fc41e;}
.lgreen,.lgreen a{color:#90c339;}
.ltorange,.ltorange a{color:#f2981c;}
.navy,.navy a{color:#000080;}

/*  bg-color  */
.bg_black{background:#333;}
.bg_white{background:#FFF;}
.bg_dwhite{background:#f3f3f3;}
.bg_gray{background:#ccc;}
.bg_lgray{background:#eee;}
.bg_dgray{background:#666;}
.bg_lblue{background:#638eaf;}
.bg_blue{background:#004b87;}
.bg_dblue{background:#3D74BA;}
.bg_lbeige{background:#f1e7d5;}/*変更*/
.bg_dbeige{background:#AA995D;}
.bg_red{background:#F00;}
.bg_yellow{background:#fffed9;}
.bg_green{background:#7eaf63;}
.bg_purple{background:#8363af;}
.bg_dark{background:#313131;}
.bg_orange{background:#e4571c;}

/* marker */
.yellow-marker {background: linear-gradient(transparent 70%, #fffabf 70%);}
.blue-marker {background: linear-gradient(transparent 70%, #053472 70%);}
.lightblue-marker {background: linear-gradient(transparent 70%, #f1f8ff 70%);}

/* ■■■■■■■■■■■■■■■■■■■■

 .gr width　

■■■■■■■■■■■■■■■■■■ */
.mgauto{margin-right:auto;margin-left:auto;}
.mgright{margin-right:0;margin-left:auto;}
.mg0{margin:0;}
/* .mgl margin left */
.mgl0{ margin-left:0;}
.mgl1{ margin-left:1px;}
.mgl2{ margin-left:2px;}
.mgl3{ margin-left:3px;}
.mgl4{ margin-left:4px;}
.mgl5{ margin-left:5px;}
.mgl10{ margin-left:10px;}
.mgl15{ margin-left:15px;}
.mgl20{ margin-left:20px;}
.mgl25{ margin-left:25px;}
.mgl30{ margin-left:30px;}
.mgl35{ margin-left:35px;}
.mgl40{ margin-left:40px;}
.mgl45{ margin-left:45px;}
.mgl50{ margin-left:50px;}
.mgl55{ margin-left:55px;}
.mgl60{ margin-left:60px;}
/* .mgr margin right */
.mgr0{margin-right:0;}
.mgr1{margin-right:1px;}
.mgr2{margin-right:2px;}
.mgr3{margin-right:3px;}
.mgr4{margin-right:4px;}
.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.mgr35{margin-right:35px;}
.mgr40{margin-right:40px;}
.mgr45{margin-right:45px;}
.mgr50{margin-right:50px;}
.mgr55{margin-right:55px;}
.mgr60{margin-right:60px;}
/* .mgt margin top */
.mgt0{ margin-top:0;}
.mgt1{ margin-top:1px;}
.mgt2{ margin-top:2px;}
.mgt3{ margin-top:3px;}
.mgt4{ margin-top:4px;}
.mgt5{ margin-top:5px;}
.mgt8{ margin-top:8px;}
.mgt10{ margin-top:10px;}
.mgt15{ margin-top:15px;}
.mgt17{ margin-top:17px;}
.mgt18{ margin-top:18px;}
.mgt20{ margin-top:20px;}
.mgt25{ margin-top:25px;}
.mgt30{ margin-top:30px;}
.mgt35{ margin-top:35px;}
.mgt40{ margin-top:40px;}
.mgt50{ margin-top:50px;}
.mgt60{ margin-top:60px;}
.mgt70{ margin-top:70px;}
.mgt80{ margin-top:80px;}
.mgt90{ margin-top:90px;}
.mgt100{ margin-top:100px;}
.mgt150{ margin-top:150px;}
.mgt350{ margin-top:350px;}
/* .mgb margin bottom */
.mgb0{ margin-bottom:0;}
.mgb1{ margin-bottom:1px;}
.mgb2{ margin-bottom:2px;}
.mgb3{ margin-bottom:3px;}
.mgb4{ margin-bottom:4px;}
.mgb5{ margin-bottom:5px;}
.mgb6{ margin-bottom:6px;}
.mgb7{ margin-bottom:7px;}
.mgb8{ margin-bottom:8px;}
.mgb9{ margin-bottom:9px;}
.mgb10{ margin-bottom:10px;}
.mgb15{ margin-bottom:15px;}
.mgb20{ margin-bottom:20px;}
.mgb25{ margin-bottom:25px;}
.mgb30{ margin-bottom:30px;}
.mgb35{ margin-bottom:35px;}
.mgb40{ margin-bottom:40px;}
.mgb50{ margin-bottom:50px;}
.mgb60{ margin-bottom:60px;}
.mgb80{ margin-bottom:80px;}
.mgb90{ margin-bottom:90px;}
.mgb100{ margin-bottom:100px;}
/* .pd padding */
.pd0{padding:0;}
.pd1{padding:1px;}
.pd2{padding:2px;}
.pd3{padding:3px;}
.pd4{padding:4px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
/* .pdt padding top */
.pdt0{ padding-top:0px;}
.pdt1{ padding-top:1px;}
.pdt2{ padding-top:2px;}
.pdt3{ padding-top:3px;}
.pdt4{ padding-top:4px;}
.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}
.pdt22{ padding-top:22px;}
.pdt30{ padding-top:30px;}
.pdt35{ padding-top:35px;}
.pdt40{ padding-top:40px;}
.pdt50{ padding-top:50px;}
.pdt60{ padding-top:60px;}
.pdt100{ padding-top:100px;}
.pdt170{ padding-top:170px;}
.pdt270{ padding-top:270px;}
.pdt500{ padding-top:500px;}
.pdt600{ padding-top:600px;}
.pdt800{ padding-top:800px;}
/* .pdt padding bottom */
.pdb0{ padding-bottom:0px;}
.pdb1{ padding-bottom:1px;}
.pdb2{ padding-bottom:2px;}
.pdb3{ padding-bottom:3px;}
.pdb4{ padding-bottom:4px;}
.pdb5{ padding-bottom:5px;}
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}
.pdb22{ padding-bottom:22px;}
.pdb30{ padding-bottom:30px;}
.pdb40{ padding-bottom:40px;}
.pdb50{ padding-bottom:50px;}
.pdb60{ padding-bottom:60px;}
.pdb80{ padding-bottom:80px;}
.pdb170{ padding-bottom:170px;}
/* .pdl padding left */
.pdl0{padding-left:0;}
.pdl1{padding-left:1px;}
.pdl2{padding-left:2px;}
.pdl3{padding-left:3px;}
.pdl4{padding-left:4px;}
.pdl5{padding-left:5px;}
.pdl10{ padding-left:10px;}
.pdl15{ padding-left:15px;}
.pdl20{ padding-left:20px;}
.pdl25{ padding-left:25px;}
.pdl30{ padding-left:30px;}
.pdl70{ padding-left:70px;}
/* .pdr padding right */
.pdr0{padding-right:0;}
.pdr1{padding-right:1px;}
.pdr2{padding-right:2px;}
.pdr3{padding-right:3px;}
.pdr4{padding-right:4px;}
.pdr5{ padding-right:5px;}
.pdr10{ padding-right:10px;}
.pdr15{ padding-right:15px;}
.pdr20{ padding-right:20px;}
.pdr25{ padding-right:25px;}
.pdr30{ padding-right:30px;}
.pdr70{ padding-right:70px;}
/* sm-gutters Class Rules */
.sm-gutters {
   margin-right: -10px;
   margin-left: -10px;
}
.sm-gutters [class^="col-"],
.sm-gutters [class*=" col-"]{
   padding-right: 10px;
   padding-left: 10px;
}
/* xs-gutters Class Rules */
.xs-gutters {
   margin-right: -2px;
   margin-left: -2px;
}
.xs-gutters [class^="col-"],
.xs-gutters [class*=" col-"]{
   padding-right: 2px;
   padding-left: 2px;
}
/* no-gutters Class Rules */
.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.no-gutters [class^="col-"],
.no-gutters [class*=" col-"]{
   padding-right: 0;
   padding-left: 0;
}
@media screen and (max-width: 768px) {
  .sppd0{padding:0;}
  .sppd5{padding:5px;}
/* .sppdt padding top */
.sppdt0{padding-top:0;}
.sppdt10{padding-top:10px;}
.sppdt20{padding-top:20px;}
.sppdt40{padding-top:40px;}
.sppdt150{padding-top:150px;}
.sppdt250{padding-top:250px;}
/* .sppdb padding bottom */
.sppdb0{padding-bottom:0px;}
.sppdb1{padding-bottom:1px;}
.sppdb2{padding-bottom:2px;}
.sppdb3{padding-bottom:3px;}
.sppdb4{padding-bottom:4px;}
.sppdb5{padding-bottom:5px;}
.sppdb6{padding-bottom:6px;}
.sppdb7{padding-bottom:7px;}
.sppdb8{padding-bottom:8px;}
.sppdb9{padding-bottom:9px;}
.sppdb10{padding-bottom:10px;}
.sppdb10{padding-bottom:10px;}
.sppdb40{padding-bottom:40px;}
/* .sppdl padding left */
.sppdl0{padding-left:0;}
.sppdl5{padding-left:5px;}
.sppdl10{padding-left:10px;}
.sppdl15{padding-left:15px;}
/* .sppdr padding right */
.sppdr0{padding-right:0;}
.sppdr5{padding-right:5px;}
.sppdr10{padding-right:10px;}
.sppdr15{padding-right:15px;}
.spmg0{ margin:0px;}
/* .spmgt margin top */
.spmgauto{ margin:auto;}
.spmgright{margin-right:0;margin-left:auto;}
.spmgt0{ margin-top:0px;}
.spmgt3{ margin-top:3px;}
.spmgt4{ margin-top:4px;}
.spmgt5{ margin-top:5px;}
.spmgt10{ margin-top:10px;}
.spmgt15{ margin-top:15px;}
.spmgt20{ margin-top:20px;}
.spmgt30{ margin-top:30px;}
.spmgt40{ margin-top:40px;}
.spmgt50{ margin-top:50px;}
.spmgt60{ margin-top:60px;}
.spmgt70{ margin-top:70px;}
.spmgt80{ margin-top:80px;}
.spmgt90{ margin-top:90px;}
.spmgt100{ margin-top:100px;}
.spmgt150{ margin-top:150px;}
.spmgt200{ margin-top:200px;}
.spmgt250{ margin-top:250px;}
/* .spmgt margin bottom */
.spmgb0{ margin-bottom:0px}
.spmgb5{ margin-bottom:5px}
.spmgb10{ margin-bottom:10px}
.spmgb15{ margin-bottom:15px}
.spmgb20{ margin-bottom:20px}
.spmgb30{ margin-bottom:30px}
.spmgb50{ margin-bottom:50px}
.spmgb100{ margin-bottom:100px}
/* .spmgr margin left */
.spmgl0{ margin-left:0px}
.spmgl2{ margin-left:2px;}
.spmgl5{ margin-left:5px;}
.spmgl10{ margin-left:10px;}
.spmgl15{ margin-left:15px;}
/* .spmgl margin right */
.spmgr0{margin-right:0;}
.spmgr2{margin-right:2px;}
.spmgr5{margin-right:5px;}
.spmgr10{margin-right:10px;}
.spmgr15{margin-right:15px;}
/* sp-xs-gutters Class Rules */
.sp-xs-gutters {
   margin-right: -5px;
   margin-left: -5px;
}
.sp-xs-gutters [class^="col-"],
.sp-xs-gutters [class*=" col-"]{
   padding-right: 5px;
   padding-left: 5px;
}
/* sp-gutters Class Rules */
.sp-gutters {
   margin-right: 0;
   margin-left: 0;
}
.sp-gutters [class^="col-"],
.sp-gutters [class*=" col-"]{
   padding-right: 0;
   padding-left: 0;
}
/* SP Text Align */
.sp-text-center{
   text-align: center;
}
.sp-text-left{
   text-align: left;
}
.sp-text-right{
   text-align: right;
}
}