@charset "UTF-8";

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

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

ul { padding-left: 20px; list-style-type: disc; }
ul ul ul { list-style-type: circle; }
hr { border: none; border-top: 5px dotted #ddd; margin-top:50px; margin-bottom:50px !important; }
.blank-box { border: 1px solid #ccc; }
.comment-box::before { border-right: 0; }
.post-password-form input { margin-bottom: 5px; } /* PW保護ページ */

.article img { display: block; margin: 0 auto; }
.centering { margin: 0 auto; text-align: center; }
.centering iframe { margin: 0 auto; text-align: left; }
.listlabel {}

.copyright { margin-top: 20px; margin-bottom: 20px; }
.blog .widget_new_entries { /* 投稿一覧ページでサイドの新着記事を非表示に */
	display: none;
}
.no-sidebar #content-bottom-in { /* 1カラムのときの記事下コンテンツの幅 */
	max-width: 762px;
	margin: 0 auto;
	padding: 2px 10px 0 10px;
}
#header-container .navi { display: block; background-color: #d4cdc6; } /* ヘッダーメニューの表示と背景色（PC画面） */

/* スマホ画面のヘッダーメニュー */
.slicknav_menu { background-color: #ede4cf; }
.slicknav_btn, .slicknav_collapsed { text-shadow: none; background-color: #8d7a68; }
.slicknav_btn:hover .slicknav_menutxt, .slicknav_collapsed:hover .slicknav_menutxt { color: #777; }
.slicknav_menu .slicknav_menutxt {
	padding: 1px 0 0 1.5px;
    color: #fff;
    font-weight: normal;
    text-shadow: none;
}
.slicknav_menu .item-label { color: #222; }
.slicknav_menu a:hover { background-color: #f7f4eb; }

.article h2, .article h3, .article h4, .article h5, .article h6 { padding:0; border:0; background:0; border-radius: 0; }
.article h2 { padding: 25px 25px 22px; background-color: #f7f4eb; border-top: 2px solid #ede4cf; }
.article h3 { padding: 12px 0 5px; border-bottom: 5px solid #ede4cf; }
.article h4 { padding: 9px 0 5px; border-bottom: 5px dashed #ede4cf; }
.article h5 { padding: 5px 0; border-bottom: 2px solid #ccc; }
.article h6 { padding: 5px 0; border-bottom: 1px solid #ccc; }

.fitbox img { border: solid 1px #ddd; }
.img-circle {
	margin-bottom: 10px;
	padding: 4px;
	max-width: 100%;
	height: auto;
	border-radius: 50% !important;
	background-color: #fff;
}
.boxlink a {
	display: block;
	margin: 20px 0;
	padding: 25px 25px 0 25px;
	background-color: #fff;
	border: 1px solid #ede4cf;
	text-decoration: none;
	color: #333;
}

.sitemap a { text-decoration: none; }
.sitemap ul { padding-left: 0; list-style-type: none; }
.sitemap ul ul { padding-left: 20px; }

/* LP */

.no-sidebar h2 {
	position: relative;
	margin-left: -1px;
	margin-bottom: 25px;
	padding: 25px 0 22px;
	font-size: 200%;
	font-weight: normal;
	background-color: #fff;
	border: 0;
}
.no-sidebar h2:before {
	content: '';
    display: block;
	margin: -25px 0 25px 1px;
    background-color: #ede4cf;
    border-radius: 2px;
    height: 5px;
}
.no-sidebar h2.lp2:before { content: none; }

.no-sidebar h3 {
	margin: 20px 0 25px -1px;
	padding: 0;
	font-size: 125%;
	line-height: 1.6em;
	background-color: #fff;
	border: 0;
}
.no-sidebar h3.lp2 {
	position: relative;
	margin-bottom: 2em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.no-sidebar h3.lp2:before {
	content: '';
	position: absolute;
	bottom: -12px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 60px;
	height: 5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: #ede4cf;
	border-radius: 2px;
}
.no-sidebar h4 {
	margin: 40px 0 40px 0;
	padding: 7px 0 5px 0;
	background-color: #fff;
	border: 0;
	border-bottom: 2px solid #d4cdc6;

}

.fl-1-3 .fl-left { float: left; width: 22%; margin-right: 3% }
.fl-1-3 .fl-right { float: right; width: 75%; }
.fl-3-1 .fl-right { float: right; width: 22%; margin-right: 3% }
.fl-3-1 .fl-left { float: left; width: 75%; }
.fl-1-3:after, .fl-3-1:after { /* float解除 */
	content: "";
	clear: both;
	display: block;
}
.fl-1-3, .fl-3-1 { zoom: 1; } /* float解除 for IE6-7 */

/* ボタン */

.linkbutton1 {
	margin: 50px auto;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.8em;
}
.linkbutton1 a {
	display: block;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 20px 8px 16px 10px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	background: #05a590;
	background-size: 20px auto;
	overflow: visible;
	border-radius: 7px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
}
.linkbutton1 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
	opacity: 0.8;
	box-shadow: none;
}
.linkbutton2 {
	margin: 50px auto;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.8em;
}
.linkbutton2 a {
	display: block;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 20px 8px 16px 10px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	background: #056aa5;
	background-size: 20px auto;
	overflow: visible;
	border-radius: 7px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
}
.linkbutton2 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
	opacity: 0.8;
	box-shadow: none;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}