@charset "utf-8";

.clear {
	clear:both;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* YOUTUBE動画　
 * <div class="youtube">～</div> */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* リストを中央に並べる  */
.center-list {
	position: relative; 
	overflow: hidden;
}
.center-list ul {
	position: relative;
	left: 50%;
	float: left;
}
.center-list ul li {
  position: relative;
  left: -50%;
  float: left;
  list-style: none;
}

/* 行間　詳細  */
.lineH1 {
	line-height:1;
}
.lineH13 {
	line-height:1.3;
}
.lineH14 {
	line-height:1.4;
}
.lineH15 {
	line-height:1.5;
}
.lineH16 {
	line-height:1.6;
}
.lineH18 {
	line-height:1.8;
}

/* 円を書く  */
.circle {
	position:relative;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align:center;
	vertical-align:middle;
}

/*  etc　*/
.displayblock {
	display:block;
}
.marginauto {
	margin:0 auto;
}
.border-none {
	border:none;
	border-width:0px;
}
.opac05 {
	opacity:0.5;
}
.opac08 {
	opacity:0.8;
}
.overflow-h {
	overflow:hidden;
}
.custom-btn.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.display-hidden {
  display: none;
}

.display-visible {
  display: block;
}

.custom-is-sp {
  display: block !important;
}
.custom-is-pc {
  display: none !important;
}

@media (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
  .custom-is-sp {
    display: none !important;
  }
  .custom-is-pc {
    display: block !important;
  }
}

.color-custom-on {
    color:  var(--color_second_dark);
}
.color-custom-on2 {
    color:  var(--color_primary);
}

/* =オリジナル（よく使うCSS）
--------------------------------------------- */
/* インラインテキスト  */
.txt12 {font-size: 96% !important;  /* 14.4px */}
.txt14 {font-size: 110% !important; /* 17.6px */}
.txt17 {font-size: 120% !important; /* 19.2px */}
.txt18 {font-size: 130% !important; /* 20.8px */}
.txt20 {font-size: 140% !important; /* 22.4px */}
.txt24 {font-size: 150% !important; /* 24px */}
.txt28 {font-size: 175% !important; /* 28px */}

.txtBold {font-weight: bold !important;}
.txtNormal {font-weight: normal !important;}

.txtLine140 {line-height: 1.4 !important;}
.txtLine160 {line-height: 1.6 !important;}
.txtLine180 {line-height: 1.8 !important;}
.txtLine200 {line-height: 2 !important;}

.txtCenter {text-align:center!important;}
.txtLeft {text-align:left!important;}
.txtLeft {text-align:left!important;}
.txtRight {text-align:right!important;}

.alignright {float: right!important; vertical-align: middle!important;}
.alignleft {float: left!important; vertical-align: middle!important;}
.alignnone {float: none!important; vertical-align: middle!important;}

/*--------------------------------------- 
  WIDTH指定（PC)
------------------------------------------*/
.w-100 {width:100%!important; height:auto!important;}
.w-98 {width:98%!important; height:auto!important;}
.w-97 {width:97%!important; height:auto!important;}
.w-95 {width:95%!important; height:auto!important;}
.w-90 {width:90%!important; height:auto!important;}
.w-85 {width:85%!important; height:auto!important;}
.w-80 {width:80%!important; height:auto!important;}
.w-75 {width:75%!important; height:auto!important;}
.w-70 {width:70%!important; height:auto!important;}
.w-65 {width:65%!important; height:auto!important;}
.w-60 {width:60%!important; height:auto!important;}
.w-55 {width:55%!important; height:auto!important;}
.w-50 {width:50%!important; height:auto!important;}
.w-49 {width:49%!important; height:auto!important;}
.w-48 {width:48%!important; height:auto!important;}
.w-47 {width:47%!important; height:auto!important;}
.w-45 {width:45%!important; height:auto!important;}
.w-40 {width:40%!important; height:auto!important;}
.w-35 {width:35%!important; height:auto!important;}
.w-30 {width:30%!important; height:auto!important;}
.w-20 {width:20%!important; height:auto!important;}
.w-15 {width:15%!important; height:auto!important;}
.w-10 {width:10%!important; height:auto!important;}
.w-5 {width:5%!important; height:auto!important;}
.w-1 {width:1%!important; height:1px!important;}
.w-auto {width:auto!important;}

/*--------------------------------------- 
  WIDTH指定（タブレット)
------------------------------------------*/
@media all and (min-width: 769px) and (max-width: 980px){
.w---100 {width:100%!important; height:auto!important;}
.w---98 {width:98%!important; height:auto!important;}
.w---97 {width:97%!important; height:auto!important;}
.w---90 {width:90%!important; height:auto!important;}
.w---80 {width:80%!important; height:auto!important;}
.w---70 {width:70%!important; height:auto!important;}
.w---60 {width:60%!important; height:auto!important;}
.w---50 {width:50%!important; height:auto!important;}
.w---40 {width:40%!important; height:auto!important;}
.w---30 {width:30%!important; height:auto!important;}
.w---20 {width:20%!important; height:auto!important;}
.w---15 {width:15%!important; height:auto!important;}
.w---10 {width:10%!important; height:auto!important;}
.w---1 {width:1%!important; height:1px!important;}
.w---auto {width:auto!important;}
}

/*--------------------------------------- 
  WIDTH指定（スマフォ)
------------------------------------------*/
@media all and (max-width: 768px) {
.w--100 {width:100%!important; height:auto!important;}
.w--98 {width:98%!important; height:auto!important;}
.w--97 {width:97%!important; height:auto!important;}
.w--90 {width:90%!important; height:auto!important;}
.w--80 {width:80%!important; height:auto!important;}
.w--70 {width:70%!important; height:auto!important;}
.w--60 {width:60%!important; height:auto!important;}
.w--50 {width:50%!important; height:auto!important;}
.w--40 {width:40%!important; height:auto!important;}
.w--30 {width:30%!important; height:auto!important;}
.w--20 {width:20%!important; height:auto!important;}
.w--15 {width:15%!important; height:auto!important;}
.w--10 {width:10%!important; height:auto!important;}
.w--1 {width:1%!important; height:1px!important;}
.w--auto {width:auto!important;}
}

/*--------------------------------------- 
  マージン・パディング指定
------------------------------------------*/
/* TOP */
.pt0 {padding-top:0!important;}
.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}
.pt40 {padding-top:40px!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;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt55 {margin-top:55px!important;}
.mt60 {margin-top:60px!important;}

.mt-15 {margin-top:-15px!important;}
.mt-20 {margin-top:-20px!important;}
.mt-30 {margin-top:-30px!important;}

/* LEFT */
.pl0 {padding-left:0!important;}
.pl5 {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}

.ml0 {margin-left:0!important;}
.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}

/* BOTTOM */
.pb0 {padding-bottom:0!important;}
.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb40 {padding-bottom:40px!important;}

.mb0 {margin-bottom:0!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;}

.mb-10 {margin-bottom:-10px!important;}
.mb-15 {margin-bottom:-15px!important;}
.mb-20 {margin-bottom:-20px!important;}

/* RIGHT */
.pr0 {padding-right:0!important;}
.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}

/* スマフォ用　前に[-] */
@media all and (max-width: 767px) {
.-ml0 {margin-left:0!important;}
.-mr0 {margin-right:0!important;}
.-mt0 {margin-top:0!important;}
.-mb0 {margin-bottom:0!important;}
	
.-ml10 {margin-left:10px!important;}
.-mr10 {margin-right:10px!important;}
.-mt10 {margin-top:10px!important;}
.-mb10 {margin-bottom:10px!important;}
  
.-ml15 {margin-left:15px!important;}
.-mr15 {margin-right:15px!important;}
.-mt15 {margin-top:15px!important;}
.-mb15 {margin-bottom:15px!important;}
  
.-ml20 {margin-left:20px!important;}
.-mr20 {margin-right:20px!important;}
.-mt20 {margin-top:20px!important;}
.-mb20 {margin-bottom:20px!important;}
	
.-ml-10 {margin-left:-10px!important;}
.-mr-10 {margin-right:-10px!important;}
.-mt-10 {margin-top:-10px!important;}
.-mb-10 {margin-bottom:-10px!important;}
  
.-ml-15 {margin-left:-15px!important;}
.-mr-15 {margin-right:-15px!important;}
.-mt-15 {margin-top:-15px!important;}
.-mb-15 {margin-bottom:-15px!important;}
  
.-ml-20 {margin-left:-20px!important;}
.-mr-20 {margin-right:-20px!important;}
.-mt-20 {margin-top:-20px!important;}
.-mb-20 {margin-bottom:-20px!important;}
}