@charset "UTF-8";
/* --------------------------------------------

FileName    :    common.css

-------------------------------------------- */



header #header_contents .navi nav.newNav ul{
	width: 100%;
	order: 2;
	justify-content:flex-end;
	align-items: center;
}
@media screen and (min-width: 780px) {
header #header_contents .navi nav.newNav{
	display: flex;
	flex-wrap: wrap;
}
header #header_contents .navi nav.newNav ul li{
	    padding: 0px 15px;
}
header #header_contents .navi nav.newNav ul li a{
	    padding: 5px 0 10px
}
header #header_contents .navi nav.newNav ul.newlist{
	order: 1;
	margin: 0px 0px 5px 0px;
}
header #header_contents .navi nav.newNav ul.newlist li{
	padding: 0px 8px;
}
}

@media screen and (min-width: 1476px) {
header #header_contents .navi nav.newNav .request a{
	background: none;
	color: #000;
	width: auto;
	padding: 0 0 0 50px;
}
header #header_contents .navi nav.newNav .request a::before{
	background: url(../images/common/icon_note.png) no-repeat;
	background-color: #0066b3;
	background-position: center center;
	padding: 0px;
	width: 40px;
	height: 36px;
	border-radius: 5px;
	top: 0px;
 left: 0px;
}
header #header_contents .navi nav.newNav .inquiry a{
	background: none;
	color: #000;
	width: auto;
	padding: 0 0 0 50px;
}
header #header_contents .navi nav.newNav .inquiry a::before{
	background: url(../images/common/icon_mail.png) no-repeat;
	background-color: #0066b3;
	background-position: center center;
	padding: 0px;
	width: 40px;
	height: 36px;
	border-radius: 5px;
	top: 0px;
 left: 0px;
}
}


header #header_contents .navi nav.newNav ul.newlist .search_menu {
				-js-display: flex;
				display: -webkit-box;
				display: -webkit-flex;
				display: -moz-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: flex-center;
				justify-content: center;
				border: 1px solid #E0E0E0;
				background-color: #F8F8F8;
				width: 200px;
				height: 36px;
				padding: 0px 10px;
				border-radius: 50px;
}
header #header_contents .navi nav.newNav ul.newlist .search_menu input {
        width: 160px;
								background: none;
    }

header #header_contents .navi nav.newNav ul.newlist .search_menu .search_bt input {
        width: 20px;
        height: 20px
    }

header #header_contents .navi nav.newNav ul.newlist .search_menu .search_bt__sp {
        display: none
    }

header #header_contents .navi nav.newNav ul.newlist .search_menu .search_bt__sp img {
        height: 15px;
        width: auto
    }

header #header_contents .navi nav.newNav ul.newlist .search_menu .sp-search {
        padding-top: 100px
    }



@media screen and (max-width: 780px) {
header #header_contents .navi nav.newNav ul{
	order: 1;
}
header #header_contents .navi nav.newNav ul.newlist{
	order: 2;
	margin: 0px;
}
header #header_contents .navi nav.newNav ul.newlist .search_menu {
	width : -webkit-calc(100% - 20px) ;
 width : calc(100% - 20px) ;
}
header #header_contents .navi nav.newNav ul.newlist .search_menu input {
    width : -webkit-calc(100% - 40px) ;
 			width : calc(100% - 40px) ;
    }
}



footer .foot_block_text_inner .footMenu_new{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
footer .foot_block_text_inner .footMenu_new .menu{
	display: block;
	font-size: 1.8rem;
	margin: 0px 24px 10px 0px;
}
footer .foot_block_text_inner .footMenu_new .menu.menu_t{
	width: 100%;
	margin: 0px 0px 10px 0px;
}
footer .foot_block_text_inner .footMenu_new .copy{
	font-size: 1.6rem;
}

.side_bn_n li.online{
	   background-image: url(/sol/wp-content/themes/ratocsystems/common/images/top/icon_side1.png);
    background-repeat: no-repeat;
    background-position: center top 13px;
    background-color: #ff9a55;
}
.side_bn_n li.contact{
	   background-image: url(/sol/wp-content/themes/ratocsystems/common/images/top/icon_side2.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    background-color: #007ecc;
}
.side_bn_n li.request{
	   background-image: url(/sol/wp-content/themes/ratocsystems/common/images/top/icon_side4.png);
    background-repeat: no-repeat;
    background-position: center top 15px;
				background-size: 40px auto;
    background-color: #229ce8;
}
.side_bn_n li.document{
	   background-image: url(/sol/wp-content/themes/ratocsystems/common/images/top/icon_side3.png);
    background-repeat: no-repeat;
    background-position: center top 13px;
    background-color: #008ded;
}
.side_bn_n li.top{
	   background-image: url(/sol/wp-content/themes/ratocsystems/common/images/top/icon_side5.png);
    background-repeat: no-repeat;
    background-position: center top 3px;
				background-size: 26px auto;
    background-color: #0066b3;
}
.side_bn_n li.top a{
    height: 50px;
    padding-top: 30px;
}
@media screen and (max-width: 780px){
	.side_bn_n{
		display: none;
	}
}

.main_list_block .tagListArea{
 margin: 0px;
	padding: 20px 0px;
}
.main_list_block .tagListArea .post-tags {
 margin: 0px;
	padding: 0px 30px;
	display: flex;
	flex-wrap: wrap;
}
.main_list_block .tagListArea .post-tags li{
 font-size: 1.6rem;
	margin: 0px 20px 10px 0px;
}
.main_list_block .tagListArea .post-tags li:before{
 display: none;
}
.main_list_block .tagListArea .post-tags li a{
 margin: 0px;
	padding: 0px 0px 0px 24px;
	background: url(../images/common/icon_tag.png) left center no-repeat;
	background-size: 20px;
}