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



/* デフォルト
----------------------------------------------- */
* {
	padding: 0;
	margin: 0;
}
body {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	background-color: #000;
	padding: 0px;
	line-height: 1.8;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	letter-spacing: 0.1em;
}
form, input, p, ul, li, dl, th, dd, dt, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h3, h4, h5, h6, strong {
	font-size: 20px;
	margin: 0px;
	font-weight: normal;
	padding: 0px;
}
a img, img {
	border: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

img {
	margin: auto;
}

ul, ol, dl {
	margin: 0;
	padding: 0;
}
dt, dd, li {
	list-style-type: none;
}
a:link {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: underline;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
.clfix:after {
	content:" ";
   display:block;
   clear:both;
}
.clear {
	clear: both;
}
.allclear {
	clear: both;
	height: 0;
	font-size: 0;
}
#container {
	margin: auto;
	background-color: #000;
	width: 1000px;
}





/* header
----------------------------------------------- */

#container #header{
	width: 100%;
	height: 576px;
	background-color: #000;
	background-image:url(../img/h_bg.png);
	background-repeat: no-repeat;
}

#container #header .box_L{
	width: 300px;
	float: left;
	margin: 50px 0 0 23px;
}

#container #header .h_logo{
    width: 475px;    
}

#container #header .box_R{
    width: 400px;
	float: right;
	margin: 90px 146px 0 -43px;
}



/* contents
----------------------------------------------- */

#container #contents{
	width: 100%;
	height: auto;
	border-top: 16px solid #422110;
	padding: 30px 0;
	background: url(../img/bg02.png)no-repeat, url(../img/bg.png)repeat-y;
}

/* rule
----------------------------------------------- */

#container #contents #rule{
	width: 815px;
	height: 603px;
	margin: 0 auto 23px;
	background-image: url(../img/rule_bg.png);
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding: 16px 0;
	position: relative;
}

#container #contents #rule .ttl{
    width: 164px;
	margin: 0 auto 8px;
}

#container #contents #rule .rule01{
    width: 724px;
	margin: 0 0 4px 52px;
	position: relative;
}

#container #contents #rule .rule01::after{
    content: "";
    background:url(../img/cherio01.png)no-repeat;
    width: 172px;
    height: 145px;
    position: absolute;
    top: 16px;
    right: -6px;
}

#container #contents #rule .rule02{
	margin: 4px 0 0 64px;
}
#container #contents #rule .rule03{
	margin: 23px 0 0 68px;
	z-index: 4;
	position: absolute;
}

#container #contents #rule .complete{
	position: absolute;
	top: 236px;
    left: 34px;
	z-index: 2;
}

#container #contents #rule .bonus{
	position: absolute;
	top: 270px;
    right: -12px;
	z-index: 8;
}



/* schedule
----------------------------------------------- */

#container #contents #schedule{
	width: 780px;
	height: auto;
	margin: 0 auto;
	background:#00625b;
	border: solid #dcdddd 15px;
	box-sizing: border-box;
	box-shadow: 3px 5px 11.52px 0.48px rgba(24, 25, 25, 0.52);
	padding: 18px 0;
}

#container #contents #schedule .ttl{
	width: 164px;
	margin: 0 auto 6px;
}

#container #contents #schedule .shd01{
	width: 724px;
	margin: 0 auto 20px;
}
#container #contents #schedule .shd02{
	width: 653px;
	margin: 0 auto 8px;
}
#container #contents #schedule .shd03{
	width: 572px;
	margin: 0 auto 16px;
}
#container #contents #schedule .card{
	width: 495px;
	margin: 0 auto 14px;
}
#container #contents #schedule .shd04{
	width: 653px;
	margin: 0 auto 0;
}

/* timetable
----------------------------------------------- */
#container #contents #schedule .timetable{
	margin: 34px auto 0;
	width: 656px;
	background:url(../img/schedule_bg.png)no-repeat;
	padding: 23px 0;
}

#container #contents #schedule .timetable .ttl{
	margin: 0 auto 0;
	width: 572px;
}
#container #contents #schedule .timetable .time920{
	margin: 14px auto 0;
	width: 575px;
}
#container #contents #schedule .timetable .start{
	width: 568px;
	margin: 10px auto 0;
}
#container #contents #schedule .timetable .time1500{
	margin: 1px auto 36px;
	width: 575px;
}

/* next
----------------------------------------------- */

#container #contents #next {
	width: 780px;
	height: auto;
	margin: 27px auto 0;
	background:#00625b;
	border: solid #dcdddd 15px;
	box-sizing: border-box;
	box-shadow: 5px 9px 20.16px 0.84px rgba(24, 25, 25, 0.52);
	padding: 10px 0;
}

#container #contents #next .ttl{
	width: 168px;
	margin: 0 auto;
}

#container #contents #next .border{
	width: 717px;
	margin: 2px auto;
}

#container #contents #next .illust{
	float: left;
	width: 246px;
	margin: 10px 0 0 16px; 
}

#container #contents #next .illust .cherio{
	float: left;
	width: 120px;
}

#container #contents #next .illust .yoshi{
	float: right;
	width: 120px;
}


#container #contents #next .cherio{
	width: 120px;
	margin: auto; 
}

#container #contents #next .nextdate{
	float: right;
	width: 470px;
	margin: 0 3px 0 8px; 
}

#container #contents #next .nextdate img{
	margin-top: 8px;
}

/* moviebtn
----------------------------------------------- */

#container #contents .moviebtn{
	width: 803px;
	margin: 27px auto 45px;
}


/* footer
----------------------------------------------- */

#container #contents #footer {
	width: 740px;
	margin: 0 auto;
}