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

style.css

----------------------------------------------------------------------- */

/*-----------------------------------------------------------------
	common
-----------------------------------------------------------------*/

/* margin
------------------------------------------------------------ */

.mt0 { margin-top:0px!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }
.mt55 { margin-top:55px!important; }
.mt60 { margin-top:60px!important; }

@media screen and (max-width: 767px) {
	.mt0sp { margin-top:0px!important; }
	.mt5sp { margin-top:5px!important; }
	.mt10sp { margin-top:10px!important; }
	.mt15sp { margin-top:15px!important; }
	.mt20sp { margin-top:20px!important; }
	.mt25sp { margin-top:25px!important; }
	.mt30sp { margin-top:30px!important; }
	.mt35sp { margin-top:35px!important; }
	.mt40sp { margin-top:40px!important; }
	.mt45sp { margin-top:45px!important; }
	.mt50sp { margin-top:50px!important; }
	.mt55sp { margin-top:55px!important; }
	.mt60sp { margin-top:60px!important; }
}
@media print, screen and (min-width: 768px) {
	.mt0pc { margin-top:0px!important; }
	.mt5pc { margin-top:5px!important; }
	.mt10pc { margin-top:10px!important; }
	.mt15pc { margin-top:15px!important; }
	.mt20pc { margin-top:20px!important; }
	.mt25pc { margin-top:25px!important; }
	.mt30pc { margin-top:30px!important; }
	.mt35pc { margin-top:35px!important; }
	.mt40pc { margin-top:40px!important; }
	.mt45pc { margin-top:45px!important; }
	.mt50pc { margin-top:50px!important; }
	.mt55pc { margin-top:55px!important; }
	.mt60pc { margin-top:60px!important; }
}

.mb0 { margin-top:0px!important; }
.mb5 { margin-top:5px!important; }
.mb10 { margin-top:10px!important; }
.mb15 { margin-top:15px!important; }
.mb20 { margin-top:20px!important; }
.mb25 { margin-top:25px!important; }
.mb30 { margin-top:30px!important; }
.mb35 { margin-top:35px!important; }
.mb40 { margin-top:40px!important; }
.mb45 { margin-top:45px!important; }
.mb50 { margin-top:50px!important; }
.mb55 { margin-top:55px!important; }
.mb60 { margin-top:60px!important; }

@media screen and (max-width: 767px) {
	.mb0sp { margin-bottom:0px!important; }
	.mb5sp { margin-bottom:5px!important; }
	.mb10sp { margin-bottom:10px!important; }
	.mb15sp { margin-bottom:15px!important; }
	.mb20sp { margin-bottom:20px!important; }
	.mb25sp { margin-bottom:25px!important; }
	.mb30sp { margin-bottom:30px!important; }
	.mb35sp { margin-bottom:35px!important; }
	.mb40sp { margin-bottom:40px!important; }
	.mb45sp { margin-bottom:45px!important; }
	.mb50sp { margin-bottom:50px!important; }
	.mb55sp { margin-bottom:55px!important; }
	.mb60sp { margin-bottom:60px!important; }
}
@media print, screen and (min-width: 768px) {
	.mb0pc { margin-bottom:0px!important; }
	.mb5pc { margin-bottom:5px!important; }
	.mb10pc { margin-bottom:10px!important; }
	.mb15pc { margin-bottom:15px!important; }
	.mb20pc { margin-bottom:20px!important; }
	.mb25pc { margin-bottom:25px!important; }
	.mb30pc { margin-bottom:30px!important; }
	.mb35pc { margin-bottom:35px!important; }
	.mb40pc { margin-bottom:40px!important; }
	.mb45pc { margin-bottom:45px!important; }
	.mb50pc { margin-bottom:50px!important; }
	.mb55pc { margin-bottom:55px!important; }
	.mb60pc { margin-bottom:60px!important; }
}


/* padding
------------------------------------------------------------ */

.pt0 { padding-top:0px!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt45 { padding-top:45px!important; }
.pt50 { padding-top:50px!important; }
.pt55 { padding-top:55px!important; }
.pt60 { padding-top:60px!important; }

@media screen and (max-width: 767px) {
	.pt0sp { padding-top:0px!important; }
	.pt5sp { padding-top:5px!important; }
	.pt10sp { padding-top:10px!important; }
	.pt15sp { padding-top:15px!important; }
	.pt20sp { padding-top:20px!important; }
	.pt25sp { padding-top:25px!important; }
	.pt30sp { padding-top:30px!important; }
	.pt35sp { padding-top:35px!important; }
	.pt40sp { padding-top:40px!important; }
	.pt45sp { padding-top:45px!important; }
	.pt50sp { padding-top:50px!important; }
	.pt55sp { padding-top:55px!important; }
	.pt60sp { padding-top:60px!important; }
}
@media print, screen and (min-width: 768px) {
	.pt0pc { padding-top:0px!important; }
	.pt5pc { padding-top:5px!important; }
	.pt10pc { padding-top:10px!important; }
	.pt15pc { padding-top:15px!important; }
	.pt20pc { padding-top:20px!important; }
	.pt25pc { padding-top:25px!important; }
	.pt30pc { padding-top:30px!important; }
	.pt35pc { padding-top:35px!important; }
	.pt40pc { padding-top:40px!important; }
	.pt45pc { padding-top:45px!important; }
	.pt50pc { padding-top:50px!important; }
	.pt55pc { padding-top:55px!important; }
	.pt60pc { padding-top:60px!important; }
}

.pb0 { padding-bottom:0px!important; }
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }
.pb55 { padding-bottom:55px!important; }
.pb60 { padding-bottom:60px!important; }

@media screen and (max-width: 767px) {
	.pb0sp { padding-bottom:0px!important; }
	.pb5sp { padding-bottom:5px!important; }
	.pb10sp { padding-bottom:10px!important; }
	.pb15sp { padding-bottom:15px!important; }
	.pb20sp { padding-bottom:20px!important; }
	.pb25sp { padding-bottom:25px!important; }
	.pb30sp { padding-bottom:30px!important; }
	.pb35sp { padding-bottom:35px!important; }
	.pb40sp { padding-bottom:40px!important; }
	.pb45sp { padding-bottom:45px!important; }
	.pb50sp { padding-bottom:50px!important; }
	.pb55sp { padding-bottom:55px!important; }
	.pb60sp { padding-bottom:60px!important; }
}
@media print, screen and (min-width: 768px) {
	.pb0pc { padding-bottom:0px!important; }
	.pb5pc { padding-bottom:5px!important; }
	.pb10pc { padding-bottom:10px!important; }
	.pb15pc { padding-bottom:15px!important; }
	.pb20pc { padding-bottom:20px!important; }
	.pb25pc { padding-bottom:25px!important; }
	.pb30pc { padding-bottom:30px!important; }
	.pb35pc { padding-bottom:35px!important; }
	.pb40pc { padding-bottom:40px!important; }
	.pb45pc { padding-bottom:45px!important; }
	.pb50pc { padding-bottom:50px!important; }
	.pb55pc { padding-bottom:55px!important; }
	.pb60pc { padding-bottom:60px!important; }
}

.di-b { display:block; }
.di-ib { display:inline-block; text-indent:0; }

.brSp { display:none; }
.brTab { display:none; }
.brPc { display:none; }

@media screen and (max-width: 767px) {
	.brSp { display:block; }
}
@media print, screen and (min-width: 768px) {
	.brPc { display:block; }
}


/* width
------------------------------------------------------------ */
#christmascharity2025 .max-width1000 { max-width:1000px; margin:0 auto; }
#christmascharity2025 .max-width960 { max-width:960px; margin:0 auto; }
#christmascharity2025 .max-width800 { max-width:800px; margin:0 auto; }
#christmascharity2025 .max-width640 { max-width:640px; margin:0 auto; }



/* text
------------------------------------------------------------ */
#christmascharity2025 h2,#christmascharity2025 h3,#christmascharity2025 h3,#christmascharity2025 h4,#christmascharity2025 h5 {
	border:none;
}

#christmascharity2025 .fsD1 { font-size:0.93em; }
#christmascharity2025 .fsD2 { font-size:0.86em; }
#christmascharity2025 .fsD3 { font-size:0.79em; }
#christmascharity2025 .fsD4 { font-size:0.72em; }
#christmascharity2025 .fsD5 { font-size:0.65em; }
#christmascharity2025 .fsD6 { font-size:0.58em; }

#christmascharity2025 .fsU1 { font-size:1.07em; }
#christmascharity2025 .fsU2 { font-size:1.14em; }
#christmascharity2025 .fsU3 { font-size:1.21em; }
#christmascharity2025 .fsU4 { font-size:1.28em; }
#christmascharity2025 .fsU5 { font-size:1.35em; }
#christmascharity2025 .fsU6 { font-size:1.42em; }
#christmascharity2025 .coutionTxt { font-size:0.86em; text-indent:-1em; padding-left:1em; }

#christmascharity2025 .red {
	color:#a5002a;
	font-size:1em;
}
#christmascharity2025 .center {
	text-align:center;
}
@media screen and (max-width: 767px) {
	#christmascharity2025 .centerSp {
		text-align:center;
	}
}
@media print, screen and (min-width: 768px) {
	#christmascharity2025 .centerPc {
		text-align:center;
	}
}

#christmascharity2025 .txtS {
	font-size:0.86em;
}
#christmascharity2025 .coutionTxt {
	margin:0;
	padding:0;
	padding-left:1em;
	text-indent:-1em;
}
#christmascharity2025 .coutionList li {
	padding-left:1em;
	text-indent:-1em;
}



/* page
------------------------------------------------------------ */
.w-fix-large {
	width:100%;
	max-width:100%;
}
.w-fix-large > div{
	margin:0!important;
	padding:0!important;
}

#christmascharity2025 {
	margin:0;
	padding:0;
	font-size:1.6rem;
	line-height:1.8;
	color:#111;
	box-sizing:border-box;
	background:url(../img/bg.png) no-repeat 50% 0% #fff200;
}
#christmascharity2025 img{
	width:100%;
	height:auto;
}

#christmascharity2025 .nBtn {
	display:inline-block;
	min-width:200px;
	margin:0;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:#0d5d38;
	border-radius:4px;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	transition:all 0.5s ease;
	position:relative;
}
#christmascharity2025 .nBtn.l3 {
	padding-top:8px ;
	padding-bottom:8px ;
	line-height:1.2;
}
#christmascharity2025 .nBtn::before {
	content: '';
	margin:auto;
	width: 0;
	height: 0;
	border-left: 8px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position:absolute;
	top:0;
	bottom:0;
	left:15px;
	transition:left 0.5s ease;
}
#christmascharity2025 .nBtn:hover {
	background:#03381f;
}
#christmascharity2025 .nBtn:hover::before {
	left:18px;
}

#christmascharity2025 .headline {
	width:93%;
	margin:0 auto;
	padding-left:110px;
	font-size:2.8rem;
	line-height:60px;
	color:#fff;
	background-image:url(../img/icon_bell.png);
	background-repeat:no-repeat;
	background-color:#431715;
	border-radius:6px;
}


@media screen and (max-width:640px) {
	#christmascharity2025 {
		padding:0 0 60px;
	}
	#christmascharity2025 .headline {
		padding:12px 12px 12px 75px;
		font-size:2.0rem;
		line-height:1.3;
		background-position:15px 50%;
		background-size:45px auto;
	}
	#christmascharity2025 .nBtn {
		padding:0 10px 0 25px;
		font-size:1.4rem;
		line-height:38px;
	}
	#christmascharity2025 .nBtn::before {
		left:10px;
	}
	#christmascharity2025 .nBtn:hover::before {
		left:13px;
	}
}

@media screen and (min-width:641px) and (max-width: 767px)  {
	#christmascharity2025 {
		padding:0 0 80px;
	}
	#christmascharity2025 .headline {
		padding:8px 8px 8px 90px;
		font-size:2.4rem;
		line-height:1.3;
		background-position:20px 50%;
		background-size:50px auto;
	}
	#christmascharity2025 .nBtn {
		padding:0 15px 0 30px;
		font-size:1.5rem;
		line-height:40px;
	}
	#christmascharity2025 .nBtn::before {
		left:12px;
	}
	#christmascharity2025 .nBtn:hover::before {
		left:15px;
	}
}

@media print, screen and (min-width: 768px) {
	#christmascharity2025 {
		padding:0 0 100px;
	}
	#christmascharity2025 .headline {
		padding-left:110px;
		font-size:2.8rem;
		line-height:60px;
		background-position:25px 50%;
	}
	#christmascharity2025 .nBtn {
		padding:0 20px 0 35px;
		font-size:1.6rem;
		line-height:42px;
	}
	#christmascharity2025 .nBtn::before {
		left:15px;
	}
	#christmascharity2025 .nBtn:hover::before {
		left:18px;
	}
}


/*-----------------------------------------------------------------
	mainimg
-----------------------------------------------------------------*/

#christmascharity2025 #mainimg {
	width:100%;
}
#christmascharity2025 #mainimg h1{
	width:100%;
	margin:0 auto;
}

@media screen and (max-width:767px) {
	#christmascharity2025 #mainimg {
		padding:0 0 0;
	}
}

@media screen and (min-width: 768px) {
	#christmascharity2025 #mainimg {
		padding:20px 0 0;
		background:url(../img/mainimg_bg.png) no-repeat 50% 0% ;
		background-size:111.75% auto;
	}
	#christmascharity2025 #mainimg .inner {
		max-width:1300px;
		min-width:1200px;
		margin:0 auto;
	}
	#christmascharity2025 #mainimg h1{
		padding:0 30.75% 0 1.5%;
	}
	#christmascharity2025 #mainimg h1 img{
		max-width:880px;
	}
}

@media print, screen and (min-width: 1300px) {
	#christmascharity2025 #mainimg {
		background-size:1450px auto;
	}
}


/*-----------------------------------------------------------------
	contentsArea
-----------------------------------------------------------------*/

#christmascharity2025 #contentsArea {
	width:97.5%;
	max-width:1300px;
	margin:0 auto;
	padding:0 0 50px;
	background:url(../img/contentsarea_bg.png) repeat 50% 0 #ffffff;
}
#christmascharity2025 #contentsArea .inner {
	width:100%;
	padding:0 5%;
}

@media screen and (max-width:767px) {
	#christmascharity2025 #contentsArea {
		min-width:320px;
		border-radius:10px;
	}
}

@media screen and (min-width: 768px) {
	#christmascharity2025 #contentsArea {
		border-radius:20px;
	}
}


/*-----------------------------------------------------------------
	leadBox
-----------------------------------------------------------------*/

#christmascharity2025 #contentsArea .leadBox {
	width:100%;
	margin:0 auto;
}
#christmascharity2025 #contentsArea .leadBox .txtimg {
	max-width:760px;
	margin-bottom:20px;
}

@media screen and (max-width:599px) {
	#christmascharity2025 #contentsArea .leadBox {
		padding:50px 5% 140px;
		background:url(../img/lead_img_sp.png) no-repeat left 55% bottom 10px;
		background-size:260px auto;
	}
	#christmascharity2025 #contentsArea .leadBox img {
		max-width:500px;
	}
}

@media screen and (min-width:600px) and (max-width:767px) {
	#christmascharity2025 #contentsArea .leadBox {
		padding:50px 5% 40px;
		background:url(../img/lead_img.png) no-repeat right 0px bottom 10px;
		background-size:240px auto;
	}
}

@media screen and (min-width: 768px) {
	#christmascharity2025 #contentsArea .leadBox {
		padding:50px 5% 40px;
		background:url(../img/lead_img.png) no-repeat 97.5% 60%;
	}
}


/*-----------------------------------------------------------------
	areaTab
-----------------------------------------------------------------*/

#christmascharity2025 #contentsArea #areaTab {
	display:-webkit-box;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
	padding:0 5%;
	border-bottom:1px solid #0d5d38;
	position:relative;
}
#christmascharity2025 #contentsArea #areaTab li{
	width:32.66%;
	margin-left:1%;
	font-size:2.0rem;
	line-height:82px;
	color:#fff;
	text-align:center;
	background:#0d5d38;
	border:1px solid #0d5d38;
	cursor:pointer;
	position:relative;
	bottom:-1px;
	transition:background 0.5s ease;
}
#christmascharity2025 #contentsArea #areaTab li:hover{
	background:#03381f;
}
#christmascharity2025 #contentsArea #areaTab li.cur{
	color:#0d5d38;
	background:transparent;
	border-bottom:1px solid #fff;
	cursor:auto;
}
#christmascharity2025 #contentsArea #areaTab li:first-child{
	margin-left:0;
}

@media screen and (max-width:640px) {
	#christmascharity2025 #contentsArea #areaTab {
		padding:0 3%;
	}
	#christmascharity2025 #contentsArea #areaTab li{
		font-size:1.5rem;
		line-height:54px;
	}
}

@media screen and (min-width:641px) and (max-width:767px) {
	#christmascharity2025 #contentsArea #areaTab {
		padding:0 4%;
	}
	#christmascharity2025 #contentsArea #areaTab li{
		font-size:1.8rem;
		line-height:68px;
	}
}

@media screen and (min-width: 768px) {
	#christmascharity2025 #contentsArea #areaTab {
		padding:0 5%;
	}
	#christmascharity2025 #contentsArea #areaTab li{
		font-size:2.0rem;
		line-height:82px;
	}
}


/*-----------------------------------------------------------------
	hotelArea
-----------------------------------------------------------------*/
#christmascharity2025 #contentsArea #hotelArea .inner {
	width:100%;
	padding:0 5% 0;
}
#christmascharity2025 #contentsArea #hotelArea .hotelList {
	display:-webkit-box;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#christmascharity2025 #contentsArea #hotelArea .hotelList li {
	background:#fff;
	border-radius:6px;
	box-shadow: 0px 0px 10px 0px rgba(190,190,190,0.4);
	overflow:hidden;
}
#christmascharity2025 #contentsArea #hotelArea .hotelList li a{
	display:-webkit-box;
	display:flex;
	width:100%;
	text-decoration:none;
}
#christmascharity2025 #contentsArea #hotelArea .hotelList li a .photo{
	width:140px;
}
#christmascharity2025 #contentsArea #hotelArea .hotelList li a .data{
	width: calc(100% - 140px);
	padding:15px;
	position:relative;
}
#christmascharity2025 #contentsArea #hotelArea .hotelList li a .data .hotel_name {
	font-size:1.5rem;
	line-height:1.5;
	font-weight:600;
}
#christmascharity2025 #contentsArea #hotelArea .hotelList li a .data .area_name {
	font-size:1.3rem;
	line-height:1.2;
	color:#666;
	position:absolute;
	bottom:15px;
	left:15px;
}

@media screen and (max-width:699px) {
	#christmascharity2025 #contentsArea #hotelArea {
		padding:35px 0 0;
	}
	#christmascharity2025 #contentsArea #hotelArea .hotelList {
		padding:10px 0;
	}
	#christmascharity2025 #contentsArea #hotelArea .hotelList li {
		width:100%;
		margin-top:10px;
	}
}

@media screen and (min-width:700px) and (max-width:767px) {
	#christmascharity2025 #contentsArea #hotelArea {
		padding:40px 0 0;
	}
	#christmascharity2025 #contentsArea #hotelArea .hotelList {
		padding:15px 0;
	}
	#christmascharity2025 #contentsArea #hotelArea .hotelList li {
		width:49%;
		margin-top:15px;
		margin-left:2%;
	}
	#christmascharity2025 #contentsArea #hotelArea .hotelList li:nth-child(2n+1) {
		margin-left:0;
	}
}

@media screen and (min-width: 768px) {
	#christmascharity2025 #contentsArea #hotelArea {
		padding:60px 0 0;
	}
	#christmascharity2025 #contentsArea #hotelArea .hotelList {
		padding:20px 0;
	}
	#christmascharity2025 #contentsArea #hotelArea .hotelList li {
		width:31.33%;
		margin-top:20px;
		margin-left:3%;
	}
	#christmascharity2025 #contentsArea #hotelArea .hotelList li:nth-child(3n+1) {
		margin-left:0;
	}
}


/*-----------------------------------------------------------------
	restaurantArea
-----------------------------------------------------------------*/

#christmascharity2025 #contentsArea #restaurantArea .inner {
	width:100%;
	padding:0 5% 0;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList {
	display:-webkit-box;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li {
	background:#fff;
	border-radius:6px;
	box-shadow: 0px 0px 10px 0px rgba(190,190,190,0.4);
	overflow:hidden;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li a{
	display:block;
	width:100%;
	text-decoration:none;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .photo{
	width:100%;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .data{
	width:100%;
	padding:20px 10px;
	position:relative;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .data .hotel_name {
	font-size:1.3rem;
	line-height:1.5;
	color:#666;
	text-align:center;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .data .restaurant_name {
	margin:3px 0 15px;
	font-size:1.6rem;
	line-height:1.5;
	font-weight:600;
	text-align:center;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .data .menuTtl {
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .data .menuTtl::after {
	display:block;
	content:"";
	width:100%;
	height:1px;
	margin:auto 0;
	background:#676767;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	z-index:1;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .data .menuTtl span {
	display:inline-block;
	padding:0 1em;
	font-size:1.3rem;
	line-height:19px;
	color:#fff;
	text-align:center;
	background:#431715;
	position:relative;
	z-index:2;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .data .menuList {
	margin-top:10px;
}
#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li .data .menuList li {
	margin-top:3px;
	padding-left:1em;
	text-indent:-1em;
	font-size:1.3rem;
	line-height:1.8;
}
#christmascharity2025 #contentsArea #restaurantArea.en .restaurantList > li a .data .menuList li {
	padding-left:0.5em;
	text-indent:-0.5em;
}

@media screen and (max-width:540px) {
	#christmascharity2025 #contentsArea #restaurantArea {
		padding:35px 0 0;
	}
	#christmascharity2025 #contentsArea #restaurantArea .restaurantList {
		padding:10px 0;
	}
	#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li {
		width:100%;
		margin-top:10px;
	}
}

@media screen and (min-width:541px) and (max-width:767px) {
	#christmascharity2025 #contentsArea #restaurantArea {
		padding:40px 0 0;
	}
	#christmascharity2025 #contentsArea #restaurantArea .restaurantList {
		padding:15px 0;
	}
	#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li {
		width:49%;
		margin-top:15px;
		margin-left:2%;
	}
	#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li:nth-child(2n+1) {
		margin-left:0;
	}
}

@media screen and (min-width: 768px) {
	#christmascharity2025 #contentsArea #restaurantArea {
		padding:60px 0 0;
	}
	#christmascharity2025 #contentsArea #restaurantArea .restaurantList {
		padding:20px 0;
	}
	#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li {
		width:23.5%;
		margin-top:20px;
		margin-left:2%;
	}
	#christmascharity2025 #contentsArea #restaurantArea .restaurantList > li:nth-child(4n+1) {
		margin-left:0;
	}
}


/*-----------------------------------------------------------------
	yumeArea
-----------------------------------------------------------------*/
#christmascharity2025 #contentsArea #yumeArea {
	width:90%;
	max-width:940px;
	margin:40px auto;
	background:#ebedee;
	border-radius:10px;
	position:relative;
}
#christmascharity2025 #contentsArea #yumeArea .kazari{
	width:85px;
	margin:0 auto;
	position:absolute;
	top:-20px;
	left:0;
	right:0;
}
#christmascharity2025 #contentsArea #yumeArea .inner {
	display:-webkit-box;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
}
#christmascharity2025 #contentsArea #yumeArea .inner .logo {
	width:146px;
}
#christmascharity2025 #contentsArea #yumeArea .inner .data {
	width: calc(100% - 146px);
	font-size:1em;
	line-height:2;
}

@media screen and (max-width:540px) {
	#christmascharity2025 #contentsArea #yumeArea .inner {
		padding:30px 15px;
	}
	#christmascharity2025 #contentsArea #yumeArea .inner .logo {
		width:200px;
		margin:0 auto;
	}
	#christmascharity2025 #contentsArea #yumeArea .inner .data {
		width: 100%;
		margin-top:20px;
	}
	#christmascharity2025 #contentsArea #yumeArea .inner .btnBox {
		text-align:center;
	}
}

@media screen and (min-width:541px) and (max-width:767px) {
	#christmascharity2025 #contentsArea #yumeArea .inner {
		padding:20px 30px;
	}
	#christmascharity2025 #contentsArea #yumeArea .inner .data {
		width: calc(100% - 146px);
		padding-left:3em;
	}
}

@media screen and (min-width: 768px) {
	#christmascharity2025 #contentsArea #yumeArea .inner {
		padding:40px 50px;
	}
	#christmascharity2025 #contentsArea #yumeArea .inner .data {
		width: calc(100% - 146px);
		padding-left:3em;
	}
}


/*-----------------------------------------------------------------
	effect
-----------------------------------------------------------------*/

.effect-s {
	transform: translateY(50px);
	opacity: 0;
}
.effect-s.is-animated {
	transform: translateY(0);
	opacity: 1; 
	transition: 1.2s;
}