.x15 {
   width: 15.6%;
}

@media (max-width: 768px){
  .x15{
      width: 25%;
   }
}
@media (max-width: 490px){
   .x15{
      width: 35%;
   }
}

.x31 {
   width: 32.6%;
}
@media (max-width: 768px){
   .x31{
      width: 39%;
   }
}

@media (max-width: 600px){
   .x31{
      width: 100%;
   }

}



.x63 {
   width: 66.2%;
}
@media (max-width: 768px){
   .x63{
      width: 59%;
   }
}
@media (max-width: 600px){
   .x63{
      width: 100%;
   }

}


.x75 {
   width: 77.9%;
}
@media (max-width: 768px){
   .x75{
      width: 71%;
   }
}
@media (max-width: 490px){
   .x75{
      width: 65%;
   }
   .x75_in_latest_photos{
      width: 60%;
   }
}

/* */
.ma {
   margin: auto
}

.mm {
   margin-left: auto;
   margin-right: auto
}

/* float */
.fl, .ulfl > li {
   float: left
}

.fr {
   float: right
}

.fn {
   float: none
}

.row > * {
   float: left
}

/* display */
.none {
   display: none
}

.hidden {
   visibility: hidden
}

.db {
   display: block
}

.di {
   display: inline
}

.dib {
   display: inline-block;
   vertical-align: top;
   *display: inline
}

.dibfix, .latest-news-list article {
   min-height: 50px;
   display: -moz-inline-stack;
   display: inline-block;
   vertical-align: top;
   zoom: 1;
   *display: inline;
   _height: 50px
}

/* position */
.rel, .hold {
   position: relative
}

.abs {
   position: absolute
}

.stc {
   position: static
}

.fxd {
   position: fixed
}

/* overflow */
.oh {
   overflow: hidden
}

/* */
._link {
   color: #3e3e3e
}

.section-title ._link {
   color: #000
}

._link:hover, .section-title ._link:hover {
   color: #e31c12
}

._link:active, .section-title ._link:active {
   color: #ba0900
}
._desc { color: #2C2C2C; font-size: .9375em; line-height: 17px}

/* text */
._it {
   font-style: italic
}

._no {
   font-style: normal
}

._ac {
   text-align: center
}

._al {
   text-align: left
}

._ar {
   text-align: right
}

._up {
   text-transform: uppercase
}

._bd {
   font-weight: bold
}

._cp {
   cursor: pointer
}

._cd {
   cursor: default
}

._cm {
   cursor: move
}

._cz {
   cursor: zoom-in
}

._nw {
   white-space: nowrap
}

._un {
   text-decoration: underline
}

/* font */
._10 {
   font-size: 10px
}

._11 {
   font-size: 11px
}

._12 {
   font-size: 12px
}

._13 {
   font-size: 13px
}

._14 {
   font-size: 14px
}

._16 {
   font-size: 16px
}

._15 {
   font-size: 15px
}

._17 {
   font-size: 17px
}

._18 {
   font-size: 18px
}

._20 {
   font-size: 20px;
}

._21 {
   font-size: 21px
}

._22 {
   font-size: 22px
}

._24 {
   font-size: 24px;
}

._26 {
   font-size: 26px;
}

._28 {
   font-size: 28px;
}

._30 {
   font-size: 30px;
}

._32 {
   font-size: 32px;
}

._34 {
   font-size: 34px;
}

._36 {
   font-size: 36px

}

._40 {
   font-size: 40px
}

._42 {
   font-size: 42px
}

._48 {
   font-size: 48px
}


._lh12 {
   line-height: 12px
}

._lh13 {
   line-height: 13px
}

._lh14 {
   line-height: 14px
}

._lh15 {
   line-height: 15px
}

._lh18 {
   line-height: 18px
}

._lh20 {
   line-height: 20px
}

._lh21 {
   line-height: 21px
}

._lh24 {
   line-height: 24px
}

._lh26 {
   line-height: 26px
}

._lh28 {
   line-height: 28px
}

._lh30 {
   line-height: 30px
}

._lh32 {
   line-height: 32px
}

._lh36 {
   line-height: 36px
}

._lh40 {
   line-height: 40px
}

._lh44 {
   line-height: 44px
}

._lh55 {
   line-height: 55px
}


/* */
.sp, .hold:before, .dotted-more a:before, .dotted-more a:after {
   background-image: url("../sprite/sprite.png");
   background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .sp, .hold:before, .dotted-more a:before, .dotted-more a:after {
    background-image: url("../sprite/sprite@2x.png");
    background-size: 305px 180px;
  }
}

/* */

@media (max-width: 320px){
   header .center{
      display: none;
   }
}


/*.center > ul,*/
.center .helper {
   float: left;
   right: -50%;
   position: relative
}

/* */
.hold:before {
   position: absolute;
   display: block;
   content: " ";
   top: 0;
   left: 0
}

/* */
.arrow-top {
   position: relative;
   background: #fff
}

.arrow-top:after {
   bottom: 100%;
   left: 50%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(255, 255, 255, 0);
   border-bottom-color: #fff;
   border-width: 0 8px 5px 8px;
   margin-left: -4px;
}


/**/
img{
   height: auto !important;
   max-width: 100% !important;
   width: auto;
}


@media (max-width: 768px){
   body{
      font-size: 90%;
   }
}

@media (max-width: 640px){
   body{
      font-size: 80%;
   }
}

iframe{
   max-width: 100% !important;
}