@charset "UTF-8";

/********/
/* HTML */
/********/
body{
    font-size:14px;
    font-weight:normal;
    font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    word-wrap: break-word;
    position:relative;
}
img {
    vertical-align:top;
}
h1,h2,h3,h4,h5,h6{
    font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    padding:0px;
}
a {
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
    text-decoration:none;
}
a:hover,
a:focus{
    text-decoration:none;
}

/*************/
/* Bootstrap */
/*************/
.navbar {
    margin-bottom:0px;
    border:0px solid transparent;
}
.navbar .container {
    position:relative;
}
.navbar .navbar-brand {
    line-height:22px;
    font-size:22px;
    margin:0px !important;
}
.navbar .navbar-brand a:focus,
.navbar .navbar-brand a:hover {
    text-decoration:none;
}
.navbar .navbar-brand img{
    display:inline;
    height:20px;
    margin:0px 10px 0px 0px;
}
.navbar .dropdown-menu>li>a {
    font-weight:200;
}
@media (min-width: 768px){
    .navbar {
        border-radius:0px !important;
    }
}
@media (min-width: 1200px){
    .container.container_970 {
        width: 970px !important;
    }
}

.thumbnail a>img,
.thumbnail>img {
    margin-bottom:0px;
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    cursor:default !important;
}
.pager li>a, .pager li>span {
    margin-right: 5px;
}
.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    cursor:default !important;
}

/*********/
/* Table */
/*********/
table.default{
    display:block;
    margin-bottom:10px;
    border-style:solid;
    border-width:1px;
    border-top:none;
    width: 100%;
    max-width: 100%;
}
table.default tbody{
    display:block;
}
table.default tr{
    display:block;
    width:100%;
    border:none;
}
table.default tr th,
table.default tr td{
    display:block;
    width:100%;
    border:none;
    padding: 8px;
}
table.default tr th{
    border-style:solid;
    border-width:1px;
    border-left:none;
    border-right:none;
}
@media (min-width: 768px) {
    table.default{
        display:table;
    }
    table.default tbody{
        display:table-row-group;
    }
    table.default tr{
        display:table-row;
    }
    table.default tr th{
        display: table-cell;
        width:30%;
        border-style:solid;
        border-width:1px;
    }
    table.default tr td{
        display: table-cell;
        width:70%;
        border-style:solid;
        border-width:1px;
    }
}
/** table style **/
table.default{
    background-color: #fff;
    color: #333;
}
table.default,
table.default tr th,
table.default tr td{
    border-color:#ddd;
    font-weight:normal;
}
table.default tr th{
    background-color: #f5f5f5;
}

/***********/
/* Animate */
/***********/
[class*="animate_"] {
  opacity: 0;
}
[class*="animate_"].active {
  opacity: 1 \0;
}
/* fadeInDown */
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
                transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
                transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
}

/* fadeInLeft */
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
                transform: translate3d(-100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
                transform: translate3d(-100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
}
/* fadeInRight */
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
                transform: translate3d(100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
                transform: translate3d(100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
}

/* fadeInUp */
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
                transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100px, 0);
              transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}

/***********************/
/* bootstrap row width */
/***********************/
.row-0{ margin-left:0px;  margin-right:0px;}
.row-0 >div{padding-right:0px; padding-left:0px; min-height:0px;}
.row-10{ margin-left:-5px;  margin-right:-5px;}
.row-10 >div{ padding-right:5px; padding-left:5px;}
.row-20{ margin-left:-10px;  margin-right:-10px;}
.row-20 >div{ padding-right:10px; padding-left:10px;}
.row-30{ margin-left:-15px;  margin-right:-15px;}
.row-30 >div{ padding-right:15px; padding-left:15px;}
.row-40{ margin-left:-20px;  margin-right:-20px;}
.row-40 >div{ padding-right:20px; padding-left:20px;}
.row-50{ margin-left:-25px;  margin-right:-25px;}
.row-50 >div{ padding-right:25px; padding-left:25px;}

/********************************/
/* bootstrap five column layout */
/********************************/
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* smart phone（767px） */
.col-xs-1-5 {width: 20%;float: left;}
.col-xs-2-5 {width: 40%;float: left;}
.col-xs-3-5 {width: 60%;float: left;}
.col-xs-4-5 {width: 80%;float: left;}
/* table（768px～991px） */
@media (min-width: 768px) {
    .col-sm-1-5 {width: 20%;float: left;}
    .col-sm-2-5 {width: 40%;float: left;}
    .col-sm-3-5 {width: 60%;float: left;}
    .col-sm-4-5 {width: 80%;float: left;}
}
/* pc（992px～1119px） */
@media (min-width: 992px) {
    .col-md-1-5 {width: 20%;float: left;}
    .col-md-2-5 {width: 40%;float: left;}
    .col-md-3-5 {width: 60%;float: left;}
    .col-md-4-5 {width: 80%;float: left;}
}
/* pc large（1200px以上）*/
@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
    .col-lg-2-5 {width: 40%;float: left;}
    .col-lg-3-5 {width: 60%;float: left;}
    .col-lg-4-5 {width: 80%;float: left;}
}