/** CTAシンプル **/
.btn-1 {
    font-weight:bolder;
    position: relative;
    font-size:105%;
    margin: 0 8px;
}

/** CTAボタン **/
.btn-2 {
    font-family: "M PLUS Rounded 1c";
    background-color: rgb(255, 100, 0); /* ボタン背景色61c359 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 90%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.1em;
    transition: all .2s ease;
    position: relative;
    word-break: keep-all;
    font-size:1.3rem;
}

.btn-2 a::after{
    /* 矢印の種類 */
/*
    font-family: FontAwesome , "Font Awesome 5 Free";
    content: '\f054';
    font-weight: normal;
*/
    font-family: "M PLUS Rounded 1c";
    content: '>';
    font-weight: bolder;
    position: absolute;
    right:  1em;
}

.btn-2:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}

.btn-2 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    padding-right: 2em;
}

.btn-2 > img { float: left; }
.btn-2::after{ content: ''; clear: left; }

.rank-list h4 {
    clear: both;
    margin: 0!important;
}
.rank-list p {
    margin: 0.5em 0 0 0.5em !important;
    line-height:1.5em;
}
.rank-list img{
   float: left;
   margin: 0 5px 10px 0!important;
}

/* リスト用小ボタン　*/
a.sbtn-icon {
  display: inline-table;
  text-align: center;
  background-color: darkorange;
  color: #FFF;
  text-decoration: none;
  padding: 0.7em 1.0em;
  margin: 1px 0.3em 2px 1px;
  border-radius: 4px;
  font-size:0.9em;
  line-height: 1.0em;
  font-weight: bold;
}
a.sbtn-icon:hover {
  opacity: 0.8;
}
@media screen and (max-width: 340px) {
  a.sbtn-icon {
    display: flow-root;
  }
}



/** CM **/
iframe.cmInlineFrame{
    width:1px!important;
    height:1px!important;
    border:none!important;
}


/** マルチサイトリンク **/
a.mybloglink{
    display:block; 
    max-width:190px;
    height:80px;
    text-shadow: 0 -1px 1px #fff,
	-1px 0 1px #fff,
	1px 0 1px #fff,
	0 1px 1px #fff,
	1px 1px 2px #417698;
    color: darkblue;
    padding:5px;
    margin:5px;
    border: 1px solid #cdcdcd;
    background-size: cover!important;
}
a.mybloglink:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: 0.8;
}


/** ninja **/
.entry div.ninja_onebutton{
}
.entry div.ninja_onebutton_output_horizontal{
}
ul.info li.ninja_onebutton{
	clear:none!important;
}


/** もくじ **/
#toc:before {
  content: "もくじ";
  padding-left: 8px;
}
#toc {
  backgound:#f9f9f9;
  border: 1px solid #aaa;
  font-size: 95%;
  display: table;
  margin-bottom: 10px;
  padding: 15px;
  width: auto;
}
#toc ol,
#toc ol li {
  margin: 5px 5px 5px 15px;
  padding: 0;
}
#toc a:hover {
  text-decoration: underline;
}


/* もしも */
@media screen and (min-width: 704px){
	div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
		width:45%!important;
	}
}
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
    line-height: 1.8em!important;
    padding: 1em 3px!important;
}