/*
Theme Name:     arigatou
Theme URI:      http://themesandco.com/customizr-pro
Description:    A child theme for the Customizr pro WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Nicolas Guillaume (nikeo)
Author URI:     http://themesandco.com
Template:       customizr-pro
Version:        1.0.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- */
@import url('./mycss/news.css?201811031130');
@import url('./mycss/map.css');
@import url('./mycss/info.css');
@import url('./mycss/insta.css');
@import url('./mycss/profile.css');

h1,h2,h3,h4,h5{
	font-family:'游明朝';
}
div,p,span,a{
	font-family:'游ゴシック';
}

section{
	margin: 75px 0;
}

/* featured page */
h4.fp-title {
	font-size: 22px;
}
/* featured page end */

/* blog */
.front_blog_title{
	text-align: center;
}
.blog_read_more{
	text-align:right;
}
/* blog end */


.su-column-inner.su-clearfix{
	padding: 15px 0;
}


/* 992px以上の時の処理 */
@media (min-width: 992px){
	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	#history .su-custom-gallery-slide{
		width:23%;
	}
}

/* グリッドデザイン */
.grid {
 	display: inline-block;
 	-webkit-column-break-inside: avoid;
 	-moz-column-break-inside: avoid;
 	column-break-inside: avoid;
 	background:#f6f6f6 !important;
	padding:1em;
	margin-right:3px;
	margin-bottom:15px;
	font-size:14px;
	border-radius:10px;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,.1);
}
.grid2 .grid{
	padding: 0px;
	margin-bottom: 0px;
	border-radius: 0px;
	box-shadow: none;
}
.grid img{
	margin-top:1em;
	margin-bottom:1em
}

.grid-container {
  -webkit-column-count: 1;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 1;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 1;
  column-gap: 15px;
  column-fill: auto;
 }

@media screen and (min-width: 481px){
.grid-container {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
 }
}
@media screen and (min-width: 769px) {
	section{
		margin: 100px 0;
	}
	.grid-container {
  		-webkit-column-count: 3;
  		-moz-column-count: 3;
  		column-count: 3;
 	}
	.grid2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.grid4 {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

/* BugFix */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .grid {
  display: block !important;
 }
}