/*
 * spa-style.css
 * @package   BayLink
 * @author   BayLink & Co.
 * @copyright   2021 BayLink & Co.
 */

	#columnID0 input[type="text"], #columnID1 input[type="text"], #columnID2 input[type="text"], #columnID3 input[type="text"] , #columnID4 input[type="text"],.smart{
		-webkit-appearance: none;-moz-appearance: none; appearance: none;
		font-size: 16px;
		padding: 6px 8px;
		border: 1px solid #ff8c00; 
		border-radius: 4px;
		line-height: 20px;
	} 

	#columnID0 input[type="text"]{ 
		background-color:rgba(255,255,255,0.9);
	} 

	#columnID0 input[type="text"]:focus, #columnID1 input[type="text"]:focus, #columnID2 input[type="text"]:focus, #columnID3 input[type="text"]:focus , #columnID4 input[type="text"]:focus,.smart:focus { 
		background-color:LightYellow; border: 1px solid #ff8c00;
	} 

	select {
		-webkit-appearance: none;-moz-appearance: none; appearance: none; 
		border: 1px solid #ff8c00;
		background:#e5ba66;
		background-size: 12px 10px;
		background-position: right 10px center;
		color:#fff;
		font-size: 16px;
		padding: 6px 24px 6px 12px ;
		width: 110px;
		text-indent: 0.01px;
		text-overflow: ellipsis;
		border-radius: 4px;
		line-height: 20px;
	} 
	
	select::-ms-expand {display: none;} 
	select:focus { background: #e5ba66; border: none; } 
	
	textarea:focus { background-color: LightYellow; } 
	
	input[type="submit"] { appearance: none; border: none; color: #fff; background-color: transparent; }
	input[type="submit"]:active { color: #ff8c00; } 

	.spa-menu {position: relative;}
	.spa-sel {position: relative; }

	.spa-sel::after {
		content: ' '; width: 8px; height: 8px; border: 0px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; 
		-ms-transform: rotate(45deg); 
		-webkit-transform: rotate(45deg); 
		transform: rotate(45deg); 
		position: absolute; top: 50%; right: 19px; margin-top: -6px; }

	.keytone {background-color:#EEB955;}
	.impactmark {background-color:#f3cc83;}
	.chictone {background-color:#98773a;}
	.keycolor {color:#EEB955;}
	.impactcolor {color:#E66B58;}
	.keycolor:hover,.impactcolor:hover {color:#f3cc83;}
	.p-heading-lv1-r {
		position: relative;
		margin-bottom: 38px;
		padding-bottom: 14px;
		font-size:2.2rem;
		font-weight: 500;
		line-height:2rem;
	}

	.p-heading-lv1-r::before, .p-heading-lv1-r::after {
		display: block;
		content: "";
	}

	.p-heading-lv1-r::before {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color:#e2e2e2;
	}

	.p-heading-lv1-r::after {
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 178px;
		height:3px;
		background-color:#ee6d55;
	}
	
	.pier-1000 { width: 100%; margin-top: 0px; padding: 0; } 
	
	.pier-350 {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-top: 0px;
		padding: 12px;
		border: dotted 2px #ee6d55;
		text-overflow: ellipsis;
		height: 150px;
		background: #fff;	
	} 
	
	.pier-350:last-child { margin-right: 0%; } 

	.spa-350 li {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-top: 15px;
		padding: 15px;
		border: solid 1px #ff8c00;
		text-overflow: ellipsis;
		height: 460px;
        background: #fff;	
	} 
	.spa-350 li:nth-child(3n) { margin-right: 0%; } 
	.spa-img { float: left; padding-right:12px; } 
	.spa-exp { padding-left: 0px;} 
	.fit { margin-left: 0; margin-right: 0; }
	.clear { clear: both; }
	.clear-r { clear: right; }
	.padplus { padding-top:50px; }
	.padlow { padding-bottom:10px; }

	hr {
		clear: both;
		float: none;
		width: 100%;
		border-radius: 1px;
		border-top: dotted 1px;
	}
	/* Axis */
	header {background-color:#fff;}
	
	.spa-section { margin-top: 50px; padding: 40px 70px; background-color:#fff }
	.spa-section:first-of-type {margin-top: 20px; padding: 70px 70px; }
	.spa-section2 { padding: 20px 70px; background:#e5ba66;min-height: 80px; }
	.spa-smart{ display:none; }
	.spa-img1 { background-image:url("ieej.png") }
	.spa-title { float: none; font-size: 13px; font-weight: 700; letter-spacing: -0.0005em; line-height: 19px; color:#bb2d13; padding-bottom:10px;} 
	.spa-title a { } 
	.spa-title a:hover { color:#e5ba66; } 
	.spa-lead { font-size: 13px; font-weight: 500; line-height: 18px; color:#ee6d55; padding-bottom:8px; } 
	.spa-writer { font-size: 11px; font-weight: 500; line-height: 14px; color: #666; padding-bottom:3px; } 
	.issue-note { font-size: 11px; font-weight: 500; line-height: 14px; color: #666; padding-bottom: 3px; }  
	.pub-date { font-size: 11px; font-weight: 500; line-height: 14px; color: #666; padding-bottom: 5px; }  
	.spa-body { font-size: 12px; font-weight: 300; line-height: 16px; color: #666; padding-bottom: 10px; } 
	.spa-note { font-size: 11px; font-weight: 500; line-height: 14px; color: #666; }  
	.spa-link { float: left; font-size: 12px; font-weight: 600; letter-spacing: -0.0005em; line-height: 14px; color: #ee6d55; border: solid 1px #ee6d55; text-align: center; padding: 4px 6px; width: 100px; border-radius: 4px; margin-right: 10px;}  
	.spa-link:hover { color: #fff; background:#ee6d55; }  
	.spa-pdf { float: left; font-size: 12px; font-weight: 600; letter-spacing: -0.0005em; line-height: 14px; color: #ee6d55; border: solid 1px #ee6d55; text-align: center; padding: 4px 6px; width: 100px; border-radius: 4px; margin-right: 10px;}  
	.spa-pdf:hover { color: #fff; background:#ee6d55; }  

	.term { float: left; font-size: 10px; font-weight: 600; color:#fff; height:18px; background:#ee6d55; width: auto; white-space: nowrap; border-radius: 2px; margin: 5px 0px 5px 0px; padding: 1px 6px 2px 6px;}  

	.r-number {
		display: inline;
		font-size: 15px;
		font-weight: 800;
		color: #FFFFFF;
		width:  24px;
		height: 24px;
		border-radius: 14px;
		line-height: 24px;
		text-align: center;
		vertical-align: middle;
		background-color: #bb2d13;
		padding: 0px;
		margin: 0px 10px 0px 0px;
    	float: left; 
	} 

	.r-new {
		display: inline;
		font-size: 11px;
		font-family:Oswald;
		white-space: nowrap;
		font-weight: 500;
		color: #FFFFFF;
		width:  24px;
		height: 24px;
		border-radius: 14px;
		line-height: 24px;
		text-align: center;
		vertical-align: middle;
		background-color: #e5ba66;
		padding: 0px;
		margin: 0px 10px 0px 0px;
    	float: left; 
	} 

	.spa-sort { float:right; text-align:right; color:#bb2d13; font-size: 14px; font-weight: 500; margin-left: auto; margin-bottom:10px;  width: 100%; } 
	.spa-select { font-size: 14px; font-weight:500; text-align: center; background:#fff; color:#bb2d13; border: 1px solid #ff8c00; padding: 3px 10px 3px 10px ;  margin: 0px 10px 0px 10px; border-radius: 4px;} 
	.spa-select:hover { background:#e5ba66;  color:#ffffff; border: 1px solid #ff8c00;  } 
	.spa-select:focus { background:#e5ba66;  color:#ffffff; border: 1px solid #ff8c00;  } 
	.spa-result { clear:both; float:none;} 
	.spa-result-ti { font-size: 14px; font-weight:700; line-height:19px; color:#bb2d13; padding-bottom:8px; } 
	.spa-result-ti a { } 
	.spa-result-ti a:hover { color:#e5ba66; } 
	.spa-result-au { font-size:14px; font-weight:400; line-height:18px; padding-bottom:4px; }  
	.spa-result-ab { color:#696969; font-size:14px; font-weight:400; line-height:19px; padding-bottom:4px; } 
	.spa-result-ab a { color:#bb2d13;font-size:12px; font-weight:600;  } 
	.spa-result-ab a:hover { color:#e5ba66;} 
	.spa-result-note { font-size:14px; font-weight:400; font-family:Oswald; line-height:19px;} 
	.spa-hr { border-top: 1px dotted #e5ba66; } 
	.spa-page-t {text-align:center; margin-top:20px; margin-left:auto; margin-right:auto; width:80%;}  
	.spa-page {font-size:13px; font-weight:700; font-family:Oswald; line-height:14px; color:#e5ba66; text-align:center; width:6%; padding:2px;  }
	.spa-page a {font-weight:500; color:#ee6d55;}
	.spa-page a:hover {color:#e5ba66;} 
	.spa-page-y {font-size:13px; font-weight:600; font-family:Oswald; line-height:14px; color:#ee6d55; text-align:center; width:4%; padding:2px;}  
	.spa-page-n {font-size:13px; font-weight:600; font-family:Oswald; line-height:14px; color:#ee6d55; text-align:right; margin-left:auto; margin-top: 6px;}  
	.spa-page-y a {} 
	.spa-page-y a:hover {color:#e5ba66;} 

	/*検索*/
	.spa-table { margin: 2px; }
	th { text-align: left; padding: 0px 4px; border: none; }
	td { text-align: left; padding: 0px 12px; border: none; }	
	#s-form {position:relative; max-width:276px;}
	#s-box {height:26px;border-radius:2px;border:none;background:none;outline:0;margin-bottom:0px;}
	.no-top {border-top:none;}
	#s-result {height:30px;border-radius:2px;border:none;background:none;outline:0;margin-bottom:0px;}
	.button-top { display: block;text-align:center; width:467px;margin-top:30px;padding:28px 10px;background-color:#30383c;color:#fff; }
	.button-top::before {speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:5px;font-family:'icomoon' !important;font-size:0.8em;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none;content:"\e90c";}
	.button-top:hover {opacity:.75;}

@media screen and (max-width: 1236px) {
	.spa-350 li {height:500px;} 
} 

@media screen and (min-width: 768px){
	/* Page */
	.contents_wrap { padding-top:180px;padding-bottom:30px }
	.contents_in { max-width:1280px;padding-right:40px;padding-left:40px }
	td { width: 516px;}
	}

@media screen and (max-width: 767px) {
	header {background-color:#98773a; display:flex; align-items:center}
	.spa-section { margin-top: 20px; padding: 30px 15px 10px 15px; background-color:#fff }
	.spa-section:first-of-type {margin-top: 0px; padding: 45px 10px 30px; min-height: 150px;}
	.spa-section2 { margin-top: 20px; padding: 20px 10px; background:#e5ba66; }
	.spa-table { display:none }
	.spa-smart{ display:inline-block; text-align: center; margin-left: auto; margin-right: 0;  }
	td {text-align: center ; vertical-align: middle; padding: 2px 2px; border: none; }
	#columnID0 {width: auto;}	
	#columnID0 input[type="text"]{font-size: 16px; padding: 8px 8px; margin-right: 0; border: 1px solid #ff8c00; line-height: 20px;} 
	.spa-img1 { background-image:url("top-imag2.png"); background-size: cover;}
	.page-content { display:block; margin-top: 0px; }
	.pier-350 {
		float: none;
		clear: both;
		width: 100%;
		margin-right: 2%;
		margin-top: 0px;
		border: solid 1px #ee6d55;
		height: auto;
		min-height: 15px;
		padding: 10px;
		margin: 10px 0px 0px 0px;
	} 
	.spa-350 li {
		float: none;
		clear: both;
		width: 100%;
		height: auto;
		min-height: 15px;
		padding: 10px 10px 35px 10px;
		margin: 10px 0px 0px 0px;
	} 
	.p-heading-lv1-r {
		margin-bottom: 20px;
		padding-bottom: 10px;
		font-size: 1.7rem;
	}
	.padplus { padding-top:30px; font-size: 1.7rem;margin-bottom: 20px;}
	.spa-page-t { width: 100%; }  
	.spa-page { width: 5%; padding: 2px 0.5px;} 
	.spa-page-n { width: 100%; padding: 2px 0.5px;} 
}