@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.comunder{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	border:1px solid #9932cc;
	border-radius:5px;
	padding:15px 5px 5px 5px;
	margin:5px 25px;
}
.navi-in > ul li.current_page_item, .navi-in > ul li.current-menu-item {
    background-color: #ffefd5;
    margin: 15px 15px;
}

/*bbpress*/
.bbp-topic-description,.bbp-forum-description,.bbp-topic-started-by,.bbp-topic-voice-count,.bbp-reply-permalink,.form-allowed-tags,.bbp-topic-reply-link,.bbp-reply-permalink,.bbp-reply-to-link,.bbp-topic-freshness,li.bbp-forum-topic-count,li.bbp-forum-freshness,.bbp-reply-author,fieldset.bbp-form fieldset.bbp-form{
	display:none;
}
.bbp-reply-content{
	margin-left:0px !important;
}
li.bbp-topic-title,li.bbp-forum-info{
	width:85% !important;
}
/*name mail siteを非表示 */
fieldset.bbp-form fieldset.bbp-form p:nth-child(2),fieldset.bbp-form fieldset.bbp-form p:nth-child(3), fieldset.bbp-form fieldset.bbp-form p:nth-child(4){
 display: none;
}

.smallwordk{
	font-size:16px;
}

.retu2 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #4682b4;
    border-radius: 8px;
}
.retu2 .retu-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #4682b4;
    font-weight: bold;
}
.retu1 p, .retu2 p, .retu3 p {
    margin: 0; 
    padding: 0;
}
.retu1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff69b4;
    border-radius: 8px;
}
.retu1 .retu-title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #fff;
    color: #ff69b4;
    font-weight: bold;
}
.retu3 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #3cb371;
    border-radius: 8px;
}
.retu3 .retu-title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #fff;
    color: #3cb371;
    font-weight: bold;
}

.zenbun {
    position: relative;

    margin:2em 0;
    padding: 0.5em 1em;
    border: solid 2px #a9a9a9;
	border-radius: 0 8px 8px 8px;
}
.zenbun .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun p, .zenbun1 p, .zenbun2 p, .zenbun3 p, .zenbun4 p, .zenbun5 p, .zenbun6 p, .zenbun7 p, .zenbun8 p, .zenbun9 p, .zenbun10 p, .zenbun11 p{
    margin: 0; 
    padding: 0;
}
.zenbun1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #ff69b4;
	border-radius: 0 8px 8px 8px;
}
.zenbun1 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #ff69b4;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun2 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #4682b4;
	border-radius: 0 8px 8px 8px;
}
.zenbun2 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #4682b4;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun3 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #3cb371;
	border-radius: 0 8px 8px 8px;
}
.zenbun3 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #3cb371;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun4 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #ffa500;
	border-radius: 0 8px 8px 8px;
}
.zenbun4 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #ffa500;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun5 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #e9967a;
	border-radius: 0 8px 8px 8px;
}
.zenbun5 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #e9967a;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun6 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #66cdaa;
	border-radius: 0 8px 8px 8px;
}
.zenbun6 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #66cdaa;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun7 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #afeeee;
	border-radius: 0 8px 8px 8px;
}
.zenbun7 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #afeeee;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun8 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #6495ed;
	border-radius: 0 8px 8px 8px;
}
.zenbun8 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #6495ed;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun9 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #8fbc8f;
	border-radius: 0 8px 8px 8px;
}
.zenbun9 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #8fbc8f;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun10 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #ffd700;
	border-radius: 0 8px 8px 8px;
}
.zenbun10 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #ffd700;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.zenbun11 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #b8860b;
	border-radius: 0 8px 8px 8px;
}
.zenbun11 .zenbunname {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #b8860b;
    color: #ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}
.article h3{
	border-left: none;
	padding:0;
	margin:35px 0 45px 0;
	font-size:22px;
}
.article h3:after {
	content: "";
	display: block;
	height: 4px;
	background: -moz-linear-gradient(to right, rgb(242, 70, 173), transparent);
	background: -webkit-linear-gradient(to right, rgb(242, 70, 173), transparent);
	background: linear-gradient(to right, rgb(242, 70, 173), transparent);
	}
.article h2::before {
    font-family: FontAwesome;
    content: "\f152";
    position: absolute;
    font-size: 1.1em;
    left: .25em;
    top: .5em;
    color: #c71585;
}
.momowaku{
	color:#ff69b4;
		margin:0;
	padding:0;
}
.aowaku{
	color:#4682b4;
	margin:0;
	padding:0;
}
.midoriwaku{
	color:#3cb371;
		margin:0;
	padding:0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

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