@charset "utf-8";

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/
main *{
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing: 0.02em !important;
	color: #333;
}
.fc_C22A39 {color:#C22A39;}/*フォントカラー赤*/
h2,h3,h4,h5{letter-spacing: 0.04em !important;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}
main *{line-height: 1.4;}
main img {
	width: 100%;
	height: auto
}

/* CSS */
#dirPathBlock {
	overflow-x: scroll;
	overflow-y: hidden;
}
#dirPathBlock,
#anchorLinkBlock {margin: 0 1%;}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
#dirPathBlock p {width: max-content;}
h1 {
	font-size: 12px;
	margin: 0 1% 1%;
}
hgroup {margin-bottom: 15px}
hgroup h2 {
	font-size: 25px;
	color: #0068B7;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2%;
	padding-bottom: 5px;
	clear: both;
	line-height: 35px;
}
hgroup h2 small {font-size: 15px;}
hgroup p {text-align: center;}
.inner{
	width: 90%;
	font-size: 12px;
	margin: 0 auto;
	padding: 25px 0;
	box-sizing: border-box;
}

/*title*/
#mainphoto,
#mainphoto img {
	width: 100%;
	display:block;
}

/*navi*/
#gnav {
	width: 100%;
	text-align: center;
	padding: 0;
	background: #fff;
	box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.25);
	border-radius: 0 0 15px 15px;
}
nav#gnav ul {
	display: flex;
	align-items: center;
}
nav#gnav ul li {
	width: 100%;
	font-size: 14px;
}
nav#gnav ul li a {
	display: block;
	position: relative;
	padding: 15px 0;
	font-size: 12px;
	color: #333
}

/*開催概要/アクセス*/
dl.detail_txt_wrap.logo {
	max-width: fit-content;
	margin: 200px auto 0;
	display: flex;
	position: relative;
}
dl.detail_txt_wrap.map {
	margin: 0 auto;
}
dl.detail_txt_wrap.logo > dt {
	position: absolute;
	top: -180px;
	width: 110px;
	left: calc((100% - 110px) / 2);
}
dl.detail_txt_wrap.map > dt,
dl.detail_txt_wrap.map > dt img {width: 100%;}

dl.detail_txt_wrap.logo dt .copyright {
	width: 150%;
	display: inline-block;
	text-align: center;
	margin: 15px 0 15px -25%;
	font-size: 10px;
}
dl.detail_txt_wrap.map dt .copyright {
	display: inline-block;
	text-align: center;
	margin: 0 0 15px;
	font-size: 10px;
}
dl.detail_txt_wrap .event-info.info {
	width: 100%;
	margin: 20px 0 0;
	font-size: 15px
}
dl.detail_txt_wrap .event-info.access {
	/*width: calc(100% - 120px);*/
	font-size: 12px
}
dl.detail_txt_wrap .info-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
	flex-wrap: wrap;
	justify-content: center;
}
dl.detail_txt_wrap p {
	color: #0070c0;
	margin-right: 12px;
}
dl.detail_txt_wrap .label {width: 100%;text-align: center;}
dl.detail_txt_wrap .event-info.access .info-item p{width: 100%; font-size: 14px;line-height: 1.5;}
dl.detail_txt_wrap .text {
	margin-top: 5px;
	color: #333;
}
dl.detail_txt_wrap .text small {
	font-size: 10px;
	font-weight: normal;
	color: #555;
	margin: 0;
}

.ticket-price_wrap .contents_wrap:last-of-type{ margin-bottom: -35px;}


/*おすすめホテル*/
.contents_wrap {margin-bottom: 25px;}
.contents_wrap h3 {
	margin: 15px 0;
	padding: 10px 0 10px 10px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	background: #0068B7;
}
p.comment_txt {
	font-size: 10px;
	margin: 0 0 15px;
}


/*btn*/
.btn_wrap {
	margin: 0 auto 15px;
}
a.btn {
	width: 96%;
	display: block;
	margin: 0 auto 10px;
	color: #0068B7;
	padding: 15px 0;
	font-size: 14px;
	position: relative;
	border-radius: 50px;
	box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
	text-align: center;
	border: 1px solid #0068B7;
	background: #FFF;
	box-sizing: border-box;
	position: relative
}
a.btn:after {
	background: url(../images/ico_arrow.svg) no-repeat;
	background-size: 100%;
	width: 28px;
	height: 28px;
	content: "";
	position: absolute;
	top: calc((100% - 28px) / 2);
	right: 10px;
}

	/*about*/
	.about_ticket_wrap > hgroup {
		margin: 25px 0 0;
    }
	.about_ticket_wrap > hgroup h2 {
        margin-bottom: 0;
    }
	.about_ticket {
		padding: 30px 0 15px;
background: -webkit-linear-gradient(#ffffff 0%, #cfeaff 10%, #cfeaff 90%, #ffffff 100%);
background: -o-linear-gradient(#ffffff 0%, #cfeaff 10%, #cfeaff 90%, #ffffff 100%);
background: linear-gradient(#ffffff 0%, #cfeaff 10%, #cfeaff 90%, #ffffff 100%);
	}
	.about_ticket .bg_white {
		width: 94%;
		font-size: 12px;
		margin: 0 auto 25px;
		padding: 15px;
		box-sizing: border-box;
		background: #FFF;
		border-radius: 10px;
    }
	.about_ticket_wrap hgroup h3 {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 15px;
	}
	.about_ticket_wrap hgroup p {
		font-size: 14px;
		text-align: center;
		line-height: 1.5;
	}
	.about_ticket .open-link {
		width: 100%;
		margin: 10px 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0;
		text-align: center;
		font-size: 14px;
		letter-spacing: -0.02em !important;
	}

	/*チケット*/
	.ticket-price_wrap .inner {padding-top: 0;}
	.ticket-container {
		display: flex;
		margin-bottom: 15px;
	}
	.ticket-container.noflex {
		display: block;
		margin-bottom: 15px;
	}
	.ticket-container.noflex hgroup {
		width: 100%;
	}
	.ticket-container hgroup {
		width: calc(100% - 100px);
		margin: 0;
		padding-right: 5px;
	}
	.ticket-container hgroup h4{
		margin-bottom: 6px;
		font-size: 20px;
		font-weight: bold;
		color: #0068B7;
	}
	.ticket-container hgroup p {
		text-align: left;
		line-height: 1.6;
	}
	.ticket-container img {
		width: 100px;
        height: 68px;
	}
	.price-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
        box-sizing: border-box;
        align-items: stretch;
		gap: 10px;
		background-color: #EDEDED;
		margin-bottom: 50px;
		padding: 10px;
		font-size: 14px;
	}
	.price-container .price-box {
		background-color: #fff;
		border-radius: 10px;
		margin: 0 auto;
		padding: 15px;
		text-align: center;
		box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		box-sizing: border-box;
		width: calc(50% - 5px);
	}
	.price-container hgroup {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		flex-wrap: wrap;
	}
	.price-container h5 {
		width: 100%;
		color: #333;
		font-weight: bold;
	}
	.price-container p.price,
	.price-container p.price span {
		color: #d60000 !important;
		font-weight: bold;
		margin: 0;
	}
	.price-container .price span {
		font-size: 32px;
	}
	.price-container .age {
		font-size: 12px;
		color: #555;
	}
	.price-container .free {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333;
	}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
#wrapper {line-height: 1.231;}
.pcnone{display:none;}
main *{line-height: 1.8;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: auto;
}
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#anchorLinkBlock {padding: 25px 0}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
    width: 100%;
	max-width:1080px;
	min-width:760px;
    margin: 0 auto 5px;
}
hgroup {margin-bottom: 50px}
hgroup h2 {
	font-size: 36px;
	color: #0068B7;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3%;
	padding-bottom: 5px;
	clear: both;
	line-height: 40px;
}
hgroup h2 small {font-size: 16px;}
hgroup p {
	text-align: center;
}
#link01 hgroup h2 { line-height: 50px;}
#link01 hgroup h2 small{ font-size: 20px;}



.inner{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: 0 auto;
	padding:50px 0;
	display: block;
	font-size: 16px;
}

/*title*/
#mainVisual {
	background: url(../images/main_bg.jpg) no-repeat center top;
	height: 400px;
}
#mainVisual img {
	display: block;
	width: 500px;
	height: auto;
	margin: 0 auto;
}

/*navi*/
#gnav {
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	background: #fff;
	box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.25);
	border-radius: 0 0 15px 15px;
}
nav#gnav ul {display: flex;}
nav#gnav ul li {
	width: 100%;
	font-size: 16px;
}
nav#gnav ul li a {
	display: block;
	position: relative;
	padding: 15px 0;
	color: #333
}

/*開催概要/アクセス*/
dl.detail_txt_wrap {
	margin: auto;
	display: flex;
}
dl.detail_txt_wrap.logo {
	justify-content: center;
}
dl.detail_txt_wrap dt {
	height: auto;
	margin-right: 50px;
}
dl.detail_txt_wrap.logo  > dt {width: 193px;}
dl.detail_txt_wrap.logo  > dt img {width: 100%;}
dl.detail_txt_wrap.map  > dt,
dl.detail_txt_wrap.map > dt img  {width: 500px;}
dl.detail_txt_wrap dt .copyright {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin: 0;
	font-size: 12px;
}
dl.detail_txt_wrap.logo dt .copyright { margin-top:10px;text-align: center;}

dl.detail_txt_wrap .event-info.info {font-size: 20px;margin-top: 15px;}
dl.detail_txt_wrap .event-info.access {font-size: 16px}
dl.detail_txt_wrap .info-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 25px;
	flex-wrap: wrap;
}
dl.detail_txt_wrap p {
	color: #0070c0;
	margin-right: 12px;
}
dl.detail_txt_wrap .label {width: 150px;}
dl.detail_txt_wrap .event-info.access .info-item p{width: 100%;}
dl.detail_txt_wrap .text {
	color: #333;
}
dl.detail_txt_wrap .text small {
	font-size: 16px;
	font-weight: normal;
	color: #555;
	margin: 0;
}

/*iPad //*/
@media (min-width: 760px) and (max-width: 1080px) {
	dl.detail_txt_wrap dt {margin-right: 15px;}
	dl.detail_txt_wrap p {margin-right: 0;}
	dl.detail_txt_wrap .label {width: 120px;}
	dl.detail_txt_wrap.map img {
		width: 350px;
		height: auto;
	}
}
/*// iPad*/

/*おすすめホテル*/
.contents_wrap {margin-bottom: 50px;}
.contents_wrap h3 {
	margin: 30px 0;
	padding: 10px 0 10px 10px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #0068B7;
}
p.comment_txt {
	font-size: 12px;
	margin: 0 0 25px;
	padding: 0 15px;
}


/*btn*/
.btn_wrap {
	display: flex;
	gap: 1%;
	margin: 0 auto 25px;
	padding: 0 25px;
}
a.btn {
	width: 100%;
	max-width: 650px;
	margin: auto;
	color: #0068B7;
	padding: 15px 0;
	font-size: 16px;
	position: relative;
	border-radius: 50px;
	box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
	text-align: center;
	border: 1px solid #0068B7;
	background: #FFF;
	box-sizing: border-box;
	position: relative
}
a.btn:after {
	background: url(../images/ico_arrow.svg) no-repeat;
	background-size: 100%;
	width: 32px;
	height: 32px;
	content: "";
	position: absolute;
	top: calc((100% - 32px) / 2);
	right: 15px;
}

	/*about*/
	.about_ticket_wrap {font-size: 16px}
	.about_ticket_wrap > hgroup {
		margin: 50px 0 30px;
    }
	.about_ticket_wrap > hgroup h2 {
        margin-bottom: 0;
    }
	.about_ticket {
		padding: 75px 0 25px;
background: -webkit-linear-gradient(#ffffff 0%, #cfeaff 10%, #cfeaff 90%, #ffffff 100%);
background: -o-linear-gradient(#ffffff 0%, #cfeaff 10%, #cfeaff 90%, #ffffff 100%);
background: linear-gradient(#ffffff 0%, #cfeaff 10%, #cfeaff 90%, #ffffff 100%);
	}
	.about_ticket .bg_white {
		width: 96%;
		max-width:1080px;
		margin: 0 auto 50px;
		padding: 25px;
		background: #FFF;
		border-radius: 10px;
		box-sizing: border-box;
    }
	.about_ticket .bg_white > hgroup {
		margin-bottom: 25px;
	}
	.about_ticket_wrap hgroup h3 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 25px;
	}
	.about_ticket_wrap hgroup p {
		text-align: center;
		font-size: 18px;
	}
	.about_ticket .open-link {
		width: 100%;
		margin: 10px 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		text-align: center;
	}

	/*チケット*/
	.ticket-price_wrap .inner {padding-top: 0;}
	.ticket-container {
		display: flex;
		margin-bottom: 25px;
		padding: 0 15px;
	}
	.ticket-container hgroup {
		width: calc(100% - 235px);
		margin: 0
	}
	.ticket-container hgroup h4{
		font-size: 30px;
		font-weight: bold;
		color: #0068B7;
		margin-bottom: 15px;
	}
	.ticket-container hgroup p {
		text-align: left;
		line-height: 2;
	}
	.ticket-container img {
		width: 235px;
		height: auto
	}
	.price-container {
		display: flex;
		justify-content: center;
		gap: 20px;
		background-color: #EDEDED;
		margin: 0 0 75px;
		padding: 20px;
		font-size: 20px;
	}
	.price-container .price-box {
		width: 25%;
		background-color: #fff;
		border-radius: 10px;
		padding: 15px;
		text-align: center;
		box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		box-sizing: border-box;
	}
	.price-container hgroup {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 15px;
		margin: 0;
	}
	.price-container h5 {
		color: #333;
		font-weight: bold;
	}
	.price-container p.price,
	.price-container p.price span {
		color: #d60000 !important;
		font-weight: bold;
		margin: 0;
	}
	.price-container .price span {
		font-size: 40px;
	}

	/*iPad //*/
	@media (min-width: 760px) and (max-width: 1080px) {
		.price-container {
			gap: 10px;
			padding: 10px;
			font-size: 18px;
		}
		.price-container .price-box {padding: 10px;}
		.price-container hgroup {gap: 10px;	}
		.price-container h5,
		.price-container .price {font-size: 14px;	}
		.price-container .price span {font-size: 28px;}
	}
	/*// iPad*/

	.price-container .age {
		font-size: 15px;
		color: #555;
	}
	.price-container .free {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333;
	}

}

/*------------------------------
scroll item
------------------------------*/
/*759px以下*/
@media screen and (max-width: 759.9px) {
	.scrollbox_wraper {
		margin-bottom: 25px;
		position: relative;
	}
	.scrollbox_wraper .scroll_left_btn,
	.scrollbox_wraper .scroll_right_btn {
		width: 32px;
		height: 32px;
		position: absolute;
		top: calc(50% - 32px);
		display: block;
		z-index: 1;
		background: #FFF;
		border-radius: 50%;
		box-shadow: 0px 0px 5px var(--box-shadow_grey);
	}
	.scrollbox_wraper .scroll_left_btn {left: 0;}
	.scrollbox_wraper .scroll_right_btn {right: 0;}
	.scrollbox_wraper .scroll_left_btn:after,
	.scrollbox_wraper .scroll_right_btn:after,
	.scrollbox_wraper .scroll_left_btn:before,
	.scrollbox_wraper .scroll_right_btn:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
	}
	.scrollbox_wraper .scroll_left_btn:after {
		position: absolute;
		top: 16px;
		left: 11px;
		border-left: 2px solid;
		border-top: 10px solid;
		transform: rotate(-45deg);
		-webkit-transform-origin-y: top;
		transform-origin: top;
	}
	.scrollbox_wraper .scroll_right_btn:after {
		position: absolute;
		top: 16px;
		right: 11px;
		border-left: 2px solid;
		border-top: 10px solid;
		transform: rotate(45deg);
		-webkit-transform-origin-y: top;
		transform-origin: top;
	}
	.scrollbox_wraper .scroll_left_btn:before {
		position: absolute;
		top: 7px;
		left: 11px;
		border-left: 2px solid;
		border-top: 10px solid;
		transform: rotate(45deg);
		-webkit-transform-origin-y: bottom;
		transform-origin: bottom;
	}
	.scrollbox_wraper .scroll_right_btn:before {
		position: absolute;
		top: 7px;
		right: 11px;
		border-left: 2px solid;
		border-top: 10px solid;
		transform: rotate(-45deg);
		-webkit-transform-origin-y: bottom;
		transform-origin: bottom;
	}
	.scrollbox_wraper .scroll_left_btn.non_scloll,
	.scrollbox_wraper .scroll_right_btn.non_scloll {
		transition: 0.1s;
		display:none!important;
	}
	.scrollbox_wraper .scrollbox {
		padding: 5px 0;
		overflow-x: scroll!important;
	}
	.scrollbox_wraper .scrollbox > ul {
		width: fit-content !important;
		display: flex !important;
		margin: 0 auto 15px !important;
	}
	.scrollbox_wraper .scrollbox > ul > li {
		width: calc(1038px / 4) !important;
		margin: 0 5px !important;
		padding: 15px;
		box-sizing: border-box;
		background-color: #FFF;
		border-radius: 10px;
		box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.25);
	}
	.scrollbox_wraper .scrollbox > ul > li a {color: #333}
	.scrollbox_wraper .scrollbox > ul > li h4 {
		font-size:14px;
		text-align: center;
		margin-bottom: 10px;
		align-content: center;
	}
	.scrollbox_wraper .scrollbox > ul > li img {
		width: 100%;
		height: auto
	}
	.scrollbox_wraper .scrollbox > ul > li .osusume_place {
    	text-align: right;
    	padding: 5px 0;
	}
	.scrollbox_wraper .scrollbox > ul > li .txt_rank {
		font-size: 13px;
        margin-bottom: 5px;
	}
	#area_hotel_allwrapper .scrollbox_wraper .scrollbox > ul > li .txt_rank {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
	}
	.scrollbox_wraper .scrollbox > ul > li .icon {
	background: #0068b7;
	display: inline-block;
	padding: 0 8px;
	color: #FFF;
    }
	.scrollbox_wraper .scrollbox > ul > li .txt_price {
	padding: 5px 0 0;
	font-size: 18px;
	text-align: center;
	letter-spacing: -0.005rem;
	line-height: 1;
    }
	.scrollbox_wraper .scrollbox > ul > li .txt_price strong {
	font-weight: bold;
	color: #c22a39;
    }
	.scrollbox_wraper .scrollbox > ul > li .txt_price small {font-size: 0.7rem;}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
		margin: 0 5px !important;
		background: #D9D9D9!important;
		border-radius: 5px !important;
	}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
		border-radius: 5px !important;
		background: #3C3D47!important;
	}
	
}

/*760px以上*/
@media screen and (min-width: 760px),print {
	.scrollbox_wraper {
		width: calc(100% - 80px);
		max-width: 1000px;
		margin: 0 auto 50px;
		position: relative;
	}
	.scrollbox_wraper .scroll_left_btn,
	.scrollbox_wraper .scroll_right_btn {
		width: 32px;
		height: 32px;
		position: absolute;
		top: calc(50% - 32px);
		display: block;
		z-index: 1;
		background: #FFF;
		border-radius: 50%;
		box-shadow: 0px 0px 5px var(--box-shadow_grey);
	}
	.scrollbox_wraper .scroll_left_btn {left: -30px;}
	.scrollbox_wraper .scroll_right_btn {right: -30px;}
	.scrollbox_wraper .scroll_left_btn:after,
	.scrollbox_wraper .scroll_right_btn:after,
	.scrollbox_wraper .scroll_left_btn:before,
	.scrollbox_wraper .scroll_right_btn:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
	}
	.scrollbox_wraper .scroll_left_btn:after {
		position: absolute;
		top: 16px;
		left: 11px;
		border-left: 2px solid;
		border-top: 10px solid;
		transform: rotate(-45deg);
		-webkit-transform-origin-y: top;
		transform-origin: top;
	}
	.scrollbox_wraper .scroll_right_btn:after {
		position: absolute;
		top: 16px;
		right: 11px;
		border-left: 2px solid;
		border-top: 10px solid;
		transform: rotate(45deg);
		-webkit-transform-origin-y: top;
		transform-origin: top;
	}
	.scrollbox_wraper .scroll_left_btn:before {
		position: absolute;
		top: 7px;
		left: 11px;
		border-left: 2px solid;
		border-top: 10px solid;
		transform: rotate(45deg);
		-webkit-transform-origin-y: bottom;
		transform-origin: bottom;
	}
	.scrollbox_wraper .scroll_right_btn:before {
		position: absolute;
		top: 7px;
		right: 11px;
		border-left: 2px solid;
		border-top: 10px solid;
		transform: rotate(-45deg);
		-webkit-transform-origin-y: bottom;
		transform-origin: bottom;
	}
	.scrollbox_wraper .scroll_left_btn.non_scloll,
	.scrollbox_wraper .scroll_right_btn.non_scloll {
		transition: 0.1s;
		display:none!important;
	}
	.scrollbox_wraper .scrollbox {
		padding: 5px 0;
		overflow-x: scroll!important;
	}
	.scrollbox_wraper .scrollbox > ul {
		width: fit-content !important;
		display: flex !important;
		margin: 0 auto 15px !important;
	}
	.scrollbox_wraper .scrollbox > ul > li {
		width: calc(958px / 4) !important;
		margin: 0 5px !important;
		padding: 8px;
		box-sizing: border-box;
		font-size: 12px;
		margin: 0 5px !important;
		padding: 15px;
		box-sizing: border-box;
		background-color: #FFF;
		border-radius: 10px;
		box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.25);
	}
	.scrollbox_wraper .scrollbox > ul > li a {color: #333}
	.scrollbox_wraper .scrollbox > ul > li h4 {
		font-size:18px;
		text-align: center;
		line-height: 1.2;
		margin-bottom: 15px;
		align-content: center;
	}
	.scrollbox_wraper .scrollbox > ul > li img {
		width: 100%;
		height: auto
	}
	.scrollbox_wraper .scrollbox > ul > li .osusume_place {
    	text-align: right;
    	padding: 8px 0;
	}
	.scrollbox_wraper .scrollbox > ul > li .txt_rank {
		font-size: 13px;
		margin-bottom: 10px;
	}
	#area_hotel_allwrapper .scrollbox_wraper .scrollbox > ul > li .txt_rank {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
	}
	.scrollbox_wraper .scrollbox > ul > li .icon {
	background: #0068b7;
	display: inline-block;
	padding: 0 10px;
	color: #FFF;
    }
	.scrollbox_wraper .scrollbox > ul > li .txt_price {
	padding: 5px 0 0;
	font-size: 20px;
	text-align: center;
	letter-spacing: -0.005rem;
	line-height: 1;
    }
	.scrollbox_wraper .scrollbox > ul > li .txt_price strong {
	font-weight: bold;
	color: #c22a39;
    }
	.scrollbox_wraper .scrollbox > ul > li .txt_price small {font-size: 0.7rem;}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
		margin: 0 5px !important;
		background: #D9D9D9!important;
		border-radius: 5px !important;
	}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
		border-radius: 5px !important;
		background: #3C3D47!important;
	}

	/*1077px以下*/
	@media screen and (max-width: 1077.9px),print {
		.scrollbox_wraper.pc_no_slider .scrollbox > ul li{
			width: 24%!important;
			margin: 0 0.5%!important;
		}
	}
	@media (min-width: 760px) and (max-width: 900px){
		/*------------------------------
		for Tablet
		------------------------------*/
		.scrollbox_wraper .scrollbox {
			overflow-x: scroll!important;
			padding: 0;
		}
		.scrollbox_wraper .scrollbox > ul > li {
			margin: 0 1%;
			background: #fff;
		}
		.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
		.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
			margin: 0 5px!important;
			background: #D9D9D9!important;
			border-radius: 5px!important;
		}
		.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
			border-radius: 5px!important;
			background: #3C3D47!important;
		}
	}

	/*スクロールなし*/
	.scrollbox_wraper.pc_no_slider {
		margin-bottom: 15px;
		position: relative;
	}
	.scrollbox_wraper.pc_no_slider .scroll_left_btn,
	.scrollbox_wraper.pc_no_slider .scroll_right_btn,
	.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar,
	.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar-track,
	.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar-thumb {display:none!important;}
	.scrollbox_wraper.pc_no_slider .scrollbox > ul{flex-wrap: wrap;}
	.scrollbox_wraper.pc_no_slider .scrollbox > ul li{margin-bottom: 10px !important;}
}