/* CSS Document */

  /* コンテンツ幅 フル */
  .contentsInr {
    width: auto;
    padding: 0px;
  }

  /* コンテンツ幅 950px */
  .contentsInr .contentsUnit {
    padding: 0 10px;
  }

  .contentsInr .contentsMain .contentsUnit {
    padding: 0;
  }

  @media all and (min-width:740px) {

    .contentsInr .contentsUnit,
    .contentsInr .contentsMain {
      width: 950px;
      padding: 0px;
      margin: 0 auto;
    }
  }

  /* ヒーローイメージ */
  .heroimgWrap {
    background-color: #feeb99;
  }

  .heroimgWrap .bxslider li {
    text-align: center;
  }

  .heroimgWrap .bxslider li img {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
  }

  /* 画像 */
  img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .content_area {
    padding: 60px 0;
  }
  #content_area_top {
    padding: 30px 0 60px ;
  }
  .content_ttl {
    text-align: center;
  }

  .content_ttl img {
    width: 96%;
    margin: 0 auto;
  }

  /* Pickup */
  .pickup_area {
    background-color: #fffcf5;
  }

  .pickup_area .pickup_ttl img {
    max-width: 213px;
  }

  /* About */
  .about_area {
    background-color: #fcf7d7;
  }

  .about_area .about_ttl img {
    max-width: 700px;
  }

  /* tokuten_area */
  .tokuten_area {
    background-color: #ffffff;
    padding: 30px 50px;
    border-radius: 20px;
  }

  /* step_area */
  .step_area {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: solid 2px #625632;
    position: relative;
  }

  dd.tel::after {
    content: "（有料）";
    display: inline-block;
    font-size: 0.8em;
    color: #000000;
  }

  .tokuten_area,
  #step_area,
  #clm_dc {
    margin: 0 auto;
  }

  #step_area .imgParts div {
    text-align: center;
  }

  #step_area .fl_ttl .imgParts div img {
    max-width: 478px;
    height: auto;
    margin: 0 auto;
  }

  #step_area .imgParts div img {
    max-width: 311px;
    height: auto;
    margin: 0 auto;
  }

  .btnBox.widM {
    text-align: center;
  }

  .btnBox.widM .btn {
    margin: 0 auto;
  }

  #bonus_12 div {
    text-align: center;
  }

  #bonus_12 img {
    max-width: 480px;
    height: auto;
    margin: 0 auto;
  }

  @media all and (min-width:781px) {
    .step_ttl {
      margin-top: -115px;
    }

    .for_sp {
      display: none;
    }

    .mgtXXL {
      margin-top: 80px !important;
    }
  }

  @media all and (max-width:780px) {
    .step_ttl {
      margin-bottom: 30px;
    }

    .for_pc {
      display: none !important;
    }

    .mgtXXL {
      margin-top: 60px !important;
    }

    .clm_1_2col.colWrap .col:last-child {
      margin-top: 30px;
    }
  }

  /* JS_tcoContent */
  .JS_tcoContent {
    background-color: #ffffff;
    padding: 30px 20px;
    border-radius: 10px;
  }

  .JS_tcoContent .ttlLv2 {
    padding-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  @media all and (min-width:740px) {
    .clm_1_3col.colWrap .col {
      width: calc(100% / 3.2);
    }
  }

  /* letter_area */

  @media all and (min-width:740px) {

    .letter_area .clm_1_2col.colWrap .col:nth-child(odd) {
      width: calc(70% - 15px);
    }

    .letter_area .clm_1_2col.colWrap .col:nth-child(even) {
      width: calc(30% - 15px);
    }
  }

  /* ぶち抜き 背景色 */
  .bgc-yellow {
    background-color: #fff6ce;
    padding-bottom: 40px;
  }

  .bgc-green {
    background-color: #ebf7ca;
    padding-bottom: 40px;
  }

  .bgc-blue {
    background-color: #d0ebf5;
    padding-bottom: 40px;
  }

  .bgc-pink {
    background-color: #fbe3e7;
    padding-bottom: 40px;
  }



  /* カルーセル */
  .carousel {
    position: relative;
    width: 100%;
    height: 295px;
    position: relative;
    margin: 40px auto 25px;
  }

  .carousel-navigator {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }

  .carousel-navigator li a {
    cursor: pointer;
    position: absolute;
    top: 77px;
    right: 0;
    display: block;
    width: 18px;
    height: 29px;
  }

  .carousel-navigator li:first-child a {
    left: 0;
    right: auto;
  }

  .carousel-category-label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    z-index: 10;
    padding: 0 20px;
  }

  .carousel-item-container {
    position: absolute;
    top: 0;
    left: 40px;
    width: 870px;
    height: 100%;
  }

  .carousel-item-container li {
    width: 280px;
    height: 295px;
    float: left;
    display: inline;
    margin-left: 15px;
    position: relative;
  }

  .carousel-items {
    position: absolute;
    top: 0;
    left: 40px;
    width: 830px;
  }

  .carousel-item {
    width: 280px;
    height: 295px;
    float: left;
    display: inline;
    margin-left: 0;
  }

  .carousel-item .l-parts {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 0 solid #fff;
    width: 270px;
    height: 170px;
    z-index: 5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-transition: all 180ms linear;
    -o-transition: all 180ms linear;
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
  }

  .carousel-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(/commonY15/img/carousel/bg.png);
    background-repeat: no-repeat;
    background-position: left 2px;
  }

  .carousel-item a:hover .l-parts {
    visibility: visible;
    border: 10px solid #fff;
    width: 250px;
    height: 150px;
  }

  .carousel-item img {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .carousel-item .inr {
    padding-top: 20px;
  }
  .carousel-item .inr h4 span {
    font-size: 0.8em;
  }
  .carousel-item .inr .icon {
    padding-top: 8px;
  }
  .carousel-item .inr .icon span {
    display: inline-block;
    padding: 6px;
    margin: 0 0 0 10px;
    border: solid 1px #cccccc;
    border-radius: 6px;
    line-height: 1.0;
  }
  .carousel-item .inr .btn02{
    padding-top: 10px;
  }
  
  .carousel-item .inr .btn02 a {
    display: inline-block;
    padding: 12px;
    line-height: 1.0;
    border-radius: 6px;
    background: #efefef;
    text-align: center;
  }
  .carousel-item .inr .btn02 a::before {
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 3px #525252;
  border-right: solid 3px #525252;
  position: absolute;
  right: 15px;
  top: 15px;
  transform: rotate(45deg);
  }

  .carousel-item01 .carousel-category-label {
    background: #b81235;
  }

  .carousel-item02 .carousel-category-label {
    background: #125ea5;
  }

  .carousel-item03 .carousel-category-label {
    background: #7a491a;
  }

  .carousel-item04 .carousel-category-label {
    background: #6512a5;
  }

  .carousel-item05 .carousel-category-label {
    background: #087f8a;
  }
  .carousel-item a {
    background-image: none;
  }
  .carousel-item .image {
    padding-top: 2px;
  }

  .carousel-item img {
    position: static;
  }

  .carousel-items {
    position: absolute;
    top: 0;
  }

  .carousel-item-container {
    position: absolute;
    overflow: hidden;
    top: 3px;
    left: 50px;
    width: 860px;
    height: 198px;
  }

  .carousel-item-container li {
    position: relative;
    display: inline;
    float: left;
    margin-left: 11px;
    width: 279px;
    height: 198px;
  }

  .carousel-item-container li:first-child {
    margin-left: 0;
  }

  .carousel-item-container li img {
    border: 1px solid #e7e7e7;
  }

  .carousel-navigator {
    width: 100%;
  }

  .carousel-navigator li {
    display: inline;
  }

  .carousel-navigator li a {
    cursor: pointer;
    display: block;
    height: 29px;
    width: 18px;
    position: absolute;
    right: 0;
  }

  .carousel-navigator li:first-child a {
    left: 0;
    right: auto;
  }

  .carousel-pager {
    position: absolute;
    left: 50%;
    margin-left: -78px;
    height: 5px;
    width: 155px;
    z-index: 20;
    bottom: 8px;
  }

  .carousel-pager li {
    display: inline;
  }

  .carousel-pager li:first-child a {
    margin-left: 0;
  }

  .carousel-pager a {
    background-color: #eee;
    display: inline;
    float: left;
    height: 5px;
    margin-left: 10px;
    width: 45px;
  }

  .carousel-pager a.is-active {
    background-color: #b10000;
  }

  .carousel-text {
    display: block;
    line-height: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 0 20px;
    color: #fff;
    background: #333;
  }

  .ctm_iconTxt_CP {
    position: absolute;
    padding: 3px 12px;
    margin: 0 0 0 182px;
  }

  .ctm_iconTxt_NEW {
    position: absolute;
    padding: 3px 7px 3px 12px;
    margin: 0 0 0 219px;
  }

  .clm_1_3col.colWrap .col:nth-of-type(n+4) {
    margin-top: 30px;
  }

  @media all and (max-width:739px) {
    .carousel {
      height: 82vw;
    }

    .carousel-item-container {
      left: 5%;
      width: 90%;
      height: 100%;
    }

    .carousel-items {
      left: 5%;
      width: 90%;
      height: 100%;
    }

    .carousel-item {
      left: 5%;
      width: 90%;
      height: 100%;
    }

    .ctm_iconTxt_CP {
      right: 21px;
    }

    .ctm_iconTxt_NEW {
      right: 21px;
    }

    .clm_1_3col.colWrap .col:nth-of-type(n+2) {
      margin-top: 24px;
    }
  }
	@media screen and (min-width: 768px) {
		.partner-list_item{max-width:calc( 100% / 3 - 25px);}
	}