/* CSS Document */

#cebu_tokuten.content {width: 1140px; margin: 0 auto; padding: 0; background: #fff;z-index: 2;position: relative;}
#cebu_tokuten.content * {font-size: 15px; color: #000;}
#cebu_tokuten p ,#cebu_tokuten span ,#cebu_tokuten a {line-height: 180%;}



#cebu_tokuten img {width: 100%;}
#cebu_tokuten .c_inner {width: 1040px; margin: 0 auto;}
#cebu_tokuten .fl_l {float: left; display: inline;}
#cebu_tokuten .fl_r {float: right; display: inline;}

#cebu_tokuten .marker_pink {background:linear-gradient(transparent 60%, #ffc8f0 0%) ;}
#cebu_tokuten .co_pink { color: #eb1e78; font-weight: bold;}
#cebu_tokuten .tit_01 { border-top: solid 3px #000; border-bottom: solid 3px #000; background: url(../images/tit_icon_hand.png) no-repeat 10px center; text-align: center; width: 100%; height: 110px; margin-bottom: 30px; position: relative;}

#cebu_tokuten .tit_01 span {background:linear-gradient(transparent 60%, #fff554 0%) ; font-size: 48px; font-weight: bold;  display: inline-block; padding-bottom: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 1; width: 630px;}

#cebu_tokuten .visual {margin-bottom: 30px;}



#cebu_tokuten .page_nav {padding: 25px 0 0; }
#cebu_tokuten .page_nav ul li {width:510px; height: 80px; margin-right: 20px; float: left; display: inline;}
#cebu_tokuten .page_nav ul li:nth-child(2n) {margin-right: 0;}
#cebu_tokuten .page_nav ul li a {display: block; width: 100%; height: 100%; background: url(../images/btn_bg.png); text-align: center; position: relative;}
#cebu_tokuten .page_nav ul li a:after {content: ""; background: url(../images/arrow_down.png) no-repeat center; display: block; width: 28px; height: 100%; background-size: 100%; position: absolute; right: 25px; top: 0;}
#cebu_tokuten .page_nav ul li a span {display: block; width: 100%; position: absolute; top: 50%; transform: translate(0,-50%); color: #fff; font-size: 22px; font-weight: bold;}
#cebu_tokuten .page_nav .note {padding:50px 0; }
#cebu_tokuten .page_nav .note p ,
#cebu_tokuten .page_nav .note p span{font-size: 20px; font-weight: bold; text-align: center;}

.content_wrapper {overflow: hidden; position: relative; background: #f5f3eb; z-index: 10; /*border-top: 3px solid #222;*/}
.content_wrapper .content_bg {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1800px;
    height: 126px;
    margin: 0 0 0 -900px;
    background: url(../images/content_bg.png) center bottom no-repeat;
}
@media (max-width:1160px) {
  #cebu_tokuten.content {width: 100%;}
  #cebu_tokuten .fl_l ,
  #cebu_tokuten .fl_r {float: none; display: block;}
  #cebu_tokuten .c_inner {width: 96%; margin: 0 auto;}
  #cebu_tokuten .tit_01 span {font-size: 38px; width: 500px;}
  #cebu_tokuten .page_nav ul li {width: 49%; margin-right: 2%;}
  #cebu_tokuten .page_nav ul li a:after {width: 3vw; right: 3.125vw;}
  #cebu_tokuten .page_nav ul li a span {font-size: 2.4vw;}
  #cebu_tokuten .page_nav .note p {text-align: left;}


}

@media (max-width:767px) {
  #cebu_tokuten .visual {margin-bottom: 3.125vw;}

  #cebu_tokuten.content {width: 100%;}
  #cebu_tokuten .c_inner {width: 90%; margin: 0 auto;}


  #cebu_tokuten .page_nav {padding: 4.6875vw 0 0;}
  #cebu_tokuten .page_nav ul li {width:100%; height: 12.5vw; float: none; margin: 0 0 10px; display: block;}
  #cebu_tokuten .page_nav ul li a:after {width: 20px; right: 3.125vw;}
  #cebu_tokuten .page_nav ul li a span {font-size: 18px;}
  #cebu_tokuten .page_nav .note {padding: 3.90vw 0 10.93vw;}
  #cebu_tokuten .page_nav .note p ,
  #cebu_tokuten .page_nav .note p span {font-size: 18px;}

  #cebu_tokuten .tit_01 { background: url(../images/tit_icon_hand.png) no-repeat 1.5vw center; background-size: 6.24vw;  height: auto; position: static; padding: 4vw 0 3.124vw;}

  #cebu_tokuten .tit_01 span {font-size: 4.6875vw; width:auto; position: static; transform: translate(0,0); }



}




#cebu_tokuten #tokuten ,
#cebu_tokuten #op_tour {padding-bottom:70px; }

#cebu_tokuten .tokuten_list{display: flex;flex-wrap: wrap;justify-content: space-between;counter-reset: number 0;}
#cebu_tokuten .tokuten_list .tokuten_copy{border-bottom: 4px solid #222;padding: 15px 0;margin: 10px 33px 5px;text-align: center;font-weight: bold; font-size: 17px; display: block; position: relative;}
#cebu_tokuten .tokuten_list .tokuten_copy::before{content: "TOKUTEN";position: absolute;transform: rotate(-15deg); left: -22px; top: 4px; display: block;padding-bottom: 5px;border-bottom: 1px solid #000;font-size: 10px;}
#cebu_tokuten .tokuten_list .tokuten_copy::after{counter-increment: number 1;content: counter(number,decimal-leading-zero); font-size: 34px; font-weight: bold; position: absolute; top: 6px; left: 18px; font-family: Arial, Helvetica, "sans-serif";text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #FFF, 1px 0 0 #000, 3px 3px 0px #000; color: #FFF564;}

#cebu_tokuten .tokuten_list .no_active::before{content: ""; position: absolute;z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,0.75);}
#cebu_tokuten .tokuten_list .no_active::after{content: "この特典は休止中です";color: #fff;font-weight: bold;display: block;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 11;font-size: 20px;}
#cebu_tokuten .tokuten_list .no_active.end::after{content: "この特典は終了しました";color: #fff;font-weight: bold;display: block;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 11;font-size: 20px;}
#cebu_tokuten .tokuten_list .no_active .tokuten_copy::before,
#cebu_tokuten .tokuten_list .no_active .tokuten_copy::after{content: none;}


#cebu_tokuten .tokuten_list > li {/*width: 510px;*/flex:0 1 49%;  background: #fff; border: solid 1px #000; /*margin-right: 20px; float: left; display: inline;*/ padding-bottom: 25px; margin-bottom: 20px; position: relative;}
/*#cebu_tokuten .tokuten_list > li:nth-child(2n) {margin-right: 0;}*/
#cebu_tokuten .tokuten_list > li .pic {width: 330px; margin: 20px auto 0; position: relative;}
#cebu_tokuten .tokuten_list li .com ,
#cebu_tokuten .tokuten_list li .img ,
#cebu_tokuten .tokuten_list li .icon {position: absolute;}

#cebu_tokuten .tokuten_bord {background: url(../images/tokuten_bg.png); width: 440px; height: 100px; display: table; margin: 20px auto; }
#cebu_tokuten .tokuten_bord span  {display: table-cell; vertical-align: middle; font-size: 24px; font-weight: bold; text-align: center; line-height: 1.4;}

#cebu_tokuten .tokuten_list ul {width: 440px; margin: 0 auto;}
#cebu_tokuten .tokuten_list ul li {line-height: 1.6;}
#cebu_tokuten .tokuten_list ul li .pic {padding: 15px 0;}


#cebu_tokuten .tokuten_list .tokuten_02 ul {
    width: 440px;
    margin: 0 auto;
    padding-right: 240px;
}


/*#cebu_tokuten .tokuten_list .tokuten_01 ,
#cebu_tokuten .tokuten_list .tokuten_02 {height: 410px;}
#cebu_tokuten .tokuten_list .tokuten_03 ,
#cebu_tokuten .tokuten_list .tokuten_04 {height: 820px;}
#cebu_tokuten .tokuten_list .tokuten_07 ,
#cebu_tokuten .tokuten_list .tokuten_08 {height: 300px;}
#cebu_tokuten .tokuten_list .tokuten_11 ,
#cebu_tokuten .tokuten_list .tokuten_12 {height: 325px;}
#cebu_tokuten .tokuten_list .tokuten_13 ,
#cebu_tokuten .tokuten_list .tokuten_14 {height: 530px;}
#cebu_tokuten .tokuten_list .tokuten_15 ,
#cebu_tokuten .tokuten_list .tokuten_16 {height: 430px;}
#cebu_tokuten .tokuten_list .tokuten_17 ,
#cebu_tokuten .tokuten_list .tokuten_18 {height: 500px;}
#cebu_tokuten .tokuten_list .tokuten_19 ,
#cebu_tokuten .tokuten_list .tokuten_20 {height: 530px;}
#cebu_tokuten .tokuten_list .tokuten_21 ,
#cebu_tokuten .tokuten_list .tokuten_22 {height: 380px;}*/


#cebu_tokuten .tokuten_list .icon {top:10px; right: 5px;}

#cebu_tokuten .tokuten_list .tokuten_02 .img {    top: 165px;    right: 5px;}
#cebu_tokuten .tokuten_list .tokuten_16 .icon {top:10px; right:30px;}
#cebu_tokuten .tokuten_list .tokuten_04 .com {top:210px; right: -50px;}
#cebu_tokuten .tokuten_list .tokuten_10 .com {top:10px; right: -50px;}
#cebu_tokuten .tokuten_list .tokuten_12 .img {bottom:20px; right: 45px;}
#cebu_tokuten .tokuten_list .tokuten_15 .img {bottom:20px; right: 45px;}





#cebu_tokuten .tokuten_list .tokuten_04 .pic img,#cebu_tokuten .tokuten_list .tokuten_23 .pic img {margin-bottom: 10px;}
#cebu_tokuten .tokuten_list .tokuten_13 .pic {width: 280px;}
#cebu_tokuten .tokuten_list .tokuten_12 ul ,
#cebu_tokuten .tokuten_list .tokuten_15 ul {width: 245px;margin-left: 35px;}

#cebu_tokuten .more_btn {display: none;}



@media (min-width:769px) {
	#cebu_tokuten .tokuten_list .tokuten_02 {min-height: 400px;}
	#cebu_tokuten .tokuten_list .tokuten_04 .pic{display: flex;width: 330px;justify-content: center;}
	#cebu_tokuten .tokuten_list .tokuten_04 .pic img,#cebu_tokuten .tokuten_list .tokuten_23 .pic img{width: 100%;}
	#cebu_tokuten .tokuten_list .tokuten_04 .com {top:-10px; right: -50px;}
}
@media (max-width:1160px) {

  #cebu_tokuten .tokuten_list {width: 500px; margin: 0 auto;}

	#cebu_tokuten .tokuten_list > li{flex: 0 1 100%;}

  #cebu_tokuten .tokuten_list .tokuten_03 ,
  #cebu_tokuten .tokuten_list .tokuten_04 ,
  #cebu_tokuten .tokuten_list .tokuten_07 ,
  #cebu_tokuten .tokuten_list .tokuten_08 ,
  #cebu_tokuten .tokuten_list .tokuten_11 ,
  #cebu_tokuten .tokuten_list .tokuten_12 ,
  #cebu_tokuten .tokuten_list .tokuten_13 ,
  #cebu_tokuten .tokuten_list .tokuten_14 ,
  #cebu_tokuten .tokuten_list .tokuten_15 ,
  #cebu_tokuten .tokuten_list .tokuten_16 ,
  #cebu_tokuten .tokuten_list .tokuten_17 ,
  #cebu_tokuten .tokuten_list .tokuten_18 ,
  #cebu_tokuten .tokuten_list .tokuten_19 ,
  #cebu_tokuten .tokuten_list .tokuten_20 ,
  #cebu_tokuten .tokuten_list .tokuten_21 ,
  #cebu_tokuten .tokuten_list .tokuten_22 {height: auto;}

  #cebu_tokuten .bl_tokuten.off .tokuten_list li:nth-child(6) {height: 200px; overflow: hidden;}
  #cebu_tokuten .bl_tokuten.off .tokuten_list li:nth-child(n+7) {display: none;}
  #cebu_tokuten .bl_tokuten.off {position: relative; display: block;}
  #cebu_tokuten .bl_tokuten.off:after { content: ""; display: block; width: 100%; height:300px; position: absolute; bottom: 0;
    background : -o-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 50%);
    background : -webkit-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 50%);
    background : linear-gradient(to bottom, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 50%);
	}


	#cebu_tokuten .bl_tokuten.off:after{height: 15.625vw;}
  #cebu_tokuten .more_btn.off{margin-top: -4.6875vw;}

  #cebu_tokuten .more_btn {width:600px; height:80px; margin: 0 auto 50px; background: #a0a0a0; border-radius: 40px; position: relative; display: block;}
  #cebu_tokuten .more_btn.off:after {content: ""; background: url(../images/arrow_more_down.png) no-repeat center; background-size: 100%; width: 28px; height: 100%; display: block; position: absolute; top: 0; right:3.9vw; }
  #cebu_tokuten .more_btn.on:after {content: ""; background: url(../images/arrow_more_up.png) no-repeat center; background-size: 100%; width: 28px; height: 100%; display: block; position: absolute; top: 0; right:3.9vw; }
  #cebu_tokuten .more_btn span {color: #fff; font-weight: bold; font-size: 28px; display: block; width: 100%; text-align: center;position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}

}

@media (max-width:767px) {

  #cebu_tokuten #tokuten ,
  #cebu_tokuten #op_tour {padding-bottom:12.5vw; }

  #cebu_tokuten .tokuten_list {width: 100%;}
  #cebu_tokuten .tokuten_list > li {width: 100%;}
	#cebu_tokuten .tokuten_list .tokuten_copy{font-size: 12px; margin: 7px 20px 0px;}
	#cebu_tokuten .tokuten_list .tokuten_copy::before{left: 18px;}
	#cebu_tokuten .tokuten_list .tokuten_copy::after{font-size: 28px;top: 7px; left: 22px;}

  #cebu_tokuten .tokuten_list > li .pic {width: 59.375vw; margin: 3.125vw auto 0;}
  #cebu_tokuten .tokuten_bord ,
  #cebu_tokuten .tokuten_list ul {width: 78.125vw;}
  #cebu_tokuten .tokuten_bord {height: 15.625vw;}
  #cebu_tokuten .tokuten_bord span {font-size: 4.375vw;}
  #cebu_tokuten .tokuten_list ul li .pic {padding: 1.5625vw 0;}

	#cebu_tokuten .tokuten_list .tokuten_02 ul {width: 78.125vw; padding-right: 45%;}
#cebu_tokuten .tokuten_list .tokuten_02 .img { top: 43%;    right: 5px;    padding-left: 55%;}
#cebu_tokuten .tokuten_list .tokuten_01, #cebu_tokuten .tokuten_list .tokuten_02 {height: auto;}

  #cebu_tokuten .tokuten_list .icon {width: 17vw; top:1vw; right: 1vw;}

/*  #cebu_tokuten .tokuten_list .tokuten_02 .icon {width: 27.3vw;}*/
  #cebu_tokuten .tokuten_list .tokuten_16 .icon {width: 23.4vw;}
  #cebu_tokuten .tokuten_list .tokuten_18 .icon {width: 26.5vw;}
  #cebu_tokuten .tokuten_list .tokuten_19 .icon {width: 21.875vw;}


  #cebu_tokuten .tokuten_list .tokuten_04 .com {top:-5vw; right: -10.6875vw; width: 21.875vw}
  #cebu_tokuten .tokuten_list .tokuten_10 .com {top:2vw; right: -9.375vw; width: 20.3125vw;}
  #cebu_tokuten .tokuten_list .tokuten_12 .img {bottom:2.34vw; right: 8.57vw; width: 20%;}
  #cebu_tokuten .tokuten_list .tokuten_15 .img {bottom:3.125vw; right: 6.875vw; width: 20%}



  #cebu_tokuten .tokuten_list .tokuten_04 .pic img,#cebu_tokuten .tokuten_list .tokuten_23 .pic img {margin-bottom: 2vw;}
  #cebu_tokuten .tokuten_list .tokuten_13 .pic {width: 50vw;}
  #cebu_tokuten .tokuten_list .tokuten_12 ul ,
  #cebu_tokuten .tokuten_list .tokuten_15 ul {width: 78.125vw; margin: 0 auto;}
  #cebu_tokuten .tokuten_list .tokuten_12 ul li ,
  #cebu_tokuten .tokuten_list .tokuten_15 li:nth-child(2) ,
  #cebu_tokuten .tokuten_list .tokuten_15 li:nth-child(3) {width: 70%;}


  #cebu_tokuten .bl_tokuten.off .tokuten_list li:nth-child(6) {height: 31.25vw;; overflow: hidden;}

  #cebu_tokuten .more_btn {width:68vw; height:12.5vw; margin: 0 auto 6.25vw; background: #a0a0a0; border-radius:  6.25vw; position: relative; display: block;}

  #cebu_tokuten .more_btn.off:after {content: ""; background: url(../images/arrow_more_down.png) no-repeat center; background-size: 100%; width: 3.12vw; height: 100%; display: block; position: absolute; top: 0; right:3.9vw; }
  #cebu_tokuten .more_btn.on:after {content: ""; background: url(../images/arrow_more_up.png) no-repeat center; background-size: 100%; width: 3.12vw; height: 100%; display: block; position: absolute; top: 0; right:3.9vw; }
  #cebu_tokuten .more_btn span {color: #fff; font-weight: bold; font-size: 4vw; display: block; width: 100%; text-align: center;position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
}

@media (max-width:640px) {
	#cebu_tokuten .tokuten_list .tokuten_copy::before{left:-15px;}
}

@media (max-width:320px) {
	#cebu_tokuten .tokuten_list .tokuten_copy::after{font-size: 26px; top: 9px; left: 12px;}
}

#cebu_tokuten .op_tour_bord {border: solid 1px #000;  padding: 35px;}

#cebu_tokuten .op_tour_bord .note {width: 310px;}
#cebu_tokuten .op_tour_bord .note p {margin-bottom: 20px;}
#cebu_tokuten .op_tour_bord .btn {width: 310px; padding: 0;}
#cebu_tokuten .op_tour_bord .btn a {display: flex; width: 100%; height: 40px; background: #ffe200; position: relative; border-radius: 5px;align-items: center;justify-content: center;}
#cebu_tokuten .op_tour_bord .btn a:after {content: ""; background: url(../images/arrow_g.png) center center / 100% auto no-repeat; width: 10px; height: 100%; position: absolute; top: 0; right: 10px;}
#cebu_tokuten .op_tour_bord .btn a span {font-size: 14px; font-weight: bold; }


@media (max-width:1160px) {
  #cebu_tokuten .op_tour_bord .note ,
  #cebu_tokuten .op_tour_bord .btn {width: 100%;}
  #cebu_tokuten .op_tour_bord .pic {max-width: 613px; width: 100%; margin: 0 auto 30px;}
  #cebu_tokuten .op_tour_bord .btn {width: 100%; max-width: 600px; margin: 0 auto; display: block;}

}

@media (max-width:767px) {
  #cebu_tokuten .op_tour_bord {padding: 6.25vw 5.46vw;}
  #cebu_tokuten .op_tour_bord .note ,
  #cebu_tokuten .op_tour_bord .btn {width: 100%;}
  #cebu_tokuten .op_tour_bord .btn {height: 12.5vw;}
  #cebu_tokuten .op_tour_bord .pic {margin-bottom: 3.9vw;}
  #cebu_tokuten .op_tour_bord .btn a:after {background-size: 2.5vw; right: 2.3475vw;}
  #cebu_tokuten .op_tour_bord .btn a span {font-size: 4vw;}


}



#cebu_tokuten .c_footer {padding-bottom: 100px;}
#cebu_tokuten .c_footer .tore_btn {width:740px; height: 80px; margin: 0 auto 75px;}
#cebu_tokuten .c_footer .tore_btn a {display: block; width: 100%; height: 100%; background: #ff6e00; position: relative; border-radius: 5px;}
#cebu_tokuten .c_footer .tore_btn a:after {content: ""; background: url(../images/arrow_w.png) no-repeat center; width: 12px; height: 100%; background-size: 100%; position: absolute; top: 0; right: 20px;}
#cebu_tokuten .c_footer .tore_btn a span {font-size: 28px; color: #fff; display: block; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}



#cebu_tokuten .c_footer .bana li {width: 500px; float: left; margin-right: 40px;}
#cebu_tokuten .c_footer .bana li:nth-child(2n) {margin-right: 0;}

@media (max-width:1160px) {
  #cebu_tokuten .c_footer .bana li {width: 49%; margin-right: 2%;}

}

@media (max-width:767px) {
  #cebu_tokuten .c_footer {padding-bottom: 15.3625vw;}
  #cebu_tokuten .c_footer .tore_btn {width: 100%; height: 15.3625vw;}
  #cebu_tokuten .c_footer .tore_btn a span {font-size: 4vw; line-height: 1.4;}
  #cebu_tokuten .c_footer .tore_btn a:after {background-size: 2.5vw; right: 2.3475vw;}

  #cebu_tokuten .c_footer .bana { max-width: 500px; width: 100%; margin: 0 auto ;}
  #cebu_tokuten .c_footer .bana li {margin-bottom: 3.125vw; width: 100%;}


}

.content_wrapper{overflow:visible}

@media (max-width:321px) {
  #cebu_tokuten .page_nav ul li a span ,
  #cebu_tokuten .page_nav .note p ,
  #cebu_tokuten .page_nav .note p span ,
  #cebu_tokuten .op_tour_bord .btn a span ,
  #cebu_tokuten .c_footer .tore_btn a span {font-size: 16px;}
}