/*
Basic CSS Document
   produce by World Agent
   URL:http://worldagent.jp
   Theme Name: Original-Thema
   Author: worldagent
   Template: Original-Thema
*/

.of_h {
  overflow: hidden;
}
.backface {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
ol, ul{
  list-style:none;padding:0;
}
table{
  border-collapse: collapse;
  border-spacing:0;
}
a:focus,a:active,a:visited {outline:none!important;}
.relative{position:relative;}
.bold{font-weight:bold;}
.lh_0{line-height:0;}
.lh_25{line-height:2.5;}
.ls_05{letter-spacing:-0.5px;}
/*  floating  */
.fl_r{float:right;}
.fl_l{float:left;}
.text_left{text-align:left;}
@media only screen and (max-width: 767px) {
.sp_left{text-align:left;}
.sp_center{text-align:center;}
.sp_centerblock{margin-left: auto;margin-right: auto;}
}
/*  transition  */
*: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;
}
/*  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;}
.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;}
.fs45{font-size:45px;}
.fs48{font-size:48px;}

@media only screen and (max-width: 767px) {
.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;}
.fs45{font-size:12px;}
.fs48{font-size:39px;}
.spfs11{font-size:11px;}
.spfs13{font-size:13px;}
.spfs14{font-size:14px;}
.spfs18{font-size:18px;}
.spfs20{font-size:20px;}
.spfs22{font-size:22px;}
.spfs40{font-size:40px;}
}
/*  font-color  */
.white,.white a{color:#FFF;}
.black,.black a{color:#333;}
.l-blue,.l-blue a{color:#34b6d0;}
.red,.red a{color:#fd3535;}
i.l-blue {color: #34b6d0;}
.pink,.pink a{color:#ffb4b0;}
.lgray,.lgray a{color:#eee;}
.gray,.gray a{color:#CCC;}
.dgray,.dgray a{color:#090909;}
.purple,.purple a{color:#6A5367;}
.lbeige,.lbeige a{color:#FBF8EA;}
.dbeige,.dbeige a{color:#AA995D;}
.orange,.orange a{color:#ff7800;}
.sky,.sky a{color:#1f7ab6;}
.brown,.brown a{color:#db7c0b;}

/*  bg-color  */
.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_dblue{background:#3D74BA;}
.bg_lbeige{background:#FBF8EA;}
.bg_dbeige{background:#AA995D;}
.bg_red{background:#F00;}
.bg_yellow{background:#FFE5BF;}
.bg_green{background:#7eaf63;}
.bg_purple{background:#8363af;}

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

 .gr width　

■■■■■■■■■■■■■■■■■■ */
.mgauto{margin-right:auto;margin-left:auto;}
.mgright{margin-right:0;margin-left:auto;}
.mg0{margin:0;}
/* .mgl margin left */
.mgl10{ margin-left:10px;}
.mgl15{ margin-left:15px;}
.mgl30{ margin-left:30px;}
/* .mgr margin right */
.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr30{margin-right:30px;}
/* .mgt margin top */
.mgt0{ margin-top:0;}
.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;}
.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:0px;}
.mgb10{ margin-bottom:10px;}
.mgb15{ margin-bottom:15px;}
.mgb20{ margin-bottom:20px;}
.mgb30{ margin-bottom:30px;}
.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;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
/* .pdt padding top */
.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}
.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 */
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}
.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;}
.pdl2{padding-left:2px;}
.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;}
.pdr2{padding-right:2px;}
.pdr5{ padding-right:5px;}
.pdr10{ padding-right:10px;}
.pdr15{ padding-right:15px;}
.pdr20{ padding-right:20px;}
/* sm-gutters Class Rules */
.sm-gutters {
   margin-right: -5px;
   margin-left: -5px;
}
.sm-gutters [class^="col-"],
.sm-gutters [class*=" col-"]{
   padding-right: 5px;
   padding-left: 5px;
}
/* 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: 767px) {
/* .sppdt padding top */
.sppdt0{padding-top:0;}
.sppdt20{padding-top:20px;}
.sppdt150{padding-top:150px;}
.sppdt250{padding-top:250px;}
/* .sppdb padding bottom */
.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;}
/* .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}
.spmgb10{ margin-bottom:10px}
.spmgb20{ margin-bottom:20px}
.spmgb30{ margin-bottom:30px}
/* .spmgr margin left */
.spmgl2{ margin-left:2px;}
.spmgl10{ margin-left:10px;}
/* .spmgl margin right */
.spmgr0{margin-right:0;}
/* 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;
}
}