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


/* Mobile Layout: 480px and below. ------------------------------------*/

/* head_area */
#page_top_area {padding-top: 5px;}
.Descri {
	font-size: 90%;
	text-align: center;
	padding: 5px 0;
}
.logo_area {padding: 20px 0;}
.top_logo {
	font-weight: bold;
	font-size: 180%;
	text-align: center;
}

.sns_b_area {
    text-align:  center;
	font-size: 14px;
}
.sns_b {
	display: inline-block;
	width: 35px;
	height: 34px;
	text-align: center;
	margin: 5px 2px 0;
	padding: 5px 0 0px;
	color: #FFFFFF;
	border-radius: 5px;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.sns_b_area span {
	font-size: 18px;
	font-weight: 900;
}
.sns_t {background-color: #43AADC;}
.sns_f {background-color: #3A5698;}
.sns_l {background-color: #00B900;}
span.sns_l img, span.sns_h img {
	vertical-align: middle!important;
	margin-top: -5px;
}

#navimenu {display:none;}
.slicknav_menu {display:block!important;}
.slicknav_menu li.page_item {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.slicknav_menu li.page_item:before {
	content:"";
	margin: 0;
}
.slicknav_arrow .fa-angle-right {
	font-size: 14px
}
.header_area {
	background-color: #d5d5d5;
	padding: 12px 0;
}


.header_area {
	background-color: #c7c7c7;
	padding: 15px 0;
}

.Breadcrumb_area {display: none;}

/* main_area */
.container {margin-top: 35px;}

.item_box_area {
	width: 102.8%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.item_box {
	float: left;
	width: 47%;
	border: solid 1px #b5b5b5;
	padding: 7px 10px 15px;
	margin: 0 3% 15px 0;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.subP_article .item_box img {margin-bottom: 0!important;}
.item_ico {
	text-align: center;
	height: 40px;
}
.item_ico img {margin-bottom: 0!important;}
.item_img {
	text-align: center;
	margin-top: 10px;
}
.item_img img {
	display: inherit!important;
	margin: 0 auto!important;
}
.item_title {
	font-weight: bold;
	font-size: 110%;
	margin-top: 15px;
	word-break: break-all;
}
.subP_article .item_title a {color: #313131!important}
.abstract_txt {
	margin-top: 10px;
	font-size: 13px;
	word-break: break-all;
}
.item_button, .item_button2 {
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	padding: 7px 10px;
	margin-top: 10px;
}
.item_button:hover, .item_button2:hover {
	opacity: 0.8 ;
}

.item_button {font-size: 90%;}
.item_button2 {float: left;}
.item_box_area2 {width: 100%;}
.item_listview {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #b5b5b5;
}
.item_listview_ico {height: 40px;}
.item_listview_ico img{
	margin-right: 10px;
	width: auto;
	margin-bottom: 0!important;
}
.item_listview_title {
	font-weight: bold;
	font-size: 110%;
	padding-top: 10px;
}
.item_listview_img {
	float: left;
	width: 42%;
}
.item_listview_img img {margin-bottom:0!important;}
.item_listview_txt_area {
	float: right;
	width: 53%;
}
.listview_abstract_txt {margin-top: 10px;}

.blog_list {
	margin-bottom: 20px;
	margin-right: 0;
	padding-bottom: 15px;
	border-bottom: solid 1px #b5b5b5;
}
.bloglist_sumb {
	max-height: 230px;
	overflow: hidden;
}
.bloglist_title {
	margin-top: 10px;
	font-weight: bold;
	font-size: 110%;
}
.bloglist_date {
	margin-top: 5px;
	font-weight: bold;
	font-size: 110%;
}
.bloglist_abstract {margin-top: 7px;}

.pickup_box {
	border: solid 2px #b5b5b5;
	padding: 10px 15px;
	margin-bottom: 20px;
}
.subP_article .pickup_box img {margin-bottom: 0!important}
.pickup_title_area {
	border-bottom: dotted 2px #b5b5b5;
	padding-bottom: 7px;
}
.pickup_icon {
	float: left;
	display: inline;
	margin-right: 2.5%;
	max-width: 100px;
}
.pickup_icon img {margin-bottom: 0!important;}
.pickup_title {
	display: inline-block;
	font-weight: bold;
	font-size: 120%;
	word-break: break-all;
	margin-top: 8px;
}
.pickup_img {
	text-align: center;
	margin-top: 15px;
}
.pickup_txt {margin-top: 15px;}
.pickup_txt p {margin-top: 0;}


/* subpage */
.container2 {margin-top: 15px;}
.container2 img {margin-bottom: 15px;}

.subP_date {margin-top: -15px}
.subP_article {font-size: 15px;}


/* side_area */

.side_ban_area img {
	display: block;
	margin: 0 auto 25px!important;
}

.side_bloglist {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #acacac
}
.sidelist_img {
	float: left;
	width: 100px;
	height: 100px;	
    overflow: hidden;
    position: relative;
}
.sidelist_img img {
	max-width: inherit;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}
.sidelist_txt {
	float: right;
	width: 65%
}
.sidelist_title {
	font-size: 110%;
	margin-top: 7px;
}
.sidelist_date {
	margin-top: 7px;
}
.side_catlist ul {
	list-style: none;
	padding-left: 0
}
.side_catlist li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #acacac;
}
.side_catlist li:before {
	font-family: "Font Awesome 5 Free";
	content:"\f105";
	font-weight: 900;
	margin: 0 10px;
	font-size: 16px
}


/* footer_area */
.footer_area {
	padding: 25px 0;
	color: #FFFFFF;
	margin-top: 30px
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

/* head_area */
.header_area {padding: 25px 0;}

.sns_b {font-size: 100%;}
	
/* main_area */
.container {margin-top: 45px;}
	
.item_box_area {
	width: 106%;
	margin:0;
}
.item_box {
	width: 30%;
	padding: 7px 12px 15px;
	margin-right: 2%;
}

.item_title {font-size: 16px;}
.abstract_txt {font-size: 12px;}
.item_button {font-size: 100%;}
.item_listview_ico {float: left;}
.item_listview_title {float: left;}
.item_listview_img {width: 25%;}
.item_listview_txt_area {width: 71%;}
.item_listview_title {font-size: 16px;}
.listview_abstract_txt {margin-top: 15px;}
	
	
.bloglist_sumb {
	float: left;
	width: 30%;
	max-height: 140px;
}
.bloglist_txt_area {
	float: right;
	width: 67%;
}
.bloglist_title, .bloglist_date {margin-top: 8px;}
.bloglist_title {font-size: 16px;}
.bloglist_abstract {margin-top: 15px}
.bloglist_date {font-size: 15px;}
	
.pickup_box {padding: 15px 20px;}
.pickup_icon {margin-right: 2.5%;}
.pickup_title {
	margin-top: 10px;
	font-size: 18px;
}
.pickup_img {
	float: left;
	text-align: left;
	width: 180px;
	margin-right: 3%;
}
.pickup_txt {
	float: left;
	width: 69.5%;
}

/* subpage */
.container2 {margin-top: 5px;}
.container2 p {
	line-height: 160%;
	margin-bottom: 20px;
}
.container2 img {margin-bottom: 20px;}


.Breadcrumb_area {
	display: block;
	padding: 15px 0;
}
.Breadcrumb_area li{
	list-style: none!important;
	display: inline-block
}

.subP_date {font-size: 15px;}
	
/* side_area */	
.sidelist_txt {width: 82%}
.sidelist_title {font-size: 15px;}
	
	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

/* head_area */
#page_top_area {padding-top: 0;}
.Descri {
	font-size: 90%;
	text-align: left
}

.logo_area {padding: 15px 0 20px;}
.top_logo {
	font-size: 27px;
	float: left;
	text-align: left;
}
.sns_b_area {
	float: right;
	margin: 0 0 0 auto;
}

/* nav */
#navimenu {display:block;}
.slicknav_menu {display:none!important;}

/* デフォルト時 */	
nav ul li.page_item {
	display: inline-block;
	margin-right: 15px;
}
nav ul li.page_item::before {
	content: url(img/sankaku.png);
	position:relative;
	top:-3px;
	margin-right: 5px;
}

ul.navi-ul {
	padding: 0 5px;
	list-style: none;
}
nav#navi ul li, ul.navi-ul li {
	display: inline-block;
	margin-right: 15px;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
nav#navi ul li::before, ul.navi-ul li::before {
	content: url(img/sankaku.png);
	position:relative;
	top:-3px;
	margin-right: 5px;
}

/* 2rd */
ul.navi-ul ul.sub-menu li:before {
	content: ''; 
}
ul.navi-ul li ul.sub-menu {display: none;}
ul.navi-ul li.menu-item-has-children:hover ul {
	display: block;
	position: absolute;
	background-color: #3f3f3f;
}

/* 3rd */	
ul.navi-ul li ul.sub-menu li ul.sub-menu  {
	display: none;
}
ul.navi-ul li ul.sub-menu li.menu-item-has-children:hover ul {
	display: block;
	position: absolute;
	background-color: #585858;
	margin-left: 220px;
	margin-top: -34px;
}

/* 4rd */	
ul.navi-ul li ul.sub-menu li ul.sub-menu li ul.sub-menu {
  display: none;
}
ul.navi-ul li ul.sub-menu li ul li.menu-item-has-children:hover ul.sub-menu {
	display: block;
	position: absolute;
	background-color: #737373;
	margin-left: 220px;
	margin-top: -34px;
}

/* sub all */
ul.navi-ul li ul.sub-menu li {
	display: block;
	width: 220px;
	padding: 10px 0px 10px 10px!important;
	margin-right: 0px!important
}
ul.navi-ul li ul.sub-menu li.menu-item-has-children {
	background-image: url(img/yaji2.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: right 7px center;
}

/* main_area */
.main_area {
	float: left;
	width: 700px;
}

.item_box_area {width: 715px;}
.item_box {
	width: 224px;
	padding: 7px 15px 15px;
	margin: 0 14px 15px 0;
}
.abstract_txt {margin-top: 8px;}
.item_listview_img {width: 180px;}
.item_listview_txt_area {width: 485px;}
			
.bloglist_sumb {
	width: 250px;
	max-height: 167px;
}
.bloglist_txt_area {width: 420px;}


/* subpage */
.container2 p {line-height: 27px;}

/* side_area */
.sidebar_area {
	float: right;
	width: 300px;
}
.sidelist_txt {width: 180px}

	
}


/* コード ----------------------------------------------*/
.red_line_box, .yellow_line_box {
	position: relative;
	padding: 20px 15px 20px;
	border-radius: 7px;
	margin: 20px 0;
}

.red_line_box {border: solid 3px #ef7f87;}
.yellow_line_box {border: solid 3px #f3d46a;}

.red_line_box_title, .yellow_line_box_title {
	position: absolute;
	display: inline-block;
	background-color: #FFFFFF;
	padding: 0 8px;
	font-weight: bold;
	top: -8px;
	left: 10px;
	font-size: 110%;
	line-height: 18px
}
.red_line_box_title {color: #f05561;}
.yellow_line_box_title {color: #f7ba00;}

.red_line_box_title .fas, .yellow_line_box_title .fas {
	margin-right: 5px;
}