@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

.page .post-date {
	display: none;
}
.wrap {
	width: auto;
}
.content {
	margin-top: 0;
}
.header-container, .main, .sidebar, .footer {
	background: transparent;
/*	background-color: #f7f4e8; */
}
.header {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fddcf0), to(#f7f4e8));
    background: -moz-linear-gradient(#fddcf0, #f7f4e8 60%);
    background: linear-gradient(#fddcf0, #f7f4e8 60%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fddcf0, EndColorStr=#f7f4e8)";
}
#navi {
	background: #333;
/*	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666), to(#333));
    background: -moz-linear-gradient(#666 20%, #666 50%, #333 50%, #333);
    background: linear-gradient(#666 20%, #666 50%, #333 50%, #333);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#666, EndColorStr=#333)"; */
}
.fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
}
.fixed .g-nav-menu li{
	line-height: 40px;
}

.article h2,
.article h3,
.article h4 {
    clear: both;	
}

.article h2 {
	background: transparent;
	color: #7A66BB;
	padding: 0;
	border-bottom: 2px solid #7A66BB;
}
.article h3 {
	font-size: 18px;
/*	background: white;
	border-left: 15px solid var(--cocoon-middle-thickness-color);
	border-radius: 10px; */
	border: none;
	position: relative;
	border-bottom: 3px solid #ddd;
	padding: 6px 0;
	color: #666;
}
.article h3:before {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 20%;
	height: 2px;
	content: '';
	background: #7A66BB;
}
.article h4 {
	border-top: none;
	padding-bottom: 3px;
	border-bottom: 1px dashed #666;
}
.article h6 {
    border-bottom: none;
}
.home h1.entry-title {
	display: none;
}
.entry-title, .archive-title {
	font-size: 32px;
	color: #333;
}
.center {
	text-align: center;
}
img.left {
	float: left;
	margin: 0 1em 1em 0;
}
img.right {
	float: right;
	margin: 0 0 1em 1em;
}
.navi-in > ul li {
    width: 150px;
}
.navi-in a {
    font-size: 15px;
	color: #fff;
}
.navi-in a:hover {
    color: #fff;
	background: #444;
/*	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444), to(#333));
    background: -moz-linear-gradient(#444 20%, #444 50%, #333 50%, #333);
    background: linear-gradient(#444 20%, #444 50%, #333 50%, #333);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#444, EndColorStr=#333)"; */
}
.navi-in > ul .sub-menu {
    background-color: #666;
}
.content-top, .content-bottom {
	margin: 0;
}
.content-in {
	width: 1100px;
	background: #fff;
}
.main {
	width: 780px;
}
.sidebar {
	width: 320px;
}
.full-width {
    width: 100vw;
/*    margin-left: calc(-50vw + 50%) !important;
	padding: 30px 10% 10px; */
}
.full-img {
    width: 100vw;
    height: auto;
    margin-left: calc(-50vw + 50%) !important;
}

.widget {
    margin-bottom: 10px;
}
.eye-catch {
    margin: 0 auto .6em;
}
.a-wrap:hover {
    background-color: #fff;
}
table th {
    background-color: #f9f9f9;
    font-weight: normal;
    width: 25%;
}
table td {
	background: white;
}
table th, table td {
    padding: 6px 1em;
}
table tr:nth-of-type(2n+1) {
    background-color: transparent;
}
.sidebar {
    margin-top: 35px;
}
.sidebar {
	margin: 0 auto;
}
.footer {
	margin-top: 0;
    height: 200px;
    padding-top: 75px;
}
.footer-bottom-content {
    width: 70%;
	position: relative;
	top: -50px;
}
.footer-bottom-logo .logo-image {
    max-width: 329px;
}
.footer-bottom-logo img {
    height: auto;
    width: auto;
}
.navi-footer-in a:hover {
    background-color: transparent;
    color: #c6f !important;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
	.footer {
		height: auto;
		padding-top: 75px;
	}	
}

/*1030px以下*/
@media screen and (max-width: 1030px){
	 .content-in {
		 width: 95% !important;
	}
	.wpsm_nav {
		padding-left: 0 !important;
	}
	.sidebar {
		text-align: center;
	}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	.footer-bottom-content {
		width: 100%;
		top: 0;
	}
}



/*768px以下*/
@media screen and (max-width: 768px){
	#header-container {
		display: none;
	}
	#container {
		padding-top: 50px;
	}
	.slicknav_menu {
	    position: fixed;
		z-index: 9999;
		top: 0;
    	width: 100%;
	}
	table th {
	    width: 34%;
	}
	.wp-block-gallery {
		padding: 0 !important;
	}
	.footer {
    	height: auto;
    	padding-top: 0;
	}
	.footer-bottom-content {
    	width: 100%;
    	position: unset;
	}

}

/*480px以下*/
@media screen and (max-width: 480px){
	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: 100%;
	}
	 .entry-title {
		 font-size: 28px;
		 padding: 0.6em 0;
	}
}