/*
 Theme Name: UnderStrap Child
 Template: understrap
*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@200;300;400;700&display=swap');
body .bg-primary {
    /*background-color: #a52929!important;*/
	background-color: #FFF!important;
	font-family: 'Noto Sans JP', 'Lato', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
h2 {
	font-family: 'Noto Sans JP', 'Lato', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 2em;
	line-height: 2em;
}
h3 {
	margin: 1em 0;
	font-family: 'Noto Sans JP', 'Lato', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
p {
	font-family: 'Noto Sans JP', 'Lato', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
div {
	font-family: 'Noto Sans JP', 'Lato', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	color: #222!important;
}

.navbar-dark .navbar-toggler {
	color: #222;
    border-color: #222;
}

@media screen and (min-width: 768px) {
	.sp {display: none;}
	.pc {display: block;}
	#wrapper-navbar .LanguageSwitcherSP {display: none !important}
}
@media screen and (max-width: 767px) {
	.sp {display: block;}
	.pc {display: none;}
}

.p-0    {padding: 0!important}
.p-10   {padding: 5px!important}
.p-15   {padding: 15px!important}
.p-20   {padding: 20px!important}
.pt-0   {padding-top:0!important}
.pt-10  {padding-top:10px!important}
.pt-20  {padding-top:20px!important}
.pt-30  {padding-top:30px!important}
.pt-40  {padding-top:40px!important}
.pt-50  {padding-top:50px!important}
.pt-60  {padding-top:60px!important}
.pt-80  {padding-top:80px!important}
.pt-140 {padding-top:140px!important}

.pb-0   {padding-bottom:0!important}
.pb-10  {padding-bottom:10px!important}
.pb-20  {padding-bottom:20px!important}
.pb-30  {padding-bottom:30px!important}
.pb-40  {padding-bottom:40px!important}
.pb-50  {padding-bottom:50px!important}
.pb-60  {padding-bottom:50px!important}
.pb-70  {padding-bottom:50px!important}
.pb-140 {padding-bottom:140px!important}

.m-0 {margin:0 !important}
.mt-0  {margin-top:0 !important}
.mt-10 {margin-top:10px !important}
.mt-20 {margin-top:20px !important}
.mt-30 {margin-top:30px !important}
.mt-40 {margin-top:40px !important}
.mt-50 {margin-top:50px !important}
.mt-60 {margin-top:60px !important}
.mt-70 {margin-top:70px !important}
.mt-80 {margin-top:80px !important}
.mt-90 {margin-top:90px !important}
.mt-100 {margin-top:100px !important}
.mt-110 {margin-top:110px !important}
.mt-120 {margin-top:120px !important}
.mt-130 {margin-top:130px !important}
.mt-140 {margin-top:140px !important}
.mt-150 {margin-top:150px !important}


.mb-0  {margin-bottom:0!important}
.mb-10 {margin-bottom:10px !important}
.mb-15 {margin-bottom:15px !important}
.mb-20 {margin-bottom:20px !important}
.mb-30 {margin-bottom:30px !important}
.mb-40 {margin-bottom:40px !important}
.mb-50 {margin-bottom:50px !important}
.mb-60 {margin-bottom:60px !important}
.mb-70 {margin-bottom:70px !important}
.mb-80 {margin-bottom:80px !important}
.mb-90 {margin-bottom:90px !important}
.mb-100 {margin-bottom:100px !important}
.mb-110 {margin-bottom:110px !important}
.mb-120 {margin-bottom:120px !important}
.mb-130 {margin-bottom:130px !important}

.red {
	color: #de0003;
}

body .wpcf7 {
	max-width: 1140px;
}
/*グローバルメニュー*/
#navbarNavDropdown {
	max-width: 862px;
}
/*primary_menu*/
#primary_menu {
	margin-right: 14px;
	display: inline-block;
}
#primary_menu ul li a {
	padding: 12px;
}
#primary_menu ul li a:after {
	content: "/";
	margin-left: 24px;
	color: #DDD;
}
#primary_menu ul li:last-child a:after {
	display: none;
}
/*sub_menu*/
#sub_menu ul li a {
	display: block;
    padding: 5px 12px;
	color: #222;
}
/*ヘッダー　お問い合わせボタン*/
#btn_contact {
	display: inline-block;
}
#btn_contact #menu-contact li a {
	display: block;
    padding: 0.6em 1.5em 0.75em 1.5em;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #00000010;
    background: #c90e05;
    color: #FFF;
}

@media screen and (max-width: 767px) {
	#navbarNavDropdown ul li {
		display: block;
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	#primary_menu {display: block}
	#btn_contact {display:  block}
	#primary_menu ul li a:after { display: none;}
	.wpml-ls-legacy-dropdown {
		margin: 20px auto;
	}
}

/*

トップページコンテンツ

*/
.block {
	margin-bottom: 80px;
}
/*新着情報*/
.news_block_title {
	border-right: 1px solid #DDD;	
}
.news_block_title h2 {
	margin-bottom: 2rem;
}
.news_block_title  .link_newspage {
	padding: 3px 7px 5px;
	color: #222;
	border:1px solid #CCC;
	border-radius: 4px;
	font-size: 12px;
}
.kazari_arw {
	display: inline-block;
	position: relative;
    top: -1px;
    transform: scale(0.5, 1.5);
	color: #c90e05;
}
.news {
	margin: 0;
	padding: 0;
}
.news_child {
	margin-bottom: 2em;
}
.news_child .news_cat span {
	display: inline-block;
	width: 100%;
	color: #c90e05;
	border: 1px solid #c90e05;
	text-align: center;
	font-size: 12px;
}
.news_child .news_cat_2 span {
	display: inline-block;
	width: 100%;
	background: #c90e05;
	color: #FFF;
	border: 1px solid #c90e05;
	text-align: center;
	font-size: 12px;
}
.news_child a {
	color: #222;
}
.news_child a:hover {
	color: #222;
	color: #c90e05;
}
@media screen and (max-width: 767px) {
	.news_block_title {
		border-right: none;
		text-align: center;
		margin-bottom: 60px;
	}
	.news_date {
		margin-bottom: 10px;
	}
	.news_child a {
	border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
	}
}
/*link*/
.link_block a img {
	width: 100%;
	margin-bottom: 15px;
}
/*取扱機器*/
.link_eq_block h2 {
	margin-bottom: 2rem;
}
.link_eq_block_child {
	margin-bottom: 2em;
}
.link_eq_block_child a img {
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}
.link_eq_block_child a h3 {
	margin: 0.5em 0;
	color: #222;
}
.link_eq_block_child a h3 span {
	color: #c90e05;
	display: inline-block;
	position: relative;
    top: -1px;
    transform: scale(0.5, 1.5);
}
@media screen and (max-width: 767px) {
	.link_eq_block h2 {
		text-align: center;
	}
}
/*メーカー検索　誘導ボタン*/
.link_eq_btn_wrap {
	background: url(https://www.client-testsite.work/fds/wp-content/uploads/2021/01/bg_eq_btn.jpg) no-repeat center bottom;
	background-size: cover;
}
.link_eq_btn {
	padding: 40px 0;
	text-align: center;
}
.link_eq_btn h2 {
	padding: 20px;
	text-align: center;
	color: #FFF;
}
.link_eq_btn a {
	display: inline-block;
	padding: 1rem 2rem;
	margin: 0 auto;
	background: #FFF;
	color: #222;
	border-radius: 4px;
}
/*footer*/
#wrapper-footer {
	border-top: 2px solid #c90e05;
}
footer img {
	matgin-top: 4rem;
	margin-bottom: 2rem;
}
footer ul li {
	list-style: none;
	margin-bottom: 10px;
}
.site-info {
	margin-top: 4rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	footer {
		text-align: center;
	}
	footer ul li {
		text-align: center;
}
}
/*

送信ボタンの色

*/
body .btn-outline-primary, body .wpcf7 input[type=submit] {
    color: #FFF;
    border-color: #07B2F0;
	background: #07B2F0;
}
body .btn-outline-primary:hover, body .wpcf7 input[type=submit]:hover {
    color: #07B2F0;
    background: #FFF;
}
.lj-form .row {
	border-bottom: 1px solid #EEE;
}
.lj-form .row:last-child {
	border-bottom: none;
}
.f-title {
	padding: 15px;
	background: #fbfbfb;
}
.f-content {
	padding: 15px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #CCC !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #CCC !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #CCC !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #CCC !important;
    opacity: 1;
}