@media screen and (min-width: 980px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
width:100%;
}

*{
margin: 0;
padding: 0;
}*

body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
/*font-family: 'Roboto', sans-serif;*/
}
	
iframe {
border: none;
}

#wrap{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}

img{
border-style: none;
}

a{
outline: 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

ul,li,ol{
list-style: none;
}

.clear{
clear: both;
}

.sp{
display: none;
}

h2{
}
h3{
}
h4{
}
h5{
}
p{
}

.alignnone{
/*
width: 100%;
height: auto;
margin-bottom: 10px;
*/
}

.alignleft{
width: 30%;
height: auto;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.alignright{
width: 40%;
height: auto;
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

#page-top{
position: fixed;
bottom: 100px;
right: 0;
font-size: 120%;
}
#page-top a{
background: #999999;
text-decoration: none;
color: #ffffff;
padding: 10px 15px;
box-sizing: border-box;
text-align: center;
display: block;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #82cef2;
}

.pagenavi{
margin-top: 50px;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
}
.pagenavi a{
color: #ffffff;
}
.pages{
background: #cccccc;
font-size: 80%;
margin: 5px;
padding: 10px;
box-sizing: border-box;
}
.current{
background: #cccccc;
font-size: 80%;
margin: 5px;
padding: 10px;
box-sizing: border-box;
}
.smaller{
background: #cccccc;
font-size: 80%;
margin: 5px;
padding: 10px;
box-sizing: border-box;
}
.larger{
background: #cccccc;
font-size: 80%;
margin: 5px;
padding: 10px;
box-sizing: border-box;
}
.nextpostslink{
background: #cccccc;
font-size: 80%;
margin: 5px;
padding: 10px;
box-sizing: border-box;
}
.first{
background: #cccccc;
font-size: 80%;
margin: 5px;
padding: 10px;
box-sizing: border-box;
}
.last{
background: #cccccc;
font-size: 80%;
margin: 5px;
padding: 10px;
box-sizing: border-box;
}

#header{
background: #ffffff;
border-bottom: 1px solid #e5e5e5;
width: 100%;
height: auto;
padding: 20px 0 40px 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
}
.fixed {
position: fixed;
top: 0px;
width: 100%;
z-index: 1000;
}

.header_inner{
max-width: 1100px;
width: 80%;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.logo {
    /* text-align: center; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.logo img{
width: 300px;
}

.navi{
width: 100%;
margin: auto;
padding: 5px 0 0 0;
box-sizing: border-box;
position: relative;
z-index: 10000;
}
.navi ul{
display: flex;
justify-content: center;
align-items: center;
}
.navi li{
padding: 0 20px;
box-sizing: border-box;
}
.navi li a{
color: #666666;
font-size: 95%;
padding: 0;
box-sizing: border-box;
text-decoration: none;
}
.navi li a:hover{
color: #db3732;
}
.navi li.current_page_item a{
color: #db3732;
text-decoration: none;
}
/*-----もし、topページのみナビ1番目赤にするなら-----------------*/	
/*body.home .navi #menu-mainmenu > li:first-child a {
color: #db3732;
}
body.home .navi ul.sub-menu > li a {
    color: #666666 !important;
}	
body.home .navi ul.sub-menu > li a:hover {
    color: #db3732 !important;
}	
	
/*-----naviの親　赤-----------------*/			
.navi li.current-menu-parent>a {
    color: #db3732;
    text-decoration: none;
}
	
.navi li.current-menu-item a{
/*color: #db3732;*/
text-decoration: none;
}
.navi li.current-post-ancestor a{
/*color: #db3732;*/
text-decoration: none;
}
.navi li.current-menu-ancestor a{
/*color: #db3732;*/
text-decoration: none;
}
.navi li ul{
display: block;
color: #ffffff;
list-style: none;
position: absolute;
margin-top: 15px;
margin-left: -20px;
padding: 10px 0;
box-sizing: border-box;
}
.navi li ul li{
overflow: hidden;
background: #ffffff;
width: auto;
height: 0;
 -moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
transition: .5s;
}
.navi li ul li a{
color: #666666;
font-size: 90%;
font-weight: normal;
padding: 20px;
box-sizing: border-box;
}
.navi li:hover ul li{
overflow: visible;
height: 40px;
}
.navi li:hover ul li:first-child{
border-top: 0;
}
.navi li:hover ul li:last-child{
border-bottom: 0;
}

li.mainmenu_contact{
display:inline-block;
background: #88b445;
padding: 10px 15px;
box-sizing: border-box;
border-radius: 5px;
}
li.mainmenu_contact a{
display:block;
color: #ffffff;
}
li.mainmenu_contact:hover{
border: 1px solid #ff0000;
background: #ffffff;
color: #db3732;
}
li.mainmenu_contact a:hover{
color: #db3732;
}
#toggle{
display: none;
}
/*---パンくず-------*/
.breadcrumbs {
    font-size: 14px;
    padding-left: 6%;
}
/*----------*/
#maincontents{
background: #ffffff;
border-bottom: 16px solid #82cef2;
width: 100%;
height: auto;
margin: auto;
padding: 0 0 30px 0;
box-sizing: border-box;
}
.maincontents_inner{
max-width: 1100px;
width: 90%;
height: 400px;
margin: auto;
padding: 0 8px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.maincontents_inner_box{
width: 20%;
padding: 0 3px;
box-sizing: border-box;
}
.maincontents_inner_box img{
width: 85%;
padding: 0;
box-sizing: border-box;
}
.maincontents_inner_box p{
font-size: 100%;
font-weight: bold;
padding: 5px 0px;
margin: 0;
box-sizing: border-box;
}
.maincontents_inner_box a{
font-size: 110%;
color: #327bb5;
text-decoration: none;
	font-weight: bold;
}
.maincontents_inner_box p:nth-of-type(1){
font-size: 85%;
font-weight: normal;
	margin-top: 55px;
}

#topcontainer{
background: #f5f5f5;
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
}

#topcontents{
max-width: 1100px;
width: 90%;
margin: auto;
padding: 0;
box-sizing: border-box;
}

.topinner{
width: 100%;
margin: auto;
padding: 40px 0 100px 0;
box-sizing: border-box;
}

.updatebox{
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.updatebox::before{
content:"";
display: block;
width: 31%;
order:1;
}
.updatebox::after{
content:"";
display: block;
width: 31%;
}
.updatebox_inner{
background: #ffffff;
border: 1px solid #d8d8d8;
width: 31%;
padding: 0;
box-sizing: border-box;
margin-top:10px;
}
.updatebox_inner_thum{
width: 100%;
padding: 0;
box-sizing: border-box;
}
.updatebox_inner_thum img{
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.entry-title{
font-size: 130%;
font-weight: bold;
overflow: auto;
line-height: 1.8;
padding: 10px 15px 10px 15px;
box-sizing: border-box;
}
.entry-title a{
color: #333333;
text-decoration: none;
}
.post-meta{
color: #666666;
font-size: 85%;
padding: 0 15px;
box-sizing: border-box;
}
.post-content{
color: #666666;
font-size: 95%;
line-height: 1.8;
padding: 10px 15px;
box-sizing: border-box;
}
.more-link{
font-size: 95%;
font-weight: bold;
padding: 0 15px 30px 15px;
box-sizing: border-box;
}
.more-link a{
color: #327bb5;
text-decoration: none;
}

#pagecontainer{
background: #ffffff;
width: 100%;
min-height: 500px;
margin: auto;
padding: 0;
box-sizing: border-box;
}
#pagecontents{
max-width: 1100px;
width: 90%;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.pageinner{
width: 100%;
margin: auto;
padding: 30px 0;
box-sizing: border-box;
}
.pageinner h2, .pageinner h1 {
color: #333333;
font-size: 240%;
padding: 0 0 30px 0;
box-sizing: border-box;
text-align: center;
font-family: 'Mulish', sans-serif;
}
.pageinner h3{
color: #333333;
font-size: 180%;
padding: 0 0 30px 0;
box-sizing: border-box;
text-align: center;
font-family: 'Mulish', sans-serif;
}
.pageinner h4{
color: #333333;
font-size: 180%;
font-weight: normal;
padding: 0 0 30px 0;
box-sizing: border-box;
text-align: center;
}
.pageinner p{
color: #666666;
font-size: 95%;
line-height: 2.0;
padding: 0;
box-sizing: border-box;
/*overflow: auto;*/
}
.pageinner p a{
color: #327bb5;
text-decoration: none;
}

.border_r{
border-bottom: 1px solid #db3732;
}

.alignleft{
width: 50%;
height: auto;
margin-bottom: 80px;
padding: 0 20px 0 0;
box-sizing: border-box;
float: left;
}
.alignleft_s{
width: 40%;
height: auto;
margin-bottom: 80px;
padding: 0 40px 0 0;
box-sizing: border-box;
float: left;
}
.alignleft_b{
width: 65%;
height: auto;
padding: 0 20px 0 0;
box-sizing: border-box;
float: left;
}
.alignright_Nylon-66{
width: 15%;
height: auto;
margin-bottom: 20px;
padding: 0 0 0 20px;
box-sizing: border-box;
float: right;
}

.center{
text-align: center;
}

.applications_btn{
background: #db3732;
border: 3px solid #ffffff;
padding: 15px;
box-sizing: border-box;
display: inline-block;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);
}
.applications_btn a{
display: block;
font-size: 150%;
color: #ffffff;
text-decoration: none;
}

.box_two{
width: 100%;
margin: auto;
padding: 20px 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_two_inner{
width: 50%;
padding: 0;
box-sizing: border-box;
}
.box_two_inner_2{
width: 50%;
padding: 0 30px 0 0;
box-sizing: border-box;
}
.box_two_inner p{
font-size: 100%;
}
.box_two_inner a{
color: #327bb5;
text-decoration: none;
}
.box_two_in{
border: 1px solid #cccccc;
padding: 20px;
box-sizing: border-box;	
}
.box_two_in h5{
font-size: 120%;
}

.box_three{
width: 100%;
margin: auto;
padding: 20px 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_three_inner{
width: 30%;
padding: 0;
box-sizing: border-box;
text-align: center;
}
.box_three_inner img{
width: 30%; 
padding: 0 0 20px 0;
box-sizing: border-box;
}
.box_three_inner h4{
font-size: 130%;
font-weight: bold;
}
.box_three_inner p{
text-align: left;
}
.box_three_inner_b{
width: 30%;
padding: 0 30px;
box-sizing: border-box;
text-align: center;
}
.box_three_inner_b img{
width: auto;
max-height: 280px; 
padding: 0 0 20px 0;
box-sizing: border-box;
}
.box_three_inner_b h4{
font-size: 120%;
font-weight: bold;
padding: 0 0 10px 0;
box-sizing: border-box;
}
.box_three_inne_b p{
font-size: 90%;
}

.box_four{
width: 100%;
margin: auto;
padding: 20px 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_four_inner{
width: 20%;
padding: 0;
box-sizing: border-box;
text-align: center;
}
.box_four_inner img{
width: 50%; 
padding: 0 0 20px 0;
box-sizing: border-box;
}
.box_four_inner h4{
font-size: 100%;
font-weight: bold;
}

.et_pb_promo_description{
width: 100%;
background: #db3732;
padding: 40px 0;
box-sizing: border-box;
text-align: center;
}
.et_pb_promo_description h1{
font-size: 220%;
color: #ffffff;
}
.et_pb_promo_description p{
color: #ffffff;
font-size: 100%;
line-height: 2.0;
padding: 0;
box-sizing: border-box;
}
.et_pb_promo_description_btn{
background: #ffffff;
border: 3px solid #88b445;
margin-top: 30px;
margin-bottom: 30px;
padding: 10px 20px;
box-sizing: border-box;
display: inline-block;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);
}
.et_pb_promo_description_btn a{
display: block;
color: #88b445;
font-size: 180%;
text-decoration: none;
}
.et_pb_promo_description_btn_r{
background: #ffffff;
margin-top: 30px;
margin-bottom: 30px;
padding: 10px 20px;
box-sizing: border-box;
display: inline-block;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);
border-radius: 5px;
}
.et_pb_promo_description_btn_r a{
display: block;
color: #db3732;
font-size: 180%;
text-decoration: none;
}
.et_pb_promo_description_btn_g{
background: #88b445;
border: 3px solid #ffffff;
margin-top: 30px;
margin-bottom: 30px;
padding: 10px 20px;
box-sizing: border-box;
display: inline-block;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);
}
.et_pb_promo_description_btn_g a{
display: block;
color: #ffffff;
font-size: 180%;
text-decoration: none;
}

.pageinner ul{
margin-left: 25px;
}
.pageinner li{
color: #666666;
font-size: 100%;
line-height: 1.6;
padding: 0 0 10px 0;
box-sizing: border-box;
list-style-type: disc;
}

.pageinner ol{
counter-reset: item;
}
.pageinner ol li{
color: #666666;
font-size: 95%;
padding: 0 0 5px 0;
box-sizing: border-box;
list-style: none;
}
.pageinner ol li:before {
list-style: none;
counter-increment: item;
content: counter(item)'.';
}

.video_box{
position: relative;
width: 100%;
padding: 0;
box-sizing: border-box;
margin-top: 30px;
margin-bottom: 30px;
}
video{
width: 100%;
}
.video_txt{
position: absolute;
top: 70%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
box-sizing: border-box;
text-align: center;
}
.video_txt h1{
font-size: 300%;
color: #ffffff;
text-shadow: 1px 2px 3px #999999;
margin-bottom: 20px;
}
.et_pb_header_content_wrapper{
font-size: 180%;
color: #ffffff;
text-shadow: 1px 2px 3px #999999;
margin-bottom: 20px;
}
.video_txt i{
font-size: 430%;
color: #ffffff;
text-shadow: 1px 2px 3px #999999;
}

.pageinner_slide{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pageinner_slideinner{
width: 85%;
}
.slidecontents{
width: 100%;
padding: 0 0 40px 0;
box-sizing: border-box;
}
.slidecontents h3{
font-size: 180%;
text-align: left;
padding: 0 0 10px 0;
box-sizing: border-box;
}
.slideimgbox{
width: 15%;
padding: 0 30px 0 0;
box-sizing: border-box;
}

.et_pb_module{
background: #ffffff;
padding: 10px 0;
box-sizing: border-box;
margin-bottom: 30px;
box-shadow: 0 0 8px gray;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.et_pb_text_inner{
width: 40%;
background: #eeeeee;
/*------追記--------*/	
padding: 15% 5%; 
box-sizing: border-box;
/*--------------*/
}
.et_pb_text_inner h1{
text-align: center;
transform: translate(0, -50%)
font-size: 240%;
font-weight: bold;
}
.et_pb_text_img{
width: 50%;
}
.et_pb_text_img img{
width: 100%;
}

.et_pb_container{
max-width: 1100px;
width: 90%;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.et_pb_slider_container_inner{
width: 80%;
margin: auto;
padding: 0 0 0 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.et_pb_slide_image{
width: 30%;
}
.et_pb_slide_image img{
width: 100%;
}
.et_pb_slide_description{
width: 60%;
}
h2.et_pb_slide_title, h1.et_pb_slide_title{
font-size: 180%;
text-align: left;
padding: 0 0 10px 0;
box-sizing: border-box;
}
.et_pb_slider_container_inner li{
font-size: 120%;
padding: 0 0 20px 0;
box-sizing: border-box;
}

.youtube{
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.slit-seal_box{
background: #eeeeee;
width: 100%;
margin: auto;
padding: 30px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.slit-seal_box_inner{
width: 30%;
padding: 0;
box-sizing: border-box;
}
.slit-seal_box_inner h3{
font-size: 140%;
padding: 0 0 10px 0;
box-sizing: border-box;
text-align: left;
}
.slit-seal_box_inner li{
font-size: 95%;
padding: 0 0 5px 0;
box-sizing: border-box;
}
.slit-seal_box_inner a{
padding: 0;
box-sizing: border-box;
}
	
.slit-seal_bnr{
width: 40%;
margin: auto;
padding: 10px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
}
.slit-seal_bnr img{
padding: 0 10px;
box-sizing: border-box;
}

.distributorlist{
width: 100%;
margin: auto;
padding: 20px 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.distributorlist_inner{
width: 48%;
padding: 0;
box-sizing: border-box;
}
.distributorlist_inner a{
color: #327bb5;
text-decoration: none;
}

.tabbox{
border: 1px solid #cccccc;
}
.tab{
overflow: hidden;
}
.tab ul{
width: 100%;
padding: 0;
margin: auto;
list-style: none;
display: table;
table-layout: fixed;
border-bottom: 1px solid #cccccc;
}
.tab li{
font-size: 95%;
background: #eeeeee;
color: #666666;
text-align: center;
position: relative;
height: auto;
margin: 0;
padding: 5px 10px;
box-sizing: border-box;
vertical-align: middle;
display: table-cell;
}
.tab li.select{
background: #82cef2;
color: #ffffff;
}
.tab li a{
width: 100%;
display: block;
}
.tabinner{
padding: 40px 20px 20px 20px;
box-sizing: border-box;
}
.tabinner li{
font-size: 95%;
padding: 0 0 20px 0;
box-sizing: border-box;
}
.tabinner li a{
color: #327bb5;
text-decoration: none;
}
.hide{
display:none;
}

.box_two_applications{
width: 100%;
padding: 0 0 040px 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_two_inner_applications_thum{
width: 40%;
padding: 0;
box-sizing: border-box;
text-align: center;
}
.box_two_inner_applications_thum img{
margin-bottom: 10px;
}
.box_two_inner_applications_thum h3{
font-size: 110%;
}
.box_two_inner_applications_txt{
width: 60%;
padding: 0;
box-sizing: border-box;
}
.box_two_inner_applications_txt strong{
color: #666666;
font-size: 110%;
}
.box_two_inner_applications_txt ul{
padding: 10px 0;
box-sizing: border-box;
}
.box_two_inner_applications_txt li{
font-size: 95%;
}
.box_two_inner_applications_txt li a{
color: #327bb5;
text-decoration: none;
}

.ionrocket_applications_btn{
background: #ffffff;
border: 2px solid #327bb5;
padding: 15px;
box-sizing: border-box;
display: inline-block;
}
.ionrocket_applications_btn a{
display: block;
font-size: 120%;
color: #327bb5;
text-decoration: none;
}

.pdf_downloads{
background: #db3732;
padding: 10px;
box-sizing: border-box;
display: inline-block;
}
.pdf_downloads a{
display: block;
font-size: 85%;
color: #ffffff;
text-decoration: none;
}

.caption{
width: 75%;
margin: auto;
border: 1px solid #cccccc;
background: #eeeeee;
padding: 10px;
box-sizing: border-box;
text-align: center;
}
.caption p{
font-size: 85%;
}

table{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
th{
border: 1px solid #cccccc;
width: 20%;
text-align: left;
vertical-align: top;
padding: 10px;
box-sizing: border-box;
font-size: 95%;
color: #666666;
line-height: 2.4;
}
td{
border: 1px solid #cccccc;
text-align: left;
vertical-align: top;
padding: 10px;
box-sizing: border-box;
font-size: 95%;
font-weight: normal;
color: #666666;
line-height: 2.4;
}
.tg{
width: 50%;
}

#archivecontainer{
background: #ffffff;
max-width: 1100px;
width: 90%;
margin: auto;
padding: 5px 0px 30px 0px;
box-sizing: border-box;
}
#archivecontainer h2, #archivecontainer h1{
color: #333333;
border-bottom: 1px solid #db3732;
font-size: 250%;
padding: 0 0 30px 0;
box-sizing: border-box;
text-align: center;
font-family: 'Mulish', sans-serif;
}
#archivecontents{
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: start;
}
.archiveinner{
width: 66%;
padding: 30px 0;
box-sizing: border-box;
}
.archiveupdatebox{
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.archiveupdatebox::before{
content:"";
display: block;
width: 46%;
order:1;
}
.archiveupdatebox::after{
content:"";
display: block;
width: 46%;
}
.archiveupdatebox_inner{
background: #ffffff;
border: 1px solid #d8d8d8;
width: 46%;
padding: 0;
box-sizing: border-box;
margin-bottom: 50px;
}
.archiveupdatebox_inner_thum{
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.post-meta{
}
.post-meta a{
color: #327bb5;
text-decoration: none;
}

#singlecontainer{
background: #ffffff;
max-width: 1100px;
width: 90%;
min-height: 500px;
margin: auto;
padding: 5px 0px 30px 0px;
box-sizing: border-box;
}
#singlecontainer h2, #singlecontainer h1{
color: #333333;
font-size: 230%;
padding: 0 0 30px 0;
box-sizing: border-box;
font-family: 'Mulish', sans-serif;
}
#singlecontents{
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.singleinner{
width: 66%;
padding: 30px 0;
box-sizing: border-box;
display: block;
}
.singleinner p{
color: #666666;
font-size: 95%;
line-height: 2.2;
padding: 0;
box-sizing: border-box;
}
.singleinner a{
color: #327bb5;
text-decoration: none;
}
.singleinner ul{
margin-left: 25px;
}
.singleinner li{
color: #666666;
font-size: 100%;
line-height: 1.6;
padding: 0 0 10px 0;
box-sizing: border-box;
list-style-type: disc;
}

.singleinner ol{
counter-reset: item;
}
.singleinner ol li{
color: #666666;
font-size: 95%;
padding: 0 0 5px 0;
box-sizing: border-box;
list-style: none;
}
.singleinner ol li:before {
list-style: none;
counter-increment: item;
content: counter(item)'.';
}

#sidebar{
width: 33%;
padding: 30px 0 30px 50px;
box-sizing: border-box;
}
.sidebarcontents{
width: 100%;
padding: 0 0 50px 0;
box-sizing: border-box;
}
.sidebartitle{
width: 100%;
background: #f5f5f5;
color: #db3732;
font-size: 130%;
font-weight: bold;
padding: 20px;
box-sizing: border-box;
margin-bottom: 20px;
}
.sidebartitle_b{
width: 100%;
color: #db3732;
font-size: 130%;
font-weight: bold;
padding: 20px;
box-sizing: border-box;
margin-bottom: 20px;
}
.sidebarcontents label{
display: none;
}
.sidebarcontents h3{
padding: 0 0 20px 0;
box-sizing: border-box;
}
.sidebarcontents ul{
padding: 0;
box-sizing: border-box;
}
.sidebarcontents li{
font-size: 95%;
padding: 0 0 10px 0;
box-sizing: border-box;
}
.sidebarcontents li a{
color: #666666;
text-decoration: none;
}
.sidebarcontents .post-date{
color: #666666;
}
.sidebarcontents select{
width: 100%;
outline:none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
padding: 5px;
box-sizing: border-box;
border: 1px solid #ccc;
font-size: 90%;	
}

.side_pastshowbox{
border: 1px solid #d9d9d9;
background: #f4f4f4;
padding: 20px 25px;
box-sizing: border-box;
margin-bottom: 30px;
}
.side_pastshowbox_inner{
padding: 30px 0 0 0;
box-sizing: border-box;
}
.side_pastshowbox_inner p{
color: #666666;
font-size: 90%;
line-height: 2.0;
padding: 0;
box-sizing: border-box;
}
.side_pastshowbox_inner p a{
color: #327bb5;
text-decoration: none;
}
.side_pastshowbox_inner ul{
margin-left: 25px;
}
.side_pastshowbox_inner li{
color: #666666;
font-size: 90%;
line-height: 1.6;
padding: 0 0 10px 0;
box-sizing: border-box;
list-style-type: disc;
}
summary {
outline: none;
}
.side_pastshowbox_title{
position: relative;
color: #666666;
font-size: 125%;
font-weight: bold;
}
.cursor{
border-radius: 50%;
position: absolute;
top: -21px;
left: 20px; 
}
details {
height: 100%;
transition: .5s;
}
details[open] {
height: 100%;
}

#footer_1{
clear: both;
background: #82cef2;
width: 100%;
height: auto;
}
.footer_1_inner{
max-width: 1100px;
width: 90%;
margin: auto;
padding: 60px 0 120px 0;
box-sizing: border-box;
}
.footer_1_inner ul{
margin: 0;
padding: 0 40px;
box-sizing: border-box;
}
.footer_1_inner li{
font-size: 85%;
padding: 0 0 20px 0;
box-sizing: border-box;
}
.footer_1_inner li:before {
content: "● ";
color: #ffffff;
}
.footer_1_inner a{
text-decoration: none;
color: #ffffff;
width: auto;
height: auto;
}

#footer_2{
clear: both;
background: #ffffff;
width: 100%;
height: auto;
}
.footer_2_inner{
max-width: 1100px;
width: 90%;
margin: auto;
padding: 30px 0;
box-sizing: border-box;
}
.footer_2_inner p{
color: #666666;
font-size: 90%;
line-height: 2.8;
padding: 0;
box-sizing: border-box;
}

#footer_3{
clear: both;
background: #588ba4;
width: 100%;
height: auto;
}
.footer_3_inner{
max-width: 1100px;
width: 90%;
margin: auto;
padding: 20px 0;
box-sizing: border-box;
}

/*-----テキストスライダー部分 swiper（smart-evaporatorsmartページ）----------*/
@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.swiper-container {
width: 100%;
height: 330px; 
text-align:left;
margin:0px;
}
.swiper-slide {
background: #fff;
           }
.swiper-slide p {
position: absolute;
top: 0%;
left: 0%;
font-size: 20px;
color:#333;
} 

.swiper-slide p span.text_lar{
display:block;
font-size: 36px;
font-weight:bold;
line-height:1.2;
margin-bottom:5px;

}
.swiper-slide p span.text_name{
display:block;
margin-top:25px;
font-size: 18px;
font-weight:bold;
line-height:1.2;
}
.swiper-slide p span.text_s{
display:block;
margin-top:25px;
padding:0px;
display:block;
font-size: 18px;
line-height:1.2;
}

.swiper-slide-active p {
animation-name: fade-in;
animation-duration: 2s;
animation-delay: 2s;
animation-fill-mode: both;
}

/*----スライダー部分 bxslider（smart-evaporatorsmartページ）------------*/
.bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none; 
border: none; 
background: #fff;
box-shadow: none !important;
}
.bx-wrapper .bx-controls-direction a {
    transition: initial;
}	
}


/* 210624 interview */
.voice_content {
	margin: 30px 0px 20px 0px;
	padding: 0px;
}
.voice_content dt {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	/*font-weight: bold;*/
	float: left;
	width: 110px;
	color:#006699;
	text-align: right;
}
.voice_content  dt.m {
	color: #CC3333;
}
.voice_content dt.m2 {
	color: #CC3366;
}
.voice_content dd {
	margin: 0px 0px 5px 140px;
	padding: 0px 0px 0px 0px;
	text-indent: 0px;
}

.btn_contact-us {
	margin: 0 0 20px;
}

.btn_contact-us a {
	display: inline-block;
	width: 240px;
	height: 60px;
	background: url(https://biochromato.com/wp-content/uploads/contact_button_c-2-1.jpg) no-repeat 50% 50%;
	text-indent: -9999px;
}

.btn_contact-us a:hover {
	background-image: url('https://biochromato.com/wp-content/uploads/e.png');
}

#footer_1_1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1100px;
	margin: auto;
}
.sns_inner {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    padding: 0;
    box-sizing: border-box;
}
.sns_block {
	display: flex;
    margin: 0 10% 0 0;
	padding: 0;
	list-style:none;
    justify-content: flex-end;
}
.sns_block img {width: 30px;}

/*---検索結果ページ　ページ送り--------*/
.search_box {
    background: #ddd;
    width: 280px;
    text-align: center;
    height: 30px;
    padding: 10px 0px 0px 0px;
}

.page_link {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px;

}

.page_link a {
    display: block;
    font-size: 14px;
}
button {
    padding: 0px 5px;
}
.search_inner {
    width: 350px;
margin: 0px auto;
}

/*-------- トップページ | 20230925追記 | --------*/

/* アイキャッチ */
#mainContainer {
  background: #EEE;
  padding: 50px 0px;
  background-size: cover;
  background-position: center center;
}
#mainContainer * {
  line-height: 160%;
}
#mainContainer .mainContent {
  max-width: 1100px;
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.mainContent>.textArea, 
.mainContent>.imageArea {
  width: 48%;
}
.mainContent>.textArea .title {
  font-size: 170%;
  font-weight: bold;
  margin: 0 0 30px 0;
  padding: 0;
}
.mainContent>.textArea .text {
  font-size: 110%;
  margin: 0 0 30px 0;
  padding: 0;
}
.mainContent>.textArea .btn {
  font-size: 85%;
  margin: 0;
  padding: 0;
}
.mainContent>.textArea .btn>a {
  display: inline-block;
  text-decoration: none;
  color: #FFF;
	font-weight: bold;
  padding: 8px 15px;
  margin: 3px;
  background: #000;
  border: 1px solid #000;
  border-radius: 20px;
  transition: 0.5s;
}
.mainContent>.textArea .btn>a:hover {
opacity: 0.8;
}
.mainContent>.imageArea img {
  max-width: 100%;
}

/* 製品紹介 */
#productsContainer {
  background: linear-gradient(to bottom, #EEE, #FFF 50%);
  padding: 40px 0px 30px 0px;
  border-bottom: 5px solid #82cef2;
  border-top: 5px solid #82cef2;
  text-align: center;
}
#productsContainer * {
  line-height: 160%;
}
#productsContainer>h2 {
  font-size: 200%;
	padding-bottom: 20px;
	margin-bottom: 15px;
	font-weight: bold;
	position: relative;
}
#productsContainer>h2:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #82cef2;
	position: absolute;
	bottom: 0;
	left: calc( 50% - 5px );
}
#productsContainer>p {
  font-size: 120%;
	margin-bottom: 20px;
	font-weight: bold;
	color: #555;
}
.productsContent {
  max-width: 1140px;
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-around;
  text-align: left;
}
.productList, .productList>dt, .productList>dd {
  margin: 0;
  padding: 0;
}
.productList {
  width: 25%;
  padding: 20px;
}
.productList>.title {
  text-align: center;
	padding-bottom: 5px;
}
.productList>.title a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
	font-size: 120%;
	display: block;
}
.productList>.title a:hover {
  color: #4BBBEE;
}
.productList>.image {
  width: 100%;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productList>.image img {
    max-width: 100%;
    max-height: 210px;
    width: auto;
    height: auto;
  transition: 0.5s;
}
.productList>.image img:hover {
    opacity: 0.8;
}
.productList>.catch {
  font-size: 90%;
  font-weight: bold;
}
.productList>.text {
  font-size: 90%;
  color: #555;
}
.productList>.sample {
  font-size: 90%;
  color: #88b445;
  font-weight: bold;
  text-align: center;
	padding-top: 5px;
}
.productList>.btn {
  font-weight: bold;
  text-align: center;
	padding-top: 5px;
}
.productList>.btn a {
  color: #FFF;
  text-decoration: none;
  background: #4BBBEE; 
  display: block;
  padding: 8px;
  border-radius: 5px;
  transition: 0.5s;
}
.productList>.btn a:hover {
  background: #88b445; 
}