@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #BACBD3!important;
	background-image: url(/_bosys/wp-content/themes/swell_child/img/full_bg.png);
	background-position: center 100px;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	line-height: 150%;
	word-wrap: break-word;
}
.p-articleMetas{
	justify-content: flex-end;
}

.text-danger {
    color: #a94442;
}
table th{
    background-color: #f0fbff;
    min-width: 13em;
    white-space: nowrap;
}
table tr>:first-child{
    background-color: #f0fbff;
    min-width: 13em;
}
form table{
	margin-bottom: 3rem;
}
h1:not(.c-headLogo) {
    padding-bottom: 0.3em;
    font-size: 36px!important;
    border-bottom: 2px solid #006993!important;
}
@media screen and (max-width:768px){
	h1:not(.c-headLogo) {
	    font-size: 24px!important;
	}
}
.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
    border-bottom: none;
    float: none;
    margin-bottom: 0;
    padding: 0;
}
.post_content>h2{
	margin-left: 0;
	margin-right: 0;
}
/*
h3 {
    padding: 6px 6px 6px 20px;
    position: relative;
    border-bottom: 1px solid #eaeaea;
}
h3:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 20px solid transparent;
 
    border-width: 20px;
    border-top-color: #910015;
    border-right-width: 20px;
    border-left-width: 0;
    left: 0;
}
*/
h3 {
    padding: 6px 0;
    border-top: 4px double #c3d0db;
    border-bottom: 4px double #c3d0db;
    color: #006993!important;
    margin-top: 10px!important;
    margin-bottom: 10px;
}
h2 {
    background-color: #006993!important;
    padding: 6px 10px;
    border-bottom: 6px solid #003144;
    color: #FFF!important;
    margin: 15px auto!important;
}
h4 {
    padding: 6px 0;
    border-top: 4px double #c3d0db;
    border-bottom: 4px double #c3d0db;
    color: #006993!important;
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit{
    background-color: #0073aa!important;
	color: #ffffff!important;
}
.cf7mls-btns,
form table.table-bordered + p{
	display: flex!important;
	justify-content: center;
}
form table.table-bordered + p{
	flex-direction: row-reverse;
}
form table.table-bordered + p input,
form table.table-bordered + p button{
	min-width: 10rem!important;
}
.wpcf7-spinner{
	display: none;
}
table table th,
table table td {
    background: none!important;
    width: 10em;
    border: none!important;
}
input[type="submit"], input[type="button"], .header_explanation a.btn-lg,
.anzen table td a{
    padding: 5px 15px;
    line-height: 1.3em;
    background: #006993;
    color: #FFF;
    display: inline-block;
    margin: auto;
    border-color: #006993;
    border-radius: 6px;
    border: none;
}
.cad  .link-dl{
	font-size: .9rem;
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
}
.manual table td,
.catalog table td{
	vertical-align: middle;
}

.catalog table td a:before,
.manual table td a:before,
.anzen table tr td:last-child:before{
	content: url(/_bosys/wp-content/themes/swell_child/images/pdf_icon.png);
	display: inline-block;
	margin-right: .5rem;
	vertical-align: middle;
}
.makerlist #main_content .p-toc{
	background: none;
	border: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.makerlist .p-toc .p-toc__ttl{
	display: none;
}
.makerlist .p-toc .p-toc__list{
	display: flex;
	flex-wrap: wrap;
	gap:1rem;
}
.makerlist ol.is-style-index>li{
	margin: 0;
}
.makerlist table th{
	background: none;
}
.makerlist .p-toc ol:not(.is-style-default)[class*=is-style-]>li:before{
	content:none;
}
.makerlist .p-toc ol:not(.is-style-default)[class*=is-style-]>li a{
	font-size: inherit!important;
	border-radius: 5px!important;
	display: inline-block;
    color: var(--wp--preset--color--black) !important;
    background-color: var(--color_main_thin)!important;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
}
.browser-shot{
	margin-top: .5rem;
}
.anzen table tr td:first-child{
	background-color: #f0fbff;
}
#menu-product .menu-item-has-children .sub-menu{
	display: none;
}
.flex{
	display: flex;
}
.justify-between{
	justify-content: space-between;
	align-items: center;
}
.news-heading a{
    display: inline-block;
    padding: 4px;
    font-size: 11px;
    color: #CCC;
    text-decoration: none;
    line-height: 1;
}
form table em{
	color: #F00;
}
.mt-5{
	margin-top: 5rem;
}
.post_content .box-download-product tr td{
	border: none;
	border-bottom: 1px solid #ededed;
	vertical-align: middle;
}
.post_content .box-download-product tr:first-child td{
	border-top: 1px solid #ededed;
}
.post_content .box-download-product tr td:first-child{
	text-align: left;
}
.post_content .box-download-product td:last-child{
	border-right: none;
	text-align: right;
}
.wp-block-button{
	text-align: center;
}
.text-center{
	text-align: center;
}
.btn-download{
	background: #b7b7b7;
	pointer-events: none;
}
.btn-download.show-download{
	background: #000;
	pointer-events: auto;
}
#w4pl-list-5128 ul span{
	cursor: pointer;
}
#w4pl-list-5128 ul ul{
	display: none;
}
#w4pl-list-5128 ul.active{
	display: block;
}
.c-gnav>.menu-item>a .ttl{
	font-size: 15px;
}
body .-parallel .w-header{
	justify-content: flex-end;
	padding-right: calc(48px + 16px + 15px);
}
.home .wp-block-image.size-full img{
	width: 100%;
	height: auto;
}
.news .p-postList__title{
	color: #000!important;
	background-color:transparent!important;
	font-weight: normal;
	width: 100%;
}
.news .p-postList__body .c-postTimes__posted:before{
	content: none;
}
.news .p-postList__body{
	display: flex;
	flex-direction: column-reverse;
}
.single-product .p-articleFoot,
.single-product #after_article,
.single-product .p-articleMetas.-top{
	display: none;
}
.tr-table-detail-1{
	background: rgba(196, 202, 129, 0.7);
}
.tr-table-detail-2{
	background: rgba(202, 129, 155, 0.7);
}
.tr-table-detail-3{
	background: rgba(133, 129, 202, 0.7);
}
.tr-table-detail-4{
	background: rgba(129, 160, 202, 0.7);
}
.table-detail td {
    width: 50%;
    border: 4px solid #FFF!important;
    text-align: center;
    padding: 10px;
}
.c-gnav>.menu-item{
min-width: 120px;
}
.c-gnav .sub-menu a{
	font-size: 1rem;
}
.terms-root .current{
	background-color: #eee;
}
.cad table tr td:first-child{
	background-color: #f0fbff;
}
a[href*="p_cat"]{
	pointer-events: none;
}
.terms-root li{
	position: relative;
}
.terms-root > li span:after{
	position: absolute;
	right: .5rem;
	top: .5em;
	color: #FFF;
	content:"▼";
	display: inline-block;
	transition: .4s;
}
.terms-root > li.on span:after{
	transform: rotate(180deg);
}
.w4pl-inner > ul > li ul li:hover{
	background-color: #eee;
}
.w4pl-inner > ul > li:hover > span{
	background-color: #2f2f2f;
}
@media screen and (min-width:769px){
	.cad table td:first-child{
		width: 20rem;
	}
	.manual table th{
		width: 20rem;
	}
	.catalog table th{
		width: 22rem;
	}
	.makerlist table th{
		width: 35%;
	}
	.makerlist table td{
		width: 65%;
	}
	.anzen table tr td:first-child{
		max-width: 12rem;
	}
	.w-footer__box{
			flex: 1 0 auto;
	}
}
@media screen and (max-width:768px){
	form th,
	form td{
		display: block;
		width: 100%;
	}
	.makerlist table td{
		padding-bottom: 3rem;
	}
	table.tatble-item-detail {
	    display: block;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	}
	table.tatble-item-detail td{
		white-space: nowrap;
	}
	.scroll-table {
	    overflow: auto;
	    white-space: nowrap;
	}
	.scroll-table:before {
	    display: block;
	    content: "スクロールできます→";
	    color: #666;
	    font-size: small;
	}
	.cad table tr td,
	.cad table tr th{
		display: block;
	}
}



form.sent .fieldset-cf7mls-wrapper{
	display: none;
	
}


/* 100周年ロゴ */
.c-headLogo__link{
	position: relative;
}


.c-headLogo__link:after{
	content: ' ';
	background-image: url(/_bosys/wp-content/uploads/2025/01/0d40a5e4a645fc6b96e767d64ac0878e.jpg);
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	top:-20px;
	right: -105px;
	width: 110px;
	height: 70px;
	background-size: contain;
	vertical-align: middle;
}





@media screen and (max-width:960px){
	.c-headLogo__link:after{
		top: 0;
		right: -95px;
		width: 85px;
		height: 47px;
	}
}

.l-fixHeader .c-headLogo__link:after{
	display: none;
}