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

詳しくは上のヘルプアイコンをクリックしてください。
*/
/* Gナビ周り */
#page{
padding-top:50px;}

body{    background-image: url(/nagwp01/wp-content/themes/graphy/images/bg2000.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment:fixed;
    background-size: auto 100%;
    background-color:rgb(248, 255, 248)
}

@media only screen and (max-width:569px) {
  body{
    background:none;  /* 一旦、PC用の背景画像を消す。 */
  }
  body::before {
    background:url("/nagwp01/wp-content/themes/graphy/images/bg2000sp.jpg") repeat center top;
    background-size: auto auto;
    display: block;
    position: fixed;  /* スマホ用にコレで代替。 */
    top: 0;
    left: 0;
    width: 100%;  /* サイズ指定。 */
    height: 100%;  /* サイズ指定。 */
    padding-bottom: 0;
    content: "";
    z-index: -1;
  }



}

#site-navigation{
position: absolute;
    top: 0;
left:0;
right:0;
background-color:#ffffff;
z-index:10;}

.main-navigation{
		max-width: 100%;
	}

.menu-toggle,#menu-menu01 li a{padding-left:10px;
    box-sizing:border-box;}

.main-navigation .search-form {
    background: transparent;
}




/* ヘッダー周り */

.site-header {
    margin-bottom: 20px; 
   border-bottom:#ccc solid 1px;
}
.site-branding {
    padding-bottom: 20px;
}
#head_add{
text-align:center;}
#head_add span{
  display:inline-block;
  text-align:left;}



@media screen and (min-width: 570px) {
#page{
padding-top:100px;}

.site-branding {background-color: rgba(255,255,255,0.5);
padding-bottom:20px;
}

.site-header {
    border-bottom:none;
    margin-bottom:75px;
}
	.site-branding {
		padding: 10px 10px 0 30px;
       display:table;
       width:100%;
       box-sizing:border-box;
	}
   .site-branding h1,
   .site-branding .site-logo{
     text-align:left;
	}
   .site-branding h1,
   .site-branding .site-logo,
    #head_add{
     display:table-cell;
     vertical-align:middle;      
	}
   #head_add{
    min-width:200px;
   text-align:right;
}
}


/* footer */
.site-copyright,.site-copyright a{
    color:#666;
    text-align:center ;
}
@media screen and (min-width: 570px) {
.site-copyright,.site-copyright a{
    color:#fff
}
}

/* TOP */
.content-area.top-full {
    width: auto;
    border-right: none;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    position: relative;
}


#youtube,#news{
margin-bottom:20px;
border-bottom:1px #ccc solid;
}

#news h2{margin-top:0;}
#news .top_sermon{font-size:19px;}

#word {
      padding:0;
      font-size:130%;
      font-style: normal;
      box-sizing:border-box;
      
}
#word  p{padding:0px;
       margin:0;}
#word cite{font-style: normal;
      border-bottom:none;
      font-size:80%;
      text-align:right;
     display:block;
}
#word:after,
#word:before{content: none;}

@media screen and (min-width: 570px) {
#youtube,
#news{
max-width:300px;
background-color: rgba(255,255,255,0.9);
border-bottom:none;
}
#news{padding:10px 10px 1px 10px;
box-sizing:border-box;}
#word {
  background-color: rgba(255,255,255,0.9);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
      position: absolute;
      right:0px;
      height:100%;
      font-size:150%;
      top:0;
      
}
#word  p{padding:10px;
       }

.site-bottom{position: relative;}
.link_asahi01{position: absolute;
      right:0px;
       top:-20px;
      }
}

.link_asahi01 a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* page */

.entry-title{
 border-bottom:dashed #3d5c3d 2px;
}
h2:first-child{
 margin-top:0;}
@media screen and (min-width: 570px) {
.site-content
{background-color: rgba(255,255,255,0.9);
padding:20px 30px;
box-sizing:border-box;
}

}
.page-id-18 .site-content
{background-color: transparent;
padding:0;
}

/* ページ画像 */
.dis_tac_img{
 text-align: center;
}
.dis_tac_img figcaption{
    margin: 0; 
	color: #777;
    font-size: 93.8%;
    font-style: italic;
    margin-bottom: 1.6em;
    max-width: 100%;
	}

@media screen and (min-width: 570px) {
.dis_ta{
  display:table;
  width:100%;
	table-layout: fixed;
}
.dis_tac_text{
 display:table-cell;
 vertical-align: top;
 padding-right:	10px;
}
.dis_tac_img{
 display:table-cell;
 vertical-align: top;
 width:45%;
}
}

/* page-top */
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #08682e;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* アクセス */
.page-id-9 .dis_tac_img{
 vertical-align:middle;
}
/* 集会案内 */
.wor_day{
	border:1px solid #666;
	padding:5px;
}

/* アーカイブ */
.archive h2.entry-title,
.blog h2.entry-title{
 border-bottom:solid #3d5c3d 1px;
}