@charset "UTF-8";

html, body {
}
html body {
  font-family: 'EB Garamond', 'Noto Serif JP' , "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post_content p, .post_content a, .post_content ul, .post_content ol, .post_content dl {
  font-family: 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  font-size: 0.8rem;
  color: #000;
}
.post_content .wf {
  font-family: 'EB Garamond', 'Noto Serif JP' , "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post_content .wf_go {
  font-family: '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;
}
em {
  font-style: normal;
}
button, input, select, textarea {
  border: none;
  padding: 0.5em 0.5em;
  background-color: #f0efef;
}
.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, .wp-block-image {
  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:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
}
.fadects img, .fadeul li img, .fadeul > section img {
	/* transform: scale(1.1); */
}
.fadeUpin img {
	/* transform: scale(1) !important; */
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
}
.fadeul > li, .fadeul > section, .wp-block-columns .wp-block-column, .category .p-postList li {
  opacity: 0;
}
.fadeul > li:nth-child(even), .fadeul > section:nth-child(even), .wp-block-columns .wp-block-column:nth-child(even) {
	animation-delay: .3s;
}
/* div:not(.works) .lum-open {
  display: none !important
}
div:not(.works) .wp-block-image img {
	cursor: default !important;
} */
/* .lum-open {
	display: none !important
}
.wp-block-image img {
	cursor: default !important;
} */
.about .lum-open {
	display: none !important
}
.about .wp-block-image img {
	cursor: default !important;
}
.bg {
  background: url(assets/img/common/bg_beige.gif);
  background-size: 100px;
}