@charset "utf-8";
/* 「学生特集」 TOP専用CSS【PC/SP】 */
/* == ★ PC ★ ===============*/
@media (min-width:861px) {
  #area_kix .ttn__list.second {
    width: 654px;
    height: 310px;
    padding-bottom: 10px;
  }
/*    #area_kix .ttn__list.third:last-of-type {
        height: 310px;
    }*/
	
	/*#area_kix .movie__youtube{
	    width: 450px;
	}
	#area_kix .movie-list{
		display: flex;
    	flex-wrap: wrap;
	    justify-content: center;
	}
	#area_kix .movie-list li{
		width: 450px;
    	margin: 0 20px;
	}*/
}

/* == ★ SP ★ ===============*/
@media (max-width:860px) {
	/*	#area_kix .movie-list li{
		margin-top: 20px;
	}*/
}



/*--------------モーダル--------------------*/
#area_kix .modal-open-1 .ttn__item,
#area_kix .modal-open-2 .ttn__item {
    position: relative;
}
#area_kix .modal-open-1 .ttn__item::after,
#area_kix .modal-open-2 .ttn__item::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 min(calc(20vw / 7.5), 20px) min(calc(20vw / 7.5), 20px);
    border-color: transparent transparent #001f57 transparent;
    position: absolute;
    bottom: 3px;
    right: 4px;
}

.kix #modal-content-1,
.kix #modal-content-2{
    position:fixed;
    top: 20px;
    left: 0;
    right: 0;
    width: 992px;
	margin: auto;
	background: #fff ;
    display: none;
	z-index: 20;
    overflow-y: auto;
    max-height: 95vh;
}

#modal-overlay.kix {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.3 ) ;
}
.kix .button-link-close {
    width: 100px;
    display: block;
    margin: 20px auto;
    background-color: #333;
    color: #fff;
    padding: 7px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
}
.kix .button-link-close:hover {
	cursor: pointer ;
	color: #fff;
}
.kix .modal-open-1,
.kix .modal-open-2{
    cursor:pointer;
}
.kix .modal-open-1 img:hover,
.kix .modal-open-2 img:hover{
    opacity: 0.5;
    transition: all 0.4s ease;
}

/*----------------中身-----------------------*/
.kix .item-headline{
  background: #ff6600;
  font-size: 36px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
}
.kix .content-box{
  background: #FFF;
  border: 6px solid;
  border-color: #ff6600;
  border-top: none;
  padding: 20px;
}
.kix .catch{
  font-size: 24px;
  font-weight: bold;
  color: #3f2401;
  display: block;
}
.kix .title-main {
    font-size:42px;
    font-weight: bold;
    color: #3f2401;
    background: linear-gradient(transparent 70%, #ffff00 70%);
}
.kix .item-period {
    font-size: 24px;
    font-weight: bold;
    color: #e43347;
    margin-top: 4px;
}
.kix .item-main {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 4px dashed;
    border-color: #ff6600;
    text-align: center;
}
.kix .copy-txt {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.kix .coupon-wrapper {
    display: flex;
    margin: 0 auto 10px;
    flex-wrap: wrap;
}
.kix .coupon-item {
    width: calc((100% - 10px) / 2);
    text-align: center;
    border: 2px dashed #3f2401;
    padding: 10px;
    flex-grow: 1;
    background: #FFEFE5;
}
.kix .coupon-item:nth-child(even){
  margin-left: 10px;
}
.kix .coupon-item:nth-child(n+3){
  margin-top: 10px;
}
.kix .coupon-name{
  font-size: 18px;
  font-weight: bold;
  color: #3f2401;
}
.kix .coupon-price{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #EB3228;
  line-height: 1.2;
  letter-spacing: -0.05em
}
.kix .price-L{
  font-size: 60px;
}
.kix .price-S{
  font-size: 50%;
}
.kix .coupon-condition{
  font-size: 14px;
}
.kix .coupon-item input {
  width: 100%;
  border: 2px solid;
  padding: 1rem;
  font-size: 28px;  
  font-weight: bold;
  text-align: center;
  color: #3f2401;
  margin: 0 auto 10px;
  display: block;
  word-break: break-all;
}
.kix .coupon-item button {
  font-size: 15px;
  text-align: center;
  color: #FFF;
  border: none;
  border-radius: 10px;
  line-height: 48px;
  padding: 0 8px;
  background: #666
}
.kix .item-disp{
  background: #F2F2F2;
  padding: 10px;
}
.kix .item-detail+.item-detail{
  margin-top: 10px;
}
.kix .item-sub{
  font-size: 16px;
  font-weight: bold;
  padding-left: 1.2em;
  position: relative;
}
.kix .item-sub::before{
  content: "◆";
  position: absolute;
  top: 0;
  left: 0
}
.item-txt>li{
  font-weight: bold;
  position: relative;
}
.kix .notice-txt{
  display: block;
  position: relative;
  padding-left: 1.0em
}
.kix .notice-txt::before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.kix .item-txt>li::before{
  position: absolute;
  top: 0;
  left: 0;
}
.kix .dot,
.kix .item-txt.note>li{
  padding-left: 1.0em
}
.kix .dot::before,
.kix .item-txt.note>li::before{
  content: "・";
}
.kix .sub-item-txt>li{
  font-weight: bold;
  padding-left: 0.5em;
}


@media (max-width:860px) {
    /*--------------モーダル--------------------*/
    #area_kix .modal-open-1 .ttn__item::after,
    #area_kix .modal-open-2 .ttn__item::after{
        bottom: 0;
        right: 0;
    }
    .kix #modal-content-1,
    .kix #modal-content-2{
        width: 94vw;
        max-height: 90vh;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .kix .button-link-close {
        font-size: 4.0vw;
        width: 20vw;
    }
    /*----------------中身-----------------------*/
    .kix .item-headline{
      font-size: calc(48vw / 7.5);
    }
    .kix .content-box{
      border: calc(8vw / 7.5) solid;
       padding: calc(16vw / 7.5);
        border-color: #ff6600;
    }
    .kix .catch{
          font-size: calc(28vw / 7.5);
    }
    .kix .title-main {
          font-size: calc(42vw / 7.5);
          font-weight: bold;
          background: linear-gradient(transparent 70%, #ffff00 70%);
    }
    .kix .item-period {
        font-size: calc(24vw / 7.5);
        margin-top: calc(10vw / 7.5);
        letter-spacing: -0.08em;
    }
    .kix .item-main {
          margin-bottom: calc(20vw / 7.5);
          padding-bottom: calc(10vw / 7.5);
          border-bottom: calc(4vw / 7.5) dashed;
    }
    .kix .copy-txt {
            font-size: calc(24vw / 7.5);
            margin-bottom: calc(10vw / 7.5);
    }
    .kix .coupon-wrapper {
          margin: 0 auto calc(30vw / 7.5);
          justify-content: center;
    }
    .kix .coupon-item {
            width: 100%;
            padding: calc(20vw / 7.5);
    }
    .kix .coupon-item:nth-child(even){
      margin-left: 0;
    }
    .kix .coupon-item:nth-child(n+3){
      margin-top: 0;
    }
    .kix .coupon-item+.coupon-item{
      margin-top: calc(20vw / 7.5);
    }
    .kix .coupon-name{
          font-size: calc(26vw / 7.5);
    }
    .kix .coupon-price{
      font-size: calc(26vw / 7.5);
    }
    .kix .price-L{
      font-size: calc(60vw / 7.5);
    }
    .kix .coupon-condition{
      font-size: calc(24vw / 7.5);
    }
    .kix .coupon-item input {
      border: calc(4vw / 7.5) solid;
      font-size: calc(38vw / 7.5); 
      margin: 0 auto calc(20vw / 7.5);
    }
    .kix .coupon-item button {
        font-size: calc(30vw / 7.5);
        border-radius: calc(20vw / 7.5);
        line-height: calc(80vw / 7.5);
        padding: 0 calc(16vw / 7.5);
    }
    .kix .item-disp{
            padding: calc(16vw / 7.5);
    }
    .kix .item-detail+.item-detail{
            margin-top: calc(10vw / 7.5);
    }
    .kix .item-sub{
          font-size: calc(24vw / 7.5);
          font-weight: bold;
          padding-left: 1.2em;
          position: relative;
    }
    .item-txt>li{
          font-size: calc(24vw / 7.5);
    }
	#searchApp {padding-top: 0;}
}