@charset "UTF-8";

/**
 * Theme Name: BlankBlanc
 * Author: Naoki Yamamoto
 * Description: 画面幅 980px 未満のレスポンシブスタイルシートです。
 */

/* [RWD Common] */
@media screen and (max-width: 979px) {
	/*--------------------------------------------------------------------
		初期化
	--------------------------------------------------------------------*/
	* {
		font-family: sans-serif;
	}

	body {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		font-size: 15px;
		overflow-x: hidden;
	}

	h1, h2, h3, h4, h5, h6, p,
	dl, ul, ol,
	table {
		line-height: 1.5;
	}

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

	a:hover, a:active {
		text-decoration: none;
	}

	/*--------------------------------------------------------------------
		全体
	--------------------------------------------------------------------*/
	#main-screen {
		position: relative;
		min-width: 320px;
		overflow-x: hidden;
	}

	.wrap {
		width: 100%;
		padding: 0;
	}

	.is-pc {
		display: none;
	}

	.is-mobile {
		display: inherit;
	}

	/*--------------------------------------------------------------------
		レイアウト
	--------------------------------------------------------------------*/

	/**
	 * global-header
	 */
	#global-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.8);
		border-bottom: 1px solid #e0e0e0;
		z-index: 1000;
	}

	#global-header .wrap {
		height: 54px;
	}

	#global-header .logo {
		position: absolute;
		top: 9px;
		left: 0;
		right: 0;
		text-align: center;
	}

	#global-header .logo a {
		display: inline-block;
	}

	#global-header .logo img {
		height: 22px;
	}

	#global-header .copy {
		position: absolute;
		top: auto;
		left: 0;
		right: 0;
		bottom: 5px;
		font-size: 0.64em;
		text-align: center;
	}

	#header-nav {
		display: none;
	}

	/**
	 * global-nav
	 */
	#global-nav {
		display: none;
	}

	#main-screen {
		position: relative;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		min-height: 100%;
		background-color: #f5f5f5;
	}

	#main-screen-mask {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		bottom: -1px;
		right: 0;
		background-color: #000;
		z-index: 998;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	#main-screen-mask.nav-window-show {
		opacity: 0.65;
		visibility: visible;
	}

	body.nav-window-show {
		overflow-y: hidden;
	}

	#nav-window-area {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		bottom: -1px;
		right: 0;
		z-index: 999;
		font-size: 1em;
		width: 400px;
		background-color: #fff;
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0);
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	#nav-window-area.nav-window-show {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.15);
	}

	#nav-window-open-btn {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 997;
		width: 54px;
		height: 54px;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	#nav-window-open-btn::before {
		display: block;
		position: relative;
		top: 50%;
		left: 0;
		right: 0;
		width: 32px;
		height: 32px;
		margin: -16px auto 0;
		content: url(img/icon-nav.svg);
	}

	#nav-window-close-btn {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9;
		width: 40px;
		height: 54px;
		opacity: 0;
		-webkit-transition: opacity 0.6s;
		transition: opacity 0.6s;
		-webkit-tap-highlight-color: transparent;
	}

	#nav-window-close-btn::before {
		display: block;
		position: relative;
		top: 50%;
		left: 0;
		right: 0;
		width: 32px;
		height: 32px;
		margin: -16px auto 0;
		content: url(img/icon-close.svg);
	}

	#nav-window-close-btn.nav-window-show {
		right: -40px;
		opacity: 0.6;
	}

	#nav-window-scroll {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;
		width: 100%;
		height: 100%;
		padding: 20px 0 51px;
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	#nav-window-scroll .widget, #nav-window-scroll .menu {
		margin: 10px 0;
	}

	#nav-window-scroll .widgettitle {
		color: #a0a0a0;
		font-size: 13px;
		font-weight: normal;
		padding: 10px 4.0% 5px;
	}

	#nav-window-scroll ul li {
		background-color: transparent;
		padding: 0;
	}

	#nav-window-scroll ul li a {
		position: relative;
		display: block;
		font-size: 15px;
		line-height: 1.3;
		color: #353535;
		text-decoration: none;
		padding: 15px 4.0%;
		background-color: transparent;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
	}

	#nav-window-scroll ul li.year-title > span {
		display: block;
		color: #a0a0a0;
		font-size: 13px;
		margin: 5px 0 0 4.0%;
	}

	#nav-window-scroll ul li.year-title:first-of-type span {
		margin-top: 0;
	}

	#nav-window-scroll ul li .count {
		display: inline-block;
		font-size: 0.9em;
		line-height: 1;
		margin-left: 7px;
		padding: 2px 10px;
		background-color: #ebebeb;
		border-radius: 10px;
	}

	#nav-window-scroll ul > li {
		margin-top: 0;
	}

	#nav-window-scroll ul > li > ul > li a {
		font-size: 14px;
		padding-left: 30px;
	}

	#nav-window-scroll ul > li > ul > li > ul > li a {
		font-size: 14px;
		padding-left: 45px;
	}

	#nav-window-scroll > ul, #nav-window-scroll > ol {
		border-bottom: 1px solid #ebebeb;
	}

	#nav-window-scroll > ul:last-child, #nav-window-scroll > ol:last-child {
		border-bottom: none;
	}

	#nav-window-scroll .select-area {
		margin: 0 4.0% 10px;
	}

	#nav-window-scroll .recentcomments .entry-title:hover {
		text-decoration: none;
	}

	#nav-window-scroll .widget_archive .month-list {
		margin: 4px 2.5% 0;
	}

	#nav-window-scroll .widget_archive .month-list > li {
		width: 22% !important;
		margin: 0 1.5% !important;
		text-align: center;
		border-top: 1px solid #f5f5f5 !important;
	}

	#nav-window-scroll .widget_archive .month-list > li a {
		padding: 10px 0 !important;
	}

	#nav-window-scroll .widget_archive .month-list > li .month {
		display: block;
	}

	#nav-window-scroll .widget_archive .month-list > li .count {
		font-size: 0.83em;
		margin: 3px 0 0 0 !important;
	}

	#nav-window-scroll .tagcloud {
		margin: 0 3.4% 10px;
	}

	#nav-window-scroll .tagcloud .wp-tag-cloud {
		margin: -5px;
	}

	#nav-window-scroll .tagcloud .wp-tag-cloud > li {
		font-size: 14px;
		border: none;
	}

	#nav-window-scroll .tagcloud .wp-tag-cloud > li a {
		display: inline-block;
		line-height: 1;
		padding: 9px;
		margin: 5px;
		background-color: #ebebeb;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
	}

	#nav-window-scroll .calendar_wrap {
		margin: 5px 4.0% 10px;
	}

	#bread-crumb {
		display: none;
	}

	/**
	 * contents
	 */
	#contents {
		padding: 80px 0 60px;
		overflow-x: hidden;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
	}

	#one-column {
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
	}

	#first-column {
		float: none;
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
	}

	#second-column {
		float: none;
		display: none;
	}

	#gotop-button {
		display: block;
	}

	#gotop {
		right: 4.0%;
	}

	/**
	 * global-footer
	 */
	#global-footer {
		max-width: 700px;
		margin: 0 auto;
	}

	#global-footer .wrap {
		min-height: 0;
	}

	#global-footer .copyright {
		padding: 20px 0;
	}

	/*--------------------------------------------------------------------
		共通
	--------------------------------------------------------------------*/

	/**
	 * search
	 */
	.search-form {
		margin: 0 4.0%;
	}

	.search-form .search-field {
		border-color: #d5d5d5;
	}

	/**
	 * error404
	 */
	#contents.error404 .wrap {
		padding: 80px 0;
	}

	#contents.error404 .title {
		font-size: 38px;
		line-height: 1;
	}

	#contents.error404 p {
		font-size: 13px;
		line-height: 1;
		margin-top: 10px;
	}

	/*--------------------------------------------------------------------
		ウィジェット
	--------------------------------------------------------------------*/

	/**
	 * archive
	 */
	.widget_archive .month-list {
		margin: 4px 2.5% 0;
	}

	.widget_archive .month-list > li {
		width: 22% !important;
		margin: 0 1.5% !important;
		text-align: center;
		border-top: 1px solid #f5f5f5 !important;
	}

	.widget_archive .month-list > li a {
		padding: 10px 0 !important;
	}

	.widget_archive .month-list > li .month {
		display: block;
	}

	.widget_archive .month-list > li .count {
		font-size: 0.83em;
		margin: 3px 0 0 0 !important;
	}

	/**
	 * footer-widgets
	 */
	.footer-widgets {
		margin: 0;
	}

	.footer-widgets > ul {
		float: none;
		width: auto;
		padding: 0;
	}

	.footer-widgets .widgettitle {
		color: #a0a0a0;
		font-size: 14px;
		line-height: 1.3;
		padding: 8px 2.4%;
		margin-bottom: 12px;
		background-color: #ebebeb;
		border: none;
	}

	.footer-widgets .widget {
		margin-bottom: 40px;
	}

	.footer-widgets .widget ul li {
		margin-top: 0;
		border-top: 1px solid #ebebeb;
	}

	.footer-widgets .widget ul li a {
		position: relative;
		display: block;
		font-size: 15px;
		line-height: 1.3;
		text-decoration: none;
		padding: 15px 2.4%;
		background-color: transparent;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
	}

	.footer-widgets .widget ul > li {
		border-top: 1px solid #e0e0e0;
	}

	.footer-widgets .widget ul > li:first-of-type {
		border-top: none;
	}

	.footer-widgets .widget ul > li .sub-menu, .footer-widgets .widget ul > li .children {
		margin-bottom: 0;
	}

	.footer-widgets .widget ul > li .sub-menu > li, .footer-widgets .widget ul > li .children > li {
		padding-left: 0;
		border-top: 1px dotted #e0e0e0;
	}

	.footer-widgets .widget ul > li .sub-menu > li a, .footer-widgets .widget ul > li .children > li a {
		font-size: 14px;
		padding-left: 6%;
	}

	.footer-widgets .widget ul > li .sub-menu > li .sub-menu > li a, .footer-widgets .widget ul > li .sub-menu > li .children > li a, .footer-widgets .widget ul > li .children > li .sub-menu > li a, .footer-widgets .widget ul > li .children > li .children > li a {
		padding-left: 12%;
	}

	.footer-widgets .widget_archive .month-list {
		margin: 4px -1.5% 0;
	}

	.footer-widgets .widget_archive .month-list > li {
		width: 22%;
		margin: 0 1.5% !important;
		text-align: center;
		border-top: 1px solid #ebebeb !important;
	}

	.footer-widgets .widget_archive .month-list > li a {
		padding: 10px 0 !important;
	}

	.footer-widgets .widget_archive .month-list > li .month {
		display: block;
	}

	.footer-widgets .widget_archive .month-list > li .count {
		font-size: 0.83em;
		margin: 3px 0 0 0 !important;
	}

	.footer-widgets .widget_categories > ul {
		margin-top: -12px;
	}

	.footer-widgets .widget_nav_menu .menu {
		margin-top: -12px;
	}

	.footer-widgets .tagcloud {
		margin: -5px;
	}

	.footer-widgets .tagcloud .wp-tag-cloud > li {
		font-size: 14px;
		border: none;
	}

	.footer-widgets .tagcloud .wp-tag-cloud > li a {
		display: inline-block;
		line-height: 1;
		padding: 9px;
		margin: 5px;
		background-color: #ebebeb;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
	}

	/*--------------------------------------------------------------------
		ブログページ
	--------------------------------------------------------------------*/

	/**
	 * common
	 */
	#contents #main-visual {
		margin: -25px auto 5.2%;
	}

	#contents #main-visual .page-title {
		font-size: 1.5em;
		line-height: 1.25;
		padding: 0 4.0%;
	}

	/**
	 * comments
	 */
	#contents #comments {
		font-size: 14px;
	}

	#contents #comments #reply-title small {
		font-size: 0.55em;
	}

	#contents #comments #reply-title small a {
		padding: 2px 8px;
	}
}
/* [RWD Common] */

/* [RWD Narrow] */
@media screen and (max-width: 750px) {
	/*--------------------------------------------------------------------
		レイアウト
	--------------------------------------------------------------------*/

	/**
	 * global-footer
	 */
	#global-footer .copyright {
		padding-left: 4.0%;
		padding-right: 4.0%;
	}

	/*--------------------------------------------------------------------
		ウィジェット
	--------------------------------------------------------------------*/

	/**
	 * footer-widgets
	 */
	.footer-widgets > ul {
		padding: 0 4.0%;
	}

	/*--------------------------------------------------------------------
		ブログページ
	--------------------------------------------------------------------*/

	/**
	 * archive
	 */
	#contents.archive .archive-header {
		margin: 0 4.0% 10px;
	}

	#contents.archive .archive-header .page-title {
		font-size: 1.5em;
		line-height: 1.25;
	}

	#contents.archive .entry-article {
		padding: 10px 0;
		margin: 0 4.0%;
		border-bottom: none;
	}

	#contents.archive .entry-article > div {
		padding-bottom: 15px;
		border-bottom: 1px solid #ebebeb;
	}

	#contents.archive .entry-article:last-of-type > div {
		border-bottom: none;
	}

	#contents.archive .thumbnail {
		width: 100px;
		height: 100px;
		margin-right: 15px;
		margin-bottom: 12px;
	}

	#contents.archive .thumbnail img {
		max-width: 100px;
		max-height: 100px;
	}

	#contents.archive .entry-block {
		font-size: 15px;
		overflow: visible;
	}

	#contents.archive .entry-header .title {
		font-size: 1.1em;
		line-height: 1.3;
		font-weight: normal;
		overflow: hidden;
	}

	#contents.archive .entry-header .meta {
		line-height: 0;
	}

	#contents.archive .entry-header .meta li {
		font-size: 0.8em;
		margin: 0 10px 2px 0;
	}

	#contents.archive .entry-header .meta li.date .year, #contents.archive .entry-header .meta li.date .month, #contents.archive .entry-header .meta li.date .day {
		margin-right: 0;
	}

	#contents.archive .entry-body {
		clear: both;
	}

	#contents.archive .entry-body p {
		font-size: 1em;
		line-height: 1.65;
	}

	#contents.archive #no-result {
		padding: 80px 0;
	}

	#contents.archive .pagination {
		margin: 12px 4.0% 0;
	}

	#contents.archive .pagination .page-numbers {
		line-height: 44px;
		width: 44px;
		height: 44px;
		margin: 0 4.0%;
	}

	#contents.archive .pagination a {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
		background-color: transparent;
	}

	#contents.archive .pagination .current {
		color: inherit;
		width: auto;
		border: none;
		background-color: transparent;
	}

	#contents.archive .pagination .current::after {
		content: "ページ";
	}

	#contents.archive .pagination .prev, #contents.archive .pagination .next {
		width: auto;
		padding: 0 4.0%;
	}

	#contents.archive .pagination .inactive, #contents.archive .pagination .first, #contents.archive .pagination .last {
		display: none;
	}

	/**
	 * article
	 */
	#contents.article article {
		margin-bottom: 0;
	}

	#contents.article .entry-header {
		margin: 0 4.0% 20px;
	}

	#contents.article .entry-header .page-title {
		font-size: 1.5em;
		line-height: 1.25;
		margin-bottom: 10px;
	}

	#contents.article .entry-header .meta > li {
		font-size: 0.8em;
		white-space: normal;
		margin: 0 10px 3px 0;
	}

	#contents.article .entry-header .date .year, #contents.article .entry-header .date .month, #contents.article .entry-header .date .day {
		margin-right: 0;
	}

	#contents.article .entry-content {
		margin: 0 4.0%;
	}

	#contents.article .post-thumbnail {
		margin-bottom: 25px;
	}

	#contents.article .post-thumbnail .caption {
		font-size: 0.75em;
		line-height: 1.4;
	}

	#contents.article .entry-body {
		font-size: 15px;
		margin-bottom: 40px;
	}

	#contents.article .entry-body .alignleft, #contents.article .entry-body .alignright {
		float: none;
	}

	#contents.article .entry-body .aligncenter {
		margin-left: auto;
		margin-right: auto;
	}

	#contents.article .entry-body h1 {
		font-size: 1.5em;
		line-height: 1.25;
	}

	#contents.article .entry-body h2 {
		font-size: 1.4em;
		line-height: 1.3;
	}

	#contents.article .entry-body h3 {
		font-size: 1.25em;
		line-height: 1.35;
	}

	#contents.article .entry-body ul {
		margin-left: 0;
	}

	#contents.article .entry-body ol {
		margin-left: 0;
	}

	#contents.article .entry-body table thead th, #contents.article .entry-body table thead td {
		font-size: 0.9em;
		padding: 5px;
	}

	#contents.article .entry-body table tbody th, #contents.article .entry-body table tbody td {
		font-size: 0.9em;
		padding: 5px;
	}

	#contents.article .entry-body table tfoot th, #contents.article .entry-body table tfoot td {
		font-size: 0.9em;
		padding: 5px;
	}

	#contents.article .entry-body blockquote {
		padding: 25px 15px;
	}

	#contents.article .entry-body blockquote::before {
		font-size: 18px;
	}

	#contents.article .entry-body blockquote::after {
		font-size: 18px;
	}

	#contents.article .entry-body img {
		width: 100%;
		max-width: 500px;
		height: auto;
		max-height: 500px;
	}

	#contents.article .entry-body img.alignleft, #contents.article .entry-body img.alignright, #contents.article .entry-body img.aligncenter, #contents.article .entry-body img.alignnone {
		display: block;
		margin: 15px auto;
	}

	#contents.article .entry-body input {
		line-height: 1.5;
	}

	#contents.article .entry-body input[type="text"] {
		font-size: 17px;
		width: 100%;
		max-width: 350px;
	}

	#contents.article .entry-body input[type="password"] {
		font-size: 17px;
		width: 100%;
		max-width: 350px;
	}

	#contents.article .entry-body input[type="email"] {
		font-size: 17px;
		width: 100%;
		max-width: 350px;
	}

	#contents.article .entry-body input[type="url"] {
		font-size: 17px;
		width: 100%;
		max-width: 350px;
	}

	#contents.article .entry-body input[type="number"] {
		font-size: 17px;
		width: 100%;
		max-width: 350px;
	}

	#contents.article .entry-body input[type="radio"] + label, #contents.article .entry-body input[type="radio"] + span {
		font-size: 17px;
	}

	#contents.article .entry-body input[type="radio"] + label::before, #contents.article .entry-body input[type="radio"] + span::before {
		width: 34px;
		height: 34px;
		vertical-align: -11px;
	}

	#contents.article .entry-body input[type="radio"]:checked + label::before, #contents.article .entry-body input[type="radio"]:checked + span::before {
		border-width: 9px;
	}

	#contents.article .entry-body input[type="checkbox"] + label, #contents.article .entry-body input[type="checkbox"] + span {
		font-size: 17px;
	}

	#contents.article .entry-body input[type="checkbox"] + label::before, #contents.article .entry-body input[type="checkbox"] + span::before {
		font-size: 24px;
		width: 34px;
		height: 34px;
		vertical-align: -2px;
		padding-top: 3px;
	}

	#contents.article .entry-body input[type="range"] {
		width: 100%;
		max-width: 350px;
	}

	#contents.article .entry-body input[type="range"]:focus {
		border-width: 0 !important;
		box-shadow: none;
	}

	#contents.article .entry-body input[type="submit"] {
		font-size: 17px;
		height: 50px;
	}

	#contents.article .entry-body input[type="reset"] {
		font-size: 17px;
		height: 50px;
	}

	#contents.article .entry-body input[type="button"], #contents.article .entry-body button {
		font-size: 17px;
		height: 50px;
	}

	#contents.article .entry-body select {
		font-size: 17px;
		max-width: none;
		width: 100%;
	}

	#contents.article .entry-body textarea {
		font-size: 17px;
		min-height: 250px;
	}

	#contents.article .entry-body .table-content .table-arrow {
		cursor: default;
		-webkit-tap-highlight-color: transparent;
	}

	#contents.article .entry-body .wp-caption {
		text-align: inherit;
		max-width: 100%;
		margin: 0 auto;
	}

	#contents.article .entry-body .wp-caption img {
		width: 100%;
		max-width: 500px;
		height: auto;
		max-height: 500px;
	}

	#contents.article .entry-body .wp-caption.alignleft, #contents.article .entry-body .wp-caption.alignright, #contents.article .entry-body .wp-caption.center {
		margin: 20px auto;
	}

	#contents.article .entry-body .wp-caption-text {
		font-size: 0.75em;
		line-height: 1.4;
	}

	#contents.article .entry-body .page-navigation {
		padding: 0.5em 1em;
		margin-top: 0;
		background-color: #f5f5f5;
	}

	#contents.article .entry-body .page-navigation ul li {
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	#contents.article .link-pages {
		text-align: center;
		margin: 0 -5px;
	}

	#contents.article .link-pages .heading {
		display: block;
		margin: 0 0 5px;
	}

	#contents.article .link-pages .page {
		text-align: center;
		line-height: 44px;
		width: 44px;
		height: 44px;
		margin: 5px;
	}

	#contents.article .link-pages > a {
		margin: 5px;
	}

	#contents.article .page-navigation {
		margin: 20px 4.0% 0;
	}

	#contents.article .page-navigation ul {
		font-size: 0.9em;
	}

	#contents.article .page-navigation ul li {
		line-height: 1.4;
	}

	#contents.article .page-navigation ul li.prev {
		padding-right: 5px;
	}

	#contents.article .page-navigation ul li.next {
		padding-left: 5px;
	}

	#contents.article .post-password-form {
		padding: 25px 20px;
	}

	#contents.article .post-password-form p:last-of-type {
		text-align: left;
	}

	#contents.article .post-password-required {
		padding: 20px 0;
	}

	#contents.article .post-password-required label {
		display: inline-block;
		max-width: 300px;
	}

	#contents.article .post-password-required input[type="password"] {
		font-size: 18px;
		height: auto;
		width: 100%;
		margin: 5px 0 0;
	}

	#contents.article .post-password-required input[type="submit"] {
		display: block;
		min-width: 100px;
		height: 40px;
		margin: 10px auto 0;
	}

	/**
	 * attachment
	 */
	#contents.attachment .page-navigation a {
		font-size: 17px;
		line-height: 50px;
		height: 50px;
	}

	/**
	 * comments
	 */
	#contents #comments {
		margin: 40px 4.0% 0;
		padding-top: 20px;
	}

	#contents #comments #comments-title, #contents #comments #reply-title {
		font-size: 1.3em;
	}

	#contents #comments #reply-title small {
		font-size: 0.65em;
		margin-top: 0;
	}

	#contents #comments .comment-list {
		overflow: visible;
	}

	#contents #comments .comment-list li {
		overflow: visible;
	}

	#contents #comments .comment-list #respond #reply-title {
		font-size: 1.1em;
	}

	#contents #comments .comment-list div.avatar {
		margin-right: 10px;
	}

	#contents #comments .comment-list .comment-block .header {
		font-size: 0.83em;
	}

	#contents #comments .comment-list .comment-block .header .author {
		margin-right: 10px;
	}

	#contents #comments .comment-list .comment-block .header .date {
		margin-right: 10px;
	}

	#contents #comments .comment-list .comment-block .header .date .year, #contents #comments .comment-list .comment-block .header .date .month, #contents #comments .comment-list .comment-block .header .date .day {
		margin-right: 0;
	}

	#contents #comments .comment-list .children {
		margin: 20px 0 0 15px;
		overflow: visible;
	}

	#contents #comments #respond {
		width: auto;
	}

	#contents #comments #respond .inputtext {
		width: auto;
	}

	#contents #comments #respond .not-publish {
		display: block;
		margin-bottom: 3px;
	}

	#contents #comments #respond input[type="text"] {
		font-size: 18px;
		padding: 8px;
	}

	#contents #comments #respond input[type="submit"] {
		font-size: 16px;
	}

	#contents #comments #respond textarea {
		font-size: 18px;
		height: 200px;
		padding: 8px;
	}

	#contents #comments #respond .form-submit {
		text-align: center;
		margin-top: 20px;
	}

	#contents #comments .comment-notes {
		display: none;
	}

	/**
	 * gallery
	 */
	#contents.article .gallery {
		margin: -6px;
	}

	#contents.article .gallery-item {
		margin: 6px;
		width: calc(33.33% - 12px) !important;
	}
}
/* [RWD Narrow] */

/**
 * 追加
 */
@media screen and (max-width: 639px) {
	/**
	 * gallery
	 */
	#contents.article .gallery {
		margin: -4px;
	}

	#contents.article .gallery-item {
		margin: 4px;
		width: calc(50% - 8px) !important;
	}
}

@media screen and (max-width: 539px) {
	/**
	 * global-nav
	 */
	#nav-window-area {
		width: 300px;
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}

	/**
	 * common
	 */
	#contents #main-visual {
		margin-bottom: 30px;
	}

	#contents #main-visual .wrap {
		padding-bottom: 80px;
	}

	#contents #main-visual .page-title {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 359px) {
	/**
	 * global-nav
	 */
	#nav-window-area {
		width: 280px;
		-webkit-transform: translate3d(-280px, 0, 0);
		transform: translate3d(-280px, 0, 0);
	}
}