@charset "UTF-8";

/*
	Theme Name: hark

*/

/****************************************

          General Setting

*****************************************/

html, body {
	margin: 0;
	padding: 0;
}

body {
    color: #333;
	font-size: 14px;
    font-family: "Arial","Arial Black", "Arial Bold", Gadget, sans-serif;
    line-height: 160%;
}
p {
	margin:0;
}
.anime::before,
.anime::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.anime,
.anime::before,
.anime::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/***** Added by hgo *****/
pre {
	margin: 0 0 1em 20px;
	padding: 5px 0 5px 10px;
	background-color: #ff0;
	color:#000
	width: 100%;
	max-height: 30em; 
	overflow: auto;
}
/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1 {
	margin-bottom: 10px;
	font-size: 240%;
}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}


/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}
/****************************************

         Global

*****************************************/
.cframe {
	position:relative;
	margin:0 auto;
	width:1130px;	
}
.clear {
	clear:both;
}
/****************************************

          Link

*****************************************/
.breadcrumbs a:hover {color:#cd0814;text-decoration:underline;}
a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #fe56aa;
	text-decoration: none;
}

/****************************************

          header

*****************************************/

#header {
	padding:20px 0;
	width:100%;
	background:#cf0000;	
}
.logo {
	margin:0 auto;
	width:127px;	
}

/****************************************

          main

*****************************************/
.main-image {
	width:100%;
	background:url(/wp-content/uploads/2018/04/main-bg-1.png) repeat-x;
	height:350px;	
}
.main-word {
	margin:0 auto;
	width:933px;
	padding-top:75px;	
}
.shoutoku img {
	position:absolute;
	top:138px;
	left:939px;	
}

/****************************************

          content

*****************************************/
.right-frame {
	float:right;
	margin-top:30px;
	width:860px;
}
.content {
	margin-bottom:46px;
	padding:58px;
	background:#f0f0f0;
	box-shadow:4px 4px 12px -4px #9e9e9e;
}
.top-news .content {padding:58px 58px 20px 58px;}
.content h2 {
	text-align:center;
	padding:10px 0 40px 0;
}
.sub-title  {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	margin:60px 0 40px 0;
	padding:36px 0 36px 0;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #cac8c8;
	border-bottom:1px solid #cac8c8;
}

/*
#main .content {padding:25px 58px 58px 58px}
#main h1,h1.page-title  {
	margin:0 0 0 0;
	padding:36px;
	font-size:30px;
	line-height:140%;
	font-weight:normal;
	text-align:center;
	color:#fff;
	background:#2b2f35;
	letter-spacing:5px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	box-shadow:4px 4px 12px -4px #9e9e9e;
	border-bottom:10px solid #707a88;
}
#main h2 {color:#fff;font-weight:normal;text-align:left;padding:15px 20px;margin-bottom:20px;background:#292f35;border-left:3px solid #cb0f1f;font-size:21px;line-height:140%;}
#main h3,#main h4,#main h5 {color:#000;margin-top:30px;padding:5px 0 10px 15px;border-left:5px solid #434c53;border-bottom:1px solid #434c53;font-size:21px;}
#main pre {background:#f8f5f1;padding:10px;color:#767676;border:3px dotted #c8c9b6;margin-top:15px;white-space: pre-wrap ;}
*/

#main h1,h1.page-title,.news-list h1  {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	margin:0 0 40px 0;
	padding:36px 0 36px 0;
	font-size:30px;
	line-height:140%;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #cac8c8;
	border-bottom:1px solid #cac8c8;
}
#main h2,.news-list h2 {color:#cd0814;font-weight:normal;text-align:left;padding:15px 20px 15px 0;margin-bottom:20px;border-bottom:3px solid #cb0f1f;font-size:21px;line-height:140%;}
#main h3,#main h4,#main h5,.news-list h3,.news-list h4,.news-list h5 {color:#cd0814;margin-top:30px;padding:10px 0 10px 15px;border-left:5px solid #cd0814;font-size:18px;}
#main pre,.news-list pre {background:#333;padding:10px;color:#9ce15f;margin-top:15px;white-space: pre-wrap ;}

#main img,.news-list img {margin:20px 0 10px 0;}
#main ul,#main ol,.news-list ul,.news-list ol {margin:10px 0 10px 15px;color:#cd0814;}
#main ul li,.news-list ul li {margin:5px;list-style-type: disc;color:#000;}
#main ol li,.news-list ol lo {list-style-type: decimal;color:#000;}
#main li a,#main ol li a,.news-list a {text-decoration:underline;color:#ce0814;}

#main table,.news-list table {margin:10px 0 10px 0;width:100%;background:#fff;}
#main table th,.news-list th {padding:10px;background:#f8f5f1;border:1px solid #d3d3d3;}
#main table td,.news-list td {padding:10px;border:1px solid #d3d3d3;}
ul.btn-download {
	margin:0 auto;
	width:698px;
}
ul.btn-download li {
	margin-top:36px;
}
ul.btn-download a:hover {
		opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}
.day {
	margin-bottom:5px;
	color:#838383;
}
p.r-word {
	text-align:right;
}
p.r-word a {
	padding-left:20px;
	font-size:18px;
	color:#cf0000;
	background:url(images/btn-arrow.png) no-repeat 0 1px;
}
p.r-word a:hover {text-decoration:underline;}

/****************************************

          footer

*****************************************/

#footer {
	margin-top:90px;
	width:100%;
	color:#fff;
	background:#cf0000;
	
}
#footer div a {
	color:#fff;
}
.f-top h4 {display:block;font-size:20px;background:#e03d3d;padding:10px;}
.f-top ul {float:left;}
.f-top:first-child {border:none;}
.f-top{text-align:left;}
.f-top li {float:left;height:30px;font-size:18px;margin:0 20px 20px 0;}
.f-top li span {padding-left:5px;font-size:13px;}
#footer li a {
	color:#fff;
}
#footer a:hover {
	text-decoration:underline;
}
#footer li:first-child {
	margin-left:0;
}
#footer .cframe {
	padding:50px 0 20px 0;
}
#copyright {
	clear:both;
	padding:30px 0;
	background:#c94a4a;
	text-align:center;
	color:#fff;
}
.pagetop {
	display: none;
    position: fixed;
    bottom:20px;
    right: 20px;
}
.pagetop a {
    display: block;
}
.pagetop a:hover {
	display: block;
 		opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}
/****************************************

         サイドバー

*****************************************/

#sidebar {
	float:left;
	width:270px;
	margin-top:30px;
	padding-top:0;
}
p.side-title {
	padding:20px;
	background:#d00000;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin:0;
}
#sidebar ul li ul {display:none;}
#sidebar li  {display:block;}
#sidebar li,#sidebar span {cursor: pointer;}

#main a {color:#cf0000;text-decoration:underline;}

/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}
#menu-sidemenu {
padding: 0;
margin:0;
}
#menu-sidemenu p {
list-style: none;
	border-bottom:1px solid #dcdcdc;
}
#menu-sidemenu p a {
display: block;
padding:20px;
width:230px;
text-decoration: none;
text-align: left;
vertical-align: middle;
color: #24292e;
	font-size:16px;
}
#menu-sidemenu p.open {
display: block;
position: relative;
padding:20px;
width:230px;
text-decoration: none;
text-align: left;
vertical-align: middle;
color: #24292e;
overflow: hidden;
transition:all .1s ease-out;
	cursor:pointer;
	font-size:16px;
}
#menu-sidemenu ul.open-4 li a,#menu-sidemenu ul.open-4 li div p.list-down {
	display: block;
position: relative;
padding:10px 20px 10px 40px;
width:210px;
text-decoration: none;
text-align: left;
vertical-align: middle;
color: #24292e;
overflow: hidden;
transition:all .1s ease-out;
	cursor:pointer;
	font-size:16px;
	border-bottom:1px solid #dcdcdc;
}
#menu-sidemenu p.open:after {
display: block;
content: "";
position: absolute;
top: 45%;
right: 20px;
width: 9px;
height: 9px;
margin: -4px 0 0 0;
border-top: solid 2px #24292e;
border-right: solid 2px #24292e;
-webkit-transform: rotate(135deg);
        transform: rotate(135deg);
}
#menu-sidemenu ul.open-4 li a:after,#menu-sidemenu ul.open-4 li div p.list-down:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 9px;
height: 9px;
margin: -4px 0 0 0;
border-top: solid 2px #24292e;
border-right: solid 2px #24292e;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
#menu-sidemenu p.active:after,#menu-sidemenu p.show:after {
top: 50%;
border-top:2px solid #cd0814;border-right:2px solid #cd0814;
-webkit-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#menu-sidemenu p.show,#menu-sidemenu p.current a {color:#cd0814;}
#menu-sidemenu p a:hover:after,#menu-sidemenu p.open:hover:after,#menu-sidemenu ul.open-4 li a:hover:after,#menu-sidemenu ul.open-4 li div p.list-down:hover:after,#menu-sidemenu ul.open-4 li.current a:after {border-top:2px solid #cd0814;border-right:2px solid #cd0814;color:#cd0814;}
#menu-sidemenu ul.open-4 {background:#f9f9f9;}
#menu-sidemenu p a:hover,#menu-sidemenu p.active,#menu-sidemenu p.open:hover,#menu-sidemenu ul.open-4 li a:hover,#menu-sidemenu ul.open-4 li div p.list-down:hover,#menu-sidemenu ul.open-4 li.current a {color:#cd0814;}
#menu-sidemenu h3 {margin:0;padding:20px;display:block;background:#cd0814;color:#fff;font-size:20px;}

#menu-sidemenu ul.open-4 li div ul {display:none;}
#menu-sidemenu ul.open-4 li div {position:relative;}
#menu-sidemenu ul.open-4 li div:hover ul {position:absolute;background:000;top:-1px; right:-100%;display:block;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;background:#fff1f1;}
.open:after, 
.open.active:after {
	position:relative;
    font-size: 22px;
    margin-left: 20px;
}


.link-big p a { position: relative;margin-top:30px;padding:20px;border-radius:5px;display:block;color:#fff !important;background:#cf0000;font-weight:bold;font-size:20px;text-decoration:none !important;}
.link-big p a span {margin:0 0 0 10px;font-size:25px;}
.link-big p a:hover {background:#de4e4e;}

.breadcrumbs {margin-top:30px;}

.bg-red {background:#cd0814;color:#fff;}
.news-list div {
	margin-bottom:25px!important;
	padding-bottom:25px;
	padding-left:0 !important;
	margin-left:0 !important;
	border-bottom:1px solid #dcdcdc;
	list-style:none !important;
}
.news-list div:last-child {
	border-bottom:none;
}