/*
Theme Name: tokisumika
Theme URI: https://adopura.com
Author: ad planning Co.,Ltd
Author URI: https://adopura.com
Description: Description
Version: 1.0.0
Text Domain: tokisumika
Tags:

*/

@import"vendor/scrollbar/scrollbar.min.css";
@import"vendor/magnific-popup/magnific-popup.css";
@import"vendor/cubeportfolio/css/cubeportfolio.min.css";
@import"vendor/themify/themify.css";
@import"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css";
@import"css/animate.css";
@import"css/base.css";
@import"css/global.css";


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    display: flow-root;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
}

.gallery-item .gallery-icon {
	position: relative;
}

.gallery-item img {
	min-width: 100%;
	height: auto!important;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item {
    flex-basis: 50%;
}
.gallery-columns-3 .gallery-item {
    flex-basis: 33.33%;
}
.gallery-columns-4 .gallery-item {
    flex-basis: 25%;
}
.gallery-columns-5 .gallery-item {
    flex-basis: 20%;
}
.gallery-columns-6 .gallery-item {
    flex-basis: 16.66%;
}
.gallery-columns-7 .gallery-item {
    flex-basis: 14.28%;
}
.gallery-columns-8 .gallery-item {
    flex-basis: 12.5%;
}
.gallery-columns-9 .gallery-item {
    flex-basis: 11.11%;
}
@media screen and (max-width: 768px) {
    .gallery-item,
    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item{
        flex-basis: 50%;}
}