/*----CONTENTS PAGElayout------*/

div.layer_contents {
width: 100%;
padding: 0;
margin: 0;
background: #F7F0F9;
min-width: 1250px; 
}

/*---- WIDTH ------*/

ul.no-screen,ul.screen {
width: 1250px;
margin: 0 auto;
padding: 0;
list-style: none;
}

/*----(1) 全面設定----*/

ul.no-screen {
display: block;
}

ul.no-screen li {
}

/*----(2) 2面設定----*/

ul.screen {
display: flex;
}

ul.screen li.side1,ul.screen li.side2 {

}

/*--各面--*/

.side-a {
width: 400px;
margin-bottom: 20px;
background-image: linear-gradient(to top, #E4D4D5 0%, #FCF8FD 75%, #E8E3FF 100%);
}
.side-b {
background: transparent;
width: 850px;
}


/*--Contents 1面2面兼用 --*/

.contents,.contents-left,.contents-rigth {
position: relative;
overflow: hidden;
}

.contents {
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
padding-top: 15px;
border-bottom: 1px solid #F3E2AE;
}

.contents-left {
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
margin-top: 15px;
}
.contents-right {
position: relative;

padding-right: 15px;
padding-bottom: 15px;
padding-left: 40px;
margin-top: 15px;
border-bottom: 1px solid #F3E2AE;
}
.contents-top {
padding-top: 10px;
}


/*----CAPTION----*/

div.caption {
color: orangered;
font-size: 17px;
margin: 0 0 7px 0;
line-height: 24px;
padding: 0;
border: 0;
color:#d3381c;
}


div.caption a {
color: #993300;
}

div.caption a:hover {
color: #FF0066;
}

div.caption ul {
font-size: 15px;
margin: 0 0 0 20px;;
padding: 5px 0 0 0;
list-style: disc;
}

div.caption ul li {
border: 0;
}

div.caption span {
display: block;
font-size: 14px;
margin: 0;
padding: 5px 0 0 0;
color: forestgreen;
}

/*----fold----*/

div.fold {
line-height: 24px;
padding: 0;
margin: 0;
color: #582222;

}

div.fold-add {
	animation: foldAdd 2s ease 0s 1 normal;
	-webkit-animation: foldAdd 2s ease 0s 1 normal;
}

@keyframes foldAdd {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

div.fold span {display: block; }

div.fold ul {
list-style: square;
padding: 0;
}

div.fold ul li {
border: 0;
font-size; 15px;
margin: 8px 5px 0px 20px;
}
div.fold ul li div { margin: 5px 0 15px -18px; font-size: 14px;}

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

div.fold a:hover {
color: #FF0066;
}


/*-----BUTTON-----*/

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

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

.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;
}