@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.navi-in > ul{
	font-weight: bold;
}

.content-top, .content-bottom {
    margin: 0;
}

body, .header, .appeal {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 1256px auto;
}

.content-in {
	background-image: url(https://himawari-soleil.com/wp-content/uploads/2020/07/775447.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 25%;
	padding: 0 0 120px 0;
}

.article h1.entry-title {
    font-size: 32px;
    padding: 24px;
	background-image: url(https://himawari-soleil.com/wp-content/uploads/2020/07/ttl_img.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 25%;
	background-color: #ffee82;
	/*background-color: #ffe960;*/
}
.article h2 {
	padding: 16px 20px;
	background-color: #ffee82;
	/*background-color: #ffe960;*/
}

.sidebar h3 {
    padding: 12px;
	background-image: url(https://himawari-soleil.com/wp-content/uploads/2020/07/side_ttl_img.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 20%;
	background-color: #ffee82;
	/*background-color: #ffe960;*/
}

.navi-footer-in > .menu-footer li {
    border-left: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
	overflow: hidden;
	border-bottom: 2px dotted #eee;
	margin: 0 0 20px 0;
}
.article ul {
	padding: 0;
}
.article ul li, .article ol li {
	/*overflow: hidden;*/
}

.is-style-regular table td {
	padding: 20px;
}

.recruiting_ph {
	margin: 0 0 20px 0;
}

.navi-footer-in > .menu-footer li {
    border-left: none;
}
.navi-footer-in > .menu-footer li:last-child {
    border-right: none;
}

.footer {
	margin: 0;
    padding: 30px 0 15px 0;
}

.go-to-top-button {
    width: 75px;
    height: 100px;
}

.footer-bottom {
	min-height: 143px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.footer-bottom-logo .logo-image {
    max-width: 300px;
}
.footer-bottom-logo img {
    height: 143px;
    width: auto;
}
.footer-bottom-logo .site-name-text {
    padding-bottom: 0;
}
.footer-bottom-content {
    margin: 30px 0 0 0;
}
.copyright {
    margin-top: 30px;
}

.about-table td:first-child {
	white-space: nowrap;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.slicknav_menu {
		background: #fff100;
		padding: 5px;
	}
	.slicknav_nav a {
		color: #333;
		font-weight: bold;
	}
	.slicknav_btn {
		background-color: #e61874;
		text-shadow: none;
	}
	.slicknav_menu .slicknav_menutxt {
		text-shadow: none;
	}
	.slicknav_menu .slicknav_icon-bar {
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
	}
	.content {
		margin-top: 20px;
	}
	main.main, div.sidebar {
		margin: 20px 0;
	}
	.content-in {
		background-size: 30%;
	}
	.recruiting_ph img {
		margin: 0 0 20px 0;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.logo-header img {
		width: 75%;
		height: auto;
	}
	.article h1.entry-title {
		font-size: 20px;
		padding: 20px;
	}
	.content {
		margin-top: 20px;
	}

}





/* Contact Form7 */

.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: normal;
}

/* 必須マーク */
.contact7 .must {
	background: #E71A29;
	vertical-align: middle;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
	vertical-align: middle;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-left: 10px;
	padding: 2px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #009944;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #009944;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #009944; 
}
.accept {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.contact7 dt {
		float: left;
		clear: left;
		width: 35%;
		padding: 5px 10px 5px 0;
	}
	.contact7 dd {
		margin-left: 35%;
	}

	.btn_contact7 input {
		width: 70%;
		background-color: #009944;
		color: #FFF;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.2em;
		border: 1px solid #009944;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;	
	}
	.btn_contact7 input:hover {
		background-color: #FFF;
		color: #009944; 
	}
}