@charset "UTF-8" ;

/***************************************************
ロゴ/メイン画像のコメント文字列

　ロゴ：クラスcomment
　メイン画像(1行目)：クラスcomment_b
　メイン画像(2行目)：クラスcomment_a

 "content:"の後に任意の文字列を記入してください。
（例） content: "主のご復活おめでとうございます"
****************************************************/

/* ロゴ 部分文字列*/
.comment:after {

	content: "目を覚ましていなさい。"

	}

/* メイン画像(1行目) 文字列*/
.comment_b:before {

	content: "さあ出かけよう 心をつないで イエスとともに" ;

	padding-bottom:5px;
	color:#fff;
	font-size:18px;
	text-shadow: 1px 1px 2px black;

	}

/* メイン画像(2行目) 文字列*/
.comment_a:after {

	content: "～希望に錨を下ろして～" ;

	font-size:15px;
	color:#eee;
	text-shadow: 1px 1px 2px black;

	}

@media only screen and (max-width:480px){
.comment_b:before{font-size:1.0em;}
.comment_a:after{font-size:1.0em;}
}

/* smooth scroll */
html { scroll-behavior: smooth;}

/*********************************************
index.html のためのスライドショー
**********************************************/
#slideshow {
		position: relative;
		width:  360px;
		height: 240px;
		}

#slideshow img {
		position: absolute;
		top:  0;
		left: 0;
		z-index: 8;
		opacity: 0.0;
		}

#slideshow img.active {
		z-index: 10;
		opacity: 1.0;
		}

#slideshow img.last-active {
		z-index: 9;
		}

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

#slideshow {width:100%; margin-left:15px;}

}


/***********************************************
 ギャラリー(12枚,/index_j.html,christmas.html)
************************************************/

/*ギャラリー全体のコンテナー*/
#stage {
	position: relative;
	max-width: 450px;
	margin: 0 auto 38px auto;
	text-align:center;
}
/*全サムネイルのコンテナー*/
#thumbs {
	margin-left:2%;
}
/*サムネイルの幅、ポインターを手のひら*/
#thumbs label img {
	text-align:center;

	width:18.5%;
	cursor: pointer;
}
/*ラジオボタンを非表示に*/
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12 {
	display: none;
}
/*表示写真の初期配置（全部透明に）とtransition設定*/
.photo {
	position: absolute;
	left: 0;
	top: 0;
}
.photo img {
	width:100%;
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
/*チェックされたサムネイルに相当する写真だけを表示*/
#r1:checked ~ #photo1 img, #r2:checked ~ #photo2 img, #r3:checked ~ #photo3 img, #r4:checked ~ #photo4 img, #r5:checked ~ #photo5 img, #r6:checked ~ #photo6 img, #r7:checked ~ #photo7 img, #r8:checked ~ #photo8 img, #r9:checked ~ #photo9 img, #r10:checked ~ #photo10 img, #r11:checked ~ #photo11 img, #r12:checked ~ #photo12 img{
	opacity: 1;
}

.photo span { display:none;  text-align: center;font-size:95%;}
#photo1 span { display:block; }
#r1:checked ~ .photo span,#r2:checked ~ .photo span,#r3:checked ~ .photo span,#r4:checked ~ .photo span,#r5:checked ~ .photo span,#r6:checked ~ .photo span,#r7:checked ~ .photo span,#r8:checked ~ .photo span,#r9:checked ~ .photo span,#r10:checked ~ .photo span,#r11:checked ~ .photo span,#r12:checked ~ .photo span { display:none; }
#r1:checked ~ #photo1 span { display:block; }
#r2:checked ~ #photo2 span { display:block; }
#r3:checked ~ #photo3 span { display:block; }
#r4:checked ~ #photo4 span { display:block; }
#r5:checked ~ #photo5 span { display:block; }
#r6:checked ~ #photo6 span { display:block; }
#r7:checked ~ #photo7 span { display:block; }
#r8:checked ~ #photo8 span { display:block; }
#r9:checked ~ #photo9 span { display:block; }
#r10:checked ~ #photo10 span { display:block; }
#r11:checked ~ #photo11 span { display:block; }
#r12:checked ~ #photo12 span { display:block; }



/***************************************************
電話番号へのリンク・スマホのみ(access.html,contact.html)
****************************************************/
.tel-link {
	color:#000033;
	text-decoration:none;
}


/*********************************************
上に戻るボタン
**********************************************/
.page-top
{
	display: none ;
	margin: 0 ;
	padding: 0 ;
}

.page-top p
{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
	z-index: 100;
}

.move-page-top
{
	display: block ;
	background: #E8c100;
	width: 85px ;
	height: 50px ;
	cursor: pointer ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}


@media screen and ( min-width:1130px )
{
	.move-page-top:hover
	{
		opacity: 0.85 ;
	}
}


/*********************************************
ボックス（聖句）
**********************************************/
.border-box1 {
    border: 2px solid #e8e3ca;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    margin: 0em 0em 3em;
    padding: 0 1em 1em;
}

/*********************************************
ボックス（プレーンなボックス）
**********************************************/
.border-box2 {
    width: 95%;
    border: 1px solid #cacaca;
    margin: 0em 0em 1em;
    padding: 1em;
/*    padding: 0 1em 1em; 2019.11 修正*/
}


/*********************************************
アコーディオンメニュー1(シンプル)
**********************************************/
.accordion ul {
	width:90%;
	padding:0;
}
.accordion li {
	position:relative;
	border-bottom:1px solid #ccc;
	list-style:none;
}
.accordion li:first-child {
	border-top:1px solid #ccc;
}

.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 1.5em 1em;
	position: relative;
}
.accordion > ul > li > a h4:hover {
	color: #111;
	text-decoration:none;
}
.accordion > ul > li > p {
	display: none;
	text-align:left;
	padding:0 .8em 1.4em 1em;
	color:#555;
	line-height:1.8;
}

.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 30px;
	height: 30px;
	top:27px;
	right:10px;
}
.accordion li .accordion_icon span {
	position: absolute;
 	width: 90%;
	height: 1px;
 	background-color: #ccc;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*********************************************
続きを読むボタン(小)
**********************************************/
.open, .close{
padding:0;
width: 100px;
height: 25px;
line-height: 25px;
color: #FFF;/*文字色*/
background-color:#dee8ca;/*背景色*/
text-align: center;
display: inline-block;
text-decoration: none;
-webkit-border-radius: 15px;/*角のまるさ調整*/
border-radius: 15px; /*角のまるさ調整*/
-webkit-transition: all .3s;
transition: all .3s;
}

/*********************************************
続きを読むボタン(大・透過)
**********************************************/
.accordion-box {
    position: relative;
}
.accordion-box label {
    height: 140px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after {
    content: "続きを読む"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 2.5rem;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #000;
    background-color: #cae8e3;
    width: 18.75rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.accordion-box label:before {
    font-family: FontAwesome;
    content:'\f063';
    font-weight: 700;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    background-color: #fff;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.accordion-box input {
    display: none;
}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 250px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


.accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:after {
    content: "閉じる";
}
.accordion-box input:checked + label:before {
    font-family: FontAwesome;
    content:'\f062';
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 70px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

/*********************************************
目次(65%)
**********************************************/
.index ul {
  padding: 0 0.5em;
  position: relative;
}

.index ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
  width:65%;
}

.index ul li:before {
  font-family: FontAwesome;
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #cfe8ca; /*アイコン色*/
}

.index ul li:last-of-type{
  border-bottom: none;
}

/*********************************************
目次(95%)
**********************************************/
.index_l ul {
  padding: 0 0.5em;
  position: relative;
}

.index_l ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
  width:95%;
}

.index_l ul li:before {
  font-family: FontAwesome;
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #cfe8ca; /*アイコン色*/
}

.index_l ul li:last-of-type{
  border-bottom: none;
}



/*********************************************
アイコン(クリスマス用)
**********************************************/
/* クリスマスツリー(先頭)　*/
.xmastree:before{
content:url(../images/news/christmas/ico-tree.png);
position: relative;
padding: 0 5px;
vertical-align:middle;
}

/* オーナメント(先頭)　*/
.ornament:before{
content:url(../images/news/christmas/ico-ornament.png);
position: relative;
padding: 0 5px;
vertical-align:middle;
}

/* クリスマスツリー(リスト)　*/
.ul-xmastree{
list-style-image: url(../images/news/christmas/ico-tree.png);
}

/* オーナメント(リスト)　*/
.ul-ornament{
list-style-image: url(../images/news/christmas/ico-ornament.png);
}

/* star　(fa-star-o)　*/

.star:before {
font-family: FontAwesome;
content:'\f006';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* クリスマス用見出し H3 */
/* クリスマスツリーと見出し */

h3.christmas{
position:relative;
color:#700000;
font-size:20px;
font-weight:bold;
text-shadow:1px 2px 3px #bfbfbf;
padding:70px 40px 30px 0px;
padding-left:2em;
background-image:url("../images/news/christmas/h-tree1.png");
background-size:contain;
background-repeat:no-repeat;
}
h3.christmas::after{
content: "";
width:100%;
height:5px;
position: absolute;
left: 0;
bottom: 0;
background:linear-gradient(to right, #a40000, rgba(57,163,0,0.8) 100%);
}

/* クリスマス用見出し アイコン&赤いバー(H4) */

h4.christmas {
position: relative;
background: #914955;
padding: 2px 5px 2px 30px;
margin-bottom:10px;
font-size: 16px;
color: #ffffff;
text-shadow:1px 1px 1px #000000;
border-radius: 0 10px 10px 0;
}

h4.christmas:before {
font-family: FontAwesome;
content: "\f06b";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #910000;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}


/* おしらせ欄(クリスマス、シンプルな枠線) */
.xmas_box2 {
width: 95%;
border: 1px solid #a40000;
margin: 1em 0em 1em;
padding: 1em;
}

.xmas_box3 {
width: 95%;
/* border: 1px solid #a40000; */
margin: 1em 0em 1em;
padding: 1em;
background-image:url("../images/news/christmas/bg-snow.png");
position: relative;
}


.xmas_box_heading{
font-size:16px;
padding: .2em 0 .1em .7em;
margin: 0em 0em 0.5em 0.5em;
border-left: 6px solid #a40000;
border-bottom: 1px solid;
border-image: linear-gradient(to right, #a40000 0%, #39a300 100%);
border-image-slice: 1;
}

/* h4(クリスマス用:左に赤い縦ライン) */
h4.xmas{
padding-left:7px;
margin:25px 5px 10px 5px;
font-size:14px;
border-left:5px solid #a40000;
}

h4.xmas2 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-left: 6px solid #a40000;
}

/* h3(クリスマス用:リース) */
h3.xmas:before{
content:url(../images/news/christmas/ico-wreath.png);
position: relative;
padding: 0 5px;
vertical-align:middle;
margin:25px 5px 10px 5px;
}
h3.xmas{
font-size:16px;
color:#a40000;
}

/* p(クリスマス用) */
p.xmas:before{
content:url(../images/news/christmas/ico-wreath.png);
position: relative;
padding: 0 5px;
vertical-align:middle;
margin:5px;
}
.xmas-red{
font-size:14px;
color:#a40000;
}


/*** 教会案内ツアー アイコン&バー(H4) ***/

h4.tour {
position: relative;
background: #559149;
padding: 2px 5px 2px 30px;
margin-bottom:10px;
font-size: 16px;
color: #ffffff;
text-shadow:1px 1px 1px #000000;
border-radius: 0 10px 10px 0;
}

h4.tour:before {
font-family: FontAwesome;
content: "\f11d";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #009100;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}

/* おしらせ用見出し infoアイコン&バー(緑系・H4) */

h4.info {
position: relative;
background: #bcc9af;
padding: 2px 5px 2px 30px;
margin-bottom:10px;
font-size: 16px;
color: #000000;
/*text-shadow:1px 1px 1px #000000;*/
border-radius: 0 10px 10px 0;
}

h4.info:before {
font-family: FontAwesome;
content: "\f129";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #0a6657;
font-weight: normal;
width: 40px;
text-shadow:1px 1px 1px #000000;
text-align: center;
height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}

/*********************************************
ご復活祭
**********************************************/

/* ご復活祭用大見出し H3 */
/* イースターエッグと見出し */

h3.easter{
position:relative;
color:#001166;
font-size:20px;
font-weight:bold;
text-shadow:1px 2px 3px #bfbfbf;
padding:65px 40px 30px 0px;
padding-left:2em;
background-image:url("../images/news/easter/easter_egg.png");
background-size:contain;
background-repeat:no-repeat;
}
h3.easter::after{
content: "";
width:100%;
height:5px;
position: absolute;
left: 0;
bottom: 0;
background:linear-gradient(to right, #ed2c6b, rgba(152,182,60,0.8) 100%);
}

/* イースターエッグ(icon)　*/
.egg:before{
content:"";
display:inline-block;
width:35px;
height:35px;
background-image:url(../images/news/easter/ico-egg.png);
background-size:contain;
vertical-align:middle;
}


/*** ご復活祭 見出し(先頭) ***/

h4.easter_heading {
position: relative;
background: #cacfe8;
padding: 2px 5px 2px 30px;
margin-bottom:10px;
font-size: 16px;
font-weight: normal;
color: #000000;
border-radius: 0 10px 10px 0;
}

h4.easter_heading:before {
font-family: FontAwesome;
content: "\f0f3";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #aeb8e8;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}


/*** ご復活祭 アイコン&バー(見出し・本&緑) ***/

h4.book {
position: relative;
background: #b6ccb1;
padding: 2px 5px 2px 30px;
margin-bottom:10px;
font-size: 16px;
color: #000000;
border-radius: 0 10px 10px 0;
}

h4.book:before {
font-family: FontAwesome;
content: "\f02d";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #889985;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}

/*** ご復活祭 アイコン&バー(見出し・smile) ***/

h4.smile {
position: relative;
background: #e8cade;
padding: 2px 5px 2px 30px;
margin-bottom:10px;
font-size: 16px;
color: #000000;
border-radius: 0 10px 10px 0;
}

h4.smile:before {
font-family: FontAwesome;
content: "\f118";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #ccb1c3;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}


/* 聖週間のおしらせ(ブロック) */

.easter_block{
width:95%;
margin:20px 30px;
float:left;
}

.easter_block img{
width:50px;
float:left;
margin-right:20px;
}

.easter_block h3{
padding-left:7px;
margin-left:70px;
margin-bottom:10px;
font-size:16px;
font-weight:bold;
border-left:5px solid #e8e3ca;
}


/*********************************************
献堂20周年
**********************************************/

/* 献堂記念 大見出し H3 */

h3.dedication{
position:relative;
color:#001166;
font-size:20px;
font-weight:bold;
text-shadow:1px 2px 3px #efefef;
padding:65px 40px 30px 0px;
padding-left:2em;
background-image:url("../images/news/pigeon.png");
background-size:contain;
background-repeat:no-repeat;
}
h3.dedication::after{
content: "";
width:100%;
height:5px;
position: absolute;
left: 0;
bottom: 0;
background:linear-gradient(to right, #e8cacf, rgba(202,222,232,0.8) 100%);
}

/* 鳩(icon)　*/
.pigeon:before{
content:"";
display:inline-block;
width:35px;
height:35px;
background-image:url(../images/news/ico-pigeon.png);
background-size:contain;
vertical-align:middle;
margin-right:7px;
}


/*********************************************
ボックス（教皇様来日:Pope in Japan）
**********************************************/

.popeinjapan-box {
width: 95%;
border: 1px solid #42af30;
margin: 1em 0em 1em;
padding: 1em 1em 2em;
}

.popeinjapan_head{
font-size:16px;
padding: .2em 0 .1em .7em;
margin: 0em 0em 0.5em 9em;
border-left: 6px solid #1d2089;
border-bottom: 1px solid;
border-image: linear-gradient(to right, #1d2089 0%, #e70012 100%);
border-image-slice: 1;
}

.popeinjapan_img{
width: 15%;
float:left;
margin: -0.9em 0.5em 0em 0.5em;
}


/*********************************************
ライブ配信＆折り鶴プロジェクト
**********************************************/

/* 丸みのある下線ボタン */

.btn-border-bottom {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0;
  text-decoration: none;
  color: #67c5ff;
}

.btn-border-bottom:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top:100%;
  left: 0;
  border-radius: 3px;
  background:#67c5ff;
  transition: .2s;
}

.btn-border-bottom:hover:before {
  top: -webkit-calc(100% - 3px);
  top: calc(100% - 3px);
}

/* フラットな破線で囲ったボタン */

.btn-flat-dashed-border {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: dashed 1px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-dashed-border:hover {
  border-style: dotted;
  color: #679efd;
}


.btn-flat-dashed-filled {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: dashed 1px #67c5ff;
  background: #f2fcff;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-dashed-filled:hover {
  background: #cbedff;
  color: #dimgray;
}

/* シンプルなボーダーボタン */
.btn-flat-border {
  display: flex;
  max-width: 80%;
  margin: 1em ;
  padding: 1em 2rem;
  text-decoration: none;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #e9f3fd;
}



/*********************************************
サブタイトル付き見出し(イグナチオ年)
**********************************************/
.heading_subig {
  padding-bottom: .5em;
  padding-left:6em;
  border-bottom: 1px solid #ccc;
  font-size:20px;
  font-weight:bold;
  color:#001166;
  text-shadow:1px 2px 3px #bfbfbf;
  margin-bottom: 0.5em;
  background-image: url(../images/news/ignatius500_lema.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: calc(2126px * 0.055); /* height */
}
.heading_subig span {
  display: block;
  margin-bottom: .2em;
  color: #808080;
  font-size:14px;
  font-weight:normal;
  text-shadow:none;
}


/*********************************************
サブタイトル付き見出し
**********************************************/
.heading_sub {
  padding-bottom: .5em;
  padding-left:1em;
  border-bottom: 1px solid #ccc;
  font-size:20px;
  font-weight:bold;
  color:#001166;
  text-shadow:1px 2px 3px #bfbfbf;
  margin-bottom: 0.5em;
}
.heading_sub span {
  display: block;
  margin-bottom: .2em;
  color: #808080;
	font-size:14px;
	font-weight:normal;
	text-shadow:none;
}

/*********************************************
小見出し
**********************************************/
h4.heading2 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-left: 6px solid #ccc;
}


/*********************************************
主日ミサライブ配信　目次ページ用テーブル
**********************************************/

ul.streaming_table{
display: table;
width:97%;
padding:0px;
border-collapse:collapse;
border:1px solid #cacaca;
}

ul.streaming_table ol{
display:table-row;
width:100%;
}

ul.streaming_table li{
display:table-cell;
vertical-align:middle;
padding:2px 2px;
padding-left:5px;
border:1px solid #cacaca;
}

ul.streaming_table .col1{width:20%;}
ul.streaming_table .col3{width:40%;}

/*** 年間予定(y_events/yyyy.html)の列の幅揃え **/
.year_events_col1{width:10%;}
.year_events_col2{width:20%;}
.year_events_col3{width:50%;}
.year_events_col4{width:20%;}




/*********************************************
ボックス（トップページのお知らせ用）
**********************************************/

.information-box {
width: 95%;
border: 1px solid #42af30;
margin: 1em 0em 1em;
padding: 1em;
}

.information-box_heading{
font-size:16px;
padding: .2em 0 .1em .7em;
margin: 0em 0em 0.5em 0.5em;
border-left: 6px solid #1d2089;
border-bottom: 1px solid;
border-image: linear-gradient(to right, #1d2089 0%, #e70012 100%);
border-image-slice: 1;
}

.information-box_img{
width: 15%;
float:left;
margin: -0.9em 0.5em 0em 0.5em;
}

/*********************************************
シンプルな見出し(背景色・ボーダー)
**********************************************/

h3.heading_s{
padding: 5px 10px;
margin: 0px;
background-color: #cae8e3;
border-bottom: 1px solid #ccc;
font-size:16px;
font-weight:bold;
}

/*********************************************
シンプルな見出し(テキスト・ボーダー重複)
**********************************************/

h4.heading_s {
position: relative;
font-size:16px;
margin:10px 5px;
font-weight:bold;
}

h4.heading_s span {
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color: #fff;
text-align: left;
}

h4.heading_s::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 4px;
background-color: #cae8e3;
}


/*********************************************
アイコン:大見出し
**********************************************/
.title_img{
width: 64px;
margin:20px 30px;
float:left;
}


/*********************************************
 トップページボタン
*********************************************/

a.btn_top {
  display: flex;
  align-items: center;
  max-width: 80%;
  margin: 0 auto;
  padding: 1.3rem 2rem;
  border: 3px solid #cfe8ca;
  background: #CACFE8;
  text-decoration: none;
  transition: 0.3s;
}
a.btn_top:hover {
  background-color: #e9f3fd;
}
a.btn_top .btn_text {
  display: block;
  flex-grow: 1;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-right: 15px;
  font-size: 20px;
}
a.btn_top .btn_text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  border-top: 3px solid #014897;
  border-right: 3px solid #014897;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  a.btn_top .btn_text {
    font-size: 18px;
    padding-right: 20px;
  }
  a.btn_top .btn_text::after {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 736px) {
  a.btn_top .btn_text {
    font-size: 16px;
    padding-right: 20px;
  }
  a.btn_top .btn_text::after {
    width: 10px;
    height: 10px;
  }
}


/*********************************************
トップページボタン2(小)
*********************************************/

a.btn_02 {
  max-width: 350px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  position: relative;
  background: #e9f3fd;
  border: 1px solid #228bc8;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  margin: 2px 0px 10px 0px;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_02:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid ;
  border-right: 2px solid;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.btn_02:hover {
  background: #fff;
  color: #228bc8;
}
a.btn_02:hover:before {
  border-top: 2px solid #228bc8;
  border-right: 2px solid #228bc8;
}

/* 結婚講座用 */
/* ボタン */
.button-m {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #333333;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  border: 1px solid #333333;
  position: relative;
  transition: 0.3s;
  background-color: #FFFFFF00;
}

.button-m::before, .button-m::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 11px;
  background-color: #333;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}

.button-m::before {
  transform: translateY(-50%) rotate(30deg);
}

.button-m::after {
  transform: translateY(-50%) rotate(-30deg);
}

.button-m:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
}

.button-m:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);
}


/* ボックス(縦並び) */
.container-h{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* ボックス(横並び) */
.container-m{
	display: flex;
	align-items: center;
  justify-content: center
}

.box-m {
	width:20%;
  border: solid 2px #228bc8;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
	text-align:center;
}

/* 矢印(右) */
.triangle {
	width: 0;
  height: 0;
  border-style: solid;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 26px solid #cacfe8;
	margin:5px;
}

.heading-u {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
	margin:1.2em 0 1em 0;
	font-size: 1.2em;
}

/* スペーサー */
.spacer{
	height: 2em;
	border-style: none;
}

/* スペーサー */
.spacer2{
	height: 1em;
	border-style: none;
}


/* card (画像＋概要、ブログカード式) */

.card_flex{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  flex-shrink:0;
  }

.card{
  width: 290px;
  height: auto;
  margin:10px 5px;
}

.card__imgframe{
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

img:not(.card_imgframe){
	max-width:100% !important;
}

.card__textbox{
  width: 100%;
  height: auto;
  padding: 20px 18px;
  background: #ffffff;
  box-sizing: border-box;
}

.card__textbox > * + *{
  margin-top: 10px;
}

.card__titletext{
  font-size: 18px;
  font-weight: bold;
  line-height: 125%;
}

.card__overviewtext{
  font-size: 14px;
  line-height: 150%;
}


/* card デザイン*/
.card-skin{
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,.2);
}

/* 見出し付きボックス */
.box27 {
    position: relative;
    margin-top: 3em;
    padding: 0.5em 1em;
    border: solid 2px #e8cacf;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 1.1em;
    background: #e8cacf;
    color: 333;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0;
    padding: 0;
}

/* ボックス内に見出し付き*/
.box29 {
    margin: 2em 0;
    background: #fff;
		border: solid 2px #cfe8ca;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #cfe8ca;
    padding: 4px 4px 4px 9px;
    text-align: left;
    color: #333;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

/***ステップバーデザイン１***/
.step-wrap1 {
 counter-reset:count;
 margin: 2em 0;
 position: relative;
}
.step-content1 {
 padding: 0 0 1.3em 2em;
 margin: 0;
 position: relative;
}
.step-content1::before {
 content: "";
 display: block;
 width: 13px;
 height: 13px;
 background: #6ab5a5;
 border: solid 3px #ffffff;
 border-radius: 50%;
 position: absolute;
 top: 3px;
 left: 3px;
 box-shadow: 0 0 0 2px #6ab5a5;
}
.step-content1::after {
 content: "";
 display: block;
 height: calc(100% - 35px);
 border-left: dotted 5px #768888;
 position: absolute;
 top: 30px;
 left: 10px;
}
.step-title1 {
 font-weight: bold;
 font-size: 120%;
}
.step-label1 {
 color: #768888;
 font-weight: bold;
}
.step-label1::after {
 counter-increment:count;
 content:counter(count);
 position: relative;
 left: .3em;
}
.step-body1 {
 margin-top: .5em;
 padding: 0 0 1em;
 border-bottom: dotted 2px #ddd;
}
.step-wrap1 > :last-of-type::after {
 display: none;
}
/***ステップバーデザイン１***/

/***画像をクリックすると拡大する***/
.lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    pointer-events: none;
    z-index: 100;
}

.lb img {
    width: auto !important;
    max-height: 100%!important;
    cursor: pointer;
}

.lb img,
.lb iframe {
    transform: scale(.85);
    transition: .3s all ease;
}

.lb:target {
    opacity: 1;
    pointer-events: auto;
    z-index: 101;
}

.lb:target img,
.lb:target iframe {
    transform: scale(1);
}

/* なんちゃって閉じるボタン*/
.lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb::before {
    transform: rotate(-315deg);
}
.lb::after {
    transform: rotate(315deg);
}


/***** 画像各種フィルター *****/

/* ぼかし1px,グレースケール20% */
.img_filter-01{
  filter: blur(1px)  grayscale(20%);
}

/* フレックスボックス　トップページ（ミサの時間・告解の時間） */
.flexbox-col2-wrap {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}

.flexbox-col2-item {
  padding: 0 0px 0 20px;
  width:30%;
  background-color: #fff;
}

/* フレックスボックス　横並び2列  1:1*/
.twoColums {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom:2em;
  }

.twoColums .item {
  padding: 1px;
  width: 49%;
  }

/* フレックスボックス　横並び2列  3:1*/
.twoColums-tree-to-one {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom:2em;
  }

.twoColums-tree-to-one .item-wide {
  padding: 1px;
  width: 70%;
  }
.twoColums-tree-to-one .item-nallow {
  padding: 1px;
  width: 29%;
  }
  

/* シンプルなギャラリー（flexbox） */
.simple_gallery_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.simple_gallery_item {
  padding: 3px;
  width: 32%;
}

/* パララックス */
.parallax {
  /* 基本設定 */
	position: relative;
  background-image: url('../images/news/christmas/top-img1.jpg');
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  width: 100%;
	border-radius: 10px;

  /* パララックス用設定 */
background-attachment: fixed;
}

.parallax p {
	color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 2.3em;/*サイズ2.2倍*/
  font-family: 'Zen Kurenaido', sans-serif;/*Google Font*/
	text-shadow: 1px 2px 1px #202020;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }


/* Table of Contens 装飾 */
#toc:before {
  content: "目次";
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #228bc8;/*左線*/
	}
#toc {
  backgound:#f9f9f9;
  border: 1px solid #aaa;
  /* font-size: 95%; */
  display: table;
  margin-bottom: 10px;
  padding: 15px;
  width: auto;
}
#toc ol,
#toc ol li {
  margin: 5px 5px 5px 15px;
  padding: 0;
}
#toc a:hover {
  text-decoration: underline;
}

.img-fig{border: 1px solid #aaa;margin:1em;padding:1em;}

/*********************************************
 YouTube 埋め込み 
/*********************************************/
 .youtube__padding-top {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube__padding-top iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*********************************************
アイコン:Font Awesome
**********************************************/

/* 前へ戻る(左向き矢印：先頭) '<<'　(fa-angle-double-left)　*/

.back:before {
font-family: FontAwesome;
content:'\f100';
padding: 0 5px;
vertical-align:middle;
font-size:14px;

}

/* 次へ進む(右向き矢印：先頭) '>>'　(fa-angle-double-right)　*/

.next:before {
font-family: FontAwesome;
content:'\f101';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* 次へ進む(右向き矢印：後ろ) '>>'　(fa-angle-double-right)　*/

.next_a:after {
font-family: FontAwesome;
content:'\f101';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* 次へ進む(右向き矢印：後ろ) '>'　(fa-angle-right)　*/

.next2_a:after {
font-family: FontAwesome;
content:'\f105';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* 次へ進む(右向き矢印：後ろ) '>'　(fa-arrow-circle-right)　*/

.next3_a:after {
font-family: FontAwesome;
content:'\f0a9';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}


/* info　(fa-info-circle)　*/

.info-c:before {
font-family: FontAwesome;
content:'\f05a';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* calendar　(fa-calendar)　*/

.calendar:before {
font-family: FontAwesome;
content:'\f073';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* train　(fa-train)　*/

.train:before {
font-family: FontAwesome;
content:'\f238';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* note-o1　(fa-sticky-note-o)　汎用(14px) */

.note-o1:before {
font-family: FontAwesome;
content:'\f24a';
padding:0 5px;
vertical-align:middle;
font-size:14px;
}

/* note-o　(fa-sticky-note-o)　祈りのカード(20px) */

.note-o:before {
font-family: FontAwesome;
content:'\f24a';
padding-right:5px;
vertical-align:middle;
font-size:20px;
}

/* check　(fa-check)　*/

.check:before {
font-family: FontAwesome;
content:'\f00c';
padding: 0 10px;
vertical-align:middle;
font-size:20px;
}


/* ファイルタイプ:PDF　(fa-file-pdf-o)　*/

.pdf:before {
font-family: FontAwesome;
content:'\f1c1';
padding: 0 10px;
vertical-align:middle;
font-size:20px;
}

/* ファイルタイプ:PDF　(20px / fa-file-pdf-o)　*/

.pdf:before {
font-family: FontAwesome;
content:'\f1c1';
padding: 0 10px;
vertical-align:middle;
font-size:20px;
}

/* ファイルタイプ:PDF　(14px / fa-file-pdf-o)　*/

.pdf_s:before {
font-family: FontAwesome;
content:'\f1c1';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* YouTube　(20px / fa-youtube)　*/

.youtube:before {
font-family: FontAwesome;
content:'\f167';
padding: 0 5px;
vertical-align:middle;
font-size:20px;
}

/* YouTube-play　(15px / fa-youtube-play)　*/

.youtube-play:before {
font-family: FontAwesome;
content:'\f16a';
padding: 0 3px;
vertical-align:middle;
font-size:15px;
}

/* 時計　(14px / fa-clock-o)　*/

.clock:before {
font-family: FontAwesome;
content:'\f017';
padding: 0 5px;
vertical-align:middle;
font-size:14px;
}

/* 文字の後ろに外部リンクアイコンを付ける */

.external-link::after {
 font-family: "FontAwesome";
 content: "\f35d";
 color:#666; /*色*/
 padding: 0 5px;
 vertical-align:middle;
}



.arrow-alt-circle-right:before {
 content: "f35a";
 font-weight:900;
 margin: 0 0 0 0.3em;
}


/*********************************************
文字の装飾
**********************************************/

/* 文字の色 */

/* 青 */
.blue {color:#000099;}

/* 赤 */
.red {color:#ff0000;}

/* オレンジ */
.orange {color:#ff4500;}

/* 緑 */
.green {color:#006400;}

/* 濃い青緑 */
.teal {color:#008080;}

/* 灰色 */
.font_silver{color:#c0c0c0;}

/* 濃い灰色 */
.grey{color:#797979;}

/* 紫色 */
.font_violet{color:#D056E8;}

/* 奥深い紫色 */
.deepviolet{color:#990099;}




/* 文字の大きさ (デフォルト 14px) */

/* 少し大きく */
.bigger{font-size:16px;}

/* 少し小さく */
.smaller{font-size:12px;}


/* 装飾 */

/* アンダーライン */
.u{text-decoration:underline;}

/* ボールド */
.b{font-weight:bold;}

/* 下二重線 */
p.double-bottom{border-bottom: double;}



/* iPad 縦 */
@media only screen and (max-width:810px){

/*********************************************
ボックス（教皇様来日:Pope in Japan）
**********************************************/

.popeinjapan-box {
padding: 1em 1em 1em;
}

.popeinjapan_head{
margin: 0em 0em 0.5em 8em;
}

.popeinjapan_img{
width: 17%;
margin: -0.4em 0.5em 0em 0.5em;
}

/*パララックス画像高さ修正 */
.parallax {
	background-image: url('../images/news/christmas/top-img1-small.jpg');
  height: 180px;
}

.parallax p {
  font-size: 1.8em;/*サイズ2倍*/
}

/* 結婚講座用ボックス */
.box-m {
	width:15%;
}

/* フレックスボックス　トップページ（ミサの時間・告解の時間） */
.flexbox-col2-item {
  width: 100%;
}

.flexbox-col2-item:not(:last-child) {
  margin-bottom: 0.5em;
}

/* フレックスボックス　横並び2列 */
.twoColums .item  {
	width: 100%;
}
.twoColums .item ul{
  margin-right:-0.5em;
}

/* シンプルなギャラリー */
.simple_gallery_item {
	width: 100%;
}

}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

/* ご復活祭用大見出し H3 */
/* イースターエッグと見出し */

h3.easter{
font-size:18px;
padding:40px 30px 20px 0px;
padding-left:1em;
}

/*********************************************
ボックス（教皇様来日:Pope in Japan）
**********************************************/
.popeinjapan-box {
padding: 1em 1em 1em;
}

.popeinjapan_head{
margin: 0em 0em 0.5em 8em;
}

.popeinjapan_img{
width: 20%;
margin: 1em 0.5em 0em 0.5em;
}

/*********************************************
サブタイトル付き見出し(イグナチオ年)
**********************************************/
.heading_subig {
  padding-bottom: 1em;
  padding-left:8em;
  font-size:90%;
  margin-bottom: 0.5em;
  background-size: calc(2126px * 0.045); /* height */
}
.heading_subig span {
  margin-bottom: .2em;
  font-size:90%;
}

.card__titletext{
  font-size: 99.5%;
}

.card__overviewtext{
  font-size: 95%;
  line-height: 150%;
}


/*パララックス画像高さ修正 */
.parallax {
  height: 130px;
}

.parallax p {
  font-size: 1.5em;
}

/* ボックス */
.container-m{
	flex-direction: column;
}

/* 結婚講座用ボックス */
.box-m {
	width:70%;
}

/* 矢印(右を下矢印に) */
.triangle {
	width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 26px solid #cacfe8;
	margin-bottom:-5px;
}




/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){


/* クリスマス用見出し H3 */
h3.christmas{
font-size:18px;
padding:40px 30px 20px 0px;
}

/* ご復活祭用大見出し H3 */
/* イースターエッグと見出し */

h3.easter{
font-size:17px;
padding:35px 30px 20px 0px;
padding-left:1em;
}

/* イースターエッグ(icon)　*/
.egg:before{
width:30px;
height:30px;
}

/* 文字の大きさ (デフォルト 12px*0.95) */

/* 少し大きく */
.bigger{font-size:14px;}

/* 少し小さく */
.smaller{font-size:11px;}

/*********************************************
ボックス（教皇様来日:Pope in Japan）
**********************************************/
.popeinjapan-box {
padding: 0.5em 0.5em 0.5em;
}

.popeinjapan_head{
font-size:14px;
margin: 0em 0.1em 0.5em 9.3em;
}

.popeinjapan_img{
width:30%;
margin: 1em 0em 0em 0.3em;
}

/*********************************************
ボックス（トップページのお知らせ用）
**********************************************/

.information-box {
width:95%;
padding: 1em;
}

.information-box_heading{
font-size:14px;
}

.information-box_img{
width: 32%;
float:left;
margin: -0.9em 0.5em 0em 0.5em;
}

/*********************************************
/* おしらせ欄(クリスマス、シンプルな枠線)
**********************************************/

.xmas_box2 {
width: 95%;
padding: 1em;
}


.xmas_box_heading{
font-size:14px;
padding: .2em 0 .1em .7em;
margin: 0em 0em 0.5em 0.5em;
}


}

/*********************************************
主日ミサライブ配信　目次ページ用テーブル
**********************************************/

ul.streaming_table{
display: table;
width:93%;
font-size:95%;
padding:0px;
border-collapse:collapse;
border:1px solid #cacaca;
}

ul.streaming_table ol{
display:block;
}

ul.streaming_table li{
display: block;
padding:2px;
padding-left:5px;
margin: 0 !important;
}

ul.streaming_table li:nth-child(1){
background-color: #d3d3d3;
font-weight:bold
}



/*********************************************
サブタイトル付き見出し
**********************************************/
.heading_sub {
	padding-left:0.5em;
	font-size:16px;
}
.heading_sub span {
  margin-bottom: .2em;
	font-size:12px;
	font-weight:normal;
	text-shadow:none;
}


/*********************************************
サブタイトル付き見出し(イグナチオ年)
**********************************************/
.heading_subig {
  padding-left:6em;
  font-size:16px;
  margin-bottom: 0.5em;
  background-size: calc(2126px * 0.043); /* height */
}

section p,ul {font-size:95%;}
.index_l, .ul-dec, .book, .heading2 {font-size:95%;}


/*パララックス画像高さ修正 */
.parallax {
  height: 90px;
}

.parallax p {
  font-size: 20px;
}


/* フレックスボックス　横並び2列  3:1*/
.twoColums-tree-to-one .item-wide {
  width: 100%;
  }
.twoColums-tree-to-one .item-nallow {
  width: 100%;
  margin-right:-0.5em;
  }





/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:375px){


/*********************************************
ボックス（教皇様来日:Pope in Japan）
**********************************************/
.popeinjapan-box {
padding: 0.5em 0.5em 0.5em;
}

.popeinjapan_head{
font-size:14px;
margin: 0em 0.1em 0.5em 8em;
}

.popeinjapan_img{
width:32%;
margin: 1em 0em 0em 0.3em;
}


/*********************************************
ボックス（トップページのお知らせ用）
**********************************************/

.information-box {
width:95%;
padding: 1em;
}

.information-box_heading{
font-size:14px;
}

.information-box_img{
width: 32%;
float:left;
margin: -0.9em 0.5em 0em 0.5em;
}

/*********************************************
/* おしらせ欄(クリスマス、シンプルな枠線)
**********************************************/

.xmas_box2 {
width: 95%;
padding: 1em;
}


.xmas_box_heading{
font-size:14px;
padding: .2em 0 .1em .7em;
margin: 0em 0em 0.5em 0.5em;
}

/*********************************************
主日ミサライブ配信　目次ページ用テーブル
**********************************************/

ul.streaming_table{
display: table;
width:93%;
font-size:95%;
padding:0px;
border-collapse:collapse;
border:1px solid #cacaca;
}

ul.streaming_table ol{
display:block;
}

ul.streaming_table li{
display: block;
padding:2px;
padding-left:5px;
}

ul.streaming_table li:nth-child(1){
background-color: #d3d3d3;
font-weight:bold
}

/* 配信スケジュール票　幅そろえ */
ul.streaming_table .col1{width:97%;}
ul.streaming_table .col3{width:97%;}


/*********************************************
サブタイトル付き見出し
**********************************************/
.heading_sub {
	padding-left:0.5em;
	font-size:16px;
}
.heading_sub span {
	font-size:12px;
	font-weight:normal;
	text-shadow:none;
}


/*** トップページボタン2(小) **/
a.btn_02 {
  max-width:100%;
  font-size: 95%;
}


/*パララックス画像高さ修正 */
.parallax {
  height: 85px;
}

.parallax p {
  font-size: 16px;
}

.box29 > .box-title {font-size: 0.9rem;}

}