@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////////////////////////

BLOGに使用するスタイルを記述

///////////////////////////////////////////////////////*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#sigBlog {}
@media screen and (max-width: 800px) {
#sigBlog header#under-header section { border-bottom:none; }
}

#sigBlog #content-body { width:100%; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sigBlog #head-wrap { text-align:center; margin:100px 0; font-family:"Oswald", Futura !important; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }
#sigBlog #head-wrap .category-box { margin-bottom:20px; }
#sigBlog #head-wrap h2 { font-size:30px; margin-bottom:10px; }
#sigBlog #head-wrap .subttl { font-size:12px; color: #9f9f9f; }
#sigBlog #head-wrap .date-box { font-size:12px; color: #9f9f9f; }
@media screen and (max-width: 414px) {
#sigBlog #head-wrap { margin:10px 0 50px; }
}

/*--------------------- top ---------------------*/
#sigBlog ul.blog-list-wrap { list-style-type:none; }
#sigBlog ul.blog-list-wrap li { float:left; width:30%; margin-right:5%; margin-bottom:50px; }
#sigBlog ul.blog-list-wrap li:nth-child(3n) { margin-right:0; }
#sigBlog ul.blog-list-wrap li a { text-decoration:none; }
#sigBlog ul.blog-list-wrap li:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -webkit-transition: all .3s; transition: all .3s;}
#sigBlog ul.blog-list-wrap li .img-box { height:280px; border:solid 1px #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sigBlog ul.blog-list-wrap li .inner-box { padding-top:30px; }
#sigBlog ul.blog-list-wrap li .inner-box .category-box { font-size:12px; font-family:"Oswald", Futura !important; color: #242424; }
#sigBlog ul.blog-list-wrap li .inner-box .head-media { padding-bottom:5px; color: #242424; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#sigBlog ul.blog-list-wrap li .inner-box .theme-box { padding-bottom:10px; color: #9f9f9f; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#sigBlog ul.blog-list-wrap li .inner-box .date-box { font-size:12px; color: #9f9f9f; }

@media screen and (max-width: 800px) {
#sigBlog ul.blog-list-wrap li { float:none; width:100%; margin-right:0; }
#sigBlog ul.blog-list-wrap li .img-box { height:400px; }
}
@media screen and (max-width: 414px) {
#sigBlog ul.blog-list-wrap li .img-box { height:200px; }
}


/*--------------------- UNDER PAGE ---------------------*/
#sigBlog .articleBlog #mainvisual { /*height:900px;*/ animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }

#sigBlog .articleBlog .contents-inner { width:900px; margin:100px auto; line-height:2; font-size:16px; }
#sigBlog .articleBlog .contents-inner .subttl { font-weight:bold; margin:80px 0 30px; }
#sigBlog .articleBlog .img-box { margin:120px 0; }
#sigBlog .articleBlog .cap { font-size:12px; color: #9f9f9f; margin-top:10px; }

#sigBlog .articleBlog dl.l-border-1 { margin:80px 0; padding:40px 0; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; }
#sigBlog .articleBlog dl.l-border-1 dt { float:left; width:15%; border-right:solid 1px #dedede; padding-right:5%; }
#sigBlog .articleBlog dl.l-border-1 dt img { max-width:130px; }
#sigBlog .articleBlog dl.l-border-1 dd { float:right; width:75%; line-height:1.5; }

@media screen and (max-width: 800px) {
#sigBlog .articleBlog #mainvisual { /*height:500px;*/ }
#sigBlog .articleBlog .contents-inner { width:100%; }
}
@media screen and (max-width: 414px) {
#sigBlog .articleBlog #mainvisual { /*height:280px;*/ }
}

#sigBlog ul.social-box { list-style-type:none; margin-top:80px; }
#sigBlog ul.social-box li { display:inline-block; margin-right:20px; width:28px; }

#sigBlog .solid-line { border-top:solid 1px #e1e1e1; margin-top:100px; padding-top:100px; }

#sigBlog dl.credit { margin-top:50px; }
#sigBlog dl.credit dt { float:left; width:3em; clear:both; }
#sigBlog dl.credit dd { margin-left:3.5em; }

#sigBlog dl.credit-2 { margin-top:50px; }
#sigBlog dl.credit-2 dt { float:left; width:5em; clear:both; }
#sigBlog dl.credit-2 dd { margin-left:5.5em; }


#sigBlog ul.related-article { list-style-type:none; }
#sigBlog ul.related-article li { float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sigBlog ul.related-article li:first-child { padding-right:19px; border-right:solid 1px #dedede; }
#sigBlog ul.related-article li:last-child { padding-left:20px; }
#sigBlog ul.related-article li dl { opacity:0.5; }
#sigBlog ul.related-article li a dl { opacity:1; }
#sigBlog ul.related-article li a { text-decoration:none; }
#sigBlog ul.related-article li a:link,#sigBlog ul.related-article li a:visited { color:#242424; }
#sigBlog ul.related-article li a:hover,#sigBlog ul.related-article li a:active { color:#919191; }
#sigBlog ul.related-article li dl dt { float:left; width:200px; }
#sigBlog ul.related-article li dl dd { float:right; width:200px; }
#sigBlog ul.related-article li dl dd h3 { font-size:20px; font-weight:bold; padding-bottom:10px; }
#sigBlog ul.related-article li dl dd p { font-size:14px; }
#sigBlog ul.related-article li dl dd span.btn { display:inline-block; font-size:12px; font-style:italic; padding:2px 10px; border:solid 1px #242424; }
#sigBlog ul.related-article li a:hover span.btn,#sigBlog ul.related-article li a:active span.btn { border:solid 1px #919191; }
@media screen and (max-width: 800px) {
#sigBlog ul.related-article li dl dt { float:none; width:100%; margin-bottom:20px; text-align:center; }
#sigBlog ul.related-article li dl dt img { max-width:200px; }
#sigBlog ul.related-article li dl dd { float:none; width:100%; text-align:center; }
}
@media screen and (max-width: 414px) {
#sigBlog ul.related-article li { float:none; width:100%; }
#sigBlog ul.related-article li:first-child { padding-right:0; border-right:none; margin-bottom:30px; }
#sigBlog ul.related-article li:last-child { padding-left:0; }
}