/* ======================================================================
　汎用CSS
 ======================================================================*/

/* -------------------------------
デフォルトセッティング
------------------------------- */
/********** フォント・テキストセッティング *************/
body {
    font-family: source-han-sans-cjk-ja,sans-serif;
    font-weight: 500;
}
_:lang(x)::-ms-backdrop, body {
    font-family: "メイリオ", Meiryo, sans-serif; /* IE11でのみ有効 */
} 
h1, h2, h3, h4, h5 {line-height: 1.5;}
p {
	line-height: 1.8;
	margin: 0 0 20px
}

/********** SP時のみ電話番号リンクをクリックできるようにする *************/
@media screen and (min-width: 769px) {
  a[href^="tel:"] {
      pointer-events: none;
      cursor: text;
      color: inherit;
      text-decoration: none!important;
  }
}



/********** sp時にコンテンツエリアを広げる *************/
@media only screen and (max-width: 480px) {
  .sp-wide {
    width: 110%;
    margin-left: -5% !important;
    padding: 4%;
  }
}

/********** 1カラム用のスマートなコンテンツエリア *************/
.large-contents {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
	
}
.middle-contents {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
.smart-contents {
  max-width: 720px;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}


/********** SP/PCでの表示/非表示を調整（画像要素には使わないこと ※読み込みされるから） ***********/
/*デスクトップ時のみ表示（スマホ時は隠す）*/
@media screen and (max-width: 768px) {
  .desktop { display: none!important; }
}
/*スマホ時のみ表示（デスクトップ時は隠す）*/
@media screen and (min-width: 769px) {
  .mobile, .tablet { display: none!important; }
}
/*スマホ時のみ表示（デスクトップ時は隠す）*/
@media screen and (min-width: 481px) { 
  .sp { display: none!important; }
}

/********** 汎用テキスト＆フォント CSS text & fonts ***********/
/* テキスト位置 */
.ac, .txtC,.tc {text-align: center !important;}
.ar, .txtR, .tr {text-align: right !important;}
.al, .txtC,.tc {text-align: left !important;}
@media only screen and (max-width: 768px) { /*モバイル時のみ*/
  .sp-ar { text-align: right !important; }
  .sp-ac { text-align: center !important; }
  .sp-al { text-align: left !important; }
}
@media only screen and (max-width: 989px) { /*タブレット以下*/
  .tb-ar { text-align: right !important; }
  .tb-ac { text-align: center !important; }
  .tb-al { text-align: left !important; }
}

/* リンク無効化 */
.nolink,
.nolink a,
.no-link,
.no-link a {
    pointer-events: none;
    cursor: text;
}

/* テキスト効果 */
.italic { font-style: italic; }
.bold { font-weight: bold !important; }
.normal { font-weight: 500!important; }
.lighter{ font-weight: 300!important; }
.underline { text-decoration: underline !important;}
.line-through { text-decoration: line-through !important;}
.text-decoration-none,
.td-none { text-decoration: none !important;}
.text-shadow {text-shadow: rgba(0,0,0, 1) 0 0 10px;}
.text-shadow-light {text-shadow: rgba(255,255,255, 1) 0 0 10px;}

/* マーカー */
.marker,mark {
  background:rgba(0, 0, 0, 0) -webkit-linear-gradient(transparent 70%, yellow 30%) repeat scroll 0 0;
  background:rgba(0, 0, 0, 0) -o-linear-gradient(transparent 70%, yellow 30%) repeat scroll 0 0;
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 70%, yellow 30%) repeat scroll 0 0;
  font-weight: bold;
  padding: 0 2px 1px 0px;
}
.bgmarker {
  background:#fff220;
}

.marker-red {
  background:rgba(0, 0, 0, 0) -webkit-linear-gradient(transparent 70%, red 30%) repeat scroll 0 0;
  background:rgba(0, 0, 0, 0) -o-linear-gradient(transparent 70%, red 30%) repeat scroll 0 0;
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 70%, red 30%) repeat scroll 0 0;
  font-weight: bold;
  padding: 0 2px 1px 0px;
}
.bgmarker-red {
   background: red;
}

.marker-light-orange {
  background:rgba(0, 0, 0, 0) -webkit-linear-gradient(transparent 70%, #ffdf84 30%) repeat scroll 0 0;
  background:rgba(0, 0, 0, 0) -o-linear-gradient(transparent 70%, #ffdf84 30%) repeat scroll 0 0;
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #ffdf84 30%) repeat scroll 0 0;
  padding: 0 2px 1px 0px;
}
.bgmarker-lignt-orange {
  background:#ffdf84;
}

.marker-gray {
  background:rgba(0, 0, 0, 0) -webkit-linear-gradient(transparent 70%, #ece7dc 30%) repeat scroll 0 0;
  background:rgba(0, 0, 0, 0) -o-linear-gradient(transparent 70%, #ece7dc 30%) repeat scroll 0 0;
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #ece7dc 30%) repeat scroll 0 0;
  padding: 0 2px 1px 0px;
}
.bgmarker-gray {
  background: #ece7dc;
}

/* 吹き出し */
.pop-fukidashi {
  display: inline-block;
    position: relative;
    padding: 0.6em;
    background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
    background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
    border-radius: 7px;
    text-shadow: #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px;
    font-weight: bold;
}
.pop-fukidashi:after {
    position: absolute;
    content: '';
    top: 99%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #ffebbe;
    width: 0;
    height: 0;
}
.pop-fukidashi.arrow-center:after {
  left:50%;
  margin-left: -15px;
}
/* 鍵かっこ */
.frame-box-001 {
	padding: 30px;
	position: relative;
	margin-bottom: 10px;
}

.frame-box-001::before, .frame-box-001::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}

.frame-box-001::before {
	border-left: solid 2px #000000;
	border-top: solid 2px #000000;
	top: 0;
	left: 0;
}

.frame-box-001::after {
	border-right: solid 2px #000000;
	border-bottom: solid 2px #000000;
	bottom: 0;
	right: 0;
}

/* フォント色 */
.red { color: #FF2121 !important; }
.light-red { color: #FFE8E8 !important; }
.green { color: green !important; }
.blue { color: #24C1FE !important; }
.light-blue { color: #E8FAFF !important; }
.yellow { color: #FFCC00 !important; }
.orange { color: #FFB600 !important; }
.white { color: #FFF !important; }
.gray { color: #999 !important; }
.black { color: #000 !important; }
.cc-blue { color: #39a3d0 !important; } /*Clara Cloud Blue*/
.cc-green { color: #0091a9 !important;} /*Clara Cloud Green*/

/* サイズ */
.f6{font-size:6px !important;}
.f7{font-size:7px !important;}
.f8{font-size:8px !important;}
.f9{font-size:9px !important;}
.f10{font-size:9px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}
.f31{font-size:31px !important;}
.f32{font-size:32px !important;}
.f33{font-size:33px !important;}
.f34{font-size:34px !important;}
.f35{font-size:35px !important;}
.f36{font-size:36px !important;}
.f37{font-size:37px !important;}
.f38{font-size:38px !important;}
.f39{font-size:39px !important;}
.f40{font-size:40px !important;}
.f41{font-size:41px !important;}
.f42{font-size:42px !important;}
.f43{font-size:43px !important;}
.f44{font-size:44px !important;}
.f45{font-size:45px !important;}
.f46{font-size:46px !important;}
.f47{font-size:47px !important;}
.f48{font-size:48px !important;}
.f49{font-size:49px !important;}
.f50{font-size:50px !important;}

@media only screen and (max-width: 768px) { /*モバイル時のみ*/
  .sp-f6{font-size:6px !important;}
  .sp-f7{font-size:7px !important;}
  .sp-f8{font-size:8px !important;}
  .sp-f9{font-size:9px !important;}
  .sp-f11{font-size:11px !important;}
  .sp-f12{font-size:12px !important;}
  .sp-f13{font-size:13px !important;}
  .sp-f14{font-size:14px !important;}
  .sp-f15{font-size:15px !important;}
  .sp-f16{font-size:16px !important;}
  .sp-f17{font-size:17px !important;}
  .sp-f18{font-size:18px !important;}
  .sp-f19{font-size:19px !important;}
  .sp-f20{font-size:20px !important;}
  .sp-f21{font-size:21px !important;}
  .sp-f22{font-size:22px !important;}
  .sp-f23{font-size:23px !important;}
  .sp-f24{font-size:24px !important;}
  .sp-f25{font-size:25px !important;}
  .sp-f26{font-size:26px !important;}
  .sp-f27{font-size:27px !important;}
  .sp-f28{font-size:28px !important;}
  .sp-f29{font-size:29px !important;}
  .sp-f30{font-size:30px !important;}
  .sp-f31{font-size:31px !important;}
  .sp-f32{font-size:32px !important;}
  .sp-f33{font-size:33px !important;}
  .sp-f34{font-size:34px !important;}
  .sp-f35{font-size:35px !important;}
  .sp-f36{font-size:36px !important;}
  .sp-f37{font-size:37px !important;}
  .sp-f38{font-size:38px !important;}
  .sp-f39{font-size:39px !important;}
  .sp-f40{font-size:40px !important;}
  .sp-f41{font-size:41px !important;}
  .sp-f42{font-size:42px !important;}
  .sp-f43{font-size:43px !important;}
  .sp-f44{font-size:44px !important;}
  .sp-f45{font-size:45px !important;}
  .sp-f46{font-size:46px !important;}
  .sp-f47{font-size:47px !important;}
  .sp-f48{font-size:48px !important;}
  .sp-f49{font-size:49px !important;}
  .sp-f50{font-size:50px !important;}
}

/* text-transform */
.lowercase { text-transform: lowercase;}
.uppercase { text-transform: uppercase;}
.capitalize {text-transform: capitalize;}
.text-transform-none {text-transform:none;}
.tt-initial {text-transform: initial;}


/* line-height */
.line-height-1 h1, .line-height-1 h2, .line-height-1 h3, .line-height-1 h4, .line-height-1 h5, .line-height-1 h6, .line-height-1 p, .line-height-1 li,
.line-height-1 {line-height: 1;}
.line-height-11 h1, .line-height-11 h2, .line-height-11 h3, .line-height-11 h4, .line-height-11 h5, .line-height-11 h6, .line-height-11 p ,.line-height-11 li,
.line-height-11 {line-height: 1.1;}
.line-height-12 h1, .line-height-12 h2, .line-height-12 h3, .line-height-12 h4, .line-height-12 h5, .line-height-12 h6, .line-height-12 p ,.line-height-12 li,
.line-height-12 {line-height: 1.2;}
.line-height-13 h1, .line-height-13 h2, .line-height-13 h3, .line-height-13 h4, .line-height-13 h5, .line-height-13 h6, .line-height-13 p ,.line-height-13 li,
.line-height-13 {line-height: 1.3;}
.line-height-14 h1, .line-height-14 h2, .line-height-14 h3, .line-height-14 h4, .line-height-14 h5, .line-height-14 h6, .line-height-14 p ,.line-height-14 li,
.line-height-14 {line-height: 1.4;}
.line-height-15 h1, .line-height-15 h2, .line-height-15 h3, .line-height-15 h4, .line-height-15 h5, .line-height-15 h6, .line-height-15 p ,.line-height-15 li,
.line-height-15 {line-height: 1.5;}

.line-height-2 h1, .line-height-2 h2, .line-height-2 h3, .line-height-2 h4, .line-height-2 h5, .line-height-2 h6, .line-height-2 p ,.line-height-2 li,
.line-height-2 {line-height: 2;}

/********** 背景 ***********/
/*背景色*/
.bg-red, .background-red { background-color: #FF2121 !important; }
.bg-light-red, .background-light-red { background-color: #FFE8E8 !important; }
.bg-green, .background-green { background-color: green !important; }
.bg-blue, .background-blue { background-color: #24C1FE !important; }
.bg-light-blue, .background-light-blue { background-color: #E8FAFF !important; }
.bg-yellow, .background-yellow { background-color: #FFCC00 !important; }
.bg-orange, .background-orange { background-color: #FFB600 !important; }
.bg-white, .background-white { background-color: #FFF !important; }
.bg-gray, .background-gray { background-color: #999 !important; }
.bg-lightgray, .background-lightgray { background-color: #f3f3f3 !important; }
.bg-black, .background-black { background-color: #000 !important; }

.bg-cc-blue { background-color: #39a3d0 !important; } /*Clara Cloud Blue*/
.bg-cc-green { background-color: #0091a9 !important;} /*Clara Cloud Green*/

/* ----------------------------------------------------
float
---------------------------------------------------- */
.fr, .flrt {float: right !important;}
.fl, .fllt {float: left !important;}
.clearboth {clear: both;}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ----------------------------------------------------
clearfix の代用
<div class="hr"><hr /></div>
---------------------------------------------------- */
div.hr { clear:both; }
div.hr hr { display:none; }

/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mc { margin: 0 auto !important; }

.m0 { margin: 0 !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }

.mt0 { margin-top:  0px !important; }
.mt5 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mmt { margin-top: -5px !important;}

.mr0 { margin-right:  0px !important; }
.mr5 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

.mb0{ margin-bottom:  0px !important; }
.mb5 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left:  0px !important; }
.ml5 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

@media screen and (max-width: 768px) {
    .sp-mt0 { margin-top:  0px !important; }
    .sp-mt5 { margin-top:  5px !important; }
    .sp-mt10 { margin-top: 10px !important; }
    .sp-mt15 { margin-top: 15px !important; }
    .sp-mt20 { margin-top: 20px !important; }
    .sp-mt25 { margin-top: 25px !important; }
    .sp-mt30 { margin-top: 30px !important; }
    .sp-mt35 { margin-top: 35px !important; }
    .sp-mt40 { margin-top: 40px !important; }
    .sp-mt45 { margin-top: 45px !important; }
    .sp-mt50 { margin-top: 50px !important; }
    .sp-mt55 { margin-top: 55px !important; }
    .sp-mt60 { margin-top: 60px !important; }
    .sp-mt65 { margin-top: 65px !important; }
    .sp-mt70 { margin-top: 70px !important; }
    .sp-mt75 { margin-top: 75px !important; }
    .sp-mt80 { margin-top: 80px !important; }
    .sp-mt85 { margin-top: 85px !important; }
    .sp-mt90 { margin-top: 90px !important; }
    .sp-mt95 { margin-top: 95px !important; }
    .sp-mt100 { margin-top: 100px !important; }

    .sp-mr0 { margin-right:  0px !important; }
    .sp-mr5 { margin-right:  5px !important; }
    .sp-mr10 { margin-right: 10px !important; }
    .sp-mr15 { margin-right: 15px !important; }
    .sp-mr20 { margin-right: 20px !important; }
    .sp-mr25 { margin-right: 25px !important; }
    .sp-mr30 { margin-right: 30px !important; }
    .sp-mr35 { margin-right: 35px !important; }
    .sp-mr40 { margin-right: 40px !important; }
    .sp-mr45 { margin-right: 45px !important; }
    .sp-mr50 { margin-right: 50px !important; }
    .sp-mr55 { margin-right: 55px !important; }
    .sp-mr60 { margin-right: 60px !important; }
    .sp-mr65 { margin-right: 65px !important; }
    .sp-mr70 { margin-right: 70px !important; }
    .sp-mr75 { margin-right: 75px !important; }
    .sp-mr80 { margin-right: 80px !important; }
    .sp-mr85 { margin-right: 85px !important; }
    .sp-mr90 { margin-right: 90px !important; }
    .sp-mr95 { margin-right: 95px !important; }
    .sp-mr100 { margin-right: 100px !important; }

    .sp-mb0{ margin-bottom:  0px !important; }
    .sp-mb5 { margin-bottom:  5px !important; }
    .sp-mb10 { margin-bottom: 10px !important; }
    .sp-mb15 { margin-bottom: 15px !important; }
    .sp-mb20 { margin-bottom: 20px !important; }
    .sp-mb25 { margin-bottom: 25px !important; }
    .sp-mb30 { margin-bottom: 30px !important; }
    .sp-mb35 { margin-bottom: 35px !important; }
    .sp-mb40 { margin-bottom: 40px !important; }
    .sp-mb45 { margin-bottom: 45px !important; }
    .sp-mb50 { margin-bottom: 50px !important; }
    .sp-mb55 { margin-bottom: 55px !important; }
    .sp-mb60 { margin-bottom: 60px !important; }
    .sp-mb65 { margin-bottom: 65px !important; }
    .sp-mb70 { margin-bottom: 70px !important; }
    .sp-mb75 { margin-bottom: 75px !important; }
    .sp-mb80 { margin-bottom: 80px !important; }
    .sp-mb85 { margin-bottom: 85px !important; }
    .sp-mb90 { margin-bottom: 90px !important; }
    .sp-mb95 { margin-bottom: 95px !important; }
    .sp-mb100 { margin-bottom: 100px !important; }

    .sp-ml0 { margin-left:  0px !important; }
    .sp-ml5 { margin-left:  5px !important; }
    .sp-ml10 { margin-left: 10px !important; }
    .sp-ml15 { margin-left: 15px !important; }
    .sp-ml20 { margin-left: 20px !important; }
    .sp-ml25 { margin-left: 25px !important; }
    .sp-ml30 { margin-left: 30px !important; }
    .sp-ml35 { margin-left: 35px !important; }
    .sp-ml40 { margin-left: 40px !important; }
    .sp-ml45 { margin-left: 45px !important; }
    .sp-ml50 { margin-left: 50px !important; }
    .sp-ml55 { margin-left: 55px !important; }
    .sp-ml60 { margin-left: 60px !important; }
    .sp-ml65 { margin-left: 65px !important; }
    .sp-ml70 { margin-left: 70px !important; }
    .sp-ml75 { margin-left: 75px !important; }
    .sp-ml80 { margin-left: 80px !important; }
    .sp-ml85 { margin-left: 85px !important; }
    .sp-ml90 { margin-left: 90px !important; }
    .sp-ml95 { margin-left: 95px !important; }
    .sp-ml100 { margin-left: 100px !important; }
}

.mmt5 { margin-top:  -5px !important; }
.mmt10 { margin-top: -10px !important; }
.mmt15 { margin-top: -15px !important; }
.mmt20 { margin-top: -20px !important; }
.mmt25 { margin-top: -25px !important; }
.mmt30 { margin-top: -30px !important; }
.mmt35 { margin-top: -35px !important; }
.mmt40 { margin-top: -40px !important; }
.mmt45 { margin-top: -45px !important; }
.mmt50 { margin-top: -50px !important; }
.mmt55 { margin-top: -55px !important; }
.mmt60 { margin-top: -60px !important; }
.mmt65 { margin-top: -65px !important; }
.mmt70 { margin-top: -70px !important; }
.mmt75 { margin-top: -75px !important; }
.mmt80 { margin-top: -80px !important; }
.mmt85 { margin-top: -85px !important; }
.mmt90 { margin-top: -90px !important; }
.mmt95 { margin-top: -95px !important; }
.mmt100 { margin-top: -100px !important; }

.mmr5 { margin-right:  -5px !important; }
.mmr10 { margin-right: -10px !important; }
.mmr15 { margin-right: -15px !important; }
.mmr20 { margin-right: -20px !important; }
.mmr25 { margin-right: -25px !important; }
.mmr30 { margin-right: -30px !important; }
.mmr35 { margin-right: -35px !important; }
.mmr40 { margin-right: -40px !important; }
.mmr45 { margin-right: -45px !important; }
.mmr50 { margin-right: -50px !important; }
.mmr55 { margin-right: -55px !important; }
.mmr60 { margin-right: -60px !important; }
.mmr65 { margin-right: -65px !important; }
.mmr70 { margin-right: -70px !important; }
.mmr75 { margin-right: -75px !important; }
.mmr80 { margin-right: -80px !important; }
.mmr85 { margin-right: -85px !important; }
.mmr90 { margin-right: -90px !important; }
.mmr95 { margin-right: -95px !important; }
.mmr100 { margin-right: -100px !important; }

.mmb5 { margin-bottom:  -5px !important; }
.mmb10 { margin-bottom: -10px !important; }
.mmb15 { margin-bottom: -15px !important; }
.mmb20 { margin-bottom: -20px !important; }
.mmb25 { margin-bottom: -25px !important; }
.mmb30 { margin-bottom: -30px !important; }
.mmb35 { margin-bottom: -35px !important; }
.mmb40 { margin-bottom: -40px !important; }
.mmb45 { margin-bottom: -45px !important; }
.mmb50 { margin-bottom: -50px !important; }
.mmb55 { margin-bottom: -55px !important; }
.mmb60 { margin-bottom: -60px !important; }
.mmb65 { margin-bottom: -65px !important; }
.mmb70 { margin-bottom: -70px !important; }
.mmb75 { margin-bottom: -75px !important; }
.mmb80 { margin-bottom: -80px !important; }
.mmb85 { margin-bottom: -85px !important; }
.mmb90 { margin-bottom: -90px !important; }
.mmb95 { margin-bottom: -95px !important; }
.mmb100 { margin-bottom: -100px !important; }

.mml5 { margin-left:  -5px !important; }
.mml10 { margin-left: -10px !important; }
.mml15 { margin-left: -15px !important; }
.mml20 { margin-left: -20px !important; }
.mml25 { margin-left: -25px !important; }
.mml30 { margin-left: -30px !important; }
.mml35 { margin-left: -35px !important; }
.mml40 { margin-left: -40px !important; }
.mml45 { margin-left: -45px !important; }
.mml50 { margin-left: -50px !important; }
.mml55 { margin-left: -55px !important; }
.mml60 { margin-left: -60px !important; }
.mml65 { margin-left: -65px !important; }
.mml70 { margin-left: -70px !important; }
.mml75 { margin-left: -75px !important; }
.mml80 { margin-left: -80px !important; }
.mml85 { margin-left: -85px !important; }
.mml90 { margin-left: -90px !important; }
.mml95 { margin-left: -95px !important; }
.mml100 { margin-left: -100px !important; }

/* ----------------------------------------------------
padding
---------------------------------------------------- */
.p0 { padding: 0 !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }
.p60 { padding: 60px !important; }
.p70 { padding: 70px !important; }
.p80 { padding: 80px !important; }

.pt0 { padding-top:  0px !important; }
.pt1 { padding-top:  1px !important; }
.pt2 { padding-top:  2px !important; }
.pt3 { padding-top:  3px !important; }
.pt4 { padding-top:  4px !important; }
.pt5 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pt110 { padding-top: 110px !important; }
.pt120 { padding-top: 120px !important; }
.pt130 { padding-top: 130px !important; }
.pt140 { padding-top: 140px !important; }
.pt150 { padding-top: 150px !important; }
.pt160 { padding-top: 160px !important; }
.pt170 { padding-top: 170px !important; }
.pt180 { padding-top: 180px !important; }
.pt190 { padding-top: 190px !important; }
.pt200 { padding-top: 200px !important; }

.pr0 { padding-right:  0px !important; }
.pr1 { padding-right:  1px !important; }
.pr2 { padding-right:  2px !important; }
.pr3 { padding-right:  3px !important; }
.pr4 { padding-right:  4px !important; }
.pr5 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }
.pr80 { padding-right: 80px !important; }
.pr90 { padding-right: 90px !important; }
.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom:  0px !important; }
.pb1 { padding-bottom:  1px !important; }
.pb2 { padding-bottom:  2px !important; }
.pb3 { padding-bottom:  3px !important; }
.pb4 { padding-bottom:  4px !important; }
.pb5 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb110 { padding-bottom: 110px !important; }
.pb120 { padding-bottom: 120px !important; }
.pb130 { padding-bottom: 130px !important; }
.pb140 { padding-bottom: 140px !important; }
.pb150 { padding-bottom: 150px !important; }
.pb160 { padding-bottom: 160px !important; }
.pb170 { padding-bottom: 170px !important; }
.pb180 { padding-bottom: 180px !important; }
.pb190 { padding-bottom: 190px !important; }
.pb200 { padding-bottom: 200px !important; }

.pl0 { padding-left:  0px !important; }
.pl1 { padding-left:  1px !important; }
.pl2 { padding-left:  2px !important; }
.pl3 { padding-left:  3px !important; }
.pl4 { padding-left:  4px !important; }
.pl5 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }
.pl90 { padding-left: 90px !important; }
.pl100 { padding-left: 100px !important; }

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

	.sp-p0 { padding: 0 !important; }
	.sp-p1 { padding: 1px !important; }
	.sp-p2 { padding: 2px !important; }
	.sp-p3 { padding: 3px !important; }
	.sp-p4 { padding: 4px !important; }
	.sp-p5 { padding: 5px !important; }
	.sp-p10 { padding: 10px !important; }
	.sp-p15 { padding: 15px !important; }
	.sp-p20 { padding: 20px !important; }
	.sp-p25 { padding: 25px !important; }
	.sp-p30 { padding: 30px !important; }
	.sp-p35 { padding: 35px !important; }
	.sp-p40 { padding: 40px !important; }
	.sp-p45 { padding: 45px !important; }
	.sp-p50 { padding: 50px !important; }

	
	.sp-pt0 { padding-top:  0px !important; }
	.sp-pt5 { padding-top:  5px !important; }
	.sp-pt10 { padding-top: 10px !important; }
	.sp-pt15 { padding-top: 15px !important; }
	.sp-pt20 { padding-top: 20px !important; }
	.sp-pt25 { padding-top: 25px !important; }
	.sp-pt30 { padding-top: 30px !important; }
	.sp-pt35 { padding-top: 35px !important; }
	.sp-pt40 { padding-top: 40px !important; }
	.sp-pt45 { padding-top: 45px !important; }
	.sp-pt50 { padding-top: 50px !important; }
	.sp-pt60 { padding-top: 60px !important; }
	.sp-pt70 { padding-top: 70px !important; }
	.sp-pt80 { padding-top: 80px !important; }
	.sp-pt90 { padding-top: 90px !important; }
	.sp-pt100 { padding-top: 100px !important; }

	.sp-pr0 { padding-right:  0px !important; }
	.sp-pr5 { padding-right:  5px !important; }
	.sp-pr10 { padding-right: 10px !important; }
	.sp-pr15 { padding-right: 15px !important; }
	.sp-pr20 { padding-right: 20px !important; }
	.sp-pr25 { padding-right: 25px !important; }
	.sp-pr30 { padding-right: 30px !important; }
	.sp-pr35 { padding-right: 35px !important; }
	.sp-pr40 { padding-right: 40px !important; }
	.sp-pr45 { padding-right: 45px !important; }
	.sp-pr50 { padding-right: 50px !important; }
	.sp-pr60 { padding-right: 60px !important; }
	.sp-pr70 { padding-right: 70px !important; }
	.sp-pr80 { padding-right: 80px !important; }
	.sp-pr90 { padding-right: 90px !important; }
	.sp-pr100 { padding-right: 100px !important; }

	.sp-pb0 { padding-bottom:  0px !important; }
	.sp-pb5 { padding-bottom:  5px !important; }
	.sp-pb10 { padding-bottom: 10px !important; }
	.sp-pb15 { padding-bottom: 15px !important; }
	.sp-pb20 { padding-bottom: 20px !important; }
	.sp-pb25 { padding-bottom: 25px !important; }
	.sp-pb30 { padding-bottom: 30px !important; }
	.sp-pb35 { padding-bottom: 35px !important; }
	.sp-pb40 { padding-bottom: 40px !important; }
	.sp-pb45 { padding-bottom: 45px !important; }
	.sp-pb50 { padding-bottom: 50px !important; }
	.sp-pb60 { padding-bottom: 60px !important; }
	.sp-pb70 { padding-bottom: 70px !important; }
	.sp-pb80 { padding-bottom: 80px !important; }
	.sp-pb90 { padding-bottom: 90px !important; }
	.sp-pb100 { padding-bottom: 100px !important; }

	.sp-pl0 { padding-left:  0px !important; }
	.sp-pl5 { padding-left:  5px !important; }
	.sp-pl10 { padding-left: 10px !important; }
	.sp-pl15 { padding-left: 15px !important; }
	.sp-pl20 { padding-left: 20px !important; }
	.sp-pl25 { padding-left: 25px !important; }
	.sp-pl30 { padding-left: 30px !important; }
	.sp-pl35 { padding-left: 35px !important; }
	.sp-pl40 { padding-left: 40px !important; }
	.sp-pl45 { padding-left: 45px !important; }
	.sp-pl50 { padding-left: 50px !important; }
	.sp-pl60 { padding-left: 60px !important; }
	.sp-pl70 { padding-left: 70px !important; }
	.sp-pl80 { padding-left: 80px !important; }
	.sp-pl90 { padding-left: 90px !important; }
	.sp-pl100 { padding-left: 100px !important; }
}

/* ----------------------------------------------------
汎用width 設定
---------------------------------------------------- */
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w360 { width: 360px !important; }
.w370 { width: 370px !important; }
.w380 { width: 380px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.w410 { width: 410px !important; }
.w420 { width: 420px !important; }
.w430 { width: 430px !important; }
.w440 { width: 440px !important; }
.w450 { width: 450px !important; }
.w460 { width: 460px !important; }
.w470 { width: 470px !important; }
.w480 { width: 480px !important; }
.w490 { width: 490px !important; }
.w500 { width: 500px !important; }

.w5p { width: 5% !important; }
.w10p { width: 10% !important; }
.w15p { width: 15% !important; }
.w20p { width: 20% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w35p { width: 35% !important; }
.w40p { width: 40% !important; }
.w45p { width: 45% !important; }
.w50p { width: 50% !important; }
.w55p { width: 55% !important; }
.w60p { width: 60% !important; }
.w65p { width: 65% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w85p { width: 85% !important; }
.w90p { width: 90% !important; }
.w95p {width: 95% !important; }
.w100p { width: 100% !important; }

.w33p { width: 33.333% !important; }
.w66p { width: 66.666% !important; }

@media screen and (max-width: 769px) {
	.sp-w33p { width: 33.333% !important; }
	.sp-w66p { width: 66.666% !important; }
	.sp-w50p { width: 50% !important; }
    .w100p { width: 100% !important; }
}

/* ----------------------------------------------------
汎用max-width 設定
---------------------------------------------------- */

.mw10p { max-width: 10% !important; }
.mw20p { max-width: 20% !important; }
.mw30p { max-width: 30% !important; }
.mw40p { max-width: 40% !important; }
.mw50p { max-width: 50% !important; }
.mw60p { max-width: 60% !important; }
.mw70p { max-width: 70% !important; }
.mw80p { max-width: 80% !important; }
.mw90p { max-width: 90% !important; }
.mw100p { max-width: 100% !important; }

.mw40 { max-width: 40px !important; }
.mw60 { max-width: 60px !important; }
.mw80 { max-width: 80px !important; }
.mw100 { max-width: 100px !important; }
.mw120 { max-width: 120px !important; }
.mw140 { max-width: 140px !important; }
.mw160 { max-width: 160px !important; }
.mw180 { max-width: 180px !important; }
.mw200 { max-width: 200px !important; }
.mw220 { max-width: 220px !important; }
.mw240 { max-width: 240px !important; }
.mw260 { max-width: 260px !important; }
.mw280 { max-width: 280px !important; }
.mw300 { max-width: 300px !important; }
.mw320 { max-width: 320px !important; }
.mw340 { max-width: 340px !important; }
.mw360 { max-width: 360px !important; }
.mw380 { max-width: 380px !important; }
.mw400 { max-width: 400px !important; }
.mw420 { max-width: 420px !important; }
.mw440 { max-width: 440px !important; }
.mw460 { max-width: 460px !important; }
.mw480 { max-width: 480px !important; }
.mw500 { max-width: 500px !important; }
.mw520 { max-width: 520px !important; }
.mw540 { max-width: 540px !important; }
.mw560 { max-width: 560px !important; }
.mw580 { max-width: 580px !important; }
.mw600 { max-width: 600px !important; }
.mw620 { max-width: 620px !important; }
.mw640 { max-width: 640px !important; }
.mw660 { max-width: 660px !important; }
.mw680 { max-width: 680px !important; }
.mw700 { max-width: 700px !important; }
.mw720 { max-width: 720px !important; }
.mw740 { max-width: 740px !important; }
.mw760 { max-width: 760px !important; }
.mw780 { max-width: 780px !important; }
.mw800 { max-width: 800px !important; }
.mw820 { max-width: 820px !important; }
.mw840 { max-width: 840px !important; }
.mw860 { max-width: 860px !important; }
.mw880 { max-width: 880px !important; }
.mw900 { max-width: 900px !important; }
.mw920 { max-width: 920px !important; }
.mw940 { max-width: 940px !important; }
.mw960 { max-width: 960px !important; }
.mw980 { max-width: 980px !important; }
.mw1000 { max-width: 1000px !important; }
.mw1020 { max-width: 1020px !important; }
.mw1040 { max-width: 1040px !important; }
.mw1060 { max-width: 1060px !important; }
.mw1080 { max-width: 1080px !important; }
.mw1100 { max-width: 1100px !important; }
.mw1120 { max-width: 1120px !important; }
.mw1140 { max-width: 1140px !important; }
.mw1160 { max-width: 1160px !important; }
.mw1180 { max-width: 1180px !important; }
.mw1200 { max-width: 1200px !important; }
.mw1220 { max-width: 1220px !important; }
.mw1240 { max-width: 1240px !important; }
.mw1260 { max-width: 1260px !important; }
.mw1280 { max-width: 1280px !important; }

/* 汎用border 設定
------------------------------------------------------------------------ */
/* 汎用のborder */
.noborder { border: 0 !important; }
.border-1 { border: 1px solid #CCC !important; }
.border-2 { border: 2px solid #CCC !important; }
.border-3 { border: 3px solid #CCC !important; }
.border-4 { border: 4px solid #CCC !important; }
.border-5 { border: 5px solid #CCC !important; }
.border-top-1 { border-top: 1px solid #CCC !important; }
.border-top-2 { border-top: 2px solid #CCC !important; }
.border-top-3 { border-top: 3px solid #CCC !important; }
.border-top-4 { border-top: 4px solid #CCC !important; }
.border-top-5 { border-top: 5px solid #CCC !important; }
.border-bottom-1 { border-bottom: 1px solid #CCC !important; }
.border-bottom-2 { border-bottom: 2px solid #CCC !important; }
.border-bottom-3 { border-bottom: 3px solid #CCC !important; }
.border-bottom-4 { border-bottom: 4px solid #CCC !important; }
.border-bottom-5 { border-bottom: 5px solid #CCC !important; }

/* 汎用のborder-color */
.border-black { border-color: #000 !important; }
.border-white { border-color: #FFF !important; }
.border-gray {border-color: #CCC !important;}
.border-lightgray {border-color: #EEE !important;}
.border-red {border-color: #d63e2d !important;}
.border-green {border-color: green !important;}
.border-blue {border-color: #00346F !important;}
.border-yellow { border-color: #FFCC00 !important; }
.border-orange { border-color: #FFB600 !important; }

/* 汎用のborder-radius */
.border-radius-1 {border-radius: 1px;}
.border-radius-2 {border-radius: 2px;}
.border-radius-3 {border-radius: 3px;}
.border-radius-4 {border-radius: 4px;}
.border-radius-5 {border-radius: 5px;}
.border-radius-6 {border-radius: 6px;}
.border-radius-7 {border-radius: 7px;}
.border-radius-8 {border-radius: 8px;}
.border-radius-9 {border-radius: 9px;}
.border-radius-10 {border-radius: 10px;}

.border-radius-10p {border-radius: 10%;}
.border-radius-20p {border-radius: 20%;}
.border-radius-30p {border-radius: 30%;}
.border-radius-40p {border-radius: 40%;}
.border-radius-50p {border-radius: 50%;}
.border-radius-60p {border-radius: 60%;}
.border-radius-70p {border-radius: 70%;}
.border-radius-80p {border-radius: 80%;}
.border-radius-90p {border-radius: 90%;}

/* 汎用display 設定
------------------------------------------------------------------------ */
.none, .display-none, .d-none { display: none !important; }
.block, .d-block, .display-block { display: block !important; }
.inline, .d-inline, .display-inline { display: inline !important; }
.inline-block, .d-inline-block, .display-inline-block { display: inline-block !important; }

.shadow-none {
	    box-shadow: none !important;
}