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


/*--------------------------------------------------
	font
--------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); /* font-family: "Oswald", sans-serif; */


body						{ font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:400; }



/*--------------------------------------------------
	スライダーの文字サイズ変更
--------------------------------------------------*/
.ltg-slide-text-title		{
							font-size:3em;
							font-family: Copperplate,Copperplate Gothic Light;
							line-height: 0.5;
							text-shadow: 0px 1px 10px #555;
							font-weight:normal;
					 		}
.ltg-slide-text-caption		{ letter-spacing: 10px; text-shadow: 0px 1px 10px #555; }


@media screen and (max-width: 460px){
.ltg-slide-text-title		{
							font-size:5em;
							font-family: Copperplate,Copperplate Gothic Light,fantasy;
							line-height: 0.5;
							text-shadow: 0px 1px 10px #555;
							font-weight:normal;
					 		}
}


.page-id-41 				{/* lunch */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/image_menuback-1.png") no-repeat center 40%;
							background-size: 100%;
							
							}
.page-id-56 				{/* lunch */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/image_menuback-1.png") no-repeat center 40%;
							background-size: 100%;
							
							}



/*--------------------------------------------------
	固定ページのヘッダー
--------------------------------------------------*/
.page-id-21 .page-header	{/* メニュー */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/page_back2.png") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}
.page-id-59 .page-header	{/* お米のこだわり */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2021/11/rice.jpg") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}
.page-id-41 .page-header	{/* lunchメニュー */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2021/11/lunch_menu.jpg") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}
.page-id-56 .page-header	{/* teatimeメニュー */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2021/11/tea.jpg") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}
.page-id-19 .page-header	{/* 店舗概要 */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/page_back03.png") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}
.page-id-3 .page-header		{/* 個人情報保護 */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2021/11/privacy.jpg") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}
.page-id-33 .page-header	{/* お問い合わせ */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/06/header_contact-3.jpg") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}


.page-id-41 .page-header	{/* lunch */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/page_back.jpg") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}

.page-id-56 .page-header	{/* teatime */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/page_back.jpg") no-repeat 50% center;
							background-size: auto;
							background-size: cover;
							color: #fff;
							height:150px;
							}




@media (max-width: 992px)	{

	.container.site-header-container
							{
							display: flex;
							justify-content: space-between;
							flex-wrap: wrap;
							}
	.navbar-header			{ float: none;text-align:center;}
	.site-header--layout--nav-float .site-header-logo{margin-right:0;}
	.site-header-logo		{ float: none; width: 100%;  }
	.site-header-logo img	{ margin:0 auto!important; }
	.global-nav				{ margin: 0 auto; }

}

.top_enjoy_box				{ position:relative;  }
.top_enjoy_photo			{ position:absolute; top:-50px; left:-150px; max-width:100vw; z-index: 1; }
.top_enjoy_photo2			{ position:absolute; top:250px; right:-250px; max-width:100vw; z-index: 2; }
.top_enjoy_photo3			{ position:absolute; top:830px; left:-80px; z-index: 3; }





/*enjoy*/

.enjoy_text { line-height:3!important; }


/* menu*/
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column
							{ border-radius: 3px; }
.menu_caption				{ padding:0 1em; }








.site-header				{
							background-color: #f6f3ee;
							box-shadow:none;
							margin-bottom:50px; 
							}



.alpha_title_b				{
							font-size:5em;
							font-family: Copperplate,Copperplate Gothic Light;
							font-weight:500;
							text-align: center;
							color:#232f54!important;
							line-height: 0;
							display: flex;
							align-items: center;
							}

.alpha_title_b:before,
.alpha_title_b:after {
  content: url(https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/01/line.png);
  flex-grow: 1;
}

.alpha_title_b:before{
  margin: 0 20px 0 0;
  text-align: right;
}

.alpha_title_b:after{
  margin: 0 0 0 20px;
  text-align: left;
}





.alpha_title				{
							font-size:0.8em;
							font-family: Copperplate,Copperplate Gothic Light;
							font-weight:normal;
							text-align: center;
							color:#232f54!important;
							}


/*APP banner*/
.app_banner					{ text-align: center; }
.app_banner	p				{ font-size:1.5em; font-weight:700; margin-bottom:0; }
.app_banner ul				{ list-style: none; display: flex; justify-content: center; margin:0; padding:0;  }
.app_button					{
							padding:5px;
							}



@media screen and (max-width: 820px)	{
.page-id-41 				{/* lunch */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/image_menuback-1.png") no-repeat center 380px;
							background-size: 100%;
							}

.page-id-56 				{/* lunch */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/image_menuback-1.png") no-repeat center 380px;
							background-size: 100%;
							}


.menu_caption				{ text-align:center;}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column
							{ padding-bottom:15px; }



.top_enjoy_photo			{ position:absolute; top:-10px; left:450px; width:100%; z-index: 1; }
.top_enjoy_photo2			{ position:absolute; top:600px; right:450px; width:70%; z-index: 2; }
.top_enjoy_photo3			{ position:absolute; top:1150px; left:500px; width:70%; z-index: 3; }


.wp-container-10			{ display:flex; margin-top:50px; }


.menu_title					{ font-size:2em!important; margin-bottom:0; }
.menu_title_sub				{ font-size:1em; color:#d98600; }
.menu_set					{ font-size:0.9em; line-height: 1.5; }
.menu_att					{ font-size:0.8em; background-color: #ffefba; padding:0.5em 1em; margin:1em 0 0 0; }




}

.top2_sec_title3		{ font-size:5em; margin:0; font-weight:700!important; font-family: "Oswald", sans-serif; color:#DC3E12!important; }



.alpha_title_b				{
							font-size:3.5em;
							font-family: Copperplate,Copperplate Gothic Light;
							font-weight:500;
							text-align: center;
							color:#232f54!important;
							line-height: 0;
							display: flex;
							align-items: center;
							}

.alpha_title_b:before,
.alpha_title_b:after {
  content: url( "https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/01/line.png");
  flex-grow: 1;
}

.alpha_title_b:before{ margin: 0 10px 0 0; text-align: right; }
.alpha_title_b:after{ margin: 0 0 0 10px; text-align: left; }





/*--------------------------------------------------
	カスタム投稿タイプ　非表示設定
--------------------------------------------------*/

.lunch .entry-meta { display: none; }
.teatime .entry-meta { display: none; }


/*--------------------------------------------------
	全幅背景
--------------------------------------------------*/
div.wide-wrap			{ position:relative; margin:0 calc(50% - 50vw); overflow:hidden; }

/* シンプルな全幅見出し */
div.wide-h2-simple		{ background-color:#ff6798; color:#fff; text-shadow:1px 1px 1px #ffb7ca; padding:3em 0; }

/* 斜めに傾いた全幅見出し */
div.wide-h2-rotate		{
						background-color:#ff6798;
						color:#fff;
						transform: rotate(-2deg) skew(-17deg,0deg);
						padding:2em;
						margin:-1em calc(50% - 52vw) 2em;
						}

/* ギザギザにカットされた全幅見出し */
div.wide-h2-cut			{ position: relative; padding:20px; margin-bottom:-20px; background-color:#fff; }
div.wide-h2-cut h2		{ background-color:#fff; color:#444; padding:2em 0; margin:0 calc(50% - 50vw); text-align:center; }
div.wide-h2-cut::before,
div.wide-h2-cut::after	{ height: 20px; content: ""; position: absolute; left: 0; width:100%; z-index:100; }
div.wide-h2-cut::before {
						top: 0px;
						background: linear-gradient(45deg, #fff 10px, transparent 0), linear-gradient(315deg, #fff 10px, transparent 0);
						background-size: 20px 20px;
						background-color:#f7f3ed;
						}
div.wide-h2-cut::after	{
						bottom: 0px;
						background: linear-gradient(135deg, #fff 10px, transparent 0), linear-gradient(225deg, #fff 10px, transparent 0);
						background-size: 20px 20px;
						background-color:#f7f3ed;
						}






/*------------------------------------------------------------
	information
------------------------------------------------------------*/

.wp-block-latest-posts li>a							{ color:#df8700; font-weight:600; font-size:1.2em; }




/*------------------------------------------------------------
	shop outline
------------------------------------------------------------*/

.shop_table table			{ width:100%; border:none; }
.shop_table th				{ width:20%; border:dashed #ccc; border-width:0 0 1px 0; text-align: left; }
.shop_table td				{ width:80%; border:dashed #ccc; border-width:0 0 1px 0; padding:12px 0; }



/*------------------------------------------------------------
	 menu
------------------------------------------------------------*/

.menu_box					{
							padding:1em;
							background-color: rgba(255,255,288,0.7);
							margin-bottom:10px;
							border:1px solid #fff;
							}
.menu_box_right				{ padding-left:15px; }



.menu_title					{ font-size:1.5em; margin-bottom:0; }
.menu_title_sub				{ font-size:1em; color:#d98600; }
.menu_set					{ font-size:0.9em; line-height: 1.5; }
.menu_att					{ font-size:0.8em; background-color: #ffefba; padding:0.5em 1em; margin:1em 0 0 0; }




/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
.cform th					{
							font-size: 14px;
							width: 30%;
							border-bottom: solid 1px #d6d6d6;
							padding: 10px 0 10px 15px;
							font-weight: normal;
							text-align: left;
							}
.cform td					{
							font-size: 14px;
							line-height: 150%;
							border-bottom: solid 1px #d6d6d6;
							padding: 10px 5px;
							}
.cform						{ width: 100%; margin: auto; }

.cform [type=submit]		{
							display: inline-block;
							font-size: 20px;
							padding: 10px 30px;
							text-decoration: none;
							background: #ff8f00;
							color: #FFF;
							border-bottom: solid 4px #B17C00;
							border-radius: 3px;
							}
.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url]		{ width: 100%; }
.required-srt				{
							font-size: 8pt;
							padding: 5px;
							background: #ce0000;
							color: #fff;
							border-radius: 3px;
							margin-left: 10px;
							vertical-align: middle;
							}

@media only screen and (max-width:767px) {
.cform th,.cform td			{ width: 100%; display: block; border-top: none; }
}

.submit-btn input			{
							background: #00142c;
							width: 60%;
							max-width: 550px;
							min-width: 220px;
							margin: 30px auto;
							display: block;
							border: 1px #00142c solid;
							text-align: center;
							padding: 5px;
							color: #fff;
							transition: all 0.4s ease;
							}
.submit-btn input:hover		{ background: #fff; color: #00142c; }

.required-srt { margin-left:0px; margin-right:10px; }



/*--------------------------------------------------
	footer
--------------------------------------------------*/
.site-footer				{ background-color: #3a1800; color:#fff; border:none; }









/*--------------------------------------------------
	smart phone
--------------------------------------------------*/
@media screen and (max-width: 460px)	 {
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background
							{
							position:absolute;
							top:270px;
							left:0;
							right:0;
							bottom:0;
							margin:0;
							padding:0;
							width:100%;
							height:auto;
							max-height:100%;
							object-fit:cover;
							outline:none;
							border:none;
							box-shadow:none;
							}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 { width: calc(75% - .25em); }					 		
.wp-block-buttons>.wp-block-button:last-child	{ width: calc(75% - .25em); }



.wp-block-latest-posts__featured-image.alignleft		{ float:none; }
.wp-block-latest-posts__featured-image img			{ width: 100%; }
.wp-block-latest-posts__featured-image.alignleft		{ margin-right:0; }


.wp-block-cover, .wp-block-cover-image { min-height:200px; }
							
.wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background { top:0px; }

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column p { font-size:0.95em; }

.enjoy_text { line-height:3!important; }		 		
.main_text { text-align: left; }

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column
							{ border-radius: 3px; }
.menu_caption				{ padding:0 1em; }

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column
							{ padding-bottom:15px; }





.page-id-41 				{/* lunch */
							background: url("https://plusone-inc.com/demo_cafe/wp-content/uploads/2022/05/image_menuback.png") no-repeat 50% 430px;
							background-size: 100%;
							}


.alpha_title_b				{
							font-size:1.8em!important;
							font-family: Copperplate,Copperplate Gothic Light;
							font-weight:500;
							text-align: center;
							color:#232f54!important;
							line-height: 0;
							display: flex;
							align-items: center;
							}



.top_enjoy_photo			{ position:absolute; top:-20px; left:-40px; width:60%; z-index: 1; }
.top_enjoy_photo2			{ position:absolute; top:630px; right:-80px; width:90%; z-index: 2; }
.top_enjoy_photo3			{ position:absolute; top:1220px; left:-100px; width:80%;  z-index: 3; }

.menu_sp_title				{ font-size:1.35em; }

.wp-container-10			{ display:block!important; margin-top:50px; }





.menu_box_right				{ padding-left:0; }



.menu_title					{ font-size:1.3em!important; margin-bottom:0; }
.menu_title_sub				{ font-size:0.9em; color:#d98600; }
.menu_set					{ font-size:0.9em; line-height: 1.5; }
.menu_att					{ font-size:0.8em; background-color: #ffefba; padding:0.5em 1em; margin:1em 0 0 0; }

.mb25						{ margin-bottom:25px!important; }



.top2_sec_title3		{ font-size:4em!important; line-height: 1.2!important; margin:0; font-weight:700!important; font-family: "Oswald", sans-serif; color:#DC3E12!important; }



}