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

div.layer_contents {
width: 100%;
padding: 0;
margin: 0;
background: floralwhite;
}
/*---- ADD ------*/
.timeleft td{
background:#f6d365;
}

.kyuusin{
padding-top:0px;
font-size: 11px;
color:#666600;
margin-top:-14px;
}

.globalsign{
display:none;
}

.maphide3{
overflow:hidden;
height:200px;
}
.maphide4{
border:0;
width:100%;
min-width:290px;
height:400px;
margin-top:-100px;
}

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

ul.no-screen,ul.screen {
width: 1150px;
margin: 0 auto;
padding: 20px 0;
list-style: none;
background: floralwhite;
}

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

ul.no-screen {
display: block;

}

ul.no-screen li {
}

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

ul.screen {
display: flex;
overflow:hidden;
}

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

}

/*--各面--*/

.side-a {
background: #f1eee7;
width: 360px;
/*box-shadow: 0px 0 10px rgba(0,0,0,0.30);*/
margin-right:40px;


}
.side-b {
background: floralwhite;
width: 750px;
}


/*--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: 15px;
    padding-bottom: 16px;
    padding-left: 20px;
    margin-top: 21px;
    border-bottom: 1px solid rgb(212, 172, 44, 0.5);
}
.contents-right {
position: relative;

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

}


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

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


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:#583822;
}

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; 
margin: 15px 0 5px 2px; 
}

div.fold ul {
list-style: square;
margin: 8px 0 0 22px;
padding: 0;
}
div.fold ul li {
border: 0;
margin-bottom: 3px;
}

div.fold ul li span {

}

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: #d3381c;
margin-right: 5px;
}