/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/


@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Imperial+Script&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Walter+Turncoat&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Monsieur+La+Doulaise&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lisu+Bosa:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Tiro+Kannada:ital@0;1&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Damion&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Chango&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rubik+Dirt&display=swap');






/* Fotter削除 */
.site-footer{
	display: none;
}


.about{
/* 	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%); */
}

/*  Osteriaの魅力 */
@media screen and (max-width:781px) {
	.wp-container-7.wp-block-columns.reverse {
		flex-direction: column-reverse;
    }
	/*   RECOMMEND 微調整 */
	.wp-block-image.size-large.addition img {
		width: 100%;
	}
	
/* 	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 0!important;
	} */
	.wp-container-11.wp-block-column.addition {
		flex-basis: 0!important;
	}
	
}


/*   RECOMMEND 微調整 */
.wp-block-media-text.alignwide.recommend {
	width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.wp-container-26.wp-block-columns.recommend {
	display: flex;
	gap: 0;
    flex-wrap: nowrap;
    align-items: center!important;
}


/*  3カラム画像余白下調整*/
.wp-block-image.size-large.addition {
	margin: 0;
}
.addition.has-white-color.has-black-background-color.has-text-color.has-background {
	padding: 14px 6px;
}

@media screen and (max-width:991px) {
	.has-text-align-center.recommend.has-white-color.has-text-color {
		font-size: 22px!important;
    }
	.recommend p {
		font-size: 16px!important;

	}

}





/* 
 * スライダー ここから 
 */
.slider1 {
	display: flex;
	margin: 2em calc(50% - 50vw);
	width: 100vw;
	height: auto;
	overflow: hidden;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
}

/* 
 * 画像同士の隙間を変える部分 
 */

.slider1 li{
	width:300px;
	list-style: none;
}
.slider1 ul:first-child {
  animation: slide1 150s -75s linear infinite;
}
.slider1 ul:last-child {
  animation: slide2 150s linear infinite;
}

/* 
 * 画像のサイズ変える部分
 */ 

.slider1 img{
	width: 260px;
    height: auto;
    object-fit: cover;
	object-position: center;
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(-200%);
  }
}

/* スライダー ここまで */

@media screen and (max-width: 480px) {
	.slider1 li{
	width:240px;
	list-style: none;
   }
	.slider1 img{
	width: 200px;
    height: auto;
    object-fit: cover;
	object-position: center;
}

}

.header_scrolled .header-top, .header_scrolled .site-header-logo, .header_scrolled .site-header-sub, .header_scrolled .vk-campaign-text{
	display:block !important;
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
}

	
}

.wp-block-table.contacttable>table>tbody>tr>td {
    border: none !important;
    padding: 10px 0px;
    vertical-align: top;
	font-size:14px;
	font-family:"Noto Sans JP",sans-serif !important;
}

table{
	border:none!important;
}

.hbg {
    padding: 27px !important;
}
h2.has-text-align-center.is-style-vk-heading-solid_black {
    width: 50%;
    margin: 0 auto;
}

@media (max-width:992px){
	.flexin{
		flex-direction:column-reverse;
	}
	h2.has-text-align-center.is-style-vk-heading-solid_black {
    width: 100%;
    margin: 0 auto;
}
		.is-layout-flow.wp-block-column.menudts {
    flex-basis: 0 !important;
}
	.box {
    padding: 1rem;
}
	.box2{
	padding:1rem 0.5rem !important;
}
}
	.box {
    padding: 0 1rem !important;
}
.box2{
	padding:1rem;
}
.is-style-vk-heading-both_ends::before, .is-style-vk-heading-both_ends::after, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::before, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 2px solid #AB7FBA;
    position: unset;
    width: unset;
    border-left: unset;
    border-right: unset;
    border-top: none;
    background: unset;
}
	.is-layout-flow.wp-block-column.menudts {
    flex-basis: 15% !important;
}
.wp-block-table td, .wp-block-table th {
    border: 0px !important;
    padding: 0.5em;
}
figure.wp-block-table.contacttable>table>tbody>tr>td:first-child {
    width: 28%;
}
figure.wp-block-table.contacttable>table>tbody>tr>td{
	vertical-align:top;
}
li::before {
    color: #AB7FBA;
}
.fullscreen {

width: 100vw;

margin: 0 calc(50% - 50vw);

}

.shadow2 {
    box-shadow: 3px 3px 0 0 #00328F !important;
    border-radius: 5px;
}

.dotted {
    padding-bottom: 1rem;
    border-bottom: 2px dashed #AB7FBA;
}

.is-style-vk-heading-both_ends::before, .is-style-vk-heading-both_ends::after, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::before, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::after {
    border-bottom: 3px solid #AB7FBA !important;
}