/* ストロング */
strong.big-red{
font-size: 1.1em;
box-shadow: inset 0 -2px 0 red;
}
strong.orange{color: #f60;}

/* 枠 */
.simple-gray{
padding: 1.25em;
background: #fff;
border: 1px #ccc solid;
box-shadow: 0 2px 3px 0 #ddd;
margin-bottom: 1.5em;
}
.simple-gray > *:last-child{margin-bottom: 0;}
.matome_box{
position: relative;
border: 3px solid #090;
padding: 2.0em 2.0em 0;
margin: 2.5em auto;
}
.matome_ttl{
display: table;
font-weight: bold;
font-size: 1.2em;
color: #000000;
margin: -45px 0 0 0;
background: #fff;
padding: 0 0.5em;
}
.supplement{
position: relative;
background:lightyellow;
font-size: 0.88em;
padding:1.0em 1.5em;
margin: 1.5em 0 2em;
border-radius:4px;
border: 1px solid rgba(237, 237, 237, 0.5);
}
.supplement > *:first-child{margin-top: 0.25em!important;}
.supplement p:last-child{ margin-bottom:0;}
.supplement.warning{
background:pink;
color:#333;
}
.supplement:before{
font-family:"fontawesome";
content:'\f0e6';
margin-right: 0.25em;
}
.supplement.warning:before{ content:'\f071';}

/*＊＊　SUltimate（プラグイン）　＊＊*/
.post .su-spoiler-style-fancy {
border-radius: 4px;
background: inherit;
color: inherit;
border-color: #79c57b;
box-shadow: 0 1px 2px 0 rgba(11, 82, 11, 0.25);
}
.post .su-spoiler-style-fancy > .su-spoiler-title {
color: #090;
border:none;
border-radius: 0;
background: #ddffde;
font-size: 1.0em;
}

.su-tabs {
padding:2px;
background: #c9e689;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px 0;
    border-radius: 0;
}
.su-tabs .su-tabs-pane {
 font-size: inherit;
    border-radius: 0;
}
.su-tabs .su-tabs-nav span{
-webkit-transition: box-shadow 0s;
transition: box-shadow 0s;
    border-radius: 0;
 }
.su-tabs .su-tabs-nav span:hover {
    background: rgba(255,255,255,0.5);
}
 .su-tabs .su-tabs-nav{display:table;width:100%;table-layout:fixed;}
 .su-tabs .su-tabs-nav > span{display:table-cell;}
 .su-tabs .su-tabs-nav span.su-tabs-current{
font-size:inherit;
background: #5f8b07;
    color: #5f8b07;
    font-weight: bold;
    box-shadow: inset 0 -38px 0 0 #fff;
 }
@media only screen and (max-width: 768px){
 .su-tabs .su-tabs-nav{background: #8ec21f;}
 .su-tabs .su-tabs-nav span{
  display: block;
  color:inherit;
  background: rgba(255,255,255,0.90);
  margin: 0;
  border-radius:0;
}
 .su-tabs .su-tabs-nav span.su-tabs-current{
  color: #fff;
  font-size:1.1em;
  background:rgba(255,255,255,0);
    box-shadow:none;
 }
 .su-tabs .su-tabs-nav span:before,
 .su-tabs .su-tabs-nav span.su-tabs-current:before{
    font-family: FontAwesome;
    font-weight: normal;
    padding-right: 0.5em;
 }
 .su-tabs .su-tabs-nav span:before{ content: '\f054'; }
 .su-tabs .su-tabs-nav span.su-tabs-current:before{ content: '\f078'; }
}

/*＊＊　table of contents（プラグイン）　＊＊*/
#toc_container {border-color:#7bb4da!important;}
#toc_container ul.toc_list > li{padding-bottom:0.8em;}
#toc_container ul.toc_list > li > a{
display:block;
background: rgba(70, 130, 180,0.05);
}
#toc_container ul.toc_list > li > a:before{content:'◎';}
#toc_container ul.toc_list   ul{margin: 0 0.33em;}
#toc_container ul.toc_list   ul > li{padding:0.25em 0.33em;}
#toc_container ul.toc_list   ul > li:not(:last-of-type){border-bottom: dashed 2px #e4f0fd;}
#toc_container ul.toc_list   ul > li:before{display:none;}
#toc_container ul.toc_list > li >ul a{
text-decoration: underline;
font-size:0.9em;
opacity:0.9;

}
#toc_container ul.toc_list > li >ul a:hover{opacity:1;}
/* アイコン付き会話 */
.speech_baloon{
font-size: 0.9em;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin:1.0em auto;
width:100%;
}
.speech_baloon.left{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
flex-direction:row;
}
.speech_baloon.right{
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-webkit-flex-direction:row-reverse;
flex-direction:row-reverse;
}
.speech_baloon figure.icon{
text-align: center;
width:68px;
margin:0 1.0em;
}
.speech_baloon figure.icon > .icon-box{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;

position:relative;
text-align: center;
overflow: hidden;
border-radius: 100px;
border: solid 2px;
margin:0;
font-size:12px;
line-height:1.25;
width:68px;
height:68px;
padding:2px;
}
.speech_baloon figure.icon > span:after{
content:'';
position:absolute;
left:0;top:0;
width:100%;height:100%;
border-radius: 100px;
box-shadow:inset 0 0 0 2px #fff;
}

.speech_baloon figcaption.name {font-weight: bold;}
.speech_baloon .mess{
position: relative;
color:#444;
border:solid 2px;
border-color:inherit!important;
border-radius: 6px;
min-height:60px;
max-width: calc(100% - 100px);
min-width:4.0em;
padding:0.25em 0.5em;
}
.speech_baloon .mess:before{
content: '';
position: absolute;
top:30px;
line-height: 0;
height: 0;
width:0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.speech_baloon .mess > p:first-of-type{margin-top:0;}
.speech_baloon .mess > p:last-of-type{margin-bottom:0;}

.speech_baloon.left .mess:before{left:0;}
.speech_baloon.right .mess:before{right:0;}


/* キャラクターアイコン */
.speech_baloon.huji  figure.icon > img,.speech_baloon.taro  figure.icon > img{border:none;outline:none;}

.speech_baloon.huji  figure.icon{min-width:83px;}
.speech_baloon.huji {color:#4faacc;border-color:#3544ac;}
.speech_baloon.huji.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #3544ac;}
.speech_baloon.huji.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #3544ac;}

.speech_baloon.taro  figure.icon{min-width:80px;}
.speech_baloon.taro {color:#4faacc;border-color:#f60502;}
.speech_baloon.taro.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #f60502;}
.speech_baloon.taro.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #f60502;}

.speech_baloon.interview {color:#002c82;border-color:#002c82;}
.speech_baloon.interview.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #002c82;}
.speech_baloon.interview.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #002c82;}

.speech_baloon.interview.aojiru {color:#32a155;border-color:#32a155;font-size: .75rem;}
.speech_baloon.interview.aojiru .icon-box {border: none !important;}
.speech_baloon.interview.aojiru.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #32a155;}
.speech_baloon.interview.aojiru.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #32a155;}

.speech_baloon.interview.kubo {color:#32a155;border-color:#32a155;font-size: .75rem;}
.speech_baloon.interview.kubo.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #32a155;}
.speech_baloon.interview.kubo.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #32a155;}

.speech_baloon.interview.w1 {color:#ff6e00;border-color:#ff6e00;}
.speech_baloon.interview.w1.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #ff6e00;}
.speech_baloon.interview.w1.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #ff6e00;}

.speech_baloon.interview.w2 {color:#a50b00;border-color:#a50b00;}
.speech_baloon.interview.w2.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #a50b00;}
.speech_baloon.interview.w2.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #a50b00;}

.speech_baloon.blue {color:#4faacc;border-color:#4faacc;}
.speech_baloon.blue.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #4faacc;}
.speech_baloon.blue.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #4faacc;}

.speech_baloon.red {color:#f18b90;border-color:#f18b90;}
.speech_baloon.red.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #f18b90;}
.speech_baloon.red.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #f18b90;}

.speech_baloon.purple {color:#8b81ff;border-color:#8b81ff;}
.speech_baloon.purple.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #8b81ff;}
.speech_baloon.purple.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #8b81ff;}

.speech_baloon.gray {color:#949494;border-color:#949494;}
.speech_baloon.gray.left .mess:before{box-shadow: 1px -1px 0 5px #fff,-1px 1px 0 5px #949494;}
.speech_baloon.gray.right .mess:before{box-shadow: -1px 1px 0 5px #fff,1px -1px 0 5px #949494;}

/* ＊＊＊＊ ａｎｉｍａｔｉｏｎ ＊＊＊＊＊ */
.anim{
	-webkit-animation:  anim 3s ease-in infinite;
	        animation:  anim 3s ease-in infinite;
}
@-webkit-keyframes anim {
	70% {
	-webkit-transform: scale(1);
	        transform: scale(1);
	}
	75% {
	-webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
	        transform: scale(1.1, 0.9) translate(0px, 20px);
	}
	80% {
	-webkit-transform: scale(1);
	        transform: scale(1);
	}
	85% {
	-webkit-transform: scale(.9, 1.2) translate(0px, -7px) ;
	        transform: scale(.9, 1.2) translate(0px, -7px) ;
	}
	90% {
	-webkit-transform: scale(1);
	        transform: scale(1);}
	95% {
	-webkit-transform: scale(.95, 1.1) translate(0px, -3px) ;
	        transform: scale(.95, 1.1) translate(0px, -3px) ;
	}
	100% {
	-webkit-transform: scale(1);
	        transform: scale(1);
	}
}
@keyframes anim {
	70% {
	-webkit-transform: scale(1);
	        transform: scale(1);
	}
	75% {
	-webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
	        transform: scale(1.1, 0.9) translate(0px, 20px);
	}
	80% {
	-webkit-transform: scale(1);
	        transform: scale(1);
	}
	85% {
	-webkit-transform: scale(.9, 1.2) translate(0px, -7px) ;
	        transform: scale(.9, 1.2) translate(0px, -7px) ;
	}
	90% {
	-webkit-transform: scale(1);
	        transform: scale(1);}
	95% {
	-webkit-transform: scale(.95, 1.1) translate(0px, -3px) ;
	        transform: scale(.95, 1.1) translate(0px, -3px) ;
	}
	100% {
	-webkit-transform: scale(1);
	        transform: scale(1);
	}
}