@charset "UTF-8";

@media screen and (max-width : 480px) {
	/* Common */
	.show_pc {
		display: none;
	}
	.show_sp {
		display: block;
	}
	#thing *,
	#thing *:before,
	#thing *:after {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	body {
		min-width: 320px;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.header_inner,
	.select_box,
	.page_content,
	.plof,
	.map,
	.select_box_footer {
		width: 100%;
	}
	#thing {
		background: url(../img/background_sp.png) no-repeat top right 17px;
		background-size: 134px auto;
	}
	.shueisha {
		margin-top: 14px;
	}
	footer {
		margin-top: 117px;
		padding: 0 20px;
	}
	#thing .footer_bottom {
		width: auto;
		position: static;
		margin: 0 -20px;
	}
	.footer_inner {
		width: 100%;
		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%;
	}
	.sns_link {
		float: none;
		text-align: center;
		margin: 0 0 45px;
	}
	.fb_box,
	.twi_box {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	.twi_box {
		margin-top: -1px;
	}
	.select_box_footer {
		padding: 0 20px;
		height: auto;
	}
	.top_button {
		right: 10px;
		left: auto;
		margin-left: 0;
	}
	/* タグ */
	.tag_0{
		background-image:url(../img/t0_sp.png);
		background-size: 100% auto;
	}
	.tag_1{
		background-image:url(../img/t1_sp.png);
		background-size: 100% auto;
	}
	.tag_2{
		background-image:url(../img/t2_sp.png);
		background-size: 100% auto;
	}
	.tag_3{
		background-image:url(../img/t3_sp.png);
		background-size: 100% auto;
	}
	.tag_4{
		background-image:url(../img/t4_sp.png);
		background-size: 100% auto;
	}
	.tag_5{
		background-image:url(../img/t5_sp.png);
		background-size: 100% auto;
	}
	.tag_6{
		background-image:url(../img/t6_sp.png);
		background-size: 100% auto;
	}
	.tag_7{
		background-image:url(../img/t7_sp.png);
		background-size: 100% auto;
	}
	.tag_8{
		background-image:url(../img/t8_sp.png);
		background-size: 100% auto;
	}
	.tag_9{
		background-image:url(../img/t9_sp.png);
		background-size: 100% auto;
	}
	.pt_0{
		background-image:url(../img/t0_sp.png);
		background-size: 100% auto;
	}
	.pt_1{
		background-image:url(../img/t2_sp.png);
		background-size: 100% auto;
	}
	.pt_2{
		background-image:url(../img/t1_sp.png);
		background-size: 100% auto;
	}
	.pt_3{
		background-image:url(../img/t3_sp.png);
		background-size: 100% auto;
	}
	.pt_4{
		background-image:url(../img/t4_sp.png);
		background-size: 100% auto;
	}
	.pt_5{
		background-image:url(../img/t5_sp.png);
		background-size: 100% auto;
	}
	.pt_6{
		background-image:url(../img/t6_sp.png);
		background-size: 100% auto;
	}
	.pt_7{
		background-image:url(../img/t7_sp.png);
		background-size: 100% auto;
	}
	.pt_8{
		background-image:url(../img/t8_sp.png);
		background-size: 100% auto;
	}
	.pt_9{
		background-image:url(../img/t9_sp.png);
		background-size: 100% auto;
	}
	/* Cnt */
	.heading .top_logo,
	.heading .page_logo {
		width: 61px;
		margin-bottom: 16px;
	}
	#thing.top .heading,
	#thing.page .heading {
		padding: 0 10px;
		margin: 20px 0 24px;
	}
	#thing.top .heading h1,
	#thing .heading h1  {
		font-size: 131.2%;
		margin: 9px 0 11px 5px;
    	width: calc(100% - 66px);
	}
	#thing.top .heading h1 span,
	#thing .heading h1 span {
		font-size: 66.7%;
		width: auto;
		margin: 0 0 8px;
	}
	#thing .top_cap {
		width: 100%;
		float: none;
		font-size: 81.2%;
		clear: both;
		padding: 0 10px;
	}
	.select_box {
		height: auto;
		margin: 0 auto 39px;
	}
	.select_box,
	.page_content {
		padding: 0 20px;
	}
	.things_link,
	.enjoy_link {
		float: none;
		width: 100%;
		margin: 0;
		border-radius: 5px;
	}
	.things_link {
		margin-bottom: 12px;
	}
	.things p,
	.enjoy p {
		font-size: 100%;
		line-height: 45px;
	}
	.list_content li,
	.list_content li:nth-child(odd) {
		float: none;
		margin: 0 0 20px;
	}
	.list_link {
		width: 100%;
		margin-bottom: 20px;
	}
	.content_link .list_link > img {
		width: 100%;
		margin-bottom: 10px;
	}
	.conts_tag,
	.conts_tag_first {
		width: calc(33.3333% - 2px);
		max-width: 105px;
		margin: 0 2px 3px 0;
	}
	.plof {
		margin: 50px auto 30px;
		padding: 0 10px;
	}
	.plof > h1 {
		margin-bottom: 26px;
	}
	.width_max {
		padding: 0 10px;
		margin: 0 0 35px;
	}
	.width_max > img,
	.pp1 {
		margin: 0;
		max-width: 43%;
		margin-right: 20px;
		margin-bottom: 16px;
	}
	.p_01,
	.p_02 {
		width: auto;
		float: none;
		padding-top: 30px;
	}
	.p_01 p,
	.p_02 p {
		clear: both;
		font-size: 87.5%;
	}
	.e_name {
		font-size: 54.5%;
	}
	.p_01 a {
		width: 100%;
		height: 45px;
		border-radius: 5px;
	}
	.p_01 a p {
		line-height: 45px;
	}
	.cle {
		font-size: 75%;
		margin: 14px 0 20px;
	}
	.map {
		height: auto;
		padding: 0 10px;
	}
	.top_50 {
		margin: 0 auto 42px;
	}
	.map h1 {
		margin: 0;
	}
	.map_l {
		width: 288px;
		top: 76px;
    	left: 19px;
	}
	.map_r {
		width: 100%;
		float: none;
		padding-top: 387px;
		padding-left: 168px;
		padding-right: 10px;
	}
	.map_1 {
		margin: 0;
		min-height: 192px;
	}
	.map_2 {
		margin: 0;
		min-height: 192px;
	}
	.map_3 {
		margin-left: -159px;
		margin-top: 13px;
	}
	.map_1 h1,
	.map_2 h1,
	.map_3 h1 {
		font-size: 100%;
	}
	.map_1 p,
	.map_2 p,
	.map_3 p {
		font-size: 87.5%;
	}
	/* Detail */
	#thing.page .page_content {
		padding: 0;
	}
	.page_tags_box,
	.section_inner,
	.editor_voice,
	.info_box,
	.pager {
		width: 100%;
	}
	.section_inner {
		padding: 0 20px;
	}
	.info_text,
	.info_text h1 {
		width: 100%;
	}
	ul.info_list {
		width: auto !important;
	}
	#thing.page .heading {
		margin-bottom: 5px;
		overflow: hidden;
	}
	#thing .heading h1 {
		margin: 7px 0 11px 5px;
	}
	#thing .heading h1 span {
		margin-bottom: 4px;
	}
	.page_tags_box {
		height: auto;
		padding: 0 20px;
		margin-top: 0;
		margin-bottom: 13px;
	}
	.page .bird {
		width: 76px;
		right: auto;
		left: 261px;
		top: 0;
	}
	.page_tag {
		width: calc(33.3333% - 2px);
		max-width: 105px;
		height: 18px;
		margin: 0 2px 3px 0;
		background-size: 100% auto !important;
	}
	.page .page_content > h1 {
		margin: 0 0 13px;
		padding: 0 20px;
		line-height: 1.4;
		font-size: 131.2%;
	}
	.section_inner p {
		font-size: 87.5%;
		margin: 19px 0 23px;
		line-height: 1.8;
	}
	.editor_voice {
		padding: 0 20px;
		margin-top: 44px;
		margin-bottom: 47px;
	}
	.border_tb {
		padding: 25px 0;
	}
	.fl {
		margin: 0;
		max-width: 43%;
		margin-right: 20px;
		margin-bottom: 16px;
	}
	.fr {
		width: auto;
		float: none;
		padding-top: 26px;
	}
	.fr h1 {
		font-size: 106.2%;
		margin-bottom: 12px;
	}
	.fr h2 {
		font-size: 100%;
		letter-spacing: 0;
	}
	.ed_name_conts {
		font-size: 62.5%;
	}
	.fr p {
		clear: both;
		font-size: 87.5%;
	}
	.info_box {
		padding: 0 20px;
	}
	.info_border {
		padding: 20px;
	}
	.info_text img {
		margin-bottom: 18px;
	}
	.info_text h1 {
		font-size: 137.5%;
		margin-bottom: 19px;
	}
	.info_list {
		margin-bottom: 23px;
	}
	.info_list li {
		font-size: 87.5%;
		margin-bottom: 5px;
		line-height: 1.4;
		overflow-wrap: anywhere;
	}
	.info_box p {
		font-size: 75%;
		margin: 15px 0 44px;
	}
	.info_img {
		float: none;
	}
	.info_img img {
		width: 100%;
	}
	.pager {
		padding: 0 20px;
		margin: 0 auto 45px;
		height: auto;
	}
	.pager ul {
		display: table;
		height: auto;
	}
	.pager ul li {
		height: auto;
		width: 33.333%;
		display: table-cell;
		float: none;
		vertical-align: middle;
	}
	.pager ul li a {
		height: auto;
		margin-top: 0;
	}
	.pager ul li:first-child {
		padding-left: 26px;
	}
	.pager ul li:last-child {
		padding-right: 16px;
		padding-left: 10px;
	}
	.border_pager a {
		width: 100%;
	}
	.pager ul li a p {
		font-size: 87.5%;
		text-align: left;
		line-height: 1.4;
	}
	.back_img {
		top: 14px;
		left: 11px;
	}
	.next_img {
		top: 14px;
		right: 10px;
	}
	.pager ul li.top_pager a p {
		text-align: center;
	}
	/*--------------------------------------------------------------------
	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;
	}
}