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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.no-scrollable-main .main {
    background: rgba(255,255,255,0.9);
}

.logo {
    text-align: left;
}

#hLeft {
    width: 30%;
    margin: 0px auto;
    margin-top: 6px;
    float: left;
    height: 90px;
}

#hCenter {
    width: 48%;
    margin: 0px auto;
    text-align: center;
    float: left;
}

#hRight {
    width: 22%;
    margin: 0px auto;
    padding: 8px 20px 0 0;
    float: right;
    text-align: right;
}

.breadcrumb.sbp-main-before, .breadcrumb.pbp-main-before {
    background-color: transparent;
}

.article h1 {
    background: #e5f3d7;
    padding: 0.5em;
    color: #565555;
    border-radius: 0.5em;
}

.navi-in > ul li {
    width: 210px;
}

#menu-item-10{
	width:160px;
}

.navi-in > ul .sub-menu li {
    width: 400px;
}

.wp-block-image {
	margin-bottom: 0 !important;
}

.entry-content>*, .demo .entry-content p {
    padding: 0 10px;
}

.bg_message {
	background-image: url("https://demo.jam2010.jp/heart_p/wp-content/uploads/2022/12/bg_message.gif");
	opacity: 0.8;
}

span.wpcf7-list-item {
	display: block;
}

.PcRight {
	text-align:right;
}

.PcLeft {
	text-align:left;
}

.TxtCenter {
	text-align:center;
}

input[type='submit'] {
    -webkit-appearance: none;
    border: 1px solid #ffd7d7;
    background-color: #ffeef9;
    color: #333;
    font-size: 1em;
}

.widget-entry-card {
    font-size: 21px;
}

.widget-entry-card-snippet {
    font-size: 16px;
}

.widget-entry-cards .a-wrap {
    padding: 15px;
}

.new-entry-card-date {
  display: block;
  text-align: right;
}

.lcp_catlist {
	padding: 10px 30px;
}

.entry-content ol {
	padding: 0 30px;
}

.mwform-checkbox-field {
	display: block;
    margin-left: 0;
	padding:0;
	margin:0;
}

.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){

.logo {
    text-align: center;
}

}

/*834px以下*/
@media screen and (max-width: 834px){
#hRight {
    width: 50%;
    margin: 0px auto;
    padding: 10px 0 0 0;
    float: none;
    text-align: center;
}

#hCenter {
    width: 0%;
    margin: 0;
    /* text-align: center; */
    /* float: left; */
}

#hLeft {
    width: 0%;
    margin: 0;
}

.PcRight {
	text-align:center !important;
}

.PcLeft {
	text-align:center !important;
}	

}

/*480px以下*/
@media screen and (max-width: 480px){

.widget-entry-card {
    font-size: 18px;
}

.widget-entry-card-content {
    margin-left: 0;
}

.widget-entry-cards figure {
    width: 100%;
}

}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


.NoDisplay { display: none !important; }

.imgRtoC {
	text-align: right;
}
.imgLtoC {
	text-align: left;
}

@media only screen and (max-width: 782px) {
	.imgRtoC {
		text-align: center;
		margin: 0 auto;
	}
	.imgLtoC {
		text-align: center;
		margin: 0 auto;
	}

	.MrgnTop10px {
		margin-top:10px;
	}

	.PadngTop10px {
		padding-top:10px;
	}

}