@charset "utf-8";



h1{
    font-size:18px;
    font-weight: 700;
    text-align: center;
    margin-top: 5px;


}

h2{
    font-size:16px;
    font-weight: 500;
    text-align: center;
    color: #616161;
    box-shadow: 2px 2px 4px -2px gray ;
    width:90%;
    height: 26px;
    margin:0 auto;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: #f8f8f8;
    line-height: 26px;

}

h3{
	font-size:17px;
    font-weight: 500;
    text-align: center;
    color: #f7f7f7;
    box-shadow: 2px 2px 4px -2px gray ;
    width:80%;
    height: 26px;
    margin:0 auto;
    margin-bottom: 15px;
    margin-top: 20px;
    background-color: #949494;
    line-height: 26px;

}


p{
    font-size:15px;
    font-weight: 400;
    text-align: center;
    line-height: normal;
    text-align: left;
    margin-bottom: 20px;

}

p.name{
	text-align: right;
}

  section.mainmenu.pc{
        display: none;
    }


section{
    width: 96%;
    margin: 0 auto;
    margin-bottom: 60px;
}

section .container{
    width: 90%;
   margin: 0 auto;
}

.img-box01,.img-box02,.img-box03,.img-box04,.img-box05,.img-box06,.img-box07,.img-box08,.img-box09,.img-box10,.img-box11{
    width: 90%;
    height: 30px;
    margin: 0 auto;
    background-color: #eee;
    margin-bottom: 5px;
}

.h1-box{
    box-shadow: 2px 2px 4px -2px gray ;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}








/*about-history*/

.history-box{
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #464646;
	line-height: 1.5;

}

.history-time{
	font-weight: 600;
	color:#5f5f5f;
	font-size: 16px;
}

.history-content{
/*	padding-left: 5px;*/
/*	margin-top: 5px;*/
	text-indent:0.5em;
	color:#606060;
	padding-bottom: 10px;
	font-size: 15px;
}

.about-img-text{
	font-size: 12px;
	color:#505050;
}






/*leaf*/
p.date-leaf{
	width: 90%;
	margin: 0 auto;
	text-align: right;
	color: #606060	;
	margin-top: 15px;
	margin-bottom: 15px;

}

  .pc{
     display:none;
    }

.sp{
    display: block;
}

.center{
  text-align: center;
}

@media (max-width: 768px) {
    /*director*/

.director-box{
	border-bottom: 1px dotted #808080;
	padding-bottom: 10px;
	padding-top: 10px;
}

.director-box01{
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	padding-bottom: 10px;
		padding-top: 30px;
	margin-top: 50px;

}

.director-img{
	width:40%;
}

.director-img01{
	width:100%;
	margin:0 auto;
	margin-top: 10px;

}


.director-img img{
	width:100%;
}

.director-img01 img{
	width:100%;
	border: 1px solid #808080;
	padding: 3px;
	box-shadow: 2px 2px 4px -2px gray ;
}

.director-text{
	float:right;
	width: 60%;

}


.director-text p{
	margin: 0px;
	height: auto;
	text-align: left;
	padding-left: 8px;

}

.director-text p.name,.director01{
	font-weight: 600;
	color:#606060;
}

.director-text p.chronology{
	padding-left: 10px;

}

p.history-school-title{
	margin:0px;
	font-weight: 600;
	color:#7d7d7d;
}

p.history-school{
	margin:0px;
}

p.history-school a{
	text-decoration: none;
	color:#636363;
}

p.history-school a:hover{
	text-decoration: none;
	color:#a5a5a5;
}

    /*about-history*/

.history-box{
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #464646;
	line-height: 1.5;

}

.history-time{
	font-weight: 600;
	color:#5f5f5f;
	font-size: 16px;
}

.history-content{
/*	padding-left: 5px;*/
/*	margin-top: 5px;*/
	text-indent:0.5em;
	color:#606060;
	padding-bottom: 10px;
	font-size: 15px;
}

.about-img-text{
	font-size: 12px;
	color:#505050;
}

/*father*/

/*
.img-box-father01,img-box-father02,img-box-father03,img-box-father04,img-box-father05,img-box-father06{
	width: 96%;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 5px;
	margin-top: 3px;
}

.img-box-father01{
	background-image: url(../img/father01_01.jpg);
	background-repeat: no-repeat;
	background-size:contain;
}
*/


table.father{
	margin-bottom: 80px;

}

table.father img{
	width: 50%;
    height: auto;

}

.father-box{
	width:96%;
	height:190px;
	margin:0 auto;
	clear:both;
	padding-top: 25px;
	border-bottom: 1px dotted #464646;
/*	background-color: aquamarine;*/
}

.father-box:nth-child(4){
	width:96%;
	height:190px;
	margin:0 auto;
	clear:both;
	padding-top: 25px;
	border-bottom: none;
/*	background-color: aquamarine;*/
}


.father-img{
    display: block;
	float:left;
	width:48%;
}

.father-text{
	float:right;
	width:48%;
	padding-left:0.5em;
	padding-top: 0.5em;
}

.father-text p{
	margin-bottom: 0px;
}

p.frname{
	font-weight: 600;
}

.father-text.caution{
	float:left;
	width:100%;
	padding-left:0.5em;
	padding-top: 0.5em;
    padding-bottom:0.5em;
    margin-top: 0px;
    border-bottom: 1px dotted #464646;
    margin-bottom: 10px;
}

p.frname.caution{
	font-weight: 400;
    font-size:12px;
}




    .father-img-pc{
        display:none;
    }





/*beginner*/

.workshop table{
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
	border: 1px solid #838383;
}



.workshop tr{
	width:100%;
	font-size:13px;
}

.workshop tr td{
	text-align: center;
	border: 1px dotted #838383;
    padding-top:10px;
    padding-bottom:10px;
    line-height:16px;
}

.workshop tr td span{
    font-size:12px;
}

td.week.row{
	border-bottom: none;
}

.workshop tr td.content{
	width:40%;
	text-align: left;
	padding-left: 0.5em;
}

caption{
	margin-bottom: 5px;
}

.beginner-box {
  text-align: center;
}
.beginner-box img{
    width:80%;
    margin-bottom:20px;
}

/*wedding*/
.wedding-img-box{
	width: 100%;
	text-align: right;
}

.wedding img{
	width:50%;
    margin-top: 5px;
	border:1px solid silver;
	padding:3px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

.wedding ul li{
	margin-bottom: 15px;
}

/*mass*/

    h3.column{
        height: 45px;
        width:100%;
        line-height:19px;
        margin-bottom:25px;
        font-size:16px;
        padding-top: 4px;
        box-sizing:border-box;
    }

    h3.column span{
        font-size:15px;
    }



    h4.column{
        margin-bottom:20px;
        /* height: 40px; */
        font-size:16px;
        color:#6b6b6b;
        text-align: center;
        line-height: 20px;
        box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
    }

    h5.column{
        text-align: right;
        font-size:15px;
        color:#6b6b6b;
    }

    p.column{
        text-indent: 0.9em;
        color:#6b6b6b;
        margin-bottom: 10px;
    }

    p.column span{
        font-weight: bold;;
    }

table.mass{
    width: 100%;
    margin: 0;
    margin-top: 30px;
}

.seika{
	width:50%;
	height: 35px;
	margin: 0 auto;
	background-color: #a3ccbc;
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #8fb3a5;
}

.seika.passover{
	width:50%;
	height: 35px;
	margin: 0 auto;
	background-color: #408ab4;
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #408ab4;
}

.seika.christmass{
	width:50%;
	height: 35px;
	margin: 0 auto;
	background-color: #f0507b;
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #d92f4d;
}

.seika.christmass.next{
	width:50%;
	height: 35px;
	margin: 0 auto;
  background: #CB356B;
  background: -webkit-linear-gradient(to bottom, #cc0033, #990033);
  background: linear-gradient(to bottom, #cc0033, #990033);
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #d92f4d;
}

.seika a{
	color:#fff;
	text-decoration: none;
	display:block;
	width: 100%;
	font-size:16px;
}

.seika a span{
	font-size:14px;
}


/*	border:1px #464646 solid;*/


tr{
    width: 100%;
    height: 24px;
    border-bottom: 1px dotted #838383;
    line-height: 25px;

}

.mass tr td.content{
	width:35%;
	padding-left: 2px;
	line-height: 20px;
}

.mass tr td.time{
	text-align: center;
	width:30%;
}

.mass tr td.day{
	text-align: center;
	width:20%;
}

.mass tr td.cathedral{
  width:10%;

}

.mass tr.mass9{
  color:#c1c1c1;

}

p.mass-explane{
	font-size:14px;
	text-align: left;
	margin-top: 5px;
	padding-left: 1px;
}

p.mass-chant{
	font-size:14px;
	text-align: center;
	margin-top: 25px;
	/* margin-left: 18px; */
    margin-bottom: 5px;
}

p.seika-caution{
	font-size:14px;
	text-align: left;
	margin-top: 10px;
	padding-left: 1px;
	padding-top: 10px;
}

/*introduction*/

table{
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}

tr{
    width: 100%;
    height: 20px;
    border-bottom: 1px dotted #838383;
    line-height: 20px
}

td.headline{
    width: 20%;


}

td.explain{
    width: 80%;

}

ul.ritual,ul.margaret{
     width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 1em;
   }


ul li{
  list-style-type:none;
  font-size: 14px;
  margin-bottom: 3px;

}

ul.ritual li:before{
  content: "\f14a";
  font-family: FontAwesome;
  padding-right:0.3em;
  color: #838383;
}

ul.margaret li:before{
  content: "\f06c";
  font-family: FontAwesome;
  padding-right:0.3em;
  color: #838383;
}


.img-box01{
	background-image: url(../img/eyecacher_01.jpg);
}

.img-box02{
	background-image: url(../img/eyecacher_02.jpg);
}

.img-box03{
	background-image: url(../img/eyecacher_03.jpg);
}

.img-box04{
	background-image: url(../img/eyecacher_04.jpg);
}

.img-box05{
	background-image: url(../img/eyecacher_05.jpg);
}

.img-box06{
	background-image: url(../img/eyecacher_06.jpg);
}

.img-box07{
	background-image: url(../img/eyecacher_07.jpg);
}

.img-box08{
	background-image: url(../img/eyecacher_08.jpg);
}

.img-box09{
	background-image: url(../img/eyecacher_09.jpg);
}

    /*fons*/
.fons{
	width:50%;
	height: 35px;
	margin: 0 auto;
	background-color: #66cdaa;
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #5f9ea0 ;
}

.fons a{
	color:#fff;
	text-decoration: none;
	display:block;
	width: 100%;
	font-size:16px;
}

.fons a span{
	font-size:14px;
}

    /*youth*/

.sundayschool{
	margin-bottom: 40px;
}

.sundayschool tr td.discription{
	width: 70%;
}


p.youth-title{
	width: 90%;
	font-size: 16px;
	font-weight:600;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
	box-shadow: 2px 2px 4px -2px gray ;
	background-color: #767676;
	color:#fafafa;
	height: 22px;
	line-height: 25px;

}

/*
.img-box-youth01,.img-box-youth02,.img-box-youth03,.img-box-youth04,.img-box-youth05,.img-box-youth06{
    width: 90%;
    height: 90px;
    margin: 0 auto;
    background-color: #eee;
    margin-bottom: 5px;
	margin-top: 3px;
}
*/



/*

.img-box-youth01{
	background-image: url(../img/eyecacher02-01.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth02{
	background-image: url(../img/eyecacher02-02.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth03{
	background-image: url(../img/eyecacher02-03.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth04{
	background-image: url(../img/eyecacher02-04.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth05{
	background-image: url(../img/eyecacher02-05.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth06{
	background-image: url(../img/eyecacher02-06.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
*/

.img-Johannes{
	width: 90%;
	margin:0 auto;
	margin-bottom: 10px;
	margin-top: 5px;

}

.img-Johannes img{
	box-shadow: 2px 2px 4px -2px gray ;
}

.img-youth{
		width: 90%;
        margin:0 auto;
        margin-bottom: 10px;
	    margin-top: 5px;
}


    /*surusuru-slider*/

    #page_top{
    display: none;

    }

#page_top_sp{
  display:block;
  width: 100px;
  height: 60px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #272727;
  opacity: 0.6;
  border-radius: 15px;
  z-index: 1000;
  border:1px solid #fff;
　box-shadow: 0px 0px 10px 1px gray;
}

#page_top_sp a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;

}
#page_top_sp a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #997f3d;;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;

}
#page_top_sp a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;

}




}

@media (min-width: 768px) {

        body{
        background-color:#dcdcdc;

    }
    .wrap{
        width:960px;

    }

    .pc{
     display:block;
    }

    .sp{
    display: none;
}

    .topline{
		display: block;
		width:100%;
		height: 10px;
		background-image: url(../img/topline.jpg);

	}
    	#show{
		display: none;
	}

      section.mainmenu.pc{
        display: block;
        width:100%;
        margin-bottom: 30px;
    }


    #nav{
    width:960px;
    height:58px;
    background:url(../img/main-nav-pc.jpg);
    margin-top:5px;
    box-shadow: 2px 4px 4px -2px gray;
    }


    #nav ul{
    width:960px;
    padding: 0px;
    margin: 0px;
    background-color: rgba(53,53,53,0.8);
    height:53px;
    border-bottom: 1px solid #997f3d;
    }


    #nav ul li{
    display: inline-block;
    margin-right: 0px;
    width:191px;
    background-color:none;

/*    border-left: 1px solid #fff;*/
    height: 53px;
    text-align: center;
    font-size:16px;
    line-height: 53px;
    }

    #nav ul li:last-child {
    width:195px;

    }

    #nav ul li a {
    display:block;
    text-decoration: none;
    color: #fff;
    }

    #nav ul li a:hover {
    display:block;
    text-decoration: none;
    color: #8e8e8e;
    }

    #nav ul li :hover{
    border-bottom: solid 1px #fff;
    }


    /*recommend*/

    section.recommend.pc{
    display:flex;
    width:960px;
    height: 100px;
    padding:3px 3px;
/*    border:1px solid #a0a0a0;*/
        border-top:1px dotted #a0a0a0;
        border-bottom:1px dotted #a0a0a0;
     align-items: center;
    box-sizing: border-box;
    margin-bottom: 40px;
    background-color: #efefef;
    }

    section.recommend.pc .container{
    margin-right:5px;
    height:52px;
    cursor:pointer;
    }

     section.recommend.pc .container img:hover {
	opacity: 0.8 ;
     }

    section.recommend.pc .container:nth-child(2){

    display: flex;

    }

    section.recommend.pc .container:nth-child(2) img:hover {
	opacity: 0.8 ;
     }


    section.recommend.pc .container:last-child{
/*    border:1px #eee solid;*/
    display: flex;
    margin-right: 0px;
    }

    section.recommend.pc .container:last-child img:hover {
	opacity: 0.8 ;
     }

    .madonna-box{
    display: flex;
    }

/* page-common */
   h1{
    font-size:28px;
    font-weight: 500;
    text-align: center;
    margin-top: 5px;
    color:#b3b378;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;



    }


    .h1-box{
    box-shadow: 2px 2px 4px -2px gray ;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    margin:0 auto;
    background-color:#404040;
    border-left:solid 10px #b3b378;
        border-right:solid 10px #b3b378;
        border-bottom:solid 1px #b3b378;
        box-sizing: border-box;

/*        background-image:url(../img/h1-background.jpg);*/
}

h2{
    font-size:20px;
    font-weight: 500;
    text-align: center;
    color: 	#858585;
    box-shadow: 2px 2px 4px -2px gray ;
    width:100%;
    height: 50px;
    margin:0 auto;
    margin-bottom: 25px;
    margin-top: 20px;
    background-color:#efefef;
    line-height: 50px;
    border-radius:5px;

}

    h1::before{
  font-family: "Font Awesome 5 Free";
  content: "\f51d";
  padding-right:0.5em;
  color: #999999;
  font-weight: bold;
  font-size:28px;

    }

h3{
	font-size:17px;
    font-weight: 500;
    text-align: center;
    color: #f7f7f7;
    box-shadow: 2px 2px 4px -2px gray ;
    width:80%;
    height: 26px;
    margin:0 auto;
    margin-bottom: 15px;
    margin-top: 20px;
    background-color: #949494;
    line-height: 26px;

}


p{
    font-size:17px;
    font-weight: 400;
    text-align: center;
    line-height: normal;
    text-align: left;
    margin-bottom: 20px;
	color:#444444;
}

    /*about*/
    .container.about{
        text-align: center;

    }

    .container.about img{
        width: 80%;

    }

    .about-img-text{
       width:80%;
       margin:0 auto;
       margin-bottom: 30px;
    }

/*about-director*/

    .director-box{
	   border-bottom: 1px dotted #808080;
	   padding-bottom: 10px;
	   padding-top: 40px;
       height: 300px;
    }

    .director-box01{
	   border-top: 3px double #808080;
	   border-bottom: 3px double #808080;
	   padding-bottom: 10px;
	   margin-top: 100px;
        height:840px;
        padding-top:30px;
    }

    .director-img{
	   width:40%;
        text-align: center;
        }

      .director-box01 .hekiga{
      padding-top:30px;

        }

    .director-img01{
	   width:100%;
	   margin:0 auto;
	   margin-top: 10px;

    }


    .director-img img{
	   width:70%;
    }

    .director-text{
	float:right;
	width: 60%;
    padding-left: 30px;
    margin-top: 0px;
}


    .director-text p{
	margin: 0px;
	height: auto;
	text-align: left;
	padding-left: 8px;

}

.director-text p.name,.director01{
	font-weight: 600;
	color:#606060;
}

.director-text p.chronology{
	padding-left: 10px;

}

h3{
	font-size:20px;
    font-weight: 500;
    text-align: center;
    color: #f7f7f7;
    box-shadow: 2px 2px 4px -2px gray ;
    width:80%;
    height: 45px;
    margin:0 auto;
    margin-bottom: 30px;
    margin-top: 20px;
    background-color: #949494;
    line-height: 45px;

}

    /*about-history*/

.history-box{
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #464646;
	line-height: 1.5;

}

.history-time{
	font-weight: 600;
	color:#5f5f5f;
	font-size: 16px;
}

.history-content{
/*	padding-left: 5px;*/
/*	margin-top: 5px;*/
	text-indent:0.5em;
	color:#606060;
	padding-bottom: 10px;
	font-size: 17px;
}


p.history-school a{
	text-decoration: none;
	color:#636363;
}

p.history-school a:hover{
	text-decoration: none;
	color:#a5a5a5;
}


    p.history-school-title{
	margin-top:5px;
    	margin-bottom:0px;
	font-weight: 600;
	color:#7d7d7d;
}

p.history-school{
	margin:0px;
}

.about-img-text{
	font-size: 12px;
	color:#505050;
}


    /*father*/

/*
.img-box-father01,img-box-father02,img-box-father03,img-box-father04,img-box-father05,img-box-father06{
	width: 96%;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 5px;
	margin-top: 3px;
}
*/

.img-box-father01{
    width:80%;
    margin:0 auto;
    margin-bottom:20px;;
}


table.father{
	margin-bottom: 80px;

}

table.father img{
	width: 50%;
    height: auto;

}

  .container.father{
        margin-top: 130px;

    }
/*
.father-box:nth-child(1){
    width:90%;
    height:300px;
    margin:0 auto;
    clear:both;
    padding-top: 25px;
	border-bottom: 1px dotted #acacac;
    margin-top: 50px;
     margin-left:75px;
	background-color: aquamarine;
}

*/
.father-box{
    width:90%;
	height:300px;
	margin:0 auto;
	clear:both;
	padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 100px;
    padding-left: 0px;
    margin-left:75px;
    padding-bottom: 100px;
    border-bottom: 1px dotted #c9c9c9;
    }

  .father-img-pc{
	float:left;
	width:250px;
/*    border:15px #fff solid;*/
}

  .father-img-pc{
        display:block;
      margin-left: 40px;
    }

.father-text{
	float:right;
	width:35%;
    margin:0 auto;
	padding-left:30px;
	padding-top: 10px;
    padding-bottom: 30px;
    margin-top: 58px;
    margin-right: 50px;
    border-bottom: 1px dotted #acacac;
}

.father-text p{
	margin-bottom: 0px;
}

p.frname{
	font-weight: 600;
}

.father-text.caution{
	margin-top: 0px;
    font-size: 12px;
    padding-bottom: 10px;

}

p.frname.caution{
	font-weight: 400;
     font-size: 13px;
}






    .father-img{
        display:none;
    }


/*beginner*/
    .beginner-box{
        text-align: center;
    }

    .beginner-box img{
        width:55%;
        margin-bottom:20px;
    }

.workshop table{
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
	border: 1px solid #838383;
}



.workshop tr{
	width:100%;
    height: 40px;
	font-size:15px;
}

.workshop tr td{
	text-align: center;
	border: 1px dotted #838383;
    vertical-align:middle;
}

.workshop tr td span{
    font-size:13px;
}

td.week.row{
	border-bottom: none;
}

.workshop tr td.content{
	width:40%;
	text-align: left;
	padding-left: 0.5em;
}

caption{
	margin-bottom: 5px;
    font-size:15px;
}

/*wedding*/
.wedding-img-box{
	width: 100%;
	text-align: right;
}

.wedding img{
	width:25%;
    margin-top: 5px;
	border:1px solid silver;
	padding:3px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

.wedding ul li{
	margin-bottom: 15px;
    font-size:17px;

}

/*mass*/

    h3.column{
        height: 40px;
        width:100%;
        line-height:40px;
        margin-bottom:30px;

    }

    h4.column{
        margin-bottom:20px;
        /* height: 40px; */
        font-size:20px;
        color:#6b6b6b;
        text-align: center;
        line-height: 40px;
        box-shadow: 0px 3px 5px rgba(0,0,0,0.1);

    }

    h5.column{
        text-align: right;
        font-size:17px;
        color:#6b6b6b;
    }

    p.column{
        text-indent: 1em;
        color:#6b6b6b;
    }

    p.column span{
        font-weight: bold;;
    }

.seika{
	width:30%;
	height: 35px;
	margin: 0 auto;
	background-color: #a3ccbc;
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #8fb3a5;
    margin-top: 0px;
}

.seika.passover{
	width:30%;
	height: 35px;
	margin: 0 auto;
	background-color: #408ab4;
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #408ab4;
    margin-top: 0px;
}

.seika.christmass{
	width:30%;
	height: 35px;
	margin: 0 auto;
	background-color: #e23a67;
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #d92f4d;
}

.seika.christmass.next{
	width:30%;
	height: 35px;
	margin: 0 auto;
  background: #CB356B;
  background: -webkit-linear-gradient(to bottom, #cc0033, #990033);
  background: linear-gradient(to bottom, #cc0033, #990033);
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #d92f4d;
}

.seika a{
	color:#fff;
	text-decoration: none;
	display:block;
	width: 100%;
	font-size:16px;
}

.seika.christmass a{
	color:#fff;
	text-decoration: none;
	display:block;
	width: 100%;
	font-size:16px;
}
.seika a span{
	font-size:14px;
}

.seika.christmass a span{
	font-size:14px;
}

p.seika-caution{
  color:#929292;
	font-size:14px;
	text-align: left;
	margin-top: 70px;
	/* padding-left: 100px; */
}


.container.seika_margin{
        margin-bottom: 80px;
        margin-top: 70px;

    }






table.mass{
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    font-size:16px;
    color:#444444;
}

tr{
    width: 100%;
    height: 26px;
    border-bottom: 1px dotted #838383;
    line-height: 25px;

}

.mass tr td.content{
	width:12%;
	padding-left: 9px;
	line-height: 20px;
    vertical-align: middle;
}

.mass tr td.time{
	text-align: center;
	width:11%;
     vertical-align: middle;
}

.mass tr td.day{
	text-align: center;
	width:16%;
     vertical-align: middle;
}

    .mass tr td{
     vertical-align: middle;
     width: 5%;
}

tr.mass9{
  color: #c1c1c1;
}
.mass tr td.caution_td{
  vertical-align: middle;
  width: 10%;
  color: #444444;
}
p.mass-explane{
	font-size:14px;
	text-align: left;
	margin-top: 5px;
	padding-left: 1px;
    margin-bottom: 5px;
}

p.mass-chant{
	font-size:14px;
/*	text-align: center;*/
	margin-top: 18px;
    margin-bottom: 5px;
/*	margin-left: 18px;*/
    text-align: center;
}

table.mass.christmas{
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
    font-size:16px;
    color:#444444;
}

tr.christmas{
  height: 40px;

}

td.christmas{
  width: 30%;
  text-align: center;
}

td.time-christmas{
  padding-left: 40px;
}

/*introduction*/

table.introduction{
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
}

tr{
    width: 100%;
    height: 30px;
    border-bottom: 1px dotted #838383;
    line-height: 20px;
    font-size:15px;

}

td.headline{
    width: 20%;
        vertical-align:bottom;

}

td.explain{
    width: 80%;
    vertical-align:bottom;
}

ul.ritual{
    width: 85%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 2em;
    box-sizing: border-box;
   }

    ul.margaret{
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0em;
    box-sizing: border-box;
    margin-left:15px;
   }

ul li{
  list-style-type:none;
  font-size: 15px;
  margin-bottom: 10px;

}

ul.ritual li:before{
  content: "\f14a";
  font-family: FontAwesome;
  padding-right:0.3em;
  color: #838383;
}

ul.margaret li:before{
  content: "\f06c";
  font-family: FontAwesome;
  padding-right:0.3em;
  color: #838383;
}



.img-box01{
/*	background-image: url(../img/eyecacher_01.jpg);*/
}

.img-box02{
/*	background-image: url(../img/eyecacher_02.jpg);*/
}

.img-box03{
/*	background-image: url(../img/eyecacher_03.jpg);*/
}

.img-box04{
/*	background-image: url(../img/eyecacher_04.jpg);*/
}

.img-box05{
/*	background-image: url(../img/eyecacher_05.jpg);*/
}

.img-box06{
/*	background-image: url(../img/eyecacher_06.jpg);*/
}

.img-box07{
/*	background-image: url(../img/eyecacher_07.jpg);*/
}

.img-box08{
/*	background-image: url(../img/eyecacher_08.jpg);*/
}

.img-box09{
/*	background-image: url(../img/eyecacher_09.jpg);*/
}

/*fons*/
.fons{
	width:30%;
	height: 35px;
	margin: 0 auto;
	background-color: #66cdaa;
	text-align: center;
	line-height: 16px;
	border-radius:5px;
	padding-top: 5px;
	box-shadow: 2px 2px 14px -2px #5f9ea0 ;
    margin-top: 30px;
}

.fons a{
	color:#fff;
	text-decoration: none;
	display:block;
	width: 100%;
	font-size:16px;
}

.fons a span{
	font-size:14px;
}

/*youth*/

.sundayschool{
	margin-bottom: 40px;
/*    width:90%;*/
/*    background-color: antiquewhite;*/
}

.sundayschool table{
   width: 100%;
    }

.sundayschool tr td.discription{
width: 70%;
}


p.youth-title{
	width: 90%;
	font-size: 16px;
	font-weight:600;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	box-shadow: 2px 2px 4px -2px gray ;
	background-color: #767676;
	color:#fafafa;
	height: 22px;
	line-height: 25px;

}

    .img-youth{
        margin:0 auto;
        margin-bottom: 25px;
        width:50%;
    }

/*
.img-box-youth01,.img-box-youth02,.img-box-youth03,.img-box-youth04,.img-box-youth05,.img-box-youth06{
    width: 90%;
    height: 90px;
    margin: 0 auto;
    background-color: #eee;
    margin-bottom: 5px;
	margin-top: 3px;
}
*/



/*

.img-box-youth01{
	background-image: url(../img/eyecacher02-01.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth02{
	background-image: url(../img/eyecacher02-02.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth03{
	background-image: url(../img/eyecacher02-03.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth04{
	background-image: url(../img/eyecacher02-04.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth05{
	background-image: url(../img/eyecacher02-05.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.img-box-youth06{
	background-image: url(../img/eyecacher02-06.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
*/

    .sundayschool{
       width:100%;
        margin:0 auto;
        margin-bottom: 50px;
    }

    .sundayschool table{
        width:80%;
        margin:0 auto;
        font-size:17px;
    }

    .sundayschool table tr{

        font-size:17px;
    }

   .sundayschool table tr td{
        vertical-align: middle;
        line-height: 1.2em;
    }

       .sundayschool table tr td.discription{
       padding-top:5px;
       padding-bottom:5px;
    }

    p.youth-title{
      width: 83%;
     height: 30px;
     line-height: 30px;
     font-size:18px;
    }


.img-Johannes.main-img{
	width: 60%;
	margin:0 auto;
	margin-bottom: 10px;
	margin-top: 5px;

}

    .img-Johannes{
	width: 80%;
	margin:0 auto;
	margin-bottom: 10px;
	margin-top: 5px;

}

.img-Johannes img{
	box-shadow: 2px 2px 4px -2px gray ;
}

    /*slider*/
    #page_top{
        display: none;
    }

#page_top{
  display:block;
  width: 100px;
  height: 60px;
  position: fixed;
  right: 30px;
  bottom: 20px;
  background: #272727;
  opacity: 0.6;
  border-radius: 15px;
  z-index: 1000;
  border:1px #a5a5a5 solid;
}

 #page_top:hover{
  box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.1);
    }


#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #997f3d;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}



}