/*
Theme Name: lunaeetsolis
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

@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=Shippori+Mincho+B1:wght@400;500;600;700;800&display=swap'); /* font-family: 'Shippori Mincho B1', serif; */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); /* font-family: "Oswald", sans-serif; */


body			{ color:#555; }
p				{ font-family: 'M PLUS 1p', sans-serif; font-weight:400; margin:0; padding:0; text-align: justify;} 


/**********************************
	slider
**********************************/
.slider_title_main	{
					font-size:2em;
					line-height:.9;
					margin:0;
					padding:0;
					font-family: 'Shippori Mincho B1', serif;
					}

.slider_title	{
				font-size:.8em;
				line-height:.9;
				margin:0;
				padding:0;
				}

.slider_title span	{ font-size:.6em!important; padding-top:3em; }



/**********************************
	contents-title
**********************************/
.sec_title		{ font-family: 'Shippori Mincho B1', serif; font-size:5em!important; color:#afafaf; }
.c_title2		{ padding: .2em .7em; border-left: 5px solid #bdc949; color:#bdc949; }
.c_title		{ padding: .2em .7em; border-left: 5px solid #54b662; color:#54b662; }


.alpha			{ margin:0!important; font-family: 'Shippori Mincho B1', serif; }

.page-header	{
				background-image: url('https://www.plusone-inc.com/demo_luna/wp-content/uploads/2025/08/title_back.png');
				background-size: cover;
				position: relative;
				height: 250px;
				}
.page-header::before	{
				content:'';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: rgba(0, 0, 0, 0.3);
				}



.wp-block-latest-posts li>a { color:#fff!important; }
.wp-block-latest-posts__post-date  { color:#fff!important; }
.wp-block-latest-posts.wp-block-latest-posts__list li { border-bottom:1px solid #fff; }


.outline	{}
.outline td	{ padding:1em; }


.oneArea								{
  										background: linear-gradient(90deg, #bdc949 0%, #bdc949 50%, #54b662 50%, #54b662 100%);
  										display: flex;
  										justify-content: center;
  										align-items: center;
  										min-height:300px!important;
  										}


.dummy_p								{
										width:100%;
										height:200px;
										margin:1em 0;
										border:none;
										background-color: #d4d4d4;
										}
/* 更新情報　**************************************/
.updates-list			{ width:100%; padding:0; }
.updates-item			{ border-bottom:1px solid #eaeaea; list-style: none; padding:1em 0; }
.updates-link			{ text-align:right; }
.updates-cat			{ margin-left:2em; }
.updates-title			{ margin-left:2em; }

@media screen and (max-width:768px){
	.sec_title		{ font-family: 'Shippori Mincho B1', serif; font-size:4em!important; color:#afafaf; }
	.oneArea		{
  					background: linear-gradient(180deg, #23a365 0%, #23a365 50%, #ef9817 50%, #ef9817 100%);
  					display: flex;
  										justify-content: center;
  										align-items: center;
  										min-height:300px!important;
  										
  										}


.slider_title_main	{
					font-size:2.3em;
					text-align: center;
					}

.slider_title	{
				font-size:1em;
				text-align: center;
				margin-bottom:20px;
				}
									

.slider_title span	{ font-size:.6em!important; padding-top:3em; }
}

/**********************************
	会社概要
**********************************/
.hello_txt			{ line-height:2; }




/**********************************
	footer
**********************************/
.site-footer { background-color: #eeeeee; border-top:none; } 


/**********************************
	widget css
**********************************/
.f_outline {  }
.f_outline ul { text-indent: -1em; }
.f_outline li { font-size:1rem!important; list-style: none; padding:0.5em 0; border-bottom:1px solid #ccc; }


/**********************************
コンタクトフォームの装飾
**********************************/
::placeholder {
	font-size:.8em;
	color: #647fb0;
}


/*　フォーム全体　*/
#cf7-area {
width:100%;
margin: 0 auto;

}

.cf7-item {
display: flex;
align-items: flex-start;
justify-content: center;
margin: 0 0 0.5em;
}

.cf7-q {
width: 25%;
margin: 0 0 0 10px;
}

.cf7-a {
width: 50%;
}

/*　見出し　*/
.form-heading
{
width: 100%;
background-color: #191970;
border-left: 1em solid #6495ED;
border-radius: 2px;
color: #ffffff;
font-weight: bold;
padding: 1em .8em;
margin: 0 0 2em;
}

.form-heading p {
margin: 0;
}

/* 各項目共通 */
#cf7-area label{
font-weight:normal;
}

#cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area textarea {
background: #F0F8FF;
width:325px;
margin-left:10px;
}

#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area textarea:focus {
background: #FFE4E1;
border: 2px solid #FF1493;
outline: 0;
}

#cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
appearance: auto;
}

#cf7-area .wpcf7-list-item {
display: block;
}

#cf7-area textarea{
height:200px;
padding: 0.625em 0.4375em;
}

.cf7-accept-check{
text-align: center!important;
margin: 50px auto;
}

.cf7-submit {
width: 40%;
margin: 0 auto;
text-align: center;
}

#cf7-area input[type="submit"]
{
width: 100%;
background-color: #333;
color: #ffffff;
border-radius: 5px;
font-size: 1.2em;
padding: 1em 10px;
border: 2px solid #333;
}

#cf7-area input[type="submit"]:hover
{
background-color:#ffffff;
border: 2px solid #333;
color:#333;
}

.cf7-btn{
width: 40%;
margin: 0 auto;
text-align: center;
}

/*　必須ラベル　*/
.cf7-req							{
									font-size:.8em;
									padding: 0 1em;
									background: #eb2a2a;
									color: #fff;
									margin-right: 1em;
									border-radius: 5px;
									display:inline-block;
									}

.cf7-req2							{
									font-size:.8em;
									padding: 0 1em;
									background: #00a070;
									color: #fff;
									margin-right: 1em;
									border-radius: 5px;
									display:inline-block;
									}

@media screen and (max-width:768px){
.cf7-item {
display: block;
width:90%;
}

#cf7-area label{
display: block;
margin-bottom: 10px;
}

.cf7-q {
width: 90%;
margin: 0 auto;
}

.cf7-a {
width: 90%;
margin: 0 auto;
}

#cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area textarea{
margin-left: 0;
}

.cf7-submit{
width: 90%;
}
}