/*-----------------------------------------------
Theme Name: xeory_extension-child
Template: xeory_extension
-----------------------------------------------*/
@import url('../xeory_extension/style.css');

/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/


/* 追加 */

body{
    "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}


body.home #main_visual {
height: 400px !important;
background-image: url(/wp-content/uploads/2017/06/title.jpg);
background-size: auto 70%;
background-position: center bottom; 
background-repeat: repeat-x;
background-color: #220000;
}


body.home #main_visual .wrap {
padding-top: 10px !important; }

.wrap {
}

#header{
background-image: url(/wp-content/uploads/2017/06/bg3.png);
background-color: #220000;
}

#header #logo {
margin-top: 10px;
margin-left: 10px;
font-size: 18px;
}

#content{
}


.post-content{
background-image: url(/wp-content/uploads/2017/06/bg2.png);
}

.post-share{
background-image: url(/wp-content/uploads/2017/06/bg2.png);
}

#popular_post_content{
background-image: url(/wp-content/uploads/2017/06/bg2.png);
}

#recent_post_content{
background-image: url(/wp-content/uploads/2017/06/bg2.png);
}

.post-meta-area{
background-image: url(/wp-content/uploads/2017/06/bg2.png);
}

.post-header{
background-image: url(/wp-content/uploads/2017/06/bg2.png);
  border-bottom: 1px solid #e5e5e5;
}

.cat-content .post-header,
article.page .post-header {
  padding: 20px 2%;
  margin-bottom: 10px;
}

.post-footer{
background-image: url(/wp-content/uploads/2017/06/bg2.png);
}

img.alignleft{
margin:0px;
padding:0px;
width:75px;
}

#gnav{
background-color: transparent;
}

#menu_item{
background-color: transparent;
}

#gnav ul li:hover a {
background-color: transparent;
opacity: .6;
}
#gnav ul li.current-menu-item a {
background-color: transparent;
}
#gnav ul li a {
background-color: rgba( 255, 255, 255, 0.15 );
font-color: white;
}

#gnav ul li a:hover {
background-color: rgba( 255, 255, 255, 0.25 );
font-color: white;
}

body.home #main_visual h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 5px;
}

.post-content h2 {
  margin: 32px 0 32px 0px;
  padding: 16px 8px 16px 8px;
  font-size: 24px;
  clear: both;
  font-weight: normal;
  color: #000000;
background-color: transparent;
  border-left: 10px solid;
  border-bottom: 2px solid;
}

  article.page .post-content {
    padding: 0 3%;
  }

@media screen and (max-width: 768px){
body.home #main_visual {
background-size: auto 50%;
}
}

@media screen and (max-width: 480px) {
body.home #main_visual {
background-size: auto 30%;
}
}

  #gnav-sp {
    background: #220000;
}
/* 追加 */