/*button guide*/
.btn {
    display: inline-flex;
    align-items:center;
    justify-content: center;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
    color: #fff;
    font-family: 'CJONLYONENEW','Noto Sans SC';
    font-size: 16px;
    font-weight: 400;
    cursor:pointer;
    box-sizing: border-box;
  }
  .btn i{ display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -99999em;
    vertical-align: top;
    margin-left: 2px;
    }
.btn.xlarge{font-size: 20px; height: 64px;line-height:64px;}
.btn.xlarge i{width: 24px;height: 24px;}
.btn.large{font-size: 16px; height: 48px;line-height:48px;}
.btn.large i{width: 20px;height: 20px;}
.btn.medium{font-size: 13px; height: 40px;line-height:40px;padding:0 16px;}
.btn.medium.type01 {min-width:71px;}
.btn.medium i{width: 16px;height: 16px;}
.btn.medium.white i{width: 16px;height: 16px; }
.btn.medium.white i.ic_link2 {background-image:url(../images/common/guide/icon-16-px-outlink-pc@2x.png) !important}
.btn.small{font-size: 13px; height: 32px;line-height:32px;}
.btn.small i{width: 16px;height: 16px;}
.btn.disabled { cursor: default;}
.btn.disabled:hover {text-decoration: none;}
.btn span {
position: relative;
}

  .btn:focus {
    /*padding: 0 32px;*/
  }

  .btn:active {
    /* padding: 0 32px; */
  }

  .btn.primary {
    background: #333;
  }

  .btn.primary:hover {
    background: #1a1a1a;
  }

  .btn.primary.disabled,
  .btn.primary:disabled {
    background: #bfbfbf;
  }

  .btn.secondary {
    background: #666666;
  }

  .btn.secondary:hover {
    background: #4d4d4d;
  }

  .btn.secondary.disabled,
  .btn.secondary:disabled {
    background: #bfbfbf;
  }

  .btn.tertiary {
    border: solid 1px #cccccc;
    color: #1a1a1a;
    background: transparent;
  }

  .btn.tertiary:hover {
    border: solid 1px #cccccc;
    background: #f5f5f5;
  }
  .btn.tertiary.white {
    border: solid 1px #fff;
    color: #fff;
    background: transparent;
  }
  .btn.tertiary.white:hover,
  .btn.tertiary.white:focus {
    border: solid 1px #fff;
    color: #fff;
    background: transparent;
    /* text-decoration:underline; */
  }

  .btn.tertiary.disabled,
  .btn.tertiary:disabled {
    border: solid 1px #cccccc;
    background: transparent;
    color: #cccccc;
  }

  .btn.tertiary.disabled .ic_down,
  .btn.tertiary:disabled .ic_down {
    background-image: url(../images/common/guide/ic_down5.png);
  }

  .btn.tertiary .ic_down {
    background-image: url(../images/common/guide/download_16@2x.png);
  }

  .btn.text {
    color: #444444;
    background: transparent;
  }

  .btn.text:hover {
    text-decoration: underline;
  }

  .btn.text.white {
    color: #fff;
    background: transparent;
  }

  .btn.text.disabled,
  .btn.text:disabled {
    color: #cccccc;
  }


  .btn.text.disabled .ic_down,
  .btn.text:disabled .ic_down {
    background-image: url(../images/common/guide/ic_down5.png);
  }

  .btn.text .ic_down {
    background-image: url(../images/common/guide/ic_down3.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/ic_down3.png) 1x, url(../images/common/guide/ic_down3@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/ic_down3.png) 1x, url(../images/common/guide/ic_down3@2x.png) 2x);
    */

  }

  .btn.icon_img,
  .is-slider .bx-wrapper .bx-controls-direction a {
    padding: 0;
    /*display: inline-block;*/
    width: 48px;
    height: 48px;
    border: solid 1px #cccccc;
    background-color: transparent;
    background-image: url(../images/common/guide/btn_icon.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/btn_icon.png) 1x, url(../images/common/guide/btn_icon@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/btn_icon.png) 1x, url(../images/common/guide/btn_icon@2x.png) 2x);
    */
    background-repeat: no-repeat;
    background-position: center center;
    background-size:24px;
    text-indent: -99999em;
    background-color:#fff;
    box-sizing: border-box;
  }
  .btn.icon_img.left,
  .is-slider .bx-wrapper .bx-controls-direction .bx-prev {
    background-image: url(../images/common/guide/icon-24-px-chevron-left-pc@2x.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/icon-24-px-chevron-left-pc.png) 1x, url(../images/common/guide/icon-24-px-chevron-left-pc@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/icon-24-px-chevron-left-pc.png) 1x, url(../images/common/guide/icon-24-px-chevron-left-pc@2x.png) 2x);
    */
  }
  .btn.icon_img.left.disabled,
  .btn.icon_img.left:disabled,
  .is-slider .bx-wrapper .bx-controls-direction .bx-prev.disabled,
  .is-slider .bx-wrapper .bx-controls-direction .bx-prev:disabled {
    background-image: url(../images/common/guide/icon-24-px-chevron-left-disabled-pc@2x.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/icon-24-px-chevron-left-disabled-pc.png) 1x, url(../images/common/guide/icon-24-px-chevron-left-disabled-pc@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/icon-24-px-chevron-left-disabled-pc.png) 1x, url(../images/common/guide/icon-24-px-chevron-left-disabled-pc@2x.png) 2x);
    */
  }
  .btn.icon_img.right,
  .is-slider .bx-wrapper .bx-controls-direction .bx-next {
    background-image: url(../images/common/guide/icon-24-px-chevron-right-pc@2x.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/icon-24-px-chevron-right-pc.png) 1x, url(../images/common/guide/icon-24-px-chevron-right-pc@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/icon-24-px-chevron-right-pc.png) 1x, url(../images/common/guide/icon-24-px-chevron-right-pc@2x.png) 2x);
    */
  }
  .btn.icon_img.right.disabled,
  .btn.icon_img.right:disabled,
  .is-slider .bx-wrapper .bx-controls-direction .bx-next.disabled,
  .is-slider .bx-wrapper .bx-controls-direction .bx-next:disabled {
    background-image: url(../images/common/guide/icon-24-px-chevron-right-disabled-pc@2x.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/icon-24-px-chevron-right-disabled-pc.png) 1x, url(../images/common/guide/icon-24-px-chevron-right-disabled-pc@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/icon-24-px-chevron-right-disabled-pc.png) 1x, url(../images/common/guide/icon-24-px-chevron-right-disabled-pc@2x.png) 2x);
    */
  }
  .ic_arrow_right{
    background-image: url(../images/common/guide/btn_icon.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/btn_icon.png) 1x, url(../images/common/guide/btn_icon@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/btn_icon.png) 1x, url(../images/common/guide/btn_icon@2x.png) 2x);
    */
  }

  .btn.tertiary.white .ic_arrow_right,
  .btn.text.white .ic_arrow_right{
    background-image: url(../images/common/guide/arrow-right-white-pc@2x.png);
  }

  .btn.tertiary.white.medium .ic_arrow_right,
  .btn.text.white.medium .ic_arrow_right {
    background-image: url(../images/common/guide/arrow-right-white-pc_16@2x.png);
  }

  .ic_arrow_right.disabled{
    background-image: url(../images/common/guide/btn_icon_disabled.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/btn_icon_disabled.png) 1x, url(../images/common/guide/btn_icon_disabled@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/btn_icon_disabled.png) 1x, url(../images/common/guide/btn_icon_disabled@2x.png) 2x);
    */
  }

  .btn.floating {
    display: block;
    width: 80px;
    height: 80px;
    background-color: transparent;
    background-image: url(../images/common/guide/btn_fs.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/btn_fs.png) 1x, url(../images/common/guide/btn_fs@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/btn_fs.png) 1x, url(../images/common/guide/btn_fs@2x.png) 2x);
    */
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -99999em;
  }

  .btn.floating.multi {
    width: 60px;
    height: 60px;
    background-image: url(../images/common/guide/btn_fm.png);
  }

  .btn.floating.btnShare {
    position: relative;
    z-index: 10;
  }

  .btn .ic_link {
    width:16px;
    height:16px;
    padding:0;
    display:inline-block;
    background-color: transparent;
    background-image: url(../images/common/outlink@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size:100%;
  }

  .btn .ic_link2 {
    width:20px;
    height:20px;
    padding:0;
    display:inline-block;
    background-color: transparent;
    background-image: url(../images/common/guide/icon-20-px-outlink-pc@2x.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/icon-20-px-outlink-pc.png) 1x, url(../images/common/guide/icon-20-px-outlink-pc@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/icon-20-px-outlink-pc.png) 1x, url(../images/common/guide/icon-20-px-outlink-pc@2x.png) 2x);
    */
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size:100%;
  }
  .btn.white .ic_link2 {
    background-image: url(../images/common/guide/icon-outlink-white@2x.png);
    /* background-image: url(../images/common/guide/icon-20-px-outlink-white-pc@2x.png); */
    /*
    background-image: -webkit-image-set(url(../images/common/guide/icon-20-px-outlink-white-pc.png) 1x, url(../images/common/guide/icon-20-px-outlink-white-pc@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/icon-20-px-outlink-white-pc.png) 1x, url(../images/common/guide/icon-20-px-outlink-white-pc@2x.png) 2x);
    */
  }
  .btn .ic_link span,
  .btn .ic_link span i {padding:0;}

  .btn .ic_down {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url(../images/common/guide/ic_down4.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/ic_down4.png) 1x, url(../images/common/guide/ic_down4@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/ic_down4.png) 1x, url(../images/common/guide/ic_down4@2x.png) 2x);
    */
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -99999em;
    vertical-align: top;
    margin-left: 2px;
  }
  .btn .ic_file {
    width:16px;
    height:16px;
    background-image: url(../images/common/guide/icon-16-px-btn-attatchment-pc@2x.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/icon-16-px-btn-attatchment-pc.png) 1x, url(../images/common/guide/icon-16-px-btn-attatchment-pc@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/icon-16-px-btn-attatchment-pc.png) 1x, url(../images/common/guide/icon-16-px-btn-attatchment-pc@2x.png) 2x);
    */
  }

  .btn~.fab_list  {
    margin: 0 auto;
    width: 40px;
    position: relative;
    z-index: 4;
  }

  .btn~.fab_list  .btn_sfab {
    position: absolute;
    left: 0;
    bottom: -70px;
    margin-bottom: 16px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
    background-size: 24px 24px;
    background-image: url(../images/common/guide/ic_fab.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/ic_fab.png) 1x, url(../images/common/guide/ic_fab@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/ic_fab.png) 1x, url(../images/common/guide/ic_fab@2x.png) 2x);
    */
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -99999em;
    -webkit-animation: closed 0.5s ease;
            animation: closed 0.5s ease;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

  @-webkit-keyframes closed {
    0% {
      bottom: -7px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      bottom: -70px;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }

  @keyframes closed {
    0% {
      bottom: -7px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      bottom: -70px;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }

  .btn~.fab_list  .btn_sfab:first-child {
    -webkit-animation: closed2 0.5s ease;
            animation: closed2 0.5s ease;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

  @-webkit-keyframes closed2 {
    0% {
      bottom: 49px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      bottom: -70px;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }

  @keyframes closed2 {
    0% {
      bottom: 49px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      bottom: -70px;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }

  .btn~.fab_list .open {
    display: block;
  }

  .btn~.fab_list .open .btn_sfab {
    -webkit-animation: expand 0.5s ease;
            animation: expand 0.5s ease;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

  @-webkit-keyframes expand {
    0% {
      bottom: -70px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      bottom: -7px;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }

  @keyframes expand {
    0% {
      bottom: -70px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      bottom: -7px;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }

  .btn~.fab_list .open .btn_sfab:first-child {
    -webkit-animation: expand2 0.5s ease;
            animation: expand2 0.5s ease;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

  @-webkit-keyframes expand2 {
    0% {
      bottom: -70px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      bottom: 49px;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }

  @keyframes expand2 {
    0% {
      bottom: -70px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      bottom: 49px;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  /*// button guide*/

  /*hashtag guide*/
  .hashtag_area{color:#000}
  .hs_tag {
    border: solid 1px #ccc;
    border-top-left-radius: 8px;border-bottom-right-radius: 8px;
    padding: 9px 12px;
    color: #000;
    font-size: 12px;
    margin: 0 8px 10px 0;
    line-height: 1.2;
    display: inline-block;
    font-weight:400;
    height: 32px;
    box-sizing: border-box;
    float: left;
    transition: all 0.2s ease-out;
    color: #000;
    transform: translateZ(0);
    will-change: background-color;
  }
  .hs_tag:hover {cursor: pointer;background-color: #333;color: #fff;border-color: #333;transition: all 0.2s ease-out;}

  @media (hover: none) {
    .hs_tag:hover {color:#000;background-color: #fff;border-color: #ccc;}
  }
  .hs_tag.large{padding: 10px 16px; font-size: 14px;height: 38px;}
  .hs_tag.medium{padding: 9px 12px; font-size: 12px;height: 32px;}
  .hs_tag.small{padding: 8px 10px; font-size: 12px;height: 30px;}
  /*//hashtag guide*/

  /*pagination guide*/
  .view_more {
    text-align: center;
  }
  .view_more a{
    display: inline-block;
    vertical-align: top;
    margin: 50px auto 0;
    min-width: 110px;
    height: 96px;
    border: solid 1px #999999;
    text-align: center;
    padding: 15px 11px;
    cursor: pointer;box-sizing: border-box;
    font-weight:400;
  }

  .view_more i {
    display: block;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    background-size: cover;
    background-image: url(../images/common/guide/View_More_Plus_PC_36@2x.png);
    vertical-align: top;
    margin: 0 auto 6px auto;
  }

  .view_more .text_wrap {
    text-align: center;
  }

  .view_more .text_wrap .text {
    font-size: 14px;
    color: #333333;
  }

  .view_more .text_wrap .num {
    font-size: 14px;
  }

  .view_more .text_wrap .num strong {
    color: #006ecd;
    font-weight: normal;
  }

  .view_more a:hover {background-color: #f7f7f7;}


  .ic_val_del {
    width:24px;
    height:24px;
    position:relative;
  }
  .ic_val_del:before {
    content:'';
    width:16px;
    height:16px;
    margin:-8px 0 0 -8px;
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    background-image: url(../images/common/guide/icon-16-px-textfield-close-pc@2x.png);
    /*
    background-image: -webkit-image-set(url(../images/common/guide/icon-16-px-textfield-close-pc.png) 1x, url(../images/common/guide/icon-16-px-textfield-close-pc@2x.png) 2x);
    background-image: image-set(url(../images/common/guide/icon-16-px-textfield-close-pc.png) 1x, url(../images/common/guide/icon-16-px-textfield-close-pc@2x.png) 2x);
    */
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:100%;
  }

.checkbox {margin-top:8px;}
.checkbox:first-child {margin-top:0;}
.checkbox input[type="checkbox"] {cursor: pointer; position: absolute; opacity: 0;}
.checkbox input[type="checkbox"] + .check-label {padding-left:24px; display:inline-block; position:relative; cursor: pointer; font-size:16px;}
.checkbox input[type="checkbox"] + .check-label:before {content: ''; background: transparent url(../images/common/guide/bgCheck_normal.png) no-repeat 0 0; width: 20px; height: 20px; display:block; position:absolute; top:2px; left:0; margin-right:5px; vertical-align: top; cursor: pointer;}
.checkbox input[type="checkbox"]:focus + .check-label:before,
.checkbox input[type="checkbox"]:hover + .check-label:before {background: transparent url(../images/common/guide/bgCheck_normal_hover.png) no-repeat 0 0;}
.checkbox input[type="checkbox"]:checked + .check-label:before {background: transparent url(../images/common/guide/bgCheck_checked.png) no-repeat 0 0;}
.checkbox input[type="checkbox"]:checked:disabled + .check-label:before {background: transparent url(../images/common/guide/bgCheck_checked_disabled.png) no-repeat 0 0; cursor: default;}
.checkbox input[type="checkbox"]:disabled + .check-label {cursor: default !important; color: #bfbfbf;}
.checkbox input[type="checkbox"]:disabled + .check-label:before {background: transparent url(../images/common/guide/bgCheck_disabled.png) no-repeat 0 0; cursor: default;}
.checkbox input[type="checkbox"].readonly + .check-label:before,
.checkbox input[type="checkbox"]:readonly + .check-label:before {background: transparent url(../images/common/guide/bgCheck_disabled.png) no-repeat 0 0; cursor: default;}
.checkbox input[type="checkbox"].readonly:checked + .check-label:before,
.checkbox input[type="checkbox"]:readonly:checked + .check-label:before {background: transparent url(../images/common/guide/bgCheck_checked_disabled.png) no-repeat 0 0; cursor: default;}

.checkbox.is-right input[type="checkbox"] + .check-label {padding-left:0; padding-right:24px;}
.checkbox.is-right input[type="checkbox"] + .check-label:before {left:auto; right:0; margin-right:0;}

.accordion_style {width:100%;}
.accordion_style .acc_wrap:last-child {border-bottom: 1px solid #e6e6e6;}
.accordion_style .acc_wrap .acc_title {width:100%;display: block;box-sizing: border-box; text-align:left; border-top: 1px solid #e6e6e6; color: #333333; line-height: 1.63; padding: 18px 16px; position: relative; cursor: pointer; font-size:16px;}
.accordion_style .acc_wrap .acc_title:hover {background-color:#f7f7f7;}
.accordion_style .acc_wrap .acc_title::after {width: 24px; height: 24px; background: url(../images/common/guide/bg-arr-down_24@2x.png) no-repeat 0 0; position: absolute; right: 16px; content:''; top: 20px; background-size:100%;}
.accordion_style .acc_wrap .acc_title.active::after {background: url(../images/common/guide/bg-arr-up_24@2x.png) no-repeat 0 0; background-size:100%;}
/*.accordion_style .acc_wrap .acc_title.active:hover {background-color:transparent;}*/
.accordion_style .acc_wrap .acc_pannel {display: none; border-top: 1px solid #e6e6e6; padding:16px 0; margin:0 16px; color: #333333; line-height: 1.63; font-size:16px;}
.accordion_style.type01 .acc_wrap .acc_pannel {font-size:14px; font-weight:300; line-height:24px;}
.accordion_style .acc_wrap .acc_pannel.active {display:block;}

.breadcrumb_style ul {display:flex; align-items:center;}
.breadcrumb_style ul li {display:flex; align-items:center; font-size: 14px;}
.breadcrumb_style ul li::after {content: ''; background: url(../images/common/guide/bgArr_bdb.png) no-repeat center center; display: inline-block; width: 24px; height: 24px;}
.breadcrumb_style ul li a {display: block; color: #666666; line-height: 1.57; float: left; vertical-align: top;}
.breadcrumb_style ul li .current {color: #333333; line-height: 1.57; float: left; display: block;}
.breadcrumb_style ul li:last-child:after {display:none;}

.common_tab-wrapper {border:1px solid #ccc;}
.common_tab-wrapper.is-sport {width:992px; margin:33px auto 49px;}
.common_tab-wrapper ul {display:flex;}
.common_tab-wrapper ul li {flex:1; position:relative;}
.common_tab-wrapper ul li + li:before {content:''; width:1px; height:20px; display:block; position:absolute; left:-1px; top:50%; transform:translateY(-50%); background-color:#ccc; z-index:1;}
.common_tab-wrapper ul li a {height:56px; position:relative; display:flex; align-items:center; justify-content: center; font-weight:400; font-size:16px; color:#666; background-color:#f5f5f5;}
.common_tab-wrapper ul li a:hover {color:#006ecd}
.common_tab-wrapper ul li.active:before {display:none;}
.common_tab-wrapper ul li.active a {color:#006ecd; background-color:#fff; border-width:0 1px 0 1px; border-style:solid; border-color:#ccc;}
.common_tab-wrapper ul li.active a:before {content:''; width:100%; height:1px; display:block; position:absolute; left:0; bottom:-1px; background-color:#fff;}
.common_tab-wrapper ul li:first-child a {border-left:0;}
.common_tab-wrapper ul li:last-child a {border-right:0;}

.common-select .nice-select .list {width:calc(100% + 2px); max-height:206px; left:-1px;}
.common-select.medium .nice-select {width:100%; height:40px; line-height:40px; font-size:16px; color:#333;}
.common-select.medium .nice-select .list .option {min-height:40px; line-height:40px;}

.textfd_wrap {display:inline-block; position:relative;}
.textfd_wrap label {display: inline-block; line-height: 1.63; margin-bottom: 8px; font-size:16px; font-weight:400;}
.textfd_wrap input {width: 100%; height: 48px; font-size: 16px; padding: 0 16px; line-height: 48px; color: #333; border: solid 1px #cccccc; font-size:16px; font-weight:400; background-color:#fff;}
.textfd_wrap.xlarge input {height:64px; line-height:62px;}
.textfd_wrap.medium input {height:40px; line-height:38px;}
.textfd_wrap.small input {height:32px; line-height:30px;}
.textfd_wrap label.disabled {color: #bfbfbf;}
.textfd_wrap input::-webkit-input-placeholder {font-size: 16px;color: #bfbfbf;}
.textfd_wrap input:-ms-input-placeholder {font-size: 16px;color: #bfbfbf !important;}
.textfd_wrap input::placeholder {font-size: 16px;color: #bfbfbf;}
.textfd_wrap input:focus {outline:2px solid #1a7cd2; border:1px solid transparent;}
.textfd_wrap input:focus:hover {outline:2px solid #1a7cd2; border:1px solid transparent;}
.textfd_wrap input:hover {outline:2px solid #1a7cd2; border:1px solid transparent;}
.textfd_wrap input:disabled {background: #f2f2f2;}
.textfd_wrap input:disabled:focus {border: solid 1px #cccccc;}
.textfd_wrap input:disabled:focus:hover {border: solid 1px #cccccc;}
.textfd_wrap input:disabled:hover {border: solid 1px #cccccc;outline:0;}
.textfd_wrap input:-moz-read-only {background: #f2f2f2;color: #333333;}
.textfd_wrap input:read-only {background: #f2f2f2;color: #333333;}
.textfd_wrap input[readonly="readonly"] {background: #f2f2f2;color: #333333;}
.textfd_wrap input[readonly] {background: #f2f2f2;color: #333333;}
.textfd_wrap input:-moz-read-only:focus {border: solid 1px #cccccc; outline:0;}
.textfd_wrap input:read-only:focus {border: solid 1px #cccccc; outline:0;}
.textfd_wrap input:-moz-read-only:focus:hover {border: solid 1px #cccccc;}
.textfd_wrap input:read-only:focus:hover {border: solid 1px #cccccc;}
.textfd_wrap input:-moz-read-only:hover {border: solid 1px #cccccc;outline:0;}
.textfd_wrap input:read-only:hover {border: solid 1px #cccccc;outline:0;}
.textfd_wrap.is-error input {border: 1px solid #D6131B; background:url(../images/common/guide/icon-24-px-error@2x.png) calc(100% - 16px) center no-repeat; background-size:24px;}
.textfd_wrap.is-error.medium input,
.textfd_wrap.is-error.small input {padding:0 42px 0 16px; background:url(../images/common/guide/icon-20-px-error@2x.png) calc(100% - 18px) center no-repeat; background-size:20px;}
.textfd_wrap.is-error input:focus,
.textfd_wrap.is-error input:hover{outline-width:2px; border-color:transparent;}
.textfd_wrap.is-success input {border: 1px solid #22ac38; background:url(../images/common/guide/textfield_success_24@2x.png) calc(100% - 16px) center no-repeat; background-size:24px;}
.textfd_wrap.is-success.medium input,
.textfd_wrap.is-success.small input {background:url(../images/common/guide/textfield_success_20@2x.png) calc(100% - 18px) center no-repeat; background-size:20px;}
.textfd_wrap.is-success input:focus,
.textfd_wrap.is-success input:hover{outline-width:2px; border-color:transparent;}
.textfd_wrap.validation {position: relative;}
.textfd_wrap.validation .messg {margin-top: 4px;line-height: 1.69;font-size: 13px;}
.textfd_wrap.validation.success input {border: 1px solid #22ac38;}
.textfd_wrap.validation.is-success .messg {color: #22ac38;}
.textfd_wrap.validation.is-error input {border: 1px solid #bd1118;}
.textfd_wrap.validation.is-error input:hover,
.textfd_wrap.validation.is-error input:focus {border-color:transparent}
.textfd_wrap.validation.is-error .messg {color: #bd1118;}

.textarea_wrap label {display: inline-block;line-height: 1.63;margin-bottom: 8px;}
.textarea_wrap label.disabled {color: #bfbfbf;}
.textarea_wrap textarea {resize: none;color: #333;border: solid 1px #cccccc;padding: 12px 16px;width: 100%;height: 120px;font-size: 16px;background-color:#fff;}
.textarea_wrap.is-error textarea {border-color: #d6131b;}
.textarea_wrap.is-error textarea:hover,
.textarea_wrap.is-error textarea:focus {border-color:transparent;}
.textarea_wrap textarea::-webkit-input-placeholder {color: #bfbfbf;font-size: 16px;}
.textarea_wrap textarea:-ms-input-placeholder {color: #bfbfbf !important;font-size: 16px;}
.textarea_wrap textarea::placeholder {color: #bfbfbf;font-size: 16px;}
.textarea_wrap textarea:focus {outline: 2px solid #1a7cd2; border-color:transparent;}
.textarea_wrap textarea:focus:hover {outline: 2px solid #1a7cd2; border-color:transparent;}
.textarea_wrap textarea:hover {outline: 2px solid #1a7cd2; border-color:transparent;}
.textarea_wrap textarea:disabled {background: #f2f2f2;color: #bfbfbf;}
.textarea_wrap textarea:disabled:focus {border: solid 1px #cccccc; outline:0;}
.textarea_wrap textarea:disabled:focus:hover {border: solid 1px #cccccc; outline:0;}
.textarea_wrap textarea:disabled:hover {border: solid 1px #cccccc; outline:0;}
.textarea_wrap textarea:-moz-read-only {background: #f2f2f2;color: #333333;}
.textarea_wrap textarea:read-only {background: #f2f2f2;color: #333333;}
.textarea_wrap textarea:-moz-read-only:focus {border: solid 1px #cccccc; outline:0;}
.textarea_wrap textarea:read-only:focus {border: solid 1px #cccccc; outline:0;}
.textarea_wrap textarea:-moz-read-only:focus:hover {border: solid 1px #cccccc; outline:0;}
.textarea_wrap textarea:read-only:focus:hover {border: solid 1px #cccccc; outline:0;}
.textarea_wrap textarea:-moz-read-only:hover {border: solid 1px #cccccc; outline:0;}
.textarea_wrap textarea:read-only:hover {border: solid 1px #cccccc; outline:0;}

.common-pagination {margin-top:40px; display:flex; justify-content: center;}
.common-pagination a {width:32px; height:32px; display:inline-block; background-position:center center; background-repeat:no-repeat; font-size:14px; font-weight:400; color:#666;}
.common-pagination a.disabled {opacity: 0.3; cursor:default;}
.common-pagination a.first {background-image:url(../images/common/guide/pgArr_first_normal.png)}
.common-pagination a.prev {background-image:url(../images/common/guide/pgArr_pre_normal.png)}
.common-pagination a.next {background-image:url(../images/common/guide/pgArr_next_normal.png)}
.common-pagination a.last {background-image:url(../images/common/guide/pgArr_last_normal.png)}
.common-pagination a .hidden {position:absolute; left:-9999px;}
.common-pagination div {display:flex; }
.common-pagination div a {text-align:center; line-height:32px;}
.common-pagination div a:hover,
.common-pagination div a:focus,
.common-pagination div a:active {background-color:#f7f7f7;}
.common-pagination div a.active {color:#006ecd; text-decoration:underline;}

#contents.is-view .pagination_preview > dl,
.pagination_preview.type01 > dl {border-color:#e5e5e5;}
#contents.is-view .pagination_preview > dl.no_list,
.pagination_preview.type01 > dl.no_list {color:#1a1a1a; opacity:0.3}
#contents.is-view .pagination_preview > dl dt {font-weight:400;}
#contents.is-view .pagination_preview > dl dt,
.pagination_preview.type01 > dl dt {width:131px; padding-left:26px; font-size:16px; color:#1a1a1a; box-sizing: border-box;}
#contents.is-view .pagination_preview > dl dd,
.pagination_preview.type01 > dl dd {color:#1a1a1a; font-weight:300;}
#contents.is-view .spr.ico_next,
#contents.is-view .spr.ico_next.no,
#contents.is-view .spr.ico_before,
#contents.is-view .spr.ico_before.no,
.pagination_preview.type01 .spr.ico_next,
.pagination_preview.type01 .spr.ico_next.no,
.pagination_preview.type01 .spr.ico_before,
.pagination_preview.type01 .spr.ico_before.no {width:20px; height:20px; margin-right:6px; vertical-align:top;}
#contents.is-view .spr.ico_next,
.pagination_preview.type01 .spr.ico_next {background:url(../images/common/icon-20-px-cjnow-detail-up@2x.png) 0 0 no-repeat; background-size:100%;}
#contents.is-view .spr.ico_before,
.pagination_preview.type01 .spr.ico_before {background:url(../images/common/icon-20-px-cjnow-detail-down@2x.png) 0 0 no-repeat; background-size:100%;}
.pagination_preview.type01 > dl.no_list .spr.ico_next,
.pagination_preview.type01 > dl.no_list .spr.ico_next {background-position:0 0;}

.common-item_list.type01 {width:960px; margin:0 auto; padding-bottom:120px;}
.common-item_list.is-slider .bx-wrapper {max-width:960px !important;}
.common-item_list .mod_title_type4 .title {margin-bottom:32px; font-size:32px; color:#1a1a1a; font-weight:400;}
.common-item_list .mod_title_type4 .title.type01 {font-size:28px; font-weight:400;}
.common-item_list .list_thumb {margin-left:0 !important; display:flex; /*justify-content: space-between;*/ justify-content: flex-start;}
.common-item_list .list_thumb.bxslider2 {display:block; margin-left:0px !important;}
.common-item_list .list_thumb.type01 {justify-content: flex-start;}
.common-item_list .list_thumb li {width:307px; min-width:307px; /*max-width:calc(100% / 3 ); width:calc(100% / 3);*/ margin-left:20px; position:relative; left:0; top:0; right:0; bottom:0;}
.common-item_list .list_thumb.bxslider2 li {max-width:inherit; width:calc(33.33% - 13.33px); margin-left:0;}
.common-item_list .list_thumb li:first-child {margin-left:0;}
.common-item_list .list_thumb li:nth-child(4) {display:none;}
.common-item_list .list_thumb.bxslider2 li:nth-child(4) {display:block;}
.common-item_list .list_thumb li .thumb_box {opacity: 1; transform: initial; transition: initial;}
.common-item_list .list_thumb li .thumb_box a {display:block;}
.common-item_list .list_thumb li .thumb_box a .img_box {position: relative; overflow: hidden; height: 145px;}
.common-item_list .list_thumb li[data-img-type="s"] .thumb_box a .img_box,
.common-item_list .list_thumb li[data-img-type="s"] .thumb_box a .img_box img {height: 145px;}
.common-item_list .list_thumb li[data-img-type="m"] .thumb_box a .img_box,
.common-item_list .list_thumb li[data-img-type="m"] .thumb_box a .img_box img {height: 163px;}
.common-item_list .list_thumb li[data-img-type="l"] .thumb_box a .img_box,
.common-item_list .list_thumb li[data-img-type="l"] .thumb_box a .img_box img{height: 198px;}
.common-item_list .list_thumb li[data-img-type="o"] .thumb_box a .img_box {height: 307px;}
.common-item_list .list_thumb li .thumb_box a .img_box img {width:100%; min-height:initial; /* position:absolute; left:0; top:50%; transform:translateY(-50%); transition: transform 0.5s ease-out;*/ transition: transform 0.3s ease;}
.common-item_list .list_thumb li .thumb_box a:hover .img_box img {transform: scale(1.1) rotate(.001deg);}
.common-item_list .list_thumb li.is_media .thumb_box a .img_box:after{content: '';position: absolute;bottom:12px;right:12px; width: 40px;height: 40px; background: url(../images/cjNow/icon_isplay@2x.png) no-repeat center top;background-size: 40px;}
.common-item_list .list_thumb li .thumb_box .hashtag_area {/*display:flex;*/height:32px; overflow:hidden; margin-left:0.4px;}
.common-item_list .list_thumb li .thumb_box .hashtag_area span {}
.common-item_list .list_thumb li .thumb_box .hashtag_area span + span {margin-left:8px;}
.common-item_list .list_thumb li .thumb_box .hashtag_area span a {height: 38px; padding: 10px 18px; display:block; border: solid 1px #ccc; border-top-left-radius: 8px; border-bottom-right-radius: 8px; color: #000; line-height: 1.2; font-weight:400; box-sizing: border-box; transition: all 0.2s ease-out; color: #000; font-size: 14px;}
.common-item_list .list_thumb li .thumb_box .hashtag_area span a:hover,
.common-item_list .list_thumb li .thumb_box .hashtag_area span a:focus,
.common-item_list .list_thumb li .thumb_box .hashtag_area span a:active {background-color:#000; color:#fff; transition: all 0.2s ease-out;}
.common-item_list .list_thumb li .thumb_box .list_title {max-height:56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; line-height: 1.56; color: #000000; margin: 14px 0; font-weight:400;}
.common-item_list .list_thumb.col-2 li {justify-content:flex-start;}
.common-item_list.is-slider .bx-wrapper .bx-controls-direction a {width:48px; height:48px; box-sizing: border-box; top:124px; margin-top:0;}
.common-item_list.is-slider .bx-wrapper .bx-controls-direction a:hover,
.common-item_list.is-slider .bx-wrapper .bx-controls-direction a:focus {}

.nicescroll-rails {display:none; z-index:10000 !important; opacity:0;}
.nicescroll-rails .nicescroll-cursors {opacity:0.5;}

.common-select {position:relative; z-index:1;}
.common-select > label {margin-bottom:8px; display:block;}
.common-select .selectric-wrapper {position: relative;cursor: pointer;}
.common-select .selectric-responsive {width: 100%;}
.common-select .selectric {height:48px;border: 1px solid #ccc;position: relative;box-sizing: border-box;}
.common-select.xlarge .selectric {height:64px;}
.common-select.medium .selectric {height:40px;}
.common-select.small .selectric {height:32px;}
.common-select .selectric .label {box-sizing: border-box; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 16px; font-size: 16px; line-height: 48px; color: #333; height: 48px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.common-select.is-error .selectric .label {margin: 0 70px 0 16px;}
.common-select.is-error.medium .selectric .label,
.common-select.is-error.small .selectric .label {margin: 0 60px 0 16px;}
.common-select.is-error .selectric .label:before {content:''; width:24px; height:24px; display:block; position:absolute; right:46px; top:50%; margin-top:-12px; background:url(../images/common/guide/icon-24-px-error@2x.png) 0 0 no-repeat; background-size:100%;}
.common-select.is-error.medium .selectric .label:before,
.common-select.is-error.small .selectric .label:before {width:20px; height:20px; right:40px; margin-top:-10px; background-image:url(../images/common/guide/icon-20-px-error@2x.png)}

.common-select.xlarge .selectric .label {height:64px; line-height:64px;}
.common-select.medium .selectric .label {height:40px; line-height:40px;}
.common-select.small .selectric .label {height:32px; line-height:32px;}

.common-select .selectric .button {width:24px; height:24px; position:absolute; right:16px; top:50%; margin-top:-12px; text-indent:-9999px; background:url(../images/common/guide/icon-24-px-arrow-down@2x.png) 0 0 no-repeat; background-size:100%;}
.common-select .selectric-open .selectric .button {background-image:url(../images/common/guide/icon-24-px-arrow-up@2x.png)}
.common-select.medium .selectric .button,
.common-select.small .selectric .button {width:20px; height:20px; margin-top:-10px; background-image:url(../images/common/guide/icon-20-px-arrow-down@2x.png)}
.common-select.medium .selectric-open .selectric .button,
.common-select.small .selectric-open .selectric .button {background-image:url(../images/common/guide/icon-20-px-arrow-up@2x.png)}
.common-select .selectric-focus .selectric {border-color: #ccc;}
.common-select .selectric-hover .selectric {border-color:transparent; outline:2px solid #0063cd;}
.common-select .selectric-hover .selectric .button {color: #a2a2a2;}
.common-select .selectric-hover .selectric .button:after {border-top-color: #a2a2a2;}
.common-select .selectric-open {z-index: 9999;}
.common-select .selectric-open .selectric {border-color: #c4c4c4;}
.common-select .selectric-wrapper.selectric-open.selectric-hover .selectric {outline:0 !important;}
.common-select .selectric-open .selectric-items {display: block; border-color:#006ecd;}
.common-select .selectric-disabled {background-color:#f2f2f2; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.common-select .selectric-disabled .selectric .label {color:#bfbfbf;}
.common-select .selectric-disabled .selectric .button {opacity:0.3}
.common-select.is-read-only .selectric {position:relative;background-color:#f2f2f2; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.common-select.is-read-only:before {content:''; width:100%; height:calc(100% + 1px); display:block; position:absolute; left:0; top:0; background-color:transparent; z-index:1;}
.common-select.is-read-only .selectric .label {color:#333;}
.common-select.is-read-only .selectric .button {opacity:0.3;}
.common-select .selectric-hide-select {position: relative; overflow: hidden; width: 0; height: 0;}
.common-select .selectric-hide-select select {position: absolute; left: -100%;}
.common-select .selectric-hide-select.selectric-is-native {position: absolute; width: 100%; height: 100%; z-index: 10;}
.common-select .selectric-hide-select.selectric-is-native select {position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0;}
.common-select .selectric-input {position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important;}
.common-select .selectric-temp-show {position: absolute !important; visibility: hidden !important;display: block !important;}
.common-select .selectric-items {display: none; position: absolute; top: calc(100% - 1px); left: 0; border: 1px solid #ccc; /* z-index: -1; */ background-color:#fff; z-index:1;/* box-shadow: 0 0 10px -6px; */}
.common-select .selectric-items .selectric-scroll {height: 100%;overflow: auto;}
.common-select .selectric-above .selectric-items {top: auto; bottom: 100%;}
.common-select.selectric-items ul, .common-select .selectric-items li {list-style: none; padding: 0; margin: 0; font-size: 16px; line-height: 26px; min-height: 20px;}
.common-select .selectric-items li {position:relative; display: block; padding: 11px 16px; color: #333; cursor: pointer; }
.common-select.xlarge .selectric-items li {padding:19px 16px;}
.common-select.medium .selectric-items li {padding:7px 16px;}
.common-select.small .selectric-items li {padding:3px 16px;}
.common-select .selectric-items li:before {content:''; width:calc(100% - 32px); height:1px; display:block; position:absolute; left:16px; top:0; background-color:#ccc;}
.common-select .selectric-items li:first-child {border-top:0;}
.common-select .selectric-items li:first-child:before {display:none;}
.common-select .selectric-items li.selected {padding-right:40px; color:#006ecd;}
.common-select .selectric-items li.selected:after {content:''; width:24px; height:24px; display:block; position:absolute; right:16px; top:50%; margin-top:-12px; background:url(../images/common/guide/icon-24-px-check@2x.png) 0 0 no-repeat; background-size:100%;}
/*.common-select .selectric-items li.highlighted {background-color:#F7F7F7;}*/
.common-select.medium .selectric-items li.selected:after,
.common-select.small .selectric-items li.selected:after {width:20px; height:20px; margin-top:-10px; background-image:url(../images/common/guide/icon-20-px-check@2x.png)}
.common-select .selectric-items li:hover {background: #f7f7f7;}
.common-select .selectric-items .disabled {filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.common-select .selectric-items .selectric-group .selectric-group-label {font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444;}
.common-select .selectric-items .selectric-group.disabled li {filter: alpha(opacity=100);opacity: 1;}
.common-select .selectric-items .selectric-group li {padding-left: 25px;}
.common-select.is-error .selectric {border-color:#d6131b;}
.common-select.is-error .selectric-hover .selectric {border-color:transparent;}
.common-select.is-error .selectric-open .selectric {border-color: #d6131b;}
.common-select .common-select_msg {display:none; margin-top:4px; font-size:13px; color:#d6131b; font-weight:400;}
.common-select.is-error .common-select_msg {display:block;}

@media screen and (max-width: 1200px) {

}