@charset "UTF-8";

/*!
Theme Name: Cocoon Child わたしたちのお葬式
Template:   cocoon-master
Version:    1.0.8
*/

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

body {
    color: #555;
}

/* PCトップメニュー */
#header-container .navi {
    background: #89c997;
}
#header-container .navi a {
    color: #fff;
}
.navi-in > ul li {
    font-weight: bold;
}
.navi-in a:hover {
    color: #333 !important;
}


.article h1 {
    color: #777;
    line-height: 1.5;
    margin: 0 0 0.5em 0;
    font-weight: 600;
}
.article h3 {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 2px dotted #89c997;
    padding: 0.5em 0;
	font-size: 1.2em;
	line-height: 1.5;
	color: #89c997;
	font-weight: 600;
	margin: 2em 0;
}


.caption-box-content {
    padding: 0.4em 0.8em;
}


/* 日本全国対応 */
.area-top-japan {
	display:flex;
	flex-wrap: wrap;

}

.six {
	width: 22%;
	background-color: #cce198;
	font-size: 18px;
	height: auto;
	margin: 10px 10px;
	text-align: center;
}

@media only screen and (max-width: 1200px) {
	.area-top-japan .six {
		font-size: 16px;
		margin: 0;
		margin-bottom: 6px;
		margin-left: 4%;
		width: 45%;
	}
}

.map {
	text-align: center;
}



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

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}