@charset "utf-8";
/* CSS Document */

.campaign_banner{display:none !important;}

/* 変数　*/
:root {
	--base-font: 'Noto Sans JP', sans-serif;
	--base-color: #5c5a5b;
}
.banner_container{display: none;}

.top_campbtn{display:none;}

.kw_wrap{max-width: 100%;}
.Gnavi_wrap{overflow: hidden;position: relative;}
.cont_wrap{background: transparent;position: relative;}
body:before{
    content: "";
    width: 100vw;
    height: 100vh;
    background: url(https://kizuna3.com/camp/img/SummerCamp_2025_bg.jpg);
    background-position: top center;
    position: fixed;
    top: 0;
}
header{position: relative;}

.big{font-size: 25px;}
.bold{font-weight: bold;}

img[alt="お月見キャンペーン"]{
    margin: 0 auto 30px;
    display: block;
}
.breadcrumb_wrap,.cont_title,.Cont-wrap{position: relative;}

.footer-wrap .cont_title,.kw_wrap{display: none;}

video{
	position: absolute;
    width: auto;
	filter: drop-shadow(0px 0px rgba(0,0,0,0));
	outline: none;
	border: none;
}
mark{
	background: -webkit-linear-gradient(left, rgb(255 246 0 / 50%) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgb(255 246 0 / 50%) 50%, transparent 50%);
    background: linear-gradient(left, rgb(255 246 0 / 50%) 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 200% 9px;
    background-position: 0% 21px;
}
.MainImg-wrap{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.MainImg-wrap img{
    width: auto;
    position: relative;
    top: 10px;	
}
.MainImg-wrap + p,p.prologue{
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    background: #f55b93;
    margin: 0 auto 50px;
    padding: 20px;
    max-width: 1920px;
}
.Cont-wrap{
    margin: auto;
    padding: 0 0 50px;
}


.cont_title_thanks{background: #28c6c0;}
.frame_wrap.Main{
    width: 1000px;
    background: url(https://kizuna3.com/camp/img/frame_202409_01.jpg),url(https://kizuna3.com/camp/img/frame_202409_02.jpg);
    background-size: 100%;
    background-repeat: no-repeat,repeat-y;
    background-position: top,top;
    margin: 0 auto 0;
    max-width: 100%;
    /* background: #fff; */
    /* border: 2px solid #f2db18; */
    border-bottom: none;
    box-sizing: border-box;
    padding: 50px 0 20px;
}

.frame_wrap.Main p{
    width: 90%;
    font-size: 19px;
    margin: 0 auto 20px;
}
.frame_wrap.Main p.nomal-txt{text-align: left;}
.frame_wrap.Main h2{
    width: 100%;
    color: #fff;
    font-size: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 15px;
}
.frame_wrap.Main h3{
	
	font-family: var(--base-font);
    font-weight: bold;
}

.appeal-wrap{
    display: flex;
    text-align: center;
    line-height: 2;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 30px;
	/*background: url(https://kizuna3.com/style_a/camp/img/Valentine-appeal-bg.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
}
.table01{
    font-size: 18px;
    width: 100%;
    border: 1px solid var(--base-color);
    font-family: var(--base-font);
    margin: 0 0 50px;
}
.table01 tr{

}
.table01 th{
    width: 30%;
    color: #000;
    font-weight: normal;
    background: #ffe7e8;
    padding: 10px;
    border-bottom: 1px solid var(--base-color);
    border-right: 1px solid var(--base-color);
}
.table01 tr:nth-last-child(1) th{border-bottom: none;}
.table01 td{border-bottom: 1px solid var(--base-color);padding: 0 0 0 5px;}
.table01 tr:nth-last-child(1) td{border: none;}

.table02{
    font-size: 18px;
    width: 100%;
    border: 1px solid var(--base-color);
    font-family: var(--base-font);
    margin: 0 0 50px;
}
.table02 tr{

}
.table02 th{
    width: 22%;
    color: #000;
    font-weight: normal;
    background: #f166a0;
    padding: 10px;
    border-bottom: 1px solid var(--base-color);
	border-right: 1px solid var(--base-color);
}
.table02 tr:nth-last-child(1) th{border-bottom: none;}
.table02 td{border-bottom: 1px solid var(--base-color);padding: 0 0 0 5px;}
.table02 tr:nth-last-child(1) td{border: none;}

.table02 tr:nth-child(1) th{background: #efe6ff;}
.table02 tr:nth-child(2) th{background: #dbf9ff;}
.table02 tr:nth-child(3) th{background: #d5ffcc;}
.table02 tr:nth-child(4) th{background: #ffffb4;}

.ul01{font-family: var(--base-font);}
.ul01 li{
	font-size: 18px;
    margin: 0 0 20px;
    line-height: 1.5;
}


.cont_margin{
	padding: 0;
}

.container-fluid{ padding:0;}
.MainImgWrap2{
	width: 100%;
    height: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	position: relative;
}
.MainImgWrap2 .item01{
	width: auto;
    height: 93%;
    position: absolute;
    top: 20px;
}

.ribbon1 {
    font-size: 22px !important;
    width: auto !important;
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 47px !important;
    text-align: center;
    padding: 0 60px;
    background: #f55b93;
    color: #FFF;
    box-sizing: border-box;
}
.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

ul.custom {
    width: 90%;
    background: #fffde8;
    box-shadow: 0px 0px 0px 10px #fffde8;
    border: dashed 2px #ffb03f;
    border-radius: 9px;
    margin: 30px auto 30px;
    padding: 20px 30px;
}

ul.custom li{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 10px;
}
ul.custom li:nth-last-child(1){margin: 0;}

@media (min-width: 768px) {
.MainImg-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.MainImgWrap2 .item01{
    height: 96%;
	top: 0;
	bottom: 4%;
}
.pc{ display:block !important;}
	}
@media (min-width: 1290px) {
.MainImgWrap2 .item01{
    height: 93%;
	top: 0;
	bottom: 7%;
}
	}
@media (min-width: 1921px) {

/*body:before {
    content: "";
    width: 100vw;
    height: 100vh;
    background: url(https://kizuna3.com/camp/img/Valentine2025_bg.jpg);
    background-position: top center;
    background-size: 100%;
    position: fixed;
    top: 0;
}*/


}



@media (min-width: 768px) {
.sp{display: none !important;}
	
.Cont-wrap .prologue span.Color{
font-size: 30px;
color: #fff7a2;
margin: 0 5px;
}	
	
}
@media (max-width: 767px) {
ul.custom {
    box-shadow: 0px 0px 0px 2vw #fffde8;
    margin: 5vw auto;
    padding: 2vw 5.5vw;
}
ul.custom li {
    font-size: 3.5vw;
    margin: 0 0 3vw;
}	
	
h1{font-size: 4vw !important;}
.pc{display: none !important;}
	
video{width: 100%;}

#FixRegi{display: none;}
.Cont-wrap .prologue{
    font-size: 4vw;
    padding: 2vw 1vw;
}
.Cont-wrap .prologue span.br{display: block;}
.frame_wrap.Main p.nomal-txt {
    text-align: center;
}
.Cont-wrap .prologue span.Color{
font-size: 4.5vw;
color: #fff7a2;
margin: 0 0.5vw;
}

.frame_wrap.Main{
    width: 95%;
    padding: 5vw 0 3vw;
    margin: 0 auto 0;
}
	
.appeal-wrap{background: none;}	

.frame_wrap.Main p{
    width: 95%;
    font-size: 3.5vw;
    margin: 0 auto 3vw;
    line-height: 1.5;
}	
.br{display: block}
.big{font-size: 4.5vw;}
.appeal-wrap{margin: 0;}
}






@media (max-width: 768px) {
.thanksgiving_leftright{
	display: block;
	}
.comment_wrap{
	margin-left:0;
	margin-top:15px;
	}
.thanksgiving_img{
	text-align:center;
	}
}
.thanksgiving_title2{
	font-size: 12px;
    font-size: 1.2rem;
	margin:5px 0 15px 0;
	font-weight:bold;
	text-align:center;
	}
.thanksgiving_subtitle{
	color:#fb7eb9;
	font-weight:bold;
	font-size: 10px;
    font-size: 1.0rem;
	margin-bottom:5px;
	}
.thanksgiving_subtitle2{
	color:#10b9b3;
	font-weight:bold;
	font-size: 8px;
    font-size: 0.8rem;
	margin-bottom:0;
	margin-top:5px;
	}
.thanksgiving_DLwrap{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;	
	margin-bottom:20px;
	}
.button_little{
	margin-right:15px;
	}
@media (max-width: 768px) {
.thanksgiving_DLwrap{
	display: block;
	}
.button_little{
	margin-right:0;
	margin-bottom:10px;
	text-align:center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;	
	}
}
.thanksgiving_icon{
	margin-right:3px;
	margin-bottom:7px;
	}


.cont_title_thanks{
	color:#FFF;
	font-weight:bold;
	text-align:left;
	padding:15px 0;
	line-height:0;
	text-align:center;
	}
.cont_title_thanks h2{
	font-size: 14px;
    font-size: 1.4rem;
	font-weight:bold;
	margin:0;	
	}
@media (max-width: 768px) {
.cont_title_thanks h2{
	font-size: 12px;
    font-size: 1.2rem;
	}
}
@media (max-width: 400px) {
.cont_title_thanks h2{
	font-size: 8px;
    font-size: 0.8rem;
	}
}
.Thanks2017_title{
	margin-bottom:20px;
	}
.Thanks2017_top{
	margin-bottom:10px;	
	}
.newyear2019_title{
	margin-top:25px;
	margin-bottom:25px;
	}
.newyear2019_bigtext{
	margin-top:25px;
	margin-bottom:20px;
	}
@media (max-width: 768px) {
.newyear2019_title{
	margin-top:8%;
	margin-bottom:5%;
	}
}
.guidance_number{
	background:#ff0024;
	border-radius:4px;
	color:#FFF;
	font-size:12px;
    font-size:1.2rem;
	height:12px;	
	height:1.2rem;
	width:13px;
	width:1.3rem;
	padding-left:3px;
	padding-left:0.3rem;
	margin-right:5px;
	}
.Thanks2017_flexbox{
	display:-webkit-box;/*--- Android･ﾖ･鬣ｦ･ｶﾍﾑ ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari｡ﾊPC｡ﾋﾍﾑ ---*/
    display:flex;
	}
.Thanks2017_titletext{
	margin-top:5px;
	}
@media (max-width: 768px) {
.Thanks2017_titletext{
	margin-top:2px;
	}
}
.Thanks2017_img1{
	margin-bottom:15px;
	margin-left:5%;
	margin-right:5%;
	}
.Thanks2017_img2{
	margin-bottom:15px;
	margin-left:3%;
	margin-right:2%;
	}
@media (max-width: 600px) {
.Thanks2017_img1{
	margin-left:3%;
	width:170px;
	height:152px;
	}
.Thanks2017_img2{
	width:160px;
	height:90px;	
	}
}
.reduction13_wrap{
	background:#ffeaf0;
	padding:15px;
	border-radius:4px;
	margin-bottom:15px;
	}
.reduction13_h4{
	font-size: 9px;
    font-size: 0.9rem;
	margin-bottom:3px;	
	}

.newyear_13_wrap{
	background:#ffeaf0;
	padding:15px;
	border-radius:4px;
	margin-bottom:15px;
	}
.newyear_13_h4{
	font-size: 9px;
    font-size: 0.9rem;
	margin-bottom:3px;	
	}
@media (max-width: 768px) {
.newyear_13_wrap{
	background:#fffdf6;
	padding:15px;
	border-radius:4px;
	margin-bottom:15px;
	border:1px solid #ddd;
	}
.newyear_13_h4{
	font-size: 9px;
    font-size: 0.9rem;
	margin-bottom:3px;	
	}
}


.present{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	text-align:center;
	}
.present span{
	font-size: 5px;
    font-size: 0.5rem;
	}
.present img{
	width:60px;
	height:80px;
	}
.present div{
	width:80px;
	margin-bottom:10px;
	}

@media (max-width: 768px) {
	.present div{
	width:94px;
	}
	.present img{
	width:75px;
	height:100px;
	border:1px solid #eee;
	}
	.reserve_time_th{
	width:28%;
	}
}

.table_Xmas{
	background:#fffaeb;
	font-size:0.8rem;
	}

@media (max-width: 768px) {
.table_Xmas{
	background:#fff;
	}
.MainImg-wrap{/*aspect-ratio: 750 / 539;*/}	
.MainImg-wrap img {width: 100%; height: auto;top: 0;}	
picture{width: 100%;}	
body:before{
    content: "";
    width: 100vw;
    height: 100vh;
    background: url(https://kizuna3.com/camp/img/SummerCamp_2025_bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    position: fixed;
    top: 0;
}
	
	
}


.thanksgiving_wrap_kokoro{
	width:100%;
	padding:5% 20%;
}
.MainImgWrap{ 
	/*background:url(../img/MainImg.png);*/
	/*background-size: 100%;*/
	position: relative;
	width:100%;
	height:554px;

}
.MainImgWrap::before{
	content: "";
    background-repeat: no-repeat;
    display: block;
    width: 244px;
    height: 351px;
    position: absolute;
    margin: auto;
    left: 900px;
    right: 0;
    bottom: 0;
}

.MainImgWrap::after{
	content: "";
    background: url(https://kizuna3.com/style_a/camp/img2/MainImgFront.png);
    background-size: cover;
	background-repeat:no-repeat;
    display: block;
    width: 100%;
    height: 98px;
    position: absolute;
    margin: auto;
    bottom: -1px;
    left: 0;
    right: 0;
}
.MainImgWrap .inner{
	width:900px;
	position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 30px;
}

.MainImgWrap > img{
}
.MainImgWrap .inner h3{ width:788px; margin: 30px auto 0;}
.Content{
	position: relative;
    width: 100%;
    position: relative;
    margin: auto;
	padding: 0;
}
.Content > img{
	display: block;
    margin: auto;
}
h3.ContentH3{
    width: 788px;
    margin: 30px auto 0;
}
.CouponFrame{
    width: 788px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 5px solid #ff51ad;
    border-top: none;
    border-radius: 0 0 15px 15px;
	margin: 0 auto 30px;
	position:relative;
}

.CouponFrame ul{
	display: table;
    margin: 0 auto 10px;
    padding: 0 0 0 10px;
    /* width: 100%; */
    /*background: #000;*/
}
.CouponFrame li{ 
	list-style-type: none;
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    width: 48.5%;
}
.CouponFrame li img{
	width: 100%;
    height: auto;
}
.CouponFrame li:nth-child(2n+1){margin-left: 0;}
.ContWrap{
	padding-top: 500px;
}
.Content p{
    font-size: 19px !important;
    width: 90%;
    padding: 0;
    margin: 0 auto 20px;
    line-height: 1.8;
}
.cont02{
    /*background: url(../img/FixBg01.png);
    background-attachment: fixed;
    background-size: 100%;*/
    width: 100%;
    padding: 0 0 30px;
}
.cont03{
	background: #40455d;
	background: #fffeef;
    padding: 30px 0 30px;
	/*color:#fff;*/
}
.frame_01 h2,h3.ContentH3_02{
    width: 90%;
    color: #6f4605;
    position: relative;
    padding: 15px 0;
    aspect-ratio: 886 / 101;
    margin: 50px auto;
    border-left: none;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    display: flex;
    background: url(https://kizuna3.com/camp/img/SummerCamp_2025_heading_bg.jpg);
    justify-content: center;
    align-items: center;
}
.frame_01 h2:before,h3.ContentH3_02:before{
    content: "";
    background: url(https://kizuna3.com/camp/img/SummerCamp_2025_heading_ornament.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 98%;
    aspect-ratio: 886 / 101;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;	
}
.frame_01 h2{margin:0 auto 60px;}




ul.PointList{
    width: 95%;
    margin: 0 auto 50px;
    padding: 0;
    font-size: 19px;
}
ul.PointList li::before{
	content: "";
    width: 5px;
    height: 5px;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    margin: 10px 10px 0 10px;
}
ul.PointList li span{
    display: inline-block;
    width: 95%;
}
ul.PointList li span strong{color: #ee50ad;}
ul.PointList li{
    list-style-type: none;
    margin-bottom: 20px;
    line-height: 1.5;
}
.cont01{
    background: #fffeef;
    padding: 230px 0 30px;
	position:relative;
}
.cont01::before{
	content: "";
    background: url(https://kizuna3.com/style_a/camp/img2/ornament_l.png);
    display: block;
    width: 212px;
    height: 305px;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: -1100px;
}
.cont01::after{
	content: "";
    background: url(https://kizuna3.com/style_a/camp/img2/ornament_r.png);
    display: block;
    width: 212px;
    height: 305px;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: -1100px;
}

.cont01 p{
    font-size: 20px;
    text-align: center;
}
.frame_01{
    width: 1000px;
    margin: auto;
    background: rgba(255, 255, 255, 1);
    /* border: 2px solid #f2db18; */
    background: url(https://kizuna3.com/camp/img/frame_202409_03.jpg), url(https://kizuna3.com/camp/img/frame_202409_02.jpg);
    background-repeat: no-repeat,repeat-y;
    background-position: bottom;
    border-top: none;
    padding: 0 0 50px;
}

.frame_02{
	width: 900px;
    margin: auto;
    background: url(https://kizuna3.com/style_a/camp/img2/FrameOrnament01_top.png),url(https://kizuna3.com/style_a/camp/img2/FrameOrnament01_bottom.png),url(https://kizuna3.com/style_a/camp/img2/FrameOrnament01_middle.png);
    background-repeat: no-repeat,no-repeat,repeat-y;
    background-position: top,bottom,center;
    padding: 30px 20px 60px;
}
.frame_02 h3{
    text-align: center;
    font-size: 30px;
    /* font-weight: bold; */
    background: #b59b33;
    color: #fff;
    padding: 10px 0;
    margin: 0 auto 30px;
    width: 80%;
}
.frame_02 p{ width:auto;}
.frame_02 .button_regular:nth-of-type(1){margin: 0 0 30px;}
.frame_02 .button_regular:nth-of-type(3){margin: 30px 0;}

p.flow1::before{
    content: "1";
    background: #f55b93;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}
p.flow2::before{
	content: "2";
    background: #f55b93;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;

}
p.flow3::before{
	content: "3";
    background: #f55b93;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;

}
p.flow4::before{
	content: "4";
    background: #f55b93;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}
.MainCatchWrap{
	position: absolute;
    margin: auto;
	top: 30px;
    left: 0;
    right: 0;
    z-index: 1;
}
.MainCatchWrap > img{
	display:block;
	margin:auto;
}

	
span.Emphasis{

}
span.Emphasis3{
	font-size: 23px;
    color: #ee50ad;
    font-weight: bold;
}
span.Emphasis_gold{
	/*text-align: center; */
	/* background: #000; */
	color: #e8b618;
	display: block;
	padding: 10px 5px;
	margin: 10px 0 30px;
	font-weight: bold;
	font-size: 25px;
	width: 33%;
	/* background: rgb(253,212,86); */
	background: -moz-linear-gradient(-45deg, rgba(253,212,86,1) 0%, rgba(253,212,86,1) 3%, rgba(253,218,98,1) 5%, rgba(255,246,162,1) 13%, rgba(255,254,207,1) 17%, rgba(255,255,219,1) 19%, rgba(255,255,216,1) 20%, rgba(255,254,208,1) 21%, rgba(255,244,158,1) 26%, rgba(255,224,111,1) 32%, rgba(255,215,91,1) 35%, rgba(255,224,111,1) 39%, rgba(255,244,158,1) 45%, rgba(255,254,208,1) 49%, rgba(255,255,216,1) 50%, rgba(255,255,219,1) 52%, rgba(255,254,207,1) 54%, rgba(255,245,159,1) 58%, rgba(254,220,103,1) 65%, rgba(253,212,86,1) 67%, rgba(253,212,86,1) 100%);
	/* background: -webkit-linear-gradient(-45deg, rgba(253,212,86,1) 0%,rgba(253,212,86,1) 3%,rgba(253,218,98,1) 5%,rgba(255,246,162,1) 13%,rgba(255,254,207,1) 17%,rgba(255,255,219,1) 19%,rgba(255,255,216,1) 20%,rgba(255,254,208,1) 21%,rgba(255,244,158,1) 26%,rgba(255,224,111,1) 32%,rgba(255,215,91,1) 35%,rgba(255,224,111,1) 39%,rgba(255,244,158,1) 45%,rgba(255,254,208,1) 49%,rgba(255,255,216,1) 50%,rgba(255,255,219,1) 52%,rgba(255,254,207,1) 54%,rgba(255,245,159,1) 58%,rgba(254,220,103,1) 65%,rgba(253,212,86,1) 67%,rgba(253,212,86,1) 100%); */
	/* background: linear-gradient(135deg, rgba(253,212,86,1) 0%,rgba(253,212,86,1) 3%,rgba(253,218,98,1) 5%,rgba(255,246,162,1) 13%,rgba(255,254,207,1) 17%,rgba(255,255,219,1) 19%,rgba(255,255,216,1) 20%,rgba(255,254,208,1) 21%,rgba(255,244,158,1) 26%,rgba(255,224,111,1) 32%,rgba(255,215,91,1) 35%,rgba(255,224,111,1) 39%,rgba(255,244,158,1) 45%,rgba(255,254,208,1) 49%,rgba(255,255,216,1) 50%,rgba(255,255,219,1) 52%,rgba(255,254,207,1) 54%,rgba(255,245,159,1) 58%,rgba(254,220,103,1) 65%,rgba(253,212,86,1) 67%,rgba(253,212,86,1) 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd456', endColorstr='#fdd456',GradientType=1 );
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
span.Emphasris_silve{
	/*text-align: center; */
	/* background: #000; */
	color: #b1afa9;
	display: block;
	padding: 10px 5px;
	margin: 10px 0 30px;
	font-weight: bold;
	font-size: 25px;
	width: 33%;
	/* background: rgb(203,199,187); */
	background: -moz-linear-gradient(-45deg, rgba(203,199,187,1) 0%, rgba(204,201,189,1) 4%, rgba(238,238,235,1) 18%, rgba(236,236,232,1) 21%, rgba(224,223,216,1) 26%, rgba(205,201,189,1) 35%, rgba(224,223,216,1) 45%, rgba(236,236,232,1) 49%, rgba(238,238,235,1) 52%, rgba(233,233,228,1) 55%, rgba(224,223,216,1) 58%, rgba(203,199,187,1) 67%, rgba(203,199,187,1) 100%);
	/* background: -webkit-linear-gradient(-45deg, rgba(203,199,187,1) 0%,rgba(204,201,189,1) 4%,rgba(238,238,235,1) 18%,rgba(236,236,232,1) 21%,rgba(224,223,216,1) 26%,rgba(205,201,189,1) 35%,rgba(224,223,216,1) 45%,rgba(236,236,232,1) 49%,rgba(238,238,235,1) 52%,rgba(233,233,228,1) 55%,rgba(224,223,216,1) 58%,rgba(203,199,187,1) 67%,rgba(203,199,187,1) 100%); */
	/* background: linear-gradient(135deg, rgba(203,199,187,1) 0%,rgba(204,201,189,1) 4%,rgba(238,238,235,1) 18%,rgba(236,236,232,1) 21%,rgba(224,223,216,1) 26%,rgba(205,201,189,1) 35%,rgba(224,223,216,1) 45%,rgba(236,236,232,1) 49%,rgba(238,238,235,1) 52%,rgba(233,233,228,1) 55%,rgba(224,223,216,1) 58%,rgba(203,199,187,1) 67%,rgba(203,199,187,1) 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbc7bb', endColorstr='#cbc7bb',GradientType=1 );
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
	}
span.Emphasris_bronze{
	/*text-align: center; */
	/* background: #000; */
	color: #b77c57;
	display: block;
	padding: 10px 5px;
	margin: 10px 0 30px;
	font-weight: bold;
	font-size: 25px;
	width: 33%;
	/* background: rgb(230,160,116); */
	background: -moz-linear-gradient(-45deg, rgba(230,160,116,1) 0%, rgba(230,160,117,1) 3%, rgba(231,168,126,1) 5%, rgba(239,202,168,1) 11%, rgba(240,210,178,1) 13%, rgba(245,232,214,1) 17%, rgba(246,237,222,1) 18%, rgba(246,237,223,1) 19%, rgba(246,237,222,1) 20%, rgba(245,233,215,1) 21%, rgba(240,211,180,1) 25%, rgba(239,202,168,1) 27%, rgba(235,180,141,1) 31%, rgba(232,163,120,1) 35%, rgba(235,180,141,1) 40%, rgba(239,202,168,1) 43%, rgba(240,211,180,1) 45%, rgba(245,233,215,1) 49%, rgba(246,237,222,1) 51%, rgba(246,237,223,1) 52%, rgba(246,237,222,1) 52%, rgba(245,232,214,1) 54%, rgba(240,210,178,1) 58%, rgba(239,202,168,1) 59%, rgba(231,168,126,1) 65%, rgba(230,160,117,1) 67%, rgba(230,160,116,1) 100%);
	/* background: -webkit-linear-gradient(-45deg, rgba(230,160,116,1) 0%,rgba(230,160,117,1) 3%,rgba(231,168,126,1) 5%,rgba(239,202,168,1) 11%,rgba(240,210,178,1) 13%,rgba(245,232,214,1) 17%,rgba(246,237,222,1) 18%,rgba(246,237,223,1) 19%,rgba(246,237,222,1) 20%,rgba(245,233,215,1) 21%,rgba(240,211,180,1) 25%,rgba(239,202,168,1) 27%,rgba(235,180,141,1) 31%,rgba(232,163,120,1) 35%,rgba(235,180,141,1) 40%,rgba(239,202,168,1) 43%,rgba(240,211,180,1) 45%,rgba(245,233,215,1) 49%,rgba(246,237,222,1) 51%,rgba(246,237,223,1) 52%,rgba(246,237,222,1) 52%,rgba(245,232,214,1) 54%,rgba(240,210,178,1) 58%,rgba(239,202,168,1) 59%,rgba(231,168,126,1) 65%,rgba(230,160,117,1) 67%,rgba(230,160,116,1) 100%); */
	/* background: linear-gradient(135deg, rgba(230,160,116,1) 0%,rgba(230,160,117,1) 3%,rgba(231,168,126,1) 5%,rgba(239,202,168,1) 11%,rgba(240,210,178,1) 13%,rgba(245,232,214,1) 17%,rgba(246,237,222,1) 18%,rgba(246,237,223,1) 19%,rgba(246,237,222,1) 20%,rgba(245,233,215,1) 21%,rgba(240,211,180,1) 25%,rgba(239,202,168,1) 27%,rgba(235,180,141,1) 31%,rgba(232,163,120,1) 35%,rgba(235,180,141,1) 40%,rgba(239,202,168,1) 43%,rgba(240,211,180,1) 45%,rgba(245,233,215,1) 49%,rgba(246,237,222,1) 51%,rgba(246,237,223,1) 52%,rgba(246,237,222,1) 52%,rgba(245,232,214,1) 54%,rgba(240,210,178,1) 58%,rgba(239,202,168,1) 59%,rgba(231,168,126,1) 65%,rgba(230,160,117,1) 67%,rgba(230,160,116,1) 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6a074', endColorstr='#e6a074',GradientType=1 );
	/* text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px; */
	}	
span.Emphasris_pink{
	/*text-align: center; */
	/* background: #efbac8; */
	color: #e88da6;
	display: block;
	padding: 10px 5px;
	margin: 10px 0 30px;
	font-weight: bold;
	font-size: 25px;
	width: 33%;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}	
	
span.Emphasis2{
	font-weight: bold;
    color: #ee50ad;
}
.frame_01 p.txt_01{}
.triangle3{
	width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #ee50ad;
    margin: 0 0 20px 100px;
}
ul.PointList li span a,.frame_01 p a{
	color: #229893;
    text-decoration: underline;
}
table.PointTable{
    width: 90%;
    margin: 0 auto 30px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.PointTable tr:nth-of-type(1){
	background: #32b8e1;
    color: #fff;
    text-align: center;
	display: none;
}
table.PointTable tr td{
	padding: 10px 0 10px 10px;
    font-size: 30px;
}
table.PointTable tr:nth-of-type(1) td:nth-of-type(1){
    border: 1px solid #e1e1e1;
    background: #fee;
    font-weight: bold;
    color: #572020;	
}
table.PointTable tr:nth-of-type(2) td:nth-of-type(1){
    background: #ddc218;
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid #fff;
}
table.PointTable tr:nth-of-type(3) td:nth-of-type(1){
    background: #a8becb;
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid #fff;
}
table.PointTable tr:nth-of-type(4) td:nth-of-type(1){
    background: #eb7955;
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid #fff;
}
table.PointTable tr:nth-of-type(5) td:nth-of-type(1){
    background: #6e96d3;
    font-weight: bold;
    color: #ffffff;
}

table.PointTable tr td:nth-of-type(2){
    border: 1px solid #e1e1e1;
    border-left: none;
    font-size: 30px;
}
table.PointTable tr:nth-of-type(1) td{
	padding: 10px 0;
    font-size: 20px;
    border: 1px solid #32b8e1;
}
table.PointTable tr:nth-of-type(2) td:nth-of-type(2){
    color: #d7ba00;
    font-weight: bold;
}
table.PointTable tr:nth-of-type(3) td:nth-of-type(2){
    color: #6d8491;
    font-weight: bold;
}
table.PointTable tr:nth-of-type(4) td:nth-of-type(2){
    color: #db704f;
    font-weight: bold;
}
table.PointTable tr:nth-of-type(5) td:nth-of-type(2){
    color: #5d83bd;
    font-weight: bold;
}

.sp{ display:none !important;}


@media (max-width: 820px) {

	
h3.ContentH3{width: 95%;}
.CouponFrame{
	width: 95%;
	border: 0.5vw solid #ff51ad;
    border-radius:0;
}
.TextWrap{}

.Content p{
	width: 95%;
    font-size: 3.5vw;
    margin: 0 auto 3vw;
    text-align: left;
    padding: 0;
}
.MainImgWrap::before{ display:none;}
.frame_01{
	width: 95%;
    padding: 0 0 3vw;
	border-top: none;
	background: url(https://kizuna3.com/camp/img/frame_202409_03.jpg),url(https://kizuna3.com/camp/img/frame_202409_02.jpg);
    background-size: 100%;
    background-repeat: no-repeat,repeat-y;
    background-position: bottom,top;
    border-bottom: none;
    box-sizing: border-box;
}
ul.PointList{
    width: 95%;
    font-size: 3.5vw;
    margin: 0 auto 5vw;
}
.frame_02{
	width: 95%;
    background-size: contain;
    padding: 4vw 0 4vw;
}
.cont01{padding: 37vw 0 3vw;}
.cont01::after{display:none;}
.MainImgWrap::after{ display:none;}
.MainImgWrap{
    background: url(https://kizuna3.com/style_a/camp/img2/MainImg_sp2.png);
    background-size: contain;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(100%*551/750);
}
.cont_title_thanks{padding: 2vw 0;}

	
.MainCatchWrap{top: 3vw;}
h3.ContentH3{line-height: 0; margin: 5vw auto 0;}

span.Emphasis{font-size: 4vw;}

span.Emphasis4{
	font-size: 4vw;
    color: #1EB0FF;
		font-weight: bold;

}


.cont_title_thanks h2{font-size: 4vw;}
.MainCatchWrap .sp:nth-of-type(2){width: 98%;}
.MainCatchWrap h3.ContentH3 .sp:nth-of-type(2){width: 100%;}
.CouponFrame li{margin-top: 2vw; margin-left: 2vw; }
.CouponFrame ul{
    margin: 0 auto 2vw;
    padding: 0 0 0 1vw;
}
.frame_01 h2,h3.ContentH3_02{
    width: 95%;
    font-size: 4vw;
    margin: 0 auto 3vw;
    aspect-ratio: 675 / 109;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    position: relative;
}

ul.PointList li::before {
    content: "";
    width: 1vw;
    height: 1vw;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    margin: 1vw 1vw 0 1vw;
}
.frame_02 h3{
	font-size: 4vw;
    margin: 0 auto 3vw;
    width: 75%;
    padding: 1vw 0;
}
.triangle3{
	width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #ee50ad;
    margin: 0 0 3vw 20vw;
}
span.sp_br{ display:block;}
span.Emphasris_pink,span.Emphasis_gold,span.Emphasris_silve,span.Emphasris_bronze{
	width: 100%;
    font-size: 4.5vw;
    margin: 1vw 0 3vw;
    padding: 0 0 0;
}
table.PointTable{margin: 0 auto 3vw; width:95%;}
table.PointTable tr:nth-of-type(1) td{
	padding: 1vw 0;
    font-size: 3.5vw;
	width: 100%;
}
table.PointTable tr td{
    font-size: 4vw;
    padding: 2vw 0 2vw 2vw;
}
table.PointTable tr td:nth-of-type(1){width: 35%;}
table.PointTable tr td:nth-of-type(2){font-size: 4vw;}
p.flow1::before {
    content: "1";
    background: #f55b93;
    color: #fff;
    border-radius: 50%;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    display: inline-block;
    margin-right: 2vw;
    text-align: center;
}
p.flow2::before {
    content: "2";
    background: #f55b93;
    color: #fff;
    border-radius: 50%;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    display: inline-block;
    margin-right: 2vw;
    text-align: center;
    border: 2px solid #ee50ad;
}
p.flow3::before {
    content: "3";
    background: #f55b93;
    color: #fff;
    border-radius: 50%;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    display: inline-block;
    margin-right: 2vw;
    text-align: center;
    border: 2px solid #ee50ad;
}
p.flow4::before {
    content: "4";
    background: #f55b93;
    color: #fff;
    border-radius: 50%;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    display: inline-block;
    margin-right: 2vw;
    text-align: center;
    border: 2px solid #ee50ad;
}


}

@media (min-width: 821px) {

span.pc_br{ display:block;}

span.Emphasis4{
	font-size: 23px;
    color: #1EB0FF;
	font-weight: bold;
}


}

@media (max-width: 767px) {
.Content p{font-size: 3.5vw !important;}
.sp{ display:block !important;}
video.sp{width: 100%;max-width: 100%;}		

.Cont-wrap {
    width: 100%;
    margin: auto;
    padding: 0 0 5vw;
}
.frame_01 h2:before, h3.ContentH3_02:before {
    content: "";
    background: url(https://kizuna3.com/camp/img/SummerCamp_2025_heading_ornament_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    width: 99%;
    aspect-ratio: 675 / 109;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
	

mark {
    background: -webkit-linear-gradient(left, rgb(255 246 0 / 50%) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgb(255 246 0 / 50%) 50%, transparent 50%);
    background: linear-gradient(left, rgb(255 246 0 / 50%) 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 200% 5vw;
    background-position: 0% 4vw;
}	
	
}