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

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

/*----[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%px; padding: 20px 0;}
/*--各面色--*/
.side-a {background: #fafaf5;}
.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: 20px 0;}
.contents-right {padding: 20px 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: 20px; border: none;}


/*----CAPTION----*/
div.caption { color: #543f32; font-size: 19px; margin-bottom: 10px; line-height: 24px; border: 0; padding:0 25px;}
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: 0;margin: 0;font-size: 15px;color: #3f312b;line-height: 25px; padding:0 25px;}
/*--自動UL--*/
div.fold ul {display: block;list-style: square;color: deeppink;margin: 0 0 0 24px;padding: 0;}
div.fold ul li {display: list-item;color: deeppink;border: 0;padding-top: 3px;margin-bottom: 3px;}
div.fold ul li span {display: block;color: #304646;}

/*-----------SQUARE------------*/
div.fold ul.square {display: table; width: 100%; margin:0 -10px; list-style: none;}
div.fold ul.square li {display: table-cell; padding:0; width: 25%; }
div.fold ul.square li a {display: block; height: 220px; border: 1px solid #ae9c85; border-radius: 9px; background-image: linear-gradient(180deg, #fff 0%, #fff 25%, #ffefbefc 100%); margin: 0 10px;padding:0;overflow: hidden;}
div.fold ul.square li a:hover { background-image: linear-gradient(180deg, #fff 0%, #f6a766 100%);}
div.fold ul.square li a span.up {display: block; background: #F1ECDD; padding: 10px 0; margin: 0; color: #715c1f; font-size: 17px; text-align: center; }
div.fold ul.square li a span.dw {display: block; padding: 13px 18px; color: #715c1f; font-size: 14px; line-height: 23px;}
div.fold ul.square li a span.dw span { display: inline-block;}
div.fold ul.square li a span.dw img {margin: 12px -36px 0 -18px; width: 110%;}
div.fold ul.square li a span.dw span { display: inline; color: deeppink;}

div.fold a {display: inline-block;color: forestgreen;border-bottom: 1px dotted #ccc;}
div.fold a:hover {color: #FF0066;}

/*---calendar---*/
.calendar {float:right;width: 410px; height:420px; margin: -50px 10px 0 20px;}


/*-----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;
}

/*----oritatami----*/
.oritatami {display: inline-block; text-align:left; margin: 5px -3px; padding:4px 3px;border-width: 0 0 2px 0; border-style: dotted; border-color: #EAC0FF; color:#3f312b; font-size:15px; background: none; cursor:pointer;}
.oritatami i {color: deeppink;}
.oritatami-close { display:none;}
.oritatami-naka {display:none; margin: 0 0 15px 0; padding: 10px 0 20px 0; border-bottom:1px solid #EAC0FF;}

/*--topics--*/
.topics { display: block; font-size: 18px; padding: 20px 0 30px 0; margin: 0;}
.wrapping {display: grid;  grid-template-columns: 450px 450px;}
.wrapping div {padding: 0 45px 0 0;}
.wrapping div img {width:100%; margin-bottom:15px;}
.wrapping div p { font-size: 19px; color: deeppink; padding: 0; margin: 0 0 20px 0;}