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


/* font */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');



body								{
									background-color: #f18200;
									font-family: 'M PLUS 1p', sans-serif;
									font-size:16px;
									font-weight:400;
									color:#fff;
									}


.breadcrumb							{
									background-color: #ef9400;
									border:none;
									padding:0.5em 0;
									}

.breadcrumb	a						{ color:#fff; text-decoration:none; }
.breadcrumb	a:hover					{ color:yellow; }

.page-header						{ background-color: #ff9e00; }

/*-------------------------------------------------------------------
	page_design
-------------------------------------------------------------------*/
/* full-width */

div.wide-wrap						{
									position:relative;
									margin:0 calc(50% - 50vw);
									overflow:hidden;
									}





/*-------------------------------------------------------------------
	top
-------------------------------------------------------------------*/

.main_copy							{
									font-family: 'Oswald', sans-serif;
									font-weight:700;
									font-size:8rem;
									margin-bottom:0;
									}

.section_title						{
									font-family: 'Oswald', sans-serif;
									font-weight:700;
									font-size:7rem;
									margin-bottom:0;
									}
.section_title_jp					{
									font-size:2em;
									font-weight: 400;
									letter-spacing: 10px;
									}
.section_text						{
									font-size:1.2rem;
									}

.section_title2						{
									font-family: 'Oswald', sans-serif;
									font-weight:700;
									font-size:7rem;
									margin-bottom:0;
									color:#f38300!important;
									}
.section_title_jp2					{
									font-size:2em;
									font-weight: 400;
									letter-spacing: 10px;
									color:#f18200!important;
									}
.section_text2						{
									font-size:1.2rem;
									color:#555!important;
									}

.shop_name							{ color:#005400!important; }

/*recruit*/
.recruit_box						{
									margin-top:-150px;
									}
.wp-block-latest-posts li>a			{
									color:#fff;
									font-weight:700;
									}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date
									{ color:#fff; } 
.wp-block-latest-posts__post-excerpt{ color:#fff; }


/*-------------------------------------------------------------------
	company
-------------------------------------------------------------------*/
.company_title						{
									font-family: 'M PLUS 1p', sans-serif;
									font-weight: 400;
									font-size:2rem;
									color:yellow;
									}

.company_title:before				{
									position: absolute;
									bottom: -15px;
									left: calc(50% - 30px);
									width: 60px;
									height: 5px;
									content: '';
									border-radius: 3px;
									background: #fff;
									}




.company_title_big					{
									font-family: 'M PLUS 1p', sans-serif;
									font-weight: 100!important;
									font-size:3.5rem;
									margin:1rem 0;
									}

.company_read						{ font-size:1.2rem; font-weight: 300; }
.company_read_title					{ color:#fff; font-weight: 500;  }

.outline table						{ }				
.outline tr td						{
									border-top:1px solid #fff;
									border-right:none;
									border-left:none;
									border-bottom:1px solid #fff;
									padding:1em; 
									}	

.outline a							{ color:#fff; }
.outline a:hover					{ color:yellow; }


/*-------------------------------------------------------------------
	recruit
-------------------------------------------------------------------*/
.recruit_title						{
									font-family: 'M PLUS 1p', sans-serif;
									font-weight: 400;
									font-size:4rem;
									margin:1rem 0;
									}

.recruit_title2						{
									font-family: 'M PLUS 1p', sans-serif;
									font-weight: 400;
									font-size:2.5rem;
									margin:1rem 0;
									color:#f18200!important;
									}

.recruit_read						{ font-size:1.2rem; }
.recruit_slider						{ margin-top:-220px;  }

.recruit_youkou table				{}	
.recruit_youkou  th					{
									background-color: #f0f0f0;
									color:#006934;
									border:1px solid #dedede!important;
									}
.recruit_youkou  td					{
									border:1px solid #dedede!important;
									}
.recruit_width						{ width:25%; }


/*-------------------------------------------------------------------
	shop_info
-------------------------------------------------------------------*/


.shop table						{ }				
.shop tr td						{
									border-top:1px solid #fff;
									border-right:none;
									border-left:none;
									border-bottom:1px solid #fff;
									padding:1em; 
									}	




/*-------------------------------------------------------------------
	contact form
-------------------------------------------------------------------*/
.mw_wp_form							{ width: 100%; color: #333; }
.mw_wp_form table.mailform-tbl		{ width: 100%; margin-bottom: 40px; }


.mw_wp_form table					{ border:none; }


.mw_wp_form table tr				{
									width: 100%;
									border-bottom: 1px dotted #fff;
									padding: 30px 0;
									font-weight: normal;
									}

.mw_wp_form table tr:first-child	{ border-top: 1px dotted #fff; }
.mw_wp_form table th				{
									padding: 20px 0;
									text-align: left;
									vertical-align: top;
									font-weight: normal;
									width: 30%;
									float: left;
									border:none!important;
									color:#fff;
									}
.mw_wp_form table th .attention		{
									font-size: 80%;
									margin-left: 10px;
									color: red;
									padding: 3px;
									}
.mw_wp_form table td				{ padding: 20px 0; width: 70%; float: left; border:none; }

.mw_wp_form table td.w50 input, .mw_wp_form table td.w50 select {
  width: 50%;
  box-sizing: border-box;
}

.mw_wp_form table td.w80 input, .mw_wp_form table td.w80 select {
  width: 80%;
  box-sizing: border-box;
}

.mw_wp_form table td.w80 textarea {
  width: 80%;
  box-sizing: border-box;
}

.mw_wp_form #submit-button {
  text-align: center;
}

.mw_wp_form #submit-button input {
  margin: 1em;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #c19e56;
  background: #c19e56;
  color: #fff;
  box-sizing: border-box;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 5px;
  font-size: 90%;
}

.mw_wp_form #submit-button input[name="submitBack"] {
  margin: 1em;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #999;
  background: #999;
  color: white;
  box-sizing: border-box;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 5px;
  font-size: 90%;
}

.mw_wp_form .form_step {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px 0;
  list-style: none;
}

.mw_wp_form .form_step>li {
  display: block;
  position: relative;
  padding: 0.5em;
  width: 22%;
  border: 1px solid currentColor;
  color: #C19E56;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.mw_wp_form .form_step>li:nth-of-type(n + 2) {
  margin: 0px 0px 0px 4%;
}

.mw_wp_form .form_step>li:nth-of-type(n + 2):before {
  position: absolute;
  top: 50%;
  left: -1.5em;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #C19E56;
  border-left: 2px solid #C19E56;
  transform: translateY(-50%) rotate(135deg);
  content: "";
}

.mw_wp_form_input .form_step>li:nth-of-type(1), .mw_wp_form_preview .form_step>li:nth-of-type(2), .mw_wp_form_complete .form_step>li:nth-of-type(3) {
  background-color: #C19E56;
  color: #fff;
}

.mwform-radio-field{
  margin: 0 .5em;
}
input[type=radio] {
  appearance: none;
  display: none;
}
input[type=radio] + span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
input[type=radio] + span:before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  display: inline-block;
  margin-right: 0.5em;
  font-weight: 400;
  color: ;
}
input[type=radio]:checked + span:before {
  content: "\f192";
  font-weight: 400;
}


.has-white-color		 { color:yellow!important; }

/*-------------------------------------------------------------------
	footer
-------------------------------------------------------------------*/
.footer_text						{ font-size:1.2em!important; }
















@media screen and (max-width: 896px) {
.main_copy							{ font-size:6rem; }
.smb-section--wide					{ min-height:60vh!important; }
.recruit_box						{ margin-top:-100px; }

.section_title						{ font-size:5rem; }
.section_title2						{ font-size:5rem; }


.recruit_title						{font-size:3rem;}
.recruit_read						{ font-size:1.2rem; text-align:left; }
.recruit_slider						{ margin-top:-180px;  }


}



@media screen and (max-width: 480px) {
.main_copy							{ font-size:3rem; }
.section_title_jp					{ font-size:1.2em; letter-spacing: 5px; }
.zero_text							{ font-size:1.2em; }

.smb-section--wide					{ min-height:70vh!important; }
.recruit_box						{ margin-top:-100px; }

.section_title						{ font-size:3.5rem; }
.section_title2						{ font-size:3.5rem; }
.section_title_jp2					{
									font-size:1.2em;
									font-weight: 400;
									letter-spacing: 5px;
									color:#f18200!important;
									}
.section_text						{
									font-size:1.2rem;
									text-align: left;
									}

.recruit_slider						{ margin-top:-80px;  }


}