@charset "utf-8";

/*====================

MediaQueries

=====================*/

/*======================================
pc
========================================*/
@media only screen and (min-width: 768px) {
/*------------------------------------------------------------------
表示しない
------------------------------------------------------------------*/
.sp_only,
.series_sp,
.btn a:nth-child(2),
.gate a:nth-child(2),
.br_sp { display: none;}

}

/*======================================
スマホ
========================================*/
@media only screen and (max-width: 767px) {
/*------------------------------------------------------------------
表示しない
------------------------------------------------------------------*/
.pc_only,
.series,
.thum,
.main_anchor,
#point,
.btn a:nth-child(1),
.gate a:nth-child(1),
.br_pc,
.anchor { display: none;}

/*======================================
body
========================================*/
body { background-size: 33px auto;}

/*======================================
main
========================================*/
#main {
	width: 100%;
}

/*------------------------------------------------------------------
mainttl
------------------------------------------------------------------*/
#mainttl h1 {
	padding-top: 10px;
}
#mainttl h1 img {
	width: 100%;
}
#mainttl {
	padding-bottom: 1.5rem;
}

/*------------------------------------------------------------------
notify
------------------------------------------------------------------*/
.notify {
	margin: 20px 2% 0;
	width: auto;
}
.notify > img:nth-child(1),
.notify > img:nth-child(2){
	width: 100%;
	max-width: 400px;
	float: none;
	margin: 5px auto 0;
}
.notify a img {
    width: 100%;
	max-width: 414px;
}

/*------------------------------------------------------------------
series_sp
------------------------------------------------------------------*/

.series_sp {
	padding-bottom: 3rem;
	text-align: center;
}

.series_sp h2 {
	padding-top: 3rem;
}

.daishi {
	margin: 1.5rem auto 0;
	background-color: #fff;
	position: relative;
}

.daishi:before {
	border-bottom: 1px solid #8cc;
	border-top: 1px solid #8cc;
	content: "";
	left: 0;
	min-height: 98%;
	position: absolute;
	top: 1%;
	width: 100%;
}

.slick-track > li {
	padding-bottom: 30px;
}

#simple .daishi,
#flower .daishi {
    width: auto;
}

#simple .daishi {
	box-shadow: 0px 0px 10px 0px #62b4b5;
}

#flower .daishi {
	box-shadow: 0px 0px 10px 0px #7ba9d9;
}

#simple .daishi figure,
#flower .daishi figure {
	margin: 20px auto 0;
	width: calc(100% - 20px);
	max-width: 500px;
}

.daishi figure {
	float: none;
	overflow: hidden;
}

.daishi figure img {
	width: 100%;
}

.series_sp > .notice_disc {
	text-align: left;
	margin: 20px 10px 0;
}

.daishi figure i {
	position: relative;
	right: 0;
}

.item {
	float: none;
	width: auto;
}

#simple .item h3,
#flower .item h3 {
	margin-top: 1.5rem;
}

#simple p.sponly,
#flower p.sponly{
	font-size: 1.2rem;
	padding-left: 1rem;
	text-indent: -1rem;
	margin-top: 2px;
}

#simple p.sponly,
#flower p.sponly{
	display: list-item;
}


/* btn */
.series_sp .btn, #scene .btn {
	margin: 2rem auto 0;
	max-width: 30rem;
	width: auto;
}

.gate {
	max-width: 30rem;
	width: auto;
}


/*------------------------------------------------------------------
scene
------------------------------------------------------------------*/
#scene {
	padding-bottom: 3rem;
}
#scene h2 {
	padding-top: 3rem;
	text-align: center;
}
#scene > ul {
	width: auto;
}
#scene > ul > li {
	margin: 3rem 2% 0;
	overflow: hidden;
	width: auto;
}
#scene > ul > li:nth-child(1) { margin-top: 1.5rem;}
#scene > ul > li:nth-child(odd) { float: none;}
#scene > ul > li:nth-child(even) { float: none;}

.bunrei {
	padding: 0 20px 30px;
}

.bunrei:before {
	left: 1%;
	min-height: 98%;
	top: 1%;
	width: 98%;
}

.bunrei .img img {
	width: 100%;
	max-width: 300px;
	height: auto;
}

/*======================================
info
========================================*/
#info { border: none; background-color: #fff;}
.check h3 {
	background: url(../img/s/arrow_check.png) no-repeat center bottom;
	background-size: auto 22px;
}
.attent, .copyright {
    color: #333;
}
.pass_number span {
    border-color: #333;
    color: #333;
}
/*======================================
footer
========================================*/
footer { background-color: #fff;}


/*======================================
2020.03.01追記
========================================*/
.notice_plus li {
	font-size: 1.15rem;
}
#footer_sp .pagetop {
	border-top: none;
}
#footer_sp .pagetop a {
	font-size: 1.2rem;
	padding: 15px 0 0 14px;
	background-position: left 18px;
}


}