@import url('https://fonts.googleapis.com/css?family=Mandali');





#toc_container {

  margin-bottom: 40px;

  padding: 15px 20px;

  background: #fff;

  border: 5px solid #fdeff2;

  border-radius: 2px;

  color: #666; }



#toc_container .toc_title {

  font-family: 'Mandali', cursive;

  text-align: center;

  margin-bottom: 35px;

  margin-top: 0;

  padding-top: 0;

color:#e597b2;

  padding-bottom: 0px;

  font-size: 1.7em;

  border-bottom: 2px solid #fdeff2; }



#toc_container .toc_list {

  list-style-type: none !important;

  counter-reset: li; }



#toc_container .toc_list > li {

  position: relative;

  margin-bottom: 15px;

padding-top:2px;

  margin-left: 6px;

  line-height: 1.3em;

  font-size: 0.9em; }



#toc_container .toc_list > li:after {

  counter-increment: li;

  content: counter(li) ;

  position: absolute;

  left: -35px!important;

  top: 0px;

  background: none;

  font-family: 'Mandali', cursive;

  font-size: 1.4em;

  letter-spacing: 0px;

  color: #e597b2; }



#toc_container .toc_list > li a {

  text-decoration: none !important;

color:#666; }



#toc_container .toc_list > li a:hover {

  text-decoration: underline !important; }



#toc_container .toc_list > li ul {

  list-style-type: disc;

  margin-top: 15px;

  padding-left: 20px;

  color: #e597b2; }



#toc_container .toc_list > li > ul li {

  font-size: 0.9em;

  margin-bottom: 8px; }



@media only screen and (min-width: 641px) {

  #toc_container {

    padding: 25px 40px; }



  #toc_container .toc_title {

    font-size: 2em; }



  #toc_container .toc_list > li {

    margin-bottom: 18px;

    margin-left: 12px;

    font-size: 1em; }



  #toc_container .toc_list > li:after {

    left: -48px;

    top: 0px;

    font-size: 26px; } }.widgettitle::first-letter{
	color:#dd305e;
}
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat{
	opacity:0.75;
}

#breadcrumb:after{
	background-color:#ddd;
}
#breadcrumb ul li a,
#breadcrumb ul li,
#page-top a{
	color:rgba(0,0,0,0.5)!important;
}

@media (max-width: 767px) {
.headcopy{
	font-weight:200;
	font-size:0.6em;
	margin-top:10px;
	display:none;
}
}
@media (min-width: 768px) {
.headcopy{
	font-weight:100;
	font-size:0.6em;
	margin-top:30px;
}
}
/*サイドバー追尾目次*/
.toc_widget_list li{
font-size: 14px;
font-weight: bold;
padding: 4px 0;
}
.toc_widget_list li ul a::before{ 
content: "・";
}
.toc_widget ul li ul {
border: none;
padding: 2px 0px 2px 10px;
}
.toc_widget ul {
max-height: 400px;
overflow-y: auto;
}
.toc_widget_list li ul{ 
margin-left: 1.0em;
text-indent: -1.0em; 
}
.toc_widget_list li ul li a {
font-size: 13px;
font-weight: normal; 
}
/*ブログカードのリンク色変更*/
@media (min-width: 768px){
.blog-card-title {
    color: #4a8fb3;
    text-decoration: underline;
	}}
.blog-card-title {
    color: #4a8fb3;
    text-decoration: underline;
	}
.wpcf7
{
 background-color:  #FFFFFF;
}
img {
	vertical-align: bottom;
}
/*吹き出しのアイコンを大きくする*/
.balloon-box {
padding-bottom: 20px;
}

@media (min-width: 768px){
    
.balloon-icon {
width:100px;
height:100px;
}

.balloon-icon img{
width:100px;
}
    
.balloon-right .balloon-serif{
margin: 0 125px 40px 125px;
}

.balloon-left .balloon-serif{
margin: 0 125px 40px 125px;
}
    
.icon-name{
width: 100px;
top: 105px;
font-size: 12px;
    }
}

@media (max-width: 767px)
{
    
.balloon-icon {
width:80px;
height:80px;
}

.balloon-icon img{
width:80px;
}
    
.balloon-right .balloon-serif{
margin: 0 98px 30px 0px;
}

.balloon-left .balloon-serif{
margin: 0 0px 30px 98px;
}
    
.icon-name{
width: 80px;
top:82px;
font-size: 11px;
}   
}