@charset "UTF-8";
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/**
 * Calculate by rem
 */
/**
 * Font size by rem
 */
a {
  color: #412d19;
}

a:hover {
  color: #412d19;
  text-decoration: underline;
}

/**
 * Variables Base
 */
.f8px {
  font-size: 8px;
}

.f9px {
  font-size: 9px;
}

.f10px {
  font-size: 10px;
}

.f11px {
  font-size: 11px;
}

.f12px {
  font-size: 12px;
}

.f13px {
  font-size: 13px;
}

.f14px {
  font-size: 14px;
}

.f15px {
  font-size: 15px;
}

.f16px {
  font-size: 16px;
}

.f17px {
  font-size: 17px;
}

.f18px {
  font-size: 18px;
}

.f19px {
  font-size: 19px;
}

.f20px {
  font-size: 20px;
}

.f22px {
  font-size: 22px;
}

.f24px {
  font-size: 24px;
}

.f26px {
  font-size: 26px;
}

.f28px {
  font-size: 28px;
}

.f30px {
  font-size: 30px;
}

.f32px {
  font-size: 32px;
}

.fz80per {
  font-size: 80%;
}

.brown {
  color: #5b4e29;
}

.orange {
  color: #ff6f42;
}

.yellow {
  color: #ffaa00;
}

.yellowLight {
  color: #f2f6c7;
}

.violetLight {
  color: #e084c1;
}

.violetDark {
  color: #cb3298;
}

.green {
  color: #008e3f;
}

.greenLight {
  color: #d1eadc;
}

.blue {
  color: #0092d4;
}

.blueLight {
  color: #65bee5;
}

.blueDark {
  color: #0032cb;
}

.red {
  color: #fe5452;
}

.redDark {
  color: #961600;
}

.redLight {
  color: #c07365;
}

.gray {
  color: #b2b2b2;
}

.grayLight01 {
  color: #e6e4df;
}

.grayLight02 {
  color: #eeede9;
}

.grayDark {
  color: #4c4c4c;
}

.bg_floralWhite {
  background: #eeede9;
}

.bg_lightCyan {
  background: #D1CFC8;
}

/* Text align
-----------------------------------------------------------------------------------------------------------*/
.taCenter {
  text-align: center;
}

.taRight {
  text-align: right;
}

.taLeft {
  text-align: left;
}

/* Margin
-----------------------------------------------------------------------------------------------------------*/
.mL0 {
  margin-left: 0px !important;
}

.mL5 {
  margin-left: 5px !important;
}

.mL10 {
  margin-left: 10px !important;
}

.mL15 {
  margin-left: 15px !important;
}

.mL20 {
  margin-left: 20px !important;
}

.mL25 {
  margin-left: 25px !important;
}

.mL30 {
  margin-left: 30px !important;
}

.mL50 {
  margin-left: 50px !important;
}

.mR0 {
  margin-right: 0px !important;
}

.mR5 {
  margin-right: 5px !important;
}

.mR10 {
  margin-right: 10px !important;
}

.mR15 {
  margin-right: 15px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.mR25 {
  margin-right: 25px !important;
}

.mR30 {
  margin-right: 30px !important;
}

.mR50 {
  margin-right: 50px !important;
}

.mT0 {
  margin-top: 0px !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT15 {
  margin-top: 15px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT25 {
  margin-top: 25px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mT50 {
  margin-top: 50px !important;
}

.mB0 {
  margin-bottom: 0px !important;
}

.mB5 {
  margin-bottom: 5px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB15 {
  margin-bottom: 15px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB25 {
  margin-bottom: 25px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

/* Padding
-----------------------------------------------------------------------------------------------------------*/
.pL0 {
  padding-left: 0px !important;
}

.pL5 {
  padding-left: 5px !important;
}

.pL10 {
  padding-left: 10px !important;
}

.pL15 {
  padding-left: 14px !important;
}

.pL20 {
  padding-left: 20px !important;
}

.pL25 {
  padding-left: 25px !important;
}

.pL30 {
  padding-left: 29px !important;
}

.pL50 {
  padding-left: 50px !important;
}

.pL60 {
  padding-left: 60px !important;
}

.pR0 {
  padding-right: 0px !important;
}

.pR5 {
  padding-right: 5px !important;
}

.pR10 {
  padding-right: 10px !important;
}

.pR15 {
  padding-right: 15px !important;
}

.pR20 {
  padding-right: 20px !important;
}

.pR25 {
  padding-right: 25px !important;
}

.pR30 {
  padding-right: 30px !important;
}

.pR50 {
  padding-right: 50px !important;
}

.pR80 {
  padding-right: 80px !important;
}

.pR120 {
  padding-right: 120px !important;
}

.pT0 {
  padding-top: 0px !important;
}

.pT5 {
  padding-top: 5px !important;
}

.pT7 {
  padding-top: 7px !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT15 {
  padding-top: 15px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT25 {
  padding-top: 25px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pT50 {
  padding-top: 50px !important;
}

.pB0 {
  padding-bottom: 0px !important;
}

.pB5 {
  padding-bottom: 5px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB15 {
  padding-bottom: 15px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pB25 {
  padding-bottom: 25px !important;
}

.pB30 {
  padding-bottom: 30px !important;
}

.pB50 {
  padding-bottom: 50px !important;
}

.pA10 {
  padding: 10px;
}

.mA5 {
  margin: 5px;
}

.pA5 {
  padding: 5px;
}

/* Padding
-----------------------------------------------------------------------------------------------------------*/
.userProfile {
  height: 185px;
}

.userProfile2 {
  height: 220px;
}

/* Widht setting
-----------------------------------------------------------------------------------------------------------*/
.w280 {
  width: 300px;
}

.w265 {
  width: 265px;
}

.w250 {
  width: 250px;
}

/*
 utilities.scss
-----------------------------------------*/
.bx-viewport {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

p {
  padding: 0px;
  margin: 10px 0px;
  line-height: 1.7em;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a.ui-link {
  color: #000;
}
a.ui-link:hover {
  color: #ff6f42;
}

.borderAll {
  border: 1px #e6e4df solid;
  padding: 10px;
}

/**
 * Clear fix
 */
#list-content ul > li:before,
#list-contentTwo ul > li:before, .list > li:before, .wrap-button__more:before, .article-content:before, #bxSlider__published .published__item:before, .spanFooter:before, .banner-group:before, .list_item_3:before, .list_item_3 li:before, .list_item_2.spec li span:nth-child(2):before, .main .topcoat-list__container li:before, .list-exact-match li:before, .light_BoxPm071 .person_like .real-name__top:before, .lastest-rank > li:before, .lastest-rank__top:before, .bxSlider__rank .slider__rank:before, .bxSlider__rank .rank__header:before, .bxSlider__rank .rank__header .like__control:before, .bxSlider__rank .rank__part:before, .social-option ul:before, .list-ranking__select:before, .tab-content:before, .box-movieSearch:before, .see_list:before, .graphSummary .collapsible .close:before, .graphSummary .collapsible .wrap-detail p:before, .wrapp-navigation:before, .navi-m080:before, .kinenote-ads .logo-ads:before, .category-movie li:nth-child(2) .part-top:before, .category-movie li:nth-child(4) .part-top:before, .category-movie .category-content:before, .list-content_030 ul > li:before, .date_sec1:before, .date_sec1_top:before, .tableGroup .title:before, .wrap-change-calendar:before, .modal__header:before, #list-content ul > li:after,
#list-contentTwo ul > li:after, .list > li:after, .wrap-button__more:after, .article-content:after, #bxSlider__published .published__item:after, .spanFooter:after, .banner-group:after, .list_item_3:after, .list_item_3 li:after, .list_item_2.spec li span:nth-child(2):after, .main .topcoat-list__container li:after, .list-exact-match li:after, .light_BoxPm071 .person_like .real-name__top:after, .lastest-rank > li:after, .lastest-rank__top:after, .bxSlider__rank .slider__rank:after, .bxSlider__rank .rank__header:after, .bxSlider__rank .rank__header .like__control:after, .bxSlider__rank .rank__part:after, .social-option ul:after, .list-ranking__select:after, .tab-content:after, .box-movieSearch:after, .see_list:after, .graphSummary .collapsible .close:after, .graphSummary .collapsible .wrap-detail p:after, .wrapp-navigation:after, .navi-m080:after, .kinenote-ads .logo-ads:after, .category-movie li:nth-child(2) .part-top:after, .category-movie li:nth-child(4) .part-top:after, .category-movie .category-content:after, .list-content_030 ul > li:after, .date_sec1:after, .date_sec1_top:after, .tableGroup .title:after, .wrap-change-calendar:after, .modal__header:after {
  content: "";
  display: table;
}
#list-content ul > li:after,
#list-contentTwo ul > li:after, .list > li:after, .wrap-button__more:after, .article-content:after, #bxSlider__published .published__item:after, .spanFooter:after, .banner-group:after, .list_item_3:after, .list_item_3 li:after, .list_item_2.spec li span:nth-child(2):after, .main .topcoat-list__container li:after, .list-exact-match li:after, .light_BoxPm071 .person_like .real-name__top:after, .lastest-rank > li:after, .lastest-rank__top:after, .bxSlider__rank .slider__rank:after, .bxSlider__rank .rank__header:after, .bxSlider__rank .rank__header .like__control:after, .bxSlider__rank .rank__part:after, .social-option ul:after, .list-ranking__select:after, .tab-content:after, .box-movieSearch:after, .see_list:after, .graphSummary .collapsible .close:after, .graphSummary .collapsible .wrap-detail p:after, .wrapp-navigation:after, .navi-m080:after, .kinenote-ads .logo-ads:after, .category-movie li:nth-child(2) .part-top:after, .category-movie li:nth-child(4) .part-top:after, .category-movie .category-content:after, .list-content_030 ul > li:after, .date_sec1:after, .date_sec1_top:after, .tableGroup .title:after, .wrap-change-calendar:after, .modal__header:after {
  clear: both;
}

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.clear {
  clear: both;
}

.auto-height .heading-bar {
  height: auto !important;
}

#pageTop {
  margin: 15px 0 0 0;
  padding: 0 10px;
  text-align: right;
}

/*
	button.scss
--------------------------------------*/
.full {
  width: 100% !important;
}

.topcoat-button {
  line-height: 2rem;
}
.topcoat-button:hover {
  text-decoration: none !important;
  color: #fff !important;
}

.bRadius {
  border-radius: 4px;
}

.btn-social {
  width: 95px;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center;
}

.btn-small {
  line-height: inherit !important;
  height: 2.1875rem !important;
  padding: 0.625rem 0.625rem !important;
  font-size: 12px !important;
  background-color: #fff;
}

.btn-single {
  height: 2.75rem !important;
  padding: 0.625rem 1.875rem !important;
  margin: 0.3125rem auto !important;
  font-size: 16px !important;
  line-height: 25px !important;
}

.btn-small-float {
  height: 2.1875rem !important;
  padding: 10px 10px !important;
  font-size: 12px !important;
}

.btn-tiny {
  height: 1.25rem !important;
  padding: 0.1875rem !important;
  font-size: 12px !important;
}

.button-bar {
  display: table;
  table-layout: fixed;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.button-bar__item {
  display: table-cell;
  width: auto;
  border-radius: 0;
}

.button-bar__item > input {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  opacity: 0.001;
  z-index: 1;
  vertical-align: top;
  outline: none;
}

.button-bar__button {
  border-radius: inherit;
}

.button-bar__item:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.button,
.topcoat-button,
.topcoat-button--quiet,
.topcoat-button--large,
.topcoat-button--large--quiet,
.topcoat-button--cta,
.topcoat-button--large--cta,
.topcoat-button-bar__button,
.topcoat-button-bar__button--large {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
}

.button--quiet {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

.button--disabled,
.topcoat-button:disabled,
.topcoat-button--quiet:disabled,
.topcoat-button--large:disabled,
.topcoat-button--large--quiet:disabled,
.topcoat-button--cta:disabled,
.topcoat-button--large--cta:disabled,
.topcoat-button-bar__button:disabled,
.topcoat-button-bar__button--large:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.topcoat-button,
.topcoat-button--quiet,
.topcoat-button--large,
.topcoat-button--large--quiet,
.topcoat-button--cta,
.topcoat-button--large--cta,
.topcoat-button-bar__button,
.topcoat-button-bar__button--large {
  padding: 0.875rem 1.25rem;
  font-size: 14px;
  /*  line-height: calc-rem(44px)!important;*/
  height: 2.75rem;
  letter-spacing: 1px;
  color: #eeede9;
  /*text-shadow: 0 1px #fff;*/
  vertical-align: top;
  background-color: #5b4e29;
  /*box-shadow: inset 0 1px #fff;*/
  /*border: 1px solid #a5a8a8;*/
  /*border-radius: 6px;*/
}

.topcoat-button:hover,
.topcoat-button--quiet:hover,
.topcoat-button--large:hover,
.topcoat-button--large--quiet:hover,
.topcoat-button-bar__button:hover,
.topcoat-button-bar__button--large:hover {
  background: #ff6f42;
}

.topcoat-button:active,
.topcoat-button--large:active,
.topcoat-button-bar__button:active,
.topcoat-button-bar__button--large:active,
:checked + .topcoat-button-bar__button {
  background-color: #ffaa00;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.12);
}

.topcoat-button:focus,
.topcoat-button--quiet:focus,
.topcoat-button--large:focus,
.topcoat-button--large--quiet:focus,
.topcoat-button--cta:focus,
.topcoat-button--large--cta:focus,
.topcoat-button-bar__button:focus,
.topcoat-button-bar__button--large:focus {
  /*border: 1px solid #0940fd;
  box-shadow: 0 0 0 2px $orange;*/
  outline: 0;
}

.topcoat-button--quiet {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

.topcoat-button--quiet:hover,
.topcoat-button--large--quiet:hover {
  text-shadow: 0 1px #fff;
  border: 1px solid #a5a8a8;
  box-shadow: inset 0 1px #fff;
}

.topcoat-button--quiet:active,
.topcoat-button--large--quiet:active {
  color: #454545;
  text-shadow: 0 1px #fff;
  background-color: #ffaa00;
  border: 1px solid #a5a8a8;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.12);
}

.topcoat-button--large,
.topcoat-button--large--quiet,
.topcoat-button-bar__button--large {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 4.375rem;
  padding: 0 1.25rem;
}

.topcoat-button--large--quiet {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

.topcoat-button--cta,
.topcoat-button--large--cta {
  border: 1px solid #143250;
  background-color: #288edf;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.36);
  color: #fff;
  font-weight: 500;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.36);
}

.topcoat-button--cta:hover,
.topcoat-button--large--cta:hover {
  background-color: #509bef;
}

.topcoat-button--cta:active,
.topcoat-button--large--cta:active {
  background-color: #0380e8;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.12);
}

.topcoat-button--large--cta {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 4.375rem;
  padding: 0 1.25rem;
}

.button-bar,
.topcoat-button-bar {
  display: table;
  table-layout: fixed;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.button-bar__item,
.topcoat-button-bar__item {
  display: table-cell;
  width: auto;
  border-radius: 0;
  text-align: center;
}

.button-bar__item > input,
.topcoat-button-bar__item > input {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  opacity: 0.001;
  z-index: 1;
  vertical-align: top;
  outline: none;
}

.button-bar__button {
  border-radius: inherit;
}

.button-bar__item:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.topcoat-button-bar__item:first-child > .topcoat-button-bar__button,
.topcoat-button-bar__item:first-child > .topcoat-button-bar__button--large {
  border-right: none;
}

.topcoat-button-bar__item:last-child > .topcoat-button-bar__button,
.topcoat-button-bar__item:last-child > .topcoat-button-bar__button--large {
  border-left: none;
}

.topcoat-button-bar__button {
  border-radius: inherit;
}

.topcoat-button-bar__button:focus,
.topcoat-button-bar__button--large:focus {
  z-index: 1;
}

.topcoat-button-bar__button--large {
  border-radius: inherit;
}

.button-group p {
  line-height: inherit !important;
}

.button-group-center {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
  clear: both;
}
.button-group-center p {
  line-height: inherit !important;
}
.button-group-center a, .button-group-center input, .button-group-center button {
  margin-bottom: 5px;
  line-height: 15px !important;
}

.w100p {
  width: 100%;
}

.button-group-center-rad a {
  border-radius: 5px;
  margin-bottom: 5px;
  text-align: center;
}

/*
	list-bg-button
--------------------------------------*/
.bg-orange {
  background: #ff6f42;
}

.bg-brown {
  background: #5b4e29;
}

.bg-yellow {
  background: #ffaa00;
}

.bg-violetLight {
  background: #e084c1;
}

.bg-violetDark {
  background: #cb3298;
}

.bg-green {
  background: #008e3f;
}

.bg-blue {
  background: #0092d4;
}

.bg-blueLight {
  background: #65bee5;
}

.bg-blueDark {
  background: #0032cb;
}

.bg-red {
  background: #fe5452;
}

.bg-red-Light {
  background: #c07365;
}

.bg-gray {
  background: #b2b2b2;
}

.bg-grayDark {
  background: #4c4c4c;
}

.bg-blue-gradient {
  background: -moz-linear-gradient(19% 65% 90deg, #0087b4, #0099cc, #0099cc 51%) repeat 0 0 rgba(0, 0, 0, 0);
}

.bg-green-gradient {
  background: -moz-linear-gradient(19% 50% 90deg, #55792f, #608736, #608736 0%) repeat 0 0 rgba(0, 0, 0, 0);
}

/*
	list-button-width
--------------------------------------*/
.wAuto {
  width: auto !important;
}

.w100per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 100%;
}

.w98per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 97%;
}

.w90per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 90%;
}

.w80per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 80%;
}

.w60per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 60%;
}

.w48per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 47.8%;
}

.w45per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 45%;
}

.w40per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 40%;
}

.w32per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 31.55%;
}

.w23per {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 23%;
}

.btn-mitai01 {
  background: url(../img/icons/mitai-01.png) no-repeat 0 0;
  background-size: 80px 44px;
  height: 44px;
  width: 80px;
  display: block;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

.btn-mitai01:hover,
.btn-mitai01_s,
.btn-mitai01:active {
  background: url(../img/icons/mitai-011.png) no-repeat 0 0;
  background-size: 80px 44px;
  display: block;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
  height: 44px;
  width: 80px;
}

.btn-mitai02 {
  background: url(../img/icons/mitai-02.png) no-repeat 0 0;
  background-size: 80px 44px;
  height: 44px;
  width: 80px;
  display: block;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

.btn-mitai02:hover,
.btn-mitai02_s,
.btn-mitai02:active {
  background: url(../img/icons/mitai-021.png) no-repeat 0 0;
  background-size: 80px 44px;
  display: block;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
  height: 44px;
  width: 80px;
}

.btn-mitai03 {
  background: url(../img/icons/mitai-03.png) no-repeat 0 0;
  background-size: 80px 44px;
  height: 44px;
  width: 80px;
  display: block;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

.btn-mitai03:hover,
.btn-mitai03_s,
.btn-mitai03:active {
  background: url(../img/icons/mitai-031.png) no-repeat 0 0;
  background-size: 80px 44px;
  display: block;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
  height: 44px;
  width: 88px;
}

.btn-mitai04 {
  background: url(../img/icons/mitai-04.png) no-repeat 0 0;
  background-size: 80px 44px;
  height: 44px;
  width: 80px;
  display: block;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

.btn-mitai04:hover,
.btn-mitai04_s,
.btn-mitai04:active {
  background: url(../img/icons/mitai-041.png) no-repeat 0 0;
  background-size: 80px 44px;
  display: block;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
  height: 44px;
  width: 80px;
}

.btn_group {
  position: relative;
}
.btn_group ul {
  display: none;
  position: absolute;
  left: 0;
  top: 27px;
  z-index: 100;
}
.btn_group ul li {
  margin: 0 !important;
  padding: 1px 0 0 0 !important;
  border: none !important;
}

.mita_sub01_large {
  background: url(../img/icons/mita_mitai_sub_l.png) no-repeat;
  background-size: 105px 44px;
  display: block;
  height: 44px;
  text-indent: -9999px;
  width: 105px;
  border: none;
  cursor: pointer;
}

.mita_sub02_large {
  background: url(../img/icons/mita_mitai_sub_r.png) no-repeat;
  background-size: 105px 44px;
  display: block;
  height: 44px;
  text-indent: -9999px;
  width: 105px;
  border: none;
  cursor: pointer;
}

.sub_mita_list {
  text-align: center;
}
.sub_mita_list p {
  display: inline-block;
  margin: 5px;
  width: auto;
}
.sub_mita_list p a:hover, .sub_mita_list p a:active {
  opacity: 0.8;
}

/****************************=====================================================*/
/*------- Icons 16 x 16px*/
.ui-icon-16 {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../img/icons/icons-16px.png);
}

/* line 1 */
.ui-icon16-101 {
  background-position: -20px -28px;
}

.ui-icon16-102 {
  background-position: -46px -28px;
}

.ui-icon16-103 {
  background-position: -72px -28px;
}

.ui-icon16-104 {
  background-position: -98px -28px;
}

.ui-icon16-105 {
  background-position: -124px -28px;
}

.ui-icon16-106 {
  background-position: -150px -28px;
}

.ui-icon16-107 {
  background-position: -176px -28px;
}

.ui-icon16-108 {
  background-position: -202px -28px;
}

.ui-icon16-109 {
  background-position: -228px -28px;
}

.ui-icon16-110 {
  background-position: -254px -28px;
}

/* line 2 */
.ui-icon16-201 {
  background-position: -20px -54px;
}

.ui-icon16-202 {
  background-position: -46px -54px;
}

.ui-icon16-203 {
  background-position: -72px -54px;
}

.ui-icon16-204 {
  background-position: -98px -54px;
}

.ui-icon16-205 {
  background-position: -124px -54px;
}

.ui-icon16-206 {
  background-position: -150px -54px;
}

.ui-icon16-207 {
  background-position: -176px -54px;
}

.ui-icon16-208 {
  background-position: -202px -54px;
}

.ui-icon16-209 {
  background-position: -228px -54px;
}

.ui-icon16-210 {
  background-position: -254px -54px;
}

/* line 3 */
.ui-icon16-301 {
  background-position: -20px -80px;
}

.ui-icon16-302 {
  background-position: -46px -80px;
}

.ui-icon16-303 {
  background-position: -72px -80px;
}

.ui-icon16-304 {
  background-position: -98px -80px;
}

.ui-icon16-305 {
  background-position: -124px -80px;
}

.ui-icon16-306 {
  background-position: -150px -80px;
}

.ui-icon16-307 {
  background-position: -176px -80px;
}

.ui-icon16-308 {
  background-position: -202px -80px;
}

.ui-icon16-309 {
  background-position: -228px -80px;
}

.ui-icon16-310 {
  background-position: -254px -80px;
}

/* line 4 */
.ui-icon16-401 {
  background-position: -20px -106px;
}

.ui-icon16-402 {
  background-position: -46px -106px;
}

.ui-icon16-403 {
  background-position: -72px -106px;
}

.ui-icon16-404 {
  background-position: -98px -106px;
}

.ui-icon16-405 {
  background-position: -124px -106px;
}

.ui-icon16-406 {
  background-position: -150px -106px;
}

.ui-icon16-407 {
  background-position: -176px -106px;
}

.ui-icon16-408 {
  background-position: -202px -106px;
}

.ui-icon16-409 {
  background-position: -228px -106px;
}

.ui-icon16-410 {
  background-position: -254px -106px;
}

/* line 5 */
.ui-icon16-501 {
  background-position: -20px -132px;
}

.ui-icon16-502 {
  background-position: -46px -132px;
}

.ui-icon16-503 {
  background-position: -72px -132px;
}

.ui-icon16-504 {
  background-position: -98px -132px;
}

.ui-icon16-505 {
  background-position: -124px -132px;
}

.ui-icon16-506 {
  background-position: -150px -132px;
}

.ui-icon16-507 {
  background-position: -176px -132px;
}

.ui-icon16-508 {
  background-position: -202px -132px;
}

.ui-icon16-509 {
  background-position: -228px -132px;
}

.ui-icon16-510 {
  background-position: -254px -132px;
}

/* line 6 */
.ui-icon16-601 {
  background-position: -20px -158px;
}

.ui-icon16-602 {
  background-position: -46px -158px;
}

.ui-icon16-603 {
  background-position: -72px -158px;
}

.ui-icon16-604 {
  background-position: -98px -158px;
}

.ui-icon16-605 {
  background-position: -124px -158px;
}

.ui-icon16-606 {
  background-position: -150px -158px;
}

.ui-icon16-607 {
  background-position: -176px -158px;
}

.ui-icon16-608 {
  background-position: -202px -158px;
}

.ui-icon16-609 {
  background-position: -228px -158px;
}

.ui-icon16-610 {
  background-position: -254px -158px;
}

/* line 7 */
.ui-icon16-701 {
  background-position: -20px -185px;
}

.ui-icon16-702 {
  background-position: -46px -185px;
}

.ui-icon16-703 {
  background-position: -72px -185px;
}

.ui-icon16-704 {
  background-position: -98px -185px;
}

.ui-icon16-705 {
  background-position: -124px -185px;
}

.ui-icon16-706 {
  background-position: -150px -185px;
}

.ui-icon16-707 {
  background-position: -176px -185px;
}

.ui-icon16-708 {
  background-position: -202px -185px;
}

.ui-icon16-709 {
  background-position: -228px -185px;
}

.ui-icon16-710 {
  background-position: -254px -185px;
}

/* line 8 */
.ui-icon16-801 {
  background-position: -20px -210px;
}

.ui-icon16-802 {
  background-position: -46px -210px;
}

.ui-icon16-803 {
  background-position: -72px -210px;
}

.ui-icon16-804 {
  background-position: -98px -210px;
}

.ui-icon16-805 {
  background-position: -124px -210px;
}

.ui-icon16-806 {
  background-position: -150px -210px;
}

.ui-icon16-807 {
  background-position: -176px -210px;
}

.ui-icon16-808 {
  background-position: -202px -210px;
}

.ui-icon16-809 {
  background-position: -228px -210px;
}

.ui-icon16-810 {
  background-position: -254px -210px;
}

/* line 9 */
.ui-icon16-811 {
  background-position: -16px -215px;
}

/****************************=====================================================*/
/*------- Icons 24 x 24px*/
.ui-icon-24 {
  width: 24px;
  height: 24px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../img/icons/icons-24px.png);
}

/* line 1 */
.ui-icon24-101 {
  background-position: -20px -28px;
}

.ui-icon24-102 {
  background-position: -54px -28px;
}

.ui-icon24-103 {
  background-position: -88px -28px;
}

.ui-icon24-104 {
  background-position: -122px -28px;
}

.ui-icon24-105 {
  background-position: -156px -28px;
}

.ui-icon24-106 {
  background-position: -190px -28px;
}

.ui-icon24-107 {
  background-position: -224px -28px;
}

.ui-icon24-108 {
  background-position: -258px -28px;
}

.ui-icon24-109 {
  background-position: -292px -28px;
}

.ui-icon24-110 {
  background-position: -326px -28px;
}

/* line 2 */
.ui-icon24-201 {
  background-position: -20px -62px;
}

.ui-icon24-202 {
  background-position: -54px -62px;
}

.ui-icon24-203 {
  background-position: -88px -62px;
}

.ui-icon24-204 {
  background-position: -122px -62px;
}

.ui-icon24-205 {
  background-position: -156px -62px;
}

.ui-icon24-206 {
  background-position: -190px -62px;
}

.ui-icon24-207 {
  background-position: -224px -62px;
}

.ui-icon24-208 {
  background-position: -258px -62px;
}

.ui-icon24-209 {
  background-position: -292px -62px;
}

.ui-icon24-210 {
  background-position: -326px -62px;
}

/* line 3 */
.ui-icon24-301 {
  background-position: -20px -96px;
}

.ui-icon24-302 {
  background-position: -54px -96px;
}

.ui-icon24-303 {
  background-position: -88px -96px;
}

.ui-icon24-304 {
  background-position: -122px -96px;
}

.ui-icon24-305 {
  background-position: -156px -96px;
}

.ui-icon24-306 {
  background-position: -190px -96px;
}

.ui-icon24-307 {
  background-position: -224px -96px;
}

.ui-icon24-308 {
  background-position: -258px -96px;
}

.ui-icon24-309 {
  background-position: -292px -96px;
}

.ui-icon24-310 {
  background-position: -326px -96px;
}

/* line 4 */
.ui-icon24-401 {
  background-position: -20px -130px;
}

.ui-icon24-402 {
  background-position: -54px -130px;
}

.ui-icon24-403 {
  background-position: -88px -130px;
}

.ui-icon24-404 {
  background-position: -122px -130px;
}

.ui-icon24-405 {
  background-position: -156px -130px;
}

.ui-icon24-406 {
  background-position: -190px -130px;
}

.ui-icon24-407 {
  background-position: -224px -130px;
}

.ui-icon24-408 {
  background-position: -258px -130px;
}

.ui-icon24-409 {
  background-position: -292px -130px;
}

.ui-icon24-410 {
  background-position: -326px -130px;
}

/* line 5 */
.ui-icon24-501 {
  background-position: -20px -164px;
}

.ui-icon24-502 {
  background-position: -54px -164px;
}

.ui-icon24-503 {
  background-position: -88px -164px;
}

.ui-icon24-504 {
  background-position: -122px -164px;
}

.ui-icon24-505 {
  background-position: -156px -164px;
}

.ui-icon24-506 {
  background-position: -190px -164px;
}

.ui-icon24-507 {
  background-position: -224px -164px;
}

.ui-icon24-508 {
  background-position: -258px -164px;
}

.ui-icon24-509 {
  background-position: -292px -164px;
}

.ui-icon24-510 {
  background-position: -326px -164px;
}

/* line 6 */
.ui-icon24-601 {
  background-position: -20px -197px;
}

.ui-icon24-602 {
  background-position: -54px -197px;
}

.ui-icon24-603 {
  background-position: -88px -197px;
}

.ui-icon24-604 {
  background-position: -122px -197px;
}

.ui-icon24-605 {
  background-position: -156px -197px;
}

.ui-icon24-606 {
  background-position: -190px -197px;
}

.ui-icon24-607 {
  background-position: -224px -197px;
}

.ui-icon24-608 {
  background-position: -258px -197px;
}

.ui-icon24-609 {
  background-position: -292px -197px;
}

.ui-icon24-610 {
  background-position: -326px -197px;
}

/* line 7 */
.ui-icon24-701 {
  background-position: -20px -233px;
}

.ui-icon24-702 {
  background-position: -54px -233px;
}

.ui-icon24-703 {
  background-position: -88px -233px;
}

.ui-icon24-704 {
  background-position: -122px -233px;
}

.ui-icon24-705 {
  background-position: -156px -233px;
}

.ui-icon24-706 {
  background-position: -190px -233px;
}

.ui-icon24-707 {
  background-position: -224px -233px;
}

.ui-icon24-708 {
  background-position: -258px -233px;
}

.ui-icon24-709 {
  background-position: -292px -233px;
}

.ui-icon24-710 {
  background-position: -326px -233px;
}

/* line 8 */
.ui-icon24-801 {
  background-position: -20px -267px;
}

.ui-icon24-802 {
  background-position: -53px -267px;
}

.ui-icon24-803 {
  background-position: -88px -267px;
}

.ui-icon24-804 {
  background-position: -122px -267px;
}

.ui-icon24-805 {
  background-position: -156px -267px;
}

.ui-icon24-806 {
  background-position: -190px -267px;
}

.ui-icon24-807 {
  background-position: -224px -267px;
}

.ui-icon24-808 {
  background-position: -258px -267px;
}

.ui-icon24-809 {
  background-position: -292px -267px;
}

.ui-icon24-810 {
  background-position: -326px -267px;
}

/* line 9 */
.ui-icon24-901 {
  background-position: -20px -301px;
}

.ui-icon24-902 {
  background-position: -53px -301px;
}

.ui-icon24-903 {
  background-position: -88px -301px;
}

.ui-icon24-904 {
  background-position: -122px -301px;
}

.ui-icon24-905 {
  background-position: -156px -301px;
}

.ui-icon24-906 {
  background-position: -190px -301px;
}

.ui-icon24-907 {
  background-position: -224px -301px;
}

.ui-icon24-908 {
  background-position: -258px -301px;
}

.ui-icon24-909 {
  background-position: -292px -301px;
}

.ui-icon24-910 {
  background-position: -326px -301px;
}

/* line 10 */
.ui-icon24-1001 {
  background-position: -20px -323px;
}

.ui-icon24-1002 {
  background-position: -53px -323px;
}

.ui-icon24-1003 {
  background-position: -88px -323px;
}

.ui-icon24-1004 {
  background-position: -122px -323px;
}

.ui-icon24-1005 {
  background-position: -156px -323px;
}

.ui-icon24-1006 {
  background-position: -190px -323px;
}

.ui-icon24-1007 {
  background-position: -224px -323px;
}

.ui-icon24-1008 {
  background-position: -258px -323px;
}

.ui-icon24-1009 {
  background-position: -292px -323px;
}

.ui-icon24-1010 {
  background-position: -326px -323px;
}

/*------- Icons 32 x 32px*/
.ui-icon-32 {
  width: 32px;
  height: 32px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../img/icons/icons-32px.png);
}

/* line 1 */
.ui-icon32-101 {
  background-position: -20px -28px;
}

.ui-icon32-102 {
  background-position: -62px -28px;
}

.ui-icon32-103 {
  background-position: -104px -28px;
}

.ui-icon32-104 {
  background-position: -146px -28px;
}

.ui-icon32-105 {
  background-position: -188px -28px;
}

.ui-icon32-106 {
  background-position: -230px -28px;
}

.ui-icon32-107 {
  background-position: -272px -28px;
}

.ui-icon32-108 {
  background-position: -314px -28px;
}

.ui-icon32-109 {
  background-position: -356px -28px;
}

.ui-icon32-110 {
  background-position: -398px -28px;
}

/* line 2 */
.ui-icon32-201 {
  background-position: -20px -70px;
}

.ui-icon32-202 {
  background-position: -62px -70px;
}

.ui-icon32-203 {
  background-position: -104px -70px;
}

.ui-icon32-204 {
  background-position: -146px -70px;
}

.ui-icon32-205 {
  background-position: -188px -70px;
}

.ui-icon32-206 {
  background-position: -230px -70px;
}

.ui-icon32-207 {
  background-position: -272px -70px;
}

.ui-icon32-208 {
  background-position: -314px -70px;
}

.ui-icon32-209 {
  background-position: -356px -70px;
}

.ui-icon32-210 {
  background-position: -398px -70px;
}

/* line 3 */
.ui-icon32-301 {
  background-position: -20px -112px;
}

.ui-icon32-302 {
  background-position: -62px -112px;
}

.ui-icon32-303 {
  background-position: -104px -112px;
}

.ui-icon32-304 {
  background-position: -146px -112px;
}

.ui-icon32-305 {
  background-position: -188px -112px;
}

.ui-icon32-306 {
  background-position: -230px -112px;
}

.ui-icon32-307 {
  background-position: -272px -112px;
}

.ui-icon32-308 {
  background-position: -314px -112px;
}

.ui-icon32-309 {
  background-position: -356px -112px;
}

.ui-icon32-310 {
  background-position: -398px -112px;
}

/* line 4 */
.ui-icon32-401 {
  background-position: -20px -154px;
}

.ui-icon32-402 {
  background-position: -62px -154px;
}

.ui-icon32-403 {
  background-position: -104px -154px;
}

.ui-icon32-404 {
  background-position: -146px -154px;
}

.ui-icon32-405 {
  background-position: -188px -154px;
}

.ui-icon32-406 {
  background-position: -230px -154px;
}

.ui-icon32-407 {
  background-position: -272px -154px;
}

.ui-icon32-408 {
  background-position: -314px -154px;
}

.ui-icon32-409 {
  background-position: -356px -154px;
}

.ui-icon32-410 {
  background-position: -398px -154px;
}

/* line 5 */
.ui-icon32-501 {
  background-position: -20px -196px;
}

.ui-icon32-502 {
  background-position: -62px -196px;
}

.ui-icon32-503 {
  background-position: -104px -196px;
}

.ui-icon32-504 {
  background-position: -146px -196px;
}

.ui-icon32-505 {
  background-position: -188px -196px;
}

.ui-icon32-506 {
  background-position: -230px -196px;
}

.ui-icon32-507 {
  background-position: -272px -196px;
}

.ui-icon32-508 {
  background-position: -314px -196px;
}

.ui-icon32-509 {
  background-position: -356px -196px;
}

.ui-icon32-510 {
  background-position: -398px -196px;
}

/* line 6 */
.ui-icon32-601 {
  background-position: -20px -237px;
}

.ui-icon32-602 {
  background-position: -62px -237px;
}

.ui-icon32-603 {
  background-position: -104px -237px;
}

.ui-icon32-604 {
  background-position: -146px -237px;
}

.ui-icon32-605 {
  background-position: -188px -237px;
}

.ui-icon32-606 {
  background-position: -230px -237px;
}

.ui-icon32-607 {
  background-position: -272px -237px;
}

.ui-icon32-608 {
  background-position: -314px -237px;
}

.ui-icon32-609 {
  background-position: -356px -237px;
}

.ui-icon32-610 {
  background-position: -398px -237px;
}

/* line 7 */
.ui-icon32-701 {
  background-position: -20px -281px;
}

.ui-icon32-702 {
  background-position: -62px -281px;
}

.ui-icon32-703 {
  background-position: -104px -281px;
}

.ui-icon32-704 {
  background-position: -146px -281px;
}

.ui-icon32-705 {
  background-position: -188px -281px;
}

.ui-icon32-706 {
  background-position: -230px -281px;
}

.ui-icon32-707 {
  background-position: -272px -281px;
}

.ui-icon32-708 {
  background-position: -314px -281px;
}

.ui-icon32-709 {
  background-position: -356px -281px;
}

.ui-icon32-710 {
  background-position: -398px -281px;
}

/* line 8 */
.ui-icon32-801 {
  background-position: -20px -322px;
}

.ui-icon32-802 {
  background-position: -62px -322px;
}

.ui-icon32-803 {
  background-position: -104px -322px;
}

.ui-icon32-804 {
  background-position: -146px -322px;
}

.ui-icon32-805 {
  background-position: -188px -322px;
}

.ui-icon32-806 {
  background-position: -230px -322px;
}

.ui-icon32-807 {
  background-position: -272px -322px;
}

.ui-icon32-808 {
  background-position: -314px -322px;
}

.ui-icon32-809 {
  background-position: -356px -322px;
}

.ui-icon32-810 {
  background-position: -398px -322px;
}

/* line 9 */
.ui-icon32-901 {
  background-position: -20px -365px;
}

.ui-icon32-902 {
  background-position: -62px -365px;
}

.ui-icon32-903 {
  background-position: -104px -365px;
}

.ui-icon32-904 {
  background-position: -146px -365px;
}

.ui-icon32-905 {
  background-position: -188px -365px;
}

.ui-icon32-906 {
  background-position: -230px -365px;
}

.ui-icon32-907 {
  background-position: -272px -365px;
}

.ui-icon32-908 {
  background-position: -314px -365px;
}

.ui-icon32-909 {
  background-position: -356px -365px;
}

.ui-icon32-910 {
  background-position: -398px -365px;
}

/****************************=====================================================*/
/*------- More Icons*/
.ui-more-icon,
.ui-more-53,
.ui-more-60,
.ui-more-98 {
  width: 44px;
  height: 44px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../img/icons/icons-title.png);
  margin-right: 10px;
}

/* line 1 */
.ui-more-101 {
  background-position: -20px -96px;
}

.ui-more-102 {
  background-position: -74px -96px;
}

.ui-more-103 {
  background-position: -128px -96px;
}

.ui-more-104 {
  background-position: -182px -96px;
}

.ui-more-105 {
  background-position: -236px -96px;
}

.ui-more-106 {
  background-position: -290px -96px;
}

.ui-more-107 {
  background-position: -344px -96px;
}

.ui-more-108 {
  background-position: -398px -96px;
}

.ui-more-109 {
  background-position: -452px -96px;
}

.ui-more-110 {
  background-position: -506px -96px;
}

/* line 2 */
.ui-more-201 {
  background-position: -20px -150px;
}

.ui-more-202 {
  background-position: -74px -150px;
}

.ui-more-203 {
  background-position: -128px -150px;
}

.ui-more-204 {
  background-position: -182px -150px;
}

.ui-more-205 {
  background-position: -236px -150px;
}

.ui-more-206 {
  background-position: -290px -150px;
}

.ui-more-207 {
  background-position: -344px -150px;
}

.ui-more-208 {
  background-position: -398px -150px;
}

.ui-more-209 {
  background-position: -452px -150px;
}

.ui-more-210 {
  background-position: -506px -150px;
}

/* line 3 */
.ui-more-301 {
  background-position: -20px -204px;
}

.ui-more-302 {
  background-position: -74px -204px;
}

.ui-more-303 {
  background-position: -128px -204px;
}

.ui-more-304 {
  background-position: -182px -204px;
}

.ui-more-305 {
  background-position: -236px -204px;
}

.ui-more-306 {
  background-position: -290px -204px;
}

.ui-more-307 {
  background-position: -344px -204px;
}

.ui-more-308 {
  background-position: -398px -204px;
}

.ui-more-309 {
  background-position: -452px -204px;
}

.ui-more-310 {
  background-position: -506px -204px;
}

/* line 4 */
.ui-more-53 {
  width: 53px;
  height: 30px;
}

.ui-more-401 {
  background-position: -20px -258px;
}

.ui-more-402 {
  background-position: -83px -258px;
}

.ui-more-403 {
  background-position: -146px -258px;
}

.ui-more-404 {
  background-position: -209px -258px;
}

.ui-more-405 {
  background-position: -272px -258px;
}

.ui-more-406 {
  background-position: -335px -258px;
}

.ui-more-407 {
  background-position: -398px -258px;
}

.ui-more-408 {
  background-position: -461px -258px;
}

.ui-more-409 {
  background-position: -524px -258px;
}

.ui-more-410 {
  background-position: -587px -258px;
}

/* line 5 */
.ui-more-501 {
  background-position: -20px -298px;
}

.ui-more-502 {
  background-position: -83px -298px;
}

.ui-more-503 {
  background-position: -146px -298px;
}

.ui-more-504 {
  background-position: -209px -298px;
}

.ui-more-505 {
  background-position: -272px -298px;
}

.ui-more-506 {
  background-position: -335px -298px;
}

.ui-more-507 {
  background-position: -398px -298px;
}

.ui-more-508 {
  background-position: -461px -298px;
}

.ui-more-509 {
  background-position: -524px -298px;
}

.ui-more-510 {
  background-position: -587px -298px;
}

/* line 6 */
.ui-more-60 {
  width: 60px;
  height: 30px;
}

.ui-more-601 {
  background-position: -20px -338px;
}

.ui-more-602 {
  background-position: -90px -338px;
}

.ui-more-603 {
  background-position: -160px -338px;
}

.ui-more-604 {
  background-position: -230px -338px;
}

.ui-more-605 {
  background-position: -300px -338px;
}

.ui-more-606 {
  background-position: -370px -338px;
}

.ui-more-607 {
  background-position: -440px -338px;
}

.ui-more-608 {
  background-position: -510px -338px;
}

.ui-more-609 {
  background-position: -580px -338px;
}

.ui-more-610 {
  background-position: -650px -338px;
}

/* line 7 */
.ui-more-98 {
  width: 98px;
  height: 52px;
}

.ui-more-704 {
  width: 206px;
  height: 52px;
}

.ui-more-701 {
  background-position: -20px -378px;
}

.ui-more-702 {
  background-position: -128px -378px;
}

.ui-more-703 {
  background-position: -236px -378px;
}

.ui-more-704 {
  background-position: -344px -378px;
}

.ui-more-706 {
  background-position: -560px -378px;
}

.ui-more-707 {
  background-position: -668px -378px;
}

.ui-more-708 {
  background-position: -776px -378px;
}

.ui-more-709 {
  background-position: -884px -378px;
}

.ui-more-710 {
  background-position: -992px -378px;
}

.block_tg .icon_more_content {
  display: block;
  width: 50px;
  height: 32px;
  background-image: url(../img/icons/icon_expand.png);
  background-size: 50px 32px;
  background-position: center;
}
.block_tg.active .icon_more_content {
  background-image: url(../img/icons/icon_collapse.png);
  background-position: center;
}

.re-icon .ui-icon24-610 {
  background: url(../img/icons/icon_square.png) no-repeat 0 0;
  background-size: 16px;
  display: block;
  height: 16px;
  width: 16px;
}
.re-icon .ui-icon24-609 {
  background: url(../img/icons/icon_coll.png) no-repeat 0 0;
  background-size: 16px;
  display: block;
  height: 16px;
  width: 16px;
}

.x_icon {
  background-image: url(../img/icons/icon_x.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.icon-Ssize {
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: left top;
}
.icon-Ssize.icon_rack {
  background-image: url(../img/icons/icon_rack.png);
}
.icon-Ssize.icon_comment {
  background-image: url(../img/icons/icon_comment.png);
}
.icon-Ssize.facebook {
  background-image: url(../img/icons/facebook.png);
}
.icon-Ssize.twiter {
  background-image: url(../img/icons/twitter.png);
}

.ui-icon-20 {
  width: 20px;
  height: 20px;
}

.icon-SSsize {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left top;
}
.icon-SSsize.icon_rack {
  background-image: url(../img/icons/icon_rack.png);
}
.icon-SSsize.icon_comment {
  background-image: url(../img/icons/icon_comment.png);
}
.icon-SSsize.facebook {
  background-image: url(../img/icons/facebook.png);
}
.icon-SSsize.twiter {
  background-image: url(../img/icons/twitter.png);
}

/*
	form.scss
--------------------------------------*/
form input[type="text"],
form input[type="password"],
form input[type="date"],
form select,
form textarea {
  border: 1px solid #b2b2b2;
  background: white;
  padding: 0.4em;
  font-size: 14px;
  line-height: 25px;
  font-family: "メイリオ", Meiryo, "MS PGothic", "MS Ｐゴシック", "ヒラギノ角ゴ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  /*border-radius: 6px;*/
}
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="date"]:focus,
form select:focus,
form textarea:focus {
  border-color: #ff6f42;
}
form textarea {
  height: 80px;
}
form select {
  padding: 7px !important;
}
form input[type="submit"],
form input[type="reset"],
form input[type="text"],
form input[type="password"],
form input[type="date"],
form textarea {
  -webkit-appearance: none;
}

input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  opacity: 0.001;
  z-index: 1;
  vertical-align: top;
  outline: none;
}

.radio-button,
.checkbox {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-button__label,
.checkbox__label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-button--disabled,
.checkbox--disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.checkbox:before,
.checkbox:after {
  content: '';
  position: absolute;
}

.radio-button:before,
.checkbox:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
}

input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  opacity: 0.001;
  z-index: 1;
  vertical-align: top;
  outline: none;
}

.radio-button,
.topcoat-radio-button__checkmark,
.checkbox,
.topcoat-checkbox__checkmark {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox__label,
.topcoat-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox--disabled,
input[type="checkbox"]:disabled + .topcoat-checkbox__checkmark {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.checkbox:before,
.checkbox:after,
.topcoat-checkbox__checkmark:before,
.topcoat-checkbox__checkmark:after {
  content: '';
  position: absolute;
}

.checkbox:before,
.topcoat-checkbox__checkmark:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
}

/* topdoc
  name: Checkbox
  description: Default skin for Topcoat checkbox
  modifiers:
    :focus: Focus state
    :disabled: Disabled state
  markup:
    <label class="topcoat-checkbox">
      <input type="checkbox">
      <div class="topcoat-checkbox__checkmark"></div>
      Default
    </label>
    <br>
    <br>
    <label class="topcoat-checkbox">
      <input type="checkbox" disabled>
      <div class="topcoat-checkbox__checkmark"></div>
      Disabled
    </label>
  examples:
    mobile checkbox: http://codepen.io/Topcoat/pen/piHcs
  tags:
    - desktop
    - light
    - mobile
    - checkbox
*/
.topcoat-checkbox__checkmark {
  height: 2rem;
}

input[type="checkbox"] {
  height: 2rem;
  width: 2rem;
  margin-top: 0;
  margin-right: -2rem;
  margin-bottom: -2rem;
  margin-left: 0;
}

input[type="checkbox"]:checked + .topcoat-checkbox__checkmark:after {
  opacity: 1;
}

.topcoat-checkbox {
  line-height: 2rem;
}

.topcoat-checkbox__checkmark:before {
  width: 0.9375rem;
  height: 0.9375rem;
  background: #e5e9e8;
  border: 1px solid #a5a8a8;
  border-radius: 3px;
  box-shadow: inset 0 1px #fff;
  top: 8px;
}

.topcoat-checkbox__checkmark {
  width: 15px;
  margin-right: 5px;
  height: 15px;
}

.topcoat-checkbox__checkmark:after {
  top: 8px;
  left: 2px;
  opacity: 0;
  width: 14px;
  height: 8px;
  background: transparent;
  border: 7px solid #666;
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-radius: 2px;
  -webkit-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

input[type="checkbox"]:focus + .topcoat-checkbox__checkmark:before {
  border: 1px solid #0940fd;
  box-shadow: 0 0 0 2px #6fb5f1;
}

/*
Radio------------------------------------------------------------------*/
input[type="radio"] {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  opacity: 0.001;
  z-index: 1;
  vertical-align: top;
  outline: none;
}

.radio-button {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-button__label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-button:before,
.radio-button:after {
  content: '';
  position: absolute;
  border-radius: 100%;
}

.radio-button:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.radio-button:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
}

.radio-button--disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

input[type="radio"] {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  opacity: 0.001;
  z-index: 1;
  vertical-align: top;
  outline: none;
}

.radio-button,
.topcoat-radio-button__checkmark {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-button__label,
.topcoat-radio-button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-button:before,
.radio-button:after,
.topcoat-radio-button__checkmark:before,
.topcoat-radio-button__checkmark:after {
  content: '';
  position: absolute;
  border-radius: 100%;
}

.radio-button:after,
.topcoat-radio-button__checkmark:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.radio-button:before,
.topcoat-radio-button__checkmark:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
}

.radio-button--disabled,
input[type="radio"]:disabled + .topcoat-radio-button__checkmark {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

input[type="radio"] {
  height: 10px;
  width: 10px;
  margin-top: 11px;
  margin-left: 15px;
}

input[type="radio"]:checked + .topcoat-radio-button__checkmark:after {
  opacity: 1;
}

.topcoat-radio-button {
  color: #454545;
  line-height: 1.875rem;
}

.topcoat-radio-button__checkmark:before {
  width: 20px;
  height: 20px;
  background: #e5e9e8;
  border: 1px solid #a5a8a8;
  box-shadow: inset 0 1px #fff;
  left: 15px;
}

.topcoat-radio-button__checkmark {
  position: relative;
  width: 1.875rem;
  height: 1.875rem;
  top: 5px;
  left: -5px;
}

.topcoat-radio-button__checkmark:after {
  opacity: 0;
  width: 10px;
  height: 10px;
  background: #666;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px rgba(255, 255, 255, 0.5);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: 5px;
  left: 20px;
}

input[type="radio"]:focus + .topcoat-radio-button__checkmark:before {
  border: 1px solid #0940fd;
  box-shadow: 0 0 0 2px #6fb5f1;
}

.InlineBlockDis {
  display: inline-block !important;
}

/*
lists.scss
--------------------------------------*/
#list-content,
#list-contentTwo {
  border: none;
}
#list-content ul,
#list-contentTwo ul {
  padding: 5px 0px;
  border: none;
}
#list-content ul > li,
#list-contentTwo ul > li {
  padding: 15px;
  border: none;
  margin-bottom: 5px;
  background-color: #eeede9;
}
#list-content ul > li.item__even,
#list-contentTwo ul > li.item__even {
  background-color: transparent;
}
#list-content ul > li:last-child,
#list-contentTwo ul > li:last-child {
  margin-bottom: 0;
}
#list-content .paragraph__item,
#list-contentTwo .paragraph__item {
  width: 60%;
  float: left;
}
#list-content .control__group,
#list-contentTwo .control__group {
  width: auto !important;
  float: right;
  text-align: right;
}

.topcoat-list {
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.list__header,
.topcoat-list__header {
  margin: 0;
}

.list__container,
.topcoat-list__container {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.list__item,
.topcoat-list__item {
  margin: 0;
  padding: 0;
}

.topcoat-list {
  background-color: transparent;
}

.topcoat-list__header {
  padding: 4px 20px;
  font-size: 0.9em;
  font-weight: 400;
  background-color: #cccfcf;
  color: #656565;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.23);
}

.topcoat-list__container {
  border-top: 1px solid #bcbfbf;
  color: #454545;
}

.topcoat-list__item {
  padding: .5rem;
}
.topcoat-list__item .title-item {
  font-size: 14px;
  font-weight: bold;
  color: #5b4e29;
}

.list {
  position: relative;
  list-style-type: none;
}
.list > li a {
  display: block;
  text-decoration: none;
}
.list > li p {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #4c4c4c;
}
.list > li p.title {
  padding-top: 0.3125rem;
  color: #0092d4;
}

.list__thumb {
  display: block;
  position: relative;
  float: left;
  width: 60px;
  margin-right: 10px;
}
.list__thumb .list__new {
  display: block;
  position: absolute;
  top: 10px;
  left: -5px;
  padding: 0 0.3125rem;
  font-size: 11px;
  z-index: 9999;
  background-color: red;
  color: #fff;
  text-transform: uppercase;
}

/*
* datepicker.scss
* version 1.0
*
*/
div.ui-datepicker-header {
  background-color: #5b4e29;
  color: white;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #ffaa00;
  position: relative;
}
div.ui-datepicker-header .ui-datepicker-prev,
div.ui-datepicker-header .ui-datepicker-next {
  content: "";
  position: absolute;
  top: 10px;
  cursor: pointer;
  width: 0;
  height: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
div.ui-datepicker-header .ui-datepicker-prev {
  left: 5px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
}
div.ui-datepicker-header .ui-datepicker-next {
  right: 5px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
}

table.ui-datepicker-calendar {
  background-color: #5b4e29;
  color: #ffaa00;
  padding: 10px 0;
}
table.ui-datepicker-calendar td {
  text-align: center;
  padding: 3px;
}
table.ui-datepicker-calendar td a {
  text-decoration: none;
  color: white;
  border: 1px solid #5b4e29;
  padding: 1px 8px;
}
table.ui-datepicker-calendar td a:active, table.ui-datepicker-calendar td a:hover {
  border: 1px solid #ffaa00;
}

.ui-datepicker-today .ui-state-highlight {
  border: 1px solid #EB6100;
  background: #EB6100;
}

.ui-datepicker-current-day .ui-state-active {
  background: #009900;
}

table.jCalendar {
  border: 1px solid #5b4e29;
  background: #aaa;
  border-collapse: separate;
  border-spacing: 2px;
}

table.jCalendar th {
  background: #5b4e29;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
}

table.jCalendar td {
  background: #ccc;
  color: #000;
  padding: 10px 9px;
  text-align: center;
  font-size: 14px;
}

table.jCalendar td.other-month {
  background: #ddd;
  color: #aaa;
}

table.jCalendar td.today {
  background: #ffaa00;
  color: #fff;
}

table.jCalendar td.selected {
  background: #EB6100 !important;
  color: #fff;
}

table.jCalendar td.selected.dp-hover {
  background: #f33;
  color: #fff;
}

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
  background: #fff;
  color: #000;
}

table.jCalendar tr.selectedWeek td {
  background: #f66;
  color: #fff;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
  background: #bbb;
  color: #888;
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
  background: #bbb;
  color: #888;
}

.dp-calendar {
  margin: 0 auto;
  padding: 0 8px 8px 8px;
}

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
  position: relative;
  background: #9d957f;
  font-size: 10px;
  font-family: arial, sans-serif;
  padding: 2px;
  line-height: 1.2em;
}

div#dp-popup {
  position: absolute;
  z-index: 999999999999;
  left: 14px !important;
}

div.dp-popup h2 {
  font-size: 12px;
  text-align: center;
  margin: 10px 0;
  padding: 0;
}

a#dp-close {
  font-size: 11px;
  padding: 4px 0;
  text-align: center;
  display: block;
}

a#dp-close:hover {
  text-decoration: underline;
}

div.dp-popup a {
  color: #000;
  text-decoration: none;
  padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev {
  position: absolute;
  top: 0px;
  left: 4px;
  width: 100px;
}

div.dp-popup div.dp-nav-prev a {
  float: left;
  background: url(../img/icons/datePreD.png);
  width: 35px;
  height: 32px;
  text-indent: -9999px;
}
div.dp-popup div.dp-nav-prev a:hover {
  background: url(../img/icons/datePreDHover.png);
}

div.dp-popup div.dp-nav-prev a + a {
  margin-left: 5px;
  background: url(../img/icons/datePre.png);
}
div.dp-popup div.dp-nav-prev a + a:hover {
  background: url(../img/icons/datePreHover.png);
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
  cursor: pointer;
  font-size: 18px;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  cursor: default;
}

div.dp-popup div.dp-nav-next {
  position: absolute;
  top: 0px;
  right: 4px;
  width: 100px;
}

div.dp-popup div.dp-nav-next a {
  float: right;
  background: url(../img/icons/dateNext.png);
  width: 35px;
  height: 32px;
  text-indent: -9999px;
}
div.dp-popup div.dp-nav-next a:hover {
  background: url(../img/icons/dateNextHover.png);
}

div.dp-popup div.dp-nav-next a + a {
  margin-right: 5px;
  background: url(../img/icons/dateNextD.png);
}
div.dp-popup div.dp-nav-next a + a:hover {
  background: url(../img/icons/dateNextDHover.png);
}

div.dp-popup a.disabled {
  cursor: default;
  color: #aaa;
}

div.dp-popup td {
  cursor: pointer;
}

div.dp-popup td.disabled {
  cursor: default;
}

@media screen and (max-device-width: 480px) {
  div#dp-popup {
    top: 485px !important;
  }
}
/*
 * Sidebar Navigation Header
 */
.note-heart__list {
  border: 1px solid #ccc;
  background-color: #fff;
}
.note-heart__list .btn-heart__close {
  float: right;
  margin-top: 2px;
  cursor: pointer;
}
.note-heart__list ul {
  padding: 10px 5px;
}
.note-heart__list ul li:last-child {
  border-bottom: none;
}
.note-heart__list ul li p {
  margin: 0;
  padding: 0;
}
.note-heart__list .heart-date {
  font-size: 12px;
  position: relative;
}
.note-heart__list .heart-date .glad-new {
  font-size: 12px;
  width: 50px;
  height: 20px;
  background-color: #e6004f;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  line-height: 13px;
  float: none;
}

nav#note-heart {
  z-index: 10000;
  width: 85%;
  position: absolute;
  top: 88px;
  left: 0;
}

nav#sidebar {
  border: 1px solid #b6b0a2;
  background-color: rgba(241, 241, 241, 0.75) !important;
  z-index: 10000;
  width: 85%;
  position: absolute;
  top: 88px;
  right: 0;
}
nav#sidebar .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
nav#sidebar ul {
  margin: 20px;
  border: 1px solid #afa3a3;
  background: #fff;
}
nav#sidebar li {
  border-bottom: 1px solid #afa3a3 !important;
}
nav#sidebar li:last-child {
  border-bottom: none !important;
}

@media only screen and (max-width: 480px) {
  nav#sidebar {
    top: 52px;
  }
  nav#sidebar ul {
    margin: 10px;
    border: 1px solid #afa3a3;
    background: #fff;
  }
  nav#sidebar .btn-close {
    top: 5px;
    zoom: 0.7;
  }

  nav#note-heart {
    top: 52px;
  }

  .note-heart__list .btn-heart__close {
    zoom: 0.7;
  }
}
.table {
  width: 100%;
  border-collapse: collapse;
}

.table-bordered th, .table-bordered td {
  border: 1px solid #ccc;
  padding: 0.625rem;
}

/* 
 * btn_like_comment.css
 ===================================== */
#btn_list {
  margin: 0 auto;
  width: 780px;
}

.title_guide {
  padding: 20px 0 0 0;
}

.like_section {
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
  margin: 0 0 5px 0;
}
.like_section p {
  float: left;
  margin: 0 0 0 10px;
}
.like_section .like {
  overflow: hidden;
}
.like_section .like a {
  background: url(../img/icons/icon_like.png) no-repeat;
  display: block;
  float: left;
  text-indent: -9999px;
}
.like_section .like span {
  line-height: 1.3;
}
.like_section .like .like_o {
  background-position: 0 -22px;
}
.like_section .like .like_x {
  background-position: 0 -44px;
}
.like_section .like .like_num {
  background: #fff;
  border: 1px solid #ada794;
  border-radius: 3px;
  background-position: -75px 0;
  padding: 0 2px;
  margin: 1px 8px 0;
  font-size: 11px;
  float: left;
  height: 16px;
  position: relative;
  min-width: 10px;
  color: #000;
}
.like_section .like .like_num:before, .like_section .like .like_num:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}
.like_section .like .like_num:before {
  top: 2px;
  left: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ada794;
}
.like_section .like .like_num:after {
  top: 2px;
  left: -4px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
}
.like_section .like .like_num2 {
  background: #fff;
  border: 1px solid #ada794;
  border-radius: 3px;
  background-position: -75px 0;
  padding: 0 2px;
  margin: 1px 8px 0;
  font-size: 11px;
  float: left;
  height: 16px;
  position: relative;
  min-width: 10px;
  color: #000;
}
.like_section .like .like_num2:before, .like_section .like .like_num2:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}
.like_section .like .like_num2:before {
  top: 2px;
  left: -6px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ada794;
}
.like_section .like .like_num2:after {
  top: 2px;
  left: -4px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
}
.like_section .like .bg_last {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: -7px -228px;
  display: block;
  height: 17px;
  float: left;
  width: 3px;
}
.like_section .likeB a {
  display: block;
  background-size: 80px 20px;
  width: 81px;
  height: 20px;
  float: left;
  text-indent: -9999px;
}
.like_section .likeB .like_b {
  background: url(../img/icons/bg_iine.png) no-repeat 0 0;
  background-size: 80px 20px;
}
.like_section .likeB .like_bo {
  background: url(../img/icons/bg_iine_o.png) no-repeat 0 0;
  background-size: 80px 20px;
}
.like_section .likeB .like_bx {
  background: url(../img/icons/bg_iine_x.png) no-repeat 0 0;
  background-size: 80px 20px;
}
.like_section .likeB .like_b2 {
  background: url(../img/icons/bg_follow_x.png) no-repeat 0 0;
  background-size: 80px 20px;
}
.like_section .likeB .like_bo2 {
  background: url(../img/icons/bg_follow_o.png) no-repeat 0 0;
  background-size: 80px 20px;
}
.like_section .likeB .like_bx2 {
  background: url(../img/icons/bg_follow_x.png) no-repeat 0 0;
  background-size: 81px 20px;
}
.like_section .likeB .bg_last_b {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: 0 -246px;
  display: block;
  height: 20px;
  float: left;
  width: 3px;
}
.like_section .comment a {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: 0 -66px;
  height: 17px;
  display: block;
  float: left;
  text-indent: -9999px;
  width: 32px;
}
.like_section .comment .comment_o {
  background-position: 0 -88px;
}
.like_section .comment_b a {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: 0 -182px;
  height: 19px;
  display: block;
  float: left;
  text-indent: -9999px;
  width: 30px;
}
.like_section .comment_b .like_num {
  background-position: -41px -182px;
  padding: 3px 2px 0;
  line-height: 1.0;
}
.like_section .comment_b .comment_o {
  background-position: 0 -206px;
}
.like_section .comment_b .bg_last {
  background-position: 0 -246px;
  height: 19px;
}
.like_section .pT2 {
  padding-top: 2px !important;
}
.like_section .like_lightbox a {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: 0 -280px;
  height: 19px;
  display: block;
  float: left;
  text-indent: -9999px;
  width: 20px;
}
.like_section .like_lightbox span {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: -20px -280px;
  color: #7d7255;
  height: 17px;
  display: block;
  float: left;
  padding: 1px 2px 0 9px;
}
.like_section .like_lightbox .bg_like_lightbox {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: 0 -247px;
}
.like_section .like_lightbox_orange a {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: 0 -320px;
  height: 19px;
  display: block;
  float: left;
  text-indent: -9999px;
  width: 20px;
}
.like_section .like_lightbox_orange span {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: -20px -320px;
  color: #fff;
  height: 17px;
  display: block;
  float: left;
  padding: 1px 2px 0 9px;
}
.like_section .like_lightbox_orange .bg_like_lightbox {
  background: url(../img/icons/icon_like.png) no-repeat;
  background-position: 0 -247px;
}

.wrap-button__more {
  width: 100%;
}

.btn-viewMore {
  height: auto !important;
  text-align: center;
  background: #ff6f42;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 8px 0 !important;
}
.btn-viewMore:hover, .btn-viewMore:focus {
  background: #5b4e29;
  color: #fff;
  text-decoration: none;
}

/*
	app.scss
--------------------------------------*/
.clearfix:before, ul.nav_2:before, .list_item_2 li:before, .bg_e7e4df:before, .clearfix:after, ul.nav_2:after, .list_item_2 li:after, .bg_e7e4df:after {
  content: "";
  display: table;
}
.clearfix:after, ul.nav_2:after, .list_item_2 li:after, .bg_e7e4df:after {
  clear: both;
}

body {
/*  font-size: 13px;
  font-size: 0.8125rem;*/
  font-size: 15px;
}

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #37240c;
  font-family: "メイリオ", Meiryo, "MS PGothic", "MS Ｐゴシック", "ヒラギノ角ゴ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 200;
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

.error {
  color: #e6004f;
}

.msg_info {
  color: #0092d4;
}

.locked {
  color: #CCC;
  pointer-events: none;
  cursor: default;
}

.header {
  margin: 0 0.3125rem;
}

#header {
  overflow: hidden;
}

.tab-head-content {
  height: 70px;
  overflow: hidden;
}

.page {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  min-height: 100%;
}

a.topcoat-button-right {
  color: #000;
  background-color: #d3d3d3;
  text-decoration: none;
  float: right;
  font-size: 12px !important;
  padding: 9px 5px !important;
  line-height: 20px !important;
  text-align: center !important;
  width: 80px;
  margin-top: -5px !important;
}

/* heading-bar */
.heading-box {
  border-top: 1px solid #ccc1b7;
  border-bottom: 1px solid #ccc1b7;
}
.heading-box.noBorder {
  border: none;
}
.heading-box.noBorder .heading-bar {
  border: none;
}
.heading-box.noBorder .heading-bar-two {
  border-top: none;
}

/* EDIT by NIU */
.heading-bar-two {
  position: relative;
  height: 32px;
  margin: 0;
  padding: 0px 5px 0px 0px;
  color: #fff;
  border-top: 1px solid #d0c7be;
  border-bottom: 2px solid #5b4e29;
}
.heading-bar-two .title {
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0px;
  left: 32px;
  height: 31px;
  padding: 7px 20px;
  text-align: left;
  font-size: 14px;
  background: #5b4e29;
  width: auto !important;
}
.heading-bar-two .heading-note {
  width: 65%;
  float: right;
}

.heading-bar {
  height: 40px;
  margin: 0;
  padding: 5px 10px 0;
  color: #210310;
  font-size: 18px;
  line-height: 32px;
  background-color: #d3cfc6;
  border-top: 1px solid #e2dfd9;
  border-bottom: 1px solid #e2dfd9;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.heading-bar .note-first {
  float: left;
  margin: 0 5px 0 0;
}
.heading-bar.third .heading-note {
  float: right;
}
.heading-bar.third .heading-note .rect-plus, .heading-bar.third .heading-note .icon-gear {
  float: left;
  /*margin: 0 3px;*/
  margin-left: 3px;
  margin-right: 3px;
}
.heading-bar.third .kine {
  color: #7d7255;
  float: left;
  margin: 0;
}
.heading-bar.third .like_section p {
  margin-top: 6px;
}
.heading-bar.third .heading-title__film {
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: 55%;
  overflow: hidden;
}
.heading-bar.third .note-end {
  float: right;
}
.heading-bar.four .read-more {
  width: 114px;
  height: 24px;
  font-size: 16px;
  margin: 4px 0 0;
  color: #fff;
  float: right;
  text-align: center;
  font-weight: normal;
  background-color: #7d7255;
  position: relative;
  text-decoration: none;
}
.heading-bar.four .read-more:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 8px solid #d3cfc6;
}
.heading-bar.fifth .new-order {
  width: 180px;
  height: 32px;
  padding: 4px 0 0 0;
  float: right;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  background-color: #7d7255;
  border-radius: 2px;
  position: relative;
  text-decoration: none;
}
.heading-bar.fifth .new-order:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

/* end heading-bar */
/* tab bar */
#tab-bar, .tabStyle {
  margin: 0 10px;
  padding: 5px;
  background-color: #d3cfc6;
}
#tab-bar ul, .tabStyle ul {
  width: 100%;
}
#tab-bar .tab-item a, .tabStyle .tab-item a {
  width: 32%;
  height: 35px;
  float: left;
  margin: 0 2% 0 0;
  padding: 12px 0 0 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #7d7256;
  /* Old browsers */
}
#tab-bar .tab-item a:hover, #tab-bar .tab-item a:focus, #tab-bar .tab-item a.active, .tabStyle .tab-item a:hover, .tabStyle .tab-item a:focus, .tabStyle .tab-item a.active {
  color: #fff;
  background: #5c4e29;
  /* Old browsers */
}
#tab-bar .tab-item:last-child a, .tabStyle .tab-item:last-child a {
  margin: 0;
}

/* end tab bar */
/* table content */
.tbl-content tr, .tbl-content td {
  border: none;
  padding: 10px 5px;
}
.tbl-content tr:nth-child(odd) {
  background-color: #eeede9;
}
.tbl-content tr:nth-child(even) {
  background-color: #d9d6ce;
}
.tbl-content td:first-child {
  width: 30%;
  background-color: rgba(245, 242, 233, 0.4);
  padding-left: 5px !important;
  vertical-align: top;
}
.tbl-content td:last-child {
  background-color: rgba(245, 242, 233, 0.4);
  vertical-align: top;
}

table.detail_movie td:nth-child(2) {
  width: 35%;
  padding-left: 5px !important;
}

/* end table content */
/**
 * Collapsible
 */
.collapsible h2 > a {
  font-size: 14px;
  color: #0066cc !important;
  text-decoration: underline;
}
.collapsible h2 > a:hover {
  text-decoration: none;
}

/* wrap calendar */
/**
 * Calender slider
 */
#bxSlider__calendar {
  width: 100%;
  position: relative;
  padding: 0 0;
  text-align: center;
  float: left;
}
#bxSlider__calendar .calendar__item {
  display: block;
  text-align: center;
  padding: 14px 0;
  font-size: 16px;
  font-style: italic;
}
#bxSlider__calendar .calendar__item .small {
  font-size: 12px;
}
#bxSlider__calendar .calendar__item .ca-year {
  color: #cc3399;
}
#bxSlider__calendar .calendar__item .ca-month {
  color: #fff;
}
#bxSlider__calendar p {
  color: red !important;
}

.list__sort {
  width: 100%;
  float: left;
  background-color: #beb8aa;
  text-align: center;
}
.list__sort li {
  width: 30%;
  padding: 10px 0;
  font-size: 14px;
  float: left;
  color: #412d19;
  font-weight: 600;
}
.list__sort li:nth-child(2) {
  width: 43% !important;
}
.list__sort li span.ui-icon-24 {
  margin: 2px 1px 0 8px;
  float: left;
}
.list__sort li span.topcoat-checkbox__checkmark {
  float: left;
}
.list__sort span.topcoat-checkbox__checkmark:before {
  position: absolute;
  left: 0;
  top: 0px !important;
  background: #fff !important;
  width: 13px !important;
  height: 13px !important;
  border-radius: 0 !important;
  border: 1px solid #fff;
}
.list__sort span.topcoat-checkbox__checkmark:after {
  top: 2px;
  left: 0;
  border: none !important;
  width: 13px;
  height: 13px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../img/icons/check_mark.png);
  background-size: 13px 13px;
  -webkit-transform: rotate(0) !important;
  -moz-transform: rotate(0) !important;
  -o-transform: rotate(0) !important;
  -ms-transform: rotate(0) !important;
  transform: rotate(0) !important;
}

/* end wrap calendar */
.bx-pager .bx-default-pager {
  display: none;
}

/**
 * Latest published slider
 */
#bxSlider__published {
  margin: 0 30px;
  padding: 5px 15px;
  position: relative;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#bxSlider__published .conLeft {
  float: left;
  width: 70%;
  margin-right: 1.5%;
}
#bxSlider__published .conRight {
  float: right;
}
#bxSlider__published h2 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 2px solid #CCC;
}
#bxSlider__published .published__part {
  border-bottom: 1px solid #999;
}
#bxSlider__published .published__part .nameTop {
  font-size: 24px;
  margin-left: 30px;
}
#bxSlider__published .published__part .number-part {
  float: left;
  width: 45px;
  height: 45px;
  padding: 4px;
  color: #ff8d69;
  background: #ff8d69;
  font-size: 24px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
#bxSlider__published .published__part .number-part .number {
  background: #fff;
  text-align: center;
  width: 37px;
  height: 37px;
  -moz-border-radius: 23px;
  -webkit-border-radius: 23px;
  border-radius: 23px;
}
#bxSlider__published .published__part .mark {
  color: #dd1a84;
  margin-left: 30px;
  margin-top: 5px;
  font-size: 30px;
  font-weight: bold;
}

/* CSS for bxslider 
-----------------------------------*/
.bxSlider__rank .bx-wrapper .bx-pager,
#bxSlider__published .bx-wrapper .bx-pager,
#bxSlider__calendar .bx-wrapper .bx-pager {
  display: none !important;
}

#bxSlider__calendar .bx-prev,
#bxSlider__calendar .bx-next {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  top: 30%;
}

#bxSlider__calendar .bx-prev,
#bxSlider__calendar .bx-next {
  top: 32% !important;
}

#bxSlider__calendar .bx-prev {
  width: 24px;
  height: 24px;
  background: url(../img/icons/icons-16px.png) -20px -132px no-repeat;
}

#bxSlider__calendar .bx-prev {
  left: 0;
}

#bxSlider__calendar .bx-next {
  width: 24px;
  height: 24px;
  background: url(../img/icons/icons-16px.png) -46px -132px no-repeat;
}

#bxSlider__calendar .bx-next {
  right: -10px;
}

.bxSlider__rank .bx-controls-direction {
  text-align: right;
}

#bxSlider__published .bx-controls-direction {
  text-align: right;
  margin-bottom: 10px;
}

#bxSlider__published a.bx-prev,
#bxSlider__published a.bx-next {
  position: absolute;
  top: 40%;
  height: 32px;
  width: 32px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

#bxSlider__published .bx-prev,
#bxSlider__published .bx-next {
  background: url(../img/icons/icons-32px.png) no-repeat;
}

#bxSlider__published .bx-prev {
  left: -35px;
  background-position: -230px -112px;
}

#bxSlider__published .bx-next {
  right: -35px;
  background-position: -272px -112px;
}

.bxSlider__rank a.bx-prev,
.bxSlider__rank a.bx-next {
  display: inline-table;
  width: 24px;
  height: 24px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  top: 63px;
}

/* --
.bxSlider__rank .bx-prev {
	background: url("../img/icons/icons-16px.png");
	background-position: -228px -158px;
	left: 3px;
	
}
.bxSlider__rank .bx-next {
	background: url("../img/icons/icons-16px.png");
	background-position: -254px -158px;
	right: 6px;
}
--*/
.bxSlider__rank .bx-prev {
  background: url("../img/icons/icons-24px.png");
  background-position: -190px -96px;
  left: 3px;
}

.bxSlider__rank .bx-next {
  background: url("../img/icons/icons-24px.png");
  background-position: -224px -96px;
  right: 6px;
}

.bxSlider__calendar {
  width: 100%;
}
.bxSlider__calendar li {
  width: 100%;
  border: none;
}

.spanFooter {
  margin-bottom: 50px;
}

/*Lightbox
------------------------------------*/
@media all {
  .lightbox {
    display: none;
  }

  .block {
    margin: 15px;
    background: #f8f8f8;
    overflow: hidden;
  }

  .modal2 {
    width: 90%;
    height: auto;
    display: none;
  }

  #modal_lightbox .close,
  #modal_lightbox_nolog .close {
    background: url(../img/icons/icon_close.png) no-repeat center center;
    position: absolute;
    z-index: 9999;
    right: 1px;
    top: 2px;
    line-height: 30px;
    width: 40px;
    cursor: pointer;
    color: #000;
    text-indent: -9999px;
  }

  .lightbox_header {
    background: #5c4e2b;
    height: 35px;
  }

  .lightbox_title {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 7px;
    left: 7px;
  }

  .sub_mita_list {
    border: 1px solid #939393;
    padding: 30px 0;
  }
}
.topcoat-list.result li.topcoat-list__item {
  padding-top: 10px;
  padding-bottom: 10px;
}

a.emailPublic {
  display: block;
  padding: 10px;
  margin-top: 10px;
  clear: both;
  text-align: center;
  background: #d3cfc6;
  font-weight: bold;
  font-size: 16px;
}

.list_button {
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 90%;
}
.list_button ul {
  margin: 10px 0 0 0;
}
.list_button ul li {
  margin: 5px 0 0 0;
}
.list_button a {
  width: 100%;
}
.list_button .back {
  margin: 20px 0 0 0;
}
.list_button .warning {
  background: #C7C3B8;
  padding: 10px 5px;
  color: #fff;
  text-align: center;
  color: #37240c;
}

#modal_lightbox_nolog .lightbox_title {
  text-align: center;
  position: inherit;
  padding-top: 5px;
}

/** footer */
#footer {
  clear: both;
  margin-bottom: 20px;
  text-align: center;
}
#footer #copyright {
  font-size: 87%;
  color: #333;
  padding: 15px 0 0 0;
  border-top: 2px solid #4A4A4A;
}
#footer .box_top {
  height: 57px;
  position: fixed;
  z-index: 9999;
  bottom: 70px;
  right: 0;
}
#footer .box_top .linkToTop {
  float: right;
  line-height: inherit;
  text-align: center;
  width: 50px;
  z-index: 9999;
  display: none;
}
#footer .box_top .linkToTop .icon {
  background: url(../img/icons/icon_arrow_top.png) no-repeat 0 0;
  background-size: 24px 24px;
  display: block;
  height: 24px;
  width: 24px;
  text-indent: -9999px;
  margin: 0 auto;
}
#footer .box_top .linkToTop a {
  background: rgba(242, 241, 237, 0.6);
  display: block;
  font-size: 12px;
  padding: 10px 0;
  text-decoration: none;
}

.fixed-linkToTop {
  position: fixed;
  bottom: 70px;
  right: 0;
  display: block;
}

/*
header.scss
------------------------------------------- */
a {
  text-decoration: none;
}

.nav {
  background-color: #7d7256;
  height: 59px;
  padding: 5px 0 5px 5px;
  border-bottom: 5px #c7c3b8 solid;
}
.nav li:last-child {
  width: 13%;
}
.nav > ul {
  display: table;
  width: 100%;
  height: 40px;
}
@media (max-width: 390px) {
  .nav > ul.nav-logged > li:first-child {
    width: 100px;
  }
}
.nav > ul.nav-logged > li.nav-like {
  width: 29%;
}
.nav > ul.nav-logged > li.nav-mail {
  width: 17%;
}
.nav > ul > li {
  background: url(../img/bg_line_h.png) no-repeat top left;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.nav > ul > li:first-child {
  background: transparent;
  border-left: 0;
  text-align: left;
}
@media (max-width: 390px) {
  .nav > ul > li:first-child {
    width: 100px;
  }
}
.nav > ul > li > a {
  color: #fff;
  display: block;
  font-size: 13px;
  padding: 10px 0;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
}
.nav > ul > li > a span {
  display: block;
  margin: 0 auto;
}
.nav .count {
  background-color: #e60146;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 100%;
  position: absolute;
}
.nav .arrow {
  width: 0;
  height: 0;
  border-bottom: 9px solid #c7c3b8;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nav--kine .nav--kine_in {
  background-image: url(../img/icons/txt_kine.png);
  background-repeat: no-repeat;
  background-size: 55px;
  width: 55px;
  height: 15px;
  position: relative;
  background-position: left;
}
.nav--kine .nav--kine_in .count {
  position: absolute;
  top: -13px;
  right: -10px;
}

.nav--mail .nav--mail_in {
  width: 32px;
  height: 20px;
  background-image: url(../img/icons/ico_mail.png);
  background-repeat: no-repeat;
  background-size: 32px;
  position: relative;
}
.nav--mail .nav--mail_in .count {
  position: absolute;
  top: -10px;
  right: -8px;
}

.logo {
  background-image: url(../img/icons/logo_kinenote.png);
  background-size: 119px 30px;
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.search_nolog .search {
  background: #c8c3b8 !important;
  padding: 5px 5px 10px !important;
}
.search_nolog .search input[type="text"],
.search_nolog .search input[type="search"] {
  border: 1px solid white !important;
  color: #ff6634;
}
.search_nolog .search input[type="text"]:focus {
  border: 1px solid #ff6634 !important;
  color: #412d19;
}

.search {
  background: none;
  padding: 5px 0;
  position: relative;
  overflow: hidden;
}
.search input[type="text"],
.search input[type="search"] {
  border: 1px solid #ccc5bb;
  color: #412d19;
  margin: 0;
  padding: 8px 10px;
  font-size: 16px;
  float: left;
  width: 75%;
  height: 37px;
  /*	iphone reset*/
  -webkit-appearance: none;
  border-radius: 0;
}
.search input[type="text"].placeholder,
.search input[type="search"].placeholder {
  color: #ff6634;
}
.search input[type="text"]:-moz-placeholder,
.search input[type="search"]:-moz-placeholder {
  color: #ff6634;
}
.search input[type="text"]::-moz-placeholder,
.search input[type="search"]::-moz-placeholder {
  color: #ff6634;
}
.search input[type="text"]::-webkit-input-placeholder,
.search input[type="search"]::-webkit-input-placeholder {
  color: #ff6634;
}
.search input[type="text"]:focus,
.search input[type="search"]:focus {
  outline: none;
  border: 1px #ff6634 solid;
  color: #412d19;
}
.search input[type="text"]:focus.placeholder,
.search input[type="search"]:focus.placeholder {
  color: #412d19;
}
.search input[type="text"]:focus:-moz-placeholder,
.search input[type="search"]:focus:-moz-placeholder {
  color: #412d19;
}
.search input[type="text"]:focus::-moz-placeholder,
.search input[type="search"]:focus::-moz-placeholder {
  color: #412d19;
}
.search input[type="text"]:focus::-webkit-input-placeholder,
.search input[type="search"]:focus::-webkit-input-placeholder {
  color: #412d19;
}
.search .topcoat-button {
  background: #5c4e29;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  white-space: nowrap;
  padding: 0;
  height: 2.3125rem;
  width: 5rem;
  cursor: pointer;
  float: right;
  width: 24%;
  padding-left: 1%;
  /*	iphone reset*/
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.search .topcoat-button:hover, .search .topcoat-button:focus {
  background: #ff6f42;
}
.search .topcoat-button:focus {
  outline: none;
}

.is-hidden {
  display: none;
}

/*
login form
--------------------------------------------*/
/*header new*/
.ui-icon-menu {
  width: 30px;
  height: 24px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../img/icons/ico_menu.png);
  background-position: center;
  background-size: 24px;
}

.head_block {
  /*	.icon-chart {
  		background-image: url(../img/icons/ico_chart.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	.icon-chart-col {
  		background-image: url(../img/icons/ico_chart_col.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	.icon-rank {
  		background-image: url(../img/icons/ico_rank.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	.icon-circle {
  		background-image: url(../img/icons/ico_circle01.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	.icon-eye {
  		background-image: url(../img/icons/ico_eye.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	.icon-favorite {
  		background-image: url(../img/icons/ico_favorite.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	
  	.icon-crown {
  		background-image: url(../img/icons/ico_crown.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	
  	.icon-pink {
  		background-image: url(../img/icons/ico_pink.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	
  	.icon-yellow {
  		background-image: url(../img/icons/ico_yellow.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  	.icon-green {
  		background-image: url(../img/icons/ico_green.png);
  		background-repeat: no-repeat;
  		background-size: 24px;
  		display: block;
  		margin: 0 auto;
  		height: 24px;
  		width: 24px;
  	}
  */
  /* Not login
  --------------------------------------------------------*/
}
.head_block .tab-head-content {
  width: 100%;
}
.head_block .tab-head-content > div {
  display: none;
}
.head_block #tab-head-bar {
  background: #fff;
  padding: 5px 5px 0 !important;
}
.head_block #tab-head-bar ul li {
  float: left;
  width: 40%;
  padding-right: 5px;
  min-height: 43px;
  cursor: pointer;
}
.head_block #tab-head-bar ul li:nth-child(3) {
  padding-right: 0;
  width: 20%;
}
.head_block #tab-head-bar ul li:nth-child(3) a {
  display: block;
  padding: 8px 5px 9px 5px;
}
.head_block #tab-head-bar ul a {
  background: #f2f1ed;
  border: 2px solid #f2f1ed;
  border-bottom: none;
  color: #756a50;
  display: block;
  padding: 13px 5px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
.head_block #tab-head-bar ul a .icon_search {
  background-image: url(../img/icons/ico_search.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
.head_block #tab-head-bar ul a:hover {
  background: #E0DFDC;
  border: 2px solid #7d7256;
  border-bottom: none;
  position: relative;
  z-index: 100;
}
.head_block #tab-head-bar ul a.active {
  background: #c7c3b8;
  border: 2px solid #7d7256;
  border-bottom: none;
  position: relative;
  z-index: 100;
}
.head_block #tab-head-bar ul a.active .icon_search {
  background-image: url(../img/icons/ico_search_o.png);
}
.head_block .article-content {
  border-bottom: 2px solid #7d7256;
  border-top: 2px solid #7d7256;
  margin-top: -2px;
  padding: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.head_block .article-content .item_list {
  overflow: hidden;
}
.head_block .article-content .item_list li {
  display: inline-block;
  float: left;
  text-align: center;
  width: 20%;
}
.head_block .article-content .item_list li a {
  display: block;
  color: #000;
  padding: 5px 0;
}
.head_block .article-content .item_list li a .text {
  padding: 7px 0 0 0;
  display: block;
}
.head_block .article-content .item_list li a.active {
  background: #c7c3b8;
  text-decoration: none;
}
.head_block .article-content .item_list li a:hover {
  text-decoration: none !important;
}
.head_block .article-content .item_list_four {
  overflow: hidden;
}
.head_block .article-content .item_list_four li {
  display: inline-block;
  float: left;
  text-align: center;
  width: 25%;
}
.head_block .article-content .item_list_four li a {
  display: block;
  color: #000;
  padding: 5px 0;
}
.head_block .article-content .item_list_four li a .text {
  padding: 7px 0 0 0;
  display: block;
}
.head_block .article-content .item_list_four li a.active {
  background: #c7c3b8;
  text-decoration: none;
}
.head_block .article-content .item_list_four li a:hover {
  text-decoration: none !important;
}
.head_block .icon-none {
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}
.head_block .menu-disabled {
  /*icon-gray
  -------------------------------------------------------------------------------*/
  /*.icon-chart {
  	background-image: url(../img/icons/ico_chart_gray.png)!important;
  	background-repeat: no-repeat;
  	background-size: 24px;
  	display: block;
  	margin: 0 auto;
  	height: 24px;
  	width: 24px;
  }
  .icon-chart-col {
  	background-image: url(../img/icons/ico_chart_col_gray.png)!important;
  	background-repeat: no-repeat;
  	background-size: 24px;
  	display: block;
  	margin: 0 auto;
  	height: 24px;
  	width: 24px;
  }
  .icon-rank {
  	background-image: url(../img/icons/ico_rank_gray.png)!important;
  	background-repeat: no-repeat;
  	background-size: 24px;
  	display: block;
  	margin: 0 auto;
  	height: 24px;
  	width: 24px;
  }
  .icon-circle {
  	background-image: url(../img/icons/ico_circle01_gray.png)!important;
  	background-repeat: no-repeat;
  	background-size: 24px;
  	display: block;
  	margin: 0 auto;
  	height: 24px;
  	width: 24px;
  }
  .icon-favorite {
  	background-image: url(../img/icons/ico_favorite_gray.png)!important;
  	background-repeat: no-repeat;
  	background-size: 24px;
  	display: block;
  	margin: 0 auto;
  	height: 24px;
  	width: 24px;
  }
  
  .icon-crown {
  	background-image: url(../img/icons/ico_crown_gray.png)!important;
  	background-repeat: no-repeat;
  	background-size: 24px;
  	display: block;
  	margin: 0 auto;
  	height: 24px;
  	width: 24px;
  }
  
  .icon-pink {
  	background-image: url(../img/icons/ico_pink_gray.png)!important;
  	background-repeat: no-repeat;
  	background-size: 24px;
  	display: block;
  	margin: 0 auto;
  	height: 24px;
  	width: 24px;
  }
  
  .icon-yellow {
  	background-image: url(../img/icons/ico_yellow_gray.png)!important;
  	background-repeat: no-repeat;
  	background-size: 24px;
  	display: block;
  	margin: 0 auto;
  	height: 24px;
  	width: 24px;
  }*/
}
.head_block .menu-disabled a {
  color: #7d7256 !important;
  cursor: default;
}
.head_block .menu-disabled a .text {
  color: #7d7256 !important;
}
.head_block .menu-disabled a:hover,
.head_block .menu-disabled a:active {
  background: none !important;
}
.head_block .menu-disabled .icon-chart,
.head_block .menu-disabled .icon-chart-col,
.head_block .menu-disabled .icon-rank,
.head_block .menu-disabled .icon-circle,
.head_block .menu-disabled .icon-eye,
.head_block .menu-disabled .icon-favorite,
.head_block .menu-disabled .icon-crown,
.head_block .menu-disabled .icon-pink,
.head_block .menu-disabled .icon-yellow,
.head_block .menu-disabled .icon-green {
  opacity: 0.5;
}
.head_block #tab2 {
  overflow: hidden;
}
.head_block #tab3 .search {
  padding: 10px 0 9px 0;
}

@media screen and (min-width: 530px) {
  .head_block #tab-head-bar ul li:nth-child(3) a {
    padding: 7px 5px;
  }

  .head_block #tab-head-bar ul li:nth-child(3) a .icon_search {
    background-image: url(../img/icons/ico_search.png);
    background-repeat: no-repeat;
    background-size: 32px;
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
  }
}
.icon-chart {
  background-image: url(../img/icons/ico_chart.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-chart-col {
  background-image: url(../img/icons/ico_chart_col.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-rank {
  background-image: url(../img/icons/ico_rank.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-circle {
  background-image: url(../img/icons/ico_circle01.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-eye {
  background-image: url(../img/icons/ico_eye.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-favorite {
  background-image: url(../img/icons/ico_favorite.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-crown {
  background-image: url(../img/icons/ico_crown.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-pink {
  background-image: url(../img/icons/ico_calendar.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-yellow {
  background-image: url(../img/icons/ico_yellow.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-green {
  background-image: url(../img/icons/ico_green.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-user {
  background-image: url(../img/icons/img-icon-user.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

.icon-user-dark {
  background-image: url(../img/icons/img-select-01.png);
  background-repeat: no-repeat;
  background-size: 24px;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
}

/*icon 32px
-------------------------------------------------------------------------------*/
.icon-chart32 {
  background-image: url(../img/icons/ico_chart.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-chart-col32 {
  background-image: url(../img/icons/ico_chart_col.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-rank32 {
  background-image: url(../img/icons/ico_rank.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-circle32 {
  background-image: url(../img/icons/ico_circle01.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-eye32 {
  background-image: url(../img/icons/ico_eye.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-favorite32 {
  background-image: url(../img/icons/ico_favorite.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-crown32 {
  background-image: url(../img/icons/ico_crown.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-pink32 {
  background-image: url(../img/icons/ico_calendar.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-yellow32 {
  background-image: url(../img/icons/ico_yellow.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-green32 {
  background-image: url(../img/icons/ico_green.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-user32 {
  background-image: url(../img/icons/img-icon-user.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.icon-user-dark32 {
  background-image: url(../img/icons/img-select-01.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

/*--- Step  ---*/
.steps li {
  position: relative;
  float: left;
  height: 40px;
  text-align: center;
  color: #5c4e2a;
  padding: 5px 0px;
}

.steps .step01 {
  background: #beb8aa;
  width: 18%;
}

.steps .step02 {
  background: #cac5ba;
  width: 32%;
}

.steps .step03 {
  background: #d7d3cb;
  width: 25%;
}

.steps .step04 {
  background: #e4e1db;
  width: 25%;
}

.steps .step01.select, .step02.select, .step03.select, .step04.select {
  background: #654d12;
  color: #FFF;
}

.steps .arrow01, .arrow02, .arrow03 {
  position: absolute;
  z-index: 9999;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: -15px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.steps .arrow01 {
  border-left: 15px solid #beb8aa;
}

.steps .arrow02 {
  border-left: 15px solid #cac5ba;
}

.steps .arrow03 {
  border-left: 15px solid #d7d3cb;
}

.steps .arrow01.select, .arrow02.select, .arrow03.select {
  border-left: 15px solid #654d12;
}

@media (min-width: 481px) and (max-width: 640px) {
  .steps li {
    font-size: 14px !important;
    padding: 12px 0px 0px 15px;
  }
}
@media (min-width: 361px) and (max-width: 480px) {
  .steps li {
    font-size: 11px !important;
    padding: 14px 0px 0px 15px;
  }
}
@media (min-width: 320px) and (max-width: 360px) {
  .steps li {
    height: 30px;
    font-size: 10px !important;
    padding: 10px 0px 0px 12px;
  }

  .steps .arrow01, .arrow02, .arrow03 {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    right: -10px;
  }

  .steps .arrow01 {
    border-left: 10px solid #beb8aa;
  }

  .steps .arrow02 {
    border-left: 10px solid #cac5ba;
  }

  .steps .arrow03 {
    border-left: 10px solid #d7d3cb;
  }

  .steps .arrow01.select, .arrow02.select, .arrow03.select {
    border-left: 10px solid #654d12;
  }
}
/* _P000TOP.scss--------------------------------------------*/
.bn_image {
  background-size: 100% 100%;
  width: 100%;
}

.list-film .ui-link {
  text-decoration: none;
  color: #1a1919;
}
.list-film .ui-link:hover {
  color: #ff6f42;
}
.list-film .btn-film {
  width: 112px;
  height: 39px;
  font-size: 20px !important;
  line-height: 20px !important;
}

.gray-title {
  background: #d3cfc6;
}

.block_head h2 {
  color: #5c4e2a;
}

.block_head_03 {
  height: 40px;
  color: #FFF;
  background: #f29c9f;
  padding: 15px 10px 2px 10px;
  margin-top: 2px;
  line-height: 100%;
}
.block_head_03 .number {
  font-size: 24px;
  margin-right: 5px;
}
.block_head_03 .circle-white {
  text-align: center;
  color: #e89093;
  padding: 0px 5px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.rankList li {
  color: #000;
  text-decoration: none;
  padding: 1.5% 3%;
  font-size: 22px;
  font-weight: bold;
  margin-top: 1px;
  background: #f1f1f1;
  border-bottom: 1px solid #CCC;
}
.rankList li span {
  float: right;
}

.banner-group {
  text-align: center;
}
.banner-group .bn_image_s {
  width: 300px;
  margin: 2px 0;
}

.topcoat-list__item span {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.top-10-content {
  padding: 10px 5px;
}

.clear {
  clear: both !important;
}

/**
 * Sliders
 */
.slide-image-ads {
  background: url(../img/keyvisual_bg.gif) repeat;
  width: 100%;
  max-width: 640px;
  padding: 10px 0;
  height: 150px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}

ul.slider {
  width: 2345px;
  height: 140px;
  left: 50%;
  margin-left: -425px;
  display: inline;
  overflow: hidden;
  position: absolute;
}
ul.slider li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  display: inline;
}
ul.slider a {
  width: 265px;
  height: 137px;
  margin: auto;
  display: block;
  position: absolute;
  text-align: left;
}

.slide-image {
  background-size: 100% 100%;
  width: 100%;
}

.paragraph__item {
  margin: 5px 0 0;
}
.paragraph__item .ui-link {
  font-size: 18px;
}

/**
 * bxSlider__top
 */
#bxSlider__top {
  position: relative;
}

.published__part .nameTop {
  font-size: 24px;
  margin-left: 30px;
}

.slide-banner__top {
  position: relative;
  margin: 10px 0;
  border-bottom: 1px solid #dedcd4;
}
.slide-banner__top .slide_label {
  background: #dedcd4;
  color: #ff6633;
  padding: 5px !important;
  text-align: center;
}
.slide-banner__top li {
  width: 100%;
}
.slide-banner__top img {
  width: 100%;
  height: auto;
  background-size: 100%;
}
.slide-banner__top .bx-prev,
.slide-banner__top .bx-next {
  position: absolute;
  bottom: 10px;
  /*background: url(../img/controls.png) no-repeat;*/
  background: url(../img/btn_slider.png) no-repeat;
  width: 21px;
  height: 21px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.slide-banner__top .bx-prev {
  left: 5px;
  background-position: 0 -21px;
}
.slide-banner__top .bx-prev:hover, .slide-banner__top .bx-prev:focus {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}
.slide-banner__top .bx-next {
  right: 5px;
  bottom: 10px;
  background-position: 0 0;
}
.slide-banner__top .bx-next:hover, .slide-banner__top .bx-next:focus {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}

/* CSS for bxslider 
-----------------------------------*/
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  position: relative;
}

#bxslider__top .bx-wrapper .bx-pager.bx-default-pager a {
  display: none !important;
}

#bxslider__top .bx-prev,
#bxslider__top .bx-next {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  top: 0;
  width: 32px;
  height: 32px;
}

#bxslider__top .bx-prev {
  left: 5px;
  background: url(../img/icons/icons-24px.png) -186px -24px no-repeat;
  margin-left: 5px;
}

#bxslider__top .bx-next {
  right: 5px;
  background: url(../img/icons/icons-24px.png) -220px -24px no-repeat;
  margin-left: 5px;
}

#bxslider__top {
  position: relative;
}

#bxslider__top .bx-controls {
  position: absolute;
  top: 45%;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  #bxslider__top .bx-controls {
    position: absolute;
    top: 40%;
    width: 100%;
  }

  .view_list_wapper li p.image {
    height: 140px;
    max-height: 140px;
  }

  .view_list_wapper li p.image img {
    max-height: 140px;
  }
}
@media only screen and (max-width: 360px) {
  .banner-group .bn_image_s {
    width: 300px;
    margin: 2px 0;
  }
}
/**
 * Menu Slide
 */
.menu {
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 210px;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: visibility 0s linear .3s;
  -moz-transition: visibility 0s linear .3s;
  -ms-transition: visibility 0s linear .3s;
  -o-transition: visibility 0s linear .3s;
  transition: visibility 0s linear .3s;
}
.menu ul {
  border-top: none;
}
.menu ul > li {
  background-color: #000;
  border-bottom: 1px solid #908f8d;
  height: 40px;
  vertical-align: middle;
}
.menu ul > li.topcoat-list__item {
  padding: 0px !important;
}
.menu ul > li.pri-login {
  height: 55px;
  padding: 8px 0 !important;
}
.menu ul > li.logout {
  margin-top: 30px;
}
.menu ul > li span {
  margin-right: 0;
  margin-top: 2px;
}
.menu ul > li.light-able {
  background-color: #ccc;
}
.menu ul > li.light-able a {
  color: #333;
}
.menu ul > li.menu-disabled {
  background-color: #666;
  border-bottom-color: #484846;
}
.menu ul > li.menu-disabled [class*="ui-icon-16"] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.menu ul > li.menu-disabled > a {
  color: #4f4f4f;
  cursor: default;
  pointer-events: none;
}
.menu ul > li.menu-disabled .ui-icon-right {
  z-index: -1;
}
.menu ul > li.menu-nav {
  background-color: #ccc;
  color: #000;
}
.menu ul > li.menu-nav > a {
  color: #000;
}
.menu ul > li > a {
  font-size: 13px;
  color: #fff;
  display: block;
  position: relative;
  line-height: 24px;
  padding: 8px 8px 8px 35px;
}
.menu [class*="ui-icon-24"],
.menu .ic-head-per,
.menu .ic-search-per {
  position: absolute;
  top: 5px;
  left: 5px;
}
.menu .ic-head-per {
  background: url(../img/icons/img-select-01.png) no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.menu .ic-head-per.per-nologin {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.menu .ic-search-per {
  background: url(../img/icons/ic_search_per.png) no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.menu .ui-icon-right {
  position: absolute;
  top: 9px;
  right: 5px;
}
.menu h1.userName {
  margin: 15px 0;
  text-align: left;
  padding-left: 35px;
  height: 24px;
}
.menu h1.userName a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.menu-push {
  visibility: visible;
  z-index: 1;
  -webkit-transition: z-index 0s linear .3s;
  -moz-transition: z-index 0s linear .3s;
  -ms-transition: z-index 0s linear .3s;
  -o-transition: z-index 0s linear .3s;
  transition: z-index 0s linear .3s;
}

.menu-push-right {
  cursor: default;
  pointer-events: none;
}

.wrap-push-right {
  -webkit-transform: translate3d(-210px, 0, 0);
  -moz-transform: translate3d(-210px, 0, 0);
  -o-transform: translate3d(-210px, 0, 0);
  -ms-transform: translate3d(-210px, 0, 0);
  transform: translate3d(-210px, 0, 0);
  cursor: pointer;
  pointer-events: inherit;
}

/*
p010-p021.scss
-----------------------------------------*/
.login-box {
  padding: 0 5px;
}
.login-box .error {
  color: #f00;
  text-align: center;
  margin: 15px 0;
  font-size: 14px;
}
.login-box .login-box__title {
  position: relative;
  border: 1px solid #ccc;
  background-color: #ececec;
  margin: 0 0 2px;
  padding: 5px;
  font-size: 13px;
  color: #210310;
}
.login-box .login-box__title span.request {
  background: #f00;
  color: #fff;
  font-size: 11px;
  height: 16px;
  line-height: 1.5;
  padding: 0 10px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.login-box input.user,
.login-box input.pass,
.login-box input.email {
  width: 100%;
  margin: 0 auto;
}
.login-box .forgot {
  text-align: right;
}
.login-box .forgot a {
  color: #0066cc;
  text-decoration: none;
  display: block;
  margin: 10px 0;
}
.login-box .forgot :hover {
  color: #ff6f42;
}
.login-box p.note {
  text-align: left;
  padding: 10px 0;
}
.login-box .button_log {
  text-align: center;
}

span.request {
  position: relative;
}
span.request:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  widows: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #ececec;
}

.social_list a {
  margin: 5px 0;
  clear: both;
  color: #fff !important;
  line-height: 25px;
}
.social_list a .icon_sc {
  display: inline-block;
  float: left;
  width: 24px;
  height: 24px;
  margin: -4px 0 0 5px;
}
.social_list a .fb-icon {
  background: url(../img/icons/social_icons.png) left top no-repeat;
}
.social_list a .tw-icon {
  background: url(../img/icons/social_icons.png) left -40px no-repeat;
}
.social_list a .go-icon {
  background: url(../img/icons/social_icons.png) left -79px no-repeat;
}
.social_list a .mi-icon {
  background: url(../img/icons/social_icons.png) left -118px no-repeat;
}
.social_list a .ha-icon {
  background: url(../img/icons/social_icons.png) left -157px no-repeat;
}

.social-button {
  height: 44px;
  width: 220px;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

.fb-button {
  background: url(../img/icons/fb-button.png) left top no-repeat;
}

.tw-button {
  background: url(../img/icons/tw-button.png) left top no-repeat;
}

.record_box {
  padding: 0 5px;
  text-align: center;
}
.record_box .info {
  padding: 10px 0;
  text-align: left;
}
.record_box .record {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
}

/*P 040 050*/
/******************** P040 facebook *************************/
.heading-bar.heading-br {
  height: auto !important;
  margin: 0;
  padding: 5px 5px 0 !important;
  font-size: 16px !important;
}

.login-social .social-step {
  text-align: center;
  margin: 15px 0px;
}
.login-social .heading {
  position: relative;
  padding-top: 10px;
}
.login-social .heading .avatar {
  float: left;
  margin-right: 8px;
}
.login-social .heading .name {
  float: left;
  width: 55%;
  margin-right: 15px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-social .heading .publish {
  float: left;
  width: auto;
  margin-top: -8px;
}
.login-social p {
  margin: 5px 0px 5px 0px;
}

/* css add 21-11-2013*/
/*======= P040-register-01 ===========*/
.second-title {
  color: #5c4e2a;
  border-bottom: 2px solid #5c4e2a;
}

.w20 {
  width: 20% !important;
}

.condition-block {
  padding: 0 10px;
  font-size: 13px !important;
}

/*======= P040-register-02 ===========*/
.btn-yellow {
  background: #FF9F00;
  padding: 3px 0;
  height: auto;
  margin: 8px 0 0 0;
  font-size: 11px;
}

@media (min-width: 480px) and (max-width: 640px) {
  .login-social .heading .publish {
    margin-top: -16px;
  }
}
@media (max-width: 420px) {
  .login-social .heading .name {
    width: 40%;
  }
}
@media screen and (min-width: 320px) and (max-width: 360px) {
  .form-info .btn-small.w40 {
    width: 45% !important;
  }
}
/**
M001
*/
.w45per {
  width: 45%;
}

img.smallimg {
  width: 140px;
  height: 140px;
}

.speaker-profile {
  padding: 0 0 10px 0;
  color: #442c07;
  border-bottom: 1px solid #7e7e7e;
  margin-bottom: 10px;
}

.login_SP .searchTop {
  text-align: center;
  padding: 20px 10px 0;
}
.login_SP .searchTop .bg-search-icon {
  width: 50px;
  height: 35px;
  background: #ada794;
  float: right;
  text-align: center;
  display: inline-block;
  margin-left: 0px !important;
  padding-left: 0px !important;
}
.login_SP .searchTop .bg-search-icon .icon-search {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../img/icons/icons-24px.png) -88px -164px;
  margin: 6px 0px 0px 12px;
  cursor: pointer;
  border: 0;
}
.login_SP .searchTop input {
  float: left;
  color: #ff7043;
  height: 35px;
  border: none;
  margin-right: 0px !important;
}

.bg_topsearch {
  background: #C8C3B8;
  height: 48px;
  padding: 0 15px;
  width: 100%;
}
.bg_topsearch td.second {
  width: 50px;
}
.bg_topsearch td.third {
  width: 96px;
}

.search_SP.searchTop .more {
  background: none repeat scroll 0 0 #ADA694;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  margin-left: 5px;
  overflow: hidden;
  padding: 2px 10px 1px;
  float: right;
  margin-top: 2px;
}

.search_SP.searchTop {
  border-bottom: 2px solid #ADA694;
  float: none;
  height: 25px;
  padding: 5px 0px;
}

.search_SP.searchTop .bg-search-icon {
  float: left;
}

.search_SP.searchTop input {
  width: 100%;
}

#member-info-02 .profile {
  position: relative;
  margin-bottom: 1.25rem;
}
#member-info-02 .profile .avatar {
  float: left;
  margin-right: 0.625rem;
  width: 6.25rem;
}
#member-info-02 .profile .des {
  float: left;
  text-align: left;
}
#member-info-02 .profile .des span {
  margin-right: 0.625rem;
}
#member-info-02 .profile .des .mark {
  position: absolute;
  top: -0.3125rem;
  left: 15.9375rem;
  color: #FFF;
  line-height: 120%;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0.5rem 0.1875rem;
  font-size: 10px;
  text-align: center;
  background: url(../img/ico-mark.png) no-repeat;
}

.bg_dots {
  background: url(../img/bg_top_baner.jpg) left top repeat;
  padding: 15px 10px;
  position: relative;
}

.social li {
  top: 3%;
  position: absolute;
  list-style: none;
  display: inline-block;
  left: 10%;
  width: 80px;
  height: 35px;
}

.social li + li {
  top: 38%;
}

.social li + li + li {
  top: 64%;
}

.social li .cinema_rank {
  width: 75px;
  height: 44px;
}
.social li .cinema_rank img {
  width: 100%;
  height: 100%;
}
.social li .review_rank img {
  width: 32px;
  height: 32px;
}
.social li .label_rank img {
  width: 32px;
  height: 34px;
}
.social .ui-more-98 {
  color: #FFFFFF;
  font-style: italic;
  font-weight: bold;
  padding-left: 45px;
  padding-top: 25px;
  text-indent: inherit;
}
.social .ui-more-98 .number-circle {
  width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  position: absolute;
  left: 44px;
  top: 27px;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.social .ui-icon-32, .social .ui-icon-24 {
  text-indent: inherit;
  color: #FFFFFF;
  font-style: italic;
  font-weight: bold;
  text-indent: inherit;
  margin: 0 auto;
}
.social .ui-icon-32 .number-circle, .social .ui-icon-24 .number-circle {
  background: #ff7043;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  position: absolute;
  left: 43px;
  top: 21px;
  font-size: 10px !important;
  line-height: 1.5 !important;
}
.social .ui-icon-24 .number-circle {
  width: 27px;
  height: 27px;
  text-align: center;
  padding: 4px 0 0 0;
  top: 12px;
  font-size: 12px !important;
}
.social .icons-more-M001 {
  background-image: url(../img/icons/icons-mor-title.png);
  background-size: 75px 44px;
  width: 75px;
  height: 44px;
  padding: 0;
}

ul.nav_2 {
  color: #442c07;
  border-bottom: #7e7e7e 1px solid;
  font-size: 20px;
  font-size: 1.25rem;
}
ul.nav_2 li {
  width: 33%;
  border-right: #7e7e7e 1px solid;
  float: left;
  text-align: center;
  padding: 10px 5px;
}
ul.nav_2 li.last {
  border-right: none;
}

.myfavorite {
  font-size: 18px;
}

.list_item_3 a {
  text-decoration: none;
}
.list_item_3 .name-person {
  word-break: break-all;
  word-wrap: break-word;
  margin: 15px 0 0;
  width: 84%;
}
.list_item_3 .list_item_3_photo {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 5px;
  top: 15px;
}
.list_item_3 .like_section {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 30px;
}
.list_item_3 li {
  font-size: 14px !important;
  line-height: 1.5 !important;
  position: relative;
  min-height: 80px;
  display: block;
  padding: 10px 135px 10px 60px;
}
.list_item_3 li:nth-child(odd) {
  background: #f2f1ee !important;
}
.list_item_3 li:nth-child(even) {
  background: #e7e4df !important;
}

.list_item_2 {
  color: #442c07;
  font-size: 20px;
  font-size: 1.25rem;
}
.list_item_2.spec li > span {
  width: 32.3%;
  float: left;
  word-wrap: break-word;
  display: block;
}
.list_item_2.spec li span:nth-child(2) {
  position: relative;
}
.list_item_2.spec li span:nth-child(2) a {
  position: absolute;
  top: -14px;
  left: 0px;
  padding: 14px 5px;
  width: 100%;
}
.list_item_2.spec li span + span {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.list_item_2.spec li a {
  color: #ff6f42;
  min-width: 80px;
}
.list_item_2.spec li span:last-child {
  text-align: right;
  font-weight: normal;
  float: right;
  padding: 0 5px 0 0;
}
.list_item_2 li {
  clear: both;
  padding: 10px 20px;
}
.list_item_2 li .block-smalls {
  float: right;
}
.list_item_2 li .text-01 {
  font-weight: bold;
  color: #7d7255;
  display: inline-block;
  margin-top: 15px;
}
.list_item_2 li:nth-child(odd) {
  background-color: #f2f1ee;
}
.list_item_2 li:nth-child(even) {
  background-color: #e7e4df;
}
.list_item_2 li .countSmall {
  border: #7e7e7e 1px solid;
  border-radius: 3px;
  margin: 0px 5px;
  background: #d3cfc6;
  float: right;
  padding: 5px 0 0 5px;
  font-size: 20px;
  font-size: 1.25rem;
}
.list_item_2 li .countSmall .ui-more-60 {
  width: 56px;
}
.list_item_2 li.first {
  padding: 0px;
}
.list_item_2 li.bor {
  border-bottom: #afa3a3 1px solid;
  border-top: #afa3a3 1px solid;
  margin-bottom: -1px;
  background: none;
  padding: 0;
}
.list_item_2 a.disBlock {
  display: block;
}
.list_item_2 a.ui-link {
  font-size: 16px;
}
.list_item_2 a.normal {
  font-size: 16px;
  font-size: 1rem;
  color: #181c1d;
  text-decoration: none;
  padding: 14px 5px;
  position: relative;
}
.list_item_2 a.normal .ui-icon24-104 {
  position: absolute;
  right: 5px;
  top: 10px;
}
.list_item_2 a:hover, .list_item_2 a:focus {
  color: #ff6f42;
}

.race {
  overflow: hidden;
}
.race a {
  text-decoration: none;
}
.race .icons li {
  text-align: center;
  display: inline;
  float: left;
  margin: 0px 0px 0px 10px;
  /*	.ui-more-703 {
  		background-position: -236px -388px;
  	}*/
}
.race .icons li .ui-more-301 {
  background-position: -20px -211px;
}
.race .icons li .ui-more-icon {
  height: 34px;
}
.race .icons li .ui-more-98 {
  height: 31px;
}
.race .icons li .ui-more-icon, .race .icons li .ui-more-53, .race .icons li .ui-more-60, .race .icons li .ui-more-98 {
  text-indent: inherit;
}

/*
.movies_race { 
	float:left;
	background:#cecabf; 
	font-size:16px;
	padding:10px 8px 0px;
	margin-bottom:10px;
	width:48%;
	text-align:left;
	height: 65px;
	p {
		em {
			color: #000;
			font-weight: bold;
			font-size: 17px;
		}
	}
	.mark {
		display: block;
		padding: 5px 0 0 0;
	}
}*/
/*.seciton_1 { font-size:18px;}*/
.mT8 {
  margin-top: 8px;
}

.borL_7e7e7e {
  border-left: #7e7e7e;
}

.borR_7e7e7e {
  border-right: #7e7e7e;
}

.borB_7e7e7e {
  border-bottom: #7e7e7e 1px solid;
}

.bg_e7e4df {
  background: #e7e4df;
}

.bg_d3cfc6 {
  background: #d3cfc6;
}

.bg_f2f1ee {
  background: #f2f1ee;
}

.bg_7d7255 {
  background: #7d7255;
}

.bg_afa693 {
  background: #afa693;
}

.bg_cecabf {
  background-color: rgba(92, 78, 42, 0.3);
}

.bg_eeede9 {
  background: #eeede9;
}

.color_7d7255 {
  color: #7d7255;
}

.color_403104 {
  color: #403104;
}

.color_101416 {
  color: #101416;
}

.color_37240c {
  color: #37240c;
}

.color_403305 {
  color: #403305;
}

.color_White {
  color: #fff;
}

.w320 {
  width: 320px;
}

.h50 {
  height: 50px;
}

.bg_White {
  background: #fff !important;
}

.bor_dotted {
  border-bottom: #37240c 2px dotted;
  margin: 10px 0px;
}

.btn_small_borOrange {
  border: 3px solid #FF6F43;
  border-radius: 3px 3px 3px 3px;
  padding: 0 2px 0px;
  font-size: 13px;
  color: #FF6F43;
  text-decoration: none;
  font-weight: bold;
}

a.back-to-top {
  cursor: pointer;
  text-decoration: underline;
  color: #000;
}

.pa10 {
  padding: 10px 10px 0px;
}

.view-race {
  zoom: 1;
}
.view-race span {
  display: inline-block;
}
.view-race span.ui-more-703 {
  height: 30px;
}
.view-race span.ui-more-602 {
  line-height: 30px;
}
.view-race p {
  margin: 0 auto;
  float: none;
  display: inline-table;
}

.locked a {
  color: #CCC;
  pointer-events: none;
  cursor: default;
}

.list_item_2 .locked .ui-icon24-104 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.heading-box {
  position: relative;
}

.user-profile .ui-icon-24, .user-dropdown .ui-icon-24 {
  display: inline-block;
  vertical-align: middle;
}

.user-dropdown {
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
.user-dropdown .list-select {
  display: none;
}
.user-dropdown .list-select.is-visible {
  display: block;
}
.user-dropdown .list-select > li {
  background: #d3cfc6;
  border-top: 1px solid #e2dfd9;
  border-bottom: 1px solid #ccc1b7;
  text-align: center;
}
.user-dropdown .list-select > li:first-child {
  border-top-color: transparent;
  display: none;
}
.user-dropdown .list-select > li > a {
  display: block;
  padding: 10px 0;
  height: 42px;
}
.user-dropdown .list-select > li > a p {
  margin: 0 0 0 25px;
}
.user-dropdown .list-select > li.disable
a {
  cursor: default;
  pointer-events: none;
}
.user-dropdown .list-select > li.disable
a img {
  opacity: 0.3;
}
.user-dropdown .list-select > li.disable
a .icon-s001,
.user-dropdown .list-select > li.disable
a .icon-s002,
.user-dropdown .list-select > li.disable
a .icon-s003,
.user-dropdown .list-select > li.disable
a .icon-s004 {
  opacity: 0.3;
}
.user-dropdown .list-select .icon-select {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
.user-dropdown .list-select .icon-s001 {
  background: url(../img/icons/ico_chart_col.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.user-dropdown .list-select .icon-s002 {
  background: url(../img/icons/ico_rank.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.user-dropdown .list-select .icon-s003 {
  background: url(../img/icons/ico_favorite.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.user-dropdown .list-select .icon-s004 {
  background: url(../img/icons/ico_eye.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.user-dropdown .list-select .icon-s005 {
  background: url(../img/icons/ico_chart.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.user-dropdown .user-dropdown--profile {
  border-left: 1px solid #e2dfd8;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
}
.user-dropdown .user-dropdown--profile:hover {
  text-decoration: none;
}
.user-dropdown .user-dropdown--profile .ui-icon-24 {
  margin-left: 5px;
}
.user-dropdown .ui-icon24-user {
  background: url(../img/icons/img-select-01.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.user-dropdown .icon-arrow {
  background: url(../img/icons/icon-arrow-down.png) center no-repeat;
  background-size: 10px 10px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 14px;
  margin-right: 0px;
}
.user-dropdown .ic-profile {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.next-to a {
  width: 100%;
  display: block;
  padding: 12px 5px;
  position: relative;
  text-align: right;
  font-size: 14px;
}
.next-to a:hover, .next-to a:focus {
  color: #ff6f42;
}
.next-to .ui-icon-16 {
  display: inline-block;
  position: relative;
  top: 4px;
  margin: 0 0 0 5px;
}

.bor-bottom-list {
  border-bottom: #ccc1b7 1px solid;
}

/*============ new 17-01 ==============*/
.img-size-32 {
  width: 32px;
  height: 32px;
}

.img-size-24 {
  width: 24px;
  height: 24px;
}

.fleft {
  float: left;
}

@media screen and (min-width: 580px) and (max-width: 640px) {
  img.smallimg {
    max-width: 100%;
  }

  .list_item_2 .countSmall {
    line-height: 24px;
  }
  .list_item_2 .text-01 {
    float: left;
  }
}
@media screen and (min-width: 520px) and (max-width: 580px) {
  .list_item_2 li .mT15 {
    margin-top: 0 !important;
  }
  .list_item_2 li .ui-more-703 {
    margin-right: 5px;
    height: 37px;
  }
  .list_item_2 li .text-01 {
    clear: both;
    float: left;
    margin-top: 0 !important;
  }

  .block-smalls {
    float: right;
    margin-top: -37px;
  }
  .block-smalls .countSmall {
    display: inline-block !important;
    margin: 0 0 0 2px !important;
  }
}
@media only screen and (max-width: 520px) {
  ul.nav_2 {
    font-size: 16px;
    font-size: 1rem;
  }

  .myfavorite {
    font-size: 14px;
  }

  .list_item_2 {
    font-size: 14px;
    font-size: 0.875rem;
    /* line 2 */
  }
  .list_item_2 .text-01 {
    margin-top: 21px !important;
  }
  .list_item_2 .countSmall {
    zoom: 0.8;
  }
  .list_item_2 a.normal {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .list_item_2 .f18px {
    font-size: 14px;
  }
  .list_item_2 li {
    padding: 14px 5px;
  }
  .list_item_2 li .countSmall {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0px 3px;
    padding: 5px 0px 5px 5px;
  }
  .list_item_2 a.ui-link {
    font-size: 14px;
  }
  .list_item_2 .ui-icon-32 {
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../img/icons/icons-24px.png);
  }
  .list_item_2 .ui-icon32-201 {
    background-position: -20px -62px;
  }
  .list_item_2 .ui-icon32-202 {
    background-position: -54px -62px;
  }
  .list_item_2 .ui-icon32-203 {
    background-position: -88px -62px;
  }
  .list_item_2 .ui-more-703 {
    background-position: -300px -338px;
  }
  .list_item_2 .ui-more-98 {
    height: 30px;
    width: 60px;
  }
  .list_item_2 .ui-icon-32.mT15 {
    margin-top: 8px !important;
  }

  .seciton_1 {
/*    font-size: 12px;
    font-size: 14px;*/
  }
  .seciton_1 .pL20 {
    padding-left: 5px !important;
  }
  .seciton_1 .pR20 {
    padding-right: 5px !important;
  }
  .seciton_1 .fz23 {
    font-size: 14px !important;
  }
  .seciton_1 #tab-bar {
    margin: 0px !important;
    padding: 5px !important;
  }

  .seciton_1 .f28px, .seciton_1 .f20px {
    font-size: 16px;
    font-weight: 600;
  }

  .movies_race {
    width: 45%;
    font-size: 14px !important;
    margin-bottom: 10px;
    padding: 6px 5px 0;
  }
  .movies_race p {
    margin: 2px 0;
    font-size: 10px;
  }

  .img_320 {
    max-width: 100%;
  }

  .social li {
    top: 8%;
    left: 3%;
  }

  .social li + li {
    top: 38%;
  }

  .social li + li + li {
    top: 65%;
  }

  .bg_dots.alignR {
    text-align: right;
  }

  .amazon p {
    margin: 0px 0px 10px !important;
  }

  .race .icons li {
    margin: 0 0 0 10px;
  }
  .race .icons li .ui-more-301 {
    background-position: -79px -214px;
    height: 25px;
    width: 34px;
    margin-right: 0px;
  }
  .race .icons li .ui-more-601 {
    background-position: -20px -342px;
    padding-top: 3px;
    margin-right: 0px;
  }

  .view-race span.ui-more-602 {
    line-height: 1.8em;
    font-size: 16px;
  }
}
@media screen and (min-width: 440px) and (max-width: 520px) {
  .list_item_2 .text-01 {
    float: left;
  }
}
@media screen and (min-width: 320px) and (max-width: 440px) {
  .list_item_2 li .mT15 {
    margin-top: 0 !important;
  }
  .list_item_2 li .ui-more-703 {
    width: 56px;
    height: 30px;
    margin-right: 5px;
  }
  .list_item_2 li .text-01 {
    clear: both;
    float: left;
    margin-top: 0 !important;
  }

  .block-smalls {
    float: right;
    margin-top: -30px;
  }
  .block-smalls .countSmall {
    zoom: 0.7 !important;
    display: inline-block !important;
    margin: 0 0 0 2px !important;
  }
}
@media only screen and (max-width: 480px) {
  .list_item_3 li {
    padding: 10px 112px 10px 60px;
  }

  .has-zoom {
    zoom: 0.8 !important;
  }
}
.social-face-twi_M001 a {
  position: absolute;
  right: 40px;
}
.social-face-twi_M001 a:first-child {
  top: 95px;
}
.social-face-twi_M001 a:last-child {
  top: 130px;
}

/**
 * Tipsy
 */
.tipsy {
  position: relative;
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
}
.tipsy.hover:before, .tipsy.hover:after {
  visibility: visible;
  opacity: 1;
  transition: .2s .3s;
}
.tipsy:before, .tipsy:after {
  transform: translate3d(0, 0, 0);
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: .2s;
}
.tipsy:before {
  content: '';
  border: 5px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.tipsy:after {
  content: attr(data-tipsy);
  background-color: #5b4e29;
  border-radius: 3px;
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  padding: 4px 8px;
  white-space: nowrap;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.tipsy.hover:before {
  right: -15%;
}
.tipsy.hover:after {
  left: 115%;
}
.tipsy:before, .tipsy:after {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.tipsy:before {
  border-right-color: #5b4e29;
  right: -25%;
}
.tipsy:after {
  left: 125%;
}
.tipsy:before, .tipsy:after {
  top: 80%;
}

.tipsy-first:before, .tipsy-first:after {
  top: 80%;
}

.sute_kinne_review li:nth-child(2n+1) {
  background: #f2f1ee;
}
.sute_kinne_review li:nth-child(2n+2) {
  background: #e7e4df;
}
.sute_kinne_review li {
  padding: 10px 5px;
}
.sute_kinne_review li .view_top {
  overflow: hidden;
}
.sute_kinne_review li .view_top .view_date {
  float: left;
  text-align: left;
  width: 30%;
}
.sute_kinne_review li .view_top .view_point {
  float: right;
  text-align: right;
  width: 30%;
}
.sute_kinne_review li .view_top .view_point a {
  padding: 0 10px;
}
.sute_kinne_review li .view_bot {
  padding: 10px 0 0 0;
}
.sute_kinne_review li .view_bot .view_point_bot {
  padding: 5px 0;
}
.sute_kinne_review li .view_bot .view_point_bot a {
  padding: 0 10px 0 0;
}
.sute_kinne_review li .name-person {
  padding: 0 0 0 65px;
}

/*
 pm020.scss
-----------------------------------------*/
.main {
  overflow: hidden;
  clear: both;
  padding-bottom: 30px;
}
.main .heading-bar-two {
  overflow: hidden;
}
.main .year {
  display: inline;
  float: left;
  margin: 7px 0 0 0;
}
.main .name {
  display: inline;
  float: left;
  padding: 5px 0;
  text-align: left !important;
  width: 60%;
}
.main .list_name {
  display: inline;
  float: left;
  padding: 5px 0;
  width: 35%;
}
.main .topcoat-list__container .topcoat-list a {
  vertical-align: middle;
}
.main .topcoat-list__container .topcoat-list a.link_left {
  float: left;
  text-align: left;
  margin: 5px 0 0 5px;
  width: 75%;
}
.main .topcoat-list__container li {
  overflow: none !important;
}
.main .topcoat-list__container li div.right_button {
  float: right;
  text-align: right;
  width: 6.875rem;
}
.main .topcoat-list__container li div.right_button2 {
  float: right;
  text-align: right;
  width: 8.875rem;
}
.main .result li:nth-child(2n) {
  background-color: #F2F1EF;
}
.main .result li:nth-child(2n+1) {
  background-color: #E6E5E0;
}

.list-exact-match {
  border-top: 1px solid #e3e3e3;
}
.list-exact-match .year {
  display: inline;
  float: left;
  margin: 5px 20px 0 0;
}
.list-exact-match li {
  padding: 10px 5px;
}
.list-exact-match li:nth-child(even) {
  background-color: #E6E5E0;
}
.list-exact-match li:nth-child(odd) {
  background-color: #F2F1EF;
}
.list-exact-match li .link_left {
  margin: 5px 0 0;
  float: left;
  width: 75%;
}
@media (min-width: 521px) and (max-width: 660px) {
  .list-exact-match li .link_left {
    margin: 5px 0 0;
    float: left;
    width: 80%;
  }
}

#tab-bar .tab-item a.two {
  width: 49%;
}

.pm_020 .tit_02 {
  color: #5B4E29;
  display: inline-block;
  font-size: 1rem;
  line-height: 2rem;
  margin: 0.625rem;
  padding: 0;
  vertical-align: middle;
  font-size: 18px;
  position: relative;
  width: 96%;
}
@media (max-width: 390px) {
  .pm_020 {
    font-size: 12px;
  }
  .pm_020 #tab-bar {
    margin: 10px 0px 0px !important;
    padding: 5px !important;
  }
  .pm_020 .tit_02 {
    margin: 0.4rem;
    font-size: 14px;
  }
}
.pm_020 .msg_info {
  color: #0032CB;
}
.pm_020 #tab_search_movie .msg_info {
  color: #0092D4;
}
.pm_020 #tab_search_person .msg_info {
  color: #0092D4;
}
.pm_020 .list-exact-match a,
.pm_020 .result a {
  text-decoration: none !important;
  color: #FF6F42 !important;
}
.pm_020 .list-exact-match a:hover,
.pm_020 .result a:hover {
  text-decoration: underline !important;
}
.pm_020 .custom-select.fix-selected {
  top: 4px;
}
.pm_020 .social-options {
  float: right;
  font-size: 14px;
}
.pm_020 .social-options li {
  display: inline;
  margin-left: 5px;
}
.pm_020 .list-exact-match li {
  padding: 0 5px;
}
.pm_020 .list-exact-match li .year {
  margin: 0 20px 0 0;
  padding: 14px 0 15px;
}
.pm_020 .list-exact-match li .link_left {
  margin: 0 0 0;
  padding: 14px 0 15px;
}
.pm_020 .result .topcoat-list__item {
  padding: 0 .5rem;
}
.pm_020 .result .name {
  padding: 15px 10px 15px 0;
}
.pm_020 .result .list_name {
  padding: 15px 0;
}

/* edit by niu */
.p020-heading-sub {
  text-align: right;
  margin: 10px 5px 5px 5px;
}
.p020-heading-sub span.login-social {
  font-size: 12px;
  text-align: left;
  line-height: 100%;
}
.p020-heading-sub .tooptip-icon, .p020-heading-sub .login-social {
  display: inline-block;
  margin: 2px 0px 0px 3px;
}

.p020-title-sub {
  background: #bdb8a9;
  padding: 5px 0px;
  color: #FFF;
}
.p020-title-sub span.num01 {
  background: #FFF;
  padding: 0px;
  margin-left: 10px;
  color: #5c4e2a;
}

span.num02 {
  color: #0032cb;
}

/*PM 040*/
.block_body_detail {
/*  font-size: 14px !important;*/
  font-size: 15px !important;
  line-height: 27px !important;
  padding-top: 15px;
  padding-bottom: 15px;
}

.rate_040 {
  overflow: hidden;
  display: block;
}
.rate_040 .imgLeft {
  float: left;
  width: 90px;
  margin-top: 0;
}
.rate_040 .imgLeft img {
  max-width: 100%;
}
.rate_040 .contentRight {
  float: left;
  margin-left: 2%;
  width: 67%;
}
.rate_040 .control__group {
  text-align: center;
}
.rate_040 .control__group .btn {
  padding: 0.125rem 0.625rem !important;
  margin: 0 !important;
  height: 1.625rem !important;
}

.wrap-all-mita-mitai {
  float: right;
}
.wrap-all-mita-mitai .wrap-mita-mitai {
  display: inline-block;
}

.wrap-mita-mitai {
  position: relative;
  clear: both;
}
.wrap-mita-mitai .box-saw {
  display: none;
  position: absolute;
  top: 35px;
  right: 0;
  z-index: 999999999;
  width: 100%;
}
.wrap-mita-mitai .box-saw .mitem {
  display: block;
  padding: 5px;
  margin: 1px 0 0;
  background-color: #7D7255;
  border-radius: 3px;
  font-size: 12px !important;
  color: #fff;
  min-width: 110px;
}
.wrap-mita-mitai .box-saw .mitem:hover, .wrap-mita-mitai .box-saw .mitem:focus {
  background-color: #ff6f42;
}
.wrap-mita-mitai .box-saw-private {
  top: 27px !important;
  right: 0;
}
.wrap-mita-mitai .box-saw-private .mitem {
  margin-left: -30px !important;
}

.sort {
  background: #ececec;
  display: block;
  padding: 1px 0;
  text-align: right;
}
.sort p {
  padding: 0 5px;
}
.sort p a img {
  display: inline;
  vertical-align: middle;
}
.sort p a span.btn-text {
  display: inline;
  vertical-align: middle;
}

.hideshow-button {
  width: 93%;
  background-color: #c07365;
  color: #EEEDE9;
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 2rem;
  padding: 0 0 0 1.25rem;
  vertical-align: top;
  text-decoration: none;
  margin: 0 auto;
  display: block;
  text-align: center;
}

table.rateDetail_040 {
  width: 100%;
  border: 1px solid #b2b2b2;
  border-spacing: 0;
  font-size: 12px;
}
table.rateDetail_040 td {
  padding: 0.3125rem 0.625rem;
  border-bottom: 1px solid #DCDCDC;
}
table.rateDetail_040 td.left {
  width: 42%;
}
table.rateDetail_040 tr:nth-child(even) {
  background-color: #e6e5e0;
}
table.rateDetail_040 tr:nth-child(odd) {
  background-color: #f2f1ef;
}

.add_040 {
  border: 0.0625rem solid #b2b2b2;
  display: block;
  overflow: hidden;
  padding: 0.625rem;
}
.add_040 dt {
  width: 48%;
  margin-left: 2%;
}
.add_040 .btn {
  font-size: 0.75rem !important;
  height: 1.25rem;
  line-height: 1.25rem !important;
  margin-bottom: 0.125rem;
  padding: 0 !important;
  text-align: center !important;
  width: 5rem;
}

.border-bottom {
  border-bottom: 0.0625rem solid #b2b2b2;
}

.new_order {
  border-bottom: 1px dotted #b2b2b2;
  padding: 15px 0;
}

.review_040 {
  overflow: hidden;
  display: block;
}
.review_040 .avatar {
  text-align: center;
  width: 24%;
}
.review_040 .avatar img {
  max-width: 100%;
}
.review_040 .alt_text {
  display: block;
  text-align: center;
  width: auto;
}
.review_040 .info {
  width: 73%;
  margin-left: 2%;
}
.review_040 .info .info_inner {
  border: 1px solid #b2b2b2;
}
.review_040 .info .info_inner dl {
  margin: 0;
  padding: 5px;
}
.review_040 .info .info_inner dl:nth-child(even) {
  background-color: #f2f1ef;
}
.review_040 .info .info_inner dl:nth-child(odd) {
  background-color: #e6e5e0;
}
.review_040 .info .info_inner dl dd {
  padding-left: 25px;
}
.review_040 .info h3 {
  margin: 5px 0 0 0;
  font-size: 12px;
}

.userReview {
  border: 1px solid #b2b2b2;
  overflow: hidden;
  display: block;
  padding: 10px;
  background-color: #eeede9;
}
.userReview a.btn {
  font-size: 12px !important;
  height: 20px !important;
  line-height: 21px !important;
  margin-bottom: 2px;
  padding: 0 !important;
  text-align: center !important;
  width: 60px;
}
.userReview .title {
  font-weight: bold;
  text-align: center;
  line-height: 22px;
}
.userReview .like {
  font-size: 10px;
  line-height: 20px;
  padding-left: 3px;
  padding-right: 3px;
}
.userReview .pluginCountButton {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #C1C1C1;
  height: 14px;
  line-height: 14px;
  margin-left: 6px;
  min-width: 15px;
  padding: 1px 2px;
  text-align: center;
  white-space: nowrap;
  width: 20px;
  font-size: 10px;
}
.userReview .pluginCountTextConnected, .userReview .pluginCountConnected .pluginCountTextDisconnected {
  display: none;
}
.userReview .pluginCountButtonNub {
  height: 0;
  left: 2px;
  position: relative;
  top: -14px;
  width: 5px;
  z-index: 2;
}
.userReview .pluginCountButtonNub s, .userReview .pluginCountButtonNub i {
  border-color: rgba(0, 0, 0, 0) #d7d7d7;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  display: block;
  position: relative;
  top: 1px;
}
.userReview .pluginCountButtonNub i {
  border-right-color: #FFFFFF;
  left: 2px;
  top: -7px;
}
.userReview .like__control {
  padding: 0 !important;
  margin: 0 !important;
}
.userReview .like {
  font-size: 10px !important;
  margin: 0px 0px 0px 5px;
  padding: 2px;
  color: #333 !important;
  text-decoration: none !important;
  border: 1px solid #b2b2b2;
  background-color: #fff !important;
}
.userReview .like__number {
  font-size: 10px !important;
  border: 1px solid #b2b2b2;
  background: #FFF;
  padding: 2px;
  margin-left: 5px;
  position: relative;
}
.userReview .like__number:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 2px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 10px solid #b2b2b2;
}
.userReview .like__number:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 2px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 10px solid #fff;
}

.slider {
  display: none;
  margin-left: 0rem;
}

.collapseSlider {
  display: none;
}

.sliderExpanded .collapseSlider {
  display: block;
  float: right;
  margin-right: 0.3125rem;
}

.sliderExpanded .expandSlider {
  display: none;
  float: right;
  margin-right: 0.3125rem;
}

.toggler {
  background-color: #D9D6CE;
  padding: 10px 5px;
  color: #1b1a19;
  border-bottom: 1px solid #9d9b97;
  cursor: pointer;
}
.toggler .expandSlider, .toggler .collapseSlider {
  background: #7D7255;
  padding: 0px 10px;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}
.toggler span.expandSlider,
.toggler span.collapseSlider {
  width: 90px;
  text-align: center;
  margin-right: 0;
  font-size: 11px;
  white-space: nowrap;
}

.expanderHead {
  background-color: #5b4e29;
  border: 0.0625rem solid #b2b2b2;
  padding: 0.3125rem 0.625rem;
  color: #fff;
}

.expanderSign {
  margin-right: 0.3125rem;
}

.moreCinemaInfo, .moreCinemaInfo2 {
  text-align: center;
}
.moreCinemaInfo img, .moreCinemaInfo2 img {
  max-width: 100%;
  padding: 0px 0;
}
.moreCinemaInfo .more, .moreCinemaInfo2 .more {
  display: block;
}
.moreCinemaInfo .more a, .moreCinemaInfo2 .more a {
  display: block;
}
.moreCinemaInfo .more a img, .moreCinemaInfo2 .more a img {
  display: inline;
}
.moreCinemaInfo .more a span.btn-text, .moreCinemaInfo2 .more a span.btn-text {
  display: inline;
  vertical-align: middle;
}

.btn-Ssmall {
  height: 2.188rem !important;
  line-height: inherit !important;
  padding: 2px 0.625rem !important;
}

.btn-Msmall {
  height: 2.188rem !important;
  line-height: 1.5 !important;
  padding: 5px 0.625rem !important;
}
.btn-Msmall.pos-spec-T2 {
  position: relative;
  top: 1px;
  font-size: 10px !important;
  bottom: 0;
}

.fz23 {
  font-size: 23px !important;
}

.fz16 {
  font-size: 16px !important;
}

.f14px {
  font-size: 14px !important;
}

a.block_tg {
  text-align: center;
  position: relative;
}
a.block_tg span {
  margin: 0 auto;
}
a.block_tg.active span {
  background-position: -83px -258px;
}

.top15 {
  top: 15px;
}

.left_1per {
  left: 1%;
}

.race_movies_list {
  margin-left: 5px;
  margin-right: 5px;
}

.w25per {
  width: 25%;
}

.w15per {
  width: 15%;
}

a.ui-link {
  color: #412d19;
  text-decoration: underline;
}

.img_100per {
  width: 100%;
}

.list_race span {
  line-height: 1.8em;
}

.text_para {
  max-width: 100%;
  word-wrap: break-word;
}

.pos_relative {
  position: relative;
}

.tree_menu {
  position: absolute;
  right: 19px;
  top: 14px;
}
.tree_menu ul {
  margin-top: 0px;
  padding-bottom: 0px;
  background: #7D7255;
  width: 100%;
}
.tree_menu ul li {
  border-bottom: 1px solid #fff;
  padding: 0px 5px;
}
.tree_menu ul li:last-child {
  border-bottom: none;
}
.tree_menu label.tree-toggler {
  margin: 0 !important;
}
.tree_menu .tree a {
  color: #fff;
  font-weight: normal;
  font-size: 16px;
}

/********************list menu select*************************/
.custom-select {
  position: relative;
  margin-top: -4px;
}
.custom-select.fix-selected {
  position: absolute;
  top: 8px;
  right: 3px;
}
.custom-select select {
  padding: 2px 5px !important;
  line-height: 1.2;
  font-weight: normal;
  font-size: 12px !important;
  position: relative;
}
@media (max-width: 390px) {
  .custom-select select {
    font-size: 12px;
  }
}

.section_2 .fLeft {
  width: 20%;
}
.section_2 .fLeft img {
  width: 100%;
}

.section_2.fRight {
  width: 75%;
}

.border {
  border: 1px solid #CCC;
}

.block_movie {
  margin: 10px 0 0 0;
  padding: 0 0 40px 0;
  overflow: hidden;
}
.block_movie .block_movie_left {
  float: left;
  text-align: center;
  width: 35%;
}
.block_movie .block_movie_left .social_icon_list {
  margin: 10px 0 0;
  text-align: center;
}
.block_movie .block_movie_left .social_icon_list li {
  display: inline-block;
  margin: 0 5px 0 5px;
  width: 32px;
}
.block_movie .block_movie_left .social_icon_list li .ui-icon-32.facebook {
  background-repeat: no-repeat;
  background-image: url(../img/icons/facebook.png);
  background-size: 32px 32px;
  background-position: left top;
}
.block_movie .block_movie_left .social_icon_list li .ui-icon-32.twiter {
  background-repeat: no-repeat;
  background-image: url(../img/icons/twitter.png);
  background-size: 32px 32px;
  background-position: left top;
}
.block_movie .block_movie_left .amazon {
  margin: 10px 0 0 0;
}
.block_movie .block_movie_left .amazon img {
  max-width: 109px;
}
.block_movie .block_movie_left .movie_image {
  height: 130px;
  position: relative;
}
.block_movie .block_movie_left .movie_image img {
  max-width: 103px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto !important;
}
.block_movie .block_movie_right {
  float: left;
  width: 65%;
}
.block_movie .block_movie_right .movie_mark_list {
  overflow: hidden;
  text-align: center;
  height: 140px;
}
.block_movie .block_movie_right .movie_mark_list .movies_race {
  background: #cecabf;
  float: right;
  margin: 0;
  padding: 5px;
  height: 68px;
  width: 50%;
  text-align: left;
  overflow: hidden;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
.block_movie .block_movie_right .movie_mark_list .movies_race p {
  font-size: 14px !important;
  line-height: 1.2;
}
.block_movie .block_movie_right .movie_mark_list .movies_race p .mark {
  display: block;
}
.block_movie .block_movie_right .movie_mark_list .movies_race p .mark em {
  color: #000;
  font-weight: bold;
  font-size: 18px !important;
  font-style: normal;
}
.block_movie .block_movie_right .movie_mark_list .movies_race p .midle {
  padding: 10px 0 0 0;
}

.btn_group_list {
  margin: 5px 0 10px 0;
  text-align: center;
}
.btn_group_list li {
  border: none;
  display: inline-block;
  margin-left: 5px;
  width: 80px;
}

.form-info .btn_group_list {
  margin: 5px 0 0 0;
  text-align: left;
}
.form-info .btn_group_list li {
  border: none !important;
  display: inline-block;
  margin-right: 5px;
  width: 80px;
}

.tbl-content {
  margin: 0 0 8px 0 !important;
}

.list_inner {
  width: 100%;
  margin-bottom: 5px;
}
.list_inner th {
  background: #dedcd5;
  width: 30%;
  padding: 10px;
  border-bottom: 1px solid #9d9b97;
  vertical-align: top;
}
.list_inner td {
  background: #eeede9;
  padding: 10px;
  border-bottom: 1px solid #9d9b97;
}

.date_left {
  float: left;
  width: 55%;
}
.date_left span {
  display: block;
  margin: 0 !important;
}

.date_sec1.align-date p {
  font-size: 0.8125rem;
  position: relative;
  padding-left: 65px;
  margin: 5px 0;
}
.date_sec1.align-date p label {
  display: inline-block;
  position: absolute;
  left: 0;
}

.social_sec1 .like_section.align-center {
  margin-top: 4px !important;
  margin-right: -10px;
}

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select select {
    padding-right: 30px;
  }
}
/********************list menu select*************************/
.block_body p {
  line-height: 1.7;
  margin: 0 !important;
}

@media only screen and (max-width: 520px) {
  .tree_menu .tree a {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
  }

  .btn-Ssmall {
    height: 1.4rem !important;
  }

  .section_2.fLeft {
    width: 26%;
  }

  .section_2.fRight {
    width: 69%;
  }

  .race .ui-icon32-701 {
    background-position: -20px -233px;
  }
  .race .ui-icon32-702 {
    background-position: -54px -233px;
  }
  .race .ui-more-602 {
    background-position: -182px -215px;
    width: 44px;
    margin-right: 0px;
  }

  .img_s320 {
    max-width: 40%;
    margin-bottom: 10px;
  }

  .seciton_1 .article-content {
    margin: 0 !important;
  }
  .seciton_1 .article-content .pT20 {
    padding-top: 10px !important;
  }
  .seciton_1 .article-content .mB20 {
    margin-bottom: 10px !important;
  }

  .toggler .expandSlider, .toggler .collapseSlider {
    font-size: 11px;
  }

  .seciton_3 .f18px {
    font-size: 14px !important;
  }
  .seciton_3 h3.title-full {
    min-height: 40px;
    height: auto !important;
    white-space: normal;
  }

  .ui-icon32-203 {
    background-position: -88px -62px;
  }

  .ui-icon32-202 {
    background-position: -54px -62px;
  }

  .date_sec1 .f16px {
    font-size: 14px !important;
  }
  .date_sec1 .f20px {
    font-size: 16px !important;
  }
  .date_sec1 p {
    line-height: 2.4em;
  }

  .social_sec1 .ui-icon-32 {
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../img/icons/icons-24px.png);
  }

  h2 .expandSlider, h2 .collapseSlider {
    padding: 3px 10px !important;
    font-size: 12px;
    margin-top: -2px !important;
  }

  .list_race span {
    line-height: 1.2em;
  }
  .list_race span.ui-more-602 {
    line-height: 1.4em;
  }
}
@media only screen and (min-width: 480px) and (max-width: 520px) {
  .date_sec1 .f16px, .date_sec1 .f20px {
    font-size: 14px !important;
  }
  .date_sec1 span {
    display: block;
  }
  .date_sec1 p {
    line-height: 1.4em;
  }

  .btn-Msmall {
    height: 1.3rem !important;
  }

  .tree_menu {
    top: 19px;
  }
  .tree_menu ul {
    margin-top: 5px;
  }

  .wrap-mita-mitai .box-saw {
    top: 22px;
  }
}
@media only screen and (max-width: 560px) {
  label.custom-select::before {
    top: 7px !important;
  }
  label.custom-select::after {
    top: 12px;
  }

  .date_sec1.align-date p {
    font-size: 12px;
  }
}
@media only screen and (max-width: 480px) {
  label.custom-select {
    margin-top: -7px;
  }
  label.custom-select::before {
    top: 7px !important;
  }
  label.custom-select::after {
    top: 12px;
  }

  .wrap-mita-mitai .box-saw {
    top: 22px;
  }
}
@media only screen and (max-width: 390px) {
  label.custom-select {
    margin-top: -4px;
  }
  label.custom-select::before {
    top: 7px !important;
    height: 18px;
  }
  label.custom-select::after {
    top: 10px;
  }

  .date_sec1 .f16px, .date_sec1 .f20px {
    font-size: 14px !important;
  }
  .date_sec1 span {
    display: block;
  }
  .date_sec1 p {
    line-height: 1.4em;
  }

  .btn-Msmall {
    height: 1.3rem !important;
  }

  .btn_small_borOrange {
    font-size: 9px !important;
  }

  .tree_menu {
    top: 3px;
  }
  .tree_menu ul {
    margin-top: 5px;
  }

  .wrap-mita-mitai .box-saw {
    top: 22px;
  }
}
@media only screen and (max-width: 320px) {
  .wrap-mita-mitai .box-saw-private {
    top: 27px !important;
    right: 10px;
  }

  .block_movie .block_movie_left {
    float: left;
    width: 29%;
  }

  .block_movie .block_movie_left .movie_image {
    height: 130px;
  }

  .block_movie .block_movie_left .movie_image img {
    max-width: 92px;
  }

  .block_movie .block_movie_left .amazon img {
    max-width: 92px !important;
  }

  .block_movie .block_movie_right {
    float: right;
    width: 70%;
  }

  .block_movie .block_movie_right .movie_mark_list {
    float: right;
  }

  /*.block_movie .block_movie_right .movie_mark_list .movies_race {
  	display: block;
  	float: left;
  	width: 102px;
  	height: 62px;
  	margin: 0 0 5px 5px !important;
  }*/
  .seciton_1 .pR20 {
    padding-right: 0px !important;
  }
}
.seciton_1 #tab-bar {
  margin: 0 !important;
  padding: 5px !important;
}

.pT8 {
  padding-top: 8px;
}

.pB8 {
  padding-bottom: 8px;
}

.bor-bottom-grey {
  border-bottom: #9d9b97 1px solid;
}

.bor-top-grey {
  border-top: #9d9b97 1px solid;
  margin-top: -1px;
}

.bg-d9d6ce {
/*  background: #d9d6ce;*/
  background: #f6f6f6;
}

.spec-tit {
  position: relative;
}
.spec-tit .social_sec1 {
  position: absolute;
  top: 3px;
  right: 5px;
}

p.toggler-icon {
  font-size: 14px;
}
p.toggler-icon .btn-Ssmall {
  position: relative;
  top: 2px;
}
p.toggler-icon .custom-select.fix-selected {
  top: 18px;
}
p.toggler-icon .custom-select::after {
  top: 10px !important;
}

@media only screen and (min-width: 640px) {
  p.toggler-icon.small-icon {
    line-height: 1.7em;
  }

  #tab-bar .tab-item a {
    padding-top: 9px;
  }
}
.bg_dfddd6 {
  background-color: #dfddd6;
}

.btn-Msmall {
  height: 1.3rem !important;
  padding: 2px 0.625rem !important;
  font-size: 12px !important;
}

.borB-0 {
  border-bottom: none !important;
}

.btn-bottom {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
  width: 100%;
}

#tab3 select#combo_review_memmo_sort {
  height: 100%;
  margin: 4px 0 0 0;
}

.search-list {
  padding: 0 10px;
}
.search-list .search-list__title {
  border: 1px solid #ccc;
  background-color: #ececec;
  border-bottom: none;
  margin: 0;
  padding: 5px;
  font-size: 16px;
  color: #210310;
}
.search-list .search-list__item {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0 0 20px;
}

@media only screen and (max-width: 480px) {
  .search-list {
    padding: 0 5px;
  }
  .search-list .search-list__title {
    font-size: 14px;
  }
}
/*
* Smartphone Kinenote
* MP071.scss
* version 1.0
*
*/
/* PM071ともだち検索結果
----------------------------------------------------------------------------------------------------------*/
.short-content {
  border: 0px solid #bcbfbf;
  padding: 0;
  overflow: hidden;
}
.short-content .link {
  float: left;
  text-decoration: underline;
  color: #0092d4;
}

.pm071SubHead {
  background: #eeede9;
}

.pm071 .pm071grayLight01 {
  background: #e6e4df !important;
}
.pm071 .pm071grayLight02 {
  background: #eeede9 !important;
}
.pm071 p a.link {
  text-decoration: none;
}
.pm071 p a.link:hover {
  text-decoration: none;
  color: #ff6f42;
}

.light_BoxPm071 {
  font-size: 16px !important;
}
.light_BoxPm071 .topcoat-list__item:nth-child(odd) {
  background-color: #e6e4df;
}
.light_BoxPm071 .topcoat-list__item:nth-child(even) {
  background-color: #eeede9;
}
.light_BoxPm071 p {
  padding: 0;
  margin: 0;
}
.light_BoxPm071 .bg_none {
  background: none !important;
}
.light_BoxPm071 .na-ma-e {
  color: #ff6f42;
}
.light_BoxPm071 .social_sec1 {
  padding: 0 0 0 10px;
  margin: 0 !important;
}
.light_BoxPm071 .person_like li {
  width: 100%;
  margin: 0 !important;
  background: none !important;
}
.light_BoxPm071 .person_like li:nth-child(1) {
  border-bottom: 1px solid #7E7E7E;
}
.light_BoxPm071 .person_like .real-name__top {
  width: 60%;
  float: left;
  border-right: 1px solid #7E7E7E;
  position: relative;
  padding: 5px 10px 5px 50px;
}
.light_BoxPm071 .person_like .real-name__top span:nth-child(1) {
  position: absolute;
  left: 0;
  top: 6px;
}
.light_BoxPm071 .person_like .real-name__top span:nth-child(2) {
  width: 100%;
  color: #ff6f42;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  text-align: left !important;
}
.light_BoxPm071 .person_like .wrap-like__section {
  width: 38%;
  float: right;
  padding: 6px 0 0 5px;
}
.light_BoxPm071 .person_like .real-name__above {
  width: 33%;
  float: left;
  border-right: 1px solid #7E7E7E;
  padding: 5px 0 5px 5px;
}
.light_BoxPm071 .person_like .real-name__above:first-child {
  padding: 5px 0;
}
.light_BoxPm071 .person_like .real-name__above:last-child {
  border: none;
}
.light_BoxPm071 .left_img {
  width: 60px;
  float: left;
  margin: 10px 0 0 0;
}

.list_race .like_section {
  margin: 0 0 !important;
}
.list_race .like_section p {
  margin-top: 4px;
}

@media only screen and (max-width: 480px) {
  .light_BoxPm071 .person_like .wrap-like__section {
    padding: 5px 0 0 5px;
  }
  .light_BoxPm071 .person_like .real-name__top {
    width: 55%;
  }
  .light_BoxPm071 .person_like .wrap-like__section {
    width: 43%;
  }
}
@media screen and (min-width: 481px) and (max-width: 520px) {
  .person_like .wrap-like__section {
    padding: 0px !important;
  }
}
/**
PM120
*/
.rank__part__body {
  font-size: 14px !important;
}
.rank__part__body strong {
  font-size: 14px !important;
}
.rank__part__body .rank__part__body__detail {
  font-size: 14px !important;
  line-height: 1.5 !important;
  display: block;
}

.rank__header .user-name strong {
  font-size: 12px !important;
}

.rank__part__event {
  float: right;
  margin: 10px 0 0;
  background-color: #7D7255;
  font-size: 14px;
  color: #fff;
  padding: 3px 10px;
  border-radius: 3px;
}
.rank__part__event:hover {
  text-decoration: none;
  color: #fff;
}

.lastest-rank .btn-small {
  font-size: 20px !important;
  width: 110px !important;
  padding: 5px 0 !important;
}

.clear {
  clear: both;
}

.bg-grown {
  background: #beb8aa;
}

.bg-grownDark {
  background: #7d7255;
}

.banner-bottom img {
  width: 100%;
}

/*Style Declarations For This Width Range */
p {
  margin: 0;
}

.lastest-rank__top .btn-small {
  font-size: 14px !important;
  width: 80px !important;
  height: 32px !important;
}

.lastest-rank__content .poster-rank {
  float: left;
  width: 60%;
}
.lastest-rank__content .poster-rank .day {
  font-size: 10px;
}
.lastest-rank__content .poster-rank_right {
  float: left;
  width: 40%;
  letter-spacing: -1px;
}
.lastest-rank__content .poster-rank_right .mitai_list {
  margin: 36px auto 0 auto;
  width: 80px;
}
.lastest-rank__content .poster-rank_right .mitai_list li {
  margin: 10px 0 0 0;
}
.lastest-rank__content .poster-rank_right .mark {
  color: #000;
  font-size: 15px;
  padding: 30px 0 0 0;
  text-align: center;
}
.lastest-rank__content .poster-rank_right .mark span {
  display: block;
}
.lastest-rank__content .poster-rank_right .mark em {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
}

.bxSlider__rank {
  width: 80%;
}
.bxSlider__rank .rank__header .rank__photo {
  float: left;
  margin-right: 5px;
  width: 80px;
  height: 80px;
  zoom: 1 !important;
}
.bxSlider__rank .rank__header .rank__photo img {
  width: 100%;
  height: 100%;
  background-size: 100%;
  border: none;
}
.bxSlider__rank .rank__header .rank__des {
  float: left;
  width: 60%;
}
.bxSlider__rank .rank__header .user-name {
  padding-top: 5px;
  clear: both;
  width: 80px;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 12px !important;
}
.bxSlider__rank .rank__header .title-rank {
  font-size: 18px;
  font-weight: bold;
}
.bxSlider__rank .rank__header .date {
  font-size: 16px;
}
.bxSlider__rank .rank__header .number-kine {
  font-size: 16px;
  padding: 0 0 0 15px;
  line-height: 30px;
}
.bxSlider__rank .rank__header .like__control span {
  margin-right: 3px;
}
.bxSlider__rank .ui-more-703,
.bxSlider__rank .ui-more-602 {
  zoom: 0.6;
  margin-top: 5px;
}

.login_box p {
  margin: 10px 0;
}

.record_box p {
  line-height: 1.7em;
  margin: 5px 0;
}

/**
 * Latest published rank
 * Update 06-11-2013
 */
.lastest-rank {
  background: #f2f1ed;
}
.lastest-rank > li {
  border-bottom: 2px solid #b2b2b2;
  padding: 20px 5px;
  background: #f2f1ed;
}

.lastest-rank__top {
  position: relative;
  background: #f2f1ed;
  margin-bottom: 10px;
}
.lastest-rank__top .number a {
  color: #fff;
  text-decoration: none;
}
.lastest-rank__top .number a .bigger-num {
  background: #e6004f;
  display: inline-block;
  /*float: left;*/
  font-size: 16px;
  letter-spacing: -1px;
  vertical-align: middle;
  text-align: center;
  height: 30px;
  width: 45px;
  padding: 5px;
}
.lastest-rank__top .number a .mark-text {
  color: #ff7043;
  display: inline-block;
  font-size: 16px !important;
  letter-spacing: -1px;
  padding-left: 3%;
  text-align: left;
  vertical-align: middle;
  /*					line-height: 20px;
  					height: 40px;
  					margin-left: 50px;*/
  overflow: hidden;
  width: 80%;
}
.lastest-rank__top .number a.active .bigger-num {
  background: #5b4e29;
}
.lastest-rank__top p {
  margin: 0;
}
.lastest-rank__top .poster-des {
  color: #4d3d26;
  float: left;
  width: 75%;
  line-height: 1.5;
}
.lastest-rank__top .poster-des .mark,
.lastest-rank__top .poster-des .mark-text {
  font-size: 16px;
  font-weight: bold;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lastest-rank__top .poster-des .mark, .lastest-rank__top .poster-des .people-num {
  display: inline-block;
  line-height: 100%;
}
.lastest-rank__top .poster-des .people-num {
  font-size: 18px;
  font-weight: bold;
  font-family: 'Hiragino Kaku Gothic Pro';
}
.lastest-rank__top .poster-des .mark-text {
  font-size: 18px;
}
.lastest-rank__top .lastest-rank__control {
  float: right;
}
.lastest-rank__top .lastest-rank__control .topcoat-button {
  padding: 10px 0px;
  text-align: center !important;
  height: 44px;
  width: 80px;
  cursor: pointer;
  /*line-height:25px !important;*/
}

.lastest-rank__content {
  overflow: hidden;
  padding: 12px 0 0 0;
}
.lastest-rank__content .poster-rank {
  margin: 0 auto;
  width: 50%;
  text-align: center;
  min-height: 226px;
}
.lastest-rank__content .poster-rank img {
  width: 100%;
  background-size: 100%;
  max-width: 160px;
  max-height: 226px;
}
.lastest-rank__content .poster-rank .day {
  line-height: 120%;
  margin: 3px 0 0;
  font-size: 10px;
}
.lastest-rank__content .thumb {
  float: left;
  width: 25%;
}
.lastest-rank__content .thumb span {
  font-size: 11px !important;
}

.bxSlider__rank {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  float: right;
  padding: 15px 25px;
  position: relative;
  width: 83%;
}
.bxSlider__rank .rank__header p {
  padding: 0 !important;
  margin: 0;
}
.bxSlider__rank .rank__header .date {
  font-family: 'Hiragino Kaku Gothic Pro';
  margin: -5px 0px 5px 5px !important;
  font-size: 18px;
}
.bxSlider__rank .rank__header .title-rank {
  font-family: 'Hiragino Kaku Gothic Pro';
  line-height: 28px;
  font-size: 25px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bxSlider__rank .rank__header .number-kine {
  color: #fff;
  font-size: 20px;
  font-style: italic;
  padding: 0 0 0 10px;
}
.bxSlider__rank .rank__header .like__control {
  padding: 0 !important;
  margin: 0 !important;
}
.bxSlider__rank .rank__header .like__control span {
  float: left;
  margin-right: 10px;
}
.bxSlider__rank .rank__header .like__control .title-rank {
  max-width: 100%;
}
.bxSlider__rank .rank__header .like__number {
  font-size: 12px !important;
  border: 1px solid #b2b2b2;
  background: #FFF;
  padding: 2px;
  margin-left: 5px;
  position: relative;
}
.bxSlider__rank .rank__header .like__number:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 2px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 10px solid #b2b2b2;
}
.bxSlider__rank .rank__header .like__number:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 2px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 10px solid #fff;
}
.bxSlider__rank .rank__part {
  margin-top: 5px;
}
.bxSlider__rank .rank__part p {
  margin: 0 !important;
  padding: 0 !important;
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1.5em;
}
.bxSlider__rank .rank-social__icon a {
  float: left;
}
.bxSlider__rank .rank-social__icon a:nth-child(1) {
  margin-right: 2px;
}
.bxSlider__rank .like_section {
  margin: 5px 0 0 0;
}

@media screen and (max-width: 640px) {
  .lastest-rank__content .poster-rank {
    position: relative;
  }

  .lastest-rank__content .poster-rank img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 160px;
  }
}
@media screen and (max-width: 440px) {
  .lastest-rank__top {
    /*.number{
    	// zoom: 0.7;
    	background-size: 100%;
    	width: 40px;
    	height: 40px;
    	margin: 6px 5px 0 0;
    	padding-top: 8px;
    	.bigger-num{
    		font-size: 14px;
    		letter-spacing: normal;
    		.f16px {
    			font-size: 10px;
    		}			
    	}
    }*/
  }
  .lastest-rank__top .btn-small {
    width: 70px !important;
    height: 32px !important;
  }

  .bxSlider__rank .rank__header .rank__photo {
    zoom: 0.8;
  }
  .bxSlider__rank .rank__header .user-name {
    font-size: 12px;
  }
  .bxSlider__rank .rank__header .title-rank {
    font-size: 13px;
  }
  .bxSlider__rank .ui-more-703,
  .bxSlider__rank .ui-more-602 {
    zoom: 0.5;
    margin-top: 10px;
    line-height: 28px;
  }
  .bxSlider__rank .bx-prev {
    top: 35px !important;
    left: -2px;
  }
  .bxSlider__rank .bx-next {
    top: 35px !important;
    right: 0;
  }

  .lastest-rank__content .poster-rank .day {
    font-size: 8px;
  }

  .banner-group li {
    width: 48%;
  }
}
@media screen and (max-width: 480px) {
  .number a .bigger-num {
    padding: 5px;
  }
}
/**
PM111
*/
#contactUs .perCent25 {
  width: 25%;
}
#contactUs label {
  display: block;
}
#contactUs .topcoat-radio-button__checkmark {
  left: -15px;
  text-align: center;
}
#contactUs .error {
  color: #fe5452;
  border: 2px solid #fe5452;
  padding: 15px 10px;
}

.request {
  font-size: 11px;
  color: #F00;
}

p.re-line-height {
  line-height: 1.3 !important;
}

.form-red span.request {
  background: none repeat scroll 0 0 #FF0000;
  color: #FFFFFF;
  font-size: 11px;
  height: 16px;
  line-height: 1.5;
  padding: 0 10px;
  position: relative;
  top: 1px;
  float: right;
}
@media (max-width: 390px) {
  .form-red span.request {
    top: 1px;
  }
}

/* =================================== 
* ALERT
===================================== */
.alert {
  padding: 10px;
  border: 1px solid transparent;
  margin-bottom: 20px;
}
.alert .notification {
  font-size: 14px;
  margin: 0 0 5px 0;
}
.alert .notification [class^="ui-icon"] {
  display: inline-block;
  vertical-align: middle;
}
.alert > ul {
  margin-left: 20px;
}
.alert > ul > li {
  list-style-type: circle;
  margin: 0px 20px;
}

.alert-error {
  background-color: #f2dede;
  border-color: #e9b4bc;
  color: #b94a48;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #aae2ee;
  color: #3a87ad;
}

/*
PM150SNS.scss
-----------------------------------------------*/
.social-option * {
  word-break: break-all;
  word-wrap: break-word;
}
.social-option ul {
  margin: 10px 0 10px;
}
.social-option .social-option__title {
  position: relative;
  background-color: #eeede9;
  font-size: 14px;
  margin: 20px 0 0;
  padding: 5px 5px;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.social-option .social-option__title .bt-connect {
  position: absolute;
  top: 4px;
  right: 5px;
}
.social-option .social-option__title .bt-connect a {
  cursor: pointer;
}

.social-option__content {
  clear: both;
  padding: 0 5px;
}

.social-option__top li {
  width: 50%;
  float: left;
  margin: 0 0 5px 0;
}
.social-option__top li a {
  float: left;
  margin: 0 5px 0 0;
}
.social-option__top li input {
  width: 95%;
}
.social-option__top li .date-info {
  width: 50%;
  float: left;
  font-size: 12px;
  margin: 0;
}
.social-option__top li .date-info span {
  display: block;
}
.social-option__top li .connecting {
  float: left;
  font-size: 10px;
  background-color: #ff6f42;
  color: #fff;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 7px 7px 0 0;
}
.social-option__top li .btn-two {
  height: 30px !important;
  padding: 0px 10px !important;
  cursor: pointer;
}

.social-option__check li {
  width: 50%;
  float: left;
}

@media only screen and (max-width: 480px) {
  .social-option__top li .btn-two {
    height: 30px !important;
    padding: 6px 5px !important;
  }
}
@media only screen and (max-width: 559px) {
  .bt-connect {
    position: absolute;
    top: 2px !important;
    right: 5px;
  }
}
@media only screen and (max-width: 480px) {
  .social-option .social-option__title {
    margin: 10px 0 0;
  }
  .social-option .social-option__content {
    padding: 0 5px;
  }

  .social-option__top li .date-info {
    font-size: 9px;
  }

  .social-option__m010 li {
    width: 100%;
    float: left;
  }
}
@media only screen and (max-width: 360px) {
  .social-option {
    padding: 5px 0;
  }

  .social-option__top li,
  .social-option__check li {
    width: 100%;
  }

  .social-option__private li:nth-child(1) {
    width: 60%;
    float: left;
  }
  .social-option__private li:nth-child(2) {
    width: 38%;
    float: left;
  }

  .social-option__m010 li {
    width: 100%;
    float: left;
  }
}
/*
M090.scss
-----------------------------------------------*/
.news {
  margin-bottom: 0;
}
.news a {
  color: #ff6f42;
}
.news .list__new {
  background: #f00;
  color: #fff;
  font-size: 11px;
  display: inline;
  margin-left: 0.3125rem;
  padding: 0 0.25rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
.news li {
  padding: 10px 5px;
  border-bottom: 1px solid #fff;
}
.news li:last-child {
  border-bottom: none;
}

/*
 * CSS Page PM130
 */
.article-content130 {
  padding: 5px 0px;
  margin: 0px !important;
}

#list-ranking {
  background-color: #beb8aa;
  padding: 0 5px;
}
#list-ranking .list-ranking__header {
  overflow: hidden;
  padding: 5px 0px 5px 0px;
  background: transparent !important;
  width: 100%;
}
#list-ranking .list-ranking__header li {
  display: block;
  float: left;
  width: 49.5%;
}
#list-ranking .list-ranking__header li:last-child {
#  float: right;
}
#list-ranking .list-ranking__header li:first-child a:last-child {
  border-right: 1px #beb8aa solid;
}
#list-ranking .list-ranking__header li .choose {
  display: block;
  float: left;
  width: 50%;
  padding: 10px 5px;
  border-right: 5px #beb8aa solid;
  text-align: center;
  color: #fff;
  background: #5b4e29;
  text-decoration: none;
  display: block;
}
#list-ranking .list-ranking__header li .choose.active, #list-ranking .list-ranking__header li .choose:hover {
  color: #fff;
  background: #ffaa00;
}
#list-ranking .list-ranking__header li a:last-child {
  float: right;
  border-right: none;
}

.list-ranking__select {
  width: 100%;
  border-bottom: 2px solid #b2b2b2;
  padding: 0 5px;
}
.list-ranking__select .title-list-ranking {
  width: 50%;
  height: 45px;
  float: left;
  text-align: center;
  border-right: 2px solid #b2b2b2;
  padding: 16px 0 0;
}
.list-ranking__select .title-list-ranking .pri-title {
  font-size: 14px !important;
  font-weight: bold;
  line-height: 1.4 !important;
}
.list-ranking__select .title-one {
  width: 100%;
  border-right: 0;
}

.box-select-sorting {
  width: 50%;
  height: 45px;
  float: left;
  text-align: right;
  padding: 8px 0 0;
  position: relative;
}
.box-select-sorting select {
  color: #000;
  padding: 2px 5px !important;
  line-height: 1.2;
  font-weight: normal;
  font-size: 12px !important;
  position: relative;
  height: 30px;
  width: 90%;
}
@media (max-width: 390px) {
  .box-select-sorting select {
    font-size: 12px;
  }
}

.tbl-ranking {
  clear: both;
}
.tbl-ranking table {
  width: 100% !important;
  border: 1px solid #b2b2b2;
}
.tbl-ranking table tr, .tbl-ranking table td, .tbl-ranking table th {
  border: 1px solid #b2b2b2 !important;
  text-align: center;
  padding: 10px 0;
}
.tbl-ranking tr.odd {
  background-color: #e6e4df;
}
.tbl-ranking tr.odd th {
  background-color: #5b4e29;
  color: #e6e4df;
}
.tbl-ranking .size01 {
  width: 30%;
}
.tbl-ranking .size02 {
  width: 30%;
}
.tbl-ranking .size03 {
  width: 30%;
}

/* PM130 new */
.tab-content {
  clear: both;
  overflow: hidden;
}

.wrap-ranking__inner {
  margin: 10px 0 10px 0;
  padding: 0 5px;
  font-size: 12px;
}
.wrap-ranking__inner table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  border: 0;
  word-break: break-all;
  word-wrap: break-word;
  table-layout: fixed;
}
.wrap-ranking__inner th {
  width: 140px;
}
.wrap-ranking__inner th p {
  max-width: 140px;
}
.wrap-ranking__inner th p .ui-more-605 {
  float: left;
  margin: -4px 0 0 0;
}
.wrap-ranking__inner th p img {
  vertical-align: middle;
  width: 69px;
}
.wrap-ranking__inner p {
  margin: 0;
  padding: 0;
}
.wrap-ranking__inner p.list-content {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wrap-ranking__inner .toe {
  color: #ff6f42;
}
.wrap-ranking__inner .br-line {
  border-top: 1px solid #b2b2b2;
}
.wrap-ranking__inner .wrap-inner__top {
  border-bottom: 1px solid #b2b2b2;
  margin: 0;
  padding: 0 0 10px;
  position: relative;
}
.wrap-ranking__inner .wrap-inner__top .fleft {
  float: left;
}
.wrap-ranking__inner .wrap-inner__top .fright {
  float: right;
}
.wrap-ranking__inner .wrap-inner__top tr, .wrap-ranking__inner .wrap-inner__top th, .wrap-ranking__inner .wrap-inner__top td {
  margin: 0;
  padding: 0px;
  text-align: left;
  border: 0;
}
.wrap-ranking__inner .wrap-inner__top .alone-td {
  width: 35px;
  text-align: center;
}
.wrap-ranking__inner .wrap-inner__top .alone-td .arrow-order {
  float: right;
  margin-right: 5px;
}
.wrap-ranking__inner .wrap-inner__top .two-td {
  width: auto;
  /*.arrow-order { float:right; margin-right: 5px;}*/
}
.wrap-ranking__inner .wrap-inner__top .two-td .mark-kine {
  position: relative;
  background: url(../img/icon-kine-01.png) left 50% no-repeat;
  padding: 7px 0 0 75px;
  background-size: 65px 18px;
  min-width: 128px;
  float: right;
  margin-top: 7px;
  height: 18px;
}
.wrap-ranking__inner .wrap-inner__top .two-td .mark-kine img {
  display: inline-block;
  vertical-align: middle;
}
.wrap-ranking__inner .wrap-inner__top .two-td .mark-kine span.mark {
  margin-left: 3px;
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
  line-height: 0.8;
  float: right;
}
.wrap-ranking__inner .wrap-inner__top .arrow-order, .wrap-ranking__inner .wrap-inner__top .event-order {
  cursor: pointer;
}
.wrap-ranking__inner .wrap-inner__top .box-num-ranking {
  width: 55px !important;
}
.wrap-ranking__inner .wrap-inner__top .box-num-ranking .num-ranking {
  width: 45px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #5c4e29;
}
.wrap-ranking__inner .wrap-inner__top .box-num-ranking .num-ranking.light-red {
  background: #e70050;
}
.wrap-ranking__inner .wrap-inner__top .box-point {
  width: 70px;
  text-align: right;
  font-size: 12px;
}
.wrap-ranking__inner .wrap-inner__top .box-point p {
  margin-top: 3px !important;
}
.wrap-ranking__inner .wrap-inner__top .list-name, .wrap-ranking__inner .wrap-inner__top .fz14, .wrap-ranking__inner .wrap-inner__top .list-name-op2 {
  font-size: 14px !important;
}
.wrap-ranking__inner .wrap-inner__top .list-name {
  max-height: 40px;
  line-height: 20px;
  overflow: hidden;
  display: block;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.wrap-ranking__inner .wrap-inner__top .list-username {
  height: 24px;
  white-space: nowrap;
  padding: 5px 0 0 20px;
  margin: 4px 0 5px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../img/icons/img-icon-user-24.png) left 50% no-repeat;
  background-size: 18px 18px;
  font-size: 14px;
}
.wrap-ranking__inner .wrap-inner__top .list-username.min {
  width: 50%;
}
.wrap-ranking__inner .wrap-inner__top .list-name-op2 {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ff7043;
  padding: 5px 0;
}
.wrap-ranking__inner .wrap-inner__top .fz14 {
  font-weight: bold;
}
.wrap-ranking__inner .wrap-inner__detail {
  display: none;
}
.wrap-ranking__inner .wrap-inner__detail th {
  color: #5b4e29;
}
.wrap-ranking__inner .wrap-inner__detail tr, .wrap-ranking__inner .wrap-inner__detail th, .wrap-ranking__inner .wrap-inner__detail td {
  margin: 0;
  padding: 10px 2px;
  text-align: left;
}
.wrap-ranking__inner .wrap-inner__detail tr:nth-child(odd) {
  background-color: #f2f1ee;
}
.wrap-ranking__inner .wrap-inner__detail tr:nth-child(even) {
  background-color: #e7e4df;
}

.icon-user-PM130 {
  font-size: 14px !important;
  position: relative;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: -7px;
}
.icon-user-PM130 span {
  position: relative;
}
.icon-user-PM130 img {
  left: 0;
  margin-right: 5px;
  position: relative;
  top: 3px;
  width: 20px;
}

@-moz-document url-prefix() {
  .icon-user-PM130 {
    margin-top: -9px;
  }
}

@media only screen and (max-width: 320px) {
  .tbl-ranking .perCent10 {
    width: 10% !important;
  }
  .tbl-ranking .perCent20 {
    width: 20% !important;
  }
  .tbl-ranking .perCent30 {
    width: 30% !important;
  }
  .tbl-ranking .perCent40 {
    width: 40% !important;
  }
  .tbl-ranking .perCent50 {
    width: 50% !important;
  }
  .tbl-ranking .perCent60 {
    width: 60% !important;
  }
  .tbl-ranking .perCent70 {
    width: 70% !important;
  }
  .tbl-ranking .perCent80 {
    width: 80% !important;
  }
}
@media only screen and (max-width: 360px) {
  .tbl-ranking .perCent10 {
    width: 10% !important;
  }
  .tbl-ranking .perCent20 {
    width: 20% !important;
  }
  .tbl-ranking .perCent30 {
    width: 30% !important;
  }
  .tbl-ranking .perCent40 {
    width: 40% !important;
  }
  .tbl-ranking .perCent50 {
    width: 50% !important;
  }
  .tbl-ranking .perCent60 {
    width: 60% !important;
  }
  .tbl-ranking .perCent70 {
    width: 70% !important;
  }
  .tbl-ranking .perCent80 {
    width: 80% !important;
  }

  .list-username.min {
    width: 45% !important;
  }
}
@media only screen and (max-width: 480px) {
  .small_tbl th {
    font-size: 11px;
  }

  .small_tbl td {
    font-size: 11px;
  }

  .small_tbl .table-bordered th, .small_tbl .table-bordered td {
    border: 1px solid #CCCCCC;
    padding: 0.325rem;
  }

  .icon-user-PM130 {
    margin-top: 0px;
  }
  .icon-user-PM130 img {
    top: -2px;
  }
  .icon-user-PM130 span {
    top: 0;
  }
}
/**
 * Icons
 */
.icon {
  display: inline-block;
  vertical-align: middle;
}

[class*="icon--kine"] {
  width: 75px;
  height: 26px;
}

.icon--kine--man {
  background: url(../img/sute_kine_man.png) no-repeat;
}

.icon--kine--rack {
  background: url(../img/sute_kine_rack.png) no-repeat;
}

.icon--kine--review {
  background: url(../img/sute_kine_review.png) no-repeat;
}

/**
PM140
*/
.form-info {
  /** M010 */
  /** M010 END */
}
.form-info li {
  position: relative;
  padding: 5px;
  margin-bottom: 10px;
  display: block;
}
.form-info li input, .form-info li select {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 160%;
}
.form-info li input, .form-info li select, .form-info li textarea {
  width: 100%;
}
.form-info li .w90 {
  width: 90%;
}
.form-info li .w80 {
  width: 80%;
}
.form-info li .w60 {
  width: 60%;
}
.form-info li .w50 {
  width: 50%;
}
.form-info li .w45 {
  width: 45%;
}
.form-info li .w40 {
  width: 40%;
}
.form-info li .w30 {
  width: 30%;
}
.form-info li .w25 {
  width: 25%;
}
.form-info li .w22 {
  width: 22%;
}
.form-info li p {
  padding: 5px 0px;
}
.form-info li .cost-select {
  float: left;
  width: 35%;
}
.form-info li .email-user {
  line-height: 35px;
}
.form-info li span.request {
  background: #f00;
  color: #fff;
  font-size: 11px;
  height: 16px;
  line-height: 1.5;
  padding: 0 10px;
  position: absolute;
  top: 7px;
  right: 5px;
}
.form-info li .group-day {
  width: 100%;
  position: relative;
}
.form-info li .group-day .from-day {
  float: left;
  width: 45%;
}
.form-info li .group-day .to-day {
  float: right;
  width: 45%;
}
.form-info li .group-day .space {
  width: 30px;
  position: absolute;
  top: 35px;
  left: 48%;
  font-size: 24px;
}
.form-info li .inline {
  margin-bottom: 10px;
}
.form-info li .inline input {
  display: inline-block !important;
  margin-right: 2px !important;
  text-align: left;
  padding: 0.4em !important;
  font-size: 14px !important;
}
.form-info .profile {
  position: relative;
}
.form-info .profile .avatar {
  float: left;
  width: 3.125rem;
}
.form-info .profile .user-profile {
  float: left;
  margin: 5px 10px 0;
}
.form-info .profile .note {
  margin-top: 10px;
  padding: 0.3125rem;
  border: 1px solid #CCC;
}
.form-info .label {
  clear: both;
  background: #ececec !important;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  font-size: 14px;
  font-weight: bold;
}
.form-info .block-toggle {
  padding: 0px;
}
.form-info .bt-submit {
  height: 2.75rem;
  margin: 0px auto;
}
.form-info .topcoat-checkbox, .form-info .topcoat-radio-button {
  margin-right: 10px;
}
.form-info .radio-button__label, .form-info .topcoat-radio-button {
  margin-left: -0.625rem;
  padding-left: 0px;
  font-size: 0.75rem;
}
.form-info .radio-button__label .topcoat-radio-button__checkmark, .form-info .topcoat-radio-button .topcoat-radio-button__checkmark {
  text-align: center;
}
.form-info .topcoat-radio-button.last .topcoat-radio-button__checkmark {
  text-align: center;
}

.chooseFile {
  position: relative;
  width: 111px;
  height: 35px;
  color: white;
}
.chooseFile input[type='file'] {
  border: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 99999;
  width: 111px;
  position: absolute;
  left: 0;
  top: 5px;
}
.chooseFile span {
  position: absolute;
  top: 8px;
  left: 10px;
}
.chooseFile:hover {
  background-color: #ff6f42;
}

.wrap-input {
  padding: 5px 0;
  overflow: hidden;
  position: relative;
}
.wrap-input .arrow-deleted__date {
  position: absolute;
  top: 10px;
  right: 35px;
  cursor: pointer;
}
.wrap-input img {
  position: absolute;
  top: 7px;
  right: 12px;
}

.wrapp-controll__email p, .lineInfo p {
  line-height: 1.0em !important;
}

.wrap-input img {
  vertical-align: middle;
  float: right;
  margin-top: 5px;
}

.wrap-input input {
  border: 1px solid #b2b2b2;
  width: 100% !important;
  float: left;
  padding: 5px !important;
  margin: 0 !important;
}

.button-bottom {
  font-size: 12px;
  margin: 20px 5px;
  padding: 10px;
  border: 1px solid #CCC;
}
.button-bottom .text {
  padding-top: 10px;
  float: left;
  width: 80%;
}
.button-bottom .button {
  float: right;
}

.clear {
  clear: both;
}

/* CSS box moive search */
.box-movieSearch__parent {
  position: relative;
}

#movieSearch {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  padding: 0 5px;
  background-color: #fff;
  left: 0;
  z-index: 99999;
}

.chosen-movie {
  line-height: 35px;
  display: none;
}

.box-movieSearch {
  width: 100%;
  float: right;
  border: 1px solid #ccc;
  position: relative;
}
.box-movieSearch .exact-match {
  margin: 0;
  padding: 7px;
  background-color: #bdb8a9;
  font-weight: bold;
}
.box-movieSearch .paragraph__item {
  word-break: break-all;
  word-wrap: break-word;
}
.box-movieSearch .paragraph__item span {
  float: none !important;
}
.box-movieSearch .paragraph__item p {
  display: inline-block;
  width: 85%;
  vertical-align: middle;
}
.box-movieSearch .topcoat-list__item {
  padding: 5px !important;
  margin: 0 !important;
}
.box-movieSearch .btn-movieClose {
  float: right;
  cursor: pointer;
}
.box-movieSearch .box-movieSearch__top {
  position: relative;
  margin: -3px 0 0;
  padding: 0 40px 0 5px;
  background-color: #ada794;
}
.box-movieSearch .box-movieSearch__top .iconSearch {
  position: absolute;
  top: 7px;
  right: 10px;
  z-index: 9999;
  cursor: pointer;
}
.box-movieSearch .readeMore {
  font-size: 12px !important;
  border-radius: 3px;
}
.box-movieSearch .wrapp-readeMore {
  padding: 0 15px;
  margin: 0 0 10px;
  width: 100%;
  text-align: center;
}

/* add page more */
.page-more {
  width: 100px;
  margin: 5px auto 10px auto;
  padding: 0px;
  display: block;
}
.page-more span, .page-more div {
  display: inline-block;
}
.page-more .page-active {
  width: 36px;
  text-align: center;
  color: #5b4e29;
  font-size: 18px;
  font-weight: bold;
  line-height: 35px;
}
.page-more .ui-icon32-306 {
  float: left;
}
.page-more .ui-icon32-307 {
  float: right;
}
.page-more .stop .ui-icon32-306, .page-more .stop .ui-icon32-307 {
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}

/* add page more AND */
/* end CSS box moive search */
.controll-button__pm140 .per48 {
  width: 48%;
}

/**
Thank you
*/
.thankyouPage {
  margin: 10px 10px;
  padding: 20px 10px;
  background: #e6e4df;
  text-align: center;
}

@media only screen and (min-width: 481px) and (max-width: 560px) {
  .form-info li {
    position: relative;
  }
  .form-info li span.request {
    position: absolute;
    top: 7px;
    right: 5px;
  }

  .form-info .form li p {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 480px) {
  .form-info li .cost-select {
    float: none;
    width: 100%;
  }
  .form-info li .cost-check {
    width: 100%;
  }
  .form-info li span.request {
    position: absolute;
    top: 5px;
  }

  .button-bottom .text {
    padding-top: 0px;
  }

  .form-info .form li p {
    font-size: 14px !important;
  }

  .wrap-input .arrow-deleted__date {
    right: 32px;
  }

  .form-info li .group-day .space {
    top: 20px;
  }

  /* CSS box moive search */
  .box-movieSearch .wrapp-readeMore {
    padding: 0 5px;
  }

  .btn-movieClose {
    zoom: 0.7;
  }

  /* end CSS box moive search */
}
@media only screen and (max-width: 320px) {
  .form-info li .group-day .from-day,
  .form-info li .group-day .to-day {
    float: left;
    width: 100%;
  }

  .wrap-input .arrow-deleted__date {
    right: 32px;
  }

  .form-info li .group-day .space {
    display: none;
  }

  /* CSS box moive search */
  .box-movieSearch .wrapp-readeMore {
    padding: 0 5px;
  }

  /* end CSS box moive search */
}
/* add page more */
@media only screen and (max-width: 559px) {
  .page-more .page-active {
    margin: 8px 0px !important;
  }
}
.rankingList {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.rankingList th {
  background: #d6d2c9;
  color: #5b4e29;
  vertical-align: middle;
  width: 20%;
  padding: 5px;
  text-align: left;
}
.rankingList th p {
  padding: 5px;
  vertical-align: middle;
}
.rankingList td {
  padding: 5px;
  vertical-align: middle;
  text-align: left;
}
.rankingList td p {
  width: auto;
  padding: 0;
  vertical-align: middle;
}
.rankingList .paragraph__item {
  width: 70% !important;
}
.rankingList .control__group {
  float: none !important;
}
.rankingList .rankingList_mid {
  width: 58%;
}
.rankingList tr:nth-child(odd) th,
.rankingList tr:nth-child(odd) td {
  background: #e3e0da;
  color: #5b4e29;
}
.rankingList tr:nth-child(even) th,
.rankingList tr:nth-child(even) td {
  background: #d9d6ce;
  color: #5b4e29;
}

.social-option input[type="text"],
.social-option textarea,
.social-option select {
  display: inline-block;
}

.social-option__top li.last {
  text-align: right;
}
.social-option__top li.last a {
  float: none;
  color: #0092d4;
}

.signup__rack input[type="text"] {
  margin-bottom: 15px;
}

.group-button .topcoat-button {
  display: inline-block;
  width: 95%;
  margin: 0 0 10px 0;
  text-align: center;
}

.spoilers {
  margin-bottom: 10px;
}
.spoilers > li {
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
.spoilers > li:last-child {
  border-bottom-color: transparent;
  padding-bottom: 0;
}

.heading-review {
  background-color: #5b4e29;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  margin: 20px 5px 0;
}

.review {
  display: none;
  border: 1px solid #ccc;
  margin: 0 5px;
}

.accordion {
  display: block;
  text-align: center;
  margin: 0 0 20px;
  width: 100%;
}

.event-pointer {
  pointer-events: inherit;
}
.event-pointer * {
  pointer-events: none;
}

.list_inner a {
  color: #5c4e2a;
}

	/*
 m020.scss
-----------------------------------------*/
.wrap-film-mark {
  position: relative;
}
.wrap-film-mark .ui-icon32-805 {
  display: inline-block;
}
.wrap-film-mark .likeB {
  float: right;
}
.wrap-film-mark .ui-icon32-406 {
  zoom: 0.9;
}
.wrap-film-mark .banner-top-m020 {
  padding: 15px 0 0;
  background-color: #beb8aa;
}
.wrap-film-mark .banner-top-m020 .block_select {
  padding: 10px 5px;
}
.wrap-film-mark .banner-top-m020 .like_section {
  zoom: 1 !important;
}
.wrap-film-mark .banner-top-m020 .like_section .like {
  position: relative;
  top: 2px;
  margin-top: 0;
}
.wrap-film-mark .banner-top-m020 .like_section .like .like_num {
  margin: 1px 0 0 8px;
}
.wrap-film-mark .box-titleRack {
  background: url(../img/bg_top_m020.jpg) repeat;
  width: 100%;
  height: 80px;
  overflow: hidden;
  text-align: center;
  display: table;
}
.wrap-film-mark .titleRack {
  display: table-cell;
  height: 80px;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 5px 15px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  font-weight: bold;
}
.wrap-film-mark .registration {
  float: left;
  width: 50%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  overflow: hidden;
  margin: 0;
}
.wrap-film-mark .registration span {
  color: #5c4e29;
}

.view_list_wapper {
  padding: 0 5px;
  color: #5c4e2a;
  font-size: 22px;
  margin: 10px 0 0;
}
.view_list_wapper .ui-icon24-108, .view_list_wapper .ui-icon24-109 {
  margin-left: 8px;
}
.view_list_wapper li {
  float: left;
  padding: 0 3px;
  text-align: center;
  width: 32%;
  margin: 0 2% 15px 0;
}
.view_list_wapper li:nth-child(3n) {
  margin: 0 0 15px 0;
}
.view_list_wapper li .box-photo-indicate {
  width: 95%;
  height: 227px;
  display: table;
  margin: 0 auto 20px;
  text-align: center;
}
.view_list_wapper li p.image {
  width: 95%;
  height: 227px;
  display: table-cell;
  margin: 0 auto;
  text-align: center;
  vertical-align: bottom;
}
.view_list_wapper li p.image img {
  max-width: 160px;
  max-height: 227px;
  vertical-align: bottom;
}
.view_list_wapper li p.title {
  border-bottom: 1px solid #ccc;
  text-align: center;
  line-height: 140%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.view_list_wapper li p.title a {
  color: #5c4e2a;
}
.view_list_wapper li p.point {
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.view_list_wapper li p.point span {
  display: inline-block;
}
.view_list_wapper li p.point span.mark {
  margin-top: 10px;
  font-size: 24px;
  font-weight: bold;
}

.see_list {
  width: 80%;
  text-align: center;
  position: absolute;
  top: 217px;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  pointer-events: all;
  z-index: 99999;
  display: none;
}
.see_list p {
  line-height: inherit !important;
  margin: 0;
}
.see_list * {
  pointer-events: none;
}
.see_list .list_inner {
  padding: 3%;
  margin: 11px 0 0 0;
  width: 100%;
}
.see_list .list_inner li {
  overflow: hidden;
  padding: 5px 0;
}
.see_list .list_inner li a {
  pointer-events: all;
}
.see_list .list_inner li .name_title {
  border: 1px solid #ccc;
  background: #eeede9;
  padding: 7px 5px;
  margin: 0 0 5px 0;
  word-break: break-all;
  word-wrap: break-word;
  pointer-events: all;
}
.see_list .page-more a {
  pointer-events: all;
}
.see_list .page-more a span {
  pointer-events: all;
}
.see_list .radio-button__label, .see_list .topcoat-radio-button {
  border: 1px solid #ccc;
  padding: 2px 5px;
  font-size: 12px;
  float: left;
  width: 60%;
}
.see_list .topcoat-radio-button.last {
  float: right;
  width: 38%;
}
.see_list .topcoat-radio-button.last2 {
  float: left;
  width: 100%;
}
.see_list em {
  font-style: normal;
  padding: 0 0 0 5px;
}

.icon-gear {
  font-size: 12px;
  background: #5b4e29;
  border-radius: 4px;
  color: #fff;
  padding: 4px 5px;
  margin-top: 3px;
  line-height: 15px;
}
.icon-gear.is-active, .icon-gear:hover {
  background: #ff6f42;
  text-decoration: none !important;
  color: white !important;
}
.icon-gear:focus, .icon-gear:active {
  background: #ffaa00;
}

.block_select {
  overflow: hidden;
  clear: both;
  padding: 10px 5px 5px;
}
.block_select .pos_right {
  float: right;
}
.block_select .custom-select2 {
  width: auto !important;
}
.block_select .custom-select2 select {
  width: auto !important;
}
.block_select .like {
  margin-top: 2px;
}

@media only screen and (max-width: 480px) {
  .see_list {
    top: 217px;
  }

  .icon-gear {
    margin-top: 0 !important;
  }

  .wrap-film-mark .heading-bar-two .rect-plus span {
    zoom: 0.8 !important;
  }
  .wrap-film-mark .heading-bar-two .title {
    position: absolute;
    top: 0px;
    left: 32px;
    height: 31px;
    padding: 7px 20px;
    text-align: left;
    font-size: 14px;
    text-overflow: ellipsis;
    width: 38%;
    overflow: hidden;
    white-space: nowrap;
    background: #5b4e29;
  }

  .icon-gear {
    margin-top: 3px !important;
  }

  .view_list_wapper li .box-photo-indicate {
    height: 115px;
  }
  .view_list_wapper li p.image {
    width: 95%;
    height: 115px;
  }
  .view_list_wapper li p.image img {
    max-width: 80px;
    max-height: 115px;
  }
}
.sort_select {
  margin: 10px 5px 0 0;
  overflow: hidden;
}
.sort_select .cost-check {
  float: right;
}
.sort_select .cost-check select {
  border: 1px solid #5b4e29 !important;
}
.sort_select .box-select-sorting {
  float: right;
  width: 60%;
}
.sort_select .box-select-sorting select {
  border: 1px solid #ccc !important;
}

.marks-page #marks-page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  display: none;
  pointer-events: inherit;
}

/*
 M070.scss
--------------------------------------------------------------------*/
.controlBox {
  overflow: hidden;
}
.controlBox #bxSlider__calendar {
  float: left;
}
.controlBox .rightDiv {
  line-height: 45px;
  text-align: right;
}

.viewChart {
  border: 1px #e6e4df solid;
}

#columnChart {
  width: 100%;
  height: 480px;
}

#pieChart {
  width: 100%;
  height: 400px;
}

.graphSummary {
  border: 1px #eeede9 solid;
  padding: 10px;
}
.graphSummary .collapsible .close {
  line-height: 28px;
  font-size: 13px;
  border-bottom: 1px #b2b2b2 solid;
  position: relative;
  margin: 0;
  padding: 0 0 0 5px;
}
.graphSummary .collapsible .value {
  display: inline-block;
  float: right;
}
.graphSummary .collapsible .wrap-detail p {
  font-size: 14px;
  margin: 0;
}
.graphSummary .collapsible .r_value {
  display: inline-block;
  float: right;
}
.graphSummary .collapsible .iconCollapse {
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  /*Disable collapse*/
}
.graphSummary .wrap-detail {
  display: none;
}

#collapsible > div {
  clear: both;
}

#M080Chart .topcoat-button-bar__button {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 390px) {
  #bxSlider__calendar.m070 {
    top: 10px;
  }
}

.M070 label.custom-select2 {
  margin-top: 0px !important;
}

@media only screen and (max-width: 480px) {
  .controlBox .fRight {
    margin: 8px 0 0;
  }
}
/*
M080.scss
-----------------------------------------------*/
.wrapp-navigation {
  background-color: #7d7256;
}

.navi-m080 {
  background-color: #7d7256 !important;
}
.navi-m080 .choose {
  width: 23%;
  float: left;
  text-align: center;
  color: #37240c;
  padding: 5px;
  margin: 0 1%;
  border-radius: 4px;
  border: 1px solid #989898;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 1%, #f4f4f4 60%, gainsboro 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, white), color-stop(60%, #f4f4f4), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 1%, #f4f4f4 60%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 1%, #f4f4f4 60%, gainsboro 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 1%, #f4f4f4 60%, gainsboro 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 1%, #f4f4f4 60%, gainsboro 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 );
  /* IE6-9 */
}
.navi-m080 .choose:hover, .navi-m080 .choose:focus, .navi-m080 .choose.active {
  border: 1px solid #f96b00;
  color: #fff;
  background: #fc7b19;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fc7b19 0%, #f96f0c 51%, #fc5c00 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7b19), color-stop(51%, #f96f0c), color-stop(100%, #fc5c00));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fc7b19 0%, #f96f0c 51%, #fc5c00 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fc7b19 0%, #f96f0c 51%, #fc5c00 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fc7b19 0%, #f96f0c 51%, #fc5c00 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fc7b19 0%, #f96f0c 51%, #fc5c00 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7b19', endColorstr='#fc5c00',GradientType=0 );
  /* IE6-9 */
}

.M080 .percent48 {
  width: 48.9% !important;
}
.M080 .percent32 {
  width: 32.3% !important;
}
.M080 label.custom-select2 {
  margin-top: 0px !important;
  width: 95px;
}
.M080 label.custom-select2.select-private {
  width: 105px;
}
.M080 label.custom-select2.select-private select {
  width: 105px;
}
.M080.viewChart {
  position: relative;
}

.pointChart {
  bottom: 5px;
  right: 5px;
  background-color: #eeede9;
  padding: 10px;
  text-align: center;
}

.wrap-content__m080 span.text {
  float: left;
  width: 50% !important;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrap-detail {
  background: #ececec;
  padding: 5px;
}
.wrap-detail span.text-detail {
  width: 80% !important;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrap-detail span.r_value {
  display: inline-block;
}

.M080__graph {
  min-width: 310px;
  margin: 0 auto;
}

#graph-wrap {
  overflow: hidden;
  background-color: #beb8aa;
}
#graph-wrap #tab-bar {
  margin: 0 !important;
  padding: 5px;
}
#graph-wrap .tab_menu {
  overflow: hidden;
  background: transparent !important;
  margin: 0 !important;
  margin-left: 2px;
}
#graph-wrap .tab_menu .tab-item080 {
  float: left;
  width: 49.5%;
}
#graph-wrap .tab_menu a.choose {
  padding: 12px 5px;
  text-align: center;
  display: block;
  float: left;
  color: #fff;
  background: #5b4e29;
  text-decoration: none;
  border-right: 5px solid #beb8aa;
  width: 50%;
}
#graph-wrap .tab_menu a.choose.active {
  color: #fff;
  background: #0092d4;
}
#graph-wrap .tab_menu li:first-child a:last-child {
  border-right: 1px solid #beb8aa !important;
}
#graph-wrap .tab_menu a.choose:last-child {
  border: none;
}
#graph-wrap .tab_menu li:last-child {
  float: right;
}

@media screen and (max-width: 320px) {
  #graph-wrap {
    height: 49px;
    overflow: hidden;
  }
}
.main-menu {
  background-color: #fff !important;
}
.main-menu li {
  width: 100%;
  border-bottom: 1px solid #DCDCD4;
  display: block;
  cursor: pointer;
  clear: both;
  background: none !important;
}
.main-menu li.topcoat-list__item {
  position: relative;
  padding: 0 !important;
}
.main-menu li.topcoat-list__item.locked a {
  color: #CCC;
  pointer-events: none;
  cursor: default;
}
.main-menu li.topcoat-list__item.locked .ui-icon16-104 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.main-menu a {
  padding: 0.625rem 0.9375rem;
  text-decoration: none;
  color: #000;
  display: block;
}
.main-menu a:hover {
  background-color: #EDEDED !important;
}
.main-menu .arrow-01 {
  height: 25px;
  position: absolute;
  right: 2%;
  top: 30%;
  width: 25px;
  margin: 0 !important;
}

/*--- CSS top new  ---*/
.kinenote-ads {
  padding: 20px 10px 0;
}
.kinenote-ads .logo-ads {
  position: relative;
}
.kinenote-ads .logo-ads .large-logo {
  width: 90%;
  float: left;
}
.kinenote-ads .logo-ads .large-logo img {
  width: 100%;
}
.kinenote-ads .logo-ads .des-su {
  position: absolute;
  top: 35%;
  right: 0;
  font-size: 45px;
  color: #ff6634;
  font-weight: 700;
  line-height: 40px;
}
.kinenote-ads .ability {
  display: block;
  font-size: 45px;
  line-height: 5px;
  color: #ff6634;
  font-weight: 700;
  text-align: center;
}

.category-movie {
  padding: 10px 5px;
}
.category-movie li {
  margin: 20px 0 0;
}
.category-movie li p {
  font-size: 20px;
}
.category-movie li .category-title {
  font-size: 16px;
  color: #ff6634;
  display: block;
  margin: 0 20px;
}
.category-movie li .voice {
  width: 120px;
  height: 35px;
  padding: 5px 0;
  margin: 0 20px 5px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #ff6634;
  position: relative;
}
.category-movie li .voice:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 12px;
}
.category-movie li:nth-child(1) .voice:before, .category-movie li:nth-child(3) .voice:before {
  border-right: 15px solid #ff6634;
  left: -15px;
}
.category-movie li:nth-child(2) .part-thumb, .category-movie li:nth-child(4) .part-thumb {
  float: right;
}
.category-movie li:nth-child(2) .part-top, .category-movie li:nth-child(4) .part-top {
  text-align: right;
}
.category-movie li:nth-child(2) .part-top .voice, .category-movie li:nth-child(4) .part-top .voice {
  float: right;
}
.category-movie li:nth-child(2) .part-top .voice:before, .category-movie li:nth-child(4) .part-top .voice:before {
  border-left: 15px solid #ff6634;
  right: -15px;
}
.category-movie .category-content .box-news {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.category-movie .category-content .part {
  width: 50%;
  float: left;
}
.category-movie .category-content .part.part-thumb {
  text-align: center;
  padding: 20px 0 0;
}
.category-movie .category-content .part img {
  width: 100%;
}
.category-movie .category-content .part a {
  color: #ff6634;
  text-decoration: underline;
  display: inline;
}
.category-movie .category-content .part a:hover {
  color: #ff6f42;
}

.tab_menu_top {
  overflow: hidden;
}
.tab_menu_top li {
  background: #5c4e29;
  float: left;
  border-right: 2px solid #eeedeb;
  width: 33.3%;
}
.tab_menu_top li a {
  background: #5c4e29;
  color: #fff;
  display: block;
  padding: 5px;
  height: 53px;
  overflow: hidden;
  font-size: 12px;
}
.tab_menu_top li a .icon_left {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
}
.tab_menu_top li a .title {
  display: inline-block;
  margin: 0 0 0 2px;
  vertical-align: middle;
  width: 70%;
}
.tab_menu_top li a .one_line {
  padding: 15px 0;
}
.tab_menu_top li a:hover,
.tab_menu_top li a.active {
  background: #7d7256;
}

@media only screen and (max-width: 640px) {
  .tab_menu_top li:nth-child(3) {
    background: #7d7256;
    border: none;
    width: 33.4%;
  }

  .tab_menu_top li:nth-child(3) .icon_left {
    margin-top: 0;
  }

  .tab_menu_top li:nth-child(3) .one_line {
    padding: 2px 0;
  }

  .tab_menu_top a {
    display: block;
  }
}
@media only screen and (max-width: 320px) {
  .tab_menu_top li:nth-child(3) .icon_left {
    margin-top: -6px;
  }
}
/*#mi-ta {
	height: 44px!important;
	padding: 15px 0 0 0!important;
	display: block;
	width: 80px!important;
}*/
.rank_left {
  overflow: hidden;
  float: left;
  width: 72%;
}
.rank_left .rank_left_inner {
  overflow: hidden;
}
.rank_left .social_list {
  margin: 10px 0 0 0;
  overflow: hidden;
}
.rank_left .social_list li {
  float: left;
  margin-right: 5px;
  width: auto;
}

.button-group-center-rad .btn_group ul li a {
  margin: 0 !important;
}

.list_btn_top {
  overflow: hidden;
  margin: 10px -2px 0 0;
}
.list_btn_top li {
  float: left;
  border-right: 2px solid #fff;
  width: 50%;
}
.list_btn_top li a {
  display: block;
  background: #c7c3b8;
  color: #7d7254;
  text-align: center;
  font-size: 120%;
  padding: 15px 0;
  text-decoration: none;
}
.list_btn_top li :hover {
  background: #FF6F42;
  color: #fff;
}
.list_btn_top li :active {
  background: #FFAA00;
  color: #fff;
}

.pc_button {
  border-bottom: 2px solid #4A4A4A;
}
.pc_button a {
  background: white !important;
  border: 2px solid #c2bcb0;
  color: #796f54;
  height: auto !important;
  width: 70%;
  cursor: pointer;
}
.pc_button :hover {
  background: #ff6f42 !important;
  border: 2px solid #FF6F42;
  color: white !important;
}
.pc_button :active {
  background: #ffaa00 !important;
  border: 2px solid #ffaa00 !important;
}

.link_list {
  border-bottom: 2px solid #4A4A4A;
  overflow: hidden;
  padding: 0 0 5px 0;
}
.link_list li {
  float: left;
  margin: 0 0 0 1%;
  width: 48%;
}
.link_list li ul {
  overflow: hidden;
}
.link_list li ul li {
  float: none;
  margin: 0;
  width: auto !important;
}
.link_list li ul li a {
  color: #000;
  font-size: 14px;
  display: block;
  padding: 10px 0;
}

.bg_none {
  background: none;
}

.borLeft_0 {
  border-left: none !important;
}

.borRight_0 {
  border-right: none !important;
}

.borbottom_0 {
  border-bottom: none !important;
}

.borTop_0 {
  border-top: none !important;
}

.tbl_bold tr td {
  font-weight: bold;
}

.tbl_bold tr td + td, .tbl_bold tr td table td {
  font-weight: normal;
}

.signUp160 {
  line-height: 1.5;
}

.perCent40 {
  width: 40%;
}

.perCent60 {
  width: 60%;
}

.perCent32 {
  width: 32%;
}

.member-info {
  clear: both;
}
.member-info li {
  display: block;
  clear: both;
}
.member-info li p {
  padding: 5px 10px;
  background: #eeede9;
  margin: 0;
}
.member-info li label {
  padding: 0 10px 5px;
}
.member-info li ul {
  width: 70%;
  float: right;
  margin: 5px 10px 10px 0;
  border-bottom: 1px solid #eeede9;
}
.member-info li ul li {
  border-left: 1px solid #eeede9;
  border-right: 1px solid #eeede9;
  overflow: hidden;
}
.member-info li ul li label {
  width: 50%;
  float: left;
  display: inline;
}

.group_btn_160 {
  width: 98%;
  margin: auto;
}
.group_btn_160 .perCent32 {
  width: 32.5%;
}

@media only screen and (max-width: 390px) {
  .group_btn_160 .perCent32 {
    width: auto;
  }
  .group_btn_160 .topcoat-button {
    padding: 0.875rem 0.29rem;
  }
}
/*
* Smartphone Kinenote
* PM180.scss
* version 1.0
*
*/
/* PM180未登録作キャス・スタフリクエスト
----------------------------------------------------------------------------------------------------------*/
.form-info {
  clear: both;
}
.form-info .form {
  border: 1px solid #dedede;
  margin: 0 5px 25px 5px;
  background: #fafafa;
}
.form-info .form li {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}
.form-info .form li p {
  padding: 5px;
  background: #eeede9;
  margin: 0;
  font-size: 16px;
}
.form-info .form li input[type="text"] {
  height: 35px;
}
.form-info .form li input[type="text"],
.form-info .form li textarea {
  margin: 10px 1%;
}
.form-info .form li .w98 {
  width: 98%;
}
.form-info .form li .topcoat-radio-button {
  margin-left: 1%;
}

.pm180Criteria {
  background: #e6e4df;
  padding: 10px;
  margin: 10px 10px 30px;
  font-size: 11px;
}

/*
 PM030.scss
-----------------------------------------*/
.wrap-calendar-fix {
  position: fixed;
  overflow: hidden;
  height: auto !important;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  z-index: 999;
  background: #948D7D;
}

#list-content .item .item_right {
  margin: 5px 0 0 0;
  width: 40% !important;
}
#list-content .item .paragraph__item {
  font-size: 14px;
}
#list-content .item .paragraph__item .item_date {
  margin: 0;
}
#list-content .item .paragraph__item .movieName {
  font-size: 14px;
  color: #ff7043;
  line-height: 1.3;
  padding-bottom: 5px;
}

.match-pm030 {
  padding-bottom: 50px;
  /*---add 20-11 */
}
.match-pm030 .paragraph__item {
  margin: 0;
}
.match-pm030 .paragraph__item .item_date {
  margin: 0;
  clear: both;
  color: #412d19;
}
.match-pm030 .wrap-all-mita-mitai {
  margin: 8px 0 0;
}
.match-pm030 .pink_tittle {
  padding: 0;
}
.match-pm030 .subHead2 {
  height: 22px;
  width: 101%;
  padding-left: 5px;
}
.match-pm030 .subHead2 .number {
  font-size: 18px;
  font-style: normal;
  color: #fff;
  float: left;
  padding-top: 1px;
  text-align: right;
}
.match-pm030 .subHead2 .circle {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  font-size: 9px;
  color: #e598cb;
  padding: 1px 0 0 1px;
  margin: 5px 0 0 5px;
}
.match-pm030 .paragraph__item div.fLeft {
  width: 90%;
}
.match-pm030 .paragraph__item .movieName {
  color: #ff7043;
  font-size: 14px;
  line-height: 1.3;
  display: block;
  padding-bottom: 5px;
}
.match-pm030 .paragraph__item a:hover {
  text-decoration: underline;
}
.match-pm030 li {
  padding: 15px 5px;
}

.bg_lightPink {
  background-color: #eaadd6;
}

.list-content_030 ul {
  padding: 5px 0px;
  border: none;
}
.list-content_030 ul > li {
  padding: 15px;
  border: none;
  margin-bottom: 5px;
  background-color: #eeede9;
}
.list-content_030 ul > li.item__even {
  background-color: transparent;
}
.list-content_030 ul > li:last-child {
  margin-bottom: 0;
}
.list-content_030 .item .item_right {
  margin: 5px 0 0 0;
  width: auto !important;
  float: right;
}
.list-content_030 .item .paragraph__item {
  font-size: 14px;
}
.list-content_030 .item .paragraph__item .item_date {
  margin: 0;
}
.list-content_030 .item .paragraph__item a {
  text-overflow: ellipsis;
}

.block_top #bxSlider__calendar {
  float: left;
  margin-right: 10px !important;
}
.block_top .list__sort {
  float: left;
  width: 100%;
}
.block_top .list__sort .topcoat-checkbox__checkmark:before {
  left: 2px;
}
.block_top .list__sort li {
  padding: 0 !important;
}
@media (max-width: 390px) {
  .block_top .list__sort li {
    font-size: 10px !important;
  }
  .block_top .list__sort li .topcoat-checkbox {
    line-height: 32px !important;
  }
}
@media (min-width: 480px) and (max-width: 520px) {
  .block_top .list__sort li {
    font-size: 11px !important;
  }
  .block_top .list__sort li .topcoat-checkbox {
    line-height: 32px !important;
  }
}

#calendar_List {
  float: left;
  width: 20%;
  padding: 10px 0px;
  position: relative;
}
#calendar_List button {
  background: none;
  border: none;
  position: relative;
  top: 3px;
  cursor: pointer;
}
#calendar_List label.calendar_main {
  position: relative;
  display: inline-block;
}
#calendar_List label.calendar_main::before, #calendar_List label.calendar_main::after {
  content: "";
  position: absolute;
  display: inline-block;
  pointer-events: none;
}
#calendar_List label.calendar_main::before {
  background: #BEB8AA;
  width: 17px;
  height: 25px;
  top: 4px;
  right: 1px;
  z-index: 5;
}
#calendar_List label.calendar_main select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #BEB8AA;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #412D19;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  width: 100%;
  line-height: 1.2;
  font-weight: normal;
  font-size: 16px;
  position: relative;
}

.wrap-calendar {
  background-color: #948d7d;
  overflow: hidden;
}

.calendar {
  color: #c39;
  position: relative;
  margin: 0 5px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  height: 52px;
  padding: 15px 20px;
  font-style: normal;
  width: 100%;
}
.calendar .calendar-list {
  display: block;
}
.calendar .small {
  font-size: 12px;
  font-style: normal !important;
}
.calendar .ca-year {
  color: #cc3399;
  font-size: 18px;
}
.calendar .ca-month {
  /*color: #fff;*/
}
.calendar .choose-calendar {
  width: 78%;
  height: 25px;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1000;
}
.calendar .choose-calendar.hidden {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.calendar .bx-prev {
  background: url(../img/icons/prev_calendar.png) no-repeat center;
  background-size: 20px 20px;
}
.calendar .bx-next {
  background: url(../img/icons/next_calendar.png) no-repeat center;
  background-size: 20px 20px;
}
.calendar .bx-prev,
.calendar .bx-next {
  display: block;
  width: 20px;
  height: 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 15px;
}
.calendar .bx-prev.disabled,
.calendar .bx-next.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: default;
}
.calendar .bx-next {
  right: 10px;
}
.calendar .bx-prev {
  left: 0px;
}
.calendar .calendar-popup {
  background-color: #df85c2;
  position: absolute;
  top: -32px;
  left: 15px;
  z-index: 1001;
  display: none;
  padding: 10px 0;
  width: 80%;
}
.calendar .calendar-popup > li {
  padding: 5px 0;
}
.calendar .calendar-popup > li > a {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.calendar .calendar-popup > li > a:hover, .calendar .calendar-popup > li > a:focus {
  font-size: 18px;
  text-decoration: underline;
}

.icon-dvd,
.icon-tv,
.icon-theatrical {
  display: block;
  float: left;
  margin-right: 10px;
  height: 16px;
  width: 16px;
}
.icon-dvd.min,
.icon-tv.min,
.icon-theatrical.min {
  height: 12px;
  width: 12px;
}

.icon-dvd {
  background: url(../img/icons/icon_dvd.png) 0 0 no-repeat;
  background-size: 16px 16px;
}
.icon-dvd.min {
  background-size: 12px 12px;
}

.icon-tv {
  background: url(../img/icons/icon_tv.png) 0 0 no-repeat;
  background-size: 16px 16px;
}
.icon-tv.min {
  background-size: 12px 12px;
}

.icon-theatrical {
  background: url(../img/icons/icon_theatrical.png) 0 0 no-repeat;
  background-size: 16px 16px;
}
.icon-theatrical.min {
  background-size: 12px 12px;
}

.list__sort {
  padding: 5px 0;
}
.list__sort ul {
  padding: 0 5px;
}
.list__sort ul li:first-child {
  width: 28.5% !important;
  text-align: left;
  white-space: nowrap;
}
.list__sort ul li:first-child .topcoat-checkbox__checkmark {
  margin-left: 0px;
}
.list__sort ul li:last-child {
  text-align: right;
  width: 28.5% !important;
}
.list__sort ul li:last-child .topcoat-checkbox__checkmark {
  margin-left: 0px;
}
.list__sort ul li:last-child span:last-child {
  display: inline-block;
  margin-right: -2px;
}
.list__sort ul li {
  width: 43% !important;
}
.list__sort ul li .topcoat-checkbox__checkmark {
  margin-left: 12px;
}
.list__sort li {
  padding: 5px 0;
  font-size: 10px;
  word-spacing: -1px;
}
.list__sort li span.icon-dvd,
.list__sort li span.icon-tv,
.list__sort li span.icon-theatrical {
  margin: 1px 1px 0 0;
}
.list__sort li .topcoat-checkbox {
  line-height: 16px;
}
.list__sort li input[type="checkbox"] {
  height: 1rem;
  width: 1rem;
  margin-top: 0;
  margin-right: -1rem;
  margin-bottom: -1rem;
  margin-left: 0;
}
.list__sort span.topcoat-checkbox__checkmark {
  margin: 1px 0 0;
}
.list__sort span.topcoat-checkbox__checkmark:before {
  top: 0;
  /*zoom: 0.5;*/
}
.list__sort span.topcoat-checkbox__checkmark:after {
  top: 0;
  /*zoom: 0.5;*/
}

/**
M060
*/
.M060 {
  /********************list menu select*************************/
}
.M060 select {
  padding: 3px 5px !important;
  border: 1px solid #ccc;
}
.M060 .custom-select {
  position: relative;
  margin-top: -6px;
  /* &::before,
   &::after {
     content: "";
     position: absolute;
     display: inline-block;
     pointer-events: none;
   }
   &::before {
     background: #7D7255;
     width: 20px !important;
     height: 15px !important;
     top: 7px !important; 
     right: 4px !important;
     z-index: 5;
   }*/
}
.M060 .custom-select.fix-selected {
  position: absolute;
  top: 8px;
}
.M060 .custom-select::after {
  width: 0;
  height: 0;
  border-top: 8px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: 8px !important;
  right: 7px !important;
  z-index: 10;
}

@media only screen and (max-width: 480px) {
  .heading-bar-two .title {
    position: absolute;
    top: 0px;
    left: 32px;
    height: 31px;
    padding: 7px 20px;
    text-align: left;
    font-size: 14px;
    text-overflow: ellipsis;
    width: 38%;
    overflow: hidden;
    white-space: nowrap;
    background: #5b4e29;
  }
}
.date_sec1 {
  padding: 0 5px;
}

.date_sec1_top {
  position: relative;
  padding: 5px 100px 5px 0;
  margin: 0 0 5px 0;
}
.date_sec1_top.branch_date {
  padding: 5px 0;
}
.date_sec1_top span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.date_sec1_top .btn-group__modify {
  padding: 0 0;
  margin: 0 0;
  position: absolute;
  right: 0;
  bottom: 2px;
}
.date_sec1_top .btn-group__modify .btn-del-edit {
  font-size: 14px !important;
  padding: 0 8px !important;
  color: #fff;
  text-decoration: none;
  line-height: 1.5 !important;
  width: 44px;
  float: left;
  margin: 0 10px 0 0;
}
.date_sec1_top .btn-group__modify .btn-del-edit:last-child {
  margin: 0;
}
.date_sec1_top .btn-group__modify .btn-del-edit:hover, .date_sec1_top .btn-group__modify .btn-del-edit:focus {
  background: #ff6f42;
}

.status-group__event {
  width: 100% !important;
}
.status-group__event > p {
  margin: 5px 3px;
}
.status-group__event > p:last-child {
  margin: 5px 0;
}

.race__mark {
  float: left;
  margin: 0 5px 0 0;
}
.race__mark p {
  line-height: 1.0;
  margin: 0 3px 0 0;
}
.race__mark p:nth-child(1) {
  font-size: 14px !important;
  line-height: 20px;
  zoom: 1.2;
}

.title-view__widget {
  position: relative;
  margin: 5px 0 0;
  padding: 10px 5px;
}
.title-view__widget p:nth-child(1) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 60px 0 0;
}

.social-face-twi {
  position: absolute;
  right: 5px;
  top: 5px;
}
.social-face-twi span {
  display: inherit !important;
  float: left;
  cursor: pointer;
}
.social-face-twi span:nth-child(1) {
  margin: 0 7px 0 0;
}

/*
 M030.scss
-----------------------------------------*/
.m030 .topcoat-list__item span {
  float: none;
}
.m030 .article-content {
  margin: 0 !important;
}
.m030 .place {
  /*width: 12%;
  margin: 0;
  padding: 15px 0 0 0;
  text-align: left;
  display: block;*/
  background: #663399;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  height: 30px;
  padding: 3px;
  width: 45px;
}
.m030 .place:hover, .m030 .place:active, .m030 .place:focus {
  text-decoration: none;
}
.m030 .place_text {
  color: #ff7043;
  display: inline-block;
  font-size: 16px !important;
  padding-left: 3%;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  width: 70%;
  text-overflow: ellipsis;
  float: none !important;
  padding-top: 3px;
}
.m030 .place_text:hover, .m030 .place_text:active, .m030 .place_text:focus {
  text-decoration: none;
}
.m030 .topcoat-list__item {
  padding: 10px 5px !important;
}
.m030 #tab-bar .tab-item030 {
  width: 49.5%;
  display: block;
  float: left;
}
.m030 #tab-bar .tab-item030.tab-item030:last-child {
  float: right;
}
.m030 #tab-bar .tab-item030 a.four {
  display: block;
  text-align: center;
  float: left;
  width: 50%;
  background: #5b4e29;
  color: #fff;
  padding: 5px 7px !important;
  border-right: 5px #d3cfc6 solid;
}
.m030 #tab-bar .tab-item030 a.four:last-child {
  border-right: none;
  float: right;
}
.m030 #tab-bar .tab-item030.tab-item030:first-child a:last-child {
  border-right: 1px #d3cfc6 solid;
}
.m030 .topcoat-list__container .topcoat-list a.link_left {
  float: left;
  text-align: left;
  margin: 0;
  padding: 10px 0;
  line-height: 25px;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m030 .topcoat-list__container .topcoat-list a.link_left:hover, .m030 .topcoat-list__container .topcoat-list a.link_left:active, .m030 .topcoat-list__container .topcoat-list a.link_left:focus {
  text-decoration: none !important;
}
.m030 .topcoat-list__container li div.right_button {
  width: 20% !important;
  line-height: 22px !important;
  text-align: center;
  margin-top: 15px;
}
.m030 .ui-more-307 {
  background-position: -344px -219px;
  height: 16px;
  display: inline-block;
  margin-right: 0;
  float: left;
}
.m030 .purple {
  color: #660099;
}
.m030 .number-circle {
  background: #660099;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 16px;
  height: 20px;
  line-height: 16px;
  text-align: center;
  width: 20px;
  float: left;
  margin: 3px 5px 0 0;
  font-style: italic;
  padding-top: 2px;
}
.m030 .tab-item030 a.four:hover, .m030 .tab-item030 a.four:focus, .m030 .tab-item030 a.four.active {
  text-decoration: none;
  color: #fff;
  background: #650098 !important;
  /* Old browsers */
}
.m030 #tab-bar {
  padding: 5px 5px 5px 5px !important;
}

/*
 M030 LightBox
-----------------------------------------*/
.tableGroup {
  background: #e6e4df;
  padding: 10px 5px;
  margin: 5px;
}
.tableGroup .review {
  padding: 0px;
  margin: 0px;
  border: none;
}
.tableGroup .accordion {
  margin: 10px 0px 0px 0px !important;
}
.tableGroup .accordion img {
  width: 50px;
  height: 32px;
}
.tableGroup .title {
  padding: 0 175px 10px 0;
  border-bottom: 2px solid #5b4e29;
  position: relative;
}
.tableGroup .title div {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.tableGroup .title02 {
  color: #FFF;
  padding: 5px 10px;
  background: #5b4e29;
}

.table-02 * {
  word-break: break-all;
  word-wrap: break-word;
}
.table-02 select {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-02 th {
  font-weight: normal;
  text-align: left;
  padding: 10px 15px 0px 0px;
}
.table-02 th .table-02__title {
  width: 100%;
  display: block;
}
.table-02 td {
  text-align: left;
  vertical-align: middle;
  padding: 10px 0px 0px 0px;
}
.table-02 td .mark {
  text-align: right;
  margin-top: 10px;
}
.table-02 td label {
  display: block !important;
}
.table-02 td label.Inline {
  display: inline !important;
  padding-right: 15px;
}
.table-02 td span {
  display: inline-block;
}
.table-02 td input, .table-02 td textarea {
  width: 100%;
  display: inline-block;
}
.table-02 td input.inline90 {
  width: 90%;
}
.table-02 td .topcoat-radio-button__checkmark {
  left: -15px;
}
.table-02 .border-line {
  border-bottom: 2px solid #999;
  clear: both;
}

.carrot_orange {
  color: #F60;
}

.clear {
  clear: both;
}

@media (min-width: 520px) and (max-width: 640px) {
  .m030 .ui-more-307 {
    background-position: -344px -216px;
    float: none;
    height: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .tableGroup .title {
    padding: 0 105px 10px 0;
  }

  .table-02 th .table-02__title {
    width: 100px;
  }

  .heading-bar-two .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .m030 .number-circle {
    zoom: 0.8;
    margin-top: -1px;
  }
}
@media only screen and (max-width: 360px) {
  .table-02 select {
    max-width: 180px;
  }
  .table-02 th .table-02__title {
    width: 40px;
  }

  .m030 .ui-more-307 {
    display: block;
    margin-right: 0;
    float: none;
  }
}
.box_inner ul {
  overflow: hidden;
}
.box_inner ul li {
  float: left;
  margin: 0 10px 0 5px;
  width: auto;
}
.box_inner .select_point li {
  display: block;
  float: none;
  overflow: hidden;
  padding: 0 0 0 2px;
}
.box_inner .select_point li .select_left {
  float: left;
  margin-top: 5px;
}

.table-02__title {
  width: 100%;
  display: block;
  padding: 5px 0;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px #ccc solid;
}

.m030 #tab-bar ul li a.four {
  font-size: 11px !important;
}

.wrap-change-calendar {
  position: relative;
  display: block;
}
.wrap-change-calendar .wrap-inner-calendar {
  float: left;
}
.wrap-change-calendar #date-pick {
  float: left;
  margin: 10px 0 0 5px;
}
.wrap-change-calendar #date-pick img {
  vertical-align: middle;
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
  .wrap-change-calendar #date-pick {
    margin-top: 5px;
  }
}
.qa_block {
  margin: 0 0 20px 0;
}
.qa_block ul {
  height: auto !important;
  margin: 0 0 20px;
  padding: 10px;
  background: #eeede9;
}
.qa_block ul li {
  font-size: 13px;
}
.qa_block ul li img {
  display: block;
  margin: 10px auto;
  max-width: 100%;
  background-size: 100% 100%;
}
.qa_block ul li a {
  font-weight: bold;
  color: #ff6f42;
}
.qa_block ul li dd {
  margin: -1.5em 0 1em 3em;
}
.qa_block .title-item {
  margin: 10px 0 0;
  padding: 0 5px;
  border-bottom: 1px solid #ececec;
}
.qa_block .title-item.ui-state-active, .qa_block .title-item:hover, .qa_block .title-item:focus {
  color: #ff6f42;
}
.qa_block .title-QA {
  font-size: 1rem;
  line-height: 2rem;
  padding: 0 0.625rem !important;
  vertical-align: middle;
  color: #fff;
  background-color: #7D7255;
  font-weight: normal;
  margin-top: 0;
}
.qa_block .kochira {
  color: #ff6f42;
}

/*-- PM170--*/
.actorPage {
  padding: 0;
}
.actorPage .label {
  font-size: 16px;
  color: #210310;
  font-weight: bold;
  margin: 10px 5px;
}
.actorPage .control__group {
  float: left;
}
.actorPage .control__group .box-saw-pm170 {
  top: 27px !important;
}
.actorPage .race a {
  display: inline-block;
}
.actorPage .race .ui-more-98 {
  height: 52px !important;
}
.actorPage form {
  margin-top: 10px;
}
.actorPage form p {
  padding: 10px 5px;
}
.actorPage form .cost-check .genre {
  float: left;
  width: 35%;
}
.actorPage form .cost-check .genre select {
  width: 100%;
}
.actorPage form .cost-check .order {
  float: right;
  margin: 0;
  width: 62%;
}
.actorPage form .cost-check .order select {
  width: 100%;
}
.actorPage .list-filmography li {
  padding: 10px 5px 0 5px;
  border-top: 1px solid #b2b2b2;
}
.actorPage .list-filmography .title {
  float: left;
  width: 27%;
  text-align: center;
}
.actorPage .list-filmography .title .film_image {
  display: block;
  margin: 4px 0 0 0;
}
.actorPage .list-filmography .title img {
  max-width: 80px;
}
.actorPage .list-filmography .des {
  float: right;
  width: 70%;
}
.actorPage .list-filmography .des p a {
  color: #FF7043;
}
.actorPage .list-filmography .des .des_link {
  min-height: 89px;
}
.actorPage .size32 {
  width: 32px;
  height: 32px;
}
.actorPage .size02 {
  width: 91px;
  height: 20px;
}
.actorPage .border-2 {
  border-left: 1px solid #37240c;
  border-right: 1px solid #37240c;
  padding: 0 5px;
}
.actorPage .border-3 {
  border-left: 1px solid #37240c;
  padding: 0 5px;
}

@media only screen and (max-width: 640px) {
  .form-info .label {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 520px) {
  .list_race .pT5 {
    padding-top: 15px !important;
  }
}
@media only screen and (max-width: 480px) {
  .icon_see {
    zoom: 0.7;
  }

  .actorPage .ui-more-703, .actorPage .ui-more-602 {
    zoom: 1.35;
    font-size: 13px;
    padding-top: 2px;
  }
  .actorPage .form-info .btn_group_list li {
    margin: 0 !important;
  }

  .form-info .label {
    font-size: 14px !important;
  }
}
.block_info {
  padding: 10px 5px;
  overflow: hidden;
}
.block_info .race .icons li {
  margin: 0 5px 0 10px !important;
}
.block_info .amazon {
  float: left;
  margin: 8px 0 0 10px;
}
.block_info .amazon .amazon_block {
  overflow: hidden;
}
.block_info .amazon .amazon_block li {
  float: left;
  vertical-align: middle;
}
.block_info .amazon .amazon_block li img {
  max-width: 88px;
}
.block_info .amazon .amazon_block li:nth-child(1) {
  padding: 10px 5px 0 0;
}
.block_info .amazon .amazon_block li:nth-child(2) {
  padding: 8px 0 0 0;
}

.text-middle th {
  text-align: left;
  padding: 10px;
  background-color: #bdb8a9;
}
.text-middle td span {
  float: left;
  margin: 10px 0 0 0;
  font-weight: bold;
}
.text-middle tr:nth-child(odd) {
  background-color: #d9d6ce;
}
.text-middle tr:nth-child(even) {
  background-color: #e3e0da;
}
.text-middle .bg_grown_01 {
  background-color: #d6d2c9 !important;
}

.btn-small-01 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  height: auto !important;
  font-size: 11px !important;
}

/*
 m021.scss
-----------------------------------------*/
.w15pr {
  width: 15% !important;
}

.w18pr {
  width: 18% !important;
}

.w30pr {
  width: 29% !important;
}

.w38pr {
  width: 38% !important;
}

.w60pr {
  width: 60% !important;
}

.w68pr {
  width: 68% !important;
}

.rack-edit {
  overflow: hidden;
  margin: 5px 1% 0;
  position: relative;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
}
.rack-edit .sort_ico {
  margin: 3px 0 0 0;
  position: absolute;
  width: 63px;
}
.rack-edit .sort_ico li {
  margin: 2px 5px 0 0;
  padding: 2px 0 0 0;
  display: inline;
  float: left;
  width: 24px;
}
.rack-edit input[type="text"] {
  margin: 0 !important;
}
.rack-edit select {
  margin: 0 2px 0 0 !important;
  float: right;
}
.rack-edit .btn-small-01 {
  margin-bottom: 0 !important;
}

.form-info select {
  padding: 5px !important;
}
.form-info li:last-child .rack-edit {
  border-bottom: none;
  padding-bottom: 0;
}

.buttons-01 {
  margin-left: 63px;
}

.has-bg {
  background: #e6e4df;
  padding: 10px;
  margin: 0 0 30px;
}

@media only screen and (min-width: 360px) and (max-width: 480px) {
  .w30pr {
    width: 30% !important;
  }

  .w68pr {
    width: 68% !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 560px) {
  .w30pr {
    width: 32% !important;
  }

  .w68pr {
    width: 65% !important;
  }
}
@media (min-width: 640px) {
  .w30pr {
    width: 34% !important;
  }

  .w68pr {
    width: 64% !important;
  }
}
/**
PM110_1
*/
.pm110_1 .main_user {
  width: 100%;
  overflow: hidden;
}
.pm110_1 .main_user .fLeft img {
  width: 100%;
}
.pm110_1 .line-01, .pm110_1 .line-02 {
  overflow: hidden;
}
.pm110_1 .line-02 {
  border-top: 1px #e6e4df solid;
}
.pm110_1 .commentLeft {
  width: 15%;
}
.pm110_1 .commentLeft img {
  width: 100%;
}
.pm110_1 .commentRight {
  width: 80%;
}
.pm110_1 .commentn {
  background: #e6e4df;
  display: block;
  overflow: hidden;
}
.pm110_1 .comment2n {
  background: #eeede9;
  display: block;
  overflow: hidden;
}
.pm110_1 .commentWhite {
  background: white;
  word-wrap: break-word;
}
.pm110_1 .w100 {
  width: 100%;
}
@media (min-width: 521px) and (max-width: 660px) {
  .pm110_1 .commentLeft {
    width: 15%;
  }
  .pm110_1 .commentRight {
    width: 80%;
  }
}
@media (min-width: 480px) and (max-width: 520px) {
  .pm110_1 .commentLeft {
    width: 15%;
  }
  .pm110_1 .commentRight {
    width: 80%;
  }
}

.bg_grown_01 {
  background-color: #7D7255;
}

.bg_grown_02 {
  background-color: #E6E4DF;
}

.bg_grown_03 {
  background-color: #F1F0ED;
}

.bg_blueLight {
  background-color: #4BAAC9;
}

.mTa {
  margin-top: -10px;
}

.white {
  color: #fff;
}

.btn-addsu {
  position: absolute;
  right: 0;
  bottom: 2px;
}

@media screen and (max-width: 440px) {
  .form-info li .w60 {
    clear: both;
    float: left;
    width: 65% !important;
  }
  .form-info li .img-ads {
    float: left;
    margin-top: 25px;
  }
}
@media screen and (max-width: 320px) {
  .light__Box .list__sort_110 li {
    width: 80% !important;
  }
}
/**
Kinenote Data
*/
.KNData li.fw900 {
  font-weight: 900;
}
.KNData li.italic {
  font-style: italic;
}
.KNData li div.right_button {
  font-style: italic;
}
.KNData li div.right_button2 {
  font-style: italic;
}
.KNData .cinema {
  background: url(../img/icons/kinenote_data_icon.png) no-repeat 0px -2px;
  width: 15px;
  height: 15px;
}
.KNData .vod {
  background: url(../img/icons/kinenote_data_icon.png) no-repeat -30px 0;
  width: 15px;
  height: 15px;
}
.KNData .TV {
  background: url(../img/icons/kinenote_data_icon.png) no-repeat -60px -2px;
  width: 15px;
  height: 15px;
}
.KNData .other {
  background: url(../img/icons/kinenote_data_icon.png) no-repeat -90px -2px;
  width: 17px;
  height: 15px;
}
.KNData .package {
  background: url(../img/icons/kinenote_data_icon.png) no-repeat -120px -1px;
  width: 15px;
  height: 15px;
}
.KNData .download {
  background: url(../img/icons/kinenote_data_icon.png) no-repeat -150px 0;
  width: 15px;
  height: 15px;
}
.KNData .blank {
  width: 15px;
  height: 15px;
}

/* M001 lightbox */
.modal__header {
  padding: 5px;
  background: #7c7154;
}
.modal__header h2 {
  font-size: 16px;
  color: #fff;
  width: 50%;
  float: left;
  padding: 0;
  margin: 0;
}
.modal__header .modal__close {
  float: right;
  margin: 3px 0 0;
}

.modal__content {
  padding: 10px 5px;
}

.tbl__lightbox {
  font-size: 14px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #d9d6ce;
  margin-bottom: 15px;
}
.tbl__lightbox tr:nth-child(odd) {
  background: #d9d6ce;
}
.tbl__lightbox tr:nth-child(even) {
  background: #e3e0da;
}
.tbl__lightbox th, .tbl__lightbox td {
  padding: 10px 5px;
  border: none;
  text-align: left;
}
.tbl__lightbox th {
  background: #7D7255;
  color: #fff;
  font-weight: normal;
}
.tbl__lightbox label {
  font-weight: bold;
}
.tbl__lightbox td {
  color: #5c4e2a;
}
.tbl__lightbox td .bt-del {
  float: right;
  margin-right: 10px;
  border: 1px solid #b2b2b2;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
}

/* end M001 lightbox */
/*
* Smartphone Kinenote
* PM180.scss
* version 1.0
*
*/
/* PM180未登録作キャス・スタフリクエスト
----------------------------------------------------------------------------------------------------------*/
.account {
  margin: 10px 0;
}
.account table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.account .table01 {
  margin: 10px 0;
}
.account .table01 td {
  border: 1px solid #d3cfc6;
  padding: 1% 5%;
  width: 40%;
}
.account .button-group-center-rad .w50per {
  width: 50%;
}
.account .button-group-center-rad .w60per {
  width: 60%;
}
.account .button-group-center-rad .w100per {
  width: 100%;
}
.account .acc_note {
  text-align: center;
}
.account .block_input {
  overflow: hidden;
  margin: 10px 0 0 0;
}
.account .block_input .item_left {
  float: left;
  overflow: hidden;
  margin: 10px 0 0 0;
  width: 40%;
}
.account .block_input input {
  float: right;
  width: 60%;
}
.account .block_input .request {
  background: none repeat scroll 0 0 #FF0000;
  color: #FFFFFF;
  font-size: 11px;
  height: 16px;
  line-height: 1.5;
  margin-left: 5px;
  padding: 0 10px;
}

.PM110L {
  background: #fff;
  padding: 0px;
  padding-top: 10px;
  background: #f1f0ed;
}
.PM110L .small-lightbox {
  color: #5C4E2A;
  display: block;
  border: 1px solid #e6e4df;
}
.PM110L .small-lightbox li {
  padding: 10px 10px;
}
.PM110L .small-lightbox li:nth-child(even) {
  background: #f1f0ed;
}
.PM110L .small-lightbox li:nth-child(odd) {
  background: #e6e4df;
}

/*
kiji.scss
-----------------------------------------*/
/*==== Kiji ====*/
#kikoto {
  font-size: 14px;
}
#kikoto table td {
  position: relative;
  vertical-align: top;
}
#kikoto td.w65K {
  width: 70px;
}
#kikoto table.movieBlock {
  position: relative;
}
#kikoto img.movieimg {
  width: 120px;
  height: 58px;
}
#kikoto .w10 {
  width: 10%;
}
#kikoto .title {
  font-weight: bold;
}
#kikoto .description {
  word-wrap: break-word;
}
#kikoto .description p {
  line-height: inherit;
#  height: 51px;
  overflow: hidden;
  padding: 0 5px;
}
#kikoto .new {
  position: absolute;
  text-align: right;
  z-index: 1;
  right: 20px;
  top: 20px;
}
#kikoto .movieList {
  height: 370px;
  overflow: scroll;
}
#kikoto .forest_green {
  color: #008e3f;
}
#kikoto .topcoat-list__item {
  padding: 20px 5px;
  position: relative;
}
#kikoto .bg_lightCyan {
  background-color: #d1eadc;
}
#kikoto .bg_brightCyan {
  background-color: #e5f3eb;
}
#kikoto.result li {
  padding: 15px 10px !important;
}
#kikoto.result li:nth-child(2n+1) {
  background-color: #F2F1EF;/*薄い*/
}
#kikoto.result li:nth-child(2n) {
  background-color: #E6E5E0;/*濃い*/
}
/*特集枠用の背景色*/
#kikoto.result .feature:nth-child(2n+1) {
  background-color: #FAF4D7;/*薄い*/
}
#kikoto.result .feature:nth-child(2n) {
  background-color: #FFDFA3;/*濃い*/
}
#kikoto img.movieimg {
  width: 64px;
  height: 34px;
}

/* --- CSS for Screen landsCape ---*/
@media only screen and (max-width: 480px) {
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* ==========================================================================
     Header Style	
  ========================================================================== */
  body {
    line-height: 1.25;
    -webkit-text-size-adjust: 100%;
    margin: 0 auto;
/*    font-size: 12px;*/
    font-size: 15px;
  }

  /* header */
  .tbl-header {
    padding: 5px 0;
  }
  .tbl-header td {
    height: 37px;
  }
  .tbl-header td.logo {
    width: 90px;
  }
  .tbl-header td.logo img {
    width: 100%;
  }
  .tbl-header td.logined {
    width: 35px;
    padding: 0 10px;
  }
  .tbl-header td.logined .ui-icon-32 {
    zoom: 0.5;
  }
  .tbl-header td.logined .number {
    min-width: 10px;
    height: 10px;
    line-height: 2;
    top: -2px;
    left: 10px;
    font-size: 7px;
    line-height: 8px;
  }
  .tbl-header td.searchTop {
    padding: 0 5px 0 8px;
  }
  .tbl-header td.searchTop input[type="text"] {
    font-size: 10px;
    font-size: 14px;
    height: 25px;
  }
  .tbl-header td.searchTop .bg-search-icon {
    top: 0;
    right: 0;
    height: 25px;
    width: 30px;
  }
  .tbl-header td.searchTop .icon-search {
    zoom: 0.8;
    top: 5px;
    left: 8px;
  }
  .tbl-header td.last {
    width: 35px;
  }
  .tbl-header td.last .ui-more-icon {
    margin: 0 0 0 12px;
    zoom: 0.6;
  }

  /* end header */
  /* form login */
  #login {
    padding: 4px;
  }
  #login input {
    width: 100%;
    height: 25px;
    padding: 1px 2px;
    margin-right: 2px;
    font-size: 14px;
  }

  /* end form login */
  /* Top 02 */
  .paragraph__item .ui-link {
    font-size: 11px;
  }
  .paragraph__item .ui-icon-24 {
    zoom: 0.7;
  }

  .view_list_wapper {
    font-size: 12px;
    margin-bottom: 10px !important;
  }
  .view_list_wapper .title {
    font-size: 12px;
  }
  .view_list_wapper li {
    margin-bottom: 15px;
  }
  .view_list_wapper li p {
    margin-bottom: 8px;
  }
  .view_list_wapper .point .mark {
    font-size: 18px !important;
  }
  .view_list_wapper .point .ui-icon-24 {
    zoom: 0.7;
  }

  #list-content ul > li {
    padding: 10px 5px;
  }

  .rankList li {
    font-size: 12px;
    padding: 3% 6%;
  }
  .rankList li .ui-icon-24 {
    zoom: 0.5;
  }

  #bxSlider__published .conLeft {
    width: 60% !important;
  }
  #bxSlider__published .conLeft .published__part {
    margin-bottom: 10px;
  }
  #bxSlider__published .conLeft .published__part .nameTop, #bxSlider__published .conLeft .published__part .mark {
    margin-left: 15px;
  }
  #bxSlider__published .conLeft .number-part {
    zoom: 0.7;
  }
  #bxSlider__published .conLeft .text {
    zoom: 0.6;
  }
  #bxSlider__published .conLeft .des {
    margin: 10px 0px;
  }
  #bxSlider__published .conLeft .published__part {
    margin-bottom: 10px;
  }
  #bxSlider__published .conLeft .published__part .nameTop, #bxSlider__published .conLeft .published__part .mark {
    margin-left: 15px;
  }
  #bxSlider__published .conRight {
    width: 30% !important;
  }
  #bxSlider__published .conRight img {
    width: 100%;
  }

  .control__group .topcoat-button {
    width: 55px;
    height: 25px !important;
    font-size: 12px !important;
    padding: 5px !important;
    line-height: 15px !important;
  }

  .banner-group li {
    width: 100%;
    margin: 0;
  }

  /* Top 02 END */
  /* heading-bar */
  .heading-bar {
    height: 40px !important;
    margin: 0;
    padding: 5px 5px 0;
    font-size: 16px !important;
    line-height: 32px;
  }
  .heading-bar .note-first {
    margin: 0 3px 0 0 !important;
  }
  .heading-bar span.ui-icon-32 {
    zoom: 0.5;
    margin: -1px 0 0;
  }
  .heading-bar.third .kine {
    zoom: 0.5;
  }
  .heading-bar.third .like_section p {
    margin-top: 0;
  }
  .heading-bar.third .icon-gear span {
    zoom: 0.8 !important;
  }
  .heading-bar.third .rect-plus span {
    zoom: 0.8 !important;
  }
  .heading-bar.third .note-end {
    float: right;
  }
  .heading-bar.four .read-more {
    width: 60px !important;
    height: 14px !important;
    font-size: 10px !important;
    margin: 1px 0 0 !important;
  }
  .heading-bar.four .read-more:before {
    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;
    border-left: 4px solid #d3cfc6 !important;
  }
  .heading-bar.fifth .new-order {
    width: 100px !important;
    height: 16px !important;
    padding: 2px 0 0 0 !important;
    font-size: 10px !important;
    border-radius: 2px !important;
  }
  .heading-bar.fifth .new-order:before {
    right: 5px !important;
    top: 5px !important;
    border-top: 6px solid #fff !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
  }

  /* end heading-bar */
  /* tab bar */
  #tab-bar {
    margin: 0 !important;
    /*padding: 5px !important;*/
  }
  #tab-bar ul {
    width: 100%;
  }
  #tab-bar .tab-item a {
    width: 32%;
    height: 35px !important;
    margin: 0 2% 0 0;
    font-size: 11px !important;
  }

  /* end tab bar */
  /*--- top new ---*/
  .category-movie li p {
    font-size: 12px;
  }

  .kinenote-ads {
    padding: 10px 5px 0;
  }
  .kinenote-ads .logo-ads .des-su {
    font-size: 30px;
    line-height: 25px;
    right: 2%;
  }
  .kinenote-ads .ability {
    font-size: 35px;
    padding: 5px 0 0;
  }

  .category-content .box-news {
    padding: 5px;
  }

  /*--- end top new ---*/
  .social_list a .icon_sc {
    margin-left: 8px;
  }

  .lastest-rank__control .box-saw-private {
    top: 32px;
  }

  /** footer */
  #footer p.copyright {
    margin: 10px 0 0;
    font-size: 12px;
  }

  .bxSlider__rank {
    padding: 15px 25px;
  }
  .bxSlider__rank .rank__header .like {
    margin: 5px 0px 0px 0;
  }
  .bxSlider__rank .rank__header .title-rank {
    line-height: 16px;
    font-size: 11px;
  }
  .bxSlider__rank .rank__header .rank__des {
    width: 52% !important;
  }
  .bxSlider__rank .rank__header .like__control {
    padding: 0 !important;
    margin: 0 !important;
  }
  .bxSlider__rank .rank__header .like__control span {
    float: left;
    margin-right: 10px;
  }
  .bxSlider__rank .rank__header .like__control .title-rank {
    max-width: 100%;
  }
  .bxSlider__rank .rank-social__icon a {
    margin: 5px;
  }
  .bxSlider__rank .like_section {
    margin: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 560px) {
  .heading-bar-two .title {
    position: absolute;
    top: 0px;
    left: 32px;
    height: 31px;
    padding: 7px 20px;
    text-align: left;
    font-size: 14px;
    text-overflow: ellipsis;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    background: #5b4e29;
  }

  body {
    line-height: 1.25;
    -webkit-text-size-adjust: 100%;
    margin: 0 auto;
    font-size: 16px;
  }

  nav#note-heart,
  nav#sidebar {
    top: 63px;
  }

  /* header */
  .tbl-header {
    padding: 5px 0;
  }
  .tbl-header td {
    height: 37px;
  }
  .tbl-header td.logo {
    width: 120px;
  }
  .tbl-header td.logo img {
    width: 100%;
  }
  .tbl-header td.logined {
    width: 35px;
    padding: 0 10px;
  }
  .tbl-header td.logined .ui-icon-32 {
    zoom: 0.7;
  }
  .tbl-header td.logined .number {
    min-width: 10px;
    height: 10px;
    line-height: 2;
    top: 0px;
    left: 15px;
    font-size: 7px;
    line-height: 10px;
  }
  .tbl-header td.searchTop {
    padding: 0 5px 0 8px;
  }
  .tbl-header td.searchTop input[type="text"] {
    font-size: 10px;
    line-height: 15px;
    height: 25px;
  }
  .tbl-header td.searchTop .bg-search-icon {
    top: 0;
    right: 0;
    height: 25px;
    width: 35px;
  }
  .tbl-header td.searchTop .icon-search {
    zoom: 0.7;
  }
  .tbl-header td.last {
    width: 35px;
  }
  .tbl-header td.last .ui-more-icon {
    margin: 0 0 0 12px;
    zoom: 0.7;
  }

  /* end header */
  .heading-bar.third .heading-title__film {
    width: 50%;
  }

  .rankingList .ui-link {
    font-size: 16px;
  }

  .list-film .btn-film {
    width: 70px;
    height: 30px;
    font-size: 14px !important;
    line-height: 15px !important;
  }

  .published__part .nameTop {
    font-size: 18px !important;
    margin-left: 5px !important;
  }
  .published__part .mark {
    font-size: 20px !important;
    margin-left: 10px !important;
  }
  .published__part .point {
    font-size: 16px !important;
  }

  /*--- top new ---*/
  .category-movie li p {
    font-size: 16px;
  }

  .kinenote-ads {
    padding: 10px 5px 0;
  }
  .kinenote-ads .logo-ads .des-su {
    font-size: 35px;
    line-height: 35px;
    right: 2%;
  }
  .kinenote-ads .ability {
    font-size: 35px;
  }

  /*--- end top new ---*/
  .lastest-rank__control .box-saw-private {
    top: 32px;
  }

  /** footer */
  #footer p.copyright {
    margin: 10px 0 0;
    font-size: 14px;
  }
}
@media only screen and (max-width: 360px) {
  /** footer */
  #footer p.copyright {
    margin: 10px 0 0;
    font-size: 10px;
  }

  .heading-bar.third .heading-title__film {
    width: 35%;
  }

  .w20per {
    width: 20% !important;
  }

  .bxSlider__rank {
    padding: 15px 15px;
  }
  .bxSlider__rank .rank__header .like {
    margin: 5px 0px 0px 5px;
  }
  .bxSlider__rank .rank__header .title-rank {
    line-height: 16px;
    font-size: 11px;
  }
  .bxSlider__rank .rank__header .like__control {
    padding: 0 !important;
    margin: 0 !important;
  }
  .bxSlider__rank .rank__header .like__control span {
    float: left;
    margin-right: 10px;
  }
  .bxSlider__rank .rank__header .like__control .title-rank {
    max-width: 100%;
  }
  .bxSlider__rank .rank__header .rank__des {
    width: 52%;
  }
  .bxSlider__rank .rank-social__icon a {
    margin: 3px;
  }
}
.w20per {
  width: 20% !important;
}

/* --- CSS for Screen Portrait --- */

/* --- Start CSS for news display --- */
.title-news {
  z-index: 9;
  top: 20px;
  left: 34px;
  background: #7c7154;
  color: #FF6F42;
  padding: 2px 10px;
  width: 100%;
}

.news-release {
  z-index: 1;
  margin-top: 0px;
  width: 100%;
  color: #0d1218;
  background: #f1f0ed;
  word-break: break-all;
}


.news-release ul {
  padding: 0px !important;
}

.news-release li {
  display: block;
  width: 103%;
  margin-bottom: 0px !important;
}

.news-release li a {
  color: #5c4e2a;
}

.news-release .even {
  background: #e6e4df;
}

.news-release .odd {
  background: #f1f0ed;
}

.news-release .day {
  display: inline-block;
  font-size: 10px;
  vertical-align: top;
  width: 30%;
  padding: 5px 10px;
  color: #5c4e2a;
}

.news-release .title-item {
  display: inline-block;
  font-size: 10px;
  width: 67%;
  padding: 5px 10px;
  color: #5c4e2a;
}

.news-release .jspVerticalBar {
  visibility: hidden;
}

.news-release:hover .jspVerticalBar {
  visibility: visible;
}
/* --- End CSS for news display --- */

/* ソーシャルオリジナルボタンCSS */
.bg_55acee {
  background: #55acee;
}

.bg_305097 {
  background: #305097;
}

.bg_00cc33 {
  background: #00cc33;
}

a.evernotebtn{
    float:left;
    height:36px;
    width:100%;
    margin:5px 5px 5px 8px;
    line-height: 36px;
    color:#fff;
    text-align:center;
    display:block;
    text-decoration:none;
    font:bold 15px;
    border-radius:3px;
    background-color:#00cc33;
}
a.evernotebtn:hover{
    background-color:#99ff66;
}
.original-social-buttons {
    overflow: hidden;
    position:relative; /* 絶対配置の基準点 */
    width:100%; /* 600px以下は幅いっぱいに広げる */
    margin:0 auto; /* ブロック要素の中央揃え */
    text-align:center; /* インライン要素の中央揃え */
    background:#fff; /* 背景色 */
    position: relative;
    top: 50%;
    max-width:1862px; /* 最大幅の指定 */
}

.button-evernote {
    float:left;
    height:36px;
    width:100%;
    margin:0px 5px 5px -0px;
    line-height: 36px;
    color:#fff;
    text-align:center;
    display:block;
    text-decoration:none;
    font:bold 15px;
    background-color:#00cc33;
    border: none;
}
.button-evernote:hover, .button-evernote:focus {
    background-color:#99ff66;
}
.button-vod {
    height:36px;
    width:162px;
}
.button-vod:hover, .button-theater:focus {
    cursor:pointer;
}
.button-theater {
    height:36px;
    width:162px;
}
.button-theater:hover, .button-theater:focus {
    cursor:pointer;
}
.btn_group_list2 {
  margin: -15px 0 15px 0;
  text-align: center;
}
.btn_group_list2 li {
  border: none;
  display: inline-block;
  width: 180px;
}

.tbl-content td a{
	color: #f56321;
	text-decoration: underline;
}

.tbl-content td a:hover{
	color: #ff8b4b;
	text-decoration: underline;
}

.topten_link{
	text-align: center;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}

.topten_link p{
	font-size:11px;
}

.topten_link_button{
	padding-top: 6px;
	height: 30px;
	letter-spacing: 1px;
	vertical-align: middle;
	background-color: #ff7043;
	margin: 0 auto;
	margin-bottom: 8px;
	max-width: 300px;
}

.topten_link_button:hover{
	background-color: #ffa343;
}

.topten_link_button span{
	color: #fff;
}
.topten_link a:hover{
	text-decoration:none;
	background-color: #ffa343;
}