body {
    padding-top: 60px;
}

body > .navbar .brand.logo {
    margin-left: 20px;
    padding-right: 0;
    padding-left: 0;
    float: right;
    font-weight: bold;
}

.container {
    max-width: 100%;
}

.row-height {
    display: flex;
    flex-wrap: wrap;
}

.source {
    padding-left: 34px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.source.fb {
    background-image: url(../img/fb.png);
}

.source.tw {
    background-image: url(../img/tw.png);
}

.source.rss {
    background-image: url(../img/rss.png);
}

.table .source {
    padding-left: 34px;
}

.page-header > h1 {
    margin: 0;
    font-size: 31.5px;
}

.page-header > h1 > .btn {
    font-weight: normal;
}

.modal .table td {
    vertical-align: middle;
}

.modal .table tr:first-child td {
    border-top: none;
}

.modal .table .action {
    text-align: right;
}

.modal .table .action .form-inline {
    margin-bottom: 0;
}

#login {
    text-align: center;
}

#login h1 {
    color: #666;
    margin-bottom: 40px;
}

#destination tr > .action,
#destination tr > .active,
#destination tr > .delete {
    width: 120px;
    text-align: center;
}

#destination thead th {
    text-align: center;
}

#destination tbody {
    border-top: 1px solid #ddd;
}

#destination tbody tr .destination *,
#destination tbody tr .action * {
    visibility: hidden;
}

#destination tbody tr:first-child .destination > *,
#destination tbody tr:first-child .action > * {
    visibility: inherit;
}

#destination tbody td {
    border-top: none;
    vertical-align: middle;
}

.linkbox {
    cursor: pointer;
}

.first {
border-radius: 15px;
box-shadow: 0px 0px 4px #000000;
background-image: -moz-linear-gradient(top, #ffd900, #ff0000);
background-image: -ms-linear-gradient(top, #ffd900, #ff0000);
background-image: -o-linear-gradient(top, #ffd900, #ff0000);
background-image: -webkit-linear-gradient(top, #ffd900, #ff0000);
background-image: linear-gradient(top, #ffd900, #ff0000);
background-clip: padding-box;
padding:10px;
color: #ffffff;
}

.second {
border-radius: 22px;
box-shadow: 0px 0px 4px #000000;
background-image: -moz-linear-gradient(top, #00ffda, #0000ff);
background-image: -ms-linear-gradient(top, #00ffda, #0000ff);
background-image: -o-linear-gradient(top, #00ffda, #0000ff);
background-image: -webkit-linear-gradient(top, #00ffda, #0000ff);
background-image: linear-gradient(top, #00ffda, #0000ff);
background-clip: padding-box;
padding: 10px;
color: #ffffff;
}

.ranking {
border-radius: 12px;
box-shadow: 0px 0px 2px #000000;
background-image: -moz-linear-gradient(top, #00ffda, #0000ff);
background-image: -ms-linear-gradient(top, #00ffda, #0000ff);
background-image: -o-linear-gradient(top, #00ffda, #0000ff);
background-image: -webkit-linear-gradient(top, #00ffda, #0000ff);
background-image: linear-gradient(top, #00ffda, #0000ff);
background-clip: padding-box;
padding: 3px;
color: #ffffff;
}

.speech-bubble p {
position : relative;
padding : 5px;
color : #000;
width : 100%;
margin : 5px;
/* css3 */
-webkit-border-radius : 10px;
   -moz-border-radius : 10px;
        border-radius : 10px;


background-color: #87e0fd;
background-image: -moz-linear-gradient(top,#87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6 */
background-image:-o-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* Opera11.10+ */
background-image: -webkit-gradient(linear,left top,leftbottom,from(#87e0fd),color-stop(0.4, #53cbf1),to(#05abe0)); /* Saf4+, Chrome*/
background-image: -webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%,#05abe0 100%); /* Chrome 10+, Saf5.1+ */
background-image:linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#87e0fd',EndColorStr='#53cbf1'); /* IE6-IE9 */}


/* 三角形部分 */
.speech-bubble p:after {
content : "";
position : absolute;
bottom : -30px; /*三角形の上下位置*/
left : 50px;　/*三角形の左右位置*/
right : auto;
width : 0;
height : 0;
border-width : 15px 15px 15px 15px;
border-style : solid;
border-color : #05abe0 transparent transparent transparent; }

.speech-bubble.top p:after {
top : -10px; /*三角形の上下位置*/
right : 50px;　/*三角形の左右位置*/
border-width : 15px 15px 15px 15px;
border-color : transparent transparent #87e0fd transparent; }

.speech-bubble.right p:after {
top : 10px; /*三角形の上下位置*/
left : -30px;　/*三角形の左右位置*/
border-width : 5px 5px 5px 5px;
border-color : transparent #47c6ee transparent transparent; }

.scrollBox {
  width: 100%;
  height: 200px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.tw-icon {
  position: absolute;
}

.popover.right .arrow-top {
  top: 30px;
}

.jumbotron {
  padding-bottom: calc(100%*826/1169);
  background:url(/2025/static/img/top.jpg) center no-repeat;
  background-size: 100% auto;
}


.nav-tabs-wrap {
  overflow-y: none;
  overflow-x: auto;
  white-space: nowrap;
}

.nav-tabs-wrap .nav {
  display: inline-block;
  width: 100%;
}

.nav-tabs-wrap .nav > li {
  display: inline-block;
  float: none;
}