html body {
	font: Verdana,meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

@media (min-width: 1400px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1110px;
	}
}
@media (min-width: 1450px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1160px;
	}
}
@media (min-width: 1500px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1210px;
	}
}
@media (min-width: 1550px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1260px;
	}
}
@media (min-width: 1600px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1310px;
	}
}
@media (min-width: 1650px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1360px;
	}
}
@media (min-width: 1700px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1410px;
	}
}
@media (min-width: 1750px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1460px;
	}
}
@media (min-width: 1800px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1510px;
	}
}
@media (min-width: 1850px) {
	body #htlMainContent, body #RthCustomizeW {
		width: 1560px;
	}
}

/*
 * KiSlider
 */
/* ------------- General ------------- */
body {
  /* background: red; */
}
/*
************************************************
** Common Styles - 1-1
************************************************
* csa: cs_anchor, css: cs_slide
* 
*/
.kislider {
  display: inline-block;
  position: relative;
  height: 500px;
  width: 100%;
}
.kislider,
.kislider *,
.kislider *:after,
.kislider *:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.kislider > .csa {
  display: none;
}
.kislider > ul {
  position: relative;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  height: 500px;
  overflow: hidden;
  white-space: nowrap;
}
.kislider > ul > .cs_skeleton {
  width: 100%;
  visibility: hidden;
  font-size: 0px;
  line-height: 0;
}
.kislider > ul > .slide.img img {
  width: 100%;
}
.kislider > ul > .slide.img a {
  font-size: 0pt;
  color: transparent;
}
.kislider > ul > .slide {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 15px;
  font-size: initial;
  line-height: normal;
  white-space: normal;
  vertical-align: top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.kislider .cs_engine {
  position: absolute;
  top: -9999px;
  left: -9999px;
  font-size: 0pt;
  opacity: 0;
  filter: alpha(opacity=0);
}
.kislider > ul > li.img,
.kislider > .cs_arrowprev,
.kislider > .cs_arrownext,
.kislider > .cs_bullets,
.kislider > .cs_play_pause {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*
************************************************
** Common Arrows 1-2
************************************************
*/
@-webkit-keyframes arrow {
  0%,
  19.99% {
    opacity: 1;
    z-index: 5;
  }
  20%,
  100% {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes arrow {
  0%,
  19.99% {
    opacity: 1;
    z-index: 5;
  }
  20%,
  100% {
    opacity: 0;
    z-index: -1;
  }
}
.kislider > .kis-arrows-box {
  position: absolute;
  top: 50%;
  z-index: 5;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.kislider > .kis-arrows-box > label {
  position: absolute;
  text-decoration: none;
  cursor: pointer;
  opacity: 0;
  z-index: -1;
}
.kislider > .slide:checked ~ .cs_arrowprev > label,
.kislider > .slide:checked ~ .cs_arrownext > label {
  opacity: 0;
  z-index: -1;
}
.kislider > #css1_0:checked ~ .cs_arrowprev > label.n4,
.kislider > #cs_pause1_0:checked ~ .cs_arrowprev > label.n4,
.kislider > #css1_0:checked ~ .cs_arrownext > label.n1,
.kislider > #cs_pause1_0:checked ~ .cs_arrownext > label.n1,
.kislider > #css1_1:checked ~ .cs_arrowprev > label.n0,
.kislider > #cs_pause1_1:checked ~ .cs_arrowprev > label.n0,
.kislider > #css1_1:checked ~ .cs_arrownext > label.n2,
.kislider > #cs_pause1_1:checked ~ .cs_arrownext > label.n2,
.kislider > #css1_2:checked ~ .cs_arrowprev > label.n1,
.kislider > #cs_pause1_2:checked ~ .cs_arrowprev > label.n1,
.kislider > #css1_2:checked ~ .cs_arrownext > label.n3,
.kislider > #cs_pause1_2:checked ~ .cs_arrownext > label.n3,
.kislider > #css1_3:checked ~ .cs_arrowprev > label.n2,
.kislider > #cs_pause1_3:checked ~ .cs_arrowprev > label.n2,
.kislider > #css1_3:checked ~ .cs_arrownext > label.n4,
.kislider > #cs_pause1_3:checked ~ .cs_arrownext > label.n4,
.kislider > #css1_4:checked ~ .cs_arrowprev > label.n3,
.kislider > #cs_pause1_4:checked ~ .cs_arrowprev > label.n3,
.kislider > #css1_4:checked ~ .cs_arrownext > label.n0,
.kislider > #cs_pause1_4:checked ~ .cs_arrownext > label.n0 {
  opacity: 1;
  z-index: 5;
}
.kislider > #cs_play1:checked ~ .cs_arrowprev > label.n4,
.kislider > #cs_play1:checked ~ .cs_arrownext > label.n1 {
  -webkit-animation: arrow 40000ms infinite -2000ms;
  -o-animation: arrow 40000ms infinite -2000ms;
  animation: arrow 40000ms infinite -2000ms;
}
.kislider > #cs_play1:checked ~ .cs_arrowprev > label.n0,
.kislider > #cs_play1:checked ~ .cs_arrownext > label.n2 {
  -webkit-animation: arrow 40000ms infinite 6000ms;
  -o-animation: arrow 40000ms infinite 6000ms;
  animation: arrow 40000ms infinite 6000ms;
}
.kislider > #cs_play1:checked ~ .cs_arrowprev > label.n1,
.kislider > #cs_play1:checked ~ .cs_arrownext > label.n3 {
  -webkit-animation: arrow 40000ms infinite 14000ms;
  -o-animation: arrow 40000ms infinite 14000ms;
  animation: arrow 40000ms infinite 14000ms;
}
.kislider > #cs_play1:checked ~ .cs_arrowprev > label.n2,
.kislider > #cs_play1:checked ~ .cs_arrownext > label.n4 {
  -webkit-animation: arrow 40000ms infinite 22000ms;
  -o-animation: arrow 40000ms infinite 22000ms;
  animation: arrow 40000ms infinite 22000ms;
}
.kislider > #cs_play1:checked ~ .cs_arrowprev > label.n3,
.kislider > #cs_play1:checked ~ .cs_arrownext > label.n0 {
  -webkit-animation: arrow 40000ms infinite 30000ms;
  -o-animation: arrow 40000ms infinite 30000ms;
  animation: arrow 40000ms infinite 30000ms;
}
.kislider > .slide:checked ~ .cs_arrowprev > label,
.kislider > .slide:checked ~ .cs_arrownext > label,
.kislider > .pause:checked ~ .cs_arrowprev > label,
.kislider > .pause:checked ~ .cs_arrownext > label {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
/*
************************************************
** General Bullets 1-3
************************************************
*/
.kislider > .kis-bullets-box {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 6;
  font-size: 0;
  line-height: 8pt;
  text-align: center;
}
.kislider > .kis-bullets-box > div {
  margin-left: -50%;
  width: 100%;
}
.kislider > .kis-bullets-box > label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.kislider > .kis-bullets-box > label > .cs_thumb {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  z-index: 1;
  line-height: 0;
  /*
			left: -60px;
			top: -60px;
			*/
  /**/
  height: 60px;
  left: -60px;
  top: -60px;
}
.kislider > .kis-bullets-box > label > .cs_thumb > img {
  max-width: none;
  /**/
  max-height: 100%;
}
/*
************************************************
** General Play Pause 1-4
************************************************
*/
@-webkit-keyframes pauseChange {
  0%,
  19.99% {
    opacity: 1;
    z-index: 5;
  }
  20%,
  100% {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes pauseChange {
  0%,
  19.99% {
    opacity: 1;
    z-index: 5;
  }
  20%,
  100% {
    opacity: 0;
    z-index: -1;
  }
}
.kislider > .cs_play_pause {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
}
.kislider > .cs_play_pause > label {
  position: absolute;
  cursor: pointer;
}
.kislider > #cs_play1:checked ~ .cs_play_pause > .cs_pause,
.kislider > .slide:checked ~ .cs_play_pause > .cs_play,
.kislider > .pause:checked ~ .cs_play_pause > .cs_play {
  display: block;
  z-index: 5;
}
.kislider > #cs_play1:checked ~ .cs_play_pause > .cs_play,
.kislider > .slide:checked ~ .cs_play_pause > .cs_pause,
.kislider > .pause:checked ~ .cs_play_pause > .cs_pause {
  display: none;
  z-index: -1;
}
.kislider > #cs_play1:checked ~ .cs_play_pause > .cs_pause.n0 {
  opacity: 0;
  z-index: -1;
  -webkit-animation: pauseChange 40000ms infinite -2000ms;
  -o-animation: pauseChange 40000ms infinite -2000ms;
  animation: pauseChange 40000ms infinite -2000ms;
}
.kislider > #cs_play1:checked ~ .cs_play_pause > .cs_pause.n1 {
  opacity: 0;
  z-index: -1;
  -webkit-animation: pauseChange 40000ms infinite 6000ms;
  -o-animation: pauseChange 40000ms infinite 6000ms;
  animation: pauseChange 40000ms infinite 6000ms;
}
.kislider > #cs_play1:checked ~ .cs_play_pause > .cs_pause.n2 {
  opacity: 0;
  z-index: -1;
  -webkit-animation: pauseChange 40000ms infinite 14000ms;
  -o-animation: pauseChange 40000ms infinite 14000ms;
  animation: pauseChange 40000ms infinite 14000ms;
}
.kislider > #cs_play1:checked ~ .cs_play_pause > .cs_pause.n3 {
  opacity: 0;
  z-index: -1;
  -webkit-animation: pauseChange 40000ms infinite 22000ms;
  -o-animation: pauseChange 40000ms infinite 22000ms;
  animation: pauseChange 40000ms infinite 22000ms;
}
.kislider > #cs_play1:checked ~ .cs_play_pause > .cs_pause.n4 {
  opacity: 0;
  z-index: -1;
  -webkit-animation: pauseChange 40000ms infinite 30000ms;
  -o-animation: pauseChange 40000ms infinite 30000ms;
  animation: pauseChange 40000ms infinite 30000ms;
}
.kislider > .slide:checked ~ .cs_play_pause > .cs_pause,
.kislider > .pause:checked ~ .cs_play_pause > .cs_pause {
  -webkit-animation: none;
  animation: none;
}
/*
************************************************
** EFFECT - kenburn
************************************************
*/
@-webkit-keyframes kenburns1 {
  0.001%,
  19.999% {
    z-index: 2;
  }
  0%,
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  5%,
  20% {
    opacity: 1;
  }
  25%,
  80% {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20.001%,
  100% {
    z-index: 1;
  }
}
@keyframes kenburns1 {
  0.001%,
  19.999% {
    z-index: 2;
  }
  0%,
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  5%,
  20% {
    opacity: 1;
  }
  25%,
  80% {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20.001%,
  100% {
    z-index: 1;
  }
}
.kislider > ul > .slide {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 24000ms cubic-bezier(0.84, 0.97, 0.855, 1);
  transition: opacity 2000ms ease, -webkit-transform 24000ms cubic-bezier(0.84, 0.97, 0.855, 1), transform 24000ms cubic-bezier(0.84, 0.97, 0.855, 1);
}
.kislider > ul > .slide.n0 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.kislider > ul > .slide.n1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.kislider > ul > .slide.n2 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.kislider > ul > .slide.n3 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.kislider > ul > .slide.n4 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.kislider > #css1_0:checked ~ ul > .slide.n0,
.kislider > #cs_pause1_0:checked ~ ul > .slide.n0,
.kislider > #css1_1:checked ~ ul > .slide.n1,
.kislider > #cs_pause1_1:checked ~ ul > .slide.n1,
.kislider > #css1_2:checked ~ ul > .slide.n2,
.kislider > #cs_pause1_2:checked ~ ul > .slide.n2,
.kislider > #css1_3:checked ~ ul > .slide.n3,
.kislider > #cs_pause1_3:checked ~ ul > .slide.n3,
.kislider > #css1_4:checked ~ ul > .slide.n4,
.kislider > #cs_pause1_4:checked ~ ul > .slide.n4 {
  opacity: 1;
  z-index: 2;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.kislider > #cs_play1:checked ~ ul > .slide.n0 {
  -webkit-animation: kenburns1 40000ms infinite -2000ms linear;
  -o-animation: kenburns1 40000ms infinite -2000ms linear;
  animation: kenburns1 40000ms infinite -2000ms linear;
}
.kislider > #cs_play1:checked ~ ul > .slide.n1 {
  -webkit-animation: kenburns1 40000ms infinite 6000ms linear;
  -o-animation: kenburns1 40000ms infinite 6000ms linear;
  animation: kenburns1 40000ms infinite 6000ms linear;
}
.kislider > #cs_play1:checked ~ ul > .slide.n2 {
  -webkit-animation: kenburns1 40000ms infinite 14000ms linear;
  -o-animation: kenburns1 40000ms infinite 14000ms linear;
  animation: kenburns1 40000ms infinite 14000ms linear;
}
.kislider > #cs_play1:checked ~ ul > .slide.n3 {
  -webkit-animation: kenburns1 40000ms infinite 22000ms linear;
  -o-animation: kenburns1 40000ms infinite 22000ms linear;
  animation: kenburns1 40000ms infinite 22000ms linear;
}
.kislider > #cs_play1:checked ~ ul > .slide.n4 {
  -webkit-animation: kenburns1 40000ms infinite 30000ms linear;
  -o-animation: kenburns1 40000ms infinite 30000ms linear;
  animation: kenburns1 40000ms infinite 30000ms linear;
}
.kislider > #cs_play1:checked ~ ul > .slide,
.kislider > .pause:checked ~ ul > .slide {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
/*
************************************************
** Template Show on hover
************************************************
*/
.kislider > .cs_play_pause {
  -webkit-transition: .4s all 0s ease;
  -o-transition: .4s all 0s ease;
  transition: .4s all 0s ease;
}
.kislider > .cs_arrowprev {
  -webkit-transition: .4s all .15s ease;
  -o-transition: .4s all .15s ease;
  transition: .4s all .15s ease;
}
.kislider > .cs_arrownext {
  -webkit-transition: .4s all .3s ease;
  -o-transition: .4s all .3s ease;
  transition: .4s all .3s ease;
}
.kislider > .cs_arrowprev,
.kislider > .cs_arrownext,
.kislider > .cs_play_pause {
  opacity: 0;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
}
.kislider:hover > .cs_arrowprev,
.kislider:hover > .cs_arrownext,
.kislider:hover > .cs_play_pause {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/*
************************************************
** Template Arrows
************************************************
*/
@keyframes nextArrow {
  0%,
  100% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);
  }
  75% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px);
    transform: translateX(-2px);
  }
}
@-webkit-keyframes nextArrow {
  0%,
  100% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);
  }
  75% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px);
    transform: translateX(-2px);
  }
}
@-webkit-keyframes prevArrow {
  0%,
  100% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  75% {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);
  }
}
@keyframes prevArrow {
  0%,
  100% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  75% {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);
  }
}
.kislider > .cs_arrowprev > label,
.kislider > .cs_arrownext > label {
  /* ob */
  max-width: none;
  /* ob */
  padding: 17px;
  height: 23px;
  width: 23px;
  margin-top: -28px;
  margin-left: -28px;
  background-color: #fefefe;
  border-radius: 50%;
}
.kislider > .cs_arrowprev > label,
.kislider > .cs_arrownext > label,
.kislider > .cs_arrowprev > label span:after,
.kislider > .cs_arrownext > label span:after {
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
.kislider > .cs_arrowprev {
  margin-left: 2px;
  left: 45px;
}
.kislider > .cs_arrownext {
  margin-right: 2px;
  right: 45px;
}
.kislider > .cs_arrowprev > label span,
.kislider > .cs_arrownext > label span {
  display: block;
  color: #3A4A5A;
}
.kislider > .cs_arrowprev > label span:after,
.kislider > .cs_arrownext > label span:after {
  display: block;
  /*font: 21px 'Glyphicons Halflings';*/
  font: normal normal normal 21px/1 FontAwesome;
  line-height: 23px;
  text-align: center;
}
/* IE10+ hack */
_:-ms-input-placeholder,
:root .kislider > .cs_arrowprev > label span:after {
  line-height: 29px;
}
_:-ms-input-placeholder,
:root .kislider > .cs_arrownext > label span:after {
  line-height: 29px;
}
.kislider > .cs_arrowprev > label span:after {
  /*content: '\e079';
  content: '\f104';*/
  content: '\f053';
}
.kislider > .cs_arrownext > label span:after {
  /*content: '\e080';
  content: '\f105';*/
  content: '\f054';
}
.kislider > .cs_arrowprev:hover > label,
.kislider > .cs_arrownext:hover > label {
  background-color: #ffffff;
}
.kislider > .cs_arrownext:hover > label span {
  color: #000;
  -webkit-animation: nextArrow .7s infinite ease-in-out;
  -o-animation: nextArrow .7s infinite ease-in-out;
  animation: nextArrow .7s infinite ease-in-out;
}
.kislider > .cs_arrowprev:hover > label span {
  color: #000;
  -webkit-animation: prevArrow .7s infinite ease-in-out;
  -o-animation: prevArrow .7s infinite ease-in-out;
  animation: prevArrow .7s infinite ease-in-out;
}
/*
************************************************
** Template Play Pause
************************************************
*/
@-webkit-keyframes playPause {
  0%,
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
  }
  75% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
@keyframes playPause {
  0%,
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
  }
  75% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
.kislider > .cs_play_pause > label {
  /* ob */
  max-width: none;
  /* ob */
  text-decoration: none;
  padding: 17px;
  height: 23px;
  width: 23px;
  margin-top: -28px;
  margin-left: -28px;
  background-color: #fefefe;
  border-radius: 50%;
}
.kislider > .cs_play_pause > label,
.kislider > .cs_play_pause > label span:after {
  -webkit-transition: background-color 0.4s ease, color 0.4s ease;
  -o-transition: background-color 0.4s ease, color 0.4s ease;
  transition: background-color 0.4s ease, color 0.4s ease;
}
.kislider > .cs_play_pause > label span {
  display: block;
  color: #3A4A5A;
}
.kislider > .cs_play_pause > label span:after {
  display: block;
  /*font: 21px 'Glyphicons Halflings';*/
  font: normal normal normal 21px/1 FontAwesome;
  line-height: 25px;
  text-align: center;
}
/* IE10+ hack */
_:-ms-input-placeholder,
:root .kislider > .cs_play_pause > label span:after {
  line-height: 28px;
}
.kislider > .cs_play_pause > .cs_play span:after {
  /*content: '\e072';*/
  content: '\f04b';
}
.kislider > .cs_play_pause > .cs_pause span:after {
  /*content: '\e073';*/
  content: '\f04c';
}
.kislider > .cs_play_pause:hover > label {
  background-color: #ffffff;
}
.kislider > .cs_play_pause:hover > label span {
  color: #000;
  -webkit-animation: playPause .7s infinite ease-in-out;
  -o-animation: playPause .7s infinite ease-in-out;
  animation: playPause .7s infinite ease-in-out;
}
/*
************************************************
** Template Bullets
************************************************
*/
.kislider > .cs_bullets {
  bottom: 5px;
  margin-bottom: 5px;
}
.kislider > .cs_bullets > label {
  border-radius: 50%;
  margin: 0 5px;
  padding: 9px;
  background: #fefefe;
}
.kislider > .cs_bullets > label > .cs_thumb {
  border: 3px solid #fefefe;
  margin-top: -150%;
  margin-left: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.kislider > .cs_bullets > label > .cs_thumb:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  bottom: -9px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fefefe;
}
.kislider > .cs_bullets > label:hover > .cs_thumb {
  margin-top: -12px;
  opacity: 1;
  visibility: visible;
}
.kislider > .cs_bullets > label > .cs_point {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  margin-top: -2px;
  background: transparent;
  border-radius: 50%;
  padding: 2px;
}
.kislider > .cs_bullets > label:hover > .cs_point,
.kislider > #css1_0:checked ~ .cs_bullets > label.n0 > .cs_point,
.kislider > #cs_pause1_0:checked ~ .cs_bullets > label.n0 > .cs_point,
.kislider > #css1_1:checked ~ .cs_bullets > label.n1 > .cs_point,
.kislider > #cs_pause1_1:checked ~ .cs_bullets > label.n1 > .cs_point,
.kislider > #css1_2:checked ~ .cs_bullets > label.n2 > .cs_point,
.kislider > #cs_pause1_2:checked ~ .cs_bullets > label.n2 > .cs_point,
.kislider > #css1_3:checked ~ .cs_bullets > label.n3 > .cs_point,
.kislider > #cs_pause1_3:checked ~ .cs_bullets > label.n3 > .cs_point,
.kislider > #css1_4:checked ~ .cs_bullets > label.n4 > .cs_point,
.kislider > #cs_pause1_4:checked ~ .cs_bullets > label.n4 > .cs_point {
  background: #3A4A5A;
}
@keyframes bullet {
  0%,
  19.99% {
    background: #3A4A5A;
  }
  20%,
  100% {
    background: transparent;
  }
}
@-webkit-keyframes bullet {
  0%,
  19.99% {
    background: #3A4A5A;
  }
  20%,
  100% {
    background: transparent;
  }
}
.kislider > #cs_play1:checked ~ .cs_bullets > label.n0 > .cs_point,
.kislider > #cs_pause1:checked ~ .cs_bullets > label.n0 > .cs_point {
  -webkit-animation: bullet 40000ms infinite -2000ms;
  animation: bullet 40000ms infinite -2000ms;
}
.kislider > #cs_play1:checked ~ .cs_bullets > label.n1 > .cs_point,
.kislider > #cs_pause1:checked ~ .cs_bullets > label.n1 > .cs_point {
  -webkit-animation: bullet 40000ms infinite 6000ms;
  animation: bullet 40000ms infinite 6000ms;
}
.kislider > #cs_play1:checked ~ .cs_bullets > label.n2 > .cs_point,
.kislider > #cs_pause1:checked ~ .cs_bullets > label.n2 > .cs_point {
  -webkit-animation: bullet 40000ms infinite 14000ms;
  animation: bullet 40000ms infinite 14000ms;
}
.kislider > #cs_play1:checked ~ .cs_bullets > label.n3 > .cs_point,
.kislider > #cs_pause1:checked ~ .cs_bullets > label.n3 > .cs_point {
  -webkit-animation: bullet 40000ms infinite 22000ms;
  animation: bullet 40000ms infinite 22000ms;
}
.kislider > #cs_play1:checked ~ .cs_bullets > label.n4 > .cs_point,
.kislider > #cs_pause1:checked ~ .cs_bullets > label.n4 > .cs_point {
  -webkit-animation: bullet 40000ms infinite 30000ms;
  animation: bullet 40000ms infinite 30000ms;
}
.kislider > #cs_play1:checked ~ .cs_bullets > label > .cs_point,
.kislider > .pause:checked ~ .cs_bullets > label > .cs_point {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.kislider > .slide:checked ~ .cs_bullets > label > .cs_point,
.kislider > .pause:checked ~ .cs_bullets > label > .cs_point {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
/*
************************************************
** hide description & bullets on mobile devices
************************************************
*/
@media only screen and (max-width: 480px), only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px), only screen and (max--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and (-o-max-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and (max-device-pixel-ratio: 2) and (max-width: 480px), only screen and (max-resolution: 192dpi) and (max-width: 480px), only screen and (max-resolution: 2dppx) and (max-width: 480px) {
  .kislider > .cs_description,
  .kislider > .cs_bullets {
    display: none;
  }
}
@media only screen and (max-width: 1920px) {
  .kislider,
  .kislider > ul {
    height: auto;
  }
}


.ctn {
  margin: auto;
  font: normal normal normal 16px/1 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}
.ctn.std {
  width: 950px;
}
.ctn * {
  box-sizing: border-box; 
}
.row {
  /*background-color: pink;*/
}
.bzl {
  padding-bottom: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #666;
}

.clearfix, .row:after {
  clear: both;
}
.clearfix:before, .clearfix:after,
.row:before, .row:after {
  display: table;
  content: " ";
}
.c-12, .c-11, .c-10, .c-9, .c-8, .c-7, .c-6, .c-5, .c-4, .c-3, .c-2, .c-1,
.cx8 {
  float: left;
}
.c-g-1 { padding: 1px; }
.c-g-5 { padding: 5px; }
.c-g-10 { padding: 10px; }
.c-g-15 { padding: 15px; }

.c-1 { width:  8.33333333%; }
.c-2 { width: 16.66666666%; }
.c-3 { width: 25%; }
.c-4 { width: 33.33333333%; }
.c-5 { width: 41.66666666%; }
.c-6 { width: 50%; }
.c-7 { width: 58.33333333%; }
.c-8 { width: 66.66666666%; }
.c-9 { width: 75%; }
.c-10 { width: 83.33333333%; }
.c-11 { width: 91.66666666%; }
.c-12 { width: 100%; }
.cx8 { width: 12.5%; }
.cx5 { width: 20%; }
.cx7 { width: 14.28571428%; }

.c-o-1 { margin-left:  8.33333333%; }
.c-o-2 { margin-left: 16.66666666%; }
.c-o-3 { margin-left: 25%; }
.c-o-4 { margin-left: 33.33333333%; }
.c-o-5 { margin-left: 41.66666666%; }
.c-o-6 { margin-left: 50%; }
.c-o-7 { margin-left: 58.33333333%; }
.c-o-8 { margin-left: 66.66666666%; }
.c-o-9 { margin-left: 75%; }
.c-o-10 { margin-left: 83.33333333%; }
.c-o-11 { margin-left: 91.66666666%; }
.c-o-12 { margin-left: 100%; }
.c-o-x8 { margin-left: 12.5%; }
.c-o-x5 { margin-left: 20%; }
.c-o-x7 { margin-left: 14.28571428%; }

.c-pull-1 { left:  8.33333333%; }
.c-pull-2 { left: 16.66666666%; }
.c-pull-3 { left: 25%; }
.c-pull-4 { left: 33.33333333%; }
.c-pull-5 { left: 41.66666666%; }
.c-pull-6 { left: 50%; }
.c-pull-7 { left: 58.33333333%; }
.c-pull-8 { left: 66.66666666%; }
.c-pull-9 { left: 75%; }
.c-pull-10 { left: 83.33333333%; }
.c-pull-11 { left: 91.66666666%; }
.c-pull-12 { left: 100%; }
.c-pull-x8 { left: 12.5%; }
.c-pull-x5 { left: 20%; }
.c-pull-x7 { left: 14.28571428%; }

.c-push-1 { right:  8.33333333%; }
.c-push-2 { right: 16.66666666%; }
.c-push-3 { right: 25%; }
.c-push-4 { right: 33.33333333%; }
.c-push-5 { right: 41.66666666%; }
.c-push-6 { right: 50%; }
.c-push-7 { right: 58.33333333%; }
.c-push-8 { right: 66.66666666%; }
.c-push-9 { right: 75%; }
.c-push-10 { right: 83.33333333%; }
.c-push-11 { right: 91.66666666%; }
.c-push-12 { right: 100%; }
.c-push-x8 { right: 12.5%; }
.c-push-x5 { right: 20%; }
.c-push-x7 { right: 14.28571428%; }

.text-right {
  text-align: right;
}
.ni { text-indent: 0; }
.tc {
  text-align: center;
  text-indent: 0;
}
.to {
  color: #f15a24;
}
.tb {
  color: #2d7bb3;
}
.ir {
  max-width: 100%;
  vertical-align: text-bottom;
}
.bb {
  display: inline-block;
  border-radius: 7px;
  border: 2px solid #999;
  padding: 10px 15px;
  margin-top: 10px;
  text-indent: 0;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
}
.bb:hover {
  opacity: 0.7;
}
.btn-orange.bb {
  border-color: #f15a24;
  color: #f15a24 !important;
}
.btn-blue.bb {
  border-color: #2d7bb3;
  color: #2d7bb3 !important;
}

.std a {
  color: #337ab7;
  text-decoration: none;
  background-color: transparent;
}
.std p {
  line-height: 1.5em;
  margin: 0.1em 0;
  text-indent: 1em;
}
.std ul {
  
}
.std ul li {
  margin-bottom: 0.2em;
}
.std .h {
  margin-bottom: 15px;
}
.std .h p {
  font-size: 18px;
  margin: 0 !important;
  text-indent: 0;
}

.std h2, .std .h2 {
  font-size: 37px;
  margin-bottom: 0.2em;
}
.std h3, .std .h3 {
  font-size: 30px;
  margin-bottom: 0.2em;
}
.std h4, .std .h4 {
  font-size: 26px;
  margin-bottom: 0.2em;
}

ul.hlist-plain {
  list-style: none;
}
ul.hlist-plain li {
  /*display: inline-block;*/
}

#top-gnav {
  margin-bottom: 10px;
}
ul.gnav {
  padding: 0;
}
.gnav li {
  border-left: 1px dotted #999;
}
.gnav li:last-child {
  border-right: 1px dotted #999;
}
.gnav li a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #000;
  font-size: 15px;
}
.gnav li a:hover {
  background-color: #efefef;
}
.gnav li a > .en {
  display: block;
  padding-top: 5px;
  font-size: 12px;
}

.gap-bottom {
  margin-bottom: 15px;
}

p:first-child {
  margin-top: 15px;
}
p:last-child {
  margin-bottom: 15px;
}
.ip {
  padding: 15px;
}
.lead {
  font-size: 18px;
  font-weight: bold;
}

figure,
.figure {
  margin: 0;
}
.figure > .figcaption,
figure > figcaption {
  line-height: 2em;
  font-size: 15px;
} 
.bzl-campaigns a {
  color: #b22222;
  font-weight: bold;
}
.bzl-campaigns a img {
  max-width: 100%;
  vertical-align: text-bottom;
}

/****************
 * table
 */
.tbl {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-spacing: 0;
  border-collapse: collapse;
}
.tbl>tbody>tr>td,
.tbl>tbody>tr>th,
.tbl>tfoot>tr>td,
.tbl>tfoot>tr>th,
.tbl>thead>tr>td,
.tbl>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.tbl.th-tctr th,
.tbl.th-text-centered th {
    text-align: center;
    white-space: nowrap;
}
.p1 { padding: 0.5rem; }
.p2 { padding: 1rem; }
.p3 { padding: 1.5rem; }
.px1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.px2 { padding-top: 1rem; padding-bottom: 1rem; }
.px3 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py2 { padding-top: 1rem; padding-bottom: 1rem; }
.py3 { padding-top: 1.5rem; padding-bottom: 1.5rem; }


/**
 **
 **/
/*http://img.travel.rakuten.co.jp/share/themes/review/voice/images/voice_sprite.gif*/
/**
 * cA: commentArea, cB: commentBox, cN: commentNote, cS: commentSentence;
 * cRB: commentReputationBoth, cR: commentReputation, cT: commentTitle
 */
div#cA div.cB{
  margin-bottom: 10px;
  padding-top: 8px;
  border: 1px solid #CCCCCC;
}

/* kiss */
div#cA a {
  text-decoration: none;
}
div#cA a:link {
  color: #5454f6;
}
div#cA p {
  margin: 0;
}
/* /kiss */
.RthDomestic div#cA div.cB{ background-color: #EDF9E3;}
.RthForeign div#cA { background-color: #D5E7FD;}

div#cA .cRate{
  margin-bottom: 5px;
  margin-right: 15px;
  padding: 0 0 0 5px;
  font-weight: bold;
  // color: #CC0000;
  white-space: nowrap;
  line-height: 1.1;
}
div#cA .cRate em{
  width: auto;
  padding: 1px 5px;
  color: #FFFFFF;
  font-style: normal;
  font-size: 82%;
}
div#cA .cRate em.sum { background-color: #CC0000;}

div#cA .cRate span.rate{
  padding: 0 0 0 80px;
  background-repeat: no-repeat;
  background-image: url(http://img.travel.rakuten.co.jp/share/themes/review/voice/images/voice_sprite.gif);
  line-height: 1.0;
  font-size: 90%;
}
div#cA .cRate span.rate50{ background-position: 5px -480px;}
div#cA .cRate span.rate40{ background-position: 5px -520px;}
div#cA .cRate span.rate30{ background-position: 5px -560px;}
div#cA .cRate span.rate20{ background-position: 5px -600px;}
div#cA .cRate span.rate10{ background-position: 5px -640px;}
div#cA .cRate span.rate00{ background-position: 5px -680px;}

div#cA .cT{
  clear: both;
  margin: 0 0 8px 6px;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.1;
}

div#cA dl {
  /*  kiss */
  margin: 5px 5px 10px 10px;
  padding: 5px 5px 5px 5px;
}
div#cA dl dd {
  margin: 0;
}
div#cA .cR {
  box-sizing: border-box;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #F5B624;
  background-color: #FFFFFF;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

div#cA .cR .head dt {
  margin-bottom: 8px;
  padding: 0 3px 3px 30px;
  border-bottom: 1px dotted #F5B624;
  background-repeat: no-repeat;
  background-image: url(http://img.travel.rakuten.co.jp/share/themes/review/voice/images/voice_sprite.gif);
  background-position: -158px -507px;
  line-height: 1.1;
}
div#cA .cR .foot {
  border-top: 1px solid #F5B624;
  padding-top: 15px;
  font-size: 82%;
  line-height: 1.5;
}
div#cA .cR .foot dt {
  font-weight: bold;
  margin-bottom: 3px;
}
div#cA .cR .foot dd {
  margin-bottom: 3px;
  margin-left: 10px;
}


div#cA .commentHotel{
  border: 1px solid #73A434;
  box-sizing: border-box;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #FFFFFF;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
div#cA .commentHotel dt {
  margin-bottom: 8px;
  padding: 0 0 3px 30px;
  border-bottom: 1px dotted #73A434;
  background-repeat: no-repeat;
  background-image: url(http://img.travel.rakuten.co.jp/share/themes/review/voice/images/voice_sprite.gif);
  background-position: -158px -607px;
  line-height: 1.1;
}

div#cA p.cS {
  font-size: 82%;
  line-height: 1.6;
  text-indent: 0;
}
div#cA p.cS  strong{
  background-color: #FFB2FF;
    font-style: normal;
    font-weight: bold;
    padding: 0 2px;
}

div#cA dl dt span{
  font-size: 82%;
  vertical-align: 4px;
}
div#cA dl dd{
  margin: 0;
}
div#cA dl dt span.user{
}
div#cA dl dt span.hotel{
  color: #437617;
}
div#cA dl dt span.time{
  display: block;
  text-align: right;
}
div#cA div.commentVote{/
  position: relative;
  margin: 0 8px 8px 0;
  padding: 7px;
  background-color: #FCF6DD;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
}
div#cA div.commentVote p.voteTitle{
  margin-bottom: 5px;
  color: #BC4305;
  font-size: 65%;
  font-weight: bold;
}
div#cA div.commentVote div.voteQuestion{
  display: inline-block;
  width: 100%;
}
div#cA div.commentVote div.voteQuestion p{
  float: left;
  width: auto;
  background-image: none;
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
  font-size: 82%;
}
div#cA div.commentVote div.voteQuestion p.result{
  color: #BB4305;
    float: left;
    padding-right: 10px;
}
div#cA div.commentVote ul{
  float: right;
  width: 102px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
div#cA div.commentVote ul li{
  float: left;
  width: 45px;
  height: 17px;
  padding-left: 6px;
  margin-right: 6px;
}
div#cA div.commentVote ul li a{
  display: block;
  width: 45px;
  height: 17px;
  background-repeat: no-repeat;
  background-image: url(http://img.travel.rakuten.co.jp/share/themes/review/voice/images/voice_sprite.gif);
  text-indent: -9999px;
  overflow: hidden;
}

div#cA div.commentVote ul li.btTrue a:link,
div#cA div.commentVote ul li.btTrue a:visited    { background-position: 0 -740px;}

div#cA div.commentVote ul li.btTrue a:visited:hover,
div#cA div.commentVote ul li.btTrue a:link:hover,
div#cA div.commentVote ul li.btTrue a:visited:active,
div#cA div.commentVote ul li.btTrue a:link:active{ background-position: 0 -760px;}

div#cA div.commentVote ul li.btFalse a:link,
div#cA div.commentVote ul li.btFalse a:visited    { background-position: -50px -740px;}

div#cA div.commentVote ul li.btFalse a:visited:hover,
div#cA div.commentVote ul li.btFalse a:link:hover,
div#cA div.commentVote ul li.btFalse a:visited:active,
div#cA div.commentVote ul li.btFalse a:link:active{ background-position: -50px -760px;}

div#cA div.commentVote p.report{
  font-size: 65%;
}
div#cA div.commentVote p.report a{
  color: #666666;
}

div#cA dl.cP{
  margin: 0 8px 5px 0;
  padding: 0 3px 0 3px;
  font-size: 78%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  line-height: 1.2;
}
div#cA dl.cP dt{
  clear: both;
  float: left;
  width: 85px;
  margin: 0 0 7px 0;
  padding: 0;
  background-image: none;
  border: none; 
}
div#cA dl.cP dd{
  float: left;
  margin: 0;
  padding: 0 0 0 30px;
  background-image: none;
  border: none;
  background-repeat: no-repeat;
  background-image: url(http://img.travel.rakuten.co.jp/share/themes/review/voice/images/voice_sprite.gif);
  background-position: -160px -684px;
}
div.cRB dl.cP dd{ width: 226px;}

div#cA div.cN{
  margin: 0;
  padding: 6px;
  background-color: #FFFFFF;
  border-top: 1px dotted #CCCCCC;
}
div#cA div.cN dl dt{
  width: 100px;
  float: left;
  margin-bottom: 3px;
  padding: 0 3px;
  font-size: 65%;
  font-weight: bold;
}
div#cA div.cN dl dd{
  width: 800px;
  float: left;
  padding: 0 3px 0 13px;
  font-size: 82%;
}
div#cA div.cN dl dd.plan{
  margin-bottom: 7px;
}