@charset "UTF-8";

/*---------------------------
- Title: Layout Module
- Modified by: Masanori Kobayashi
- Last modify: 2014.0916
- Licence: MIT Licence
---------------------------*/

body {
	margin: 0 auto;
}

.wrapper{
	background-color:#93e5cc;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	height:100%;
}

/*=====================================
　　header_top
=====================================*/
#header_top{
	background-color:#333;
	margin:0;
	padding:5px 0;
	text-align:center;
	max-height:30px;
}
.tenrikyo_id{
	height:20px;
}
#header_top2{
	background-color:#068fc9;
	margin:0;
	padding:3px 0;
	text-align:center;
	max-height:30px;
}
#header_top2 a img{
	width:180px;
}
#header_top3 a img{
	margin:3px 0 0;
	width:130px;
}
#header_top3{
	width:100%;
	background:url('../images/bg_keiji-kyoku.png')no-repeat;
	background-position:center center;
	background-size:cover;
	margin:0;
	padding:0px 0;
	text-align:center;
	max-height:30px;
}
.header_top3_left{
	width:50%;

	float:left;
/*	background:#068fc9;*/
	text-align:right;
}
.header_top3_right{
	width:50%;
	float:right;
/*	background:#22c7d6;*/
	text-align:left;
}
#header_top3:after{
	content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}


a .title_name{
	color:#fff;
	font-size:120%;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight:600;
}
a:hover .title_name{
	color:#ccc;
}
#header{
	width:100%;
	margin:0;
	padding:0;
}
/*
#header:after{
	content: ".";
	display: block;
	visibility: hidden;
}
*/
.mainIndex .header_title #site_id_area,.single_info-page #site_id_area{
	background:url('../images/bg_shita_top.png');
	background-color:#22c7d6;
	width:100%;
	height:72px;
	margin:0;
	padding:0;
}
#site_id_area h1{
	text-align:center;
	padding:22px 0 0;
	color:#fff;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight:600;
	font-size:34px;
	-moz-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	-webkit-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	-ms-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}
#shitaya_top{
	background:url('../images/shitaya_kyoku.png') no-repeat;
	height:0px /*22px*/;
	background-position:center -1px;
}
.cat-page .header_title #site_id_area_shibu,.single_info-page #site_id_area_shibu{
	background-color:#81cfd6;
	width:100%;
	height:72px;
	margin:0;
	padding:0;
}
#site_id_area_shibu h1{
	text-align:center;
	padding:22px 0 0;
	color:#fff;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight:600;
	font-size:34px;
	-moz-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	-webkit-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	-ms-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}
#shitaya_top_shibu{
	background:url('../images/shitaya_shibu.png') no-repeat;
	height:22px;
	background-position:center -2px;
}

.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10000;
}

#post_area table{
	width:100% !important;
}

/*=============================

 掲示板　カテゴリページで投稿が一つしかない時

===============================*/
#post_area .when00001 ul#index_waku{
	display:none;
}
#post_area .when00001 .snsArea{
	display:none;
}
/*=============================

 掲示板　カテゴリページでのSNSマーク

===============================*/
div.snsArea{
	margin:15px 0;
}
/*=============================

 過去記事アテンション

===============================*/
.nextpost{
	width:100%;
	background-color:#2cb4ad;
	border-radius:8px;
	margin-bottom:20px;
}
.nextpost:after{
	display:block;
	content:" ";
	height:0;
	clear:both;
}
.previous,.older{
	float:left;
	line-height:1.5em;
	width:40%;
	height:auto;
	padding:15px;
	font-size:95%;
	color:#fff;
	margin:5px 0 10px;
}
.next,.newer{
	float:right;
	line-height:1.5em;
	width:40%;
	height:auto;
	padding:15px;
	font-size:95%;
	text-align:right;
	margin:5px 0 10px;
}

.nextpost a,.newer a,.older a{
	color:#fff;
}

/*=============================

　枠

===============================*/
.futokei{
	background:#ffffff;
border:6px #bbbbbb solid;
margin:10px 0 20px;
padding:15px;
}
/*=============================

　パンくずリンク

===============================*/
/*
#breadcrumb{
	display:none;
}
*/

/*　サブミットボタン　*/
.reg-page .topicPath{
　　　font-size:85%;
}
.reg-page .topicPath a{
　　　color:#002067;
}
.reg-page .topicPath a:hover{
　　　color:#002067;
}

/*=============================

　イベントテーブル表示

===============================*/
.select_show2{
	display:none;
}
table.event_table{
	width:100%;
	border:2px #bbb solid;
}
table.event_table th{
	background:#ddd;
	font-weight:600;
	text-align:left;
	vertical-align: top;
	white-space: nowrap;
	padding:5px;
	border-bottom:solid #aaa 1px;
}
table.event_table td{
	background:#fff;
	text-align:left;
	vertical-align: top;
	padding:5px;
	border-bottom:dotted #aaa 1px;
}
th.event_title{
	background-color:#efefef !important;
	font-size:108%;
	border-bottom:double 4px #bbb !important;
}

/*=============================

　動画埋め込み

===============================*/
/*　動画　*/
.movie{
  max-width: 640px; /* 最大幅 */
/*  min-width: 360px;  最小幅 */
/*  margin: 2.0833% auto;*/
  margin:2% auto;
}
.youtube{
  position: relative;
  padding-bottom: 61.25%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*=============================

　GoogleMap使用の場合

===============================*/
.map_area{
	margin:30px 0;
}

/* アクセス（地図）　*/
.google-maps{
	position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    margin-bottom:0px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (max-width: 768px) {
  .google-maps {
    padding-bottom: 75%;
    margin-bottom:-25%;
  }
}

/* ようこそおかえりbooks  アクセス（地図）　*/
.okaeri-maps{
	position: relative;
	width:100%;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    margin-bottom:0%;
}
.okaeri-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
max-height: 100% !important;
}

@media only screen and (max-width: 768px) {
  .okaeri-maps {
    padding-bottom: 100%;
    margin-bottom:0%;
  }
}
@media only screen and (max-width: 480px) {
  .okaeri-maps {
    padding-bottom: 130%;
    margin-bottom:0%;
  }
}

/*=============================

　QA

===============================*/
.qa{
	vertical-align:middle;
}
.qqq{
	border-bottom:dotted 3px #ccc;
}

.aaa{
	background-color:#D3DEF1;
	padding:30px;
	margin-bottom:30px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;

}
/*=============================

　折りたたみボタン

===============================*/
.oritatami_area{
	margin:0;
	padding:0;
}
.oritatami_area2{
	margin:0;
	padding:0;
}
/*.b_oritatami{
   margin:0;
   padding:0 20px;
   font-size:90%;
}*/

/* 囲み内本文*/
.kakomi_honmon{
    margin:0;
    padding:0 20px 20px;
    font-size:90%;
    line-height: 1.8em;
}
.kakomi_honmon2{
    margin:0;
    padding:0 20px 0px;
    font-size:90%;
    line-height: 1.8em;
}

/*=============================

　タブ(はじめての方と同じ方式)

===============================*/

/* タブ 横レイアウト 3アイテム（tabmenu.js） */

#tabwrap {
background: #fff;
overflow: hidden;
width: 100%;
min-height: 300px;
margin: 20px auto 0;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6p 0 0x;
    -moz-border-radius: 6px 6px 0 0;
}
#tabs3 {
overflow: hidden;
background: #fff;
}
#tabs li {
list-style: none;
float: left;
display: block;
}
#tabs3 li {
list-style: none;
float: left;
display: block;
width: 33%;
width: 310px\9 ;  /* ie8 */
margin-right: 0.5%;
margin-right: 10px\9 ;  /* ie8 */
}
#tabs3 li:last-child {
margin-right: 0;
}
/* ie8 */
#tabs3 li.end {
margin-right: 0\9 ;  /* ie8 */
}
body.ie7 #tabs3 li.end {
width: 32.6%;
margin-right: 0;
}
#tabs3 li a {
float: left;
display: block;
padding: 14px 0 12px;
width: 100%;
color: #fff;
font-size: 18px;
font-weight: 400;
text-decoration: none;
text-align: center;
background: #d5d5d5;
border: 1px solid #d5d5d5;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6p 0 0x;
    -moz-border-radius: 6px 6px 0 0;
}

#tabs3 li a:hover { background: #b7b7b7; }
#tabs3 li:first-child a { border-left: 0; }
#tabs3 li:last-child a { border-right: 0; }

#tabs3 li.current a {
color: #717071;
background: #fff;
border: 1px solid #d5d5d5;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6p 0 0x;
    -moz-border-radius: 6px 6px 0 0;
}

#tabs3content > div {
clear: both;
overflow: hidden;
padding: 20px 0;
line-height: 1.47;
display: none;
font-size: 108%;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}

#tabs3content .current { display: block; }
#tabs3content #home.first { display: block; }
#tabs3content p { margin: 0 0 20px 0;}

/* タブ 横レイアウト 2アイテム（tabmenu.js） */
#tabwrap {
background: #fff;
overflow: hidden;
width: 100%;
min-height: 300px;
margin: 20px auto 0;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0x;
    -moz-border-radius: 6px 6px 0 0;
}
#tabs2 {
overflow: hidden;
background: #fff;
}
#tabs li {
list-style: none;
float: left;
display: block;
}
#tabs2 li {
list-style: none;
float: left;
display: block;
width: 49.5%;
width: 470px\9 ;  /* ie8 */
margin-right: 1%;
margin-right: 10px\9 ;  /* ie8 */
}
#tabs2 li:last-child {
margin-right: 0;
}
/* ie8 */
#tabs2 li.end {
margin-right: 0\9 ;  /* ie8 */
}
body.ie7 #tabs2 li.end {
width: 49.3%;
margin-right: 0;
}
#tabs2 li a {
float: left;
display: block;
padding: 14px 0 12px;
width: 100%;
color: #fff;
font-size: 18px;
font-weight: 400;
text-decoration: none;
text-align: center;
background: #d5d5d5;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6p 0 0x;
    -moz-border-radius: 6px 6px 0 0;
}

#tabs2 li a:hover { background: #b7b7b7; }
#tabs2 li:first-child a { border-left: 0; }
#tabs2 li:last-child a { border-right: 0; }

#tabs2 li.current a {
color: #717071;
background: #fff;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6p 0 0x;
    -moz-border-radius: 6px 6px 0 0;
}

#tabs2content > div {
clear: both;
overflow: hidden;
padding: 20px 0;
line-height: 1.47;
display: none;
font-size: 108%;
border-top: 1px solid #eee;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}

#tabs2content .current { display: block; }
#tabs2content #home.first { display: block; }
#tabs2content p { margin: 0 0 20px 0;}


/**/
ul#slider li.slides{
	width:640px;
	height:480px;
}
ul#slider li.slides img{
	width:90%;
	height:480px;
}
#carousel .slides{
	width:20%;
	height:auto;
}

/* table */
table.table100{
	width:auto;
}
.table100 th{
	padding:5px;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	border-bottom:dotted 1px #ccc;
}
.table100 td{
	padding:5px;
	vertical-align:top;
	text-align:left;
	border-bottom:dotted 1px #ccc;
}

/* ===========================================
MediaQueries
=========================================== */
@media screen and (max-width: 1024px) {
.listarea,
.listarea ul {
width: 100%;
}
/*.listarea ul li {
width: 30%;
}*/
}
@media screen and (max-width: 768px) {
.listarea ul li {
width: 47%;
}
}
@media screen and (max-width: 468px) {
.listarea ul li {
width: 95%;
}
}

/* ===========================================
MediaQueries
=========================================== */
@media screen and (min-width: 768px) {
.listarea_movie ul li {
width: 29.2%;
}
}
@media screen and (max-width: 768px) {
.listarea_movie ul li {
width: 31%;
}
}
@media screen and (max-width: 468px) {
.listarea_movie ul li {
width: 48%;
}
}

/* =======================================
ClearFix
======================================= */
ul:before,
ul:after {
content: " ";
display: table;
}
ul:after {clear: both;}
ul {*zoom: 1;}

/*=============================

　中央　固定ページの読み込み

===============================*/
/* 教区情報タイトル　支部情報タイトル　*/
#main h1{
	margin:0 0 20px;
	font-size:20px;
	font-weight:400;
	color:#143863;
	border-left:6px solid #143863;
	text-indent:10px;
}
.data_box_profile{
	margin:20px ;
}
/*
#profile_area h1,#post_area h1{
	height:50px;
	margin:0 0 20px;
	padding:15px 0 0;
	font-size:250%;
	font-weight:400;
}
*/
.bn_button{
	border:1px solid #dddddd;
	padding:15px 20px;
	background:#f8f8ff;
	font-size:125%;
	font-weight:600;
}

.button.button--kaijoichiran {
    display: inline-block;
    margin: 0 14px 14px 0;
    padding: 10px;
    background: #eee;
    border: solid 1px #ccc;
    line-height: 1;
}
.button.button--kaijoichiran:after {
    content: "▼";
    transform: rotate(270deg);
    display: inline-block;
    margin-left: 5px;
    font-size: 0.84em;
    line-height: 1;
}

/*　支部情報の一つの項目　*/
.table_list th,.table_list td{
	border-bottom:1px #ffffff solid;
	padding:2px;
	border-collapse: 3px;
}
.table_list th{
	font-size:90%;
	font-weight:600;
	text-align:left;
	width:80px;
}

/*　投稿記事中のテーブル表示　*/
div.ts-report th,div.ts-report td{
	border-bottom:1px #888 solid;
	padding:2px;
}
div.ts-report th{
	font-size:90% ;
	font-weight:600 ;
	text-align:left ;
	width:80px !;
}
div.ts-table th,div.ts-table td{
	border:1px #888 solid;
	padding:2px 5px;
}
div.ts-table th{
	font-size:90%;
	font-weight:600;
	text-align:left;
	width:80px;
}

.free_box h2{
	font-size:130%;
	font-weight:600;
	color:#cc0066;/* 紫　*/
/*	background-color:#bfefdb;*/
}
.free_box h3{
	font-size:120%;
	font-weight:600;
}
.free_box h4{
	font-size:110%;
	color:#ff0000;/* 赤　*/
}
.free_box h5{
	font-size:110%;
	color:#4682b4;/* 青　*/
}
.free_box h6{
	font-size:110%;
	color:#336600;/* 緑　*/
}
.free_box hr{
	margin:20px 0;
}
.data_box > * {
	max-width: 100%;
}
.data_box a h2,.data_box h2{
	font-size:130%;
	background-color:#bfefdb;
}
.information_single_day{
	text-align:right;
	font-size:90%;
	color:#bbb;
}
.data_box ul#index_waku{
	border-bottom:1px dotted #222;
	display:block;
	overflow:hidden;
	height:100%;
	font-size:90%;
}
.data_box ul#index_waku li.index_date{
	float:right;
	text-align:right;
	font-size:90%;
	color:#aaa;
}
.data_box ul#index_waku li.index_category{
	float:left;
	text-align:left;
}
.data_box p{
	margin:10px 0 25px;
}

div.back_area{
	display: block;
	text-align: right;
	margin-bottom:20px;
}
div.back_area:after{
	content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.b_back{
	float:right;
	background-color:#2cb4ad;
	border-radius:8px;
	line-height:1.5em;
	width:40%;
	height:auto;
	padding:8px 15px;
	font-size:95%;
	text-align:center;
	margin:5px 0 10px;
}
a .b_back{
	color:#fff;
	font-weight:600;
}
a:hover .b_back{
	color:#ccc;
}

/*=============================

　SNSボタン

===============================*/
.sns snsArea{
	width:100% !important;
}
ul.sns__lists{
	margin:0;
	padding:0;
	width:100% !important;
}
li.sns__list{
	display:inline-block;
	padding:0;
}
a.sns__list__linkButton{
	height:20px;
	margin:0;
	padding:0;
}
a.facebook img{
	width:71px;
	height:20px;
}
a.twitter img{
	width:74px;
	height:20px;
}
a.line img{
	width:85px;
	height:20px;
}

/*=============================

　サイドメニュー

===============================*/
#side_left h3,#side_right h3,#side_bottom h3{
	width:100&;
	margin:0 0 0px 0px;
	padding:3px 6px;
	background:#bfefdb;
	color:#333;
}
.side_01 ul{
/*	display:block;*/
	margin:0 0 0px 10px;
}
.side_01 ul li{
	display:inline-block;
	margin:0 20px 0 0;
}

.side_01{
	background:#fff;
/*	border-radius:6px;*/
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	padding:5px 10px 5px;
	margin:0 auto 20px;
	width:100%;
}

.book-item a img{
	max-height:176px !important;
}
/*=============================

　フッター

===============================*/
#footer{
	min-height:200px;
}
p#copyrights{
	margin: 20px 0;
	padding:0;
	width:98%;
	font-size:88%;
	color:#eee;
	text-align: center;
}

/*=============================

　ひのきしんデー会場一覧

===============================*/
/* ひのきしんデー会場一覧 */
.data_box.contentsArea {
    background: white;
    margin-bottom: 40px;
}

table.contentsTable {
    width: 100%;
    line-height: 2;
    display: block;
    position: relative;
}

table.contentsTable thead {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	padding-right: 20px;
}

table.contentsTable thead tr {
    width: 100%;
	border-bottom: solid 1px #beeedb;
    display: table;
}

table.contentsTable tbody tr {
    border-bottom: solid 1px rgba(100,100,100,0.1);
	width: 100%;
	display: table;
}

table.contentsTable th,table.contentsTable td {
    padding: 2px 5px;
    line-height: 1.5em;
    vertical-align: top;
}

table.contentsTable .contentsTable__info {
    min-width: 70px;
    font-size: 0.92em;
    width: 20%;
}

table.contentsTable .contentsTable__dateTime {
    font-size: 0.92em;
	padding-left: 13px;
	text-indent: -8px;
}

table.contentsTable th {
    color: #00cfa3;
}

.contentsTable__shibu {
    min-width: 60px;
}

.contentsTable__dateTime {
    min-width: 105px;
    width: 30%;
}

td.contentsTable__dateTime small {
    display: block;
}

td.contentsTable__dateTime small.datediff {
    color: #fb8c00;
}

.contentsTable__place {
    min-width: 160px;
    width: 50%;
}

.tableresize {
    position: relative;
    display: block;
	margin: 24px auto;
    border: solid 4px #90e6cc;
    width: 18px;
    height: 18px;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    top: 0px;
    transition: all 0.5s ease;
}

.tableresize.on {
    transform: rotate(225deg);
    top: 10px;
}

table.contentsTable.contentsTable--large tbody {
    max-height: 400px;
}

.contentsTable tbody {
    position: relative;
    top: 26px;
    display: block;
    overflow-y: scroll;
    max-height: 200px;
    transition: max-height 0.5s ease;
	padding-right: 20px;
}

.printButton {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    top: 4px;
    right: 20px;
    border: solid 1px #174fe7;
    background: #fff;
    border-radius: 50%;
}

.printButton:hover {
    opacity: 1;
    background: #E3F2FD;
}

.printButton:hover img {
    opacity: 1;
}

@media screen and (max-width: 480px){
    .data_box.contentsArea {
        padding-left: 10px;
        padding-right: 10px;
    }

	table.contentsTable thead {
		padding-right: 0;
	}

	table.contentsTable .contentsTable__dateTime {
		padding-left: 6px;
		text-indent: -3px;
	    min-width: 8em;
	}

	table.contentsTable.contentsTable--katsudobi tbody {
		padding-right: 0;
	}
	table.contentsTable.contentsTable--katsudobi .contentsTable__place {
		width: auto;
	}

}

/**** 投稿エリア内 ****/
.data_area.post_area,.data_box_profile {
	line-height: 1.5;
}
.data_area.post_area > h1,
.data_area.post_area > h2,
.data_area.post_area > h3,
.data_box_profile > h1,
.data_box_profile > h2,
.data_box_profile > h3 {
	margin-top: 20px;
    margin-bottom: 20px;
}
.data_area.post_area > h4,
.data_area.post_area > h5,
.data_area.post_area > h6,
.data_box_profile > h4,
.data_box_profile > h5,
.data_box_profile > h6 {
	margin-top: 10px;
    margin-bottom: 10px;
}
.data_area.post_area > p,
.data_box_profile > p {
    margin-bottom: 10px;
}

/**** バナーエリア ****/
.addBannerWrap {
    margin: 40px auto;
}

.addBannerWrap * {
	display: block;
}

@media all and (max-width:480px){
	.addBannerWrap {
	    margin: 20px auto;
	}
}

/* 投稿内pre */
#post_area pre {
	white-space: pre-wrap;
	line-height: 1.5;
	font-size: 13px;
	font-family: inherit;
}

/* ようぼく活動日 table */
table.yoboku-katsudobi-table th {
	vertical-align: baseline;
	white-space: nowrap;
}

table.yoboku-katsudobi-table td {
	word-break: break-all;
}