@charset "UTF-8";

#ly-Ransomware header { text-align:center; }
#ly-Ransomware header p:nth-child(1) { font-size:2em; color:#1c1c1e; margin-bottom: 80px; font-weight: 400; line-height: 1.6;}
#ly-Ransomware header p { color:#3a3a3c; }
#ly-Ransomware header p span { line-height:1.6; }

#ly-Ransomware-List div.id-cont div.type-list a { display:block; }
/* #ly-Ransomware-List div.id-cont div.type-list a:not(:first-of-type) { border-top:2px solid #e6e6e6; } */
#ly-Ransomware-List div.id-cont div.type-list a:focus,
#ly-Ransomware-List div.id-cont div.type-list a:hover { border-color: #1c1c1e; color: #1c1c1e;}
#ly-Ransomware-List div.id-cont div.type-list a * { line-height:1.4; }
#ly-Ransomware-List div.id-cont div.type-list a div p { font-size: 1rem; color: #8e8e93; font-weight: 350;}
#ly-Ransomware-List div.id-cont div.type-list a div { font-weight: 500; font-size: 1.5em;  color: #3a3a3c; height: 64px; display: flex; width: 80%; flex-direction: column; justify-content: space-between; }
#ly-Ransomware-List div.id-cont div.type-list a div span { width:80%; color: #3a3a3c; font-weight: 350; font-size: 1.25rem;}
#ly-Ransomware-List div.id-cont div.type-list a button { background-image: url('../../img/common/img-common-off-arrow-button.png'); width: 64px; height: 64px; 
	background-position: center; border: none; background-size: 64px; background-repeat: no-repeat; background-color: transparent;}
#ly-Ransomware-List div.id-cont div.type-list a:hover button,
#ly-Ransomware-List div.id-cont div.type-list a:focus button { background-image: url('../../img/common/img-common-on-arrow-button.png');}
#ly-Ransomware-List div.id-cont div.type-list a:hover div,
#ly-Ransomware-List div.id-cont div.type-list a:focus div { text-decoration: none; color: #1c1c1c;}
#ly-Ransomware-List div.id-cont div.type-list a:hover div span,
#ly-Ransomware-List div.id-cont div.type-list a:focus div span {color: #1c1c1c; text-decoration: underline;}
#ly-Ransomware-List div.id-cont div.type-list a { width:100%; margin-bottom:32px; display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; padding:40px; 
	border:1px solid #eaeaea; border-radius: 8px; text-decoration:none; justify-content: space-between; align-items: center;}


div.id-cont div.type-side h2 { font-size:1.2em; }
div.id-cont div.type-page { text-align:center; display: flex; align-items: center; justify-content: center;}
div.id-cont div.type-page img { width: 16px; padding-top: 3px;}
div.id-cont div.type-page * { color:#636366; background-color:transparent; font-weight:300; }
div.id-cont div.type-page *.disable { color:#d4d4d4; }
div.id-cont div.type-page *.active { color:#009F4F; font-weight:500; }
div.id-cont div.type-page a:focus,
div.id-cont div.type-page a:hover { text-decoration:underline; }

div.id-cont div.type-search { text-align:center; }
div.id-cont div.type-search form { display:inline-block; }
div.id-cont div.type-search form fieldset { display:-ms-flexbox; display:flex; height: 56px; }
div.id-cont div.type-search form fieldset div { border:1px solid #EAEAEA; border-radius: 4px; height: 52px; }
div.id-cont div.type-search form fieldset select { min-width:60px; border:none; font-weight:normal; height: 100%; }
div.id-cont div.type-search form fieldset input { min-width:160px; border:none; font-weight:normal; height: 100%; font-size: 1.125rem; }
div.id-cont div.type-search form fieldset input::placeholder { color:#3a3a3c; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {

	#ly-Ransomware header h2 { font-size:1.6em; }
	#ly-Ransomware header p { font-size:1.125rem; font-weight: 350; line-height: 1.6;}
	#ly-Ransomware-List div.id-cont div.type-list a dt button { background-size:52px; width: 52px; height: 52px;}

	#ly-Ransomware-List { margin-top:40px; padding-bottom:80px; }
	#ly-Ransomware-List div.id-cont { width: 92%;}
	#ly-Ransomware-List div.id-cont div.type-list a { padding:14px 18px; border: 1px solid #EAEAEA; border-radius: 8px; padding: 20px; margin-top: 20px; margin-bottom: 20px;}
	#ly-Ransomware-List div.id-cont div.type-list a dt { font-size: 1.25em;}
	#ly-Ransomware-List div.id-cont div.type-list a img {width: 100%;}
	#ly-Ransomware-List div.id-cont div.type-list a dd { margin-top:6px; text-align:right; }
	#ly-Ransomware-List div.id-cont div.type-list a div span { font-size: 1rem; width: 90%;}

	div.id-cont div.type-search form fieldset { justify-content: space-between;}
	div.id-cont div.type-side h2 { text-align:center; margin-bottom:20px; }
	div.id-cont div.type-page { margin-top:30px; justify-content: space-around;}
	div.id-cont p.type-btn + div.type-page { margin-top:15px; }

	div.id-cont div.type-search div.desktop,
	div.id-cont div.type-search button.desktop { display: none;}
	div.id-cont div.type-search div.mobile { display: block; width: 100%;}
	div.id-cont div.type-search button.mobile { background-color: transparent; border: none; position: absolute; right: 32px; margin-top: 4px;}
	div.id-cont div.type-search form { width:100%; }
	div.id-cont div.type-search form fieldset select { padding-left:10px; padding-right:10px; font-size:.875em; }
	div.id-cont div.type-search form fieldset input { padding:14px 24px; }
	div.id-cont div.type-search form fieldset input[type='text'] { font-size:.875em; width:100%; -ms-flex:1; flex:1; overflow:hidden; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219px) {
	#ly-Ransomware header { margin-left:20px; margin-right:20px; }
	#ly-Ransomware header p { margin-top:20px; }

	#ly-Ransomware-List { margin-left:20px; margin-right:20px; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1219px) {
	#ly-Ransomware header h2 { font-size:1.8em; }

	#ly-Ransomware-List { margin-top:60px; padding-bottom:60px; }
	#ly-Ransomware-List div.id-cont div.type-list a { padding:16px 20px; }

	div.id-cont div.type-side h2 { width:150px; }
	div.id-cont div.type-page { margin-top:40px; }
	div.id-cont p.type-btn + div.type-page { margin-top:20px; }

	div.id-cont div.type-search div.desktop,
	div.id-cont div.type-search button.desktop { display: block;}
	div.id-cont div.type-search form fieldset input[type="text"] { width:300px; }
	div.id-cont div.type-search { margin-bottom: 40px; }
}

/* Tablet & Desktop */
@media screen and (min-width:640px) {
	div.id-cont div.type-side h2 { text-align:left; }

	div.id-cont div.type-search form fieldset select { padding-left:15px; padding-right:15px;  }
	div.id-cont div.type-search form fieldset input { padding:14px 20px; }
	div.id-cont div.type-search form fieldset button { width: 152px; height: 52px; margin-left: 40px; font-size: 1.125em; color: #FFFFFF; background: #009F4F; border: 1px solid #009F4F; 
		border-radius: 8px; font-weight: 400; }
	div.id-cont div.type-search form fieldset button:focus,
	div.id-cont div.type-search form fieldset button:hover { background-color:#008843; }
}


/* Desktop */
@media screen and (min-width:1220px) {
	#ly-Ransomware header { margin-top: 140px; }
	#ly-Ransomware header h2 { font-size:2em; }
	#ly-Ransomware header p { margin-top:30px; font-size:1.25em; }
	#ly-Ransomware header p.description { font-weight: 300; }
	#ly-Ransomware header p span { display:block; }

	#ly-Ransomware-List { margin-top:120px; padding-bottom:160px; }
	#ly-Ransomware-List div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px; }

	div.id-cont div.type-side h2 { width:304px; }
	div.id-cont div.type-page { margin-top:50px; }
	div.id-cont p.type-btn + div.type-page { margin-top:30px; }
	div.id-cont div.type-page * { font-size:.875em; margin: 0 16px; }
	div.id-cont div.type-page img { margin: 0px;}
	div.id-cont div.type-page a:has(img), div.id-cont div.type-page span:has(img) { margin: 0 8px; }

	div.id-cont div.type-search div.desktop,
	div.id-cont div.type-search button.desktop { display: block;}
	div.id-cont div.type-search div.mobile,
	div.id-cont div.type-search button.mobile { display: none;}
	div.id-cont div.type-search { margin-bottom: 100px; }
	div.id-cont div.type-search form fieldset input[type="text"] { width:389px; }
	
}