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

/*----[A]共通----*/
div.layer_contents { 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: 27%; padding: 20px 0;}
ul.screen li.side2 {width: 73%; padding: 20px 0;}
/*--各面色--*/
.side-a {background: #f3f3f3;}
.side-b {background: #fff;}

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

/*--(1)全面 TOPと中のページは共通--*/
ul.no-screen li div.contents {padding: 20px 0;}
/*-- (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: 30px; border: none;}

/*----CAPTION----*/
div.caption { color: #543f32; font-size: 19px; margin-bottom: 10px; line-height: 24px; border: 0;}
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: 16px;color: #3f312b;line-height: 25px;}
.box1 span { display: block; color: #554422; line-height: 25px;}

.wrap1 {display:grid; grid-template-columns: 1fr 2fr; padding: 0 0 50px 0;}
.wrap1 div { vertical-align: top; padding: 0 12% 40px 0; font-size: 23px; color: #c2b79c;}
.wrap1 div span { display: block; padding: 17px 0 0 0;font-size: 1.01rem; color: #635211;}
.box1 { grid-row: 1/3;}

.latest { display: block; font-size: 13px; color: #B0A05E;}

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

div.fold ul.news-update { display:block; list-style:none; margin: 13px 5% 0 -7px; padding: 10px 0 0 0; width:100%;}
div.fold ul.news-update li { display: block; padding: 0; margin: 0; border-top: 3px dotted #9acd32;}
div.fold ul.news-update li span {display: block;color: #554f11; padding: 20px 7px;}
div.fold ul.news-update li span::before { content: '■'; color: deeppink; font-size: 10px; margin-right: 7px; vertical-align: top;}
/*-----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;
}