@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.3
*/

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

body {
    font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

.main {
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}

.search-edit {
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}

.nwa .author-box {
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}


.sidebar {
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}

.sidebar h3{
  background-color:#fff;/*好きな背景色にする*/
  color:#541717;
  padding:4px 10px!important;
  margin:16px 0;
 /* border: 1px solid #541717;  */
	font-size: 18px;
    /*text-align: center;*/
	border-bottom: solid 1px;
	border-left: solid 3px;
	background-image: url(https://blog.sfyammy.jp/wp-content/uploads/2021/07/名称未設定-4.png);
}

.navi {
    
}

.footer {
    
}

#header .site-name-text {
    font-size: 35px;
    color: #541717;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
    font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    font-weight: 700;
}

.tagline {
    text-align: center;
    /* font-size: 14px; */
    margin: 1em 1em 0;
    font-size: 20px;
    color: #541717!important;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
    font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    font-weight: 700;
	display:none;
}

.logo-text {
    padding: 5px 0 30px;
}

.item-label{
	/*color:#541717;*/
	font-weight: bolder;
	font-family: 'Ramaraja', serif;
}

.menu-footer{
	font-family: 'Ramaraja', serif;
}

#footer, #footer a, .footer-title {
    font-weight: bolder;
}

.widget ul li a:before{
    font-family: "Font Awesome 5 Free";
    content: '\f138'; /* アイコンのコードを記載 */
    font-weight: 900;
    margin:0 5px 0 0;
    /*opacity: .3;*/ /* 透明度 */
	color: #541717;
}

.widget_popular_entries h3::before { 
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f201';	
	margin-right: 8px;
} /* 人気記事 */

.widget_new_entries h3::before, .widget_recent_entries h3::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f09e';
	margin-right: 8px;
} /* 新着記事 */


.widget_categories h3::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f07b'; 
	margin-right: 8px;
} /* カテゴリー */

.widget_archive h3::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f0ca'; 
	margin-right: 8px;
} 

.iconHome{
	margin-right: 8px;
}

.iconPro{
	margin-right: 8px;
}

.iconDiary{
	margin-right: 8px;
}

.iconMail{
	margin-right: 8px;
}

.iconFile{
	margin-right: 8px;
}

.fa-heart{
	margin-right: 8px;
}

.iconCalender{
	margin-right: 8px;
}

.entry-content p{
	margin-top: 0;
    margin-bottom: 0.0em;
    line-height: 225%;
}


.navi-in > ul li {
    border-right: 1px solid #ddd;
}

#menu-item-9{
	border-left: 1px solid #ddd;
}


@media screen and (max-width: 834px){
  main.main, div.sidebar {
    padding: 0px;
}
	
	/*-.type-post{
		padding: 16px;
	}-*/
	
	
	#menu-item-406{
		border-left: 1px solid #ddd;
	}
	
	.menu-mobile{
		justify-content: flex-start!important;
	}
	
}






/*---------------------------------------
アピールエリア
------------------------------------------*/
.appeal-in {
    padding: 10px 10px;
	margin-bottom: -25px;
}

.appeal-content {
    max-width: 82px;
    padding: 5px!important;
}

@media all and (max-width: 767px) {
	
	.appeal-in {
    padding: 10px 10px;
    margin-top: 10px;
    margin-bottom: -15px;
}
	
}



/*---------------------------------------
コンタクト
------------------------------------------*/

.post-66 .date-tags {
display: none;
}

#inquiry{
	text-align:left;
}

.contact_label{
    color: #561919;
    font-size: 18px;
    font-weight: 600
}

#inquiry input{
	margin-bottom: 10px;
}

.btn_contact_submit {
    width: 40%;
    margin: 0 auto;
    margin-top: 20px;
}

.contact_submit{
	border-radius: 8px;
    background-color: #429ce6!important;
    border: none!important;
    color: #fff;
    font-size: 14px;
    padding: 9px!important;
}

.mess2{
	font-size: 14px;
	margin-bottom: 25px;
}


/*---------------------------------------
イベント
------------------------------------------*/

.post-363 .date-tags {
display: none;
}

.eventTitleImg{
	margin-bottom:30px;	
}

.eventTitleImg img{
	box-shadow: 4px 3px 4px rgb(0 0 0 / 15%);
}

.evenBox{
	box-shadow: 4px 3px 4px rgb(0 0 0 / 15%);
}

.eventTitle{
	background:#e4dbd0;
	border:1px solid #e4dbd0;
	padding-left:10px;
	color:#541717;
}

.eventCont{
	border:1px solid #e4dbd0;
	padding:10px;
}

.eventTxt{
	color:#541717;
	font-weight:bold;
}


@media all and (max-width: 767px) {
	
	.eventTitleImg {
    margin-bottom: 10px;
}
	
}

/*---------------------------------------
プロフィール
------------------------------------------*/

.post-11 .date-tags {
display: none;
}

.entry-title{
	color: #561919;
	display: none;
}


.profileTable{
	margin-top: -20px;
	margin-bottom: -15px;
}

.post-11 .eye-catch{
	box-shadow: 8px 6px 8px #d1d1d1;
}

.profileTable_name{
	background: #e7f6cf;
    color: #541717;
    border: 1px solid #fff;
    text-align: left;
	width: 20%;
	font-weight: 600;
	border-left: none;
	display: revert;
    padding-left: 20px;
}

.profileTable_cont{
	border: 1px solid #ececec;
    padding: 5px 5px 5px 25px;
	color: #541717;
	font-weight: 600;
	border-right: none;
	background-color: #fff;
}

.iconPro_p{
	margin-right: 15px;
}

.iconHome_p{
	margin-right: 15px;
}

.iconBuilding{
	margin-right: 18px;
    margin-left: 2px;
}

.iconHeart_p{
	margin-right: 15px;
    margin-left: 2px;
}

.iconMug_p{
	margin-right: 15px;
    margin-left: 4px;
}


.profiletxt1{
	background-image: url(https://blog.sfyammy.jp/wp-content/uploads/2022/02/22167698_l.png);
    color: #fff;
    background-size: 100%;
    padding: 45px 25px 0px 38px;
    font-weight: 600;
    font-size: 20px;
	box-shadow: 8px 6px 8px #d1d1d1;
}

.profiletxt2{
	background-image: url(https://blog.sfyammy.jp/wp-content/uploads/2022/02/22167698_l.png);
    color: #fff;
    background-size: 100%;
    padding: 45px 25px 0px 38px;
    font-weight: 600;
    font-size: 20px;
	box-shadow: 8px 6px 8px #d1d1d1;
}

.profiletxt3{
	background-image: url(https://blog.sfyammy.jp/wp-content/uploads/2022/02/22167698_l.png);
    color: #fff;
    background-size: 100%;
    padding: 45px 25px 0px 38px;
    font-weight: 600;
    font-size: 20px;
	box-shadow: 8px 6px 8px #d1d1d1;
}

.profiletxt4{
	background-image: url(https://blog.sfyammy.jp/wp-content/uploads/2022/02/2.png);
    color: #541717;
    background-size: 100%;
    padding: 125px 25px 83px 77px;
    font-weight: 600;
    font-size: 20px;
	box-shadow: 8px 6px 8px #d1d1d1;
}




.profiletxt p{
	line-height: 210%!important;
}

.profileFlameImg_top{
		margin-top: 30px;
	margin-bottom: 25px;
	}


.profileFlameImg_mid{
		margin-top: 30px;
	}


.profileFlameImg_btm{
	margin-top: 60px;
}


@media all and (max-width: 767px) {
	
	.profileTable {
    margin-top: -20px;
	margin-bottom: -5px;
}
	
	.profileTable table{
		width:100%!important;
	}
	
	.profileTable_name{
		width: 25%;
	}
	
	
	.profiletxt1 {
    background-size: 210%;
    padding: 20px 10px 5px 15px;
    font-weight: 600;
    font-size: 14px;
}
	
	.profiletxt2 {
    background-size: 185%;
    padding: 20px 10px 5px 15px;
    font-weight: 600;
    font-size: 14px;
}
	
	.profiletxt3 {
    background-size: 167%;
    padding: 20px 10px 5px 15px;
    font-weight: 600;
    font-size: 14px;
}
	
	.profiletxt4 {
    padding: 60px 5px 33px 28px;
    font-size: 10px;
	box-shadow: none;
	background-size: 100% 100%;
}
	.profileFlameImg_top {
    margin-top: 20px;
    margin-bottom: 15px;
}
	
	.profileFlameImg_mid{
		margin-bottom: -10px;
	}
	
	.profileFlameImg_btm {
		margin-top: 5px;
    margin-top: 30px;
}

	
	
}

/*---------------------------------------
投稿
------------------------------------------*/

.postTitle{
	line-height: 1.25;
	font-weight: bold;
	color: #561919;
	font-size: 33px;
	text-align: center;
	margin-top: 35px;
}

.postTxt{
	padding: 40px 10px 10px 35px;
	box-shadow: 8px 6px 8px #d1d1d1;
}

.postTxt_str{
		font-size: 26px;
	}

	
@media all and (max-width: 767px) {
	
	.postTitle{
	font-weight: bold;
	color: #561919;
	font-size: 30px;
	text-align: center;
	margin-top: 30px;
	padding: 5px 10px 5px 10px;
		
}
	
	
	.postTxt{
	padding: 35px 10px 10px 15px;
		box-shadow: none;
}
	
	.postTxt_str{
		font-size: 21px;
	}
	
	
}

/*---------------------------------------
ヒアリングフォーム
------------------------------------------*/

.post-156 .entry-title{
	text-align: center;
}

.post-156 .date-tags {
display: none;
}

.mw_wp_form_input{
	margin-top: 30px;
}


table tr:nth-of-type(2n+1) {
    background: #fff;
}

table th, table td {
    border: none;
}

 .forminput input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"]{
    font-size: 13px;
    width: 40%;
	height: 30px;
    padding: 10px 10px;
}

.forminput select {
    font-size: 13px;
    width: 100%;
	height: 30px;
    padding: 6px 6px;
}



.formwrap{
	display: flex;
	margin-bottom: 20px;
}

.formtitle{
	width: 15%;
	text-align: right;
    margin-right: 25px;
}

.required{
	color: red;
}

.birthDate{
	display: flex;
}

.year{
	width:15%;
	text-align: right;
    padding-top: 3px;
}

.month{
	width:10%;
	text-align: right;
    padding-top: 3px;
}

.day{
	width:10%;
	text-align: right;
    padding-top: 3px;
}

.forminput{
	width:85%;
}

.control-label{
	font-size: 15px;
	cursor: default;
}

.mwform-radio-field-text{
	font-size: 14px;
}

.formwrap_textArea{
	margin-bottom: 20px;
}

.dateTxt{
	font-size: 16px;
}

.btn_hearing_submit{
	width: 30%;
    margin: 0 auto
}

.hearing_submit{
	border-radius: 8px;
	background-color: #429ce6!important;
	border:none!important;
	color:#fff;
	font-size: 14px;
	padding: 9px!important;
}

.phone{
	width: 15%!important;
}

.formwrap_textArea textarea{
	font-size: 13px;	
	width: 100%;
	min-height: 110px;
}


@media screen and (max-width: 480px){
	
.control-label {
    font-size: 12px;
}
	
.formtitle {
    width: 18%;
    margin-right: 7px;
}
	
.forminput input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
    width: 100%;
}
	
	
.year {
    width: 30%;
	padding-top: 1px;
}
	
.month {
    width: 25%;
	padding-top: 1px;
}
	
.day {
    width: 25%;
	padding-top: 1px;
}
	
.dateTxt{
	font-size: 12px;
}
	
.hearing_submit{
	font-size: 13px;
	padding: 7px!important;
}
	
.btn_hearing_submit {
    width: 50%;
    margin: 0 auto;
}
	
.phone {
    width: 30%!important;
}	
	
}


/*---------------------------------------
Wordpress Popular Posts表示カスタマイズ
------------------------------------------*/
#popular-post a {
 font-weight : bold ;
 text-decoration : none ;
 font-size: 15px;
 color : #333333 ;
}
#popular-post a:hover {
 color: #3399ff ;
}
#popular-post dl {
 margin-bottom: 10px;
 padding: 5px;
 border-bottom-style: none;
 background-color: #ffffff;
}
#popular-post dl:last-child {
 border : none ;
}
#popular-post img {
 margin-right : 10px ;
}
#mybox #popular-post dl dt {
 position : relative ;
}
#popular-post {
 counter-reset : wpp-ranking ;
}
#popular-post dl dt:before {
 position : absolute ;
 top : 0px ;
 left : 0px ;
 color : #ffffff ;
 counter-increment : wpp-ranking ;
 text-align : center ;
 z-index : 9999 ;
 float : left ;
 line-height : 25px ;
 width : 25px ;
 height : 25px ;
 border-radius : 3px ;
}
#popular-post dl dt.number1:before,
#popular-post dl dt.number2:before,
#popular-post dl dt.number3:before,
#popular-post dl dt.number4:before,
#popular-post dl dt.number5:before,
#popular-post dl dt.number6:before,
#popular-post dl dt.number7:before,
#popular-post dl dt.number8:before,
#popular-post dl dt.number9:before,
#popular-post dl dt.number10:before {
 content : counter(wpp-ranking, decimal) ;
 background-color : #333333 ;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1550px以下*/
@media screen and (max-width: 1550px){
  /*必要ならばここにコードを書く*/
	
.header div.header-in {
    min-height: 600px;
}
	
}

/*1300px以下*/
@media screen and (max-width: 1300px){
  /*必要ならばここにコードを書く*/
	
.header div.header-in {
    min-height: 550px;
}
	
}
	
/*1200px以下*/
@media screen and (max-width: 1200px){
  /*必要ならばここにコードを書く*/
	
.header div.header-in {
    min-height: 450px;
}
	
}


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
/*.header div.header-in {
    min-height: 500px;
}*/
	
}

/*834px以下*/

@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
/*.header div.header-in {
    min-height: 335px;
}*/
	
/*#header .site-name-text {
   font-size: 40px;
}
.tagline{
   margin: 1.6em 1em 0em 1em;
   font-size: 25px;
}
	
.logo-text {
   padding: 0px 0 30px;
   font-size: 1em;
}*/
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*.tagline{
	margin: 1.6em 1em 0em 1em;
    font-size: 15px;
}*/
	
#header .site-name-text {
    font-size: 28px;
    /*color: #fff;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
    font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    font-weight: 700;*/
}
	
/*.logo-text {
    padding: 5px 0 30px;
    font-size: 1em;
}*/
	
.header div.header-in {
    min-height: 210px;
}
	
.navi-in > ul li {
    border-bottom: 1px solid #ddd; 
}	
	
#menu-item-9{
	border-left: none;
}	
	
	
}