@charset "UTF-8";

/*
    Theme Name: SWELL child
    Theme URI: https://swell-theme.com/
    Template: swell
    Description: シンプルかつ高機能・高速なWordPressテーマ
    Version: 2.1.7
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/
    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.wf {
	font-family: 'Caveat', cursive , 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.fs105 {font-size: 105%;}
.fs110 {font-size: 110%;}
.in_bl {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.bl {
	display:block;
}
a {
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-ms-transition: .3s ease-out;
	transition: .3s ease-out;
}
p {
	line-height: 1.8;
}
.marker.active em {
    background-position: -100% .5em;
}
.marker em {
    background-image: -webkit-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -o-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
		font-size: 110%;
}
.uline.active{
    background-position: -100% .5em;
}
.uline::after {
	content: "";
	width: 0;
  border-bottom: solid 1px #cacaca;
  transition: all 2s ease;
}
.mT0{margin-top: 0 !important;}
.mTe1{margin-top: 1em !important;}
.mTe2{margin-top: 2em !important;}
.mTe3{margin-top: 3em !important;}
.mTe4{margin-top: 4em !important;}
.mB0{margin-bottom: 0 !important;}
.mBe1{margin-bottom: 1em !important;}
.mBe2{margin-bottom: 2em !important;}
.mBe3{margin-bottom: 3em !important;}
.mBe4{margin-bottom: 4em !important;}
.mR0{margin-right: 0 !important;}
.mRe1{margin-right: 1em !important;}
.mRe2{margin-right: 2em !important;}
.mRe3{margin-right: 3em !important;}
.mRe4{margin-right: 4em !important;}
.mL0{margin-left: 0 !important;}
.mLe1{margin-left: 1em !important;}
.mLe2{margin-left: 2em !important;}
.mLe3{margin-left: 3em !important;}
.mLe4{margin-left: 4em !important;}

#preloader { position: fixed; top:0; left:0; right:0; bottom:0; display: block; background:#fefefe; z-index:99998; }

.spinner { position: absolute; left:0; right:0; bottom:0; top:0; width:70px; height:70px; margin: auto; text-indent:-9999px;     border-top: 1px solid #bf8e25; border-right: 1px solid #bf8e25; border-bottom: 1px solid #a90000; border-left: 1px solid #a90000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: spin .5s linear infinite; -moz-animation: spin .5s linear infinite; -ms-animation: spin .5s linear infinite; -o-animation: spin .5s linear infinite; animation: spin .5s linear infinite }

@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:768px){.spinner{width:50px;height:50px}}@media screen and (max-width:414px){.spinner{width:40px;height:40px}}

.scrt-cover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: #4ea9c5;
  -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
  transition: all .8s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.scrt-cover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #fefefe;
  z-index: 2;
  -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
  transition: all .8s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
}
.scrt-cover.visible:after, .scrt-cover.visible:before {
  right: -100%;
}

@-webkit-keyframes fadeUp {
	 0% { opacity: 0; -webkit-transform: translateY(10px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeUp {
	 0% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeUp  {
	 -webkit-animation-fill-mode:both;
	 -ms-animation-fill-mode:both;
	 animation-fill-mode:both;
	 -webkit-animation-duration:2s;
	 -ms-animation-duration:2s;
	 animation-duration:2s;
	 -webkit-animation-name: fadeUp;
	 animation-name: fadeUp;
	 visibility: visible !important;
	 opacity:1;
}
.fadects {
    opacity: 0;
}
.fadeUpin {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
}
.lum-open {
	display: none !important
}
.wp-block-image img {
	cursor: default !important;
}