@charset "utf-8";
/*
Theme Name: mitten-house_child
Template: understrap
Description: 西宮ストーブ様デザイン
Author: シュアプロジェ
*/


.contents { 
	float: right;
	margin: 0 0px 0 0px ; padding:0 0 20px 40px;
	width: 90%; max-width: 800px; background: #fff;  box-shadow: -4px -2px 4px gray;
}
.contents  ul li {padding: 30px 0; border-bottom: 1px dotted #999; }
.contents  ul li h3 a{ font-weight: bold; font-size:20px;}
.contents  ul li .data { text-align: right;background: #f0f0f0; padding: 5px 8px; font-size:14px;}
.contents  ul li .entry-content{ margin: 20px auto; width:90%;}
.attachment-index_thumbnail { display:block; width: auto; max-width: 90%; height: auto;  margin: 0 auto 20px; }


#primary,
#secondary {
	float: left;
	overflow: hidden;
	width: 200px;
}
#secondary {
	clear: left;
	width: 200px;
	padding: 20px 0; 
}

h2.widget-title{font-weight:normal; margin: 15px auto;}
#secondary .widget  ul{ margin: 0 0 20px 1em;}
#secondary .widget  ul li{ margin: 0 0 5px 1em;font-size:14px !important; }
#secondary .widget  ul li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f105"; 
  margin: 0 0 0 -1em ; padding-right:3px;
}
#secondary a.newstop{  display: block; margin: 15px auto;  text-decoration:none; }
#secondary a.newstop::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f105"; 
  margin: 0  ; padding-right:3px; color: #000;
}



#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 640px;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Georgia, "Bitstream Charter", serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {
	padding: 30px 0 0 0;
}
#site-title {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 0;
	width: 700px;
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 15px 0 18px 0;
	width: 220px;
}

/* This is the custom header image */
#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	float: left;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}


/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}


/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.format-aside,
.home .hentry.category-asides {
	padding: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {/*リスト内のアイコン*/
  	font-family: FontAwesome;
  	content: "\f138";/*アイコン種類*/
  	position: absolute;
  	left : 0.5em; /*左端からのアイコンまで*/
  	color: #ffb03f; /*アイコン色*/
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}
.nav-links{ font-size:14px ; }
.nav-links h2{  background: #999; }
.single .nav-links .nav-previous a,.single .nav-links .nav-previous a:visited { display: block;  background:none!important;  height: 100px; color: #000!important;}
.single .nav-links  .meta-nav  { display: none;}
.nav-links .nav-next a::after {/*リスト内のアイコン*/
  	font-family: FontAwesome;
  	content: "\f138";/*アイコン種類*/
  	right : 0.5em; /*左端からのアイコンまで*/
  	color: #ffb03f; /*アイコン色*/
}
.nav-links .nav-previous a::before  {/*リスト内のアイコン*/
  	font-family: FontAwesome;
  	content: "\f137";/*アイコン種類*/
  	left : 0.5em; /*左端からのアイコンまで*/
  	color: #ffb03f; /*アイコン色*/
}

.archive .nav-links{  text-align: center;}
.archive .nav-links .nav-previous a,.archive .nav-links  .current  {padding:2px .4em; display: inline-block; vertical-align: bottom; ;font-weight:bold;  height: auto !important;}
.archive .nav-links a.page-numbers{font-size:16px !important;
color: #000;
border:solid 1px #999; 
}
.archive .nav-links a.page-numbers:hover {
color:white;
background: #328ab2;
}
.archive  .nav-links .current { color: white;
background: #000;  border:solid 1px #000;
font-size:16px !important;
}
	
.entry-footer  {   display: block; text-align: left; margin: 30px auto; font-size:0.8em;  }
.entry-footer .fb-like,.entry-content .fb-like {   display: block; text-align: left; margin: 30px auto;  }


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */
.secondary .info{ margin: 20px auto; border-top: 1px dotted #999; display: block; padding: 20px 0 0 0;font-size: 14px; }
.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}



/* =Footer
-------------------------------------------------------------- */

#footer {
	margin-bottom: 20px;
}
#colophon {
	border-top: 4px solid #000;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}
#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: italic;
	position: relative;
}
#site-generator a {
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}
#contents{ margin:90px 0 0px 0 !important;}


/*ニュース*/

.page-template-page-news #contents  header ,.single #contents header,.archive #contents header{   background:url("/image/about/header.jpg") 50% 50% no-repeat !important;  background-size: cover !important; }

.page-template-page-news #contents  header h1 img,.single #contents header h1 img,.archive #contents  header h1 img{  max-width: 210px; }
.page-template-page-news #maincontents,.single #maincontents,.archive #maincontents{  max-width:1100px; margin: 0 auto; padding: 0; }

.page-template-page-news .contents h2 img,.single .contents h2 img,.archive .contents h2 img{  max-width: 100px; }

.page-template-page-news #contents article h2,.single #contents article h2,.archive #contents article h2{ text-align: left;  margin: 0; }
.archive h2.arctitle{ margin: 0px auto 40px; font-size:20px; font-size: 2.0rem; font-weight:bold; color:#333; text-align:center; position: relative;}
.archive h2.arctitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: center;
}
.archive h2.arctitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
.page-template-page-news #content,.single  #content,.archive #content{ width:65%; float:right; }
.single nav#sidenav,.page-template-page-news nav#sidenav,.archive nav#sidenav{  width:30%; float:left; margin:0px 0 0;  box-shadow: 5px 5px 5px rgba(200, 200, 200, 0.5);}
.single #maincontents article .comment,.page-template-page-news #maincontents li .comment,.archive  .comment{ margin:20px 0px 0 30px;}
.single #maincontents article .comment img,.page-template-page-news #maincontents li .comment img,.archive .comment img{ float:right; margin:0 0 15px 15px; padding:0;}
.single #maincontents .contents .tham{ display: block; margin:0 auto;  text-align: center;}


.single  .subphoto ,.page-template-page-news  .subphoto ,.archive  .subphoto  { margin:30px 0px 0 30px; text-align:center;}
.single .subphoto li{
	display:inline-block; border:none; vertical-align:top; border:none; margin:5px; padding:0;}

.page-template-page-news #maincontents ul#main li .subphoto li,.archive  .subphoto li{
	background:3333; display:inline-block; border:none !important; vertical-align:top; border:none; margin:5px; padding:0;}
.page-template-page-news  .subphoto li  img,.single .subphoto li img,.archive .subphoto li img{ max-width:90%; height:auto;}


.page-template-page-news #maincontents ul#main li,.page-template-page-news-php #maincontents ul#main li,.archive #maincontents ul#main li{  margin:0px 0 40px;padding:0 0 40px; border-bottom:1px #CCCCCC dotted; }
.page-template-page-news #maincontents ul#main li:last-child,.page-template-page-news-php #maincontents ul#main li:last-child,.archive #maincontents ul#main li:last-child{  border:none;  margin:0px 0 0px;padding:0 0 0px;}


.single #contents,.archive #contents{ margin:90px 0 50px 0;}
.single #contents header,.archive #contents header{ text-align: center; background: #ddd; height: 230px;position: relative;/*相対配置*/  z-index: 0;  }
.single  #contents header h1,.archive #contents header h1{ position: absolute; width:100%; 
  top: 55%;
  left: 50%; 
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;}
.single #contents header h1 img,.archive #contents header h1 img {  height: auto; width: 95%;}
.single #contents .contents h2,.archive #contents .contents h2{  text-align: center; margin: 40px auto; }
.single #contents .contents h2 img,.archive #contents  .contents h2 img{  height: auto; width: 90%;}
.single #contents .contents  h3,.archive #contents .contents  h3 { font-weight: bold; font-size:20px;}
.single #contents .contents .data { text-align: right; margin: 15px 0; background: #f0f0f0; padding: 5px 8px; font-size:14px;}
.archive #contents .contents .data { text-align: right; margin: 15px; background: #f0f0f0; padding: 5px 8px; font-size:14px;}
.contents  ul li .entry-conten{ margin: 20px auto; width:90%;}
.attachment-post-thumbnail { display:block; width: auto; max-width: 90%; height: auto;  margin: 0 auto 20px; }

.archive #contents .contents h2  img,.archive #contents .contents h2 b{ display:  inline-block; vertical-align: middle; margin: 0 5px; font-size:20px;}
.archive #contents .contents h2 b:before,.archive #contents .contents h2 b:after{content: " - ";}
.archive #contents .contents #primary { width:100% !important;}
.single .foot,.archive .foot,.page-template-page-news .foot,.page-template-page-ex .foot{ background:url("/image/common/suwariinu.png") 0% 100% no-repeat; background-size: 77px auto; padding: 80px 0 0 80px; margin: 0 auto 20px; width:90%; max-width:1050px !important; }
.single .foot dl dd,.archive .foot dl dd,.page-template .foot dl dd { border-top:2px solid #000; margin: 0; padding: 0.5em; }

.single .thumbnail img.size-full,.single .thumbnail img.attachment-large{ width:auto; max-width: 95%; height: auto; display: block; margin: 15px auto; }


.single #maincontents article .file,.page-template-page-news #maincontents li .file,.page-template-page-news-php #maincontents li .file,.archive #maincontents li .file{ margin:20px 0 0; text-align:right; font-size:90%; font-weight:bold;}
.single #maincontents article .file a,.page-template-page-news #maincontents li .file  a,.page-template-page-news-php #maincontents li .file  a,.archive #maincontents li .file  a{ background:url(../image/05/dw.gif)100% 50% no-repeat; padding:10px 55px 15px 0 ;}
.archive  article{ margin:20px auto 30px;}

.single nav#sidenav ul,.page-template-page-news nav#sidenav ul,.archive nav#sidenav ul{
	margin: 0px 10px 20px;
    padding: 0.5em;
  position: relative;
  margin-top: 2em;
}

.page-template-page-news nav#sidenav ul li,.single nav#sidenav ul li, .archive nav#sidenav ul li{
    line-height: 1.5;
    padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
.page-template-page-news nav#sidenav ul li:last-of-type,.single nav#sidenav ul li:last-of-type,.archive nav#sidenav ul li:last-of-type{
  border-bottom: none;
}
.page-template-page-news nav#sidenav ul li:before,.single nav#sidenav ul li:before ,.archive  nav#sidenav ul li:before {/*リスト内のアイコン*/
  	font-family: FontAwesome;
  	content: "\f138";/*アイコン種類*/
  	position: absolute;
  	left : 0.5em; /*左端からのアイコンまで*/
  	color: #ffb03f; /*アイコン色*/
}
  

.page-template-page-news #maincontents ul li h2,.single #maincontents article h2,.archive #maincontents article h2 {  font-size:18px; font-size: 1.8rem; font-weight:bold; }

.page-template-page-news #maincontents .link,.page-template-page-news-php #maincontents .link,.single #maincontents .link,.archive #maincontents .link{margin:0px 0 0 40px;padding:0;border:none !important;}
.page-template-page-news #maincontents .link li,.page-template-page-news-php #maincontents .link li,.singlep #maincontents .link li,.archive #maincontents .link li{margin:0px 0 5px 0!important;padding:0!important;border:none !important;}
.page-template-page-news #maincontents .link li:first-child,.page-template-page-news-php #maincontents .link li:first-child,.single #maincontents .link li:first-child{ margin:30px 0 0 0!important;}
.page-template-page-news #maincontents .link li a:after,.single #maincontents .link li a:after,.page-template-page-news-php #maincontents .link li a:after{ content:" ▷";}


/*事例*/

.page-template-page-ex #maincontents ul li h2{  font-size:18px; font-size: 1.8rem; font-weight:bold; }
.page-template-page-ex #maincontents  article{ margin: 80px auto 100px; width:95%; max-width: 1000px;}
.page-template-page-ex #maincontents  article li a{ color: #000;text-decoration: none;}
.page-template-page-ex #maincontents  article li{ display:  inline-block; vertical-align: top; width:calc(25% - 10px ); margin: 1% 5px 2em;}
.page-template-page-ex #maincontents  article li img{ width:100%; height: auto;}
.page-template-page-ex #maincontents  article li h4{ margin: 0.5em 0 0.2em;}
.page-template-page-ex #maincontents  article li p{ font-size: 14px;margin:0 0 0.3em;}
.page-template-page-ex #maincontents  article li b{ display: block; margin: 0 0 0 auto; width:6em; text-align: center;  font-weight: normal;font: 14px/1.5 'Lato', sans-serif;  }


.page-template-page-ex #contents header ,.single.jirei #contents header{   background:url("/image/showroom/header.jpg") 50% 50% no-repeat !important;  background-size: cover !important; }
.page-template-page-ex #contents header  h1 img,.single.jirei #contents header h1 img{  max-width: 210px; }
.page-template-page-ex #maincontents{  max-width:1100px; margin: 0 auto; padding: 0; }
.single-jirei #maincontents article h2{ margin: 2em auto 1em;  font-size:24px; font-size: 2.4rem; font-weight:bold; text-align: center; }

.single-jirei  .container {
  margin: 30px auto 0;
  width: 100%; max-width: 600px;
}
.single-jirei  .slider img {
  height: auto;
  width: 100%;
}
.single-jirei div.thumbnail { width: 100% !important; margin: 0 auto!important; }


.single-jirei div.thumbnail .slick-track {
  transform: unset !important;
}
.single-jirei  .thumbnail-img {
  opacity: 0.3; margin: 5px 0 0 ;
  transition: opacity .3s linear; border: 1px solid #999;
  width:calc( 25% - 2px )!important;
}
.single-jirei  div.thumbnail .slick-current {
  opacity: 1;
}

a.toworks{ display:block; margin: 20px auto; border: 1px solid #000; padding: 8px; width:16em; text-align: center;}
a.toworks .fas { padding-right:0.5em;}

.single-jirei  #maincontents p{ width: 100%; max-width: 600px;  margin: 30px auto 0;}

#showroom #contents  header h1 img{ max-width: 301px; }
#showroom #contents .contents{ text-align: center; }
#showroom #contents .mainphoto,#showroom #contents .se

.tablenav {
	color: #000;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #000;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #000;
	border-color: #000;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}
/*404*/
#no404 #contents  header h1 img{ max-width: 416px; }
#no404  #contents   .contents  h2 img { max-width: 696px; }
#no404  #contents .contents{margin:0 auto;
max-width:900px ; width:95%;}
#no404  #contents .contents nav li{ display: inline-block; vertical-align: top; margin: 15px;}
#no404  #contents .contents nav li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  color: #df370d; 
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:8px;
}

@media only screen and (max-width:1025px){
.contents {width: 70%; max-width: 700px;}

#primary,
#secondary {
	float: left;
	overflow: hidden;
	width: 220px;
}
#secondary {
	max-width: 220px;width:25%;
}
}

@media only screen and (max-width:800px){
.page-template-page-news .contents,.archive .contents, .single  .contents{ width:95%; float:none; margin: 0 auto;
 box-shadow: none; padding: 0; border-bottom: 1px solid #ddd ;}

.single #secondary li{  display:  inline-block; vertical-align: top;width:45%;  padding: 5px 0; }
#secondary {  width:95%; float:none;  margin: 0 auto; max-width:95%;  }
	
h2.widget-title{margin: 15px auto; width:95%;}
#secondary  .widget  ul{ margin: 0 auto; width:90%;}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}

}
@media only screen and (max-width:500px){

.single #secondary li{  display: block; vertical-align: top;width:100%;border-bottom: 1px solid #999; margin: 0; padding: 8px 0 8px 1em}
.page-template-page-ex #maincontents  article li{ width:calc(50% - 10px ); margin: 1% 5px 2em;}
}

/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}