/*
Theme Name: Flat_AS/400
Template: flat
*/

/*@import url('../flat/style.css');*/
@import url("newstyle.css");

.side_area {
  width: 260px;
}

.column_main {
   display: flex;
}


.app01::before {
  content: '';
  background-image: url("images/icon_app01.png");
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		width: 30px;
		height: 30px;
		position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0,-50%);
  background-size: contain;
}

.app02::before {
  content: '';
  background-image: url("images/icon_app02.png");
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		width: 30px;
		height: 30px;
		position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0,-50%);
  background-size: contain;
}

.app03::before {
  content: '';
  background-image: url("images/icon_app03.png");
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		width: 32px;
		height: 26px;
		position: absolute;
  top: 56%;
  left: 12px;
  transform: translate(0,-50%);
  background-size: contain;
}

.app04::before {
  content: '';
  background-image: url("images/icon_app04.png");
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		width: 36px;
		height: 20px;
		position: absolute;
  top: 56%;
  left: 12px;
  transform: translate(0,-50%);
  background-size: contain;
}

.app05::before {
  content: '';
  background-image: url("images/icon_app05.png");
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		width: 35px;
		height: 19px;
		position: absolute;
  top: 50%;
  left: 12px;
  transform: translate(0,-50%);
  background-size: contain;
}

.app06::before {
  content: '';
background-image: url("images/icon_app06.png");
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 24px;
height: 34px;
position: absolute;
top: 56%;
left: 21px;
transform: translate(0,-50%);
background-size: contain;
}

.sideArea_title {
   padding: 10px 20px 10px 66px;
			font-size: 16px;
			font-weight: bold;
			background: #050D31;
			color: #FFF;
			border-bottom: 4px solid #E01C24;
			position:relative;
}

.sideArea_title span::before {
   content: '';
   background-image: url("images/list_logo.png");
   background-repeat: no-repeat;
   background-size: contain;
   display: inline-block;
   width: 45px;
   height: 28px;
   position: absolute;
   top: 50%;
   left: 12px;
   transform: translate(0,-50%);
   background-size: contain;
}

.desc_box {
     padding: 13px 10px 10px 66px;
					color: #FFF;
					font-size: 13px;
					letter-spacing: 1.1;
					position: relative;
}

.desc_box span::before {
   content: '';
   background-image: url("images/list_logo.png");
   background-repeat: no-repeat;
   background-size: contain;
   display: inline-block;
   width: 50px;
   height: 26px;
   position: absolute;
   top: 50%;
   left: 12px;
   transform: translate(0,-50%);
   background-size: contain;
}

.app_title {
    padding: 10px 10px 10px 52px;
    font-size: 16px;
    font-weight: bold;
				background: #dcedff;
				border-left: 1px solid #c0c0c0;
				border-right: 1px solid #c0c0c0;
				position: relative;
}

.subTitle_li ul {
    margin: 0;
				padding: 20px;
				list-style: none;
				border: 1px solid #c0c0c0;
}

.subTitle_li ul li {
    line-height: 15px;
    margin: 0 0 10px 0;
				padding: 0 0 0 15px;
				background: url("images/icon_pin.png") no-repeat;
				background-image: url("images/icon_pin.png");	
				background-position: left 0 top 3px;	
				background-repeat: no-repeat;
}

.subTitle_li ul li a {
    font-size: 13px;
				color: #4D4D4D;
				
}

.subTitle_li ul li a:hover {
    text-decoration: underline !important;
				color: #1a1ca8;
}


body {
	height: calc(100% - 40px);
	margin-bottom: 50px;	
	font-family: 'IBM Plex Sans', sans-serif, Meiryo;
}


.color_white {
  color: white !important;
}

.color_red {
  color: red !important;
}

.color_green {
  color: #23DB30 !important;
}

.color_blue {
  color: #7890F0 !important;
}

.btn_box02 {
  width: 500px;
  margin: 0 auto;
}
.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ec881e;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #B55000;
  border-radius: 3px;
  text-align: center;
  width: 500px;
}

.btn-square-shadow:hover {
  color: #B55000;
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
#wpmem_login .link-text {
    padding: 4px 0;
    width: 74%;
    text-align: right;
    display: none;
}
.btn_back {
  margin-right: 12px;

}

.ety_ttl {
  font-size: 22px;
  font-weight: bold;
  background: #063378;
  color: #ffffff;
  margin: 20px 0 0;
  padding: 15px 25px;
}

.form_box {
  margin: 20px 0 0;
}

.btn_box {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.btn_box button,
.btn_box div a {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #666666;
  color: #ffffff;
  height: 60px;
  padding: 0.5vw 1vw;
  position: relative;
  z-index: 0;
  border: none;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  letter-spacing: 0.2em;
  width: 15em;
  font-weight: 900;
}

.btn_box button:hover,
.btn_box > div a:hover {
  background: #eb6100;
}

.left {
  float: left;
}

.wrapper {
  margin: 20px 0 0;
}

.wrapper .top_bar {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  background: #ffffff;
  padding: 10px;
}

.wrapper .top_bar .favorite {
  border-right: 1px solid #c0c0c0;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  width: 200px;
}

.wrapper .top_bar .google_srch {
  border-right: 1px solid #c0c0c0;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  flex: 1 1;
  -webkit-flex: 1 1;
  width: 100%;
}

.wrapper .top_bar .google_srch form {
  margin: 0;
  width: 100%;
}

.wrapper .top_bar .google_srch .google_form {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
}

.wrapper .top_bar .google_srch .google_form .google_inp {
  width: 100%;
}

.wrapper .top_bar .google_srch .google_form .google_inp input {
  border-radius: 5px;
  min-height: 35px;
  height: 35px;
  padding: 4px 8px;
}

.wrapper .top_bar .google_srch .google_form .google_btn {
  margin: 0 0 0 5px;
}

.wrapper .top_bar .google_srch .google_form .google_btn input {
  background: #dadada;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  height: 35px;
  padding: 0 20px;
}

.access_counter {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #4d4d4d;
  border: 1px solid #808080;
  border-radius: 5px;
  padding: 0 5px 0 10px;
  height: 35px;
}

.access_counter dl {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin: 0;
}

.access_counter dl.today {
  margin: 0 0 0 10px;
}

.access_counter dl dt {
  font-weight: normal;
  font-size: 16px;
  color: yellow;
}

.access_counter dl dd {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  background: #1a1a1a;
  border: 1px solid #8d8d8d;
  border-radius: 5px;
  color: #ffffff;
  margin: 0 0 0 8px;
  padding: 0 5px;
  height: 25px;
  letter-spacing: 0.15em;
}

.access_counter dl.access dd {
  width: 7em;
}

.access_counter dl.today dd {
  width: 4em;
}

.wrapper .top_news {
  margin: 15px 0;
}

.wrapper .top_news p {
  margin: 0;
}

.wrapper .contents > section {
  margin: 40px 0 0;
}

.wrapper .contents > section:first-of-type {
  margin: 0;
}

.wrapper .contents #block01 {
  background: #ffffff;
  padding: 40px;
}

.wrapper .contents #block01 section {
  display: flex;
  display: -webkit-flex;
  /* width: calc(100% + 30px); */
		width: 860px;
  position: relative;
  margin: 30px 0 0;
  padding: 30px 0 0;
}

.wrapper .contents #block01 section:first-of-type {
  margin: 0;
  padding: 0;
}

.wrapper .contents #block01 section:before {
  background: #c0c0c0;
  content: "";
  height: 1px;
  width: calc(100% - 30px);
  position: absolute;
  top: 0;
  left: 0;
}

.wrapper .contents #block01 section:first-of-type:before {
  content: none;
}

.wrapper .contents #block01 section .category {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* width: calc(100% / 4 - 30px); */
		width: calc(100% / 3 - 30px);
  margin-left: 30px;
}

.wrapper .contents #block01 section .category:first-of-type {
  margin-left: 0;
}

.wrapper .contents #block01 section .category .category_img {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 10px;
  color: #ffffff;
  height: 125px;
}

.wrapper .contents #block01 section .category .category_img h1 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin: 0;
}

.wrapper .contents #block01 section .category .category_img h1 span:nth-of-type(1) {
  font-size: 22px;
  font-weight: bold;
}

.wrapper .contents #block01 section .category .category_img h1 span:nth-of-type(2) {
  font-size: 14px;
}

.wrapper .contents #block01 section .category .category_img h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

.wrapper .contents #block01 section .category .category_txt {
  margin: 15px 0 0;
}

.wrapper .contents #block01 section .category .category_txt a {
  color: #555;
}

.wrapper .contents #block01 section .category .category_txt a:hover {
  color:#006eaa;
}



.wrapper .contents #block01 section .category .category_txt p {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
}

.wrapper .contents #block01 section .category .category_txt p span {
  font-size: 13px;
  font-weight: bold;
  background: #c1272d;
  color: #ffffff;
  margin: 0 5px 0 0;
  padding: 0.1em 0.35em;
}

.wrapper .contents #block01 section .category .category_txt .category_txt_below {
  margin: 10px 0 0;
}

.wrapper .contents #block01 section .category .category_txt .category_txt_link {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  font-weight: normal;
  line-height: 1.2;
  margin: 15px 0 0;
}

.wrapper .contents #block01 section .category .category_txt .category_txt_link a {
  color: #555555;
  display: flex;
  display: -webkit-flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  position: relative;
  padding: 0 1.5em 0 0;
}

.wrapper .contents #block01 section .category .category_txt .category_txt_link a:before,
.wrapper .contents #block01 section .category .category_txt .category_txt_link a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}

.wrapper .contents #block01 section .category .category_txt .category_txt_link a:before {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #063378;
}

.wrapper .contents #block01 section .category .category_txt .category_txt_link a:after {
  top: 5px;
  right: 6px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wrapper .contents #block01 section .category .category_txt .category_txt_link a:hover {
  color: #eb6100;
}

.wrapper .contents #block01 section .category .category_txt .category_txt_link a:hover:before {
  background: #eb6100;
}

.wrapper .contents #block01 section .category .category_txt time {
  font-size: 13px;
  display: block;
  text-align: right;
}

.wrapper .contents #block01 section .category .category_txt .category_txt_above {
  margin: 0 0 10px;
}

.wrapper .contents #block01 section a:hover .category_img {
  opacity: 0.8;
}

.wrapper .contents #block01 section .category_img {
  background-size:cover;
}

.wrapper .contents #block01 section #rpg .category_img {
  background-image: url("images/category_bg_001.jpg");
}

.wrapper .contents #block01 section #pase .category_img {
  background-image: url("images/category_bg_001.jpg");
}

.wrapper .contents #block01 section #linux .category_img {
  background-image: url("images/category_bg_linux.jpg");
}

.wrapper .contents #block01 section #rpg .category_img h1 span:nth-of-type(1) {
  color: #e55a24;
}

.wrapper .contents #block01 section #cmd .category_img {
  background-image: url("images/category_bg_002.jpg");
}

.wrapper .contents #block01 section #cmd .category_img h1 span:nth-of-type(1) {
  color: #9697b4;
}

.wrapper .contents #block01 section #cl .category_img {
  background-image: url("images/category_bg_003.jpg");
}

.wrapper .contents #block01 section #cl .category_img h1 span:nth-of-type(1) {
  color: #7abd43;
}

.wrapper .contents #block01 section #env .category_img {
  background-image: url("images/category_bg_004.jpg");
}

.category_img {
  position: relative;
}

.category_img .member_icon {
  position: absolute;
  top: 10px;
  right:10px;
  padding: 4px;
  font-size: 10px;
  color: #FFF;
  background: #d7223e;
  border-radius: 4px;
}

.wrapper .contents #block01 section #env .category_img h1 span:nth-of-type(1) {
  color: #eb871e;
}

.wrapper .contents #block01 section #db .category_img {
  background-image: url("images/category_bg_005.jpg");
}

.wrapper .contents #block01 section #db .category_img h1 span:nth-of-type(1) {
  color: #a5b9d3;
}

.wrapper .contents #block01 section #ifs .category_img {
  background-image: url("images/category_bg_006.jpg");
}

.wrapper .contents #block01 section #ifs .category_img h1 span:nth-of-type(1) {
  color: #dada3d;
}

.wrapper .contents #block01 section #emu .category_img {
  background-image: url("images/category_bg_007.jpg");
}

.wrapper .contents #block01 section #emu .category_img h1 span:nth-of-type(1) {
  color: #ff7ba0;
}

.wrapper .contents #block01 section #dqs .category_img {
  background-image: url("images/category_bg_008.jpg");
}

.wrapper .contents #block01 section #dqs .category_img h1 span:nth-of-type(1) {
  color: #80ba3f;
}

.wrapper .contents #block01 section #tls .category_img {
  background-image: url("images/category_bg_009.jpg");
}

.wrapper .contents #block01 section #tls .category_img h1 span:nth-of-type(1) {
  color: #ff9bc5;
}

.wrapper .contents #block01 section #pnl .category_img {
  background-image: url("images/category_bg_010.jpg");
}

.wrapper .contents #block01 section #pnl .category_img h1 span:nth-of-type(1) {
  color: #009d91;
}

.wrapper .contents #block01 section #c400 .category_img {
  background-image: url("images/category_bg_011.jpg");
}

.wrapper .contents #block01 section #c400 .category_img h1 span:nth-of-type(1) {
  color: #efa43b;
}

.wrapper .contents #block01 section #nwk .category_img {
  background-image: url("images/category_bg_012.jpg");
}

.wrapper .contents #block01 section #nwk .category_img h1 span:nth-of-type(1) {
  color: #299fd6;
}

.wrapper .contents #block01 section #dev .category_img {
  background-image: url("images/category_bg_013.jpg");
}

.wrapper .contents #block01 section #dev .category_img h1 span:nth-of-type(1) {
  color: #009d91;
}

.wrapper .contents #block01 section #fac .category_img {
  background-image: url("images/category_bg_014.jpg");
}

.wrapper .contents #block01 section #sp5 .category_img {
  background-image: url("images/category_bg_010.jpg");
}

.wrapper .contents #block01 section #fac .category_img h1 span:nth-of-type(1) {
  color: #cdd421;
}

.wrapper .contents #block01 section #linux .category_img h1 span:nth-of-type(1) {
  color: #cdd421;
}

.wrapper .contents #block01 section #sp5 .category_img h1 span:nth-of-type(1) {
  color: #FF4000;
}

.wrapper .contents #block01 section #wdw .category_img {
  background-image: url("images/category_bg_017.jpg");
}
  
.wrapper .contents #block01 section #wdw .category_img h1 span:nth-of-type(1) {
  color: #dd811e;
}  

.wrapper .contents #block01 section #wds .category_img {
  background-image: url("images/category_bg_015.jpg");
}

.wrapper .contents #block01 section #wds .category_img h1 span:nth-of-type(1) {
  color: #299fd6;
}

.wrapper .contents #block01 section #pase .category_img h1 span:nth-of-type(1) {
  color: #299fd6;
}

.wrapper .contents #block01 section #history .category_img {
  background-image: url("images/category_bg_016.jpg");
}

.wrapper .contents #block01 section #history .category_img h1 span:nth-of-type(1) {
  color: #fd0042;
}

.wrapper .contents #block01 section #python .category_img {
  background-image: url("images/category_bg_014.jpg");
}

.wrapper .contents #block01 section #python .category_img h1 span:nth-of-type(1) {
  color: #fd0042;
}

.wrapper .contents #block01 section #math .category_img {
  background-image: url("images/category_bg_018.jpg");
}
  
.wrapper .contents #block01 section #math .category_img h1 span:nth-of-type(1) {
  color: #cdd421;
}

.wrapper .contents #block01 section #hashizume .category_img {
  background-image: url("images/category_bg_019.jpg");
}
  
.wrapper .contents #block01 section #hashizume .category_img h1 span:nth-of-type(1) {
  color: #009d91;
}
  

.wrapper .contents #block02 section:not(:first-of-type) {
  margin: 35px 0 0;
}

.wrapper .contents #block02 #manual_sec h1 {
  font-size: 22px;
  font-weight: bold;
  background: #006eaa;
  color: #ffffff;
  margin: 0;
  padding: 15px 25px;
}

.wrapper .contents #block02 #manual_sec .manual_box {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 20px 0 0;
}

.wrapper .contents #block02 #manual_sec .manual_box h2 {
  font-size: 19px;
  font-weight: bold;
  background: #006eaa;
  color: #ffffff;
  margin: 0;
  padding: 10px 20px;
}

.wrapper .contents #block02 #manual_sec .manual_box h2.mt_10 {
  margin: 10px 0 0;
}

.wrapper .contents #block02 #manual_sec .manual_box h3 {
  font-size: 18px;
  font-weight: normal;
  background: #a5b9d3;
  color: #004e80;
  margin: 10px 0 0;
  padding: 10px 20px;
}

.wrapper .contents #block02 #manual_sec .manual_box .manual {
  width: calc(100% / 4);
  border-right: 1px solid #c0c0c0;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
}

.wrapper .contents #block02 #manual_sec .manual_box .manual:last-of-type {
  border-right: none;
  margin: 0;
  padding: 0;
}

.wrapper .contents #block02 #manual_sec .manual_box .manual ul {
  list-style: none;
  padding: 10px 0 0 10px;
  margin-bottom: 0;
}

.wrapper .contents #block02 #manual_sec .manual_box .manual ul li{
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.wrapper .contents #block02 #manual_sec .manual_box .manual ul li a {
  font-size: 13px;
  margin: 0;
  text-decoration: underline !important;
}

.wrapper .contents #block02 #chao_sec {
  background: #ffffff;
}

.wrapper .contents #block02 #meeting_sec {
  background: #ffffff;
}

.wrapper .contents #block02 #bnr_sec ul {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 0;
  padding: 0;
}

.wrapper .contents #block02 #bnr_sec ul li {
  list-style: none;
}

.wrapper .contents #block02 #bnr_sec ul li a:hover img {
  opacity: 0.6;
}

.wrapper .contents #block03 {
  background: #ffffff;
  padding: 40px;
}

.wrapper .contents #block03 #introduction_sec h1 {
  font-size: 22px;
  font-weight: bold;
  background: #063378;
  color: #ffffff;
  margin: 0;
  padding: 15px 25px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 30px 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box {
  width: 450px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section:not(:first-of-type) {
  margin: 20px 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .display_box {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  border: 1px solid #c0c0c0;
  border-radius: 10px;
  height: 140px;
  position: relative;
}

/*.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .display_box:after {
  content: "";
  width: 0;
  height: 0;
  border: solid 8px transparent;
  border-left: solid 14px #006eaa;
  position: absolute;
  bottom: 10px;
  right: 5px;
}*/

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .display_box picture {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 0 0 10px;
  display: block;
  width: 150px;
  position: relative;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box #ikeda .display_box picture {
  background-image: url("images/prof01.jpg");
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box #utsunomiya .display_box picture {
  background-image: url("images/prof02.jpg");
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box #otake .display_box picture {
  background-image: url("images/prof03.jpg");
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .display_box picture:before {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  top: 50%;
  left: 100px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100px;
  width: 100px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box #ikeda .display_box picture:before {
  background-image: url("images/staff_ikeda.png");
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box #utsunomiya .display_box picture:before {
  background-image: url("images/staff_utsunomiya.png");
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box #otake .display_box picture:before {
  background-image: url("images/staff_otake.png");
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .display_box p {
  font-size: 13px;
  margin: 0;
  flex: 1 1;
  -webkit-flex: 1 1;
  padding: 15px 15px 15px 70px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .display_box a {
  color: #555555;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .display_box a:hover {
  color: #1d70a8;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box {
  margin: 15px 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box h2 {
  font-size: 17px;
  font-weight: bold;
  background: #063378;
  color: #ffffff;
  margin: 0;
  padding: 10px 15px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .article_box {
  font-size: 14px;
  margin: 15px 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .article_box article {
  border-bottom: 1px solid #c0c0c0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .article_box article a {
  color: #555555;
  display: block;
  padding: 15px 0 10px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .article_box article:first-of-type a {
  padding: 0 0 10px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .article_box article a:hover {
  color: #1d70a8;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .article_box article p {
  margin: 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .article_box article p span {
  font-size: 13px;
  font-weight: bold;
  background: #c1272d;
  color: #ffffff;
  margin: 0 5px 0 0;
  padding: 0.1em 0.35em;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .article_box article time {
  display: block;
  text-align: right;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .blog_txt_link {
  font-size: 13px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  line-height: 1.2;
  margin: 10px 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .blog_txt_link a {
  color: #555555;
  display: flex;
  display: -webkit-flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  position: relative;
  padding: 0 1.5em 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .blog_txt_link a:before,
.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .blog_txt_link a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .blog_txt_link a:before {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #063378;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .blog_txt_link a:after {
  top: 5px;
  right: 6px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .blog_txt_link a:hover {
  color: #eb6100;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .left_box section .blog_box .blog_txt_link a:hover:before {
  background: #eb6100;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box {
  flex: 1 1;
  -webkit-flex: 1 1;
  margin: 0 0 0 40px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #update_sec h2 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #update_sec .update_box {
  display: flex;
  display: -webkit-flex;
  align-items: top;
  -webkit-align-items: top;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 15px 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #update_sec .update_box .update{
  width: 48%;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #update_sec .update_box .update ul{
  font-size: 13px;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  border-radius: 0 0 10px 10px;
  margin: 0;
  padding: 10px 20px;
}


.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #update_sec .update_box .update:not(:first-of-type) {
  margin: 0 0 0 30px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #update_sec .update_box .update h3 {
  font-size: 16px;
  background: #666666;
  border-radius: 10px 10px 0 0;
  color: #ffffff;
  text-align: center;
  margin: 0;
  padding: 5px 10px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec {
  margin: 30px 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec h2 {
  font-size: 19px;
  font-weight: bold;
  background: #063378;
  color: #ffffff;
  margin: 0;
  padding: 15px 25px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec .product_box {
  margin: 30px 0 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec .product_box ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: calc(100% + 15px);
  margin: 0;
  padding: 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec .product_box ul li {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: calc(100% / 3 - 15px);
  margin-top: 15px;
  margin-left: 15px;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec .product_box ul li:nth-of-type(-n+3) {
  margin-top: 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec .product_box ul li:nth-of-type(3n+1) {
  margin-left: 0;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec .product_box ul li a {
  width: 100%;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec .product_box ul li a:hover img {
  opacity: 0.6;
}

.wrapper .contents #block03 #introduction_sec .introduction_box .right_box #product_sec .product_box ul li img {
  width: 100%;
}

.wrapper .contents #block03 #foot_sec {
  display: flex;
  display: -webkit-flex;
  border-top: 4px solid #c0c0c0;
  margin: 30px 0 0;
  padding: 30px 0 0;
}

.wrapper .contents #block03 #foot_sec h2 {
  font-size: 19px;
  font-weight: bold;
  background: #0071b0;
  color: #ffffff;
  margin: 0;
  padding: 10px 20px;
}

.wrapper .contents #block03 #foot_sec .left_box {
  border-right: 3px solid #c0c0c0;
  margin: 0 35px 0 0;
  padding: 0 35px 0 0;
  flex: 1 1;
  -webkit-flex: 1 1;
}

.wrapper .contents #block03 #foot_sec .left_box section:not(:first-of-type) {
  margin: 35px 0 0;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 20px 0 0;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site {
  border-right: 1px solid #c0c0c0;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  flex: 1 1;
  -webkit-flex: 1 1;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site:last-of-type {
  border-right: none;
  margin: 0;
  padding: 0;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site h3 {
  font-size: 19px;
  font-weight: bold;
  color: #0071b0;
  margin: 0;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site .site_box {
  margin: 10px 0 0;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site .site_box a {
  margin-bottom: 10px;
  display: block;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site .site_box .site {
  display: flex;
  display: -webkit-flex;
  align-items: self-start;
  -webkit-align-items: self-start;
  margin: 8px 0 0;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site .site_box .site:first-of-type {
  margin: 0;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site .site_box .site figure {
  width: 36px;
}

.wrapper .contents #block03 #foot_sec .left_box #reference_sec .reference_box .reference_site .site_box .site p {
  font-size: 11px;
  line-height: 1.5;
  margin: 0 0 0 5px;
  flex: 1 1;
  -webkit-flex: 1 1;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box {
  margin: 20px 0 0;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box .tech_box {
  display: flex;
  display: -webkit-flex;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box .tech_box .tech {
  border-right: 1px solid #c0c0c0;
  margin: 0 30px 0 0;
  padding: 0 30px 0 0;
  flex: 1 1;
  -webkit-flex: 1 1;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box .tech_box .tech:last-of-type {
  border-right: none;
  margin: 0;
  padding: 0;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box .tech_box .tech h3 {
  font-size: 19px;
  font-weight: bold;
  color: #0071b0;
  margin: 0;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box .tech_box .tech ul {
  font-size: 13px;
  line-height: 1.7;
  margin: 10px 0 0;
  padding: 0 0 0 20px;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box .sns_box {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 30px 0 0;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box .sns_box > div {
  flex: 1 1;
  -webkit-flex: 1 1;
}

.wrapper .contents #block03 #foot_sec .left_box #information_sec .information_box .sns_box .tw_box {
  border: 1px solid rgba(15,70,100,.12);
  margin: 0 0 0 30px;
}

.wrapper .contents #block03 #foot_sec .right_box {
  width: 300px;
}

.wrapper .contents #block03 #foot_sec .right_box section:not(:first-of-type) {
  margin: 20px 0 0;
}

.wrapper .contents #block03 #foot_sec .right_box section p {
  font-size: 13px;
  line-height: 1.7;
  margin: 10px 0 0 20px;
}

.wrapper .contents #block03 #foot_sec .right_box section ul {
  padding-left: 14px;
  padding-top: 10px;
  list-style: none;
}

.wrapper .contents #block03 #foot_sec .right_box section ul:nth-of-type(n+2) {
  padding-top: 0;
}

.wrapper .contents #block03 #foot_sec .right_box section ul li a {
  font-size: 13px;
  line-height: 1.7;
  margin: 10px 0 0 0;
}


#sub_area2 ul li {
    margin-bottom: 5px;
    padding-left: 20px;
    list-style: none;
    background: url(images/area1_news_arrow.gif)  left 0px top 7px no-repeat;
}

#service_2 ul li {
    padding-left: 20px;
    list-style: none;
    background: url(images/service2_icon_as.gif)  left 0px top 7px no-repeat;
}

#service_2 ul li.pdf {
    background-image: url(images/service2_icon_pdf.gif);
}

#service_3 ul li {
    margin-bottom: 5px;
    padding-left: 20px;
    list-style: none;
    background: url(images/service2_icon_as.gif)  left 0px top 7px no-repeat;
}

#service_3 ul#other-pcomm li {
    margin-bottom: 5px;
    padding-left: 20px;
    list-style: none;
    background: url(images/service4_icon_pcomm.png)  left 0px top 7px no-repeat;
}

#service_4 ul li {
    margin-bottom: 5px;
    padding-left: 20px;
    list-style: none;
    background: url(images/service2_icon_as.gif)  left 0px top 7px no-repeat;
}

#service_5 ul li {
    margin-bottom: 5px;
    padding-left: 20px;
    list-style: none;
    background: url(images/service_icon_ms.gif) left 0px top 7px no-repeat;
}

#service_6 ul li {
    margin-bottom: 5px;
    padding-left: 20px;
    list-style: none;
    background: url(images/service1_icon_book.gif) left 0px top 7px no-repeat;
}








#secondary {
	background-color: #333;
}
#top-only {
	z-index: 1;
	position: relative;
	margin-right: -15px;
	color: #fff;
	height: 250px;
	background: #0575c2 url(images/header-main2.jpg) no-repeat center center;
	background-size: cover;
	margin-left: -15px;
}
#header-h1-logo {
	width: 300px;
	text-align: center;
	float: left;
	position: relative;
	z-index: 2;
	display: none;
}
.header-h1-logo-block {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(230,222,213,.8);
	padding-top: 15px;
	padding-bottom: 15px;
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.header-h1-logo-block img {
	width: 80%;
	height: auto;
}
#header-title-wrap {
	height: 250px;
	position: relative;
	margin-left: 20px;
	font-family: "游ゴシック体", YuGothic;
	font-size: 18px;
}
.header-title-info {
	width: 80%;
	padding-top: 20px;
}
.header-title-info p {
	line-height: 1.35em;
	margin-bottom: 10px;
	font-size: 15px;
	text-shadow: black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;;
	font-weight: normal;
}
.mobile-bar-title {
	display: inline;
}
.header-title-info em {
	font: normal bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 18px;
	text-shadow: black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}
.header-title-info img {
	width: 70%;
}

.ibmi-hard {
	position: absolute;
	right: 10px;
	bottom: -18px;
	height: auto;
	width: 28%;
}
#top-only h1 {
	margin: 0;
	padding: 0;
}
#masthead.site-header {
}
#secondary .toggle-sidebar,#secondary .toggle-navigation {
	float: none;
	margin-top: 0;
}
.member-count {
	background-color: rgba(0,0,0,.5);
	border: 1px solid #515151;
	padding: 4px 12px;
	line-height: 1.7em;
	display: inline-block;
	position: absolute;
	right: 325px;
	top: 150px;
}
.member-count span {
	color: #ffff00;
	font-weight: 500;
	font-size: 1.5em;
	vertical-align: middle;
	margin-right: 4px;
	margin-left: 4px;
}
#member-count_regist {
	font-size: 12px;
	color: #ffffff;
	background-color : #ff0000;
	border-radius: 6px; 
	padding: 4px;
	margin: 1px 2px 1px 20px;
}

.member-count a:hover #member-count_regist {
  font-size: 12px;
  color: #ffffff;
  background-color : #D9A300;
  border-radius: 6px; 
  padding: 4px;
  margin: 1px 2px 1px 20px;
}


.page-head-block {
	background: url(images/page-header.jpg) no-repeat left center;
	background-size: cover;
}
.page-head-block-scale {
	padding: 0;
	display: flex;
	justify-content: space-between;
	height: 80px;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
}
.page-head-logo {
	width: 50%;
	display: flex;
	align-items: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.page-head-logo h1 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.page-head-logo h1 img {
	width: 100%;
}
.page-head-logo h1 img:hover {
	opacity: 0.85;
}
.head-member-count {
	border: 1px solid #515151;
	padding-left: 10px;
	padding-right: 10px;
	color: #e0e0e0;
	background-color: rgba(0,0,0,.7);
	font: normal 1.2em/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.page-head-member-count {
	width: 25%;
	display: flex;
	align-items: center;
}
.head-member-count span {
	color: #ffb600;
	font-size: 1.5em;
	vertical-align: middle;
	margin-right: 4px;
	margin-left: 4px;
	font-weight: normal;
	font-style: normal;
}
/*トップページのCSS*/
.t20 { margin-top: 20px; }

/*サイドバータイトル*/
#sidebar-in {
	width: 22%;
	float: right;
	margin-right: 30px;
}
h3.widget-title {
	background-color: #0575c2;
	padding-left: 5px;
	line-height: 1.5em;
	color: #fff;
}
h3.widget-title i {
	margin-right: 5px;
}
#categories-2 .widget-title:before {
	content: "";
	font-size: 30px;
	vertical-align: middle;
	margin-right: 6px;
}
#custom_html-2 .widget-title:before {
	content: "\f234";
	font-size: 30px;
	vertical-align: middle;
	margin-right: 6px;
}
#custom_html-4 .widget-title:before {
	content: "\f086";
	font-size: 30px;
	vertical-align: middle;
	margin-right: 6px;
}
#custom_html-3 .widget-title:before {
	content: "\f059";
	font-size: 30px;
	vertical-align: middle;
	margin-right: 6px;
}
/*サイドバータイトル*/

/*カウンター*/
.wrapTotalCount,.wrapTodayCount {
	display: inline-block;
	font-style: italic;
	margin-right: 20px;
}
span.todayCount4 {
	color: #222222;
}
/*カウンター*/


#page:before {
	content:"";
	display:block;
	position:absolute;
	height: calc(100% - 35px);
	width:300px;
	background-color: transparent !important;
}


/*Header*/
.top_bn_staff_only {
	background-color: #d63e56;
	color: #fff;
	text-align: center;
	line-height: 2em;
}
.top_bn_staff_only a {
	color: #ff0;
}
.loginform-block {
	background-color: #515151;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: flex;
justify-content: space-between;
}
input#login_password,input#login_username,input#login_btn {
	font-size: 12px;
	line-height: 12px;
	height: 25px;
	min-height: 25px;
}
input#login_btn {
	border-radius: 12px;
	border-style: none;
	padding-left: 3em;
	padding-right: 3em;
	background-color: #0071b1;
	color: #ffffff;
}
.loginform-online {
	float: right;
	margin-right: 10px;
	color: #fff;
}
.loginform-online a {
	color: #ffb600;
}
.loginform-offline {
	font-size: 12px;
	display: inline;
	float: right;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.loginform-offline label {
	margin: 0;
	color: #fff;
}
.loginform-offline table {
	 border-collapse: collapse;
	 border-spacing: 0;
	border-style: none;
	margin: 0;
}
.loginform-offline table tr {
}
.loginform-offline table th {
	background-color: transparent;
	padding: 0 0 0 10px;
	border-style: none;
}
.loginform-offline table td {
	padding: 0 0 0 10px;
	border-style: none;
}
.login-error {
	color: #fff;
	margin-left: 10px;
	background-color: #d63e56;
	text-align: center;
}
span.link-text-register {
	text-align: center;
	display: block;
	padding: 10px;
	background-color: #ffcd52;
	font-size: 1.4em;
	border-radius: 10px;
}
.regist-topbar {
	vertical-align: bottom;
	display: block;
}
.regist-topbar a {
	line-height: 25px;
	color: #ffccd4;
	text-decoration: underline !importnt;
	display: block;
}
.regist-topbar a:after {
	font-family: FontAwesome;
	content: " \f054";
}
.regist-topbar a:hover {
	color: #ff94a5;
}
.breadcrumbs-space {
	line-height: 2.5em;
}
/*Header*/


/*トップページ*/
.site-main {
	padding: 0 50px;
}
.site-main h2 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
}
#page>.container{
	background-color: transparent;
}
#page {
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
}
#primary {
	padding: 0;
	width: 100%;
}
.container {
}
.content-area {
}
#content-wrap {
	width: 72%;
	float: left;
	background-color: #ffffff;
}
.site-content {
	width: auto;
	padding: 0 20px 20px;
	background-color: #ffffff;
	margin-top: 0;
}
.ads-bnr {
	margin-bottom: 20px;
}
.ads-bnr img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 1px solid #cacaca;
	box-sizing:border-box;
}
.ads-link-go {
	text-align: right;
	display: block;
	font-size: 12px;
}
.ads-link-go:before {
	content: "Ads by ";
}
.news-block {
	border: 1px solid #0575c2;
	padding: 0 20px 20px;
	margin-bottom: 50px;
	margin-top: 50px;
}
.news-block h3 {
	color: #ff7d00;
	font-weight: bold;
	margin-bottom: 5px;
}
.news-block h2,.bnr-section h2,.lecturer h2,.as400-service h2 {
	background-color: #0575c2;
	height: 2em;
	vertical-align: middle;
	line-height: 2em;
	color: #fff;
	margin-right: -20px;
	margin-left: -20px;
	padding-left: 55px;
	margin-bottom: 20px;
	position: relative;
}
.news-block h2:before,.bnr-section h2:before,.lecturer h2:before,.as400-service h2:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 65px;
	background: url(http://www.as400-net.com/images/ribbon.png) no-repeat;
	background-size: contain;
	top: -10px;
	left: 7px;
}
.bnr-section {
	border: 1px solid #0575c2;
	padding: 0 20px 20px;
	margin-bottom: 50px;
	margin-top: 50px;
}
.ads-section {
	border: 1px solid #0575c2;
	padding: 10px;
	margin-top: 10px;
}
.recruit-sectiion {
	margin-top: 10px;
	padding-top: 10px;
	display: block;
	border-top: 1px dotted #919191;
}
.ads-section,.recruit-sectiion {
	margin-bottom: 10px;
}
.ads-section img,.recruit-sectiion img {
	width: 100%;
	height: auto;
}
.news-block-latest {
	border: 1px solid #d5d5d5;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.news-block-latest h4 {
	font-weight: bold;
	background-color: #ff7d00;
	color: #fff;
	margin-left: -20px;
	width: 12em;
	line-height: 1.8em;
	padding-left: 10px;
	font-size: 16px;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}
.news-block-latest ul {
	font-size: 14px;
	margin-bottom: 0;
	clear: both;
}
.news-block-latest li {
	border-bottom: 1px dotted #cacaca;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-indent: -17px;
	list-style-type: none;
}
.news-block-latest li:before {
	content: "";
	background-color: #ff7f00;
	height: 14px;
	width: 14px;
	display: inline-block;
	vertical-align: -1px;
	text-align: center;
	border-radius: 3px;
	line-height: 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-indent: 0;
	background-image: url(images/listicon.png);
	background-size: contain;
}
.news-block-latest li:last-child {
	border-bottom-style: none;
}
.required-membership {
	background-color: #d7223e;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	vertical-align: 1px;
	padding: 2px 6px;
}
#rss-feed-wrap {
	padding: 0;
	vertical-align: top;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-top: 0;
	margin-bottom: 0;
}
#rss-feed-wrap h3 {
	display: block;
	width: 100%;
	color: #0575c2;
}
.rss-feed-block {
	width: 48%;
	border: 1px solid #d5d5d5;
	padding: 0 10px;
	border-radius: 10px;
}
.rss-feed-block h4 {
	font-weight: bold;
	background-color: #0575c2;
	color: #fff;
	margin-left: -20px;
	width: 12em;
	line-height: 1.8em;
	padding-left: 10px;
	font-size: 16px;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}
#rss-feed-wrap h2 {
	font-weight: bold;
	display: block;
	width: 100%;
}
.rss-feed-block h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-right: -10px;
	margin-left: -10px;
	padding-left: 10px;
}
.rss-feed-block ul {
	font-size: 14px;
}
.rss-feed-block li {
	border-bottom: 1px dotted #cacaca;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-indent: -17px;
	list-style-type: none;
}
.rss-feed-block li:before {
	content: "";
	background-color: #0575c2;
	height: 14px;
	width: 14px;
	display: inline-block;
	vertical-align: -1px;
	text-align: center;
	border-radius: 3px;
	line-height: 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-indent: 0;
	background-image: url(images/listicon.png);
	background-size: contain;
}

span.president-blog,span.environment {
	background-color: #515151;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	vertical-align: 1px;
	text-align: center;
	width: 10em;
	display: inline-block;
	text-indent: 0;
	margin-right: 10px;
	height: 1.6em;
	line-height: 1.65em;
}
span.rpg {
	background-color: #515151!important;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
	width: 10em;
	display: inline-block;
	text-indent: 0;
	margin-right: 10px;
	height: 1.6em;
	line-height: 1.65em;
}
span.panel-group,span.network,span.cmd,span.ifs,span.windows,span.emulator5250 {
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	vertical-align: 1px;
	display: inline-block;
	text-align: center;
	text-indent: 0;
	margin-right: 10px;
	line-height: 1.65em;
	height: 1.6em;
	padding-right: 1em;
	padding-left: 1em;
}

span.c400 {
	background-color: #515151;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	vertical-align: 1px;
	text-align: center;
	width: 10em;
	display: inline-block;
	text-indent: 0;
	margin-right: 10px;
	line-height: 1.65em;
	height: 1.6em;
}
.chao-frame{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.chao-frame iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* Flexbox row styles */

.lecturer {
	border: 1px solid #0575c2;
	padding: 0 20px 20px;
	margin-bottom: 50px;
}
.three-flex {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-right: auto;
	margin-left: auto;
}
.three-flex-card {
	width: 31%;
	border-radius: 5px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
}
.three-flex-card-img {
	width: 100%;
	height: auto;
	border-top-left-radius : 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius : 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
}
.instructor {
	margin-right: 1em;
	margin-left: 1em;
}
.instructor h3 {
	text-align: center;
	margin: 0;
}
.instructor p {
	margin: 0;
}
.instructor ul {
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0 0 0 1.5em;
}
.instructor li {
	float: left;
	width: 50%;
	font-size: .8em;
}
.faceimage {
	text-align: center;
	display: block;
	margin-top: -74px;
}
.faceimage img {
	border-radius: 50%;
	width: 120px;
	height: auto;
	border: 5px solid #fff;
}
/*.three-flex div {
	padding: 0 12px 0 10px;
	width: 32%;
	margin-left: 10px;
	border-left-style: solid;
	border-left-width: 1px;
}
.three-flex div img {
	width: 100px;
	height: auto;
	float: left;
}
div.instructor {
	float: left;
	width: calc(100% - 120px);
	padding: 0 0 0 10px;
	border-style: none;
}
div.instructor h3 {
	padding-left: 5px;
	border-left: 4px solid #0575c2;
	margin-bottom: 5px;
	display: inline-block;
}
div.instructor p {
	margin: 0 0 0 10px;
	border: 1px solid #0575c2;
	display: inline-block;
	padding: 1px 5px;
	color: #0575c2;
}
div.instructor ul {
	margin: 0;
	font-size: .8em;
	padding: 0 0 0 2.5em;
}*/

.as400-service {
	border: 1px solid #0575c2;
	padding: 0 20px 20px;
	margin-bottom: 50px;
	margin-top: 50px;
}
.two-flex {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-right: auto;
	margin-left: auto;
}
.two-flex-block {
	width: 49%;
}

.two-flex div span {
	width: 3em;
	height: 3em;
	border-radius: 10px;
display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:row;
	float: left;
	margin-right: 10px;
}
.two-flex div i {
	font-size: 1.5em;
	color: #fff;
}
.two-flex div:nth-child(1) span {
	background-color: #a006f3;
}
.two-flex div:nth-child(2) span {
	background-color: #919191;
}
.two-flex div h3 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 3em;
}
.two-flex div p,.three-flex div p {
	font-size: 14px;
}
.two-flex div p {
	display: block;
	margin-top: 5px;
	color: #515151;
}
.four-flex-icon-flex {
	display: flex;
  align-items: center;
}
.four-flex {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-right: auto;
	margin-left: auto;
}
.four-flex-block {
	width: 32%;
	margin-bottom: 10px;
}
.four-flex a,.two-flex a {
	display: block;
	height: 100%;
	padding: 10px;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.four-flex a:hover,.two-flex a:hover {
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
}
.four-flex-txt-block {
	clear: both;
}
.two-flex-txt-block {
	text-align: justify;
	clear: both;
}
.four-flex div IMG {
	width: 100%;
}
.four-flex div span {
	width: 3em;
	height: 3em;
	border-radius: 10px;
display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:row;
	margin-right: 5px;
	float: left;
}
.four-flex div:nth-child(1) span {
	background-color: #079aff;
}
.four-flex div:nth-child(2) span {
	background-color: #007fb3;
}
.four-flex div:nth-child(3) span {
	background-color: #ffb600;
}
.four-flex div:nth-child(4) span {
	background-color: #ff5a06;
}
.four-flex div:nth-child(5) span {
	background-color: #5bbae6;
}
.four-flex div:nth-child(6) span {
	background-color: #74c200;
}
.four-flex div:nth-child(7) span {
	background-color: #a006f3;
}
.four-flex div:nth-child(8) span {
	background-color: #919191;
}
.four-flex div h3,.three-flex div h3 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -.07em;
	flex: 1;
}
.four-flex div p,.three-flex div p {
	font-size: 14px;
}
.four-flex div p {
	display: block;
	margin-top: 5px;
	color: #515151;
}
.four-flex div i {
	font-size: 1.5em;
	color: #fff;
}
/*.four-flex div:nth-child(1) i {
	color: #079aff;
	position: absolute;
	z-index: 1;
}
.four-flex div:nth-child(2) i {
	color: #007fb3;
}
.four-flex div:nth-child(3) i {
	color: #ffb600;
}
.four-flex div:nth-child(4) i {
	color: #ff5a06;
}
.four-flex div:nth-child(5) i {
	color: #5bbae6;
}
.four-flex div:nth-child(6) i {
	color: #74c200;
}
.four-flex div:nth-child(7) i {
	color: #a006f3;
}
.four-flex div:nth-child(8) i {
	color: #919191;
}*/
.app-flex {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-right: auto;
	margin-left: auto;
}
.app-flex div {
	width: 24.5%;
	margin-top: 10px;
	margin-bottom: 0;
}
.app-flex div IMG {
	width: 100%;
}
.sns-wrap {
		padding: 0;
	display: flex;
	justify-content:         space-between;
	margin-bottom: 30px;
}
.sns-block {
	width: 49%;
	padding: 5px;
	height: 430px;
}
.sns-block-twitter {
	background-color: #079aff;
}
.sns-block-fcebook {
	background-color: #0575c2;
}
/*トップページ*/


/*投稿ページ*/
.single-catname-title {
	margin-left: -50px;
}
.single-date-block {
	float: right;
}
.entry-header time {
	font-size: 15px;
}
header p.header-cat-info {
	margin-left: -25px;
	padding-left: 1em;
	background-color: #0575c2;
	color: #fff;
	display: inline-block;
	padding-right: 1em;
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
}
.hentry .entry-content {
	margin-bottom: 20px;
	padding-left: 2em;
	display: block;
	margin-top: 50px;
	clear: both;
	color: #343434;
	padding-top: 0;
}
.entry-content p {
	margin-bottom: 1.5em;
	line-height: 1.8em;
	font-size: 16px;
}
.entry-content p b,.entry-content p strong {
	color: #515151;
}
.cat-list-link-singlepage {
	background-color: #fff;
	text-align: center;
	line-height: 3em;
	border: 1px solid #3699dc;
}
.cat-list-link-singlepage p {
	margin-bottom: 0;
}
.cat-list-link-singlepage p span {
	margin-left: 1em;
	color: #919191;
}
.next-prev-link {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.next-prev-link-block {
	display: inline-block;
}
.next-prev-link-block p {
	margin-bottom: 0;
}
.next-prev-link-block p:nth-child(2) {
	text-align: right;
}
.next-prev-link-block p i {
	margin-right: 5px;
	margin-left: 5px;
	color: #919191;
	vertical-align: middle;
	font-size: 1.5em;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6
 {
	xmargin-left: -15px;
}
#pcomm {
	width:100%;
	padding: 5px;
	background-color:#000;
	color:#2AFA38;
	display: block;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	overflow: auto;
	font: 12px/1.75em "Courier New", Courier, mono;
}
/*フッタナビ*/
.footer-nav-wrap {
	color: #858585;
	margin-top: 50px;
}
.footer-nav-page {
	border-top: 2px solid #919191;
	border-bottom: 2px solid #919191;
	text-align: center;
	line-height: 2.8em;
	margin-bottom: 10px;
}
.footer-nav-left {
	display: inline-block;
}
.footer-nav-top {
	display: inline-block;
	margin-right: 50px;
	margin-left: 50px;
}
.footer-nav-rifght {
	display: inline-block;
}
.footer-nav-home {
	text-align: center;
}
/*フッタナビ*/
/*投稿ページ*/





/*カテゴリ一覧*/
.hentry {
	border-bottom:1px solid #eee;
	padding: 0;
}
#primary .page-title {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: -20px;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	padding: 5px 1.5em;
	border: 1px solid #ffffff;
	background-color: #919191;
}
#single-catname-title .page-title {
	margin-left: -40px;
}
#primary .cmd {
	background-color: 9798b5;
}
#primary .rpg {
	background-color: #e65a24;
}
#primary .cl {
	background-color: #7abe43;
}
#primary .environment {
	background-color: #ec881e;
}
#primary .database {
	background-color: #a6bad4;
}
#primary .ifs {
	background-color: #dbdb3d;
}
#primary .emulator5250 {
	background-color: #ff7ba1;
}
#primary .dfu-query-sql {
	background-color: #81bb3f;
}
#primary .tools {
	background-color: #bd7393;
}
#primary .panel-group {
	background-color: #009e92;
}
#primary .c400 {
	background-color: #f0a53b;
}
#primary .network {
	background-color: #29a0d7;
}
#primary .httpsvr {
	background-color: #009e92;
}
#primary .wsg {
	background-color: #ced521;
}
#primary .windows {
	background-color: #29a0d7;
}
#primary .president-blog {
	background-color: #0063ff;
}









#primary .page-title i {
	font-size: 1.2em;
	vertical-align: bottom;
}
.page-title {
	display: inline-block;
	line-height: 1.2em;
}
.date-number {
	text-align: right;
	display: inline-block;
	width: 2.5em;
	font-size: 15px;
}
.post-write-num {
	float: left;
	height: 2.5em;
	margin-right: .25em;
}
.post-write-title {
}
.hentry .entry-title {
	line-height: 2em;
}
.hentry h1.entry-title {
	text-align: left;
	margin-bottom: 0;
	font-size: 28px;
	border-bottom: 1px solid #cacaca;
	line-height: 1.3em;
}
.hentry h2.entry-title {
	text-align: left;
	font-size: 15px;
	margin-bottom: 0;
	display: inline-block;
}
.hentry h2.entry-title a {
	color: #3b6caa;
}
.hentry h2.entry-title a:hover {
	color: #079aff;
	text-decoration: underline!important;
}
span.date-archive {
	padding: 0;
	margin: 0 0 0 .5em;
}
span.cat-list-h2-date {
	margin-left: 1em;
	margin-right: 1em;
}
.cat-list-archives-attn {
	text-align: center;
	margin: -20px -20px 20px;
	background-color: #d7223e;
	color: #fff;
}
.cat-list-archives-attn p {
}
.cat-list-archives-attn p a {
	color: #ff0;
	font-weight: bold;
	text-decoration: underline;
}
/*カテゴリ一覧*/

/*個別ページ*/
#service-page {
	
}
#service-page h2 {
	margin-top: 2em;
}
#service-page p {
	margin-left: 20px;
}
#service-page ul li {
	margin-bottom: 1em;
}
#service-page ul li img {
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 2em;
}
#service-page img {
	margin-left: 40px;
}
#service-page table {
	margin-left: 20px;
	width: auto;
}
#service-page table thead th {
	background-color: #708090;
	color: #fff;
}
#service-page table th {
	background-color: transparent;
}
#service-page table tr:nth-child(even) {
	background-color: #f6f6f6;
}
#service-page table .number {
	text-align: right;
}
#service-page table .total {
	background-color: #dbe3ea !important;
}
#service-page table .total .number {
	color: #708090;
	font-size: 1.2em;
	font-weight: bold;
}
span.req {
	font-weight: normal;
	font-style: normal;
	color: #fff !important;
}
span.req::after {
	content: "必須";
	color: #d7223e;
	font-size: .8em;
	vertical-align: middle;
}
div.req-text {
	display: none;
}
#wpmem_reg input[type="text"],
#wpmem_reg input[type="password"],
#wpmem_reg input[type="email"],
#wpmem_reg input[type="url"],
#wpmem_reg input[type="number"],
#wpmem_reg input[type="date"],
#wpmem_reg textarea,
#wpmem_login input[type="text"],
#wpmem_login input[type="password"] {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: rgb(43, 43, 43);
	background: none repeat scroll 0% 0% #fff;
	padding: 4px 5px;
}
#wpmem_login .div_text,
#wpmem_reg .div_text, 
#wpmem_reg .div_textarea, 
#wpmem_reg .div_select, 
#wpmem_reg .div_checkbox,
#wpmem_reg .div_multiselect,
#wpmem_reg .div_multicheckbox,
#wpmem_reg .div_radio,
#wpmem_reg .div_image,
#wpmem_reg .div_file,
#wpmem_reg .div_url,
#wpmem_reg .div_number,
#wpmem_reg .div_date { 
	width:74%;
	margin:0 0 14px 0;
}
/*個別ページ*/

/*サイドバー*/
#top-no {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#top-no em {
	font-weight: normal;
	font-style: normal;
	color: #cacaca;
}
.cat-item-11:after,.cat-item-19:after {
	content: "要メンバー登録";
	font-size: .8em;
	background-color: #d63e56;
	vertical-align: middle;
	padding: 2px 5px;
	color: #fff;
	border-radius: 4px;
	white-space: nowrap;
}
.cat-item-6:after {
	content: "要メンバー登録";
	font-size: .8em;
	background-color: #d63e56;
	vertical-align: middle;
	padding: 0 5px;
	color: #fff;
	border-radius: 4px;
	display: inline-block;
}
.widget_categories ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.widget_categories li {
	font-size: 15px;
	list-style-type: none;
	border-left-style: solid;
	padding-left: 10px;
	line-height: 1.25em;
	margin-bottom: .7em;
	border-left-width: 7px;
	color: #787878;
}
li.cat-item:nth-child(1) {
	border-left-color: #e65a24;
}
li.cat-item:nth-child(2) {
	border-left-color: #9798b5;
}
li.cat-item:nth-child(3) {
	border-left-color: #7abe43;
}
li.cat-item:nth-child(4) {
	border-left-color: #ec881e;
}
li.cat-item:nth-child(5) {
	border-left-color: #a6bad4;
}
li.cat-item:nth-child(6) {
	border-left-color: #dbdb3d;
}
li.cat-item:nth-child(7) {
	border-left-color: #ff7ba1;
}
li.cat-item:nth-child(8) {
	border-left-color: #81bb3f;
}
li.cat-item:nth-child(9) {
	border-left-color: #bd7393;
}
li.cat-item:nth-child(10) {
	border-left-color: #009e92;
}
li.cat-item:nth-child(11) {
	border-left-color: #f0a53b;
}
li.cat-item:nth-child(12) {
	border-left-color: #29a0d7;
}
li.cat-item:nth-child(13) {
	border-left-color: #009e92;
}
li.cat-item:nth-child(14) {
	border-left-color: #ced521;
}
li.cat-item:nth-child(15) {
	border-left-color: #29a0d7;
}
li.cat-item:nth-child(16) {
	border-left-color: #0063ea;
}

#secondary .widget-title {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.widget_search form {
	position: relative;
}
input.search-column {

}
input.search-btn {
	vertical-align: middle;
	text-align: center;
	width: 14%;
	padding: 5px;
	position: absolute;
	right: 5px;
	top: 7%;
}
.member-regist-sidebar {
	color: #e0e0e0;
}
.member-regist-sidebar a {
	display: block;
	text-align: center;
	background: linear-gradient(#74c200, #65a900);
	border-radius: 10px;
	font: bold 1.5em/3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-width: 5px;
	margin-top: 10px;
	position: relative;
	text-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
.member-regist-sidebar a:after {
	content: "\f054";
	font: 1.2em FontAwesome;
	position: absolute;
	right: 5px;
	top: 30%;
	color: #b6ee62;
}
.member-regist-sidebar a:hover {
	background: linear-gradient(#65a900, #74c200);
	color: #fff !important;
}

.new-conference-room {
	color: #e0e0e0;
}
.new-conference-room a {
	display: block;
	text-align: center;
	background: linear-gradient(#74c200, #65a900);
	border-radius: 10px;
	font: bold 1.5em/3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-width: 5px;
	margin-top: 10px;
	position: relative;
	text-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
.new-conference-room a:after {
	content: "\f054";
	font: 1.2em FontAwesome;
	position: absolute;
	right: 5px;
	top: 30%;
	color: #b6ee62;
}
.new-conference-room a:hover {
	background: linear-gradient(#65a900, #74c200);
	color: #fff !important;
}
.service-list-sidebar {
	
}
.service-list-sidebar ul {
	margin-left: 0 !important;
}
.service-list-sidebar ul li {
	list-style-type: none;
	margin-bottom: 15px;
}
.service-list-sidebar ul li h3 {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.widget_categories li a:hover,.service-list-sidebar ul li h3 a:hover {
	color: #cacaca !important;
}
.service-list-sidebar ul li span {
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:row;
	margin-right: 5px;
	float: left;
	margin-top: -3px;
	color: #fff;
	width: 1.5em;
	height: 1.5em;
}
.service-list-sidebar ul li:nth-child(1) span {
	background-color: #079aff;
}
.service-list-sidebar ul li:nth-child(2) span {
	background-color: #007fb3;
}
.service-list-sidebar ul li:nth-child(3) span {
	background-color: #ffb600;
}
.service-list-sidebar ul li:nth-child(4) span {
	background-color: #ff5a06;
}
.service-list-sidebar ul li:nth-child(5) span {
	background-color: #5bbae6;
}
.service-list-sidebar ul li:nth-child(6) span {
	background-color: #74c200;
}
.service-list-sidebar ul li:nth-child(7) span {
	background-color: #a006f3;
}
.service-list-sidebar ul li:nth-child(8) span {
	background-color: #919191;
}
.textwidget.custom-html-widget ul li a:hover {
	color: #cacaca !important;
}
#link-bnr {
	margin-top: 30px;
}
#link-bnr img {
	margin-bottom: 15px;
}
/*サイドバー*/

/*フッタ*/
.site-info {
	background-color: transparent;
	margin: 0;
	padding: 0;
}
small {
	font-size: 12px;
	padding-right: 15px;
}
.footer-copyright {
	text-align: right;
	color: #515151;
	margin-right: -15px;
	margin-left: -15px;
	line-height: 35px;
	margin-bottom: 50px;
}
.footer-copyright a {
	color: #fff;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/*フッタ*/

/*Ticker*/
@keyframes ticker {/*アニメーション設定。右から左に流す、を繰り返す*/
	0% {
		transform: translate(0, 0);
		visibility: visible;
	}
	100% {
		transform: translate(-100%, 0);
	}
}
.ticker-wrap {/*ティッカーを包括している親要素*/
	position: fixed;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	background-color: #e0e0e0;
	padding-left: 100%;
	box-sizing: content-box;
	left: 0;
	right: 0;
	height: 35px;
	line-height: 35px;
}
.ticker-wrap .ticker {/*ティッカー本体*/
	display: inline-block;
	height: 2rem;
	white-space: nowrap;
	padding-right: 100%;
	box-sizing: content-box;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: ticker;
	animation-duration: 50s;
}
.ticker-wrap .ticker__item {/*個別設定*/
	display: inline-block;
	padding: 0 2rem;
	color: #515151;
	font-size: 16px;
}
.ticker-wrap:hover .ticker{/*本体にマウスホバーしたらアニメーションを一時停止*/
	animation-play-state: paused;
}
.ticker-headtitle {
	background-color: #d7223e;
	position: fixed;
	bottom: 0;
	z-index: 1;
	left: 0;
	height: 35px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 35px;
	color: #fff;
	font-style: italic;
}
/*Ticker*/


/*ストップ＆ゴー*/
.bg_murquee2 {
		position: fixed;
		background-color: #F2F2F2; 
		border: solid 1px #DDD; 
		border-radius: 3px;
		width: 100%;
		height: 36px;
		overflow: hidden;
	bottom: -1px;
	left: 0;
}
.bg_murquee2 p {
		position: absolute;
		display: block;
		white-space: nowrap;
		margin-bottom: 0;
		line-height: 36px;
		transform:translateX(100%);
	background-color: #ffb600;
	text-align: left;
	width: 100%;
}
.bg_murquee2 p:nth-child(1) {  
		animation: txt-one 20s ease infinite;  
		-moz-animation: txt-one 20s ease infinite;  
		-webkit-animation: txt-one 20s ease infinite;  
}  
.bg_murquee2 p:nth-child(2) {  
		animation: txt-two 20s ease infinite;  
		-moz-animation: txt-two 20s ease infinite;  
		-webkit-animation: txt-two 20s ease infinite;  
}

hr {
  background-color: #666666;
  border: none;
  height: 2px;
  xcolor: #666;
  width: 100%;
}

hr.harf {
  width: 50%;
  margin: unset;
}

.linebox {
  padding: 8px 0;
  border-top: 2px solid #666666;
  border-bottom: 2px solid #666666;
  display: inline-block;
}

.linebox_max {
  padding: 8px 0;
  border-top: 2px solid #666666;
  border-bottom: 2px solid #666666;
  display: block;
}

.linebox_harf {
  padding: 8px 0;
  border-top: 2px solid #666666;
  border-bottom: 2px solid #666666;
  display: block;
  width: 50%;
}
 
/* 点滅 */
.blinking{
  -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


@keyframes txt-one {
		0%  {transform:translateX(100%)}
		10% {transform:translateX(100px);}
		40% {transform:translateX(100px);}
		50% {transform:translateX(-100%);}
		100% {transform:translateX(-100%);}
}
@-moz-keyframes txt-one {
		0%  {-moz-transform:translateX(100%)}
		10% {-moz-transform:translateX(100px);}
		40% {-moz-transform:translateX(100px);}
		50% {-moz-transform:translateX(-100%);}
		100% {-moz-transform:translateX(-100%);}
}
@-webkit-keyframes txt-one {
		0%  {-webkit-transform:translateX(100%);}
		10% {-webkit-transform:translateX(100px);}
		40% {-webkit-transform:translateX(100px);}
		50% {-webkit-transform:translateX(-100%);}
		100% {-webkit-transform:translateX(-100%);}
}
@keyframes txt-two {
		0% {transform:translateX(100%)}
		50% {transform:translateX(100%);}
		60% {transform:translateX(100px);}
		90% {transform:translateX(100px)}
		100% {transform:translateX(-100%)}
}
@-moz-keyframes txt-two {
		0% {-moz-transform:translateX(100%)}
		50% {-moz-transform:translateX(100%);}
		60% {-moz-transform:translateX(100px);}
		90% {-moz-transform:translateX(100px)}
		100% {-moz-transform:translateX(-100%)}
}
@-webkit-keyframes txt-two {
		0% {-webkit-transform:translateX(100%)}
		50% {-webkit-transform:translateX(100%);}
		60% {-webkit-transform:translateX(100px);}
		90% {-webkit-transform:translateX(100px)}
		100% {-webkit-transform:translateX(-100%)}
}

/*max-width: 1280px*/
@media screen and (max-width: 1280px)  {
body {
	/*height: 100vh;*/
	background-color: #d63e56;
}
}

@media screen and (max-width: 780px)  {
.three-flex div,.four-flex div {
	width: 50%;
}

.app-flex div {
	width: 48%;
	margin-top: 10px;
	margin-bottom: 0;
}
}

@media screen and (max-width: 480px)  {
.three-flex div,.four-flex div {
	width: 100%;
}
.news-block {
	padding: 0 20px;
}
.rss-feed-block {
	width: 100%;
	margin-bottom: 20px;
}
.sns-wrap {
	display: block;
}
.sns-block {
	width: 100%;
	margin-bottom: 20px;
}
}

/* facebook start */
.facebook {
	border-right: 1px solid #c0c0c0;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	height: 35px;
}
/* facebook end */