@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    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
*/

ul.bogo-language-switcher {
	/* 翻訳ボタンを横並びに */
	display: flex;
}

.bogo-language-switcher{
	.current{
		display: none;
	}
	li{
		text-align: right;
	}
	a:before{
		content: "\f0ec";
		font-family: FontAwesome;
		font-size : 90%;
		padding-right: 5px;
	}
}

.bogo-language-name{
	color: #cc0000;
}

/* Scroll Spy & CSS Animator
====================================================*/

/*スクロールスパイで利用*/
a.p-toc__link.active, a.p-toc__link:hover {
color:white;
background-color:black;
font-weight:bold;
}

/* MOVE FADE */
.slideview {
  opacity: 0;
}

.slideview.on {
  opacity: 1;
}

.LL-MOVE.on {
  animation: slideInL forwards 2s;
}
.RR-MOVE.on {
  animation: slideInR forwards 2s;
}

.UU-MOVE.on {
  animation: slideInU forwards 2s;
}

.DD-MOVE.on {
  animation: slideInD forwards 2s;
}

.MFADE.on {
  animation: fade forwards 2s;
}

.ofade {
  animation: fade forwards 1s;
}



.FLAT-MOVE {
transform-origin: center bottom;
transform: rotateX(-90deg);
}

.FLAT-MOVE.on {
transition: all 1s ease-in-out;
transform: rotateX(0deg);
}

.FLAT-TOP-MOVE {
 transform-origin: center top;
 transform: rotateX(-90deg);
}

.FLAT-TOP-MOVE.on {
  transition: all 3s ease-in-out;
  transform: rotateX(0deg);
}

.FF-MOVE.on {
  transition: all 1s ease-in-out;
  transform: rotate(360deg);
}


@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.tsL {
  animation: slideInL forwards 0.5s;
}

@keyframes slideInL {
  0% {
    opacity: 0;
    transform: translateX(-140px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.tsR {
  animation: slideInR forwards 0.5s;
}

.tsRR {
  animation: slideInR forwards 2s;
}

@keyframes slideInR {
  0% {
    opacity: 0;
    transform: translateX(140px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.tsU {
  animation: slideInU forwards 0.5s;
}

@keyframes slideInU {
  0% {
    opacity: 0;
    transform: translateY(-140px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.tsD {
  animation: slideInD forwards 0.5s;
}

@keyframes slideInD {
  0% {
    opacity: 0;
    transform: translateY(140px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.INBK {
  display: inline-block;
}

.border {
  position: relative;
}

.borderl {
  position: relative;
}

.borderl.on {
  /* 追加のスタイルプロパティ */
}

.borderl.on:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-bottom: solid 2px #0f6aaa;
  animation: border_anim 2s linear forwards;
}

.border.on:before {
  opacity: 1;
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  border-bottom: solid 2px #0f6aaa;
  transform: translateX(-50%);
  animation: border_anim 2s linear forwards;
}

@keyframes border_anim {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

/* コンタクトフォーム7全体のスタイル */
.wpcf7 {
  background-color: #f9f9f9; 
  padding: 30px 15px;
  border-radius: 10px;
  margin: auto;
}
.wpcf7-form .required {
  background-color: #cc0000; 
  color: white;
  padding: 2px 5px;
  border-radius: 3px;
  margin-left: 10px;
  font-size: 80%;
}
.wpcf7 input{
  width: 100%; 
  background-color: #fff;
  margin-top: 10px;
}
.wpcf7 textarea { 
  width: 100%; 
  background-color: #fff;
  margin-top: 10px;
}
.wpcf7-form label {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  color: #333333;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
  background-color: inherit; 
  color: #600000;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border: solid 1px #600000;
  padding: 2px 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.wpcf7-form input[type="submit"]:hover {
  color: #fff;
  background-color: #600000;
}
@media screen and (min-width: 600px){
.wpcf7-form input[type="submit"] {
  width: 40%;
}
}

/* チェックボックスの位置、サイズ */
.agreecheck { 
  margin: 0 0 2em -.8em;
}

.wpcf7-acceptance input[type="checkbox"] { 

  transform: scale(1.4);
}

/* カテゴリー一覧のサブタイトル（-category-）を非表示にする */
.c-pageTitle__subTitle{
	display: none;
}

/* フッターのアイコンサイズ変更 */
.l-footer .c-iconList__item a{
font-size:36px;
}

/* youtubeの色変更 */
.c-iconList__item.-youtube{
	color:red;
}

/* コピーライトの調整 */
.copyright{
	margin:2em;
	font-size:110%;
}

/* recaptcha 非表示設定 */
.g_recaptcha {
	  font-size: 75%;
    color: #999; 
    }

.g_recaptcha a {
    color: #663333; 
    }
 
.g_recaptcha a:hover {
    color: #990000; 
    }

.grecaptcha-badge { visibility: hidden; }



/* -------　カスタマイズ 追加CSS より　------- */

.c-postTitle__ttl, .c-pageTitle{
	  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	  font-weight: 400 !important;
}

.f-serif {
	font-family :  "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h3.titlespace3 {
	margin-bottom : 1em;
}

.fw-n{
	font-weight : normal;
}

.pd01{
	padding : 2em 1em 4em 1em;
}

.mgb02 {
	margin-bottom : 2em;
}

.swiper{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

/*　※　*/
.note1{
    list-style: none;
    padding-left: 1.5em;
    margin-left: 0.5em;
}
.note1 li{
    text-indent: -1.1em;
}
.note1 li:before{
    content: "※";
    margin-right: 0.5em;
}

.note2{
    list-style: none;
    padding-left: 1.5em;
    margin-left: 0.5em;
		color :#990000;
}
.note2 li{
    text-indent: -1.1em;
}
.note2 li:before{
    content: "※";
    margin-right: 0.5em;
}

.col_bg01{
　　background:rgba(255,255,255,0.8);
}

/* メインヴィジュアルテキスト */
.p-mainVisual__slideTitle{
    font-weight: 700;
    font-style: normal;
	  font-size: 260%;
	  opacity: 80%;
    writing-mode: vertical-rl;
    margin-left: auto;
    margin-right: auto;
	  margin-bottom: .3em;
}

.p-mainVisual__slideText{
		font-size:.9em !important;
	  opacity: 80%;
}

.c-pageTitle{
		color :#660000;
}

/* 段落の余白 */
@media screen and (min-width: 600px){
.block-margin2 {
	margin-left: 20%;
	margin-right: 20%;
}
}
@media screen and (min-width: 960px){
.block-margin1 {
	margin-left: 10%;
	margin-right: 10%;
}
}

/*　リスト表示サム画像_影消し 　*/
.p-postList__thumb{
	  box-shadow:none;
}

/* 固定ページタイトル中央寄せ */
.c-pageTitle,
.c-pageTitle__inner {
	float: none!important;
	text-align: center;
}

/*
// Googleマップの色変
.googlemap iframe {
  -webkit-filter: grayscale(1);
          filter: grayscale(1); // グレースケール化
}

// 色変えるためのオーバーレイ要素の設定 
.googlemap.wp-block-group {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.googlemap > div {
  position: relative;
}

.googlemap > div::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: overlay;
  background: #928178; // 色変 
}

// ホバーで解除 
.googlemap iframe:hover{
  filter: none;
  -webkit-filter: none; 
}
*/