.mq_show {
	display: none;
}

@media screen and (min-width: 641px) {
	#global_nav > ul > li.mq {
		display: block!important;
	}
}


@media screen and (max-width: 640px) {
	body {
		min-width: 320px;
	}
	.mq_show {
		display: block!important;
	}
	.mq_inner {
		padding-right: 8px;
		padding-left: 8px;
	}
	strong.mq_show,
	span.mq_show,
	br.mq_show,
	img.mq_show {
		display: inline!important;
	}
	.mq_hide {
		display: none!important;
	}
	.al_center.mq {
		text-align: left;
	}
	#header {
		min-width: 320px;
		min-height: 0;
	}
		.site_name {
			width: 50%;
			top: 8px; left: 8px;
			z-index: 110;
			height: auto;
		}
			.site_name a {
				height: 0;
				line-height: 0;
				padding-top: 22%;
				font-size: 0;
			}
				.site_name a::before {
					padding-top: 22%;
				}
		#head_nav {
			top: 0px;
			z-index: 100;
		}
			#head_nav ul {
				position: absolute;
				padding-top: 4px;
			}
				#head_nav ul li {
					display: none;
				}
				#head_nav ul li.supporter {
					display: inline-block;
					width: 40%;
					max-width: 187px;
					margin: 0;
				}
		#global_nav {
			padding: 15vw 0 0;
		}
			#global_nav > ul {
				position: relative;
				border-top: 1px #CCC solid;
			}
			#global_nav > ul > li {
				float: none;
				width: auto!important;
				border-bottom: 1px #CCC solid;
			}
				#global_nav > ul > li > a {
					padding: 1em 8px;
					text-align: left;
				}
				#global_nav .second_menu {
					display: none!important;
				}
			#global_nav > ul > li.menu_btn {
				position: absolute;
				top: 0; right: 0;
				z-index: 100;
				box-sizing: border-box;
				width: 118px!important;
				height: 3.5em;
				border: none;
				background: #FFF;
			}
				#global_nav > ul > li.menu_btn button {
					display: block;
					position: absolute;
					top: 0; bottom: 0; right: 0;
					width: 100%;
					height: 23px;
					overflow: hidden;
					margin: auto;
					border: none;
					background: none;
					cursor: pointer;
				}
					#global_nav > ul > li.menu_btn button img {
						position: absolute;
						top: 0; left: 0;
						transition: all 0.5s ease-out 0ms;
					}
					#global_nav > ul > li.menu_btn button.open img {
						top: -100%;
					}
			#global_nav > ul > li.mq {
				display: none;
			}
	.inner {
		margin: 0 4px;
	}
	.right_img {
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	.right_img.mq {
		float: right;
		margin: 0 8px 8px;
	}
	.left_img {
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	.left_img.mq {
		float: left;
		margin: 0 8px 8px;
	}

	.right_sec {
		margin-left: 0;
	}

	.wrapper {
		width: auto;
	}
	.page_title + .wrapper {
		padding: 0 8px 40px;
	}

	.visualarea {
		height: auto;
	}
		.visualarea h2 {
			position: static;
			width: auto;
			height: auto;
			margin: 16px 0 24px;
			padding: 0 8px;
			background: none;
			text-indent: 0;
			text-align: center;
			font-size: 1.2em;
		}
		.visualarea dl {
			position: static;
			width: auto;
			height: auto;
			margin: 0 8px;
			border: 2px #EE5497 solid;
			border-radius: 3px;
		}
			.visualarea dt {
				float: none;
				width: auto;
				padding: 1em 8px;
				background: #EE5497;
				color: #FFF;
				text-align: center;
			}
				.visualarea dt span {
					font-weight: bold;
				}
			.visualarea dd {
				width: 50%!important;
				text-align: center;
			}
				.visualarea dd a {
					display: block;
				}
					.visualarea dd a span {
						display: block;
						position: relative;
						width: 130px;
						height: 80px;
						overflow: hidden;
						margin: 0 auto;
					}
						.visualarea dd a span img {
							position: absolute;
							top: 50%; left: 50%;
							-webkit-transform: translate(-50%, -50%);
							-ms-transform: translate(-50%, -50%);
							transform: translate(-50%, -50%);
							width: 158px;
							height: 124px;
							margin: auto;
							max-width: none;
						}
						.visualarea dd.third img,
						.visualarea dd.mq_show img {
							width: 159px;
						}
					.visualarea dd.first,
					.visualarea dd.second {
						border-bottom: 1px #EE5497 solid;
					}
					.visualarea dl.clearfix dd.last {
						border: none;
					}
						.visualarea dd.last img {
							width: 161px;
						}
					.visualarea dd.mq_show {
						float: none;
						clear: left;
						width: auto!important;
						border-top: 1px #EE5497 solid;
					}
			.visualarea dd:nth-child(even) {
				width: calc(50% - 1px)!important;
				border-right: 1px #EE5497 solid;
			}

	.topicpass .wrapper {
		padding-left: 8px;
		padding-right: 8px;
	}
	.topicpass .wrapper li.active,
	.topicpass .wrapper li:nth-child(1),
		.topicpass .wrapper li:nth-child(2)::before {
		display: none;
	}

	.bg_wrapp .center {
		width: auto;
	}


	.page_title {
		height: auto;
		padding: 40px 8px;
	}
		.page_title strong {
			position: static;
			font-size: 1.5em;
		}
	.page_title.badge {
		background-size: 100% auto;
		background-attachment: unset;
	}

	.japan_heart_sec .inner_wrapper {
		padding: 0 8px;
	}
		.japan_heart_sec .left_col {
			float: none;
			width: auto;
		}

	.entry_sakubun-essay {
		width: auto;
		margin: 24px 8px 24px;
	}
		.entry_sakubun-essay::before {
			width: 55px;
			height: 80px;
			background-size: 100% auto;
		}
		.entry_sakubun-essay .inner_wrapper {
			border: 8px #7EC6F2 solid;
			background-size: auto 100%;
		}
			.entry_sakubun-essay h2 img {
				width: 176px;
			}
			.entry_sakubun-essay li {
				float: none!important;
				width: auto;
				margin: 24px 0 0!important;
				padding: 0 8px;
			}

	.youkou {
		height: calc(3.5em + 20px);
	}
	.youkou_bg {
		margin-top: 16px;
		padding: 200px 0 0;
		background-size: auto 200px;
		background-position: center top;
	}

	.kindness_history {
		margin-top: 40px;
		background: none;
	}
		.kindness_history::before {
			content: "";
			display: block;
			width: auto;
			height: 35vw;
			background: url('img/top/bg_kindness_history.jpg') left top no-repeat;
			background-size: 200% auto;
		}
		.kindness_history a {
			width: auto;
			height: auto;
			overflow: visible;
			padding: 16px 8px;
			background: url("img/top/bg_history.png");
		}
			.kindness_history a::before {
				display: none;
			}
			.kindness_history h2 {
				position: static;
				font-weight: bold;
				font-size: 1.5em;
			}
			.kindness_history p {
				position: static;
				color: #4F4F4F;
			}
		.kindness_history::after {
			content: "";
			display: block;
			width: auto;
			height: 35vw;
			background: url('img/top/bg_kindness_history.jpg') right top no-repeat;
			background-size: 200% auto;
		}

	.topics {
		margin-top: 40px;
		margin-bottom: 40px;
	}
		.topics h2,
		.special h2,
		.blog_banner h2 {
			margin-bottom: 8px;
			font-size: 1.5em;
		}
		.topics .wrapper,
		.special .wrapper {
			text-align: right;
		}
			.topics .back_number,
			.special .back_number {
				display: inline-block;
				position: static;
				margin-bottom: 16px;
			}
			.topics .type-post,
			.special .type-nons_blog,
			.special .type-post {
				float: none;
				width: auto;
				margin: 0 auto;
				text-align: left;
			}
				.topics .type-post a,
				.special .type-nons_blog a,
				.special .type-post a {
					display: block;
					padding: 16px 8px;
					border-top: 2px dotted #999;
				}
					.topics .type-post a::after,
					.special .type-nons_blog  a::after,
					.special .type-post  a::after {
						content: "";
						display: block;
						clear: both;
						height: 0;
						line-height: 0;
					}
					.topics h3.post_title,
					.special .visual,
					.topics .visual {
						display: inline-block;
						float: right;
						width: 100px;
					}
						.topics h3.post_title img,
						.topics .visual img,
						.special h3.post_title img,
						.special .visual img {
							height: auto;
						}
					.topics .post_date {
						margin: 0;
					}
					.special .post_title {
						clear: both;
					}
					.special.ji_tan .post_title {
						clear: none;
					}
					.topics .post_next,
					.special .post_next {
						display: none;
					}
			.topics .type-post + .type-post,
			.special .type-nons_blog + .type-nons_blog,
			.special .type-post + .type-post {
				margin-top: 0;
				margin-left: auto;
			}
			#main .topics .type-post.clear,
			#main .special .type-nons_blog.clear,
			#main .special .type-post.clear {
				margin-left: auto;
			}
			.topics .type-post + .type-post + .type-post + .type-post,
			.special .type-nons_blog + .type-nons_blog + .type-nons_blog + .type-nons_blog,
			.special .type-post + .type-post + .type-post + .type-post {
				display: none;
			}
	.special {
		margin: 40px 0;
	}

	.movie .wrapper {
		height: auto;
		background: url('img/top/bg_movie_mq.png') right top repeat;
	}
		.movie .wrapper h2 {
			position: static;
			overflow: hidden;
			padding: 8px 8px 0;
			color: #FFF;
			font-weight: bold;
			font-size: 1.2em;
		}
			.movie .wrapper h2 img {
				display: none;
			}
		.movie .wrapper p {
			position: static;
			color: #FFF;
			padding: 0 8px 16px;
		}
		.movie .wrapper .movie_area {
			position: relative;
			float: none;
			width: 100%;
			padding-top: 72vw;
		}
			.movie .wrapper .movie_area iframe {
				position: absolute;
				top: 0; left: 0;
				width: 100%;
				height: 72vw;
			}


	.blog_banner {
		padding: 20px 8px 0;
	}
		.blog_banner .staff_blog {
			float: none;
			width: auto;
		}
			.staff_blog div {
				width: auto;
			}
				.facebook-wrapper {
					width: auto;
					max-width: 500px;
					margin: 0 auto;
				}
				.facebook-wrapper > .fb-page {
					width: 100%;
				}
				.facebook-wrapper > .fb-page > span,
				.facebook-wrapper iframe {
					width: 100% !important;
				}
		.blog_banner .banner {
			float: none;
			width: auto;
			margin-top: 24px;
			padding-bottom: 16px;
		}
			.blog_banner .banner strong {
				font-weight: normal;
			}


	.inner_link_ul {
		margin-left: 8px;
		margin-right: 8px;
	}
		.inner_link_ul li.icon_medal {
			padding-left: 28px;
			text-indent: -28px;
		}

	.table_area {
		padding: 16px 8px;
	}
		.table_area::before {
			display: none;
		}
			.table_area .mq_table caption {
				padding-left: 0;
			}
			.table_area .mq_table thead {
				display: none;
			}
			.table_area .mq_table tbody {}
				.table_area .mq_table .mq_head {
					background: #CCC;
				}
				.mq_table tbody td {
					padding: 10px;
				}

	.mq_table {
		display: block;
	}
		.mq_table caption {
			display: block;
		}
		.mq_table thead {
			display: block;
		}
		.mq_table tbody {
			display: block;
		}
			.mq_table tr {
				display: block;
			}
			.mq_table th {
				display: block;
			}
			.mq_table td {
				display: block;
			}
			
		.mq_table.title_get thead,
		.mq_table.get_head thead {
			display: none;
		}
			.mq_table.title_get td a::before {
				content: attr(data-title);
				margin-right: 8px;
			}
		.mq_table.get_head .title_cell {
			text-align: left;
		}
			.mq_table.get_head .title_cell::before {
				content: attr(data-title);
				margin-right: 8px;
			}

	.bg_wrapp {
		padding-right: 8px;
		padding-left: 8px;
	}
		.bg_wrapp .left,
		.bg_wrapp .right,
		.bg_wrapp .right div {
			float: none;
			width: auto;
		}

	.shinsetsu_do {
		padding: 10px 0 180px;
		background-position: center bottom;
	}
	.shinsetsu_donot {
		padding: 10px 0 160px;
		background-position: center bottom;
	}

	.top_banner_area {
		padding: 16px 8px;
		background: #F4CDDE;
		text-align: center;
	}
	.reunion_banner {
		display: none;
	}

	.show_hide_area {
		padding: 10px;
	}
		.show_hide_area .title {
			float: none;
			margin: 0;
		}
		.show_hide_area .info_area {
			text-align: left;
			padding: 0 8px;
			border: 2px dotted #666;
		}

	.map_area div {
		display: block;
		position: relative;
		height: 400px;
	}
		.map_area div iframe {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

	#footer {
	}
		.footer_nav {
			padding: 0;
		}
			#footer .wrapper {
				width: auto;
			}
				#footer .footer_nav dt {
					float: none;
					width: auto;
					height: auto;
					min-height: 0;
					margin-bottom: 8px;
					margin-left: 0;
					border: none;
					border-top: 2px #00AA83 solid;
					border-bottom: 2px #00AA83 solid;
					background: none;
					text-indent: 0;
				}
					.footer_nav dt a {
						display: block;
						padding: 8px;
					}
				.footer_nav dd {
					float: none;
					width: auto;
				}
					.footer_nav li {
						margin-top: 16px;
					}
					.footer_nav li + li {
						margin-top: 16px;
					}
				.footer_nav dd + dd {
					margin-left: 0;
				}
				#footer .footer_nav dd + dt {
					margin-top: 16px;
				}
				.footer_nav dt.nav_other + dd {
					margin-left: 0;
				}
					.footer_nav dt.nav_other + dd ul {
						padding-bottom: 16px;
					}

	.footer_logo {
		padding: 16px 8px;
	}
		.footer_logo .site_name {
			width: auto;
			float: none;
		}
		.footer_logo ul {
			float: none;
			width: auto;
		}

	#copyright small {
		width: auto;
	}

	.slide_title_wrap {
		min-width: 0px;
	}
		.slide_title_wrap .logo_japan {
			width: 50%;
			padding: 24px;
		}
		.slide_title_wrap .slider_japan {
			width: 50%;
		}
			.slide_title_wrap .slider_japan .japan_picture {
				height: 240px;
			}
	.slide_controler {
		text-align: left;
	}
		.slide_controler li {
			width: calc(50% - 8px);
			max-width: 192px;
			margin: 0 4px 8px!important;
		}
	.japan_menu_slider .japan_section {
		padding: 48px 8px;
	}
		.japan_section .japan_inner {
			width: auto;
		}
			.japan_section .japan_inner img.right_img {
				margin: 0 0 16px;
			}
			.japan_section .japan_inner .btn_link.right_img {
				float: right;
				margin-top: 16px;
			}
			.japan_section .japan_inner .btn_link.right_img + .btn_link {
				margin-top: 0;
			}

	.img_area_line img {
		max-width: 46%;
		margin: 4px 1%!important;
	}
	.img_area_line.one img {
		max-width: 100%;
		margin: 4px 0!important;
	}

	.border_box,
	.border_inner {
		width: 95%;
	}

	.kindness_ima_mukashi > .wrapper {
		padding: 30px 8px;
	}
	.kindness_ima_mukashi .section {
		padding: 10px 8px 20px;
	}

	.mq_p {
		padding-right: 8px;
		padding-left: 8px;
	}

	.page_link_list li {
		line-height: 1.3;
		width: auto;
		float: none;
		margin-left: 0;
	}
		.page_link_list li a > span {
			height: auto;
			line-height: 104px;
		}
			.page_link_list img {
				height: auto;
			}

	.point.sakubun dd {
		width: 90%;
	}

	.video_area {
		width: auto;
		padding-top: 60%;
	}

	.first_txt.friends img {
		width: 40%; 
	}
}