@charset "Shift_JIS";
@import url('https://fonts.googleapis.com/css?family=Cinzel');

body {color:black;margin:0;padding:10px;
    font-family:"ＭＳ Ｐゴシック", "MS PGothic","メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:1em;	line-height:2;
	background:url(../img/bgMain.gif) repeat 50% 50% fixed;
	-webkit-text-size-adjust:100%;
}
html,body,header,footer,section,article,aside,form,figure,figcaption,h1,h2,h3,h4,h5,h6,div,p,a,ul,ol,li,dl,dt,dd, img {margin:0;padding:0;}
.wrapper {display:table;}
iframe {width:100%;}

.hide {display:none!important;}
/* page layout
============================ */
#container {width:960px;margin:0 auto;margin-top:10px!important;margin-bottom:10px!important;padding:10px 0;position:relative;background:#fff;}
header {height:auto;margin:0 auto;}
footer {clear:both;margin:0 auto;}
#main {clear:both;float:none;margin:10px auto;}
header,footer,#contents,#main {width:940px;}

#contents {clear:both;margin:10px auto;/*overflow:hidden;*/}
#contents .wrapper {margin-top:10px;}
#contents #main {float:right;width:62%;margin:10px;margin-left:0;}
#contents #sub {float:left;width:35%;margin:10px;margin-right:0;}
#contents #sub,#contents #main {border:1px solid #eee;}
.home #contents #main {float:left;border:none;margin:10px;margin-right:0;}
.home #contents #sub {float:right;border:none;margin:10px;margin-left:0;}
.times #contents #sub {width:24%;border-color:#b2ba5e;}
.times #contents #main {width:72%;}
.rebuild #contents #sub {width:26%;border-color:#3c6754;}
.rebuild #contents #main {width:70%;}

section {display:block;margin:10px auto 0;}
section section {display:block;margin:1em auto 0;padding:1em;}
.home section section {padding:0;margin-top:2em;}
.topics section section {margin:0;padding:10px;}
#main section:first-child,#sub section {margin-top:0;}
.rebuild section section {border:1px solid #ccc;}
.rebuild section section:first-child {border:none;padding:0;}

.shape {display:block;margin:0.5em;}
.home .shape {margin-top:0!important;}
.wrapper .shape {margin:2em;}
.history .shape.water {margin:0 5em;}
.topics .shape {padding:10px;border-radius:1em;}
#column {margin:2em auto;padding:1em;}
#column.mini {width:360px;border-radius:1em;margin-left:auto;margin-right:auto;}

/* shadow */
.shadow,#contents #main,#contents #sub,.rebuild .map figure img,
.home #main .shape section,.home #sub section {box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.home #contents #main,.home #contents #sub {box-shadow:none;}

/* watermark */
.water,#contents #main,#contents #sub,table,.topics .shape,blockquote {
    background-color: rgba(255,255,255,0.7);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffff,EndColorStr=#80ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffff,EndColorStr=#80ffffff)";
}
.water:not(:target){filter: none;-ms-filter: none;}

/* border radius */
#container {border-radius:5px;}
#container section .shadow,.home #main section section,.home #sub section {border-radius:8px;border:1px solid #d4d8a5;}


/* font layout
---------------------------- */
body,p,font,span,a,dt,dd,li,th,td {font-size:1em;}
.line p,#column p {line-height:2;}
.line li,.kana li,dd li,#column li {line-height:1.8;}
th,td,dt,dd,li {line-height:1.6;}
.prev {font-size:0.9em;line-height:1;}
p,p a,li,li a {vertical-align:middle;line-height:1.1;}

p {font-weight:normal;line-height:2;}
.dan p,p.dan {text-indent:1em;}
.tan,.dan .aliR,.dan .aliC,.dan .small,.dan .tan,.tan p,blockquote p {text-indent:0;}
.dan blockquote p {text-indent:1em;}

.aliL {text-align:left;text-indent:0;}
.aliC {text-align:center;margin-left:auto;margin-right:auto;}
.aliR,.writer {text-align:right;text-indent:0;}
.writer {margin:1em 0;}
.shape .writer:first-child {margin-top:0;}
@media (max-width:320px) {.writer {line-height:1.2em;}}
.prev {margin:3px 0;text-align:right;}

.clr {clear:both;}
.sort {margin:1em;}
#column .sort {margin:0.5em 1em;}

.top {margin-top:0!important;}
.btm {margin-bottom:0;}
.mt1,.dan.mt1 p {margin-top:1em;}
.p1 {padding:1em;}
.p0 {padding:0;}
.plr0 {padding-left:0;padding-right:0;}
.m1 {margin:1em;}
.m0 {margin:0!important;}
.m1auto {margin:1em;margin-left:auto;margin-right:auto;}
.mauto {margin-left:auto!important;margin-right:auto!important;}
.m1left {margin-left:1em!important;margin-right:auto;}

.floL {float:left;}
.floR {float:right;}

.rubi {font-size:0.86em;font-weight:normal;} /* ふりがな span */
.rubi:before {content:'\ff08';} /* （ */
.rubi:after {content:'\ff09';} /* ） */

.small {font-size:0.96em;}

/* border */
hr {clear:both;border:1px solid gray;border-width:1px 0 0;height:1px;margin:1em 0;}
.b_gray {border:1px solid #ccc;}
.b_none,.b_none section {border:none!important;}
.normal {border-color:gray;}
.blue {border-color:#099;}
.green {border-color:#090;}
.orange {border-color:#f60;}
.red {border-color:#c03;}
.pink {border-color:#c09;}
.purple {border-color:#609;}
.double {border-style:double;border-width:3px;}
.solid {border-style:solid;border-width:1px;}


/* link
------------------------- */
a {color:#00c;outline:none;-webkit-transition:0.5s;transition:0.5s;}
a:hover {color:#c00;transition:.8s;}
nav a,#sub a,#pagetop a,.prev a,a.win,.jamp a,footer a {text-decoration:none;}
.times #sub a,#pagetop a,.prev a {white-space:nowrap;}
p.jamp {padding:0.5em;}
@media (max-width:800px) {.times #sub a {white-space:normal;}}
.prev a {color:black;}
.prev a:after {content:'\20\3e\3e';}
a.win:before {content:'\3e\3e\20';}
a.win:hover {background:#EDD8D9;}
.jamp,.jamp a {font-size:1em;line-height:1;height:1;vertical-align:middle;text-align:right;}
.jamp a {background:rgba(255,255,255,0.7);border-radius:3px;}
.jamp {margin:0.5em;}
.jamp a:before {content:'\3c\3c\20';}
.home .jamp {margin-bottom:0;}
.home .jamp a {text-decoration:underline;background:none;}
.home .jamp a:before {content:none;}


/* h
------------------------- */
h1,h2,h3,h4,h5,h6 {text-indent:0;}
h1 img,h2 img {display:block;height:auto;margin:8px;}
h1 {text-align:left;color:#3c6754;background:#EAE4D8;background:rgba(234,228,216,0.7);border:1px solid #3c6754;border-left-width:8px;} /* page title */
.home h1 {border-width:0 5px;padding-left:8px;}
.home h1 img {margin:0 auto;}
.home #main h1 img {margin-left:0;}
.topics h1 {font-size:1.4em;padding-left:8px;font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;}
/*.times h1,.rebuild h1 {margin-bottom:10px;}*/
.times h1 span {float:right;color:black;font-size:0.45em;line-height:1;font-weight:normal;margin:0.5em;}
h2 {text-align:left;background:transparent;} /* sub title */
.history h2 {margin-bottom:1em;border:1px solid gray;background:white;background:rgba(255,255,255,0.5);border-width:1px 0;}
.times h2 {font-size:1em;padding:0.3em 0.5em;border:1px solid #3c6754;background:#EAE4D8;background:rgba(234,228,216,0.5);}
.times aside h2 {text-align:right;}
h3 {display:table;text-align:center;margin:2em auto 0;background:transparent;} /* center title no-background */
.rebuild h3 {margin-top:0;}
.kibou h3 {margin-bottom:1em;}
h4 {display:table;text-align:center;margin:0 auto 1em;} /* center title no-background margin-bottom */
.event h4 {width:12em;}
.rebuild h4 {color:#707;}
h5,h6 {font-size:1em;line-height:1;}
h5 {text-align:right;margin:0;margin-top:5px;padding:0;}
.kibou h5 {margin:0;font-weight:normal;}
h6 {text-align:left;margin-bottom:1em;}


/* list
---------------------------- */
ul,ol,dl {text-align:left;}
dt {font-weight:bold;}
li,dd {margin-left:1em;margin-top:0.5em;}
nav li {list-style-type:none;margin-left:0;}
.indexx {display:table;margin-left:auto;margin-right:auto;}
.indexx li:first-child {margin-top:0;}
.circle li {list-style-type:circle;}

/* list-style-type:kana */
.kana li {list-style-type:none;margin-left:0;margin-top:0;}
.kana li {padding-left:1em;text-indent:-1em;}

/* center block li li li... :::  1line many blocks */
#inblock {width:auto;text-align:center;margin:0 auto;padding:0;}
#inblock:before, #inblock:after {content:'';display:table;}
#inblock:after {clear:both;}
#inblock {zoom:1;}
#inblock li {display:inline-block;zoom:1;letter-spacing:normal;width:auto;margin:0;text-align:center;vertical-align:top;}
#inblock img:after {content:"\A";white-space:pre;}


/* table
------------------------- */
table {width:auto;margin:0 auto;border-collapse:collapse;border-spacing:0;}
table, table td, table th {border:1px solid #666;padding:5px;word-break:break-all;empty-cells:show;}
table td, table th {vertical-align:top;}
table table {background:none;}
table table,table table th,table table td {border:none;}
table th {text-align:center;font-weight:normal;white-space:nowrap;}
.ohtani th,.sougon th {text-align:left;}
table th img {width:100%;}
table span {padding-left:0.65em;}

table .conts {text-align:center;}
#owner th,#owner td {width:6em;text-align:center;padding:5px 0;}
#roots table {border-collapse:separate;border-spacing:2px;border:none;}
.event th {border-width:0;}
.event td {border-width:0 1px;border-bottom:1px dashed #333;}


/* image
------------------------- */
img {border:none;max-width:100%;height:auto;vertical-align:middle;}
.half figure {width:48.4%!important;margin:0 auto;margin-bottom:0!important;}
.half figure img {width:100%;margin-bottom:5px;}
figcaption {display:table;margin:0 auto;}

#column figure {text-align:center;}
#column figure img {margin:1em auto;box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
#column figure.noshadow img {box-shadow:none!important;}
.rebuild section section figure {text-align:center;margin-top:1em;margin-bottom:1em;}
.rebuild section section figure:first-child {margin-top:0;margin-bottom:0;}
.rebuild section section figcaption {font-size:0.96em;color:#333;line-height:1.4;}

/* 1line:center, 2line:left
--------------------------- */
.change-align figcaption {width:480px;vertical-align:bottom;margin:0 auto;}
.change-align .tate figcaption {width:360px;}
.change-align figcaption {text-align:center;}
.change-align figcaption span.text {display:-moz-inline-box;display:inline-block;text-align:left;}
.change-align figcaption span.center {text-align:center;}
.change-align figcaption,.change-align figcaption span.text {vertical-align:bottom;}
/* Firefox 2 and older */
.change-align figcaption span.text > span {display:block;max-width:480px;overflow:hidden;}
@media (max-width:480px) {
	.change-align figcaption {width:auto;}
	.change-align .tate figcaption {width:auto;}
}


/* blockquote	border は class で付ける
------------------------- */
blockquote {display:table;margin:1em auto;padding:1em;}
blockquote.b_bg {border:2px solid #ccc;
    background-color: rgba(240,240,240,0.6);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66eeeeee,EndColorStr=#66eeeeee);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66eeeeee,EndColorStr=#66eeeeee)";
}
.rebuild blockquote {margin-top:1em;border:1px solid #ccc;}


/* header
------------------------- */
header {position:relative;min-height:150px;}
header .inner {display:block;width:100%;height:80px;margin:0 auto;}
.home header .inner {display:block;width:100%;height:auto;margin:0 auto;}
#logo,#tel {position:absolute;display:table;top:10px;}
#logo {left:0;z-index:0;}
#tel {right:0;line-height:1.5;text-align:right;}
.home #logo {left:10px;}
.home #tel {right:10px;}
header figure {display:none;margin:0 auto;}
.home header figure {display:table;}

/* main menu
------------------------- */
header nav {width:100%;margin-top:10px;}
#menubar li,#menubar-s li {float:left;width:11.1%;line-height:1;margin:0;}
#menubar li a,#menubar-s li a {text-decoration:none;display:block;position:relative;color:#000;background:#fff;}
#menubar-s li a span {display:block;color:#401a51;font-size:18px;font-weight:bold;font-family:'Cinzel', serif; /* 冒頭で読み込んでいるGoogleFontsの指定 */}

#menubar-s {display:none;} /* menu */
#menubar_hdr {display:none;} /* 3bar */

/* main contents
------------------------- */
.history #main section {background:url(../img/bgHistory.jpg) fixed;}
.event #main section {background:url(../img/bgEvent.gif) fixed;}
.times #contents .wrapper {background:url(../img/bgTimes.png) fixed center center;clear:left;}
.ohtani #main section {background:url(../img/bgOhtani.jpg) fixed;}
.topics #main section {background:url(../img/bgTopics.gif) fixed;}
.topics.spring #contents {background:url(../img/a5.png) fixed;}
.topics.summer #contents {background:url(../img/a11.png) fixed;}
.topics.autumn #contents {background:url(../img/a3.png) fixed;}
.topics.winter #contents {background:url(../img/a19.png) fixed;}
.sougon #main section {background:url(../img/bgSougon.jpg) fixed;}
.rebuild #contents .wrapper {background:url(../img/bgRebuild.png) fixed center center;clear:left;}

/* history */
#owner #inblock li {margin:0 1px;}
#roots .gg {width:4em;}
#roots .mon {border-color:#3c6754;}
#roots .hon {border-color:#606;}
#roots .conts {color:white;background:#A8A49C;}
#roots .conts.mon {background:#3c6754;}
#roots .conts.hon {background:#606;}

/* event */
.event .conts {border-bottom:1px solid #333;}
.event .conts,.event th {background:#EAE4D8;background:rgba(234,228,216,0.7);}
.event .month {text-align:right;border-top-width:1px;}
.event .end {border-bottom-style:solid;}
.event.spring h4,.event.spring .conts,.event.spring th {color:#6D1032;background:#F9DBE6;background:rgba(188,28,84,0.3);/*#BC1C54*/}
.event.summer h4,.event.summer .conts,.event.summer th {color:#1E6D10;background:#E0F9DB;background:rgba(52,188,28,0.3);/*#34BC1C*/}
.event.autumn h4,.event.autumn .conts,.event.autumn th {color:#703B10;background:#FAECDF;background:rgba(191,103,28,0.3);/*#BF671C*/}
.event.winter h4,.event.winter .conts,.event.winter th {color:#10326D;background:#DBE6F9;background:rgba(28,84,188,0.3);/*#1C54BC*/}
.topics div.schedule {display:table;margin-left:auto;margin-right:auto;}
.topics div.schedule dt {margin-top:1em;}
.topics div.schedule dd {margin-left:0!important;}
.topics div.schedule dd table {width:100%;}
.topics div.schedule dd table th {width:20%;text-align:left;}
.topics div.schedule dd table td.event {width:20%;white-space:nowrap;}

/* ohtani */
.ohtani td ul {list-style-type:square;}
.ohtani td table td ul li {list-style-type:none;margin-left:0;}

/* rebuild */
.person h4 {float:left;width:65%;text-align:left;}
.person figure {float:right;width:30%;margin:0 0 0 0.5em;}
.person figure img {width:100%;}
.person figcaption {font-size:0.8em;white-space:nowrap;}
.rebuild blockquote .writer {margin:1em 0 0;}
.note16 h6 {display:table;border:1px solid #333;margin:1em 0 5px;padding:2px 5px;}
.note16 h6:first-child {margin-top:0;}
.note16 table,.note16 th {border:none;}
.note16 td {border-width:0 0 0 1px;}
.note16 th,.note16 .todo {white-space:nowrap;}
.note16 table .todo {width:28%;}
.note16 table caption {background:#333;color:white;font-size:1em!important;text-align:left;margin-bottom:5px;padding-left:5px;}
.rebuild .map figure img {width:98%;border:5px solid white;}
.rebuild .map figure img {box-shadow:3px 3px 3px rgba(0,0,0,0.4);}
.plan table {width:100%;margin-top:-1px;}
.plan th {text-align:left;}
.kibou table.sort,.kibou table.sort th,.kibou table.sort td{border:none;text-align:left;}
.kibou table a.win {margin-left:1em;background:rgba(200,200,250,0.2);}


/* box
------------------------- */
#main .list {margin-bottom:15px;position:relative;overflow:hidden;padding:3%;border:1px solid #ccc;}
#main .list a {text-decoration:none;display:block;overflow:hidden;padding:3%;margin:-3%;}
#main .list h4 {font-size:120%;border-bottom:solid 1px #ccc;margin-left:34%;margin-bottom:10px;}
#main .list p {padding:0;margin-left:34%;}
#main .list figure img {float:left;padding:0.6%;width:30%;border:1px solid #ccc;}
#main .list a:hover {background:#fffde7;}

/* go to pagetop
------------------------- */
#pagetop a:before {content:'PageTop';content:'\039b';}
#pagetop {position:fixed;bottom:0.5em;right:0.5em;margin:0 auto;z-index:200;}
#pagetop a {
	display:table-cell;
	width:3em;height:3em;
	text-align:center;vertical-align:middle;
	font-size:1em;line-height:1;
	color:white;background:rgba(60,103,84,0.5)/*#3C6754*/;
	font-weight:bold;
	border:2px solid rgba(60,103,84,0.1)/*#3C6754*/;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	behavior:url(PIE.htc); 
	box-shadow:0 0 3px rgba(60,103,84,0.2);
	-moz-box-shadow:0 0 3px rgba(60,103,84,0.2);
	-webkit-box-shadow:0 0 3px rgba(60,103,84,0.2);
	-o-box-shadow:0 0 3px rgba(60,103,84,0.2);
	-ms-box-shadow:0 0 3px rgba(60,103,84,0.2);
}
#pagetop a:hover {
	color:#b2ba5e;background:rgba(60,103,84,1)/*#3C6754*/;
	border-color:#345948;
	box-shadow:0 0 3px 3px rgba(52,89,72,0.2)/*#345948*/;
}
@media (max-width:620px) {
	#pagetop a {background:rgba(95,158,160,0.5);}
}

/* footer
------------------------- */
footer {font-size:1em;line-height:1;height:auto;text-align:center;vertical-align:middle;background:#b2ba5e;color:#fff;}
#copyright {display:block;padding:2px 0;}
footer p {display:inline-block;font-size:0.9em;line-height:0.9;letter-spacing:0.5px;}
footer a {color:#fff;}
footer a:hover {color:#606;}


/* 2-Column page :  times, rebuild, home
---------------------------- */
#sub dl {margin:0 0 0.5em;}
#sub dd {margin-left:0;text-align:center;}
#sub dd a,#sub dd span {display:block;margin:0 0.5em;color:white;background:#3c6754;}
#sub dd a:hover,#sub dd span:hover {color:#b2ba5e;}
#sub dd span {display:none;}
.home #sub dd {color:black;background:none;text-align:left;}
#sub dl ul {background:white;margin-left:0.5em;margin-right:0.5em;}
#sub dl li {list-style-type:none;margin-left:0;text-align:left;}
#sub dl li a {display:block;color:black;background:white;width:auto;border-left:0.5em solid #b2ba5e;margin:0;padding-left:0.5em;}
#sub dl li a:hover {color:#923e9a;border-color:#923e9a;}


/* top page
------------------------- */
#new,#info,#welcome {margin:0.5em;}
#info ul {display:table;width:100%;table-layout:fixed;}
#info li {display:block;overflow:auto;margin:0.6em;padding:5px;border:1px solid #D4D8A5;}
#info li.bg {background:#EAE4D8;}
#info li p {font-size:0.96em;line-height:2;}
#info li .fst.title {font-size:1.08em;line-height:1.2;font-weight:bold;}
#info li .fst.title img {max-width:180px;float:right;}
#info li .fst.title img.mini {max-width:120px;float:right;}
#info li .fst:before {position:relative;top:0.4em;margin-right:5px;float:left;content:url("http://www.koumyou.sakura.ne.jp/ia/monkou/img/MarkMon.png");}
#info li .fst.title:before {top:0;}
#info li .jamp:before {content:none;}
#info li table {width:55%;margin-top:0.5em;margin-left:48px;}
#info li table th {width:2.5em;}
#info li table th,#info li table td {line-height:1.2em;padding:5px 0 0;}
#info li dt:before {position:relative;top:0.2em;margin-right:5px;margin-bottom:1em;float:left;content:url("http://www.koumyou.sakura.ne.jp/ia/monkou/img/MarkMon.png");}
#info li img,#info li dt img {max-width:180px;float:right;margin-left:5px;}
#info li dd {font-size:0.96em;margin-left:50px;margin-top:0;}

#new dl {height:640px;margin:10px;padding:0;overflow:auto;position:relative;-webkit-overflow-scrolling:touch;}
#new dt {color:#3C6754;background:#EAE4D8;font-weight:bold;padding-left:0.5em;}
#new dd {margin:0.5em 0;padding-left:0.5em;line-height:1.2;}
#new dd h6 {font-weight:normal;margin:0;}
#new dd ul {margin-left:0;margin-right:0;}
#new dd ul li a {margin-top:0.5em;line-height:1.2em;text-decoration:none;}
#new .and {padding-top:0.5em;border-top:1px dashed #3C6754;}


/* pc or mobile
------------------------- */
.hide {display:none;}
aside,.mobile {display:none;}
@media (max-width:530px) {
.pc {display:none;}
aside,.mobile {visibility:visible;display:block;}
}


/* 画面幅1300px以下の設定
------------------------- */
@media screen and (max-width:1300px){

header,footer,#container,#pagetop {margin:0 auto;}
header {display:table;min-height:auto;}
/*#contents {display:table;}*/
}



/* 画面幅1000px以下の設定
------------------------- */
@media screen and (max-width:1000px){

.home #contents {width:auto;}

}



/* 画面幅800px以下の設定
------------------------- */
@media screen and (max-width:800px){

#container {width:auto;margin:10px;}
header,footer,#contents {width:auto;height:auto;margin:10px;}
header {margin-top:0;}
#menubar,#menubar-s {top:auto;width:auto;}
#main {float:none;display:block;width:auto;margin:10px;}
#contents #main {margin-right:0;width:60%;}
#contents #sub {margin-left:0;}
.times #contents #sub,.rebuild #contents #sub {font-size:90%;margin-left:10px;}
.times #contents #main,.rebuild #contents #main {margin-right:10px;}
.times #contents #sub {width:25%;}
.times #contents #main {width:70%;}
.rebuild #contents #sub {width:28%;}
.rebuild #contents #main {width:67%;}
.shape,.history .shape.water {margin:0;}
.home .shape,.wrapper .shape {margin:0.5em;}

#roots table {font-size:96%;}
#owner th,#owner td {width:5em;padding:5px 1em;}
.rebuild .shape {margin:1em;}
.person figcaption {font-size:76%!important;}

}



/* 画面幅600px以下の設定
------------------------- */
@media screen and (max-width:600px){

body {font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;}
.inner {position:relative;display:block;min-height:140px!important;}
#logo,#tel {position:absolute;}
#logo {display:block;}
#tel {display:block;top:75px;}
.home header figure {display:none;}
header nav {clear:both;margin-top:10px;}
.home #contents #main,.home #contents #sub {float:none;display:block;width:96%;margin:10px auto;}
.home #main .shape {width:100%!important;margin-left:0;margin-right:0;}
.home #sub {margin-top:2em!important;}
.times #contents #main,.rebuild #contents #main {display:block;width:auto;margin:10px 1em;}
.times #sub,.rebuild #sub {display:none!important;}
.rebuild #main .shape.mobile {display:block!important;}

#owner th,#owner td {padding:5px 0;}
.ohtani table th {white-space:normal;}
.ohtani td table th,.ohtani td table td {display:block;width:100%;padding:0;}
.ohtani td table td ul {margin-top:0;}
.ohtani td table td ul li:first-child {margin-top:0;}
.event table {font-size:90%;}
.event table th,.event table td {padding:5px 2px;}
.event table span {padding-left:0;}
.event table .day,.event table .time {white-space:nowrap;}
}



/* 画面幅530px以下の設定
------------------------- */
@media screen and (max-width:530px){

#logo {max-width:75%;}
#menubar-s {display:block;}
#menubar-s li {width:49%;margin-left:1%;margin-bottom:1%;}
#menubar {display:none;}

#menubar_hdr {display:block;z-index:20;position:absolute;top:1em;right:1em;width:30px;border:1px solid #fff;padding:12px 10px 5px;background:#B2BA5E;}
#menubar_hdr span {display:block;border-top:3px solid #fff;margin-bottom:7px;}

#menubar-s li {float:none;width:99%;margin:0 auto;margin-bottom:0;}
#menubar-s li a {padding:3px;background:#EAE4D8; /* 古いブラウザ用 */ background:rgba(234,228,216,0.7);border:1px solid #3C6754;border-top-width:0px;}
#menubar-s li:first-child a {border-top-width:1px;}
#menubar-s li.here a,#menubar-s li a:hover {color:#3C6754;background:rgba(178,186,94,0.7);}

#new h2.open {background:url(../img/btn_minus.png) no-repeat right center/34px 34px;}
#new h2.close {background:url(../img/btn_plus.png) no-repeat right center/34px 34px;}

}



/* 画面幅480px以下の設定
------------------------- */
@media screen and (max-width:480px){

header {display:block;}
footer {height:auto;}
footer p {font-size:80%;margin:5px 0;}
.inner {min-height:140px!important;}
#tel {top:65px;}
#contents #main,#contents #sub {display:block;width:100%;margin:10px 0;}
section section {padding:10px 5px;}
h1 {font-size:1.4em;padding-left:0.5em;}
h2 {font-size:1.2em;padding-left:0.5em;}
h5,h6 {line-height:1.4;}
.floL,.floR {float:none;}
.br::before {content:'\A';display:block;}

#owner #inblock li {width:100%;display:table;}
#owner table {width:auto;margin:0 auto;margin-top:-1px!important;}
#owner th,#owner td {width:4em;padding:5px 1em;-moz-text-align-last:justify;text-align-last:justify;} /* 均等割付 */
#owner td {width:3em;padding:5px 1.5em;}
#roots table {border-collapse:collapse;border-spacing:0;}
#roots .conts,#roots .empty {display:none;}
#roots th {border-right-width:0!important;}
#roots td {display:block;margin-top:-1px;margin-left:-1px;}
#roots .mon:before {position:relative;content:'\805e\5149\5bfa\ff1a';}/* 聞光寺 */
#roots .hon:before {position:relative;content:'\672c\9858\5bfa\ff1a';}/* 本願寺 */
#roots .biko:before {position:relative;content:'\5099\8003\ff1a';}/* 備考 */
#roots .mon {background:#E5EFEB;background:rgba(60,103,84,0.2);/*#3c6754*/}
#roots .hon {background:#ffe5ff;background:rgba(102,0,102,0.2);/*#660066*/}
.event table {border:none;font-size:100%;margin:0 auto;}
.event table th,.event table td {display:block;max-width:100%;}
.event table .conts {display:none;}
.event table th {empty-cells:hide!important;padding:0;}
.event table td {empty-cells:hide!important;padding:5px;}
.event table .time {empty-cells:hide!important;padding:0 2px;}
.event table .month {text-align:center!important;font-weight:bold;margin-top:1em;border-width:1px 1px 0;}
.event table .day {border-bottom-width:0!important;border-top-width:1px;font-weight:bold;}
.event table .time {border-width:0 1px;/*padding:5px 0 5px 1em;*/padding-left:1em;}
.event table .schedule {border-width:0 1px;padding-left:1em;}
.event table .schedule.end {border-bottom-width:1px;}
.times section section {padding:0;}
#column.mini {width:auto;}

.rebuild .shape {margin:1em 5px;}
.rebuild table {margin-left:0;margin-right:0;}
.rebuild th,.rebuild td {display:block;width:100%;padding-left:0;padding-right:0;}
.person h4 {margin-top:-1em!important;line-height:1.4;}
.person figure {float:none;width:60%;margin:0 auto;}
.note16 section {padding:0;}
.note16 h6 {display:block;padding:8px 5px;}
.note16 th,.note16 td {padding-left:0;padding-right:0;}
.note16 th {background:rgba(0,0,0,0.1);padding:2px;}
.note16 td.todo {font-weight:bold;}
.note16 td {border-width:0;}
.kibou h5 {font-size:90%;}
.kibou section h6.line {display:block;border:1px solid #ccc;padding:8px 5px;}
.kibou th {font-weight:bold;background:rgba(0,0,0,0.1);}
.half figure {width:100%!important;}
.rebuild .plan table,.rebuild .plan table th,.rebuild .plan table td {border:none;}
.rebuild .plan th {background:rgba(0,0,0,0.1);padding-left:3%;width:97%;}
.rebuild .plan h6 {margin-top:1em;}
}




/* 画面幅360px以下の設定
------------------------- */
@media screen and (max-width:360px){

#tel {top:55px;}

}