/*吹き出しのアイコンを大きくする*/
.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;
}   
}
/*
#wrapper {
    background-size: contain;
}*/

#contents {
    background: white;
}

/***プロフィールボタン***/
.profile_link a{
display:block;
text-align:center;
padding:8px 10px;
background:#bbb;/*ボタンカラー変更*/
width:50%;
margin:0 auto;
margin-top:20px;
border-radius:20px;
border:3px double #fff;
font-size: .75rem;
color:#fff;
}
.profile_link a:hover{
opacity:0.75;
color:#fff;
}


@media (min-width: 768px) {
.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1 {
width: 100%;
}
}


.textwidget img {
    border: 1px solid;
}

.concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before {
    background-image: none;
}

.cps-post-main blockquote {
    padding: 3.4em 2.6em 2.4em 3em;
}

h5 {
    font-weight: bold !important;
    border: 3px double;
    display: inline-block;
}
h5 span {
	  padding: 0 10px;
}

#breadcrumb ul li, #breadcrumb ul li a {
    color: #000!important;
}

.page-top-footer a {
    color: #000!important;
}

#breadcrumb:after, #page-top a {
    background-color: #222;
    opacity: 0.5;
}

.sns-design-type01 .sns-top li a {
    border-color: #444  !important;
    background: #444 !important;
}

.sns-design-type01 .sns li a {
    border-color: #444  !important;
    background: #444 !important;
}


#toc_container .toc_list > li > a {
    text-decoration: none !important;
    font-size: 1.1em;
    line-height: 1.5rem;
    font-weight: 200;
}

@media (min-width: 768px) {
#toc_container .toc_list > li > ul > li a {
    line-height: 1.5rem;
    font-size: 0.9rem;
}
}

#toc_container .toc_list > li > ul li a:before {
    content: " ";
    font-size: 2rem;
    left: -25px;
    top: 0px;
}

.new-entry-item a:first-child {
    margin-top: 10px;
    border-left: 10px solid;
}
.new-entry-item a {
    padding-left: 10px;
}

.sidebar_style5 .widgettitle {
	border-bottom: 3px dashed #ccc;
}

@media (max-width: 767px) {
#header #site-info img {
    max-width: 300px;
}
.tn-logo-size img {
    max-width: 300px;
}
}
	

#header #site-info img {
    max-width: 350px;
}






.sidebar_style5 .widget {
	margin-bottom: 20px;
}


.kaisetsu-box3 ul li a {
	color:white !important;
}

.color-button01-big, .color-button02-big {
    display: block;
    padding: 20px;
    color: white;
    border-bottom: none;
}





/************************************
** ページ内リンク(画像)
************************************/
.page-link-1{
   max-width: 300px;
   width:100%;
}
.page-link-1 img{
   width:100% !important;
}
.page-link-1 a{
   -ms-flex-preferred-size:100%;
   flex-basis:100%;
}
.page-link-2{
   max-width: 550px;
   width:100%;
}
.page-link-2 a{
   -ms-flex-preferred-size:47%;
   flex-basis:47%;
}
.page-link-3 a{
   -ms-flex-preferred-size: calc(100%/3);
   flex-basis:calc(100%/3);
}
.page-link-wrap{
   margin: 2em auto;
}
.page-link-notice {
   color: #2294d6;
   background:#edf8ff;
   font-size:0.8em !important;
   letter-spacing:1px !important;
   width:100%;
   margin:0 auto 1em !important;
   text-align: center;
   font-weight: 500;
   padding: 3px 0 !important;
}
.page-link-notice + .page-link{
   margin-top:0.8em;
}
.page-link{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-pack: distribute;
   justify-content:space-around;
}
.page-link br{
   display:none;
}
.page-link a{
   display:block;
   line-height:1.1;
   color: #555;
   text-decoration:none;
   padding:0 10px;
}
.page-link .page-link-text{
   line-height: 1.5;
   letter-spacing: 1px;
   display:block;
   font-size: 0.9em;
   word-break: break-all;
   margin-top:3px;
}
.page-link .page-link-text:before{
   font-family: "Font Awesome 5 Free";
   content: "\f138";
   font-weight: 600;
   margin-right:3px;
}
.page-link img{
   box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   object-fit:cover; /* トリミング不必要の場合削除 */
   width:100%; /* トリミング時の横幅 */
   height:150px !important; /* トリミング時の高さ(不必要な場合削除) */
   margin:0;
}
.page-link img:hover{
    transform: translateY(-3px);
    box-shadow: 0px 3px 18px 3px rgba(0,0,0,.08);
}
/* スマホ */
@media screen and (max-width: 559px) {
	.page-link-wrap{
		max-width:350px;
		width:100%;
	}
	.page-link{
		-ms-flex-wrap: wrap;
		flex-wrap:wrap;
	}
	.page-link img{
		width:100%;
	}
	.page-link a{
		margin-bottom:8px;
		-ms-flex-preferred-size: 100%;
		flex-basis:100%;
	}
}