@charset "utf-8";

img{
max-width:100%;
height:auto;
}

hr{
height: 1px;
background-color: #ccc;
}

/* main
------------------------------------------------ */
#main {
	display: block;
	position: relative;
	margin: 0 auto;
	padding-bottom: 60px;
}

	#main h2 {
		border: none;
		-webkit-text-shadow: none;
		text-shadow: none;
		color: inherit;
	}

		#main h2 a {
			display: inline;
			position: relative;
			top: auto;
			right: auto;
			background: none;
			font-size: inherit;
			font-weight: inherit;
			line-height: inherit;
		}

/* contents */
#contents {
	background: none;
}

	#main_contents {
		position: relative;
		float: left;
		width: 65.6%;
	}

	#side_contents {
		position: relative;
		float: right;
		width: 28.5%;
	}

		#side_contents aside { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #3E3A39; }
		#side_contents aside:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
		#side_contents aside .title1 { font-size: 1.6rem; font-weight: normal; line-height: 1.2; color: #3e3a39; margin-bottom: 18px; }
		#side_contents aside .rangking {}
		#side_contents aside .rangking li { margin-bottom: 9px; }
		#side_contents aside .rangking li a { display: block; }
		#side_contents aside .rangking li a .cat_pic,
		#side_contents aside .rangking li a .cat_title { display: inline-block; vertical-align: top; }
		#side_contents aside .rangking li a .cat_pic { width: 34.2%; }
		#side_contents aside .rangking li a .cat_title { width: 62.6%; margin-left: 3.2%; font-size: 1.4rem; font-weight: normal; line-height: 1.4; color: #3e3a39; }
		#side_contents aside .cat_lists dl { font-size: 1.6rem; margin-bottom: 18px; }
		#side_contents aside .cat_lists dl a { display: block; }

/* title_style1 */
#main .title_style1 {
	padding: 8px 0;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
}

/* archive_title */
#archive_title {
	position: relative;
	margin-bottom: 20px;
}

	#archive_title .pager {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 0 8px !important;
		width: 100%;
	}

		#archive_title .pager p { width: auto; font-size: 1.2rem; }
		#archive_title .pager .prev {}
		#archive_title .pager .next { float: right; }
		#archive_title .pager .prev a:before,
		#archive_title .pager .next a:after { width: 6px; height: 10px; background-color: #fff !important; }
		#archive_title .pager .prev a:before { background-image: url(/osaka-blog/img/arrow_left1.png); }
		#archive_title .pager .next a:after { background-image: url(/osaka-blog/img/arrow1.png); }

	#archive_title .title_style1 { padding-top: 0; text-align: center; }

/* search_title */
#search_title {
	position: relative;
	margin-bottom: 20px;
}

	#search_title .title_style1 { padding-left: 24px; background: url(/osaka-blog/img/search1.png) no-repeat 0 7px; background-size: 16px; }

/* post_list */
#main .post_list1 {
}

	#main .post_list1 li {
	}
	@media screen and (min-width: 751px) {
		#main .post_list1 li { -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 1px rgba(0,0,0,.1); }
		#main .post_list1 li { float: left; margin-top: 5%; width: 47.5%; }
		#main .post_list1 li:nth-of-type(-n+2) { margin-top: 0; }
		#main .post_list1 li:nth-of-type(2n) { float: right; }
		#main .post_list1 li:nth-of-type(2n+1) { clear: both; }
	}

		#main .post_list1 li .photo {}
			#main .post_list1 li .photo a { display: block; }
		#main .post_list1 li .info { padding: 17px 22px; }
			#main .post_list1 li .cat { margin-bottom: 6px; font-size: 1.6rem; font-weight: bold; line-height: 1.2; }
				#main .post_list1 li .cat .icon { display: inline-block; padding: 2px 12px; border: solid #000 1px; -webkit-border-radius: 40px; border-radius: 40px; vertical-align: top; }
			#main .post_list1 li .date { margin-bottom: 6px; font-size: 1.6rem; line-height: 1.2; }
			#main .post_list1 li .title { min-height: 1.6em; font-size: 1.8rem; font-weight: bold; line-height: 1.4; }
			#main .post_list1 li .excerpt { margin: 12px 0; font-size: 1.6rem; }
			#main .post_list1 li .tag { margin-bottom: 4px; font-size: 1.2rem; line-height: 1.2; }
				#main .post_list1 li .tag a { display: inline-block; margin: 6px 6px 0 0; padding: 2px 8px; border: solid #3e3a39 1px; -webkit-border-radius: 40px; border-radius: 40px; }
			#main .post_list1 li .comment { font-size: 1.6rem; line-height: 1.2; }

/* focus_post */
#focus_post {
	margin-bottom: 30px !important;
}

	#focus_post .post_list1 li { float: none; width: auto; }
	#focus_post .post_list1 li .photo,
	#focus_post .post_list1 li .info { display: inline-block; vertical-align: middle; }
	#focus_post .post_list1 li .photo { width: 65.5%; }
	#focus_post .post_list1 li .info { padding: 0 3.6%; width: 25%; }
	#focus_post .post_list1 li .cat { margin-bottom: 12px; }
	#focus_post .post_list1 li .date { margin-bottom: 12px; }
	#focus_post .post_list1 li .title { min-height: inherit; }
	#focus_post .post_list1 li .tag { margin-bottom: 12px; }

/* post_detail */
#post_detail {
}

	#post_detail .head {
		margin-bottom: 26px;
	}

		#post_detail .head .cat_date {
			margin-bottom: 16px;
		}

			#post_detail .head .cat,
			#post_detail .head .date {
				width: 50%;
				line-height: 1.2;
			}

			#post_detail .head .cat {
				float: right;
				text-align: right;
				font-size: 1.4rem;
			}

				#post_detail .head .cat .icon { display: inline-block; padding: 2px 12px; border: solid #000 1px; -webkit-border-radius: 40px; border-radius: 40px; vertical-align: top; }

			#post_detail .head .date {
				float: left;
				font-size: 1.6rem;
				color: #3e3a39;
			}

		#post_detail .head .title_share {
			position: relative;
		}

			#post_detail .head .title {
				padding-right: 50px;
				font-size: 2.5rem;
				font-weight: bold;
				color: #3e3a39;
			}

			#post_detail .head .share {
				position: absolute;
				top: 6px;
				right: 6px;
			}

				#post_detail .head .share dt,
				#post_detail .head .share dd {
					-webkit-transition: .2s ease-out;
					-moz-transition: .2s ease-out;
					-ms-transition: .2s ease-out;
					-o-transition: .2s ease-out;
					transition: .2s ease-out;
				}

				#post_detail .head .share dt {
					width: 30px;
					height: 30px;
					background: url(/osaka-blog/img/icon_share3.png) no-repeat center center;
					background-size: 16px;
					border: solid #666 1px;
					-webkit-border-radius: 50%;
					border-radius: 50%;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					cursor: pointer;
				}

				#post_detail .head .share.open dt {
					-webkit-transform: rotate(40deg);
					transform: rotate(40deg);
				}

				#post_detail .head .share dd {
					position: absolute;
					top: 45px;
					right: -10px;
					padding: 10px 18px;
					background: #ebebeb;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					transform: scale(0,0);
					transform-origin: top center;
				}

				#post_detail .head .share.open dd {
					-webkit-transform: scale(1,1);
					transform: scale(1,1);
				}

				#post_detail .head .share dd:after { content: ' '; position: absolute; top: -10px; right: 18px; width: 14px; height: 10px; background: url(/osaka-blog/img/balloon1.png) no-repeat left top; background-size: 100%; }

					#post_detail .head .share dd .nhksns { display: block; padding-top: 24px; width: 80px; }
						#post_detail .head .share dd .nhksns li { margin-left: 10px; width: 20px; }
						#post_detail .head .share dd .nhksns li:first-child { margin-left: 0; }
					#post_detail .head .share dd .nhksns-guide { position: absolute; top: 10px; right: 18px; margin-left: 0 !important; font-size: 1.3rem; }
						#post_detail .head .share dd .nhksns-guide a { display: inline-block; margin-left: 2px; vertical-align: middle; }

	#post_detail .content {
		word-break: break-word;
	}

		#post_detail .content p,
		#post_detail .content h3 { margin-top: 1.2em; font-size: 1.6rem; }
		#post_detail .content p:first-child,
		#post_detail .content h3:first-child { margin-top: 0; }
		#post_detail .content h3 { font-size: 1.8rem; font-weight: bold; color: inherit; }
		#post_detail .content video { width: 100%; height: auto; }
        #post_detail .content strong{ font-weight: bold; }

	#post_detail .foot {
		margin-top: 42px;
		width: auto;
		background: none;
		box-shadow: none;
		color: #3e3a39;
	}
	footer a,footer a:visited { color: #3e3a39; }

		#post_detail .foot .more_info {
		}

			#post_detail .foot .cat_tags {
			}
	
				#post_detail .foot .cat_tags dl {
					position: relative;
					margin-top: 26px;
				}
				#post_detail .foot .cat_tags dl:first-child { margin-top: 0; }
	
					#post_detail .foot .cat_tags dl dt { margin-bottom: 6px; font-size: 1.6rem; font-weight: bold; }
					#post_detail .foot .cat_tags dl dd { font-size: 1.6rem; line-height: 1.2; }
						#post_detail .foot .cat_tags dl dd a { display: inline-block; vertical-align: top; }
					#post_detail .foot .cat_tags .cat dd { margin-bottom: -8px; }
						#post_detail .foot .cat_tags .cat dd a { margin: 0 8px 16px 0; padding: 2px 12px; border: solid #000 1px; -webkit-border-radius: 40px; border-radius: 40px; }
					#post_detail .foot .cat_tags .tags dd { margin-bottom: -10px; }
						#post_detail .foot .cat_tags .tags dd a { margin: 0 10px 10px 0; padding: 1px 10px; border: solid #3e3a39 1px; -webkit-border-radius: 40px; border-radius: 40px; }
	
			#post_detail .foot .comment_list {
				margin-top: 50px;
			}
	
				#post_detail .foot .comment_list dt { font-size: 1.8rem; font-weight: bold; }
					#post_detail .foot .comment_list dt .num { padding-left: 1em; font-weight: normal; }
				#post_detail .foot .comment_list dd { margin-top: 14px; }
					#post_detail .foot .comment_list dd > p { font-size: 1.4rem; }
					#post_detail .foot .comment_list dd ul { border-top: solid #bcbcbc 1px; }
						#post_detail .foot .comment_list dd ul li { padding: 16px 0; border-bottom: solid #bcbcbc 1px; }
							#post_detail .foot .comment_list dd ul li .author_date {}
								#post_detail .foot .comment_list dd ul li .author_date p { display: inline-block; vertical-align: middle; line-height: 1; }
								#post_detail .foot .comment_list dd ul li .author_date .author { font-size: 1.6rem; }
								#post_detail .foot .comment_list dd ul li .author_date .date { margin-left: 1.6em; font-size: 1.3rem; color: #717071; }
							#post_detail .foot .comment_list dd ul li .comment { margin-top: 8px; font-size: 1.6rem; }
					#post_detail .foot .comment_list dd .btn { margin-top: 14px; width: 26%; }
						#post_detail .foot .comment_list dd .btn input { width: 100%; height: 40px; background: #fff; border: solid #3e3a39 1px;; font-size: 1.6rem; cursor: pointer; }

/* paging */
.paging {
	margin-top: 80px !important;
	text-align: center;
}

	.paging a,
	.paging span {
		display: inline-block;
		margin: 0 .6em !important;
		vertical-align: middle;
		font-size: 1.6rem;
	}

	.paging span { text-decoration: underline; opacity: .5; }

	.paging .prev,
	.paging .next {
		width: 9px;
		height: 15px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.paging .prev { margin-right: 1em !important; background-image: url(/osaka-blog/img/paging_prev.png); }
	.paging .next { margin-left: 1em !important; background-image: url(/osaka-blog/img/paging_next.png); }

/* pager */
.pager {
	margin-top: 34px !important;
}

	.pager p {
		float: left;
		width: 50%;
		font-size: 1.6rem;
		line-height: 1;
	}
	.pager .next { text-align: right; }

		.pager p a,
		.pager .prev a:before,
		.pager .next a:after {
			display: inline-block;
			vertical-align: top;
		}

		.pager .prev a:before,
		.pager .next a:after {
			content: ' ';
			margin-top: 1px;
			width: 9px;
			height: 15px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100%;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}
		.pager .prev a:before { margin-right: 8px !important; background-image: url(/osaka-blog/img/paging_prev.png); }
		.pager .next a:after { margin-left: 8px !important; background-image: url(/osaka-blog/img/paging_next.png); }

/* comment_title */
#comment_title {
	position: relative;
	margin-bottom: 20px;
}

	#comment_title .title_style1 {}

	#comment_title .lead {
		margin-top: 12px;
		font-size: 1.5rem;
	}

		#comment_title .lead a { text-decoration: underline; }

/* comment_form */
#comment_form {
	position: relative;
}

	#comment_form table {
		width: 100%;
	}

		#comment_form table th,
		#comment_form table td {
			padding-top: 42px;
			text-align: left;
			vertical-align: top;
		}

		#comment_form table th { width: 30%; font-size: 1.8rem; font-weight: bold; }
		#comment_form table td { font-size: 1.3rem; }
			#comment_form table td input[type=text],
			#comment_form table td textarea { padding: 8px; background: #fff; border: solid #c8c9ca 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 1.3rem; }
			#comment_form table td .wm { width: 50%; }
			#comment_form table td .wl { width: 80%; }
			#comment_form table td textarea { width: 100%; height: 118px; }

	#comment_form .btn_group {
		margin-top: 100px;
		text-align: center;
	}

		#comment_form .btn_group li {
			display: inline-block;
			margin: 0 2%;
			width: 24%;
			vertical-align: top;
		}

			#comment_form .btn_group li input[type=submit],
			#comment_form .btn_group li button {
				display: block;
				padding: 12px 0;
				width: 100%;
				-webkit-appearance: none;
				appearance: none;
				border: solid #666 1px;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;
				font-size: 1.6rem;
				line-height: 1;
				cursor: pointer;
			}
			#comment_form .btn_group li input[type=submit] {}
			#comment_form .btn_group li button { border-color: #b4b4b5; color: #b4b4b5; }

/* responsible layout
------------------------------------------------ */
@media screen and (max-width: 750px) {
	/* contents */
	#main_contents { float: none; width: 100%; }
	#side_contents { float: none; width: 100%; margin-top: 35px; }
	#side_contents aside { padding: 20px 12px 15px; margin-bottom: 0; }
	#side_contents aside:first-child { border-top: 1px dashed #3E3A39; }
	#side_contents aside .cat_lists dl { font-size: 1.2rem; line-height: 1.4; margin-bottom: 30px; }
	#side_contents aside .cat_lists dl dt { margin-bottom: 10px; }
	#side_contents aside .cat_lists dl dd { overflow: hidden; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: left; -webkit-justify-content: left; }
	#side_contents aside .cat_lists dl a { width: 46%; margin-right: 8%; margin-bottom: 15px; }
	#side_contents aside .cat_lists dl a:nth-child(2n+2) { margin-right: 0; }
	#side_contents aside .cat_lists dl a:nth-last-child(-n+2) { margin-bottom: 0; }
	#side_contents aside .rangking li a .cat_title { font-size: 1.2rem; padding-top: 4px; }

	/* title_style1 */
	#main .title_style1 { margin: 0 10px; padding: 8px 0; font-size: 1.6rem; }

	/* archive_title */
	#archive_title {}
	#archive_title .pager { margin: 10px 0 !important; }
	#archive_title .pager .prev { padding-left: 8px; }
	#archive_title .pager .next { padding-right: 8px; }

	/* search_title */
	#search_title {}
	#search_title .title_style1 { padding: 6px 0 6px 22px; }

	/* post_list */
	#main .post_list1 {}
	#main .post_list1 li { padding: 8px 0; }
	#main .post_list1 li .photo,
	#main .post_list1 li .info { display: inline-block; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
	#main .post_list1 li .photo {}
	#main .post_list1 li .info { padding: 0 4.5% 0 2%; }
	#main .post_list1 li .cat { margin-bottom: 3px; font-size: .9rem; }
	#main .post_list1 li .cat .icon { padding: 2px 6px; }
	#main .post_list1 li .date { margin-bottom: 3px; font-size: .9rem; }
	#main .post_list1 li .title { min-height: 2.6em; font-size: 1.4rem; }
	#main .post_list1 li .excerpt { display: none; }
	#main .post_list1 li .tag { margin-bottom: 2px; font-size: .9rem; }
	#main .post_list1 li .tag a { margin: 4px 4px 0 0; padding: 2px 6px; }
	#main .post_list1 li .comment { font-size: .9rem; }

	/* focus_post */
	#focus_post { margin: -10px 0 8px !important; }
	#focus_post .post_list1 li { padding: 0; }
	#focus_post .post_list1 li .photo,
	#focus_post .post_list1 li .info { display: block; width: auto; }
	#focus_post .post_list1 li .photo {}
	#focus_post .post_list1 li .info { padding: 8px 8px 0; }
	#focus_post .post_list1 li .cat { margin-bottom: 6px; }
	#focus_post .post_list1 li .date { margin-bottom: 6px; }
	#focus_post .post_list1 li .title { min-height: inherit; }
	#focus_post .post_list1 li .tag { margin-bottom: 6px; }

	/* post_detail */
	#post_detail {}
	#post_detail .head { margin-bottom: 14px; }
	#post_detail .head .cat_date { margin: 0 8px 8px; }
	#post_detail .head .cat,
	#post_detail .head .date { float: none; width: auto; font-size: 1rem; }
	#post_detail .head .cat { margin-bottom: 6px; text-align: left; }
	#post_detail .head .cat .icon { padding: 2px 6px; margin-top:10px;}
	#post_detail .head .date {}
	#post_detail .head .title_share { position: inherit; margin: 0 8px; }
	#post_detail .head .title { padding-right: 0; font-size: 1.8rem; }
	#post_detail .head .share { top: 10px; right: 8px; }
	#post_detail .head .share dt { width: 20px; height: 20px; background-image: url(/osaka-blog/img/icon_share4.png); background-size: 100%; }
	#post_detail .head .share dd { top: 32px; right: -4px; padding: 8px 12px; }
	#post_detail .head .share dd:after { right: 8px; }
	#post_detail .head .share dd .nhksns { width: 110px; }
	#post_detail .head .share dd .nhksns li {}
	#post_detail .head .share dd .nhksns-guide { font-size: 1.2rem; line-height: 1; }
	#post_detail .content { margin: 0 8px; }
	#post_detail .content p { font-size: 1.6rem; }
	#post_detail .content h3 { font-size: 1.8rem; }
	#post_detail .content img { margin-left: -8px; width: calc(100%); max-width: inherit; }
	#post_detail .foot { margin: 40px 8px 0; }
	#post_detail .foot .cat_tags {}
	#post_detail .foot .cat_tags dl { margin-top: 20px; }
	#post_detail .foot .cat_tags dl dt { font-size: 1.2rem; }
	#post_detail .foot .cat_tags dl dd { font-size: 1.2rem; }
	#post_detail .foot .cat_tags .cat dd { margin-bottom: -6px; }
	#post_detail .foot .cat_tags .cat dd a { padding: 2px 6px; }
	#post_detail .foot .cat_tags .tags dd { margin-bottom: -8px; }
	#post_detail .foot .cat_tags .tags dd a { margin: 0 8px 8px 0; padding: 1px 8px; }
	#post_detail .foot .comment_list { margin-top: 40px; }
	#post_detail .foot .comment_list dt { font-size: 1.2rem; }
	#post_detail .foot .comment_list dd { margin-top: 10px; }
	#post_detail .foot .comment_list dd > p { font-size: 1.4rem; }
	#post_detail .foot .comment_list dd ul {}
	#post_detail .foot .comment_list dd ul li { padding: 10px 0; }
	#post_detail .foot .comment_list dd ul li .author_date {}
	#post_detail .foot .comment_list dd ul li .author_date .author { font-size: 1.2rem; }
	#post_detail .foot .comment_list dd ul li .author_date .date { font-size: 1rem; }
	#post_detail .foot .comment_list dd ul li .comment { margin-top: 10px; font-size: 1.2rem; }
	#post_detail .foot .comment_list dd .btn { margin: 12px auto 0; width: 43%; }
	#post_detail .foot .comment_list dd .btn input { height: 30px; font-size: 1.2rem; }

	/* paging */
	.paging { margin-top: 40px !important; }
	.paging a,
	.paging span { font-size: 1.2rem; }
	.paging .prev,
	.paging .next { width: 6px; height: 10px; }

	/* pager */
	.pager { margin: 15px 8px 0 !important; }
	.pager p { font-size: 1.2rem; }
	.pager .prev a:before,
	.pager .next a:after { width: 6px; height: 12px; }

	/* comment_title */
	#comment_title {}
	#comment_title .title_style1 { margin: 0 20px; }
	#comment_title .lead { margin: 20px; font-size: 1.1rem; }

	/* comment_form */
	#comment_form { margin: 20px; }
	#comment_form table {}
	#comment_form table tr,
	#comment_form table th,
	#comment_form table td { display: block; width: 100%; }
	#comment_form table th { padding-top: 14px; font-size: 1.4rem; }
	#comment_form table td { padding-top: 6px; font-size: 1.4rem; }
	#comment_form table td input[type=text],
	#comment_form table td textarea { padding: 6px; }
	#comment_form table td .wm { width: 100%; }
	#comment_form table td .wl { width: 100%; }
	#comment_form table td textarea { height: 100px; }
	#comment_form .btn_group { margin-top: 26px; }
	#comment_form .btn_group li { margin: 0 0 0 20%; width: 40%; }
	#comment_form .btn_group li:first-child { margin-left: 0; }
	#comment_form .btn_group li input[type=submit],
	#comment_form .btn_group li button { padding: 10px 0; font-size: 1.4rem; }
}
/*
#post_list .list li .photo video, .photo iframe , #post_list1 .list li .photo video {width:100%!important;height:auto; min-height: 192px;}
@media screen and (max-width: 640px) {
#post_list .list li .photo video, .photo iframe , #post_list1 .list li .photo video, .content iframe {width:100%!important;height:auto; min-height: 192px;}
}
*/
#post_list .list li .photo video, .photo iframe , #post_list1 .list li .photo video {width:100%!important;height:auto;min-height: 192px;}
@media screen and (max-width: 640px) {#post_list .list li .photo video, .photo iframe , #post_list1 .list li .photo video{width:100%!important;height:auto;min-height: 175px;}}
@media screen and (max-width: 600px) {#post_list .list li .photo video, .photo iframe , #post_list1 .list li .photo video{width:100%!important;height:auto;min-height: 165px;}}
@media screen and (max-width: 560px) {#post_list .list li .photo video, .photo iframe , #post_list1 .list li .photo video{width:100%!important;height:auto;min-height: 155px;}}
@media screen and (max-width: 560px) {#post_list .list li .photo video, .photo iframe , #post_list1 .list li .photo video{width:100%!important;height:auto;min-height: 145px;}}
video {max-width:100%;height:auto;}

#focus_post .post_list1 li .photo iframe {width:100%!important;height:auto; min-height: 410px;}
@media screen and (max-width: 1000px) {#focus_post .post_list1 li .photo iframe {width:100%!important;height:auto; min-height: 400px;}}
@media screen and (max-width: 900px) {#focus_post .post_list1 li .photo iframe {width:100%!important;height:auto; min-height: 300px;}}
@media screen and (max-width: 750px) {#focus_post .post_list1 li .photo iframe {width:100%!important;height:auto; min-height: 415px;}}
@media screen and (max-width: 650px) {#focus_post .post_list1 li .photo iframe {width:100%!important;height:auto; min-height: 360px;}}
@media screen and (max-width: 550px) {#focus_post .post_list1 li .photo iframe {width:100%!important;height:auto; min-height: 300px;}}
@media screen and (max-width: 450px) {#focus_post .post_list1 li .photo iframe {width:100%!important;height:auto; min-height: 240px;}}

@media screen and (max-width: 750px){#main_contents .post_list1 .tag{display:none;}}

.content iframe{width:100%;}
@media screen and (max-width: 950px) {.content iframe{width:100%;max-height:360px;}}
@media screen and (max-width: 850px) {.content iframe{width:100%;max-height:320px;}}
@media screen and (max-width: 750px) {.content iframe{width:100%;max-height:420px;}}
@media screen and (max-width: 650px) {.content iframe{width:100%;max-height:360px;}}
@media screen and (max-width: 550px) {.content iframe{width:100%;max-height:300px;}}
@media screen and (max-width: 450px) {.content iframe{width:100%;max-height:250px;}}
@media screen and (max-width: 400px) {.content iframe{width:100%;max-height:220px;}}
                                     
#focus_post .post_list1 li .photo img{max-width:100%;height:auto;max-height:400px;display:block;margin:0 auto;}
@media screen and (max-width: 750px){#focus_post .post_list1 li .photo img{max-height:300px;}}
@media screen and (max-width: 550px){#focus_post .post_list1 li .photo img{max-height:250px;}}

#archive_title {text-align:center;}

#archive_title .title_style1{
    display: inline-block;
    padding: 2px 12px;
    border: solid #000 1px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    vertical-align: top;
    border-color: #FFCA28;
    color: #FFCA28;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
}
@media screen and (max-width: 750px) {
#focus_post .post_list1 li .cat {font-size:1.2rem}
#focus_post .post_list1 li .date {font-size:1.2rem}
#focus_post .post_list1 li .title {font-size:1.8rem}
#focus_post .post_list1 li .tag {font-size:1.0rem}
}

.nol_newsAreaWrap {
    margin-top: 65px!important;
}

#nol_emergencyNews .nol_emergencyNews_inner{
margin-top:50px!important;
}
                                     
#focus_post .post_list1 li .photo a{height:400px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
@media screen and (max-width: 750px) {#focus_post .post_list1 li .photo a{height:350px;background-position: center center;background-repeat: no-repeat;background-size: cover;}}
@media screen and (max-width: 450px) {#focus_post .post_list1 li .photo a{height:250px;background-position: center center;background-repeat: no-repeat;background-size: cover;}}

#main_contents .post_list1 li .tag a:nth-child(n+4),#contents .post_list1 li .tag a:nth-child(n+4){display:none;}
#focus_post .post_list1 li .tag a:nth-child(n+10){display:none;}

@media screen and (max-width: 750px) {#archive_title {margin-top:10px;}}