@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
*/

/* --- 明朝フォント --- */
.mincho {
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
}

/* --- 縦書き --- */
.tate-right {		/* 親要素右寄せ */
	display: flex;
	justify-content: flex-end;
}
.tate-center {		/* 親要素縦横中央寄せ */
	display: flex;
	justify-content: center;
	align-items: center;
}
.tate {
	writing-mode: vertical-rl;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
}

/* --- MOVIE メインビジュアル内テキスト --- */
.p-mainVisual__slideTitle {
	line-height: 2.4em;	
}
.p-mainVisual__slideTitle span {
	font-size: 140%;
	font-weight: 700;
	letter-spacing: 0.25em;
	position: relative;
	
	/*background: #FFF;*/
    padding: 0.5em 0.5em 0.5em 0.75em;
}
.p-mainVisual__slideTitle span.kakko {
	padding-left: 1.0em;
}
.p-mainVisual__slideTitle span.kakko::before {
	content: "「" !important;
	top: 0.25em;
	width: fit-content !important;
}
.p-mainVisual__slideTitle span.kakko::after {
	content: "」";
	position: absolute;
	right: -0.6em;
	width: fit-content !important;
}
.p-mainVisual__slideTitle span.kakko:nth-child(1) {
	border-radius: 8px 0 0 0;
}
.p-mainVisual__slideTitle span.kakko:nth-child(2) {

}
.p-mainVisual__slideTitle span.kakko:nth-child(3) {
	padding-right: 1em;
	border-radius: 0 8px 0 0;
}
.p-mainVisual__slideTitle span.kakko:nth-child(3)::after {
	padding-right: 0.5em;
}

/* アンダーラインアニメーション */
.p-mainVisual__slideTitle span::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	border-bottom: solid 2px #FFF;
	animation: border_anim 4s linear forwards;
}
@keyframes border_anim {
	0%{ width: 0%; }
	100%{ width: 100%; }
}

/* --- MOVIE内テキスト --- */
.-type-movie .p-mainVisual__slideTitle {
	font-size: 190%;
	letter-spacing: 0.2em;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
}
/* --- スライドショー内テキスト --- */
.-type-slider .p-mainVisual__slideTitle {
	font-size: 260%;
	font-weight: bold;
	letter-spacing: 0.15em;		
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
}
/* SP */
@media (max-width: 600px) {
	.-type-movie .p-mainVisual__slideTitle {
		font-size: 150%;
		text-align: center;
	}
	.-type-slider .p-mainVisual__slideTitle {
			font-size: 150%;
	}
}



/* 角をまるくする */
.kadomaru { border-radius: 0.5vw; overflow: hidden; }
.kadomaru .wp-block-media-text__content { padding: 3.5em !important; }
/* SP */
@media (max-width: 600px) {
	.kadomaru { border-radius: 1.5vw; overflow: hidden; }
	.kadomaru .wp-block-media-text__content { padding: 1.5em !important; }
}

/* --- SWELLデフォルトカスタマイズ --- */
/* ボタンスタイル"アウトライン" */
.is-style-btn_line a { border: 2px solid; background: #FFF; }

/* img,video角を丸くする */
.wp-block-image img,
.wp-block-video video { border-radius: 0.5vw; overflow: hidden; }
@media (max-width: 600px) {
	.wp-block-image img,
	.wp-block-video video { border-radius: 1.5vw; overflow: hidden; }
}
/* 投稿リストの"カード型/サムネイル型"4列表示 */
@media (min-width: 960px) {
  .post-col4 .-type-card.-pc-col3 .p-postList__item, .-col4 .-type-thumb.-pc-col3 .p-postList__item{
    width: calc(100% / 4);
  }
}

/* SWELLふきだし */
/* アイコン下に表示する名前 */
.c-balloon__iconName { font-size: 1.0em; font-weight: bold; color: #473731; }


/* --- アニメーション --- */
/* TOPプログラム親とimgウネウネ */
.uneru{
	border-radius: 1vw;
	transition-duration: .5s;
}
.uneru:hover { 
	transform: scale(1.1);
}
.uneru img {
	width: 80%;
	height: fit-content;
	margin: 50px auto;
	overflow: hidden;
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
}
.uneru img:hover {
	animation: uneune 5s linear infinite;
}
@keyframes uneune {
  0% { border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; }
  25% { border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%; }
  50% { border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%; }
  75% { border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%; }
  100% { border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; }
}
@keyframes uneune-out {
  100% { border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; }
  0% { border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; }
}


/* --- プラグイン --- */
/* Contact form 7 */
.wpcf7-form-control-wrap input,
.wpcf7-textarea,
.wpcf7-submit {
  width: 100%;
  box-sizing: border-box; /* paddingとborderを含めた幅を100%に */
}

/* Popup Maker */
/* SPコンテナ */
@media screen and (max-width: 959px) and (max-width: 959px) {
	.pum-container {
        padding-left: 6vw;
        padding-right: 6vw;
    }
}



/* --- Function.php --- */
/* パスワード保護記事 タイトル[保護中:]非表示 */
.post-password-form {
  display: grid;
  grid-template-columns: 1fr 150px;
  grid-template-rows: 50px;
}
.post-password-form input[type="password"] {
  border:1px solid #ddd;
  padding: 0 1em;
}
.post-password-form input[type="submit"] {
  border:none;
  color:#ffffff;
  background:#000000;
}


/* --- margin ＆ padding-style --- */
.u-m-0 { margin: 0 !important; }
.u-m-5 { margin: 0.5em !important; }
.u-m-10 { margin: 1em !important; }
.u-m-15 { margin: 1.5em !important; }
.u-m-20 { margin: 2em !important; }
.u-m-25 { margin: 2.5em !important; }
.u-m-30 { margin: 3em !important; }
.u-m-40 { margin: 4em !important; }
.u-m-50 { margin: 5em !important; }

.u-p-0 { padding: 0 !important; }
.u-p-5 { padding: 0.5em !important; }
.u-p-10 { padding: 1em !important; }
.u-p-15 { padding: 1.5em !important; }
.u-p-20 { padding: 2em !important; }
.u-p-25 { padding: 2.5em !important; }

.u-pr-0 { padding-right: 0 !important; }
.u-pr-5 { padding-right: 0.5em !important; }
.u-pr-10 { padding-right: 1em !important; }
.u-pr-15 { padding-right: 1.5em !important; }
.u-pr-20 { padding-right: 2em !important; }
.u-pr-25 { padding-right: 2.5em !important; }

.u-pl-0 { padding-left: 0 !important; }
.u-pl-5 { padding-left: 0.5em !important; }
.u-pl-10 { padding-left: 1em !important; }
.u-pl-15 { padding-left: 1.5em !important; }
.u-pl-20 { padding-left: 2em !important; }
.u-pl-25 { padding-left: 2.5em !important; }