@charset "utf-8";
/*
	MediaQuery Type = Parts Unit
	0 < size
	@media only screen and (max-width: 600px)
	@media only screen and (min-width: 601px)
	@media only screen and (min-width: 601px) and (max-width: 992px)
	@media only screen and (max-width: 992px)
	@media only screen and (min-width: 993px)
	@media only screen and (min-width: 993px)
*/

/* mainvisual
========================================== */
.rilasumi_wrapper {
	display: none;
}
.rilasumi_wrappe_show {
	display: block;
}
.rilasumi_mainvisual_inner {
	position: relative;
}
.rilasumi_mainvisual_img {
	display: block;
	width: 100%;
	padding-top: calc(724 / 1280 * 100%);
	background: url(../images/top/mainv_logo.png), url(../images/top/mainv_background_pc.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: 77% 5.5%, center;
	background-size: calc(235 / 728 * 105.5%),cover;
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.rilasumi_mainvisual_img::before,.rilasumi_mainvisual_img::after {
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.rilasumi_mainvisual_img::before {
	width: 64.96%;
	height: 0;
	padding-top: calc(294 / 729 * 64.96%);
	background-image: url(../images/top/mainv_fairy.png);
	top: -47%;
	left: 2%;
	right: 0;
	bottom: 0;
	margin: auto;
	animation: huwahuwa 1.5s infinite alternate;
}
@keyframes huwahuwa {
	0% { transform: translateY(-5px); }
	100% { transform: translateY(5px); }
}
.rilasumi_mainvisual_img::after {
	width: 70%;
	height: 0;
	padding-top: calc(381 / 785 * 70%);
	background-image: url(../images/top/mainv_character.png);
	top: 24%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	animation: bound 0.6s ease-out 1.3s 1;
}
@keyframes bound {
  0% {transform: translateY(-15px);}
  60% {transform: translateY(10px);}
  100% {transform: translateY(0px);}
}
.rilasumi_mainvisual_link {
	width: 48.5%;
	height: 7.5%;
	position: absolute;
	left: 50%;
	bottom: 5.9%;
	transform: translateX(-50%);
}
.rilasumi_mainvisual_link a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	transition: opacity .5s ease;
}
.rilasumi_mainvisual_link a:hover {
	background-color: rgba(255, 255, 255, .3);
}

/* overview
========================================== */
.overview_area{
	margin: 0 auto;
	padding: 30px 0;
	background-image: url(../images/top/overview_bg_img.png);
}
.overview_inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.overview_title_img {
	width: 100%;
	height: 0;
	padding-top: calc( 254 / 1000 * 100%);
	background-image: url(../images/top/overview_title_pc_img.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}
.overview_text {
	max-width: 900px;
	margin: -30px auto auto;
}
.overview_text_box {
	font-size: 20px;
	text-align: center;
	font-family: 'FOT-スーラ Pro DB';
}
.overview_text_box_decision {
	margin-bottom: 20px;
}
.overview_text_img {
	width: 100%;
	height: 0;
	padding-top: calc( 102 / 893 * 100%);
	background-image: url(../images/top/overview_text_pc_img.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}


/* 共通
========================================== */
.rilasumi_area{
	margin: 0;
	position: relative;
	padding: 80px 20px;
}
.rilasumi_area::before {
	content: "";
	width: 100%;
	height: 29px;
	background-image: url(../images/common/rilasumi_topbg_img.png);
	background-repeat: repeat-x;
	background-position: bottom, center;
	position: absolute;
	top: 0;
	left: 0;
}
.rilasumi_inner{
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
}
.small_text {
	font-size: 16px;
}
.center_text {
	text-align: center;
}


/* トップトピックス一覧
========================================== */
.topics_area {
	background-color: #fffbda;
}
.topics_inner {
	max-width: 960px;
}
.topics_btn .rilasumi_btn_box::after {
	width: 29px;
	height: 23px;
	background-image: url(../images/top/topics_btn_icon_img.png);
	right: -10px;
}
.topics_btn.rilasumi_btn:hover {
	cursor: pointer;
}


/* twitter
========================================== */
.twitter_area{
	background-color: #eaf6fd;
}
.twitter_title_img {
	background-image: url(../images/top/twitter_title.png);
}
.twitter_box {
	width: 100%;
	max-width: 780px;
	height: 650px;
	padding: 50px 30px 0;
	background-color: #fff;
	overflow: hidden;
	margin-left: auto;
	text-align: center;
	box-shadow: 4px 4px 0px 1px #d4d9da;
	border-radius: 10px;
}
.twitter_box_timeline_inner{
	height: 100%;
}
.twitter_box_timeline_inner > iframe {
	height: 600px !important;
}

.twitter_text {
	margin-top: 15px;
	font-size: 12px;
	text-align: center;
}


/* about
========================================== */
.about_area{
	background-image: url(../images/top/about_bg_img.png);
}
.about_area a{
	color: #e85f9d;
	text-decoration: underline;
}
.about_title_img {
	background-image: url(../images/top/about_title.png);
}
.about_inner.rilasumi_inner {
	max-width: 845px;
}
.about_box {
	margin: 25px auto;
	padding:0 15px 40px;
	max-width: 845px;
	border: solid 3px #85dcd5;
	border-radius: 8px;
}
.about_box span.line-through {
	text-decoration: line-through;
}
.about_sub_title {
	margin: 40px 0 20px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	line-height: 1;
}
.about_sub_title span{
	display: inline-block;
	padding-left: 30px;
	position: relative;
}
.about_sub_title span::before {
	content: "";
	width: 27px;
	height: 2.2em;
	position: absolute;
	background: url(../images/top/top_fairy_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	overflow: hidden;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.about_list{
	max-width: 650px;
	margin: 0 auto;
}
.about_item{
	display: flex;
	align-items: center;
	position: relative;
}
.about_item::before {
	content: "";
	width: 100%;
	height: 2px;
	background-image: url(../images/common/rilasumi_border_img.png);
	background-repeat: repeat-x;
	background-position: bottom, center;
	position: absolute;
	bottom: 0;
}
.about_item dt{
	width: 35%;
	text-align: center;
	padding: 15px 0;
	font-size: 20px;
	font-family: 'FOT-スーラ Pro DB';
	line-height: 1.5;
}
.about_item dd{
	width: 65%;
	padding: 15px 0;
	font-size: 18px;
	line-height: 1.5;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.about_item .font-small{
	display: inline-block;
	font-size: 16px;
}
.about_item .font-verysmall{
	font-size: 12px;
}
.about_note{
	max-width: 650px;
	margin: 30px auto;
	font-size: 16px;
	text-align: center;
}
.about_info {
	margin: 30px 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.about_sub_title + .about_info {
	margin-bottom: 0;
}

/* access
========================================== */
.access_area{
	max-width: 790px;
	margin: 0 auto;
	padding-top: 30px;
}
.access_title {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
}
.access_map_box {
	display: flex;
	justify-content: space-between;
}
.access_map_box_img {
	width: 49%;
	padding-top: 39.975%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	box-shadow: 4px 4px 0px 1px #e5ddbe;
	border-radius: 10px;
}
.access_map_text {
	margin: 30px auto;
	font-size: 18px;
	text-align: center;
}
.map_btn.rilasumi_btn a{
	color: #fff;
}
.access_map_text_note {
	text-align: center;
}
.access_guide {
	display: flex;
	max-width: 650px;
	padding: 15px 0;
	margin: 0 auto;
	position: relative;
}
.access_guide::before,.access_guide::after{
	content: "";
	width: 100%;
	height: 2px;
	background-image: url(../images/common/rilasumi_border_img.png);
	background-repeat: repeat-x;
	background-position: bottom, center;
	position: absolute;
	left: 0;
}
.access_guide::before{
	top: 0;
}
.access_guide::after{
	bottom: 0;
}
.access_guide_title{
	width: 44.445%;
	font-size: 20px;
	font-family: 'FOT-スーラ Pro DB';
	text-align: center;
}
.access_guide_text_box + .access_guide_text_box {
	margin-top: 10px;
}
.access_guide_text {
	width: 100%;
	font-size: 18px;
	font-feature-settings: "palt";
	letter-spacing: 0.04em;
}
.access_guide_text .clover_icon {
	padding-left: 20px;
	position: relative;
	line-height: 1.8;
}
.access_guide_text .clover_icon::before {
	content: "";
	width: 15px;
	height: 0;
	padding-top: 15px;
	position: absolute;
	background: url(../images/top/access_clover_icon.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	overflow: hidden;
	top: 9px;
	left: 0;
}
.access_guide_text .green_midpoint{
	padding-left: 15px;
	position: relative;
}
.access_guide_text .green_midpoint::before {
	content: "・";
	position: absolute;
	color: #75c7c4;
	top: 0;
	left: 0.3rem;
}
.access_guide_text_method_link,
.access_guide_text_note_link {
	color: #e85f9d;
	text-decoration: underline;
}
.access_guide_text_method {
	font-size: 16px;
}
.access_guide_text_note {
	font-size: 16px;
	margin-top: 20px;
}
.map_btn .rilasumi_btn_box::after {
	width: 15px;
	height: 21px;
	background-image: url(../images/top/access_btn_icon_img.png);
}
.about_hirakatapark .access_inner {
	position: relative;
	max-width: 650px;
	margin: 0 auto;
	padding-bottom: 20px;
}

/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
	/* overview
	========================================== */
	.overview_text_box {
		padding: 0 50px;
}
}


/* ----------------------------------------------------------------------
 SP（〜600px）
---------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
	/* mainvisual
	========================================== */
	.rilasumi_mainvisual_img {
		padding-top: calc(905 / 752 * 100%);
		background: url(../images/top/mainv_logo.png), url(../images/top/mainv_background_sp.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position:center 5.3%, center;
		background-size: calc(235 / 728 * 303%),cover;
	}
	.rilasumi_mainvisual_img::after {
		width: 105%;
		height: 0;
		padding-top: calc(381 / 785 * 107%);
		background-image: url(../images/top/mainv_character.png);
		top: 46%;
		left: -2%;
	}
	.rilasumi_mainvisual_img::before {
		width: 95%;
		padding-top: calc(294 / 729 * 95%);
		top: -5%;
		left: 0;
	}
	.rilasumi_mainvisual_link {
		width: 95%;
		height: 6.7%;
		bottom: 7.2%;
	}
	.rilasumi_mainvisual_link a:hover {
		background-color: transparent;
	}

	/* overview
	========================================== */
	.overview_area {
		padding: 15px 0;
	}
	.overview_title_img {
		padding-top: calc( 273 / 753 * 100%);
		background-image: url(../images/top/overview_title_sp_img.png);
	}
	.overview_text {
		margin: 20px auto;
}
	.overview_text_img {
		padding-top: calc( 154 / 752 * 100%);
		background-image: url(../images/top/overview_text_sp_img.png);
	}
	.overview_text_box {
		font-size: 14px;
		padding: 0 20px;
	}


	/* 共通
	========================================== */
	.rilasumi_area {
		padding: 40px 20px;
	}
	.small_text {
		font-size: 10px;
	}


	/* twitter
	========================================== */
	.twitter_box {
		height: 325px;
	}
	.twitter_box_timeline_inner > iframe {
		height: 275px !important;
	}


	/* about
	========================================== */
	.about_box .about_sub_title.small_title_f20 {
		font-size: 1.8rem;
	}
	.about_box .about_sub_title.small_title_f18 {
		font-size: 1.8rem;
	}
	.about_item dt {
		width: 43%;
		padding: 15px 10px;
		font-size: 14px;
	}
	.about_item dd {
		width: 57%;
		font-size: 14px;
	}
	.about_item .font-small {
		font-size: 12px;
	}
	.about_note{
		margin: 15px auto;
		font-size: 10px;
	}


	/* access
	========================================== */
	.access_map_box {
		flex-wrap: wrap;
	}
	.access_map_box_img {
		width: 100%;
		padding-top: 81.5%;
	}
	.access_map_box_img + .access_map_box_img {
		margin-top: 15px;
	}
	.access_map_text {
		margin: 15px auto;
		font-size: 10px;
	}
	.access_guide_title {
		width: 42.1%;
		font-size: 14px;
	}
	.access_guide_text {
		font-size: 12px;
	}
	.access_guide_text .clover_icon {
		padding-left: 15px;
	}
	.access_guide_text .clover_icon::before {
		width: 10px;
		padding-top: 10px;
		top: 6px;
	}
	.access_guide_text .green_midpoint{
	}
	.access_guide_text .green_midpoint::before {
		top: 0;
		left: 0.3rem;
	}
	.access_guide_text_method {
		font-size: 10px;
	}
	.access_guide_text_note {
		font-size: 10px;
		margin-top: 20px;
	}

}
.color-red {
  color: #f00;
}