@charset "UTF-8";
/*$cp-base-collor: #fcee91;キャンペーン色を一括定義*/
/*$cp-info-collor: #6b2101;キャンペーン色を一括定義*/
/*-- campaign共通 --*/
.Fv {
  background: #f6e5c8;
}
.Fv img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

#campaign-area .cap2 img {
  width: 100%;
  max-width: 750px;
  vertical-align: top;
}
#campaign-area .cp {
  box-sizing: border-box;
  border: 2px solid #6b2101;
  border-radius: 10px;
  width: 100%;
  margin: 10px auto 0;
}
#campaign-area .cp .cp-main > div > .note {
  margin: 10px;
}
#campaign-area .cp .cp-main .cp-title img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
#campaign-area .cp .cp-main .cp-title p:nth-of-type(3) {
  margin: 10px;
}
#campaign-area .cp .cp-main .cp-title br {
  display: none;
}
#campaign-area .cp .cp-main .cp-item {
  position: relative;
  padding: 20px;
}
#campaign-area .cp .cp-main .cp-item .cp-item-img {
  flex-basis: 50%;
}
#campaign-area .cp .cp-main .cp-item .cp-item-img img {
  width: 100%;
}
#campaign-area .cp .cp-main .cp-item .cp-item-img:nth-of-type(2) {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}
#campaign-area .cp .cp-main .cp-item .cp-icon-or {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 47%;
  width: 10%;
}
#campaign-area .cp .cp-main .cp-item .cp-icon-or img {
  width: 100%;
  max-width: 100px;
}
@media screen and (min-width: 520px) {
  #campaign-area .cp {
    max-width: 1000px;
  }
  #campaign-area .cp .cp-main > div > .note {
    margin: 20px;
  }
  #campaign-area .cp .cp-main .cp-title p:nth-of-type(3) {
    margin: 0 20px 20px;
  }
  #campaign-area .cp .cp-main .cp-title br {
    display: block;
  }
  #campaign-area .cp .cp-main .cp-item {
    position: relative;
    display: flex;
    justify-content: space-around;
    padding: 30px 10px;
  }
  #campaign-area .cp .cp-main .cp-item .cp-item-img {
    flex-basis: 440px;
    margin: 0 10px;
  }
  #campaign-area .cp .cp-main .cp-item .cp-item-img:nth-of-type(2) {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
  #campaign-area .cp .cp-main .cp-item .cp-icon-or {
    width: 6%;
  }
  #campaign-area .cp .cp-main .cp-item:before {
    position: absolute;
    /*--positionを追加--*/
    top: 0;
    right: 49%;
    margin: 0 1rem;
    content: "";
    width: 1px;
    /*--縦線の太さ(幅)--*/
    height: 100%;
    background-color: #ccc;
    /*--縦線の色--*/
  }
}

.campaign-info .info-ttl {
  background: #6b2101;
  color: #fff;
}
.campaign-info .info-cont {
  border: 1px solid #6b2101;
}
.campaign-info .info-cont > .info-txt:not(:last-child) {
  border-bottom: 1px solid #6b2101;
}

/*========== ページごとの個別設定は以下に追加 ==========*/
/*-- /inc/campaign/fv_tv.html --*/
/*-- /inc/campaign/campaign.html --*/
.fv_tv {
  text-align: center;
  margin: 0 auto 5px;
}
.fv_tv .fv_mainvisual {
  background: #f6e5c8;
}
.fv_tv .fv_mainvisual .fv_logo {
  display: none;
}
.fv_tv .fv_mainvisual h1 img {
  width: 100%;
  vertical-align: bottom;
}
@media screen and (min-width: 520px) {
  .fv_tv {
    /*background:
    	url(/clp/inc/campaign/img/tv/fv_mainview_bg2.png) no-repeat center top,
    	url(/clp/inc/campaign/img/tv/fv_mainview_bg3.png) repeat center top;*/
  }
  .fv_tv .fv_mainvisual {
    background: url("../img/base/fv_mainview_bg.png") center center repeat, #7cc06c;
 //   background-size: cover;
    display: block;
    position: relative;
  }
  .fv_tv .fv_mainvisual .fv_logo {
    display: block;
    position: absolute;
    z-index: 10;
    max-width: 100px;
    right: 0;
  }
  .fv_tv .fv_mainvisual .fv_logo img {
    width: 100%;
  }
  .fv_tv .fv_mainvisual h1 {
    text-align: center;
  }
  .fv_tv .fv_mainvisual h1 img {
    width: 100%;
//    max-width: 1200px;
  }
  .fv_tv .fv_txt {
    background: #000849;
    color: #fff;
    padding: 15px;
  }
  .fv_tv .fv_txt span {
    font-size: 2rem;
    font-weight: bold;
  }
}
@media screen and (min-width: 1200px) {
  .fv_tv .fv_mainvisual {
    /*h1{
    	img{
    		width: 100%;
    		max-width: 1400px;
    		height: 100%;
    		max-height: 700px;
    	}
    }*/
  }
  .fv_tv .fv_mainvisual .fv_logo {
    display: block;
    position: absolute;
    z-index: 10;
    max-width: 150px;
    right: 0;
  }
  .fv_tv .fv_mainvisual .fv_logo img {
    width: 100%;
  }
}

.campaign .cp {
//  background: #f8f6c1;
}

/*-- /inc/campaign/fv_rakuten.html --*/
/*-- /inc/campaign/campaign_rakuten.html --*/
.fv_rakuten {
  background: #a7dce6;
  width: 100%;
  text-align: center;
  margin: 0 auto 5px;
}
.fv_rakuten .fv_mainvisual .fv_logo {
  display: none;
}
.fv_rakuten .fv_mainvisual h1 img {
  width: 100%;
  vertical-align: bottom;
}
.fv_rakuten .note {
  color: #ffffff;
}
@media screen and (min-width: 520px) {
  .fv_rakuten {
    max-height: 700px;
  }
  .fv_rakuten .fv_mainvisual {
    background: url(/clp/inc/campaign/img/rakuten/rakuten_fv_mainview_bg.png) #f8f8f8 center top no-repeat;
    background-size: cover;
    display: block;
    position: relative;
  }
  .fv_rakuten .fv_mainvisual .fv_logo {
    display: block;
    position: absolute;
    z-index: 10;
    max-width: 100px;
    right: 0;
  }
  .fv_rakuten .fv_mainvisual .fv_logo img {
    width: 100%;
  }
  .fv_rakuten .fv_mainvisual h1 {
    text-align: center;
  }
  .fv_rakuten .fv_mainvisual h1 img {
    width: 100%;
    max-width: 1000px;
  }
  .fv_rakuten .fv_mainvisual .fv_mainvisual_txt {
    background: #a7dce6;
    padding: 5px 0;
  }
}
@media screen and (min-width: 1000px) {
  .fv_rakuten .fv_mainvisual .fv_logo {
    display: block;
    position: absolute;
    z-index: 10;
    max-width: 150px;
    right: 0;
  }
  .fv_rakuten .fv_mainvisual .fv_logo img {
    width: 100%;
  }
}

#campaign-area.campaign-rakuten .cp {
  background: #f6e5c8;
  padding-bottom: 15px;
}
#campaign-area.campaign-rakuten .cp .cp-main .cp-item {
  padding: 0 10px;
}
#campaign-area.campaign-rakuten .cp .cp-main .cp-item p img {
  width: 100%;
  max-width: 960px;
  border-radius: 5px;
}
#campaign-area.campaign-rakuten .cp .cp-main .cp-item:before {
  display: none;
}
#campaign-area.campaign-rakuten .font-s {
  padding: 0 30px;
}
@media screen and (max-width: 519px) {
  #campaign-area.campaign-rakuten .font-s {
    padding: 0 10px;
  }
}

/*--- /clp/ktry(uikit) ---*/
.campaign-ktry .cp-main {
  border: 2px solid #6b2101;
  border-radius: 10px;
}
.campaign-ktry .cp-main .cp-box {
  position: relative;
}
.campaign-ktry .cp-main .cp-box .cp-item img {
  border-radius: 10px;
}
.campaign-ktry .cp-main .cp-box .cp-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*-- tv 共通キャンペーン --*/
.tv-info > .info-ttl, .tv-info .InfoTit, .tv_info > .info-ttl, .tv_info .InfoTit {
  background: #6b2101;
  color: #ffffff;
}
.tv-info > .info-cont, .tv-info .InfoCont, .tv_info > .info-cont, .tv_info .InfoCont {
  border: 1px solid #6b2101;
}
.tv-info > .info-cont > .info-txt:not(:last-child), .tv-info .InfoCont > .info-txt:not(:last-child), .tv_info > .info-cont > .info-txt:not(:last-child), .tv_info .InfoCont > .info-txt:not(:last-child) {
  border-bottom: 1px solid #6b2101;
}
.tv-info > .info-cont > .InfoTxt:not(:last-child), .tv-info .InfoCont > .InfoTxt:not(:last-child), .tv_info > .info-cont > .InfoTxt:not(:last-child), .tv_info .InfoCont > .InfoTxt:not(:last-child) {
  border-bottom: 1px solid #6b2101;
}

/* -- tv/md1 ミズコム -- */
.md1-info > .info-ttl, .md1-info .InfoTit {
  background: #bf0000;
  color: #ffffff;
}
.md1-info > .info-cont, .md1-info .InfoCont {
  border: 1px solid #bf0000;
}
.md1-info > .info-cont > .info-txt:not(:last-child), .md1-info .InfoCont > .info-txt:not(:last-child) {
  border-bottom: 1px solid #bf0000;
}
.md1-info > .info-cont > .InfoTxt:not(:last-child), .md1-info .InfoCont > .InfoTxt:not(:last-child) {
  border-bottom: 1px solid #bf0000;
}

/*-- tv/ks1 クラシノ --*/
.ks1_cont .campaign_limit {
  font-weight: bold;
  padding-bottom: 15px;
  color: #b01414;
}
@media screen and (min-width: 650px) {
  .ks1_cont .campaign_limit {
    text-align: center;
    font-size: 2rem;
  }
}

/*-- kosodate系 --*/
.iw-kosodate-caution-box {
  height: 15em;
  overflow: scroll;
  border: #333 1px solid;
  background: #fff;
}

/*-- tv Wチャンス 220830〜220920
.fv_tv{
	.fv_wchance{
		img{
			width: 100%;
			max-width: 1200px;
		}
	}
}
.campaign{
	.wchance{
		img{
			width: 100%;
		}
	}
} --*/
/*-- kosodate Wチャンス 220830〜220920 --*/