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

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6,
a, img, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
rticle, footer, header, menu, nav, section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background-color: #ffffff;
	background: url(../img/event_v9Dd5/bg_cheshire.png)center top;
    -webkit-text-size-adjust: 100%;
    background-attachment: fixed;
    background-size: cover;
}

header {
	margin-top: 50px;
}

.section_contents {
	background: url(../img/event_v9Dd5/bg_date.png) center top;
    background-size: 1024px;
    -webkit-text-size-adjust: 100%;
    position: relative;
    padding: 0em 2em 1em;
    border: 7px solid #1f497c;
    width: 100%;
    margin: 0 auto 5em;
    border-radius: 15px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}

.main_cont {
	width: 100%;
}

h3 {
	margin-top:-40px;
}

p, h5 {
	font-size:130%;
}

p.kikan {
	margin-bottom:10px;
	font-size:150%;
}

.tab {
	text-align: center;
    margin: 0 auto 3em;
}

.tab a img {
	width: 210px;
    height: 66.5px;
    margin:0 1.0em 2em;
	border-radius: 10px;
    box-shadow: 0 10px 12px 0 rgba(0, 0, 0, .5);
}

#story div.swiper_block {
	margin-top:-1em;
	padding-bottom: 2em;
}

#story div div p {
	text-align:center;
}

#next_story {
	width: 30px;
    height: 45px;
    clip-path: polygon(30px 50%, 0% 0%, 0% 45px);
    right: 15px;
	background-color: #1f497c;
}

#prev_story {
	width: 30px;
    height: 45px;
    clip-path: polygon(0% 50%, 30px 0%, 30px 45px);
    left: 15px;
	background-color: #1f497c;
}

.swiper-pagination {
	margin-bottom: 2em;
}

.swiper-pagination-bullet {
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 24px));
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 24px));
}

.swiper-pagination-bullet {
     margin: 0 var(--swiper-pagination-bullet-horizontal-gap,12px)!important;
}

.hime_image {
	width: 300px;
    max-width: 400px;
    position: absolute;
    top: -112px;
    right: 3px;
    z-index: 2;
}

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

	body {
		background-color: #ffffff;
		background: url(../img/event_v9Dd5/bg_cheshire.png)center top;
    	-webkit-text-size-adjust: 100%;
    	background-attachment: fixed;
    	background-size: 1024px;
	}

	header {
		margin-top: 0px;
	}

	.main_cont {
		width: 92%;
	}

	h3 {
		margin-top:-30px;
	}

	.section_contents {
		background: rgba(194, 212, 241, 1);
        background: url(../img/event_v9Dd5/bg_dateSP.png) center top;
        background-size: 1024px;
        -webkit-text-size-adjust: 100%;
        position: relative;
        padding: 0em 1em 1em;
        border: 3px solid #1f497c;
        width: 100%;
        margin: 0 auto 3em;
        border-radius: 15px;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	}

	p, h5 {
		font-size:100%;
	}

	p.kikan {
		margin-bottom:10px;
		font-size:105%;
	}

	.tab {
		text-align: center;
    	margin: -1em auto 0em;
	}

	.tab a img {
		width: 150px;
    	height: 47.5px;
    	margin:0 1.0em 2em;
		border-radius: 10px;
        box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
	}

	#story div.swiper_block {
		margin-top:-1em;
	}

	#story div div p img {
		max-width: 85%;
	}

	#next_story {
		width: 20px;
        height: 30px;
        clip-path: polygon(20px 50%, 0% 0%, 0% 30px);
        right: 5px;
		background-color: #1f497c;
	}

	#prev_story {
		width: 20px;
        height: 30px;
        clip-path: polygon(0% 50%, 20px 0%, 20px 30px);
        left: 5px;
		background-color: #1f497c;
	}

	.swiper-pagination-bullet {
		height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
		width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
	}

	.hime_image {
		width: 43%;
    	max-width: 400px;
    	position: absolute;
    	top: -75px;
    	right: -13px;
    	z-index: 2;
	}

}