@charset "UTF-8";

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

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

.page div#breadcrumb {
    box-shadow: #000 1px 1px 20px;
    border-radius: 3px;
}

a img:hover {
    opacity: 0.7;
    transition: 1.0s;
}

.navi-in a:hover {
    background-color: #67436f;
}

div#container {
    background: rgb(255 255 255 / 70%);
}

header#header {
    background: rgb(255 255 255 / 67%);
}

main#main {
    background: #fff;
}

div#header-container {
    background: none;
}

body.custom-background {background-size: 170px;}

.navi-in > ul .sub-menu li {
    width: auto;
    background: #9d6aa9;
}

/*ピンク蛍光ペン太め*/
.pinkline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}
/*ピンク蛍光ペン細め*/
.pinkline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;}

/*ブルー蛍光ペン太め*/
.blueline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #abc5ff 0%) repeat scroll 0 0;}
/*ブルー蛍光ペン細め*/
.blueline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #5f81d2 0%) repeat scroll 0 0;}

/*黄色蛍光ペン太め*/
.yellowline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fffeaa 0%) repeat scroll 0 0;}
/*黄色蛍光ペン細め*/
.yellowline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffeb00 0%) repeat scroll 0 0;}

/*緑色蛍光ペン太め*/
.gleenline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #b1ffc7 0%) repeat scroll 0 0;}
/*緑色蛍光ペン細め*/
.gleenline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #41e06e  0%) repeat scroll 0 0;}

/*紫蛍光ペン太め*/
.purpleline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #dbbbff 0%) repeat scroll 0 0;}
/*紫蛍光ペン細め*/
.purpleline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ac62ff   0%) repeat scroll 0 0;}


#yrc-shell-0 .yrc-item-title {
    white-space: inherit!important;
}

.yrc-item-desc.yrc-video-desc {
    position: absolute;
}


h3.widget-sidebar-scroll-title.widget-title {
    background-color: #9d6aa9;
}


/*必要ならばここにコードを書く*/

h1.entry-title {
    background: #9d6aa9;
    padding: 30px 12px 30px 12px;
    border-radius: 5px;
    color: #fff;
}


twitterwidget {
    display: block;
    overflow: hidden;
    margin: 0 auto;
}


figure.eye-catch img {
    display: block;
    margin: 0 auto;
}

div#ez-toc-container {
background: #e5c6ff;
    border: none!important;
    padding-bottom: 26px;
    margin: 0 auto 250px auto;
    width: 94%;
}


p.ez-toc-title {
    display: block;
    text-align: center!important;
    margin-bottom: 13px!important;
}

.ez-toc-list li a {
    display: block;
    padding: 9px;
    background: #fefcff;
    margin: 2px;
    border-radius: 5px;
    line-height: 18px;
    text-decoration: none!important;
}

#ez-toc-container a:hover {
    background: #c29de0;
    color: #fff;
}



div#carousel {
    height: 223px;
    overflow: hidden;
    padding-top: 1px;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240pxijyou*/
@media screen and (min-width: 1240px){

.menu-item {
    border: 1px solid #ddd;
}
	
	
img.aligncenter {
    width: 80%;
    border-radius: 5px;
}	
	
	
  /*必要ならばここにコードを書く*/
}



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

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	
	.logo-image {
    background: url(https://watashi-life.work/wp-content/uploads/2018/09/watashi.png)!important;
    background-position: center 10px!important;
    background-repeat: no-repeat!important;
	    background-size: 100%!important;	
}
	
	
	.logo-image:hover {
    background: url(https://watashi-life.work/wp-content/uploads/2018/09/watashi2.png)!important;
    background-position: center 10px!important;
    background-repeat: no-repeat!important;
		    background-size: 100%!important;
}	
	
img.aligncenter {
    width: 100%;
    border-radius: 5px;
}	
	
	
	
	
	
}

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

	
}


aside#archives-2 li {
    border-bottom: 0.5px solid #fff;
}



header#header {
    box-shadow: #000 1px 1px 20px;
}

main#main {
    box-shadow: #000 1px 1px 20px;
}

div#sidebar {
    box-shadow: #000 1px 1px 20px;
}

footer#footer {
    box-shadow: #000 1px 1px 20px;
}

.nwa .author-box {
    text-align: center;
    max-width: 100%;
}

#footer {
background: rgba(186, 155, 208, 0.93);
}

h3.widget-sidebar-title.widget-title {
    border-radius: 5px;
	color: #fff;
}

img.entry-card-thumb-image.card-thumb-image.wp-post-image {
    border-radius: 5px;
	border:1px solid #ececec;
}

input.search-edit {
    border-radius: 5px;
}

a.pagination-next-link.key-btn {
    border-radius: 5px;
}

span.page-numbers {
    border-radius: 5px;
}

a.page-numbers {
    border-radius: 5px;
}

h2.entry-card-title.card-title.e-card-title {
    letter-spacing: 0.6px;
    font-size: 20px;
    color: #774ca2;
}


.toc.tnt-none {
    margin: 0 auto;
    border: 5px solid #e5cbff;
    border-radius: 5px;
}


div#carousel-in {
    box-shadow: #000 1px 1px 20px;
    border-radius: 4px;
}


a.entry-card-wrap.a-wrap.cf {
    border-radius: 5px;
    border: 1px solid #d6c0e8;
}

.a-wrap:hover {
    background-color: #f7eeff;
    transition: all .5s ease;
    color: #333;
}
li.cat-item:hover {
    background: #f7eeff;
}
div#notice-area {
    box-shadow: #0000007a -1px 5px 6px;
}


h3.widget-sidebar-title.widget-title {
    background: #9d6aa9;
    text-align: center;
}



.item-label {
    color: #ffffff;
}

.item-description.sub-caption {
    color: #dadada;
    font-weight: bold;
    opacity: inherit;
}



.menu-item {
    border: 1px solid #d6c0e8;
}


nav#navi {
    background: rgb(157, 106, 169)!important;
}

h3.widget-footer-left-title.footer-title {
    background: #fff;
    border-radius: 5px;
    color: #7c5d9a;
    text-align: center;
    margin-bottom: 21px;
}

h3.widget-footer-center-title.footer-title {
    background: #fff;
    border-radius: 5px;
    color: #7c5d9a;
    text-align: center;
    margin-bottom: 21px;
}

h3.widget-footer-right-title.footer-title {
    background: #fff;
    border-radius: 5px;
    color: #7c5d9a;
    text-align: center;
    margin-bottom: 21px;
}


img.carousel-entry-card-thumb-image.card-thumb-image.wp-post-image {
    height: 136px;
    object-fit: cover;
    border: 1px solid #ddd;
}






.author-box.no-icon.cf {
    background: #fff;
    color: #000;
}

.author-box.no-icon.cf a {
    color: #000;
}

.author-description a {
    color: #685ef1!important;
}


a.popular-entry-card-link.a-wrap {
    border-bottom: 1px solid #f5eafc;
    padding-bottom: 10px;
}

li.cat-item {
    border-bottom: 1px solid #f5eafc;
}




.jinbutu-list {
    display: block;
    overflow: hidden;
    background: #f6ebff;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 2%;
}

.me {
    float: left;
    width: 68%;
    padding: 6px;
}

.jinbutu-list p img {
    border-radius: 125px;
    border: 1px solid #ddd;
}

.jinbutu-list p {
    width: 30%;
    float: left;
    margin: 0;
}

.article h2 {
    background: #c095de!important;
    border-radius: 5px;
    color: #fff;
}



.article h3 {
    border: 1px solid #c095de!important;
    border-left: 10px solid #8650ab!important;
    border-radius: 4px;
}

span.cat-label {
    padding: 6px;
    opacity: 0.95;
    border-radius: 5px;
	font-size:15px;
}



.blogcard-title.internal-blogcard-title {
    color: #6f3b94;
    margin-bottom: 11px;
}


.blogcard.internal-blogcard.ib-left.cf {
    border: 5px solid #edd6fd;
    border-radius: 7px;
}

.single-navi {
    background: #c095de;
    padding: 8px;
    border-radius: 5px;
    color: #fff;
}

h2.related-entry-heading {
    background: #c095de;
    color: #fff;
    padding: 7px;
    border-radius: 5px;
}


.sbp-r .speech-balloon::before {
    right: -12px;
    left: auto;
    border-left: 12px solid #c095de;
    border-right: none;
}


.speech-balloon {
    height: 100%;
    position: relative;
    padding: 10px;
    background-color: #fff;
    border: 2px solid #c095de;
    border-radius: 6px;
    word-break: break-all;
}


.speech-balloon::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -12px;
    top: 10px;
    border-right: 12px solid #c095de;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

div.sbs-think .speech-balloon::before {
    border: 2px solid #d7b5ef;
    border-radius: 50%;
    left: -29px;
    top: 11px;
    width: 20px;
    height: 20px;
}

div.sbs-think .speech-balloon::after {
    border: 2px solid #dec7ef;
    border-radius: 50%;
    left: -44px;
    top: 25px;
    width: 10px;
    height: 10px;
}



.video-container {
    width: 100%!important;
    margin: 0!important;
    max-width: 100%!important;
}