/*
Theme Name: Soho Lite Child
Version: 1.2.1
Template: soho-lite
*/


/* ここよりカスタマイズ用CSS */

/* 全固定ページで非表示 */
.page .entry-title {
    display: none;
} 

/* 文字のフォント指定 */
body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 300;
}
h1,h2,h3 {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; !important;
}
h4,h5,h6 {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; !important;
}

/* リンクの色 */
a {
	color: #0000cd;
	text-decoration: underline;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover {
	text-decoration: none;
}
a:active{
  color: #ff8c00;
}
a:visited {
  color: #609;
}

/* HOME */
.home_fadein_text {
	font-size: 40px;
    font-weight: normal;
	font-family: serif;
	letter-spacing: 0.2em;
	color: #ffffff;
	position:absolute;
	top:70%;
	left:22%;
    animation-name: fadein;
    animation-duration: 3s;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.home_fadein_box {
  text-align:center;
  height: 500px;
  line-height: 500px;
}
@media screen and (max-width: 1120px) {
.home_fadein_text {
	font-size: 50px;
    font-weight: normal;
	font-family: serif;
	letter-spacing: 0.2em;
	color: #ffffff;
	position:absolute;
	top:80%;
	left:25%;
}	
}
@media screen and (max-width : 599px) {
.home_fadein_text {
	font-size: 30px;
    font-weight: normal;
	font-family: serif;
	letter-spacing: 0.2em;
	color: #ffffff;
	position:absolute;
	top:70%;
	left:25%;
}	
}

@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(40px);
}
to {
    opacity: 0.8;
    transform: translateY(0);
}
}

/* ギャラリーのサムネイル */
.gallery_s .blocks-gallery-item {
	flex-grow: 0;
}
.gallery_s li {
	height:100px;  ここで高さを決めます
	overflow: hidden;  高さをはみ出す部分は隠す
	float: left;  
	list-style: none;  
	margin:0;  
}

@media screen and (max-width: 1120px) {
	.gallery_s li {
	height:150px;  ここで高さを決めます
	overflow: hidden;  高さをはみ出す部分は隠す
	float: left;  
	list-style: none;  
	margin:0;  
}
}
@media screen and (max-width: 599px) {
	.gallery_s li {
	height:200px;  ここで高さを決めます
	overflow: hidden;  高さをはみ出す部分は隠す
	float: left;  
	list-style: none;  
	margin:0;  
}
}