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

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

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

ul.no-screen,ul.screen {
width: 1150px;
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%);
width: 300px;
margin-bottom: 20px;
/*
margin-right:40px;
*/
}

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


/*--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: 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:#006699;

}



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

div.fold a.hp {
display: inline-block;
font-size: 13px;
color: green;
margin-top: 35px;
border: none;
}
div.fold a.hp i { margin-right: 5px;}
div.fold a.hp:hover {
color: crimson;
}

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



#blocked11 {padding-left: 370px; margin-top: -50px;}

.zeirishi{ position: absolute; top: -470px; left: 0; z-index: 4000; width: 330px;}
.zeirishi span{ display: block; width: 100%; position: relative; margin-bottom: 8px; padding-bottom: 7px; border-bottom: 1px dotted #ccc;}
.zeirishi span img{ width: 155px; border: 1px solid #fff; box-shadow: 2px 2px 7px rgba(0,50,100,0.21);}
.zeirishi span span { border: none; display: inline-block;  position: absolute; top: 14px; left: 192px; font-size: 15px; width: 130px; color: #415D89;}
.zeirishi span span span.qt { border: none; position: relative; top: 0; left: 0; display: block; font-size: 13px; margin-bottom: 4px;}



.no-pc{
display:none;
}