@charset 'UTF-8';

/* --------------------------------------------------
 * @media width 1023px
 * -------------------------------------------------- */

@media screen and (max-width: 1023px) {

	/* XXXXX
 * -------------------------------------------------- */
	#blog {}

	.blog_container {
		width: 100%;
		margin: 40px auto 0 auto;
	}

	.blog_item {}

	#blog_side {
		width: 100%;
		margin: 40px 0 0 0;
		padding: 0px;
	}

	.blogNumber {}

	#blog_main {
		width: 100%;
		padding: 0;
	}

	#blog_main .blog_item {}

	#blog_main .blogSubtitle {
		padding: 0;
	}

	#blog_main .blogDay {
		padding: 0 0 5px 0;
	}

	#blog_main .blogArea {}

	#blog_main .textArea {
		font-size: 1.4rem;
	}

	#blog_main .image_colom2 {}

	#blog_main .image_colom2 .image_colom_item {}

	#blog_main .image_colom2 .image_colom_item figure {
		width: 100%;
	}

	#blog_main .image_colom1 .image_colom_item {
		width: 100%;
	}

	#blog_main .image_colom2 .image_colom_item2 {}

	#blog_main .image_colom2 .image_colom_item2 figure {
		width: 100%;
	}

	#blog_main .image_colom1 .image_colom_item2 {
		width: 100%;
	}

	.side_main .btn_show_more:before {
		position: absolute;
		top: 90%;
		left: 92%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		right: 0;
		bottom: 0;
	}
}

#blog_main:after {
	width: 100%;
}

/* END @media width 1023px */

/* --------------------------------------------------
 * @media width 767px
 * -------------------------------------------------- */

@media screen and (max-width: 767px) {
	.blog_article {
		padding: 50px 0;
	}

	.blog_item {
		padding: 0px;
	}

	#blog_main .blogSubtitle {
		font-size: 1.8rem;
		padding: 0;
		padding-bottom: 14px;
	}

	#blog_main .textArea {
		font-size: 1.4rem;
		line-height: 1.9;
	}

	#blog_main .image_colom2 {
		margin: 10px 0 0 0;
	}

	#blog_main .image_colom2 .image_colom_item {
		width: 100%;
		padding: 0;
	}

	#blog_main .image_colom2 .image_colom_item2 {
		width: 100%;
		padding: 0;
	}

	#blog_main .blogComent .comment-list li {
		font-size: 1.4rem;
	}

	#blog_main .blogComent {
		margin: 10px 0 0 0;
	}

	#blog_side {
		width: 100%;
		margin: 20px 0 0 0;
	}

	#blog_side .blogNumber .data {
		padding: 10px 0 0 0;
	}

	#blog_side .blogNumber .detail {
		padding: 0 0 10px 0;
	}

	.header-menu-search .header-menu-btn {
		right: 55px;
	}

	.header-menu-inquiry {
		display: none;
	}

	/* blog_movie
	* -------------------------------------------------- */

	.l-blog-subhead .sideTitle {
		font-size: 1.6rem;
		padding-bottom: 10px;
	}

	.video-box {
		margin: 0 auto 0 auto;
		width: 100%;
	}

	video {
		max-width: 100%;
		height: auto;
		border-radius: 5px;
	}

	.show_more,
	.show_more2 {
		text-align: center;
	}

	.list_backnumber dd {
		font-size: 1.3rem;
	}

	.side_main .btn_show_more:before {
		position: absolute;
		top: 90%;
		left: 92%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		right: 0;
	}

	/* ADD 190605 */

	.blog_container {
		margin-top: 20px;
	}

	.l-blog-subhead {
		/*margin-top: 20px;*/
		margin-bottom: 10px;
	}

	.l-blog-subhead .video-box {
		display: none;
	}

	.lcolom_container {
		margin-right: -10px;
	}

	.l-colom_items {
		margin: -5px;
	}

	.l-colom_item {
		width: 50%;
		padding: 5px;
		/*
		padding-right: 10px;
*/
		margin-bottom: 10px;
	}

	.l-colom_item--column_1 {
		width: 100%;
	}

	.side_movie {
		display: block;
	}
}

/* END @media width 767px */