@charset "UTF-8";

@media screen and (max-width : 480px) {
	/* Common */
	#enjoy *,
	#enjoy *:before,
	#enjoy *:after {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	body {
		min-width: 320px;
		font-size: 100%;
	}
	.show_sp {
		display: block;
	}
	.show_pc {
		display: none;
	}
	.top_button {
		right: 10px;
		left: auto;
		margin-left: 0;
	}
	.header_inner,
	.select_box,
	.page_content,
	.select_box_footer,
	.footer_inner,
	.sub_nav {
		width: 100%;
	}
	.shueisha {
		margin-top: 14px;
	}
	.select_box,
	.page_content {
		padding: 0 20px;
	}
	#enjoy img {
		max-width: 100%;
		height: auto;
	}
	#enjoy .fix,
	#enjoy.page {
		background: url(../img/background_ej_sp.png) no-repeat top right 4px;
		background-size: 163px auto;
	}
	.sns_link {
		text-align: center;
		margin: 0 0 45px;
	}
	.page .sns_link {
		margin: 96px 0 -96px;
	}
	.sns_link,
	.fb_box,
	.twi_box {
		float: none;
	}
	.fb_box,
	.twi_box {
		display: inline-block;
		vertical-align: middle;
	}
	.fb_box {
		margin-top: -3px;
	}
	.select_box_footer {
		padding: 0 20px;
		height: auto;
	}
	footer {
		margin-top: 117px;
		padding: 0 20px;
	}
	#enjoy .footer_bottom {
		width: auto;
		position: static;
		margin: 0 -20px;
	}
	.footer_inner {
		display: flex;
		flex-flow: column-reverse;
	}
	.footer_left,
	.footer_right {
		width: 100%;
	}
	.footer_ttl,
	.footer_inner h3,
	.footer_r_cnt p,
	.footer_inner address {
		font-size: 87.5%;
	}
	.footer_left {
		margin-top: 37px;
		margin-bottom: 37px;
	}
	.footer_inner h3 {
		margin-bottom: 6px;
		margin-top: 21px;
	}
	.footer_inner address {
		margin-bottom: 31px;
	}
	.footer_right {
		margin-top: 44px;
	}
	.footer_r_cnt {
		margin-bottom: 0;
	}
	.footer_bottom p {
		font-size: 87.5%;
	}
	.footer_ttl {
		margin-bottom: 16px;
	}
	.footer_link {
		font-size: 87.5%;
	}
	.width_p {
		width: 1em;
	}
	.hp_link {
		float: none;
		margin-top: 21px;
	}
	.hp_link a {
		font-size: 87.5%;
	}
	/* Cnt */
	.top .heading .top_logo,
	.page .heading .page_logo {
		width: 61px;
		height: 54px;
	}
	#enjoy.top .heading,
	#enjoy.page .heading {
		padding: 0 10px;
		margin: 25px 0 21px;
	}
	#enjoy.top .heading h1,
	#enjoy.page .heading h1 {
		font-size: 131.2%;
		margin: 2px 0 7px 5px;
		width: calc(100% - 66px);
		line-height: 1.3;
	}
	#enjoy.top .heading h1 span,
	#enjoy.page .heading h1 span {
		font-size: 66.7%;
		width: auto;
		margin: 0 0 3px;
	}
	.top .pen,
	#enjoy.page .heading .pen {
		width: 76px;
		right: auto;
		left: 217px;
		top: 0;
	}
	#enjoy .top_cap {
		width: 100%;
		font-size: 81.2%;
		padding: 0 10px;
	}
	.select_box {
		height: auto;
	}
	.things_link,
	.enjoy_link {
		width: 100%;
		float: none;
		margin: 0;
		border-radius: 5px;
	}
	.things_link {
		margin-bottom: 12px;
	}
	.things p,
	.enjoy p {
		font-size: 100%;
		line-height: 45px;
	}
	.things p img {
		vertical-align: middle;
		transform: rotate(-90deg);
	}
	.enjoy p img {
		vertical-align: middle;
	}
	.course_ttl {
		margin: 0 0 31px;
	}
	.course_nav {
		margin: 0 0 90px;
	}
	.course_nav ul li {
		float: none;
		width: 100%;
		margin: 0 0 28px;
	}
	.course_nav ul li .course_sec a > img {
		display: block;
		margin: 0 auto;
	}
	.course_nav ul li .course_sec h1 {
		width: 100%;
		margin-bottom: 14px;
		margin-top: 19px;
	}
	.course_nav ul li .course_sec h1 img {
		margin: 0;
		width: 100%;
	}
	.course_nav ul li .course_sec a img.show_sp {
		display: inline-block;
	}
	.course_nav ul li .course_sec a img.show_pc {
		display: none;
	}
	.course_nav ul li .course_sec .focus {
		margin: 14px 0 0 0;
	}
	.course_nav ul li .course_sec .focus img {
		margin-right: 7px;
	}
	.page_content.prof_map {
		padding: 0 10px;
		margin-bottom: 45px;
	}
	#enjoy .border_prof .pp1 {
		max-width: 43%;
		margin-right: 20px;
		margin-bottom: 16px;
	}
	.prof_map h1 {
		left: 10px;
		top: -10px;
	}
	.prof_map .course_prof {
		width: 203px;
	}
	.e_name {
		font-size: 50%;
	}
	.prof_inner h2 {
		margin: 27px 0 10px;
	}
	.border_prof {
		padding: 57px 10px 47px;
	}
	.prof_inner {
		width: auto;
		float: none;
	}
	.prof_inner p {
		clear: both;
	}
	.prof_inner a {
		width: 100%;
		height: 45px;
		margin: 16px 0 0;
	}
	.prof_inner a p {
		line-height: 48px;
		font-size: 100%;
	}
	.sub_nav {
		padding: 0 20px;
	}
	.top_main_nav {
		margin: 15px auto 81px;
	}
	.sub_nav ul {
		padding: 10px;
		border-radius: 5px;
	}
	.sub_nav .top_sub {
		margin-bottom: 31px;
	}
	.sub_nav .top_sub:after {
		bottom: -31px;
	}
	.sub_nav .bottom_sub {
		margin-top: 137px;
	}
	.sub_nav .bottom_sub:after {
		top: -113px;
	}
	.nav_three {
		width: 100%;
		height: 40px;
		margin-bottom: 10px;
	}
	.nav_three.last_sub {
		margin-bottom: 0;
	}
	.nav_three a {
		text-align: left;
		padding-left: 32px;
		font-size: 87.5%;
	}
	.nav_three a img {
		margin: 0 13px 0 0;
	}
	.page_content .eat_ttl{
		margin: 0 0 23px;
	}
	.eat_section {
		margin: 0 0 30px;
	}
	.eat_course.last_sec {
		margin-bottom: 47px;
	}
	.eat_course h1 {
		font-size: 75%;
		line-height: 1.9;
		margin: 0 0 26px;
	}
	.eat_course h1 > img {
		display: block;
		margin: 0 auto;
	}
	.eat_course h1 img.show_pc {
		display: none;
	}
	.eat_course h1 img.show_sp {
		display: block;
	}
	.eat_course .h1 .mor {
		width: 175px;
		padding-bottom: 12px;
	}
	.eat_course .h2 .noon {
		width: 182px;
		padding-bottom: 12px;
	}
	.eat_course .h3 .nig {
		width: 117px;
		padding-bottom: 13px;
	}
	.eat_section h2 {
		font-size: 87.5%;
	}
	.eat_section p {
		font-size: 87.5%;
		line-height: 1.8;
	}
	.eat_section img {
		margin-bottom: 23px;
	}
	.eat_border {
		margin-bottom: 36px;
	}
	/*--------------------------------------------------------------------
	BOX
	--------------------------------------------------------------------*/
	.bg_box {
		width: 100%;
		height: 100%;
		margin: 0;
		position: fixed;
	}
	.close_box {
		left: auto;
		right: 3%;
		top: 2%;
		margin: 0;
		bottom: auto;
		z-index: 11;
		width: 40px;
		height: 40px;
	}
	.close {
		position: static;
		width: 40px;
	}
	.box_pos {
		width: 90%;
		height: 90%;
		left: 5%;
		top: 5%;
		overflow: auto;
		margin: 0;
		padding: 20px;
	}
	.bp1 {
		width: 60px;
		margin-right: 20px;
	}
	.bp_ttl {
		padding-top: 10px;
		margin-top: 20px;
		font-size: 150%;
		float: none;
	}
	.b_width {
		margin: 40px 0;
	}
}