@charset "UTF-8";

/*!
Theme Name: Cocoon Child Alternation
Author: attschonblike
Template:   cocoon
Version:    1.1.2
*/

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

/* 目次 */
.table-contents {
	background-color:#ffffaa;
	border: 2px solid;
	border-color:#ff6600;
	padding:5px;
}

/* 見出し */
.subheading {
	background:#ffffaa;
	color:#ff6600;
	border-style: solid none;
	border-color:#008800;
	padding:5px;
	font-size:larger;
}

/* 見出し（青線） */
.subheading-blue {
	color:#0000ee;
    background-color:#fff8dc;
	border-style: solid none;
	border-color:#0000ee;
	padding:5px;
	font-size:larger;
}

/* 見出し（teal） */
.subheading-teal {
	color:#008080;
    background-color:#fff8dc;
	border-style: solid none;
	border-color:#008080;
	padding:5px;
	font-size:larger;
}

/* 見出し first（桃色系統） */
.subheading-1 {
	color:#69821b;
    background-color:#fdeff2;
	border-style: solid none;
	border-color:#f09199;
	padding:5px;
	font-size:larger;
}

/* 見出し second（緑系統） */
.subheading-2 {
	color:#008080;
    background-color:#fff8dc;
	border-style: solid none;
	border-color:#008080;
	padding:5px;
	font-size:larger;
}

/* 文字を強調する */
.letter-emphasizing {
	background-color:#ffffdd;
	color:#ff6600;
}

/* ボックス：枠線色／teal、角／丸、一本線、margin有 */
.box1 {
	margin:1em;
	padding:1em;
	border:2px solid #008080;
	border-radius:0.5em;
}

/* 見出し first（緑系統） */
.subheading-green {
	color:#007b43;
    background-color:#d6e9ca;
	border-style: solid none;
	border-color:#55634C;
	padding:5px;
	font-size:larger;
}

/* ボックス：枠線色／青、角／丸、一本線、margin有、背景／mistyrose*/
.box2 {
	margin:1em;
	padding:1em;
	border:5px solid #0000ee;
	border-radius:10px;
	background:#ffe4e1;
}

/* ボックス：枠線色／deepskyblue、角／丸、一本線（細線）、margin有 */
.box3 {
	margin:1em;
	padding:1em;
	border:1px solid #00bfff;
	border-radius:10px;
}

/* ボックス：枠線色／tomato、角／丸、一本線、margin有 */
.box-tomato {
	margin:1em;
	padding:1em;
	border:2px solid #ff6347;
	border-radius:0.5em;
}

/* ボックス：枠線色／teal、角／丸、一本線、margin有 */
.box-teal {
	margin:1em;
	padding:1em;
	border:2px solid #008080;
	border-radius:0.5em;
}

/* リスト：横１列並び */
ul.list-style01 {
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width:100%;
	margin:0;
	padding:0;
}

ul.list-style01 li{
	width:100%;
	margin:1%;
	padding:1em;
}

/* リスト：横２列並び */
ul.list-style02 {
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width:100%;
	margin:0;
	padding:0;
}

ul.list-style02 li{
	width:100%;
	margin:1%;
	padding:1em;
}

/* リスト；各項目にアンダーラインをつける */
ul.underline {
    list-style:none;
}

ul.underline li{
    border-bottom:1px solid #666666;
}

/* 画像を左に設定、文字を回り込ませる */
.img-left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/* 画像を右に設定、文字を回り込ませる */
.img-right {
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

@media screen and (min-width:960px) {
	ul.list-style02 li{
		float:left;
		width:48%;
		margin:1%;
		padding:1em;
	}
}
	
/* リスト：横３列並び */
ul.list-style03 {
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width:100%;
	margin:0;
	padding:0;
}

ul.list-style03 li{
	float:left;
	width:100%;
	margin:1%;
	padding:1em;
}

@media screen and (min-width:960px) {
	ul.list-style03 li{
		float:left;
		width:31%;
		margin:1%;
		padding:1em;
	}
}
	
/* 枠線008800 */
.border-solid008800 {
	border:solid;
	border-color:#008800;
	padding:5px;
}

/* 枠線＋文字小さく */
.border-solid_letter-smaller {
	border:solid;
	border-color:#008800;
	padding:5px;
	font-size:smaller;
}

/* table要素：枠線494949 */
.border-solid494949 {
	border: 2px solid #494949;
	padding:5px;"
}

/* 画像を左に設定、文字を回り込ませる */
.img-left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/* 画像を右に設定、文字を回り込ませる */
.img-right {
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

/* 投稿日／更新日 */
.update {
	text-align:right;
	font-size:small;
}

/* aタグ：ボタン型 */
a.link-style-button1 {
	display: inline-block;
	padding:1em;
	text-decoration:none;
	background:#494949;
	color:#fffff0;
	border-radius:10px;
}

/* リンク・ボタン */
a.btn-style-link{
	display: inline-block;
	padding: 16px 24px;
	text-decoration: none;
	border: 1px;
	background: #494949;;
	color: #ffffff;
	box-shadow: 0px 2px 4px #575;
}

.sidebar {
	font-size: 0.8em;
}

p.bg080 {
	background:#008800;
	color:#ffdd00;
}

.bgffd {
	background:#ffffdd;
}

.fontsize_smaller {
	font-size:smaller;
}

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

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

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