@charset "utf-8";
 /* CSS Document */
 /***************<下層ページ共通>**************/
 
 header {
     position: fixed;
     top: 0;
 }
 
 p.white {
     display: none;
 }
 
 .subject {
     margin-top: 200px;
     text-align: center;
     height: 152px;
     background-image: url(../images/subject_bar.png);
     background-repeat: repeat-x;
     background-position: center;
 }
 
 .subject img {
     position: relative;
     top: 25px;
 }
 /**************</下層ページ共通>***************/
 
 p.intro {
     text-align: center;
     line-height: 1.5;
 }
 
 p.intro a {
     text-decoration: none;
     color: #ffce61;
 }
 
 p.intro a:hover {
     cursor: pointer;
     color: #ff4d1d;
 }
 
 p.calender_title,
 p.calender_title2 {
     text-align: center;
     margin: 30px 0 20px;
     line-height: 1.5;
 }
 
 p.calender_title::before {
     content: url(../images/logo_buddha.png);
     position: relative;
     top: 9px;
     right: 5px;
     line-height: 1.5;
 }
 
 p.calender_title2::before {
     content: url(../images/logo_buddha_red.png);
     position: relative;
     top: 9px;
     right: 5px;
     line-height: 1.5;
 }
 
 .opc {
     filter: opacity(80%);
 }
 /******************<画像のキャプション>******************/
 
 .caption {
     position: relative;
     width: 486px;
 }
 
 .caption div {
     position: absolute;
     display: none;
     width: 100%;
     height: 100%;
     padding: 20px;
     background-color: rgba(255, 217, 128, 0.8);
     top: 0;
     left: 0;
     box-sizing: border-box;
     font-size: 18px;
 }
 
 .caption p {
     position: relative;
     text-align: justify;
     line-height: 1.5;
 }
 /******************</画像のキャプション>******************/
 
 .inner3 {
     width: 486px;
 }
 /**********************<レスポンシブ>*********************/
 
 @media screen and (max-width: 640px) {
     .subject {
         background-image: none;
         margin: 100px 0 70px;
         height: auto;
     }
     .subject img {
         width: 50%;
     }
     .caption,
     .inner3 {
         width: auto;
     }
     p.intro {
         margin: 30px 20px;
     }
     p.calender_title+div,
     p.calender_title2+div {
         margin-left: 20px;
         margin-right: 20px;
     }
     .caption div {
         font-size: 16px;
         padding: 10px;
     }
 }
 /**********************</レスポンシブ>*********************/