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

div.layer_contents {
width: 100%;
padding: 0;
margin: 0;
background: #E6E6E7;
background:floralwhite;
}



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

ul.no-screen,ul.screen {
width: 1100px;
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 {
background-image: linear-gradient(-180deg, #D4D4D4 0%, #fff 20%, #D4D4D4 85%, #CCCCCA 100%);
background-image: linear-gradient(-180deg, #E0D8D1 0%, #fff 20%, #E0D8D1 85%, #D1C5BA 100%);
background-image: linear-gradient(-180deg, #DDCAAE 0%, #fff 20%, #DDCAA 85%, #D2BA9B 100%);
width: 330px;
/*
margin-right:40px;
*/
}

.side-b {
background: transparent;
width: 770px;
}


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

.contents,.contents-left,.contents-rigth {
position: relative;

}

.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: 0;
padding-left: 20px;
margin-top: 15px;
}
.contents-right {
position: relative;

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


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

div.caption {
color: tomato;
font-size: 18px;
margin: 0 0 7px -10px;
line-height: 24px;
padding: 0;
border: 0;

}



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: #663E37;
margin: 20px 0;
}



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 0 20px 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: #2A7BE1;
margin-right: 5px;
}

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

.left-link { display: inline-block; margin: 0 0 15px 0; font-size: 15px;}
.tkc-img { margin: 10px 0 0 0; width: 180px;}
.top-comment { display: block; color: #554738; font-size: 17px; margin-bottom: 25px; line-height: 34px; text-shadow: 1px 1px 8px rgba(100,50,30,0.35);}
.top-comment-head { display: block; color: #fff; font-size: 17px; margin: 0 0 0 -10px; padding: 7px 20px;background-image: linear-gradient(-180deg, #fc6076 0%, #ff9a44 100%); box-shadow: 0 1px 8px rgba(100,50,30,0.35);}
.top-comment-outer { display: block; border: 1px solid #ff9a44; padding: 12px 0 12px 28px; margin-left: -10px;}
.top-comment-sub { display: block; color: #3f312b; font-size: 15; margin: 30px 0;}
.top-comment-sub span.kaigyo { display: inline-block;}
.top-comment-sub i { color:#69821b; margin-right: 17px;}