@charset "UTF-8";
@media screen and (min-width: 801px) {}
@media screen and (max-width: 800px) {}
/* =====================================
	全体設定
===================================== */
figure {
	margin: 0;
}
.bold {
	font-weight: bold;
}
.l-container {
	overflow: visible!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media screen and  (min-width: 801px) and (max-width:1200px) {
/*
.pc_area_l .txt01 {
	position: absolute;
	right: 0px;
	width: 355px;
	margin: 0 auto;
}
*/
.pc_area_r .lnav  {
}
.pc_area_r .lnav ul  {
	width: 280px;
	margin: 0;
}
.pc_area_r .lnav .img {
	width: 70px;
}
.pc_area_r .pc_entry ul  {
	display: flex;
	justify-content: flex-start;
	width: 280px;
	margin: 0 auto;
}

}
@media screen and (max-height:780px) {
}
@media screen and (max-height:800px) {

.pc_area_r .pc_entry  {
	position: static!important;
	
}

}
@media screen and (min-width: 801px) {
.dsp_pc {
	display: block;
}
.inl_pc {
	display: inline;
}
.dsp_sp {
	display: none;
}
.inl_sp {
	display: none;
}
.rewind_bg {
	z-index: 1;
	position: relative;
	background: #bfeffa;
}
.rewind_container {
	display: flex;
	width: 100%;
	/*min-width: 1400px;*/
}
.pc_area_l {
	position: relative;
	width: calc( 50% - 225px);
}
.pc_area_l .pc_bg {
	position: sticky;
	top: 180px;
	left: 0;
	width: 100%;
	height: calc( 100vh - 180px);
}
.pc_area_l .txt01 {
	text-align: center;
}
.pc_area_l .txt01 img {
	width: 100%;
	height: calc( 100vh - 180px);
	object-fit: contain;
	min-width: 300px;
	min-height: 600px;
}

.pc_area_r {
	position: relative;
	box-sizing: border-box;
	width: calc( 50% - 225px);
}
.pc_area_r .container {
	position: sticky;
	top: 180px;
	left: 0;
	width: 100%;
	height: calc( 100vh - 180px);
}
.pc_area_r .lnav  {
	overflow: hidden;
	display: block;
	padding: 60px 40px 20px;
}
.pc_area_r .lnav ul  {
	position: relative;
	max-width: 315px;
	margin: 0 auto;
	padding: 10px 10px 10px 40px;
	border-radius: 10px;
	background: #ffffff;
}
.pc_area_r .lnav .img {
	z-index: 2;
	position: absolute;
	right: -25px;
	top: -25px;
}
.pc_area_r .lnav ul li  {
	position: relative;
}
.pc_area_r .lnav ul li.on::before  {
	position: absolute;
	left: -26px;
	top: 10px;
	content: "";
	width: 21px;
	height: 18px;
	background: url(../../../../img/campaign/westerfesta/202609/lnav_on.png);
	background-size: 21px auto;
}
/*
.pc_area_r .lnav ul li:first-child.on::before  {
	top: 10px;	
}
*/
.pc_area_r .pc_entry  {
	overflow: hidden;
	box-sizing: border-box;
	display: block;
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	padding: 0 40px;
}
.pc_area_r .pc_entry ul  {
	display: flex;
	justify-content: flex-start;
	max-width: 315px;
	margin: 0 auto;
}
.pc_area_r .pc_entry ul li {
	position: relative;
	max-width: 150px;
}
.pc_area_r .pc_entry ul li:first-child {
	margin-right: 15px;
}
.pc_area_r .pc_entry ul li #my_qr_code_div_id2 {
	position: absolute;
	left: calc(27/150*100%);
	top: 0;
	width: calc(95/150*100%);
	height: 95px;
	margin: calc(107/150*100%) auto 0;
}
.pc_area_r .pc_entry ul li #my_qr_code_div_id2 canvas {
	width: 100%;
	height: auto;
}

main {
	z-index: 1;
}

#rewind {
	z-index: 6000;
	position: relative;
	font-size: calc(25 * calc(450 / 750)*1px);
	/*font-feature-settings: "palt";*/
	line-height: 1.5;
	color: #000000;
	width: 450px;
	overflow: visible;
	background: #cbe9ff;
	margin: 0 auto;
}

.cp {
	border-bottom: 2px solid #ddd;
	font-weight: 500;
	color: #000;
}

.navarea {
	padding-top: 200px;
	margin-top: -200px;
}
.navarea02 {
	padding-top: 200px;
	margin-top: -200px;
}

}


@media screen and (max-width: 800px) {
	.dsp_pc {
		display: none;
	}
	.inl_pc {
		display: none;
	}
	.dsp_sp {
		display: block;
	}
	.inl_sp {
		display: inline;
	}

	.pc_area_l {
		display: none;
	}
	.pc_area_r {
		display: none;
		
	}

	.rewind_bg {
		z-index: 1;
		position: relative;
		width: 100%;
		background: #ffebf5;
		padding: 0;
	}
	#rewind {
		position: relative;
		width: 100%;
		font-size: calc(25/750*100vw);
		/*font-feature-settings: "palt";*/
		line-height: 1.5;
		color: #000000;
		overflow: visible;
		background: #cbe9ff;
	}
	
	.navarea {
		padding-top: calc(220/750*100%);
		margin-top: calc(-220/750*100%);
	}
	.navarea02 {
		padding-top: calc(250/670*100%);
		margin-top: calc(-250/670*100%);
	}

}
/* =====================================
	header
===================================== */

	
	.l-container.-wester-portal .c-topic-path {
	  margin: 0 auto 0;
	}
	.l-container.-wester-portal .c-topic-path p {
		margin-bottom: 16px;
	}
	.cp {
		border-bottom: 1px solid #ddd;
		font-weight: 500;
		color: #000;
	}
	.cp img {
		width: 100%;
	}
	.mv {
		position: relative;
		width: 100%;
	}

	#following_area {
		position: relative;
	}

	.entry {
		opacity: 0;
		/*display: none;*/
		z-index: 75;
		position: sticky;
		left: 0;
		bottom: 0;
		transition: 1s all ease 0s;
		pointer-events: none;
		padding: 0 calc(30/750*100%) calc(30/750*100%);
	}	
	.entry.active {
		opacity: 1;
		/*display: block;*/
		pointer-events: auto;
	}	
	.entry ul {
		display: flex;
	}	
		
	#rewind a {
		color: #004a9e;
		text-decoration: underline;
	}
	.red {
		color: #e83828;
		font-weight: 500;
		
	}
	

/* =====================================
	content
===================================== */
	#moreover {
		padding: 0 0 calc(20/750*100%);
		background: #fffa00;
	}
	.loop-container {
		overflow: hidden; /* はみ出た画像を隠す */
		width: 100%;
		margin-top: calc(-155/750*100%);
	}
	.loop-track {
		display: flex;
		width: max-content; /* 中身のサイズに合わせる */
		animation: loop-animation 20s linear infinite; /* 20秒で等速無限ループ */
		/*gap: calc(25/750*100vw);*/
	}
	.loop-images {
		display: flex;
		/*gap: calc(25/750*100vw);*/
	}
	.loop-images img {
		width: auto!important;
		height: calc(151/750*100vw);
		margin-left: calc(25/750*100vw);
	}

/* 1つ目の塊がちょうど左に隠れる位置（-50%）まで動かす */
@keyframes loop-animation {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%); 
	}
}
	#moreover .note {
		padding: calc(5/750*100%) calc(30/750*100%) 0 0;
		text-align: right;
		font-size: calc(20 / 25 * 1em);
	}

	.cont01 {
		padding: 0 0 0;
		background: #004a9e;
	}
	.cont01 .inner {
		padding: calc(85/750*100%) calc(40/750*100%) calc(35/750*100%);
	}
	.cont01 .box {
		position: relative;
		box-sizing: border-box;
		margin-bottom: calc(60/670*100%);
		padding-bottom: calc(45/670*100%);
		background: #fff;
		border:calc(6/750*100vw) solid #e83828;
		border-radius: calc(30/750*100vw);
	}
	.cont01 .box .bg01 {
		position: absolute;
		right: calc(16/670*100%);
		top: 0;
		width: calc(52/670*100%);
		margin-top: calc(16/670*100%);
	}
	.cont01 .box .bg02 {
		position: absolute;
		left: calc(16/670*100%);
		bottom: 0;
		width: calc(53/670*100%);
		margin-bottom: calc(16/670*100%);
	}
	.cont01 .box .bg03 {
		position: absolute;
		left: calc(16/670*100%);
		top: 0;
		width: calc(7/670*100%);
		margin-top: calc(106/670*100%);
	}
	.cont01 .box .bg04 {
		position: absolute;
		right: calc(16/670*100%);
		top: 0;
		width: calc(7/670*100%);
		margin-top: calc(284/670*100%);
	}
	.cont01 .box h4 {
		width: calc(284/670*100%);
		margin: calc(-70/670*100%) auto calc(40/670*100%);
	}
	.cont01 .box p {
		line-height: calc(70/45);
		text-align: center;
		font-size: calc(42 / 25 * 1em);
		font-weight: bold;
		letter-spacing: 0;
	}
	.cont01 .clr01 {
		color: #e83828;
	}
	.cont01 .clr02 {
		color: #004a9e;
	}
	.cont01 h5.h501 {
		width: calc(530/670*100%);
		margin: 0 auto calc(35/670*100%);
	}
	.cont01 .btn_wester {
		margin: 0 0 calc(30/670*100%);
	}
	.cont01 dt.acc_btn01 {
		cursor: pointer;
	}
	.cont01 dl dd {
		margin-top: calc(-20/670*100%);
		padding: calc(40/670*100%) calc(40/670*100%) calc(60/670*100%);
		border-radius: 0 0 calc(20/750*100vw) calc(20/750*100vw);
	}
	.cont01 dl.btn_wester dd {
		background: #ccf2fb;
	}
	.cont01 .btn_wester dd .txt01 {
		margin-bottom: calc(55/590*100%);
	}
	.cont01 .btn_wester dd .ttl01 {
		margin-bottom: calc(15/590*100%);
		font-size: calc(33 / 25 * 1em);
		font-weight:bold;
		text-align: center;
	}
	.cont01 .btn_wester dd .txt02 {
		margin-bottom: calc(55/590*100%);
	}
	.cont01 dl dd .btn_entry {
		margin-bottom: calc(25/590*100%);
	}
	.cont01 dl dd .notes {
		margin-bottom: calc(70/590*100%);
		font-size: calc(20 / 25 * 1em);
		line-height: calc(30/20);
	}
	.cont01 dl dd .notes li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.cont01 dl .close {
		width: calc(271/590*100%);
		margin: 0 auto;
		cursor: pointer;
	}
	.cont01 dl.btn_wespo dd {
		background: #fbdfec;
	}
	.cont01 dl.btn_wespo dd .txt01 {
		margin-bottom: calc(55/590*100%);
	}
	.cont01 dl.btn_wespo dd .ttl01 {
		margin-bottom: calc(15/590*100%);
		font-size: calc(33 / 25 * 1em);
		font-weight:bold;
		text-align: center;
	}
	.cont01 .btn_wespo {
		margin: 0 0 calc(70/670*100%);
	}
	.cont01 h5.h502 {
		margin: 0 0 calc(30/670*100%);
		font-size: calc(35 / 25 * 1em);
		font-weight: bold;
		/*letter-spacing: 0.05em;*/
		color: #ffffff;
		text-align: center;
	}
	.cont01 .btn_dl {
		margin: 0 auto calc(30/670*100%);
	}
	.cont01 .btn_id {
		width: calc(596/670*100%);
		margin: 0 auto calc(110/670*100%);
	}
	.cont01 .box p .fs105 {
		font-size: calc(105 / 45 * 1em);
	}
	.cont01 .box p .fs60 {
		font-size: calc(60 / 45 * 1em);
	}
	.cont01 .box p.txt02 {
		margin-bottom: calc(40/670*100%);
		line-height: 1.0;
	}
	.cont01 .box p.txt03 {
		line-height: 1.0;
		text-align: center;
		font-size: calc(26 / 25 * 1em);
		font-weight: bold;
		letter-spacing: 0;
		color: #004a9e;
	}
	.yellow {
		background: #fffa00;
	}
	.cont01 .box .notes {
		width: calc(610/670*100%);
		margin: calc(30/670*100%) auto calc(30/670*100%);
		line-height: calc(30/20);
		font-size: calc(20 / 25 * 1em);
	}
	.cont01 .box .notes li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.cont01 .box.mb0 {
		margin-bottom: 0;
	}
	.cont01 .box.mb90 {
		margin-bottom: calc(90/670*100%);
	}
	.cont01 .neko {
		margin: 0 0 0;
	}

	.cont02_h3 {
		margin: calc(-40/750*100%) 0 0;
	}
	.cont02 {
		background: #9bd4ed;
	}
	.cont02 .cont02_inner {
		position: relative;
		padding: calc(70/750*100%) calc(40/750*100%) 0;
	}
	.cont02 .cont02_inner .lnav {
		width: calc(634/670*100%);
		margin-left: calc(40/670*100%);
	}
	.cont02 .cont02_inner .lnav li {
		position: relative;
		float: left;
		width: calc(316/634*100%);
		margin-bottom: calc(60/634*100%);
	}
	.cont02 .cont02_inner .lnav li:first-child {
		margin-right: calc(2/634*100%);
		margin-bottom: calc(80/634*100%);
	}
	.cont02 .cont02_inner .lnav li:nth-child(2) {
		float: right;
		padding-top: calc(223/634*100%);
	}
	.cont02 .cont02_inner .lnav a {
		z-index: 2;
		position: relative;
	}
	.cont02 .cont02_inner h4 {
		margin-bottom: calc(35/670*100%);
	}
	.cont02 .cont02_inner .box {
		box-sizing: border-box;
		position: relative;
		margin: 0 0 calc(60/670*100%) 0;
		background: #fff;
		border: calc(6/750*100vw) solid #fffa00;
		border-radius: calc(30/750*100vw);
	}
	.cont02 .cont02_inner .box .lead img {
		border-radius: calc(30/750*100vw) calc(30/750*100vw) 0 0;
	}
	.cont02 .cont02_inner .box .inner {
		box-sizing: border-box;
		position: relative;
		padding: calc(55/670*100%) calc(40/670*100%) calc(50/670*100%);
	}
	.cont02 .cont02_inner .box .inner .boximg {
		position: absolute;
		right: calc(-23/670*100%);
		top: 0;
		width: calc(181/670*100%);
		margin-top: calc(-47/670*100%);
	}
	.cont02 .cont02_inner .box h5 {
		margin-bottom: calc(40/590*100%);
		line-height: calc(55/40);
		font-size: calc(38 / 25 * 1em);
		font-weight: bold;
		color: #004a9e;
		text-align: center;
	}
	.cont02 .cont02_inner .box h6 {
		margin-bottom: calc(40/590*100%);
		line-height: calc(55/40);
		font-size: calc(35 / 25 * 1em);
		font-weight: bold;
		text-align: center;
	}
	.cont02 .cont02_inner .box.box01 h6 {
		font-size: calc(34 / 25 * 1em);
	}
	.cont02 .cont02_inner .box.box01 h6 span {
		font-size: calc(27 / 34 * 1em);
	}
	.cont02 .cont02_inner .box .notes {
		line-height: calc(30/20);
		font-size: calc(20 / 25 * 1em);
	}
	.cont02 .cont02_inner .box.box01 .notes {
		margin-bottom: calc(55/590*100%);
	}
	.cont02 .cont02_inner .box .notes li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.cont02 .cont02_inner .box01 .img01 {
		margin-bottom: calc(70/590*100%);
	}
	.cont02 .cont02_inner .box01 .img02 {
		margin-bottom: calc(40/590*100%);
	}
	.cont02 .cont02_inner .box01 .bnr {
		margin: 0 calc(-40/590*100%);
	}
	.cont02 .cont02_inner .box02 .img01 {
		margin-bottom: calc(20/590*100%);
	}
	.cont02 .cont02_inner .box02 .img02 {
		margin-bottom: calc(20/590*100%);
	}
	.cont02 .cont02_inner .box02 .img03 {
		margin-bottom: calc(20/590*100%);
	}
	.cont02 .cont02_inner .box02 .img04 {
		margin-top: calc(40/590*100%);
		margin-bottom: calc(40/590*100%);
	}
	.cont02 .cont02_inner .box02 .img06 {
		margin-bottom: calc(30/590*100%);
	}
	.cont02 .cont02_inner .box03 .img01 {
		margin-bottom: calc(50/590*100%);
	}
	.cont02 .cont02_inner .box03 .img02 {
		margin: 0 calc(-40/590*100%) calc(30/590*100%) calc(-40/590*100%);
	}
	.cont02 .cont02_inner .box .note {
		line-height: calc(30/20);
		font-size: calc(20 / 25 * 1em);
		text-align: center;
	}
	.cont02 .cont02_inner .box hr {
		height: 0;
		margin: calc(40/590*100%) 0 calc(40/590*100%) 0;
		border: none;
		border-top: calc(8/750*100vw) dotted #00499f;
	}
	.cont02 .cont02_inner .bnr_hotel {
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.cont02 .cont02_inner .bnr_hotel li {
		width: calc(176/590*100%);
		margin-bottom: calc(32/590*100%);
	}
	.cont02 .cont02_inner .bnr_hotel li p {
		margin-top: calc(5/176*100%);
		font-size: calc(15 / 25 * 1em);
	}
	#rewind .cont02 .cont02_inner .bnr_hotel a {
		color: #000;
		text-decoration: none;
	}
	.cont02 .cont02_inner .bnr_hotel li.balloon {
		width: calc(330/590*100%);
	}
	.cont02 .cont02_inner .box03 .btn01 {
		width: calc(400/590*100%);
		margin: 0 auto calc(30/590*100%);
	}
	.cont02 .cont02_inner .box03 .btn01 li {
		margin-bottom: calc(30/400*100%);
		cursor: pointer;
	}
	#rewind .cont02 .cont02_inner .box03 .txt01 {
		margin-bottom: calc(60/590*100%);
		text-align: center;
	}
	#rewind .cont02 .cont02_inner .box03 .txt01 a {
		color: #004a9e;
		text-decoration: underline;
	}
	.cont02 .cont02_inner .bnr_net {
		display: flex;
		justify-content:space-between;
	}
	.cont02 .cont02_inner .bnr_net li {
		width: calc(280/590*100%);
	}
	#rewind .cont02 .cont02_inner .bnr_net li a {
		color: #000;
		text-decoration: none;
	}
	.cont02 .cont02_inner .bnr_net li p {
		margin-top: calc(5/176*100%);
		font-size: calc(18 / 25 * 1em);
	}
	.cont02 .doublepoint {
		background: #ef7469;
		padding: 0 calc(40/750*100%) calc(20/750*100%);
	}
	.cont02 .doublepoint .box {
		box-sizing: border-box;
		position: relative;
		margin: 0 0 calc(70/670*100%) 0;
		padding: calc(70/670*100%) calc(40/670*100%) calc(50/670*100%);
		background: #fff;
		border-radius: calc(30/750*100vw);
	}
	.cont02 .doublepoint .txt01 {
		margin: calc(10/590*100%) 0 calc(25/590*100%);
		text-align: center;
	}
	.cont02 .doublepoint .txt02 {
		margin: 0 0 calc(40/590*100%);
		text-align: center;
	}
	.cont02 .doublepoint .txt03 {
		margin: calc(10/590*100%) 0 calc(25/590*100%);
		text-align: center;
		font-size: calc(20 / 25 * 1em);
	}
	#rewind .cont02 .doublepoint .txt02 a {
		color: #004a9e;
		text-decoration: underline;
	}
	.cont02 .doublepoint .box .notes {
		margin-top: calc(50/590*100%);
		line-height: calc(30/20);
		font-size: calc(20 / 25 * 1em);
	}
	.cont02 .doublepoint .box .notes li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.cont02 .doublepoint h5 {
		margin: 0 0 calc(50/670*100%) 0;
	}
	.cont02 .doublepoint .bnr li {
		margin: 0 0 calc(60/670*100%) 0;
	}

	.cont03 {
		padding: calc(70/750*100%) calc(40/750*100%) calc(90/750*100%);
		background: #fef6cc;
	}
	.cont03 .ttl01 {
		margin-bottom: calc(45/670*100%);
	}
	.cont03 h4 {
		margin-bottom: calc(40/670*100%);
		line-height: calc(55/40);
		font-size: calc(38 / 25 * 1em);
		font-weight: bold;
		color: #e84b5f;
		text-align: center;
	}
	.cont03 .b_box {
		position: relative;
		box-sizing: border-box;
		margin-bottom: calc(40/750*100%);
		padding: calc(20/750*100%) 0 ;
		border: calc(6/750*100vw) solid #fcd000;
		border-radius: calc(20/750*100vw);
		background: #fff;
		font-size: calc(30 / 25 * 1em);
		text-align: center;
	}
	.cont03 .b_box .balloon {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: calc(31/738*100%);
		margin-top: calc(-42/738*100%);
	}
	.cont03 .b_box p span {
		color: #e84b5f;
	}
	.cont03 .tab {
		margin-bottom: calc(50/670*100%);
	}
	.cont03 .tab .tabmenu {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin: 0;
	}
	.cont03 .tab .tabmenu li {
		width: calc(324/670*100%);
		padding-bottom: calc(190/670*100%);
		cursor: pointer;
	}
	.cont03 .tab .tabmenu li.tab01 {
		background: url(../../../../img/campaign/westerfesta/202609/tab01.png) center top no-repeat;
		background-size: 100% auto;
	}
	.cont03 .tab .tabmenu li.tab01.active {
		background: url(../../../../img/campaign/westerfesta/202609/tab01_on.png) center top no-repeat;
		background-size: 100% auto;
	}
	.cont03 .tab .tabmenu li.tab02 {
		background: url(../../../../img/campaign/westerfesta/202609/tab02.png) center top no-repeat;
		background-size: 100% auto;
	}
	.cont03 .tab .tabmenu li.tab02.active {
		background: url(../../../../img/campaign/westerfesta/202609/tab02_on.png) center top no-repeat;
		background-size: 100% auto;
	}
	.cont03 .tab .tabcont li {
		display: none;
		box-sizing: border-box;
		padding: calc(60/750*100%) calc(40/750*100%) calc(60/750*100%);
		border: calc(6/750*100vw) solid #fcd000;
		border-radius: 0 0 calc(20/750*100vw) calc(20/750*100vw);
		background: #fff;
	}
	.cont03 .tab .tabcont li.active{
		display: block;
	}
	.cont03 .tab .tabcont li h5 {
		margin-bottom: calc(25/590*100%);
		color: #e84b5f;
		text-align: center;
		font-size: calc(45 / 25 * 1em);
		font-weight: bold;
	}
	.cont03 .tab .tabcont li.tabcont01 .img01 {
		width: calc(200/590*100%);
		margin: 0 auto calc(50/590*100%);
	}
	.cont03 .tab .tabcont li .txt01 {
		text-align: center;
		font-size: calc(30 / 25 * 1em);
		font-weight: 500;
		margin-bottom: calc(30/590*100%);
	}
	.cont03 .tab .tabcont li .txt02 {
		text-align: center;
		font-size: calc(30 / 25 * 1em);
		font-weight: 500;
		margin-bottom: calc(50/590*100%);
	}
	.cont03 .tab .tabcont li .txt03 {
		text-align: center;
		font-size: calc(30 / 25 * 1em);
		font-weight: 500;
	}
	.cont03 .tab .tabcont li p span {
		color: #e84b5f;
	}
	.cont03 .tab .tabcont li .hr{
		margin-bottom: calc(50/590*100%);
	}
	.cont03 .tab .tabcont li .txtbox {
		padding: calc(25/590*100%) 0;
		background: #ccf2fb;
		border-radius: calc(20/750*100vw) calc(20/750*100vw);
		text-align: center;
		font-size: calc(30 / 25 * 1em);
		font-weight: 500;
		line-height: calc(45 / 30);
	}
	.cont03 .tab .tabcont li .ttl01 {
		margin-bottom: calc(40/590*100%);
		text-align: center;
		font-size: calc(38 / 25 * 1em);
		font-weight: bold;
	}
	.cont03 .tab .tabcont li.tabcont02 .img01 {
		width: calc(550/590*100%);
		margin: 0 auto calc(50/590*100%);
	}
	.cont03 .tab .tabcont li.tabcont02 .img02 {
		width: calc(452/590*100%);
		margin: 0 auto calc(50/590*100%);
	}
	.cont03 .bnr_dl {
		width: calc(590/670*100%);
		margin: 0 auto;
	}
	.cont03 .bnr_dl li {
		margin-bottom: calc(20/590*100%);
	}
	.cont03 .notes {
		width: calc(590/670*100%);
		margin: 0 auto;
		font-size: calc(20 / 25 * 1em);
	}
	.cont03 .notes li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.cont03 h4 + .sign-up {
		margin: calc(-30 / 670* 100%) 0 calc(40 / 670* 100%);
		text-align: center;
	}
	
	.cont04 {
		padding: calc(90/750*100%) calc(40/750*100%) calc(90/750*100%);
		background: #e7f1fa;
	}
	.cont04 h3 {
		margin-bottom: calc(45/670*100%);
		font-size: calc(45 / 25 * 1em);
		text-align: center;
		color: #0074c1;
	}
	.cont04 h4 {
		margin-bottom: calc(20/670*100%);
		font-size: calc(35 / 25 * 1em);
		text-align: center;
		color: #0074c1;
	}
	.cont04 .txt01 {
		margin-bottom: calc(50/590*100%);
		line-height: calc(38/25);
	}
	.cont04 .txt01 li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.cont04 .txt01 li.br {
		margin-bottom: calc(30/590*100%);
	}
	.cont04 .txt01 li span.blue {
		color: #0074c1;
	}
	.cont04 a {
		color: #0074c1!important;
		text-decoration: underline!important;
	}
	.cont04 .box {
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		padding: calc(30/670*100%) calc(20/670*100%) ;
		border: calc(6/750*100vw) solid #004a9e;
		border-radius: calc(30/750*100vw);
		background: #fff;
	}
	.cont04 .box .inner {
		height: calc(840/750*100vw);
		padding: 0 calc(20/630*100%) ;
		overflow-y:scroll;
	}
	.cont04 .box p {
		/*margin-bottom: calc(50/590*100%);*/
		line-height: calc(38/25);
	}
	.cont04 .box .txt01 {
		margin-bottom: calc(40/590*100%);
	}
	.cont04 .box h5 {
		font-size: calc(30 / 25 * 1em);
		color: #0074c1;
	}

	.cont05 {
		padding: calc(95/750*100%) calc(40/750*100%) calc(20/750*100%);
		background: #ffffff;
	}
	.cont05 h3 {
		margin-bottom: calc(35/670*100%);
		text-align: center;
		font-size: calc(40 / 25 * 1em);
		color: #004a9e;
	}
	.cont05 .bnr {
		margin-bottom: calc(90/670*100%);
	}

	.appli {
		padding: calc(90/750*100%) 0 calc(105/750*100%);
		background:
			url(../../../../img/campaign/westerfesta/202609/appli_bg_head.png) center top no-repeat,
			/*url(../../../../img/campaign/westerfesta/202409/appli_bg_foot.png) center bottom no-repeat,*/
			#0074c1
		;
		background-size: 100% auto;
	}
	.appli .inner {
		padding: 0 calc(40/750*100%);
		
	}
	.appli h2 {
		margin-bottom: calc(50/690*100%);
		line-height: 1.75;
		font-size: calc(50 / 25 * 1em);
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.06em;
	}
	.appli .fbox {
		display: none;
	}
	.appli .btn01 {
		margin-bottom: calc(20/690*100%);
	}
	.appli .note {
		margin-bottom: calc(20/690*100%);
		line-height: 1.75;
		font-size: calc(17 / 25 * 1em);
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	.appli .img {
		width: calc(245/690*100%);
		margin: 0 auto;
	}

	.appli .txt01{
		margin-bottom: calc(50/690*100%);
		text-align: center;
		font-size: calc(36 / 25 * 1em);
		line-height: calc(55 / 36);
		color: #ffffff;
	}

@media screen and (min-width: 801px) {
	
	.loop-images img {
		width: auto!important;
		height: calc(450/750*151px);
		margin-left: calc((450/750*25px));
	}
	.cont01 .box {
		border: calc(450/750*6px) solid #e83828;
		border-radius: calc(450/750*30px);
		/*
		border: calc(6/750*100vw) solid #004a9e;
		border-radius: calc(30/750*100vw);
		*/
	}
	.cont01 dl dd {
		border-radius: 0 0 calc(450/750*20px) calc(450/750*20px);
	}
	
	.cont02 .cont02_inner .box {
		border: calc(450/750*6px) solid #fffa00;
		border-radius: calc(450/750*30px);
	}
	.cont02 .cont02_inner .box .lead img {
		border-radius: calc(450/750*30px) calc(450/750*30px) 0 0;
	}
	
	.cont02 .cont02_inner .box hr {
		border-top: calc(450/750*8px) dotted #00499f;
	}
	
	.cont02 .doublepoint .box {
		border-radius: calc(450/750*30px);
	}
	.cont03 .b_box {
		border: calc(450/750*6px) solid #fcd000;
		border-radius: calc(450/750*20px);
	}
	.cont03 .tab .tabcont li {
		border: calc(450/750*6px) solid #fcd000;
		border-radius: 0 0 calc(450/750*30px) calc(450/750*30px);
	}
	.cont03 .tab .tabcont li .txtbox {
		border-radius: calc(450/750*20px) calc(450/750*20px);
	}
	.cont04 .box {
		border: calc(450/750*6px) solid #004a9e;
		border-radius: calc(450/750*30px);
	}
	.cont04 .box .inner {
		height: calc(450/750*840px);
	}
	.appli .qr{
	}
	.appli #my_qr_code_div_id {
		box-sizing: border-box;
		width: calc(450/750*400px);
		height: calc(450/750*400px);
		margin: 0 auto calc(450/750*50px);
		padding: calc(450/750*20px);
		background: #ffffff;
	}
	.appli #my_qr_code_div_id canvas {
		width: calc(450/750*360px);
		height: calc(450/750*360px);
	}
	.appli .img {
		margin: 0 auto calc(50/690*100%);
	}
	
}

@media screen and (min-width: 801px) {
/*モーダルを開くボタン*/
.modal-open01,
.modal-open02{
	cursor: pointer;
}
.modal-open01 img:hover,
.modal-open02 img:hover{
	/*opacity: 0.8;*/
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	z-index: 1200;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(100,100,100,50%);
	/*padding: 40px 20px;*/
	overflow-x: auto;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-container .modal-body{
	overflow-x: auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	/*max-width: 620px;*/
	width: 1200px;
	background: #fff;
	/*margin: 20px 0;*/
	box-sizing: border-box;
}
/*モーダルを閉じるボタンの指定*/
.modal-container .modal-close{
	position: absolute;
	top: 30px;
	right: 30px;
	width: 32px;
	height: auto;
	margin: 0 0 0 0;
	cursor: pointer;
}
.beginner {
	width: 841px;
	margin: 0 auto;
	padding: 55px 0;
	
}
.bnr_area {
	width: 1024px;
	margin: 0 auto;
	padding: 55px 0;
	text-align: left;
}
.bnr_area a {
	color: #000000!important;
}
.bnr_area .ttl01 {
	margin-bottom: 35px;
	font-size: 25px;
	font-weight: bold;
	color: #0074c1;
	line-height: 1.0;
}
.bnr_area .ttl02 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.0;
}
.bnr_area ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 1046px;
	margin: 0 0 0 -22px;
}
.bnr_area ul li {
	width: 152px;
	margin: 0 0 20px 22px;
}
.bnr_area ul li p {
	margin-top: 5px;
	background: url(../../../../img/campaign/westerfesta/202609/icon_link01.png) right 5px no-repeat;
	background-size: 12px auto;
	font-size: 12px;
	line-height: 1.4;
}
.bnr_area .column01 {
	margin: 0 0 40px 0;
}
.bnr_area .column01.flex02 {
	display: flex;
	justify-content: flex-start;
}
.bnr_area .column01.flex02 .ttl02 {
	margin-right: 18px;
}
.bnr_area .column02 {
	display: flex;
	justify-content: flex-start;
}
.bnr_area .column02 ul {
	width: 544px;
}
/*
.bnr_area .column06 {
	display: flex;
	justify-content: flex-start;
}*/
.bnr_area .column01.item01 ul {
	width: 196px;
}
.bnr_area .column01.item01 .flex03 {
	display: flex;
	justify-content: flex-start;
}
.bnr_area .column01.item01 .flex03 .link {
	margin-top: 22px;
}
.bnr_area .link {
	font-size: 15px;
}
.bnr_area .link a {
	color: #00499f!important;
	text-decoration: underline;
}

.modal-container.modal02 .modal-body{
	width: 710px;
}
.modal-container.modal02 .modal-close{
	position: absolute;
	top: 23px;
	right: 23px;
	width: 19px;
}
.modal02_cont {
	padding: 44px 64px;
	
}

.entry {
	display: none;
}	
.entry_start {
	/*display: none;*/
}	

}

@media screen and (max-width: 800px) {

	/*モーダルを開くボタン*/
	.modal-open01,
	.modal-open02{
		cursor: pointer;
	}
	/*モーダル本体の指定 + モーダル外側の背景の指定*/
	.modal-container{
		z-index: 1200;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(100,100,100,50%);
		/*padding: 40px 20px;*/
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
	}
	/*モーダル本体の擬似要素の指定*/
	.modal-container:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	/*モーダル本体に「active」クラス付与した時のスタイル*/
	.modal-container.active{
		opacity: 1;
		visibility: visible;
	}
	/*モーダル枠の指定*/
	.modal-container .modal-body{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		/*max-width: 620px;*/
		width: calc(670 / 750 * 100%);
	}
	/*モーダルを閉じるボタンの指定*/
	.modal-container .modal-close{
		position: absolute;
		top: 0;
		right: calc(40 / 670 * 100%);
		width: calc(50 / 670 * 100%);
		margin: calc(40 / 670 * 100%) 0 0 0;
		height: auto;
		cursor: pointer;
	}
	/*モーダル内のコンテンツの指定*/
	.modal-container .modal-content{
		/*background: #000000;*/
		/*border-radius: calc(40 / 750 * 100vw);*/
		box-sizing: border-box;
		text-align: center;
		padding: calc(85 / 670 * 100%) 0;
		background: #fff;
	}
	.bnr_area {
		width: calc(573/670*100%);
		margin: 0 auto;
		padding: 0 0;
		text-align: left;
	}
	.bnr_area a {
		color: #000000!important;
	}
	.bnr_area .ttl01 {
		margin-bottom: calc(35/750*100vw);
		font-size: calc(35/750*100vw);
		font-weight: bold;
		color: #0074c1;
		line-height: 1.0;
	}
	.bnr_area .ttl02 {
		margin-bottom: calc(25/750*100vw);
		font-size: calc(25/750*100vw);
		font-weight: bold;
		line-height: 1.0;
	}
	.bnr_area ul  {
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.bnr_area ul::after {
		content: "";
		display:block;
		width: calc(133/573*100%);
	}	
	.bnr_area ul::before { 
		content: ""; 
		display:block; 
		width: calc(133/573*100%);
		order: 1;
	}
	.bnr_area ul li {
		width: calc(133/573*100%);
		margin-bottom: calc(30/750*100vw);
	}
	.bnr_area ul li p {
		display: none;
	}
	.bnr_area .column01 {
		margin: 0 0 calc(30/750*100vw);
	}
	.bnr_area .column02 {
		margin: 0 0 calc(30/750*100vw);
	}
	.bnr_area .column02 .c01 {
		margin: 0 0 calc(30/750*100vw);
	}
	.bnr_area .column01.flex02 {
		display: flex;
		justify-content: flex-start;
	}
	.bnr_area .column01.flex02 .ttl02 {
		margin-right: calc(20/750*100vw);
	}
	.bnr_area .column01.item01 ul {
		width: calc(133/573*100%);
	}
	.bnr_area .column01.item01 ul li {
		width: 100%;
	}
	.bnr_area .column01.item01 .flex03 {
		display: flex;
		justify-content: flex-start;
	}
	.bnr_area .column01.item01 .flex03 p {
		margin-top: calc(20/750*100vw);
		margin-left: calc(25/750*100vw);
	}
	.bnr_area .link {
		padding: 0 0 calc(10/750*100vw);
		font-size: calc(23/750*100vw);
		line-height: 1.0;
	}
	.bnr_area .link a {
		color: #00499f!important;
		text-decoration: underline;
	}
	
	.modal-container.modal02 .modal-body{
		position: relative;
		width: calc(590 / 750 * 100%);
	}
	.modal-container.modal02 .modal-close{
		position: absolute;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		width: calc(47 / 590 * 100%);
		margin: 0 auto calc(48 / 590 * 100%);
		height: auto;
		cursor: pointer;
	}
	.modal-container.modal02 .modal-content{
		/*background: #000000;*/
		/*border-radius: calc(40 / 750 * 100vw);*/
		box-sizing: border-box;
		text-align: center;
		padding: 0 0;
		background: #fff;
	}
	.modal02_cont {
		padding: calc(44 / 590 * 100%) 0 calc(180 / 590 * 100%);
		
	}
	
}