/*
Theme Name: post7
Theme URI: 
Author: 株式会社リバティー
*/

/* =Reset
-------------------------------------------------------------- */

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */
/* Form fields, general styles first */
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #fff;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {

}
.gallery-columns-1 .gallery-icon img {
}


/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}

/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}



/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}



/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}



.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(255,255,255,0.1);
	border:solid 1px rgba(255,255,255,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
	color:#C46869;
}
.pager .current{
	background:#fff;
	border:solid 1px rgba(255,255,255,1);
	color:#C46869;
	font-weight:bold;
}

#back{ font-size:14px; font-weight:normal;}


.contents_post{ margin:0 auto 0 auto; width:100%}
.contents_post .box{margin:0 0 40px 0;}
.contents_post ul{margin:20px 0;}
.contents_post ul li{ text-align: left; list-style: none;}
.contents_post .sp_box{padding: 0 20px;}


.contents_post p{margin:0 0 10px 0;}
.contents_post p img{margin:20px 0;}
.contents_post h2 {font-size: 32px; line-height: 180%; letter-spacing: inherit; padding-bottom: 1.5rem;  color: #4b3b21;}
.contents_post .blog_foot{margin:20px 0 0 0; text-align: right;}

.side{width:100%; display: block;}
.side .box{margin:0 0 30px 0;}
.side h2{background: url("images/parts/title_02.png") no-repeat right; margin:0 0 10px 0;}

hr{display: block; clear: both; visibility: hidden;}



.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 14px;
        text-align: center;
}
.pagination-box {
  display: inline-block;
}
.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #000; /* 通常の文字色 */
  background: #eeebe4; /* 通常の背景色 */
}
.pagination a:hover{
  color: #fff; /* マウスホバー時の文字色 */
  background: #3c0d22; /* マウスホバー時の背景色 */
}
.pagination .current{
  padding: 10px 15px 10px 15px;
  color: #fff; /* 現在のページの文字色 */
        background: #3c0d22; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
  font-size: 12px;
  line-height: 12px;
}
.pagination span, .pagination a {
  padding: 8px 10px 8px 10px;
}
.pagination .current{
  padding: 8px 10px 8px 10px;
}
}

@media only screen and (max-width: 767px){
.contents_post{ margin:0 0 40px 0;}
.contents_post .left_box{width:100%;}
.contents_post .right_box{width:100%;}
.contents_post .right_box h2{text-align: left; text-align: center; font-size:17px; color:#2d5440; border-bottom:#00561f 3px solid; border-top:#00561f 3px double; padding:10px 0 10px 0;}

#post_box{}
#post_box .box{background:#fafafa; margin: 0 0 20px 0;;}
#post_box .box h3{ text-align: left; color:#fff;font-weight: normal; font-size:18px; position: relative; z-index: 100;}
#post_box .box .date{}
#post_box .box a{color:#456884;}
#post_box .box span{}
#post_box .box .left{width:100%;}
#post_box .box .right{width:100%; padding:0;}
#post_box .box .right img{width:80%; height: auto;}
#post_box .box .title{ margin: 0 0 5px 0; background:#00561f; width:100%; padding:0; overflow: hidden; position: relative;}
#post_box .box .title p{font-size:14px; color:#fff;}
#post_box .box .title span{margin:0 10px 0 0; color:#ffe34f;}

		
.flex{display:inherit;}
.flex2{display:inherit;}
.flex_center{display:inherit;}

.a_2 {margin:0 0 20px 0; padding:0;}
.a_2 .mini {margin:0 0 20px 0; padding:0 20px;}
.a_2 .minileft{float:inherit; width:100%; margin:0; padding:0;}
.a_2 .minileft h3{ text-align:left; color:#2d5440; margin:0 0 10px 0; font-size:16px;}
.a_2 .minileft h3 a{margin:0; padding:0; color:#2d5440;}

.a_2 .miniright {float:inherit; width:100%; margin:20px 0; padding:0;}
.a_2 .miniright p {margin:0; padding:0; font-size:12px; overflow: hidden; text-align: center;}
.a_2 .miniright p a { margin:0; padding:0; display:block; }	
	
.e_1 {margin:0; padding:0 20px;}
.e_1 .sheetbox .box{display: flex; flex-wrap: wrap; justify-content:space-between; margin:0 0 15px 0;}
.e_1 .sheetbox .box .img{width:100%; margin:20px 0;}
.e_1 .sheetbox .box .cont{width:100%;}
.e_1 .sheetbox {margin:0 0 20px 0; padding:0;}
.e_1 .sheetbox p{margin:0 0 5px 0;}
.e_1 .sheetbox a{color:#00561f; font-size:16px; margin:0 0 10px 0; line-height: 2em;}
.e_1 .sheetbox p span {font-weight:normal; margin:0;}
	
}