@charset "UTF-8";
/* CSS Document */



/*======================================================

	PCサイズ（769px以上）ここから
	
======================================================*/

@media screen and (min-width:769px), print{

#yoyaku{}
#yoyaku .content{
	padding: 0 0 20px;
}
#main #yoyaku h3{
	background-image: url("../../images/ml_yoyaku.png");
}

#yoyaku .l{
	background:linear-gradient(transparent 50%, #fbff7f 0%, #fbff7f 85%, transparent 0%);
}
#yoyaku .detail p .l{
	background:linear-gradient(transparent 50%, #ffddfd 0%, #ffddfd 85%, transparent 0%);
}
#yoyaku .b{
	font-weight: bold;
	margin: 0 0.1em;
}
#yoyaku .annotation{
	font-size: 75%;
}
#yoyaku .midashi{
	display: block;
	font-size: 130%;
	padding-left: 10px;
	border-left: 10px solid #6699CC;
	margin-top: 50px;
}
#yoyaku .midashi2{
	display: block;
	font-size: 130%;
	margin-top: 50px;
}
#yoyaku .midashi2::before{
	content: "◇";
	display: inline-block;
	margin-right: 0.2em;
	color: #6699CC;
}

#yoyaku .detail{
	display: block;
	margin: 20px 0;
	padding: 20px 35px 18px 20px;
	border: 1px dotted #6699CC;
}
#yoyaku .detail:nth-of-type(4){
	padding: 12px 25px 10px 3px;
}

#yoyaku .detail p{
	font-weight: bold;
	color: #6699CC;
	font-size: 115%;
}
#yoyaku .detail > ul{
	list-style-type: disc;
	padding-left: 35px;
}
#yoyaku .detail > ul > li{
	margin: 7px 0;
}
#yoyaku .detail > ul > li > ul{
	margin: 10px 0 15px;
	padding-left: 10px;
}
#yoyaku .detail > ul > li > ul > li::before{
	content: "＊";
	font-weight: bold;
	margin-right: 3px;
}
/*#yoyaku .detail:nth-of-type(2) ul:nth-of-type(1),
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2),
#yoyaku .detail:nth-of-type(3) ul{
	list-style-type: none;
	padding-left: 20px;
}
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(1),
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2){
	margin-bottom: 25px;
}
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(1) li,
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2) li,
#yoyaku .detail:nth-of-type(3) ul li{
	text-indent: -1em;
	padding-left: 1em;
	margin: 15px 0;
}*/
#yoyaku .detail dl{
	display: block;
	width: 100%;
	margin: 15px 0;
	margin-left: 17px;
}
#yoyaku .detail dl dt{
	display: inline-block;
	vertical-align: top;
	margin-right: 0.25em;
}
#yoyaku .detail dl dd{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 1.4em);
}
#yoyaku .detail dl + p{
	margin-top: 30px;
}
	
#yoyaku .detail:nth-of-type(2) dl + div{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 85%;
	margin: 0 0 25px 20px;
}
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2) li:nth-of-type(2){
	text-indent: -1.4em;
	padding-left: 1.4em;

}
#yoyaku .detail:nth-of-type(3) ul li:last-of-type{
	margin-bottom: 10px;
}

}
/*======================================================

	SPサイズ（768px以下）ここから
	
======================================================*/

@media screen and (max-width: 768px) {

#yoyaku{
	padding-bottom: 35px;
}
#yoyaku .content{
	padding-top: 0;
}
#main #yoyaku h3{
	background-image: url("../../images/ml_yoyaku.png");
}

#yoyaku .l{
	background:linear-gradient(transparent 50%, #fbff7f 0%, #fbff7f 85%, transparent 0%);
}
#yoyaku .detail p .l{
	background:linear-gradient(transparent 50%, #ffddfd 0%, #ffddfd 85%, transparent 0%);
}
#yoyaku .b{
	font-weight: bold;
	margin: 0 0.1em;
}
#yoyaku .annotation{
	font-size: 85%;
}
#yoyaku .midashi{
	display: block;
	font-size: 110%;
	padding-left: 10px;
	border-left: 10px solid #6699CC;
	margin-top: 50px;
}

#yoyaku .detail{
	display: block;
	margin: 20px 0;
	padding: 15px 8px 15px;
	border: 1px dotted #6699CC;
}
#yoyaku .detail:nth-of-type(4){
	padding: 10px 20px 7px 10px;;
}
#yoyaku .detail p{
	font-weight: bold;
	color: #6699CC;
	font-size: 108%;
}
#yoyaku .detail > ul{
	list-style-type: disc;
	padding-left: 20px;
}
#yoyaku .detail > ul > li{
	margin: 5px 0;
}
#yoyaku .detail > ul > li > ul{
	margin: 10px 0 15px;
	padding-left: 20px;
	text-indent: -1.3em;
}
#yoyaku .detail > ul > li > ul > li::before{
	content: "＊";
	font-weight: bold;
	margin-right: 3px;
}
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(1),
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2),
#yoyaku .detail:nth-of-type(3) ul{
	list-style-type: none;
	padding-left: 20px;
}
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(1),
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2){
	margin-bottom: 25px;
}
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2) div{
	text-indent: -2em;
	padding-left: 2em;
}
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(1) li,
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2) li,
#yoyaku .detail:nth-of-type(3) ul li{
	margin: 12px 0;
	text-indent: -1.4em;
	padding-left: 0.5em;
}
#yoyaku .detail:nth-of-type(3) ul li:last-of-type{
	margin-bottom: 5px;
}
#yoyaku .detail dl{
	display: block;
	width: 100%;
	margin: 15px 0;
	margin-left: 5px;
}
#yoyaku .detail dl dt{
	display: inline-block;
	vertical-align: top;
	margin-right: 0.25em;
}
#yoyaku .detail dl dd{
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 1.4em);
}
#yoyaku .detail:nth-of-type(2) dl + div{
	text-indent: -2em;
	padding-left: 2em;
	margin: 0 0 25px 20px;
}
#yoyaku .detail:nth-of-type(2) ul:nth-of-type(2) li:nth-of-type(2){
	text-indent: -1.4em;
	padding-left: 1.4em;

}
#yoyaku .detail:nth-of-type(3) ul li:last-of-type{
	margin-bottom: 10px;
}


	
}