/*
 Theme Name:   Anemos Child
 Theme URI:    https://themeforest.net/user/euthemians
 Description:  Anemos Child Theme
 Version:      2.4.1
 Author:       Euthemians Team
 Author URI:   https://euthemians.com
 Template:     anemos
*/


/* カテゴリーのアーカイブページの見出しの背景と文字色を変更 */
.eut-container .eut-bg-light, a.eut-bg-light:hover{
	background-color: rgb(255, 255, 25, 0);
}
.eut-container .eut-title.eut-text-dark,
.eut-container .eut-description.eut-text-dark{
	color: #fff;
}


/* 記事スティッキー・日時非表示 */
#eut-single-post-meta-sticky .eut-post-date{
	display: none;
}

/* ヘッダースティッキー・影濃度20％から5％に変更 */
@media screen and (min-width: 1201px) {
	#eut-header.eut-sticky-header #eut-main-header.eut-header-default,
	#eut-header.eut-sticky-header #eut-main-header #eut-bottom-header {
		-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.05);
		box-shadow: 0px 0px 25px rgba(0,0,0,0.05);
	}
}


/* 記事内 */
.iframe-fb{
	margin: 40px auto ;
	overflow: hidden;
	clear: both;
}
.video-description{
	margin: 40px auto ;
	overflow: hidden;
	clear: both;
	font-size: 0.9em;
	line-height: 1.6;
	padding-left: 90px;
}

/* シンプル記事タイトル */
#simple-title-wrapper{
	margin: 40px auto;
	overflow: hidden;
	clear: both;
	text-align: center;
	max-width: 1040px;
	padding: 0 30px;
}
#simple-title-h1{
	margin-top: 25px;
	font-size: 38px;
}
#simple-title-hr{
	width: 40px;
	border: 1px solid #f50057;
	background-color: #f50057;
	color: #f50057;
}
#simple-title-wrapper ul{
	margin-right: -15px;
}
#simple-title-wrapper li{
	margin-right: 15px;
}

#simple-subtitle{
	margin-top: 20px;
	line-height: 1.6;
	font-size: 1.6em;
}


/* 関連記事・新着記事 */
#voice-extra-wrapper{
	margin: 60px auto;
	width: 1200px;
	overflow: hidden;
	clear: both;
}
.voice-extra-h{
	margin: 50px 0 70px;
	font-size: 30px;
	text-align: center;
}
.voice-extra-ul{
	overflow: hidden;
	clear: both;
	list-style-type: none;
	margin:40px -45px 40px 0;
}
.voice-3columns{
	float: left;
	width: 33.333%;
}
.voice-li-content{
	margin-right: 45px;
	margin-bottom: 45px;
	min-height: 420px;
	height:auto !important; 
	height: 420px;
}
.voice-li-title{
	line-height: 1.8;
	font-family: "Playfair Display";
	margin-bottom: 8px;
	margin-top: 20px;
}
.voice-li-meta{
	font-size: 12px;
}
.voice-li-title,
.voice-li-meta,
.video-description{
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}

/* カラム間のマージン */
.eut-blog-grid .eut-blog-item {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 40px !important;
}
/*index.phpのコンテンツのマージントップ調整*/
#v-content-wrapper{
	margin-top: 23px;
}
#v-content-wrapper .eut-post-content{
	padding-bottom: 20px;
}

/* アルバム・カバー */
.imgback,
.img-art{
	margin-right: 48px;
	margin-bottom: 40px;
}
.img-art{
	margin-top: 10px;
	float: left;
	width: 210px;
}

@media only screen and (max-width: 1200px) {
	
#simple-title-wrapper{
	padding-top: 20px;
}

#voice-extra-wrapper{
	width: auto;
}
.voice-extra-ul{
	margin-right: 45px;
	margin-left: 45px;
}
.eut-blog-grid .eut-blog-item {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 40px !important;
}
#v-content-wrapper{
	margin-top: 40px;
}
.voice-li-content{
	min-height: 360px;
	height: 360px;
}
}

@media only screen and (max-width: 800px) {
#simple-title-h1{
	margin-top: 16px;
	font-size: 30px;
	line-height: 1.5;
}
.voice-extra-h{
	margin: 50px 0;
	font-size: 26px;
}
.voice-extra-ul{
	margin-right: 0;
	margin-left: 40px;
}
.voice-3columns{
	width: 50%;
}
.voice-li-content{
	margin-right: 40px;
	margin-bottom: 40px;
	min-height: 360px;
	height: 360px;
}
.eut-blog-grid .eut-blog-item{
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 30px !important;
}
.img-art{
	margin-right: 40px;
	width: 160px;
}
}

@media only screen and (max-width: 480px) {
.voice-extra-ul{
	margin-right: 40px;
}
.voice-3columns{
	width: 100%;
}
.voice-li-content{
	margin-right: 0;
	min-height: auto;
	height: auto;
}
.img-art{
	margin-right: 26px;
	margin-bottom: 26px;
	width: 120px;
}
}
#eut-post-content a{
  color: #74a4db;
}
#eut-post-content a:hover{
  color: #FF97A7;
  border-color: #FF97A7;
}
#eut-post-content b{
	font-weight:900;
	color: #606060;
}
.midashi{
	font-size: 2em;
	margin: 60px 0 ;
	padding: 50px 0 14px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
	font-family: "Playfair Display";
	line-height: 30px;
}
.midashi:before{
	content: " ";
	position: absolute;
	bottom:-3px;
	left: 0;
	height: 6px;
	width: 60px;
	background-color: #303030;
}
.submidashi{
	font-size: 0.4em;
	font-family: "Open Sans";
}
#eut-post-content h2{
	margin: 80px 0 60px;
}

#eut-post-content p:not(.wp-caption-text){
	margin: 48px 0;
}


/*動画レスポンシブ*/
.post-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	clear:both;
}
.post-video:after{
	position: absolute;
	content: " ";
	background: white;
	width: 100%;
	height: 1px;
	top:0;
	left: 0;
}
.eut-container .post-video {
	margin: 40px 0;
}
.post-video iframe,  
.post-video object,  
.post-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
video { width: 100% !important; height: auto !important; }

/*featured イメージがない時記事内最初の画像*/
.first-post-img-a {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.first-post-img {
  position: absolute;
  display: block;
  max-width: 100%;
  left: 0;
  right: 0;
  top: -20px;
  margin: auto;
}
/* 垂直センタリングにはbottom: 0;を追加*/


/* 歌詞・Lyrics */
.lyrics{
	padding: 40px;
	line-height: 1.6;
	background-color: #f0f0f0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.lyrics b{
	font-size: 1.667em;
}
.lyrics p {
	margin: 40px 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote,
.lyrics {
	margin: 60px 0;
	position: relative;
}

.lyrics:before,
blockquote:before {
	position: absolute;
	font-family: Georgia, "Times New Roman", Times, serif;
	content: "\201C";
	line-height: 0;
}
.lyrics:before{
	top: 43px;
	left: 25px;
	color: #d2d2d2;
	font-size: 3.4em;
}
blockquote:before {
	top: -16px;
	left: -20px;
	color: #f50057;
	font-size: 3.2em;
}



.eut-quote-text,
blockquote p,
.lyrics p,
.lyrics > b{
	line-height: 1.6;
	font-size: 1.4em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

@media only screen and (max-width: 800px) {
.eut-quote-text,
blockquote p,
.lyrics p,
.lyrics b {
	font-size: 1.2em;
}
}