/*----CONTENTS layout------*/

/*----[A]共通----*/
div.layer_contents { padding: 0; margin: 0; background: #ECEAE3;}

/*----[B]SCREEN---- */
/*----(1) 全面設定----*/
ul.no-screen {
display: block;padding: 0;list-style: none;
}
ul.no-screen li {}
/*----(2) 2面設定 WIDTH----*/
ul.screen {display: table;list-style: none; background: transparent;}
ul.screen li {display: table-cell;vertical-align: top;}
/*--各面--*/
ul.screen li.side1 { width: 30%; padding: 20px 0;}
ul.screen li.side2 { width: 70%; padding: 20px 0;}
.side-a {background-image: linear-gradient(90deg,#E4EEFF 0%, #fff 100%);}
.side-b {background: #fff;}

/*---[C] CONTENTS -left & -right 共通---*/
.contents,.contents-left,.contents-right { position: relative; }

/*--(1)全面 TOPと中のページは共通--*/
ul.no-screen li div.contents {padding: 15px 0; border-top: 1px solid tan;}
/*-- (2) 2面 TOP --*/
.contents-left {padding: 0;}
.contents-right {padding: 0;}
/*-- (2) 2面 中のページ --*/
ul.screen li div.contents {padding: 20px; margin: 0;}
ul.screen li.side1 div.contents { border-top: 1px solid tan;}
ul.screen li.side2 div.contents { border-top: 1px solid tan;}

/*--- [D] CONTENTS-TOP 全面 または 2面 TOP 中のページ ---*/
ul.no-screen li div.contents-top,ul.screen li.side1 div.contents-top,ul.screen li.side2 div.contents-top  { padding-top: 2px; border: none;}


/*----CAPTION----*/
div.caption { color: #3289C0; font-size: 18px; margin-bottom: 2px; line-height: 24px; border: 0;background-image: linear-gradient(180deg, #E4EEFF 0%, #F0F5FF 100%); margin: 0 1px; padding: 8px 7px;}
div.caption a { color: #006699;}
div.caption a:hover {color: #FF0066;}
div.caption span {display: block;font-size: 17px;margin: 0;padding: 5px 0 0 0;color: #0066CC;}

/*----fold----*/
div.fold {padding: 20px 10px;margin: 0;font-size: 1.2em;color: #533B43;line-height: 25px;}
div.fold section { margin: 10px 0 0 0; font-size: 1.24em; color: tomato; font-weight:bold;}
div.fold article { margin: 10px 0 0 0; font-size: 1.24em; color: #3f312b; font-weight:bold;}
div.fold aside { margin: 10px 0 0 0; font-size: 1.24em; color: saddlebrown; font-weight:bold;}

/*---ROW---*/
div.fold ul.row { display: table; margin: 5px -12px; padding: 0; list-style: none; width: 100%;}
div.fold ul.row li { display: table-cell;font-size: 1.0em; vertical-align: top; position: relative;}
div.fold ul.row li.left { width: 30%; color:#513609; font-size:1.05em; background: rgba(100,50,0,0.2);}
div.fold ul.row li.left img { width: 100%; max-width: 350px;}
div.fold ul.row li.left a.denwa { color: #513609; cursor: auto;}
div.fold ul.row li.right { width: 70%; color: #62542D;}
div.fold ul.row li.left span { display: block; padding: 12px 18px;}
div.fold ul.row li.right span { display: block; padding: 12px 18px 12px 40px;}
div.fold ul.row li.left img.qr1,div.fold ul.row li.left img.qr2 { width: 120px;}

div.fold ul.row-t { display: table; margin: 5px -12px; padding: 0; list-style: none; width: 100%;}
div.fold ul.row-t li { display: table-cell;font-size: 0.97em; vertical-align: top; position: relative;}
div.fold ul.row-t li.left { width: 30%; color:#513609;}
div.fold ul.row-t li.left img { width: 100%; max-width: 350px; margin-top: 8px;}
div.fold ul.row-t li.left a.denwa { color: #513609; cursor: auto;}
div.fold ul.row-t li.right { width: 70%; color: #62542D;}
div.fold ul.row-t li.left span { display: block; padding: 12px 18px;}
div.fold ul.row-t li.right span { display: block; padding: 12px 18px 12px 40px;}

div.fold ul.row li.right span span.subtitle, div.fold ul.row-t li.right span span.subtitle { color: #e45e32; font-size: 25px; border-bottom: 3px dotted forestgreen; padding: 0 0 7px 0; margin: 0 0 23px 0;}
div.fold ul.row li.right span span.head, div.fold ul.row-t li.right span span.head { color: #95483f; font-size: 18px; padding: 0 0 12px 0; margin: -8px 0 0 0;}
div.fold article i { color: orangered; font-size:28px; margin: 0 10px 0 0; vertical-align: bottom;}

div.fold ul.row-t-large { display: table; margin: 5px -12px; padding: 0; list-style: none; width: 100%;}
div.fold ul.row-t-large li { display: table-cell;font-size: 0.97em; vertical-align: top; position: relative;}
div.fold ul.row-t-large li.left { width: 40%; color:#513609;}
div.fold ul.row-t-large li.left img { width: 80%;}
div.fold ul.row-t-large li.right { width: 60%; color: #62542D;}
div.fold ul.row-t-large li span { display: block; padding: 14px 18px;}

div.fold ul.row-t-long { display: table; margin: 5px -12px; padding: 0; list-style: none; width: 100%;}
div.fold ul.row-t-long li { display: table-cell;font-size: 0.97em; vertical-align: top; position: relative;}
div.fold ul.row-t-long li.left { width: 100%; color:#513609;}
div.fold ul.row-t-llng li.right { width: 0%; color: #62542D;}
div.fold ul.row-t-long li span { display: block; padding: 14px 18px;}

div.fold ul.time { display: table; margin: 0 0 0 40px; padding: 0; list-style: none; width: 75%; border-width: 1px 1px 0 0 ; border-style: solid; border-color: grey;}
div.fold ul.time-bottom { border-bottom: 1px solid grey;}
div.fold ul.time li {
display: table-cell;
font-size: 0.97em;
padding: 8px 5px;
vertical-align: middle;
position: relative;
border-width: 0 0 0 1px ; border-style: solid; border-color: grey;
width: 12%;
background:#fff;
text-align:center;
}
div.fold ul.time li.left {border-style: solid; border-color: grey; width: 28%; color:#513609; background:gold;text-align:left;}

/*-----absolute用-----*/
.open-fold,.close-fold {
outline:none;
position: absolute;
top: 20px;
left: 0;
z-index: 999;
width: 100%;
background: transparent;
border: 0;
text-align: right;
padding-right: 12px;
cursor: pointer;
}

.open-fold {
display:block;
color: #417038;
margin:1px 0 0 0;
}

.close-fold {
display:inline-block;
color: #339900;
margin:1px 0 0 0;
}

/*-----ICON------*/

.i-top-r {
color: #FF3300;
margin-right: 5px;
}

.i-top-b {
color: #00CC99;
margin-right: 5px;
}

.i-top-g {
color: #00CC33;
margin-right: 5px;
}

iframe.calendar { float:left; border: none; width:330px; height:405px; margin: 0 10% 0 0;}