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



/*
google fonts
*/
.righteous-regular {
	font-family: "Righteous", sans-serif;
	}

.mochiy-pop-one-regular {
	font-family: "Mochiy Pop One", sans-serif;
	}

.potta-one-regular {
	font-family: "Potta One", sans-serif;
	}

.zen-maru-gothic-regular {
	font-family: "Zen Maru Gothic", sans-serif;
	}



/*
口コミ修正
*/
.ti-widget[data-layout-id='36'][data-set-id='drop-shadow'] .ti-review-content, .ti-widget[data-layout-id='36'][data-set-id='drop-shadow'] .ti-read-more {
    text-align: left!important;
}

.ti-widget-lightbox-mobile-close-bottom{
	color: transparent !important;
	text-shadow: none !important;
}

.ti-widget-lightbox.ti-long-scroll .ti-widget-lightbox-mobile-close-bottom {
	padding: 20px!important;
}

.ti-widget-lightbox.ti-long-scroll .ti-widget-lightbox-mobile-close-bottom span {
	right: 12px!important;
}



/*
ソーシャルリンク
*/
ul.social-link{
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em;
	font-size: 24px;
	background: none;
    box-sizing: border-box;
    margin-left: 0;
	text-indent: 0;
	}

.social-link li{
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	position: relative;
	height: auto;
	transition: transform .1s ease;
	}

.social-link li:hover{
	transform: scale(1.1);
	}

.social-link a{
	color: currentColor;
	fill: currentColor;
	}

.social-link-x{
	margin-top: 3px;
	background: #000;
    color: #fff;
    padding: 6px;
    border-radius: 6px;
	}

.icon-line:before{
	background:#01c852;
	color:#fff;
	padding: 6px 6px 5px 6px;
    border-radius: 6px;
	}


/*
body font
*/
body{
	font-family: "Mochiy Pop One", sans-serif;
	}



/*
カーソル
*/
#cursor {
	position: fixed;
	width: 60px;
	height: 60px;
	background-color: rgba(254, 232, 51, 0.8);
	border-radius: 50%;
	pointer-events: none;
	transform: translate(-50%, -50%);
	z-index: 1000;
	}
	
@media (max-width: 1024px) {
	#cursor {
		display: none;
		}}



/*
ヘッダー追従修正
*/
.l-header{
	background: rgba(180, 34, 34, 1)!important;
	}

@media (min-width: 960px){
	.l-header{
		position: fixed!important;
		margin-top: var(--swl-adminbarH, 0);
		left: 0;
		top: 0;
		width: 100%;
		z-index: 1000;
		transition: all .6s;
		}
		
	.l-header__logo {
		padding: 0.5em 0!important;
		}
	
	.l-header .l-container {
		max-width: 100%;
		}
		
	.c-gnav>.menu-item>a .ttl {
		font-size: 1vw;
		font-weight: 900;
		}

	.p-breadcrumb.-bg-on {
		background: #000;
		color: #fff;
		}

	.p-breadcrumb {
		margin: 5.5em auto 0;
		}}

@media (min-width: 600px){
	.c-pageTitle{
		padding-top: 2em;
		}}



/*
スマホメニュー開閉ボタン修正
*/
.c-iconBtn{
	color: #979797;
	}
	
.icon-menu-thin,
.icon-close-thin{
	width: 40px;
	height: 34px;
	position: relative;
	display: inline-block;
	}

.icon-menu-thin::before,
.icon-menu-thin::after,
.icon-close-thin::before,
.icon-close-thin::after{
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	}

.icon-menu-thin::before,
.icon-menu-thin::after{
	background-color: #fff;
	}
	
.icon-close-thin::before,
.icon-close-thin::after{
	background-color: #000;
	}

.icon-menu-thin::before{
	top: 10px;
	}

.icon-menu-thin::after{
	bottom: 10px;
	}

.icon-close-thin::before{
	top: 17px;
	transform: rotate(25deg);
	}

.icon-close-thin::after{
	bottom: 16px;
	transform: rotate(-25deg);
	}



/*
スマホメニュー修正
*/
.p-spMenu__inner{
	width: 100vw;
	}
	
.-left .p-spMenu__inner{
	left: 0;
	-webkit-transform: translateX(-100vw);
	transform: translateX(-100vw)
	}

.-right .p-spMenu__inner {
	right: 0;
	-webkit-transform: translateX(100vw);
	transform: translateX(100vw)
	}

[data-spmenu=opened] .p-spMenu__inner {
	-webkit-transform: translateX(0);
	transform: translateX(0)
	}

.p-spMenu__inner::before{
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	}
	
.c-widget__title.-spmenu, .p-spMenu__nav{
	display: none;
	}

.p-spMenu__bottom{
	margin-top: 0em;
	}
	
.p-spMenu__body{
	/*padding: 0 4vw 40vw;*/
	}
	
.widget_nav_menu{
	text-align: center;
	}

.widget_nav_menu a{
	border-bottom: none;
	}

.widget_nav_menu .menu-item{
	letter-spacing: 0.2em;
	font-size: 22px;
	font-weight: 900;
	color: #232323;
	}

.c-listMenu a{
	padding: 0.5em 1em 0.5em 1.5em;
	}

.c-listMenu a:before{
	content: none;
	}
	
#custom_html-1{
	font-size: 22px;
	position: fixed;
	bottom: 0;
	left: 0;
	}



/*
パノラマ映像
*/
.pnlm-panorama-info{
	display: none!important;
	}



/*
枠調整
*/




/*
スライダー 修正
*/
[data-carousel-3d]{
	height: 700px;
    }

[data-carousel-3d] [data-children-wrapper]{
	right: 20%;
	left: 20%;
	}
	
[data-carousel-3d] > [data-children-wrapper] > [data-child]{
	height: 700px;
	padding: 0!important;
	}

[data-child-frame]{
	border: none;
	}

[data-carousel-3d] .slide{
	width: 1200px;
	height: 700px;
	background-size: contain;
	}



/*
カレンダー修正
*/
.tribe-events-c-view-selector__list,
.tribe-events-c-subscribe-dropdown__container,
.tribe-events-c-events-bar__views{
	display: none!important;
	}
	
.tribe-events-calendar-month__body{
	background: #fff!important;
	}

.tribe-events-widget .tribe-events-widget-events-list__event-row {
	background: #fff;
	}

.tribe-events-l-container {
	padding-top: 2em!important;
	}
	
.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
	margin: 0 0.75em!important;
	}


	
/*
追従ボタン
*/
.side-menu1,
.side-menu2{
	position: fixed;
	z-index: 2;
	align-content: center;
	width: 4vw;
	height: 11vw;
	border-radius: 1vw 0px 0px 1vw;
	writing-mode: vertical-rl;
	letter-spacing: .2em;
	text-align: center;
	font-size: 1vw;
	display: inline-block;
    box-shadow: 0px 6px 24px 0px rgba(0, 30, 111, 0.2);
	}

.side-menu1{
	background-color: #344aff;
	bottom: 11.5vw;
	right: 0;
	}

.side-menu2{
	background-color: #01c852;
	bottom: 6px;
	right: 0;
	}

.side-menu1 a,
.side-menu2 a{
	color: #fff;
	}
	
@media not all and (min-width: 960px) {
.side-menu1,
.side-menu2{
	width: 7.5vw;
	height: 30vw;
	font-size: 3vw;
	z-index: ;
	}

.side-menu1{
	bottom: 32vw;
	}}



/*
ポップアップ修正
*/
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
	padding-right: 0px!important;
	}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: initial;
	-webkit-overflow-scrolling: initial;
	}



/*
コンタクトフォームcss
*/
.cf7-cf-turnstile{
	margin-top: 3em !important;
	}

div.cf-turnstile {
	display: flex !important;
	justify-content: center !important;
	}

.cf-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2em 0;
	border-bottom: 1px dashed #ccc;
	transition: all .3s;
	}

.cf-area:last-child {
	border-bottom: none;
	}

.cf-area dt {
	width: 200px;
	padding-right: 30px;
	text-align: right;
	line-height:1.5em;
	}

.cf-area dd {
    flex: 1;
	}

.cf-area input, .cf-area textarea {
	width: 100%;
	padding: 0.8em;
	border: none;
	background-color: #e6e6e6;
	font-size: 16px;
	resize: vertical;
	transition: all .3s;
	}

.cf-area input:focus,.cf-area textarea:focus {
	outline: none;
	background: #dde2e9;
	}

.cf-required {
	background: #b91e23;
	color: #fff;
	font-size: 0.8em;
	padding: 0 5px 2px;
	border-radius: 2px
	}

.cf-send input {
	display: block;
	background: #000;
	width: 300px;
	height: 60px;
	margin: 30px auto 0;
	border: none;
	color: #fff;
	box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .2);
	font-size: 1.3em;
	font-weight: bold;
	transition: all .3s;
	}

.cf-send input:hover {
	filter: brightness(1.25);
	}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	background-color: #fce3e3;
	border: none;
	text-align: center;
	}

.wpcf7-list-item,
.wpcf7-list-item-label{
	width: 100%;
	}

.wpcf7-list-item{
	margin: 0;
	}

.wpcf7-list-item-label{
	padding-left: 10px;
	}

.wpcf7-list-item > label{
	width: 280px;
	display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	}
	
.wpcf7-list-item > label > input{
	width: initial;
	}

@media screen and (max-width:768px){
	.cf-area {
		display: block;
		}

	.cf-area dt {
    	width: 100%;
		margin-bottom: 5px;
    	padding-right: 0;
    	text-align: left;
		line-height:1.5em;
		}}