/* 公式ボタン */
a.official_jump{
  position: relative;
  top: 0;
  width:80%;
  color: #fff;
  background: #e23232;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: -1px;
  box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.25),inset 0 0 0 1px rgba(0,0,0,0.03);
  margin: 0.5em auto;
  border-radius: 3px;
  display: block;
  text-align: center;
  padding: 1.0em 0.25em;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
}
a.official_jump:hover {
  top: 3px;
  color:rgba(255,255,255,0.75);
  box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.25);
}

/*ストロング*/
strong.orange-mark,
strong.blue-mark{color: inherit!important;}
strong.orange-mark{
  border-bottom: solid 2px #ff9a1d;
  font-size: 1.0em;
}
strong.blue-mark{
  border-bottom: solid 2px #49c4ff;
  font-size: 1.0em;
}

/* ランキング */
.entry-content h2.ranking-h2{
  border-radius:0;
  padding-left:60px;
}
.entry-content .ranking-h2:before{
  top: 0;
  left: 6px;
  height: 52px;
  width: 50px;
  border: none;
  background-image: url(/wp-content/themes/albatros/img/medals.png);
  background-repeat: no-repeat;
  background-size: 150px;
}
.entry-content .ranking-h2.first:before{background-position: 0px -18px;}
.entry-content .ranking-h2.second:before{background-position: -50px -18px;}
.entry-content .ranking-h2.therd:before{background-position: -100px -18px;}
.entry-content .ranking-h2:after{content:none;}

/* 枠 */
.simple-gray{
  padding:0 0.5em;
  margin:1.0em 0;
  border:solid 1px #ccc;
  box-shadow:0 1px 1px 0 #ccc ;
}
.matome_box {
  position: relative;
  border: 3px solid #077207;
  padding: 2.0em 2.0em 0;
  margin: 48px auto;
}
.matome_ttl {
  display: table;
  font-weight: bold;
  font-size: 1.2em;
  color: #000000;
  margin: -45px 0 0 0;
  background: #fff;
  padding: 0 8px;
}
@media only screen and (max-width: 480px){
  .matome_box { padding: 2.0em 1.0em 0;}
}

.kokuban {
  box-sizing: content-box;
  display: block;
  margin: 10px auto 20px;
  border: 1px solid #ccc;
}

/* jelly animation */

.jelly {
  font-size:1.5em;
  border: none;
  cursor: pointer;
  padding: 5px 20px;
  display: table;
  vertical-align: baseline;
  margin: 2.0em auto 1.0em;
  border-radius: 100px 100px 70px 70px ;
  background: #fb8480;
  color: #fff!important;
  text-decoration:none;
  box-shadow:
  inset 0 -20px 2px 0 rgba(0,0,0,0.08),
  1px 2px 2px 0 rgba(0,0,0,0.25);
  text-shadow: 2px 2px 1px rgba(0,0,0,0.1);

}
@media only screen and (max-width: 480px){
  .jelly {font-size:1.25em;}
}
.hentry .jelly.anim{
  -webkit-animation:  anim 4s ease-in infinite;
  animation:  anim 4s ease-in infinite;
}

@-webkit-keyframes anim {
  44% {-webkit-transform: scale(1);transform: scale(1);}
  50% {
    -webkit-transform:scale(.8,1.2) translate(0px, -5px);
    transform:scale(.8,1.2) translate(0px, -5px);
  }
  56% {
    -webkit-transform: scale(1.4, 0.6) translate(0px, 20px);
    transform: scale(1.4, 0.6) translate(0px, 20px);
  }
  67% {
    -webkit-transform: scale(.8, 1.2) translate(0px, -13px) ;
    transform: scale(.8, 1.2) translate(0px, -13px) ;
    border-radius: 100px 100px 70px 70px ;
  }
  73% {
    -webkit-transform: scale(.6, 2.0) translate(0px, -20px) ;
    transform: scale(.6, 2.0) translate(0px, -20px) ;
    border-radius: 100%;
  }
  79% {
    -webkit-transform: scale(1);transform: scale(1);
    border-radius: 100px 100px 70px 70px ;
  }
  82% {
    -webkit-transform: scale(.9, 1.2) translate(0px, -7px) ;
    transform: scale(.9, 1.2) translate(0px, -7px) ;
  }
  88% {-webkit-transform: scale(1); transform: scale(1);}
  94% {
    -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 {
  44% {-webkit-transform: scale(1);transform: scale(1);}
  50% {
    -webkit-transform:scale(.8,1.2) translate(0px, -5px);
    transform:scale(.8,1.2) translate(0px, -5px);
  }
  56% {
    -webkit-transform: scale(1.4, 0.6) translate(0px, 20px);
    transform: scale(1.4, 0.6) translate(0px, 20px);
  }
  67% {
    -webkit-transform: scale(.8, 1.2) translate(0px, -13px) ;
    transform: scale(.8, 1.2) translate(0px, -13px) ;
    border-radius: 100px 100px 70px 70px ;
  }
  73% {
    -webkit-transform: scale(.6, 2.0) translate(0px, -20px) ;
    transform: scale(.6, 2.0) translate(0px, -20px) ;
    border-radius: 100%;
  }
  79% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 100px 100px 70px 70px ;
  }
  82% {
    -webkit-transform: scale(.9, 1.2) translate(0px, -7px) ;
    transform: scale(.9, 1.2) translate(0px, -7px) ;
  }
  88% {-webkit-transform: scale(1);transform: scale(1);}
  94% {
    -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);}
}

/*＝＝＝＝＝＝＝＝＝＝ テンプレート・カスタマイズ ＝＝＝＝＝＝＝＝＝＝*/
#inner-header.wrap{padding-top:0;}
.mean-container .mean-bar{display:none!important;}

/* ランキングメニュー・スマホTOP */
label[for="rankings_menu"],
input#rankings_menu,
input#rankings_menu + nav ul{display:none;}

@media only screen and (max-width: 767px){
  label[for="rankings_menu"]{
    position:relative;
    cursor:pointer;
    display: block;
    text-align: center;
    color: #666;
    font-weight: bold;
    background: #eee;
    background-image: -webkit-linear-gradient(bottom,#ddd,#fff);
    background-image: linear-gradient(to top,#ddd,#fff);
    padding: 10px;
  }
  label[for="rankings_menu"]:before{
    font-size:0.8em;
    color:#329e42;
    content:'▶︎ ';
  }

  input#rankings_menu + nav > ul{
    display:block;
    background:#fff;
    margin:0;
  }
  input#rankings_menu + nav > ul > li{
    position: relative;
    font-size:0.9em;
    overflow:hidden;
    padding:0 5px 0 25px;

    border-top:solid 0px #ccc;
    -webkit-transition: all 0.2s;
    transition:all 0.2s;
  }
  input#rankings_menu + nav > ul > li:before{
    content:'>';
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-0.5em;
  }
  input#rankings_menu + nav ul *{line-height:0em;}
  input#rankings_menu + nav a{padding:0;}

  input#rankings_menu:checked + nav label[for="rankings_menu"]:before{content:'▼ ';}
  input#rankings_menu:checked + nav ul *{
    color:#329e42;
    line-height:1.5em;
  }
  input#rankings_menu:checked + nav > ul > li{
    background-color: #f1fff4;
    border-top:solid 1px #ccc;
    line-height:1.5;
    padding:5px 5px 5px 25px;
    -webkit-transition: all 0.2s;
    transition:all 0.2s;
  }
}

/* サイドバー */
#nav_menu-2 ul{
  text-align:center;
  padding:5px 0;
  letter-spacing: -0.4em;
}
#nav_menu-2 .menu-item-object-post,
#nav_menu-2 .menu-item-object-post a{
  display: inline-block;
  border:none;
  padding:0;
}
#nav_menu-2 .menu-item-object-post a:after{display:none;}

/***************** Ultimate Shortcode ******************/
.entry-content .su-tabs { background: none;}
.entry-content .su-tabs-nav{display:table;table-layout:fixed;border-spacing:2px 0;}
.entry-content .su-tabs-nav span {
  display:table-cell;
  vertical-align: middle;
  font-size:inherit;
  background:#ddd;
  border: 1px solid rgba(0,0,0,0.25);
  border-bottom:none;
  opacity: 0.75;
  position:relative;
  top:10px;
}
.entry-content .su-tabs-nav span:not([class*="su-tabs-current"]):after {
  content:'\f0a5';
  font-family: FontAwesome;
  font-size: inherit;
  font-weight:normal;
  padding-left:0.5em;
}
.entry-content .su-tabs-nav span.su-tabs-current {
  font-weight:bold;
  background: #fff;
  opacity: 1;
  top:1px;
  z-index:2;
}
.entry-content .su-tabs .su-tabs-pane {
  position:relative;
  font-size:inherit;
  border: 1px solid rgba(0,0,0,0.25);
  background: #fff;
  box-shadow: 3px 3px 0px 0 rgba(0,0,0,0.10);
}

/***************** post_views ******************/
.widget.widget_views li{
  background: #fff;
  margin: 5px auto;
  padding: 5px;
  border: solid 1px#ddd;
  text-align: justify;
}
.widget.widget_views img{float:left;margin-right:5px;}

/* ################ Wordpress Add Custom CSS 色設定 ############### */
form#worpress_custom_css_form tr,
form#worpress_custom_css_form td{display:block;}
form#worpress_custom_css_form textarea{
  height:500px;
  font-size:13px;
  font-family: Verdana;
  color:#fff462;
  background:#153c1c;
}