/* 5 stations --------------------------------------------*/
.MAIN-COLUMN .m_boxes5 {
  zoom: 1;
}
.MAIN-COLUMN .m_boxes5:before, .MAIN-COLUMN .m_boxes5:after {
  content: "";
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .m_boxes5:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes5 {
    padding: 0 6px 12px;
  }
}
.MAIN-COLUMN .m_boxes5 .area {
  float: left;
  width: 20%;
}
@media screen and (max-width: 480px) {
  .MAIN-COLUMN .m_boxes5 .area {
    width: 50%;
    *width: 178px;
  }
}
.MAIN-COLUMN .m_boxes5 .area:first-child {
  *width: 180px;
}
.MAIN-COLUMN .m_boxes5 .box {
  margin: 0 12px 24px;
  overflow: hidden;
  *zoom: 1;
}
.MAIN-COLUMN .m_boxes5 .box > img {
  border-radius: 7px 7px 0 0;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes5 .box {
    margin: 0 6px 12px;
  }
}
.MAIN-COLUMN .m_boxes5 .box .ind {
  padding: 10px 15px;
  text-align: center;
}
.MAIN-COLUMN .m_boxes5 .box p {
  margin: 3px 0 0;
  font-size: 85.71429%;
  color: #555566;
}
.MAIN-COLUMN .m_boxes5 .box .link_arrow {
  margin-left: -10px;
  *zoom: 1;
}
.MAIN-COLUMN .m_boxes5 a:hover strong {
  text-decoration: underline;
}


.MAIN-COLUMN .m_boxes5 .area:first-child {
  *width: 180px;
}
.MAIN-COLUMN .m_boxes5 .circsr {
  margin: 0 12px 24px;
  overflow: hidden;
  *zoom: 1;
}
.MAIN-COLUMN .m_boxes5 .circsr > img {
  border-radius: 7px 7px 0 0;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes5 .circsr {
    margin: 0 6px 12px;
  }
}

@media screen and (min-width: 768px) {
  .MAIN-COLUMN .m_boxes5 .box img.i5s {
  width: 172px;
  height:auto;
  }
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes5 .box img.i5s {
  max-width: 172px;
  height:auto;
  }
}
@media screen and (max-width: 480px) {
  .MAIN-COLUMN .m_boxes5 .box img.i5s {
  width:100%;
  height:auto;
}
}

  leftBlock & rightBlock
----------------------------------------------------------------------------------------------------*/
#leftBlock0csr {
    overflow: hidden;
    width: 67%;
    *float: left;
}
:root #leftBlock0csr {
    float: left;
}
#rightBlock0csr {
    overflow: hidden;
    width: 33%;
}
:root #rightBlock0csr {
    clear: right;
}
.RIGHT-SIDE .rNav li a.brk {
    display: block;
    padding: 10px 18px 10px 25px;
    background: url(//media3.kddi.com/extlib/module/icon_window_01.gif) no-repeat 10px 18px;
}

/*
  youtube
----------------------------------------------------------------------------------------------------*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
} 

.ytr {
  margin: 0 12px 24px;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtubeboxes {
  width: 548px;
  margin: 0 auto;
  padding-top: 0;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .youtubeboxes {
    margin: 0px auto 10px;
  }
}
@media screen and (max-width: 480px) {
.youtubeboxes {
    margin: 28px auto 10px;
}
}

/*
  right asterisk
----------------------------------------------------------------------------------------------------*/

.RIGHT-SIDE .icon_asterisk {
  padding-left: 20px;
  background: url(//media3.kddi.com/extlib/module/icon_asterisk_01.png) no-repeat left 3px;
}

.RIGHT-SIDE .listFooterNoteNumIn .icon_asterisk {
  padding-left: 20px !important;
}

.RIGHT-SIDE .listFooterNoteIn {
  margin: 0 0 15px;
  font-size: 85.71429%;
}


/*
  circle
----------------------------------------------------------------------------------------------------*/
        .circle {
            position: relative;
    	    height: 50%;
            padding: 50%;
            border-radius: 50%;
            background-color: #fff;
        }
        .circle span {
    	    position: absolute;
    	    left: 0;
    	    top: 50%;
    	    margin: -.5em 0 0;
	    width: 100%;
            text-align: center;
            color: #0066aa;
        }

        .col_5>.cols,
        .circle:before,
        .circle:after {
            box-sizing: border-box;
        }
        .col_5 {
            width: 100%;
            /*display: flex;*/
            /*display: -ms-flexbox;*/
            /* IE10 */
            flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            /* IE10 */
        }

        .col_5>.cols {
            width: 20%;
            padding: 5px;
            margin-bottom: 14px;
            float: left;
        }
        .col_5>.cols>div {
            position: relative;
            overflow: hidden
        }
        @media screen and (max-width: 960px) {
            .col_5>.cols {
                width: 20%;
            }
        }
        @media screen and (max-width: 768px) {
        .MAIN-COLUMN {
            font-size: 100%;
            }
        }
        @media screen and (max-width: 480px) {
            .col_5>.cols {
                width: 50%;
                font-size: 80%;
            }
        }

/*
  Page Slider
----------------------------------------------------------------------------------------------------*/
.MAIN-COLUMN .csr #SLIDE_PAGE {
  position: relative;
  width: 630px;
  height: 269px;
  margin: 0 12px 24px;
  display: none;
}
.MAIN-COLUMN .csr #SLIDE_PAGE .link_selfW, .MAIN-COLUMN .csr #SLIDE_PAGE .link_selfB, .MAIN-COLUMN .csr #SLIDE_PAGE .link_blankW, .MAIN-COLUMN .csr #SLIDE_PAGE .link_blankB {
  border-radius: 0;
}

.MAIN-COLUMN .csr #SLIDE_PAGE .icon_img {
  width: auto !important;
  height: auto;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .csr #SLIDE_PAGE {
    height: auto;
    width: auto;
    margin: 0 -6px 24px;
  }
}
.MAIN-COLUMN .csr .pageimgPc {
  position: relative;
  *zoom: 1;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .csr .pageimgPc {
    display: none;
  }
}
.MAIN-COLUMN .csr .pageimgPc .pageimgAreaMoveimg {
  height: 240px;
  width: 630px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgAreaMoveimg .pageimgAreaShow {
  width: 960px;
  height: 240px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgAreaMoveimg .pageimgAreaShow ul {
  position: absolute;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgAreaMoveimg .pageimgAreaShow li {
  float: left;
  width: 610px;
  height: 220px;
  padding: 10px 10px 10px;
  margin: 0 24px 0 0;
  border-radius: 7px;
  background: #dde0e7;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgAreaMoveimg .pageimgAreaShow li a {
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgAreaMoveimg .pageimgAreaShow li a:hover {
  border: solid 3px #1eace5;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgAreaMoveimg .pageimgAreaShow li a:hover img {
  margin: -3px;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgNavArrows {
  position: absolute;
  top: 0;
  width: 630px;
  height: 0;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgNavArrows li {
  top: 100px;
  *zoom: 1;
  position: absolute;
  z-index: 10;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgNavArrows li a:hover {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgNavArrows .pageimgBtnPrev {
  left: -10px;
}
.MAIN-COLUMN .csr .pageimgPc .pageimgNavArrows .pageimgBtnNext {
  right: -10px;
}
.MAIN-COLUMN .csr .pageimgAreaThumb {
  height: 30px;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .csr .pageimgAreaThumb {
    height: 60px;
    background: none #DDE0E7;
  }
}
.MAIN-COLUMN .csr .pageimgListDot {
  font-size: 0;
  padding: 14px 0;
  text-align: center;
  width: 100%;
}
.MAIN-COLUMN .csr .pageimgListDot li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 14px;
  height: 14px;
  margin: 0 7px;
}
.MAIN-COLUMN .csr .pageimgListDot li a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 14px;
  height: 14px;
  background: url(//media3.kddi.com/extlib/module/btn_dot_off.png) no-repeat left top;
  overflow: hidden;
  text-indent: -9999px;
}
.MAIN-COLUMN .csr .pageimgListDot li .is_current {
  background: url(//media3.kddi.com/extlib/module/btn_dot_on.png) no-repeat left top;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .csr .pageimgListDot {
    padding: 23px 0;
  }
  .MAIN-COLUMN .csr .pageimgListDot li {
    display: inline-block;
  }
  .MAIN-COLUMN .csr .pageimgListDot li a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//media3.kddi.com/extlib/module/icon_dot_01_off.gif) no-repeat left top;
  }
  .MAIN-COLUMN .csr .pageimgListDot li .is_current {
    background: url(//media3.kddi.com/extlib/module/icon_dot_01_on.gif) no-repeat left top;
  }
}
.MAIN-COLUMN .csr .pageimgSp {
  display: none;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .csr .pageimgSp {
    display: block;
  }
}
.MAIN-COLUMN .csr .pageimgSp .pageimgAreaShow {
  overflow: hidden;
}
.MAIN-COLUMN .csr .pageimgSp .pageimgAreaShow ul {
  position: relative;
  width: 100%;
}
.MAIN-COLUMN .csr .pageimgSp .pageimgAreaShow ul li {
  float: left;
  left: 0;
  top: 0;
}
.MAIN-COLUMN .csr .pageimgSp .pageimgAreaShow ul li img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}
.MAIN-COLUMN .csr .pageimgSp .pageimgAreaThumb {
  position: relative;
}
.MAIN-COLUMN .csr .pageimgSp .pageimgBtnPrev {
  position: absolute;
  left: 22px;
  top: 18px;
}
.MAIN-COLUMN .csr .pageimgSp .pageimgBtnNext {
  position: absolute;
  right: 22px;
  top: 18px;
}
.MAIN-COLUMN .m_boxes4 .ind dd {
    color: #555566 !important;
}

@media screen and (max-width: 768px) {
#area0 #leftBlock0csr {width: 100%;}
#area0 #rightBlock0csr {width: 100%;}
#rightBlock0csr .box img.movie{width: 100%;}
}
@media screen and (max-width: 480px) {
.RIGHT-SIDE {margin-top: 0px;}
}