/* かんたんテンプレートcss
*  付加機能などで使用する重要なcssのみこのファイルへ記入。
*  色指定などユーザーが変更しても付加機能に影響のないcssは
*  子テーマのstyle.cssへ
*/

.lightning_swiper-container{
	position: relative;
}
.lightning_swiper-container .swiper-slide.hasLink{
	cursor: pointer;
}
.lightning_swiper-container .swiper-slide.hasLink:hover{
	opacity: .9;
}



/** TOPページ **/

#mh_frontside_twitter{
	height: 500px;
	overflow: auto;
}

.mh_frontpage_posts_loop .wp-block-latest-posts__featured-image img{
	object-fit: cover;
	aspect-ratio: 4/3;
}



/** 問い合わせフォーム **/

.snow-monkey-form button{
	border: none;
	font-size: 1.2rem;
	padding: .4em 1em;
	border-radius: .25em;
	cursor: pointer;
}
.snow-monkey-form button:hover{
	opacity: .85;
}
.snow-monkey-form a{
	text-decoration: underline;
}
.wp-block-snow-monkey-forms-item.hissu .smf-item__label__text:before{
	content: '※必須';
	display: inline-block;
	vertical-align: middle;
	font-size: .8em;
	border-radius: .25em;
	margin-right: .5em;
	padding: 0 .5em;
	background: #f00;
	color: #fff;
}
.mh_policy_wrap .smf-placeholder{
	display: flex;
	flex-direction: column;
	align-items: center;
}
[data-screen=confirm] .mh_policy_wrap .smf-placeholder{
	display: block;
	text-align: center;
}
[data-screen=confirm] .mh_policy_wrap .smf-placeholder:before{
	content: '	\02714';
	display: inline-block;
	margin-right: .25em;
}
.smf-complete-content+.veu_socialSet{
	display: none;
}

.grecaptcha-badge{
	bottom: 84px !important;
}

.mh_sidebar_instagram_title img{
	width: 1.5em;
}

@media all and (max-width: 599px){
	.wp-block-latest-posts.is-grid li{
		margin-right: 0;
	} 
}


/* フッターロゴと住所 */
@media (max-width: 575px){
	.sitefooter-logo{
		display: flex;
		justify-content: center;
	}
	.site-footer .mhkt-shopAddress{
		display: flex;
		justify-content: center;
	}
}
/* フッター コピーライト */
.site-footer .widget:last-child{
	margin-bottom: 0;
}
.site-footer-copyright{
	margin-top: 2rem;
}

/* フッター内のSNSボタン */
.site-footer ul.wp-block-social-links{
	margin-top: 0;
}
@media (max-width: 575px){
	/*.site-footer .wp-block-social-links{
		justify-content: center;
	}*/
	.site-footer .wp-social-link{
		width: 3rem;
		height: 3rem;
	}
	.site-footer .wp-block-social-link a{
		height: 100%;
		justify-content: center;
	}
	.site-footer .wp-block-social-links .wp-social-link a{
		padding: 0;
	}
	.site-footer .wp-social-link svg{

		width: 65%;
		height: 65%;
	}
}

/* フッター内のLINE友だち追加ボタン */
@media (max-width: 575px){
	.site-footer a[href^="https://lin.ee/"]{
		display: inline-block;
	}
}
.site-footer a[href^="https://lin.ee/"] img{
	max-height: 3rem;
}


/* ボタンを1つだけ持つカバー画像全体をリンク風に 
hasLinkクラスはボタン数をJSで判定して付与
*/
.wp-block-cover.hasLink{
	cursor: pointer;
}
.wp-block-cover.hasLink:hover{
	opacity: .85;
}
.wp-block-cover.hasLink a:hover{
	opacity: 1;
}


/* リンクを1つだけ持つvk_PRブロックの画像をリンク風に 
hasLinkクラスはリンク数をJSで判定して付与
*/
.vk_prContent_colImg_image.hasLink{
	cursor: pointer;
}
.vk_prContent_colImg_image.hasLink:hover{
	opacity: .85;
}


/* TOPページPRコンテンツ（サービス）の画像フェードイン */
body.home .wp-block-vk-blocks-pr-content .vk_prContent_colImg{
	opacity: 0;
	transform: translateY(6rem);
}
body.home .wp-block-vk-blocks-pr-content .vk_prContent_colImg.mh_show{
	opacity: 1;
	transform: translateY(0);
	transition: all 1.5s;
}



/* FAQを開閉式に */
.vk_faq-body{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.vk_faq .vk_faq_title{
	padding-right: 2em !important;
	border-bottom: none !important;
	cursor: pointer;
}
.vk_faq .vk_faq_title:after{
	content: '＋';
	position: absolute;
	right: .5em;
	top: .8em;
	color: #999;
	font-weight: bold;
}
.vk_faq .vk_faq_title.open:after{
	content: 'ー';
}
.vk_faq .vk_faq_content{
	display: none;
	-webkit-transition: none !important;
	transition: none !important;
}

/* GoogleMaps埋め込みをレスポンシブ対応 */
iframe[src^="https://www.google.com/maps/"]{
	width: 100%;
	aspect-ratio: 16/9;
	height: auto !important;
}
@media (orientation:portrait){
	iframe[src^="https://www.google.com/maps/"]{
		aspect-ratio: 3/4;
	}
}


/* mh_カスタムバナーウィジェット */
.mh_custom_banner img{
    display: block;
    margin: 0 auto;
}
.mh_custom_banner{
    text-align: center;
}
.mh_custom_banner span{
    display: block;
    font-size: 14px;
    padding-top: .25em;
}




/* vkexunit_bannerウィジェット内の画像下の隙間解消 */
.widget_vkexunit_banner img{
    display: block;
}