@charset "UTF-8";

/*===============================================
 画面の横幅が1023pxまで
===============================================*/
@media screen and (max-width:1023px){
aside,aside li,aside a{
  width: 15.5%;
 margin-left: 2px;
}

/*===============================================
 画面の横幅が800pxまで
===============================================*/
@media screen and (max-width:800px){
section{
  width:60%;
  height:100%;
  padding-left:7px;
  padding-right: 10px;
  margin-right: 5px;
}

header{
  padding-left: 2%;
  padding-right: 2%;
}

header ul{ 
  padding-left: 0px;
  clear: both;
  text-align: center;
}
header li{
   padding-right:2px;
}

/*header　address を非表示
header address{
  margin-top: 5px;
  display: none;
}
*/

/*fb insta logo非表示*/
.absolute-fb-logo,.absolute-insta-logo{
    display: none;
}

/*/*fb  logoの位置*/
.absolute-fb-logo{
    position: absolute;
    right: 3em;
    top: 3.5%;
    height:4.5%;
   width:auto;
}
/*insta logoの位置*/
.absolute-insta-logo{
    position: absolute;
    right: 1em;
    top: 3.5%;
    height:4.5%;
   width:auto;
}*/


footer{
 padding-bottom: 10px;
}
/*footer　address を表示する*/
footer address{
  display: block;
}
address  { 
 font-style: normal;
}
address a { 
 font-style: normal;
}
section h2{
  margin-left:2px;
}
section li{
  padding-left: 0px;
}


.access-map{
 width:31%;
 height:100%;
 margin-left:4px;
}
aside,aside li,aside a{
  width: 30.8%;
  margin-left: 5px;
}
article ul li {
  font-size:0.8em;
  line-height: 250%;
}

.aside-bottom,.aside-bottom li,.aside-bottom a,#aside-sahou,#aside-sahou a,#aside-jinseigirei,#aside-jinseigirei a,#aside-blog,#aside-blog a,#aside-facebook,#aside-facebook a,#aside-instagram,#aside-instagram a,#aside-aisatsu,#aside-aisatsu a,#aside-inunohi,#aside-inunohi a,#aside-yakudoshihyo,#aside-yakudoshihyo a{
 width:21.7%;
}

/*トップページの画像*/
#top-main-photo{
height: 600px;
/* 【注意】style.css の273行目～も変更する */
/*background-image: url("../img/top-main-sakura.jpg");*/
/*background-image: url("../img/top-main-autumn.jpg");*/
/*background-image: url("../img/top-main-third.jpg");*/
/*background-image: url("../img/top-main-fourth.jpg");*/
/*background-image: url("../img/top-main-shoka.jpg");*/
/*background-image: url("../img/top-main3.jpg");*/
background-image: url("../img/top-main-summer2.jpg");

/* background-position: 50% 50%;*/
background-position: 40% 60%;
}

/*左wrap*/
#wrap-leftside{           
        width: 95%;
}

/*ページタイトルの幅*/
.page-title{    
        width: 100%;
}


/*行事リストの幅*/
.table-gyoji{
    width: 100%;
}

/*年中行事の写真*/
#gyoji-photo{
padding-left:0%;
margin-right:0%;
width:45%;
height:100%;
}

/*page-topの右スペース*/
#pageTop{
  right: 10px;
}

/*手水作法のコンテンツ*/
.wrap-contents-temizu{           
      display: block;
      width: 46%;
     margin-left: 2%;
}  
.wrap-contents-wide{ 
      display: block;
      width: 100%;
}

/*手水作法の写真*/
.sahou-temuzu-photo{
      margin-left: 5%;
}

/*拝礼作法のコンテンツ*/
.wrap-contents-hairei{           
      display: block;
      width: 47%;
     margin-left: 2%;
}  

/*人生儀礼早見表table*/
.table-jinseigirei {
     display: block;
    border: none;
}
.table-jinseigirei tr td {
     text-align: left; 
}
.table-jinseigirei thead{
    display: none;
}
.table-jinseigirei tbody{
    display: block;
}
.table-jinseigirei tbody tr{
    display: block;
    margin-bottom: 1.5em;
}
.table-jinseigirei tbody th,.table-jinseigirei tbody td{
    display: list-item;
    border: none;
}
.table-jinseigirei tbody th{
    margin-bottom: 5px;
    list-style-type: none;
    color: #cc0033;
    background: #ffcc99;
}
.table-jinseigirei tbody td{
    margin-left: 20px;
    padding: 0;
}
.table-jinseigirei tbody td:nth-of-type(1):before { content: "[  性 　別  ] 　　"; }
.table-jinseigirei tbody td:nth-of-type(2):before { content: "[ 数 え 年]　　"; }
.table-jinseigirei tbody td:nth-of-type(3):before { content: "[生まれ年]　　"; }
.table-jinseigirei tbody td:nth-of-type(4):before { content: "[  説　 明  ]　　"; }
.table-jinseigirei tbody td:nth-of-type(5):before { content: "[御祈祷ﾍﾟｰｼﾞ]"; }
}




/*===============================================
 画面の横幅が640pxまで
===============================================*/

@media screen and (max-width:640px){

/*トップページの画像*/
#top-main-photo{
 height: 450px;
 background-position: 40% 60%;
}

header li{
  margin:0px 5px;
   padding-right:3px;
}
header ul{
 font-size: 0.95em;
}
.aside-bottom,.aside-bottom li,.aside-bottom a,#aside-sahou,#aside-sahou a,#aside-jinseigirei,#aside-jinseigirei a,#aside-blog,#aside-blog a,#aside-facebook,#aside-facebook a,#aside-instagram,#aside-instagram a,#aside-aisatsu,#aside-aisatsu a,#aside-inunohi,#aside-inunohi a,#aside-yakudoshihyo,#aside-yakudoshihyo a{
 width:24%;
margin: 1px;
}

/*合祀リストの幅*/
.table-goushi{
    width: 65%;
}
.table-goushi tr th,.table-goushi tr td {
    font-size: 0.65em;
}

/*===============================================
 画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){

/*ページタイトルの文字の大きさ*/
.page-title{
  font-size: 0.8em;
}
/*ページタイトルと花菱imgを上下中央揃え*/
.h1-middle img{
            vertical-align: text-bottom;
}

/*トップページの画像*/
#top-main-photo{
height: 350px; 
/*background-image: url("../img/top-sakura.jpg");*/
/*background-image: url("../img/top-main-third.jpg");*/
/*background-image: url("../img/top-main-sakura.jpg"); */
/*background-image: url("../img/top-main-autumn.jpg");*/
/*background-image: url("../img/top-main-fourth.jpg");*/
/*background-image: url("../img/top-main-shoka.jpg");*/
/*background-image: url("../img/top-main3.jpg");*/
background-image: url("../img/top-main-summer2.jpg");

 /*background-position: 50% 50%;*/
background-position: 40% 60%;
}

header{
  padding-top: 5px;
}

header li{
  margin:0px 10px;
   padding-right:5px;
}

section{
 padding-left:7px;
 margin-left:5px;
 width:91%;
}

article ul li {
  font-size:0.8em;
}
aside,aside li,aside a{
margin: 4px;
width:46%;
}


.access-map{min-width:94.5%;
 height:100%;
}

.aside-bottom,.aside-bottom li,.aside-bottom a,#aside-sahou,#aside-sahou a,#aside-jinseigirei,#aside-jinseigirei a,#aside-blog,#aside-blog a,#aside-facebook,#aside-facebook a,#aside-instagram,#aside-instagram a,#aside-aisatsu,#aside-aisatsu a,#aside-inunohi,#aside-inunohi a,#aside-yakudoshihyo,#aside-yakudoshihyo a{
margin: 5px;
 width:46%;
}

/*祈祷の種類*/
.table-gokito2 tr td {
  width:80%;
  display:block;
  margin: 0 auto;
  border:"1";
  border-radius: 3px;
}

/*table七五三*/
.table-gokito3{
    width: 100%;
}
.table-gokito3 tr th,.table-gokito3 tr td {
    font-size: 0.9em;
}

/*table厄年表*/
.table-gokito4{
    width: 100%;
}
.table-gokito4 tr th{
    font-size: 1em;
}
.table-gokito4 tr td {
    font-size: 0.75em;
}

/*祈祷の写真*/
#gokito-photo{
width:100%
}

/*末社のwrap*/
.wrap-contents-massha{   
 width:100%;
}

/*手水作法のコンテンツ*/
.wrap-contents-temizu{           
      display: block;
      width: 96%;
     margin-left: 2%;
}  

/*拝礼作法のコンテンツ*/
.wrap-contents-hairei{           
      display: block;
      width: 96%;
     margin-left: 2%;
} 
 
/*人生儀礼早見表の文字サイズ*/
 .table-jinseigirei tr td {
        font-size: 3.5vw;
}

/*末社・鳥居前作法の写真左寄り解除*/
#gosaijin-massha-r{
 float:none;
}

/*table お問い合わせ*/
.table-otoiawase tr th,.table-otoiawase tr td {
    font-size: 0.94em;
    font-weight: normal;
    padding: 5px;
    text-align: center;
}



/*===============================================
 画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){

#top-main-photo{
height: 350px; 
/*background-image: url("../img/top-main-third.jpg");*/
/*background-image: url("../img/top-main-sakura.jpg");*/
/*background-image: url("../img/top-main-autumn.jpg");*/
/*background-image: url("../img/top-main-fourth.jpg");*/
/*background-image: url("../img/top-main-shoka.jpg");*/
/*background-image: url("../img/top-main3.jpg");*/
background-image: url("../img/top-main-summer2.jpg");

/*background-position: 50% 50%;*/
background-position: 40% 60%;
}

section{
 padding-left:7px;
 margin-left:5px;
 width:91%;
}
article ul li {
  font-size:0.8em;
}
aside{
 width: 45%;
 font-size:0.8em;
}

aside.aside li,.aside a{
margin: 1px;
width:46%;
text-align:center;
}

.aside-bottom,.aside-bottom li,.aside-bottom a,#aside-sahou,#aside-sahou a,#aside-jinseigirei,#aside-jinseigirei a,#aside-blog,#aside-blog a,#aside-facebook,#aside-facebook a,#aside-instagram,#aside-instagram a,#aside-aisatsu,#aside-aisatsu a,#aside-inunohi,#aside-inunohi a,#aside-yakudoshihyo,#aside-yakudoshihyo a{
margin: 2px;
width: 46%;
}

/*メニューの文字サイズ*/
header ul{
 font-size: 0.85em;
}