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


/* main */
/* ============================================ */

.pc_main img{
	width: 100%;
	display: block !important;
}
.sp_main{
	display: none !important;
}


/* anniversary18th */
/* ============================================ */

.anniversary18th{
	font-family:"Noto Sans JP","Hiragino Maru Gothic ProN","ＭＳ Ｐゴシック","游ゴシック","ヒラギノ角ゴ Pro W5";
	margin: 0 auto;
/*	max-width: 806px;
*/}
.anniversary18th p{
	color: #363636;
	font-size: 16px;
	letter-spacing: 0.02em;
	line-height: 1.8;
}
.anniversary18th p a{
	color: #5e5e5e;
	text-decoration: underline;
}


/* message */
/* ============================================ */

.anniversary18th .message{
	background-color: #d23c43;
	padding: 50px 0; 
}
.anniversary18th .message_text{
	text-align: center;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.anniversary18th .message_text p{
	color: #fff;
	line-height: 2.0;
}
.anniversary18th .message img{
	margin-bottom: 20px;
	width: 200px;
}

/* event lineup */
/* ============================================ */

.anniversary18th .lineup{
	padding: 40px 10px;
}
.anniversary18th .lineup .t_lineup{
	text-align: center;
	margin-bottom: 16px;
}
.anniversary18th .lineup img{
	width: 340px;
}
.anniversary18th .lineup .check{
	font-size: 14px;
	text-align: center;
	color: #d23c43;
	margin-bottom: 20px;
}
.anniversary18th .lineup .list{
	width: 600px;
	margin: 0 auto;
}
.anniversary18th ol.e_list{
  counter-reset:list;
  list-style-type:none;
  padding:0;
}
.anniversary18th ol.e_list li{
  position:relative;
  margin: 20px 0 20px 0px;
  padding: 10px 50px;
  color: #3e3e36;
  font-weight: bold;
  font-size:16px;
  line-height: 28px;
  background: #fff;
  border: solid 1px #d23c43;
  border-radius:20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.anniversary18th ol.e_list li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -4px;
  width: 44px;
  height: 44px;
  text-align: center;
  color: #fff;
  font-family: 'Copse', serif;
  font-size: 20px;
  line-height:42px;
  background: #d23c43;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.3s;
}
.anniversary18th ol.e_list li:hover{
  color: #fff;
  background: #d23c43;
}
.anniversary18th ol.e_list li:hover:before{
  background: #fff;
  color: #d23c43;
}


/* contents--共通 */
/* ============================================ */

.anniversary18th .contents{
	padding: 80px 0 60px;
	position: relative;
}
.anniversary18th .purple{
	background-color: #764e97;
}
.anniversary18th .blue{
	background-color: #6289b2;
}
.anniversary18th .pink{
	background-color: #e4aeb8;
}
.anniversary18th .orange{
	background-color: #e87345;
}
.anniversary18th .green{
	background-color: #8acfc6;
}
.anniversary18th .back_red{
	background-color: #d23c43;
}
.anniversary18th .sub-white{
	background: #fff;
	width: 90%;
	margin: 0 auto;
	padding: 20px 20px 30px;
	border-radius: 50px;
	position: relative;
	z-index: 1;
}
.anniversary18th .white_ribbon{
  	width: 300px;
	position: absolute;
	left: 50%;
	top: -30px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 10;
}
.anniversary18th .white_ribbon img{
	width: 100%;
}
.anniversary18th .title-number{
	text-align: center;
	font-family: 'Copse', serif;
	font-size:46px;
	font-weight: bold;
	margin-bottom: -8px;
}
.anniversary18th h1{
	color: #363636;
	font-size: 22px;
	text-align: center;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 20px;
}
.anniversary18th .mv{
	width: 84%;
	margin: 0 auto 3.2%;
}
.anniversary18th .mv img{
	width: 100%;
	border-radius: 50px;
}
.anniversary18th .margin{
	margin: 16px auto 24px;
}
.anniversary18th .text{
	width: 90%;
	margin: 0 auto;
}
.anniversary18th .pen {
  background: linear-gradient(transparent 54%, #ffde2a 54%);
  font-weight: 600;
}
.anniversary18th .red{
	color: #CC0F12;
}
.anniversary18th .attention{
	background-color: #fcdbdb;
	padding: 25px 50px;
	margin: 40px auto ;
	width: 90%;
}
.anniversary18th .attention h3{
	font-size: 22px;
	font-weight: 600;
	color: #a40000;
	text-align: center;
	margin-bottom: 16px;
}
.anniversary18th .attention p{
	color: #a40000;
	padding-left:1em;
	text-indent:-1em;
	margin-bottom: 12px;
}
.anniversary18th details{
	display: none;
}
.anniversary18th .spbr{
    display: none;
}


/* contents--ribbon13 */
/* ============================================ */

.anniversary18th .ribbon13-wrapper {  
  display: block;
  position: relative;
  margin: 4% auto 4.8%;
  padding: 1.4% 0 2%;
  width: 90%;
  background: #e0ecfa;
  border-radius: 20px;
  }
.anniversary18th .ribbon13 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 5px 0;
  margin: 0 0 5px -2px;
  max-width: 220px;
  color: white;
  background: #6289b2;
}
.anniversary18th .ribbon13 h3{
  margin: 0;
  padding: 0 30px 0 15px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.anniversary18th .ribbon13:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 19px 10px 19px 0px;
  border-color: transparent #e0ecfa transparent transparent;
  border-style: solid;
}
.anniversary18th .ribbon13:before {
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
}
.anniversary18th .ribbon13-wrapper p{
	width: 90%;
	margin: 2% auto 4%;
}
.anniversary18th .ribbon13-wrapper .ribbon_img{
	width: 70%;
	margin: 20px auto;
}
.anniversary18th .ribbon13-wrapper .ribbon_img img{
	width: 100%;
}
.anniversary18th .ribbon13-wrapper .ribbon_title{
	background-color: #6289b2;
	color: #fff;
	padding: 3px 10px;
	font-weight: bold;
	border-radius: 10px;
}
.anniversary18th .kome{
	font-size: 14px;
}
.anniversary18th .ribbon13-wrapper .cond{
	margin-bottom: 6px;
	text-indent: -1em;
	padding-left: 1em;
}
.anniversary18th .ribbon13-wrapper .cond:last-child{
	margin-bottom: 1%;
}
.anniversary18th .ribbon13-wrapper .cond::before{
	content: "◎";
	margin-right: 2px;
}
.anniversary18th .ribbon13-wrapper-pink{
  background: #fce7eb;	
}
.anniversary18th .ribbon13-pink {
  background: #d07183;
}
.anniversary18th .ribbon13-pink:after {
  border-color: transparent #fce7eb transparent transparent;
}
.anniversary18th .ribbon13-wrapper-orange{
  background: #fbe9e1;	
}
.anniversary18th .ribbon13-orange{
  background: #e87345;
}
.anniversary18th .ribbon13-orange:after{
  border-color: transparent #fbe9e1 transparent transparent;
}
.anniversary18th .ribbon13-wrapper-red{
  background: #fae5e6;	
}
.anniversary18th .ribbon13-red{
  background: #d23c43;
}
.anniversary18th .ribbon13-red:after{
  border-color: transparent #fae5e6 transparent transparent;
}
.anniversary18th .ribbon13-wrapper-purple{
  background: #efe7f6;	
}
.anniversary18th .ribbon13-purple{
  background: #764e97;
}
.anniversary18th .ribbon13-purple:after{
  border-color: transparent #efe7f6 transparent transparent;
}


.anniversary18th .coupon-cord{
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}
.anniversary18th .coupon-cord::before{
	content:"『";
	margin-right: 2%;
}
.anniversary18th .coupon-cord::after{
	content:"』";
	margin-left: 2%;
}


/* contents--button */
/* ============================================ */

.anniversary18th .button {
  	max-width: 330px;
  	margin: 30px auto 0;
}
.anniversary18th a.btn_more {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 100%;
  	height: 50px;
  	position: relative;
  	background: #93191f;
  	border-radius: 30px;
  	box-sizing: border-box;
  	padding: 0 45px 0 25px;
  	color: #fff;
  	font-size: 16px;
	font-weight: 600;
  	line-height: 1.3;
  	text-align: left;
  	text-decoration: none;
  	transition-duration: 0.3s;
}
.anniversary18th a.btn_more:before {
  	content: '';
  	width: 8px;
  	height: 8px;
  	border: 0;
  	border-top: 2px solid #fff;
  	border-right: 2px solid #fff;
  	transform: rotate(45deg);
  	position: absolute;
  	top: 50%;
  	right: 25px;
  	margin-top: -5px;
}
.anniversary18th a.btn_more:hover {
  text-decoration: none;
  opacity: 0.6;
}
.anniversary18th a.btn_more_orange {
	background: #c35124;
}
.anniversary18th a.btn_more_green {
	background: #3b9388;
}
.anniversary18th a.btn_more_purple {
	background: #582e7b;
}
.anniversary18th a.btn_more_pink{
	background: #b04559;
}
.anniversary18th a.btn_more_blue {
	background: #23507f;
}
.anniversary18th a.gray {
  	background: #919191;
  	text-align: center;
}
.anniversary18th a.gray:before {
  	content: none;
}


.anniversary18th .box01{
	width: 90%;
	margin: 10px auto;
	background-color: #e0ecfa;
	padding: 14px 20px;
	border-radius: 12px;
	font-weight: bold;
}
.anniversary18th .box_orange{
	background-color: #fbe9e1;
}
.anniversary18th .box_green{
	background-color: #e2f8f5;
}
.anniversary18th .box_purple{
	background-color: #efe7f6;
}



/* event01 */
/* ============================================ */

.anniversary18th #event01 h1{
	margin-bottom: 10px;
}
.anniversary18th .award{
	max-width: 90%;
	margin: 0 auto 20px;
}
.anniversary18th .award img{
	width: 100%;
}
.anniversary18th .big_text{
	text-align: center;
}
.anniversary18th .big_text_sub{
	font-size: 22px;
	font-weight: bold;
	margin: 20px 0;
	border-bottom: double 6px #764e97;
	display: inline-block;
}
.anniversary18th .ribbon_shosai-p{
	text-align: center;
	margin-top: 30px;
}
.anniversary18th .ribbon_shosai {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 50px;
  text-align: center;
  padding: 7px 12px;
  font-size: 20px;
  background: #764e97;
  color: #FFF;
  box-sizing: border-box;
}
.anniversary18th .ribbon_shosai h3 {
  margin: 0;
  padding: 0 30px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 42px;
}
.anniversary18th .ribbon_shosai:before, .ribbon_shosai:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.anniversary18th .ribbon_shosai:before {
  /*左の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
.anniversary18th .ribbon_shosai:after {
  /*右の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.anniversary18th .awardribbon_wrapper {
  display: block;
  position: relative;
  margin: 20px auto;
  padding: 20px 30px;
  width: 90%;
  height: auto;
  background: #fff;
  border: solid 4px #daa520;
  border-radius: 30px;
  box-sizing: border-box;
}
.anniversary18th .awardribbon_content {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  overflow: hidden;
  }
.anniversary18th .awardribbon {
  display: inline-block;
  position: absolute;
  padding: 10px 0;
  left: -24px;
  top: 20px;
  width: 200px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 16px;
  background: #daa520;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 2px #daa520;
  border-top: dashed 1px rgba(255, 255, 255, 0.65);
  border-bottom: dashed 1px rgba(255, 255, 255, 0.65);
}
.anniversary18th .awardribbon_title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
}
.anniversary18th .awardribbon_wrapper_silver{
	border: solid 4px #a2a2a2;
}
.anniversary18th .awardribbon_silver{
	background: #a2a2a2;
	box-shadow: 0 0 0 2px #a2a2a2;
}
.anniversary18th .awardribbon_wrapper_bronze{
	border: solid 4px #b87333;
}
.anniversary18th .awardribbon_bronze{
	background: #b87333;
	box-shadow: 0 0 0 2px #b87333;
}
.anniversary18th .awardribbon_image{
	width: 500px;
	margin: 0 auto;
}

.anniversary18th .awardribbon_image img{
	width: 100%;
	border-radius: 20px;
	margin-bottom: 18px;
}
.anniversary18th .review{
	text-align: center;
	margin-top: 10px;
}
.anniversary18th .review div{
	width: 90%;
	margin: 6px auto 0;
}
.anniversary18th .review div img{
	width: 100%;
}
.anniversary18th .jouken{
	display: inline-block;
	background-color: #daa520;
	color: #fff;
	padding: 3px 10px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}
.anniversary18th .jouken_img{
	text-align: center;
	margin-bottom: 6px;
}
.anniversary18th .jouken_img img{
	width: 80%;
}
.anniversary18th .camp_terms{
	border-radius: 16px;
	background-color: #fae7da;
	padding: 14px 8px 24px 16px;
	width: 94%;
	margin: 20px auto;
}
.anniversary18th .camp_termsInner{
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	padding-right: 8px;
	scrollbar-width: 6px;
	scrollbar-color: #f0781f;
}
.anniversary18th .camp_termsInner::-webkit-scrollbar{
	width: 6px;
}
.anniversary18th .camp_termsInner::-webkit-scrollbar-track{
	background-color: #fff;
}
.anniversary18th .camp_termsInner::-webkit-scrollbar-thumb {
  background-color: #f0781f;
  border-radius: 8px;
}

.anniversary18th .camp_termsInner>h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 16px;
}
.anniversary18th .camp_termsInner>p{
	margin-bottom: 22px;
}
.anniversary18th .camp_termsInner>p::before{
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 6px;
	color: #f0781f;
}

.anniversary18th .camp_termsInner>p:last-child{
	margin-bottom: 0;
}

.anniversary18th .camp_terms.attn{
	background-color: #fcebeb;

}
.anniversary18th .camp_termsInner.attn{
	scrollbar-color: #bd5151;
}
.anniversary18th .camp_termsInner.attn::-webkit-scrollbar-thumb {
  background-color: #bd5151;
}
.anniversary18th .camp_termsInner.attn>p::before{
	content: "\f06a";
	color: #bd5151;
}
.anniversary18th .shopping{
	width: 70%;
	margin: 3% auto 3%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
.anniversary18th .item-box{
  width: calc((100% - 20px * 2) / 2);
}
.anniversary18th .shopping p{
	font-size: 14px;
	margin-bottom: 2%;
	text-align: center;
}
.anniversary18th .shopping img{
	width: 96%;
}
.anniversary18th .item-box .button {
  	max-width: 180px;
	margin-top: 10px;
}
.anniversary18th .item-box a.btn_more {
  	height: 40px;
  	padding: 0 45px 0 25px;
  	font-size: 14px;
}



/* event02 */
/* ============================================ */

.anniversary18th .koumoku{
	width: 90%;
    padding: 1.5em 2em;
    margin: 2% auto;
    border: solid 2px #1b1b1b;
	background-color: #fff;
	text-align: left;
}

.anniversary18th .koumoku li{
	display: flex;
}

.anniversary18th .bottom-line {
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: solid 2px silver;
}

.anniversary18th .koumoku .weight{
	font-weight: 600;
	font-size: 18px;
}

.anniversary18th .koumoku li div{
	width: 66px;
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select: none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}

.anniversary18th .koumoku p{
    margin: 0; 
    padding: 0;
	line-height: 1.8em;
}

.anniversary18th .koumoku .main{
	margin-top: 18px;
	text-align: left;
}


/* event05 */
/* ============================================ */
.anniversary18th .sarani{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 10px;
}

/* event06 */
/* ============================================ */
.anniversary18th #event06 .attention p{
	padding-left:0;
	text-indent:0;
	margin-bottom: 8px;
}


.anniversary18th #page-top {
  position: fixed;
  bottom: 20px;
  right: 16px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
.anniversary18th #page-top a {
  background: #ba4147;
  text-decoration: none;
  color: #fff;
  padding: 18px 0;
  width: 68px;
  height:68px;
  text-align: center;
  display: block;
  border-radius: 50vh;
  opacity: 0.86;
  transition: all .3s ease;
}
.anniversary18th #page-top a:hover {
  text-decoration: none;
  opacity: .5;
}

@media screen and (max-width: 1100px){
.parts_main{
	max-width: none;
}
}
 
@media only screen and (max-width: 767px) {

/* main */
/* ============================================ */

.pc_main img{
	display: none !important;
}
.sp_main{
	width: 100%;
	display: block !important;
}
.sp_main img{
	max-width: 100%;
}

.anniversary18th p{
	font-size: 15px;
}

/* message */
/* ============================================ */

.anniversary18th .message{
	padding: 40px 0;
}
.anniversary18th .message_text{
	width: 96%;
}
.anniversary18th .message_text img{
	margin-bottom: 10px;
	width: 140px;
}

/* event lineup */
/* ============================================ */

.anniversary18th .lineup img{
	width: 220px;
}
.anniversary18th .lineup .t_lineup{
	margin-bottom: 10px;
}
.anniversary18th .lineup .list{
	width: 100%;
}
.anniversary18th ol.e_list li{
  padding: 12px 16px  12px 48px;
  line-height: 26px;
}
.anniversary18th ol.e_list li:before{
  left: -4px;
  top: 20%;
}

/* contents共通 */
/* ============================================ */

.anniversary18th h1{
	font-size: 18px;
	line-height: 1.6;
	width: 96%;
	margin: 0 auto 4%;
}
.anniversary18th .contents{
	padding: 60px 0 40px;
}
.anniversary18th .sub-white{
	width: 96%;
	border-radius: 20px;
	padding: 0 0 22px;
}
.anniversary18th .white_ribbon{
  	width: 200px;
	top: -20px;
}
.anniversary18th .spbr{
    display: block;
}
.anniversary18th details{
	display: block;
	margin: 4% auto 4%;
	line-height: 1.5em;
	width: 90%;
}
.anniversary18th details a{
	text-decoration: underline;
}
.anniversary18th details summary{
	color: #363636;
	line-height: 1.8;
	margin-bottom: 10px;
}
.anniversary18th .review_pc{
	display: none;
}

.anniversary18th .mv{
	width: 90%;
}
.anniversary18th .mv img{
	border-radius: 20px;
}
.anniversary18th .award{
	max-width: 96%;
}
.anniversary18th .big_text_sub{
	font-size: 20px;
}

.anniversary18th .ribbon_shosai {
  font-size: 18px;
}

.anniversary18th .awardribbon_wrapper {
  padding: 20px;
  width: 94%;
}

.anniversary18th .awardribbon_content {
  width: 85px;
  height: 85px;
  }

.anniversary18th .awardribbon {
  width: 160px;
  font-size: 14px;
  padding: 5px 0;
}

.anniversary18th .awardribbon_title{
	font-size: 17px;
}

.anniversary18th .attention{
	padding: 20px 14px;
	margin: 20px auto;
	width: 92%;
}
.anniversary18th .attention h3{
	font-size: 18px;
}
.anniversary18th .jouken_img img{
	width: 100%;
}

.anniversary18th .ribbon13-wrapper {
	width: 90%;
	margin: 26px auto;
	padding: 1.4% 0 3%;
  }
  
  .anniversary18th .ribbon13-wrapper .coupon-img{
	width: 88%;
	margin: 6% auto 0;
}

.anniversary18th .ribbon13-wrapper .coupon-img img{
	width: 100%;
}
.anniversary18th .kome{
	font-size: 13px;
}

.anniversary18th a.btn_more {
  	width: 96%;
  	height: 50px;
  	font-size: 14px;
	margin: 0 auto;
}

.anniversary18th .ribbon13-wrapper .ribbon_img{
	width: 90%;
}

.anniversary18th .awardribbon_image{
	width: 100%;
}

.anniversary18th .koumoku .weight{
	font-size: 16px;
	line-height: 1.4;
}
.anniversary18th .item-box{
  width: calc((100% - 15px * 2) / 2);
}
.anniversary18th .shopping{
	width: 100%;
	margin: 3% auto 3%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
}

}