/*
Theme Name: sarai2016
Theme URI: https://
Author: sarai2016
Author URI: https://
Description: sarai2016
Version: 1.1
License: 
License URI: http://
Tags: sarai2016
Text Domain: sarai2016
*/


/* .breadcrumbs
***************************************************************/
.breadcrumbs{
	margin: 0 0 20px 0;
	padding: 8px 15px;
}
.breadcrumbs .breadcrumb{
	margin: 0;
	padding: 0;
}


/* .pager
***************************************************************
.breadcrumbs{
	margin: 0 0 20px 0;
	padding: 8px 15px;
}
.breadcrumbs .breadcrumb{
	margin: 0;
	padding: 0;
}


/* .entry-content
***************************************************************/
.entry-content{
	position: relative;
}

.entry-content .edit-link{
	position: absolute;
	bottom: 5px;
	right: 5px;
}


/* .blog-entry
***************************************************************/

.blog-entry strong{
	font-weight: bold;
}

.blog-entry em{
	font-style: oblique;
}

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


.blog-entry .alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.blog-entry .alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.blog-entry .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}


/* .blog-entry .gallery
***************************************************************/
.blog-entry .gallery{
	
}
.blog-entry .gallery .gallery-items{
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.blog-entry .gallery .gallery-items .gallery-item{
	box-sizing: border-box;
	margin: 0;
	padding: 5px;
}
.blog-entry .gallery .gallery-items .gallery-item > *{
	margin: .5em 0;
}
.blog-entry .gallery .gallery-items .gallery-item a{
	display: inline-block;
}

.blog-entry .gallery .gallery-items .gallery-item > *:first-child{
	margin-top: 0;
}
.blog-entry .gallery .gallery-items .gallery-item > *:last-child{
	margin-bottom: 0;
}
.blog-entry .gallery-columns-1 .gallery-items .gallery-item{ width: 100%; }
.blog-entry .gallery-columns-2 .gallery-items .gallery-item{ width: 50%; }
.blog-entry .gallery-columns-3 .gallery-items .gallery-item{ width: 33.3333%; }
.blog-entry .gallery-columns-4 .gallery-items .gallery-item{ width: 25%; }
.blog-entry .gallery-columns-5 .gallery-items .gallery-item{ width: 20%; }
.blog-entry .gallery-columns-6 .gallery-items .gallery-item{ width: 16.6666%; }
.blog-entry .gallery-columns-7 .gallery-items .gallery-item{ width: 14.28571%; }
.blog-entry .gallery-columns-8 .gallery-items .gallery-item{ width: 12.5%; }
.blog-entry .gallery-columns-9 .gallery-items .gallery-item{ width: 11.1111%; }
.blog-entry .gallery-columns-10 .gallery-items .gallery-item{ width: 10%; }

@media (max-width: 767px) {
	.blog-entry .gallery-columns-xs-1 .gallery-items .gallery-item{ width: 100%; }
	.blog-entry .gallery-columns-xs-2 .gallery-items .gallery-item{ width: 50%; }
	.blog-entry .gallery-columns-xs-3 .gallery-items .gallery-item{ width: 33.3333%; }
	.blog-entry .gallery-columns-xs-4 .gallery-items .gallery-item{ width: 25%; }
	.blog-entry .gallery-columns-xs-5 .gallery-items .gallery-item{ width: 20%; }
	.blog-entry .gallery-columns-xs-6 .gallery-items .gallery-item{ width: 16.6666%; }
	.blog-entry .gallery-columns-xs-7 .gallery-items .gallery-item{ width: 14.28571%; }
	.blog-entry .gallery-columns-xs-8 .gallery-items .gallery-item{ width: 12.5%; }
	.blog-entry .gallery-columns-xs-9 .gallery-items .gallery-item{ width: 11.1111%; }
	.blog-entry .gallery-columns-xs-10 .gallery-items .gallery-item{ width: 10%; }
}


/****************************************************************
	ピンボックス
	
	<div class="pin-boxies pin-boxies-2">	
		<div class="pin">
			<p>
				内容
			</p>
			・・・
		</div>
		<div class="pin">
			<p>
				内容
			</p>
			・・・
		</div>
		・・・
	</div>
****************************************************************/
.pin-boxies {
	-webkit-column-count: 1;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	-moz-column-count: 1;
	-moz-column-gap: 10px;
	-moz-column-fill: auto;
	column-count: 1;
	column-gap: 15px;
	column-fill: auto;
}

.pin-boxies .pin {
	display: inline-block;
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 0;
	padding-bottom: 5px;
	opacity: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.pin-boxies-2 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

@media (min-width: 768px) {
	.pin-boxies-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

/*
@media (min-width: 1200px) {
	.pin-boxies-2 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
*/