@charset "UTF-8";

/*
Theme Name:yoshimotosangyo
Theme URI:
Author:yoshimotosangyo
Author URI:
Description:based on Sydney Theme
Template:sydney
Version:1.0.0
License:GNU General Public License v2 or later
License URI:https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:yoshimotosangyo
Tags:responsive-layout
*/

/*@import url(https://fonts.googleapis.com/css?family=Marcellus);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/



body
{
font-size: 100%;
line-height: 1.4;
font-family: "Open Sans", sans-serif;
}

body.vn
{
font-family: "Arial", sans-serif;
}

body.post-type-archive-blog,
body.tax-bcat,
body.tax-btag,
body.tax-movie
{
background: #ccc url(../../../en/images/lib/back/img_white02b.jpg) center center fixed !important;
background-size: cover !important;
}

body.single-blog
{
background: #ccc url(../../../en/images/lib/back/img_white02c.jpg) center center fixed !important;
background-size: cover !important;
}

.page-wrap
{
width: 100%;
margin: 0px auto;
padding: 0px 0px 5em 0px !important;
}

.home .page-wrap
{
width: 100%;
margin: 0px auto;
max-width: none;
padding: 0px 0px 0em 0px !important;
}

.post-type-archive-blog .page-wrap,
.tax-bcat .page-wrap,
.tax-btag .page-wrap
{
width: 100%;
margin: 0px auto;
padding: 0px 0px 0em 0px !important;
}

.page-wrap .content-wrapper
{
background-color: transparent;
padding: 0px;
}

.post-type-archive-blog .page-wrap .content-wrapper,
.tax-bcat .page-wrap .content-wrapper,
.tax-btag .page-wrap .content-wrapper,
.single-blog .page-wrap .content-wrapper
{
background-color: transparent;
padding: 50px 0px 0em 0px !important;
}

.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper
{
padding: 0px;
}

.content-wrapper
{
margin: 2em 0px 0px 0px;
}

.content-inner
{
margin: 0em auto 4em auto;
width: 100%;
max-width: 1024px;
}

.category .content-inner,
.single .content-inner,
.date .content-inner,
.search .content-inner
{
margin: 0em auto 4em auto;
width: 90%;
max-width: none;
}

.page-aboutus .content-inner,
.page-mdev .content-inner,
.page-mdev-child .content-inner,
.post-type-archive-product .content-inner
{
margin: 0em auto 4em auto;
width: 90%;
max-width: 900px;
}

.blog .content-inner,
.tax-bcat .content-inner,
.tax-btag .content-inner
{
margin: 0em auto 2em auto;
}

.container
{
width: 100%;
}

.container,
.container-fluid
{
margin: 0px auto;
padding: 0px;
}

.row
{
margin: 0px;
}

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

.hvrtgl
{
display: flex;
text-align: left;
font-size: 160%;
background: #88bfbf;
margin: 0px;
padding: 0px;
height: 100px;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
color: #fff;
cursor: pointer;
position: fixed;
right: 0px;
z-index: 1100;
border-radius: 0.2em 0px 0px 0.2em;
}

.hvrtgl.blogtab
{
top: 90px;
width: 30px;
height: 100px;
transition: all 0.4s ease;
background: #88bfbf;
}

.hvrtgl .htlabel
{
transform: rotate(90deg);
font-size: 50%;
}

.hvrtgl .htitem
{
display: none;
transition: all 0.4s ease;
}

.hvrtgl:hover .fa-photo-video
{
display: none;
transition: all 0.4s ease;
}

.hvrtgl:hover
{
width: 210px;
right: 0;
transition: all 0.4s ease;
}

.hvrtgl:hover .htitem
{
background: none;
margin: 0px;
padding: 0px;
height: 60px;
width: 210px;
display: block;
transition: all 0.4s ease !important;
}

.hvrtgl:hover .htitem a
{
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding: 0px;
height: 60px;
width: 210px;
font-size: 60% !important;
color: #fff;
}

.hvrtgl:hover .htlabel
{
display: none;
}

.hvrtgl:hover .htitem a .fa-photo-video
{
display: inline-block;
margin: 0px 0.25em 0px 0px;
font-size: 200% !important;
}

.hvrtgl:hover a.ht-item-link
{
background: none !important;
}

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

.site-title
{
font-size: 130% !important;
margin: 0em 0px 0em 0px;
padding: 0px 0px 0em 0px;
font-weight: 200;
line-height: 1.4;
letter-spacing: 0.15em;
}

.site-description
{
font-size: 70% !important;
margin: 0px;
}

.site-header
{
padding: 0px;
left: 0;
top: 0;
/*transition: all 0.3s ease-out 0s;*/
transition: none;
width: 100%;
z-index: 1000;
height: 50px;
background-color: rgba(255,255,255,0.75)!important;
transition: 0.75s;
}

.site-header.fixed
{
position: fixed;
height: 50px;
padding: 0px;
background-color: rgba(255,255,255,0.75)!important;
transition: 0.75s;
}

.site-header.float
{
height: 50px;
padding: 0px;
background-color: rgba(136,191,191,0.9)!important;
transition: 0.75s;
}

.site-header.float-header
{
padding: 0px;
height: 50px;
background-color: rgba(136,191,191,0.9)!important;
transition: 0.75s;
}

.header-wrap
{
margin: 0px auto;
width: 90%;
height: 50px;
}

img.site-logo
{
max-width: 160px;
margin: 0em 0px 0px 0% !important;
}

.en img.site-logo,
.vn img.site-logo
{
max-width: 160px;
margin: 0em 0px 0px 0% !important;
}

.header-wrap .col-md-4
{
margin: 0px !important;
width: 20% !important;
display: flex;
align-items: center;
height: 50px;
}

.header-wrap .col-md-4 a
{
display: block;
height: auto;
line-height: 1;
}

.header-wrap .col-md-8
{
margin: 0px !important;
width: 80% !important;
height: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}

/*.site-header .col-md-4
{
width: 30%;
margin: 0px 0px;
}

.site-header .col-md-8
{
width: 70%;
margin: 0px 0px;
}*/

/*.home .header-wrap .col-md-4
{
margin: 0px !important;
width: 30% !important;
float: left;
}

.home .header-wrap .col-md-8
{
margin: 0px !important;
width: 70% !important;
float: left;
}*/


.swiper-button-next,
.swiper-button-prev
{
display: none;/*padding: 0.5em;*/
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
margin: 0 2px;
}

.swiper-pagination-bullet
{
width: 30px;
height: 4px;
display: inline-block;
border-radius: 0;
background: #88bfbf;
opacity: 0.85;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction
{
bottom: 15px;
left: 0;
width: 100%;
}

.mainimg
{
width: 100%;
overflow: hidden;
position: relative;
background: #ddd;
margin: 0px 0px 0em 0px;
}

.swiper-container
{
overflow: hidden;
margin: 0px 0px 0em 0px;
}

.swiper-slide
{
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img
{
-webkit-animation: zoomUp 12s linear 0s;
animation: zoomUp 12s linear 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.slide-img
{
background-size: cover;
background-position: center center;
height: 720px;
}

.welcome
{
display: none;
}

.logo
{
/*width: 30%;
float: left;
text-align: center;
font-size: 64%;
font-family: serif;
color: #fff;*/
}

.logo img
{
/*max-width: 240px;
height: auto;
margin: 1em auto 0px auto;
display: block;*/
}

.enname
{
/*letter-spacing: 0.25em;*/
/*font-family: "Marcellus", serif;*/
font-size: 70% !important;
color: #88bfbf;
}

/*.message
{
width: 70%;
float: left;
}

.message h1
{
color: #fff;
font-size: 150%;
font-family: serif;
font-weight: 200;
text-align: center;
}

.message p
{
color: #fff;
font-size: 75%;
font-family: sans-serif;
line-height: 1.8;
text-align: center;
}*/


#mainnav
{
display: block;
float: right;
transition: all 0.3s linear 0s;
margin: 0em 0px 0px 0px;
padding: 0px;
}

.home #mainnav
{
margin: 0em 0px 0px 0px;
display: flex;
align-items: center;
}

#mainnav ul
{
margin: 0em 0px 0px 0px;
padding: 0px;
float: right;
height: auto;
}

.en #mainnav ul,
.vn #mainnav ul
{
margin: 0em 0px 0px 0px;
padding: 0px;
float: right;
height: auto;
}

/*.home #mainnav ul
{
float: none;
height: auto;
}*/


#mainnav ul li
{
margin: 0px 0px 0px 0px;
padding: 0px;
}

#mainnav ul li a
{
font-size: 95% !important;
padding: 0.4em 0.75em 0.35em 0.75em;
font-family: "Open Sans", sans-serif !important;
font-weight: 400;
letter-spacing: 0.05em;
margin: 0px 0px;/*border-radius: 0.3em;*/
line-height: 1;
height: auto;
border-right: 1px solid #999;
display: flex;
align-items: center;
justify-content: flex-start;
}

.en #mainnav ul li a
{
font-size: 100% !important;
padding: 0.3em 0.7em 0.35em 0.7em;
}

.vn #mainnav ul li a
{
font-size: 100% !important;
padding: 0.3em 0.7em 0.35em 0.7em;
font-family: "Arial", sans-serif !important;
}

#mainnav ul li:last-child a
{
border-right: none;
}

#mainnav ul li.ig a,
#mainnav ul li.yt a
{
padding: 0em 0em 0em 0.85em;
margin: 0px 0px;
border-right: none;
}

#mainnav ul li.fabbrica a
{
padding: 0em;
margin: 0px 0px;
background: url(../../../images/lib/misc/fabrc_icon.png) center center no-repeat;
background-size: contain;
outline: none !important;
text-indent: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
display: block;
height: 20px;
width: 3em;
}

#mainnav ul li.telno a
{
font-size: 110% !important;
line-height: 46.5px;
padding: 0em 0.6em 0em 0.6em;
}

#mainnav ul li.en a
{
color: #339999;
font-weight: 600;
}

#mainnav ul li.vt a
{
color: #990000;
font-weight: 600;
}

#mainnav ul li.jp a
{
color: #339999;
font-weight: 600;
}

#mainnav ul li a:hover
{
background: #68C0C0 !important;
color: #fff !important;
transition: none;
}

#mainnav ul li.ig a:hover,
#mainnav ul li.yt a:hover
{
background: none !important;
color: #222 !important;
transition: none;
}

#mainnav ul li.yt a .menu-image-title-after.menu-image-title,
#mainnav ul li.ig a .menu-image-title-after.menu-image-title
{
display: none;
}

#mainnav ul li.fabbrica a:hover
{
background: url(../../../images/lib/misc/fabrc_icon.png) center center no-repeat !important;
background-color: transparent !important;
background-size: contain !important;
}

.en #menu-fnav .dashicons,
.vn #menu-fnav .dashicons
{
height: 32px !important;
width: 32px !important;
display: flex;
align-items: center;
}

.en #menu-fnav .dashicons::before,
.vn #menu-fnav .dashicons::before
{
font-size: 135%;
}

.vn #mainnav .about ul.sub-menu
{
min-width: 240px;
}

#mainnav ul.sub-menu::after
{
display: none !important;
}

#mainnav ul.sub-menu
{
border-radius: 0;
left: initial;
opacity: 0;
position: absolute;
/*top: 100%;*/
/*top: 35px;*/
top: 25px;
left: -1px !important;
transition: all 0.3s ease 0s;
visibility: hidden;
width: auto;
min-width: 170px;
margin: 0px !important;
padding: 0px !important;
border: none !important;
background: none !important;
}

#mainnav .recinfo ul.sub-menu
{
min-width: 240px;
}

#mainnav .product ul.sub-menu
{
min-width: 210px;
}

.en #mainnav .prod ul.sub-menu,
.vn #mainnav .prod ul.sub-menu
{
min-width: 210px;
}

.en #mainnav .mdev ul.sub-menu,
.vn #mainnav .mdev ul.sub-menu
{
min-width: 270px;
}

#mainnav ul.sub-menu li
{
padding: 0em;
margin: 0px 0px 1px 0px;
width: 100%;
border: none !important;
}

#mainnav ul.sub-menu li a
{
border: none !important;
display: block;
padding: 0.75em 0.75em !important;
transition: all 0.3s ease 0s;
margin: 0px;
font-size: 90% !important;
font-family: "Open Sans", sans-serif;
width: 100%;
line-height: 1;
border-radius: 0;
/*background: rgba(181,154,74,0.85);*/
background: rgba(0,0,0,0.75);
white-space: nowrap;
height: auto;
display: flex;
align-items: center;
justify-content: flex-start;
}

.vn #mainnav ul.sub-menu li a
{
font-family: "Arial", sans-serif;
}

#mainnav ul.sub-menu li a:hover
{
/*background: rgba(181,154,74,0.85) !important;*/
background: #68C0C0 !important;
/*background: rgba(153,102,0,0.95) !important;*/
/*background: rgba(0,0,0,0.65) !important;*/
opacity: 1;
}

#mainnav ul.sub-menu li ul
{
position: absolute;
top: 0px;
left: 151px !important;
width: 200px;
}

#mainnav .product ul.sub-menu li ul
{
position: absolute;
top: 0px;
left: 211px !important;
width: 200px;
}

.en #mainnav .prod ul.sub-menu li ul
{
position: absolute;
top: 0px;
left: 211px !important;
width: 200px;
}

#mainnav-mobi
{
display: block;
margin: 0px;
width: 100%;
position: absolute;
top: 50px;
background-color: transparent;
z-index: 1000;
}

#mainnav-mobi ul > li > a
{
display: block;
text-decoration: none;
padding: 1em 1.5em;
color: #fff;
font-size: 90%;
letter-spacing: 0.02em;
background: rgba(34,34,34,0.95);
}

#mainnav-mobi ul.sub-menu > li > a
{
display: block;
text-decoration: none;
padding: 1em 2em !important;
/*background: #ccc;*/
background: #68C0C0;
color: #222;
}

#mainnav-mobi ul.sub-menu > li > a:hover
{
color: #222;
}

.page-header
{
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 180px 0px 3em 0px;
background: #88bfbf;
/*height: 180px;*/
position: relative;
background: url(../../../images/pages/home/img01b.jpg) bottom center no-repeat;
background-size: cover;
}

.product .page-header
{
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 180px 0px 3em 0px;
/*background: #88bfbf;*/
background: url(../../../images/pages/product/_D4S7758b.jpg) center center no-repeat;
background-size: cover;
height: 400px;
position: relative;
}

.tax-pcat .page-header
{
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 180px 0px 3em 0px;
background: #88bfbf;
background: url(../../../images/pages/product/_DSC9516b.jpg) center center no-repeat;
background-size: cover;
height: 400px;
}

.single .page-header
{
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 180px 0px 3em 0px;
background: #88bfbf;
background: url(../../../images/pages/home/img01b.jpg) bottom center no-repeat;
background-size: cover;
}

.single-product .page-header
{
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 180px 0px 3em 0px;
/*background: #88bfbf;*/
background: url(../../../images/pages/product/_DSC9516b.jpg) center center no-repeat;
background-size: cover;
}

.blog .page-header,
.tax-bcat .page-header,
.tax-btag .page-header
{
border: 0 none;
margin: 0px 0px 3em 0px;
padding: 0px 0px 0em 0px;
background: none;
}

.search #primary .page-header
{
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 0px 0px 0em 0px;
background: none;
background-size: cover;
color: #222;
}

.page-header p
{
font-size: 80%;
margin: 0px 0px 0em 0px;
color: #666;
font-weight: 200;
}

.page-name
{
margin: 0px auto 2em auto;
position: absolute;
width: 90%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.blog .page-name,
.tax-bcat .page-name,
.tax-btag .page-name
{
margin: 0px auto 0em auto;
padding: 0px 0px 0em 0px;
position: static;
text-align: center;
}

.vn .page-name
{
font-family: "Arial", sans-serif;
}

.single .page-name
{
margin: 0px auto 2em auto;
position: absolute;
width: 90%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.single-blog .page-name
{
margin: 0px auto 0em auto;
padding: 0px 0px 0em 0px;
position: static;
text-align: center;
}

.single-blog h2
{
font-weight: 400 !important;
font-size: 150% !important;
}

.page-name h1
{
margin: 0px 0.5em 0em 0px;
display: inline-block;
font-family: "Open Sans", sans-serif;
/*font-family: "Maru Folk Regular", "Kaimin Sora Bold", serif;
font-family: "Ryumin Regular KL", /*"Kaimin Sora Bold",serif;*/
font-weight: 100 !important;
font-size: 240% !important;
/*letter-spacing: 0.05em;*/
color: #222;
text-align: left;
width: auto;
}

.vn .page-name h1
{
font-family: "Arial", sans-serif;
}

#page .page-name h1
{
margin: 0px 0px 0em 0px;
display: inline-block;
font-weight: 100 !important;
font-family: "Open Sans", sans-serif;
font-size: 200% !important;
text-transform: uppercase;
text-align: left;
}

.blog .page-name h1,
.tax-bcat .page-name h1,
.tax-btag .page-name h1
{
border: 0 none;
margin: 0px auto 0em auto !important;
padding: 0px 0px 0em 0px;
background: none;
display: block;
}

.blog .page-name h1 img,
.tax-bcat .page-name h1 img,
.tax-btag .page-name h1 img
{
margin: 0px auto 0.5em auto;
padding: 0px 0px 0em 0px;
display: block;
max-width: 700px;
height: auto;
}

.vn #page .page-name h1
{
font-family: "Arial", sans-serif !important;
}

.page-name h1 a
{
color: #222;
display: block;
}

.tax-pcat .page-name h1 a
{
color: #222;
display: block;
}

.single-product .page-name h1 a
{
color: #222;
display: block;
}

.page-name .pagedesc
{
margin: 0px 0px 0em 0px;
display: inline-block;
font-weight: 100;
font-size: 100% !important;
color: #222;
}

#page .page-name .pagedesc
{
margin: 0px 0px 0em 1em;
display: inline-block;
font-weight: 100;
font-size: 80% !important;
color: #222;
}

.breadcrumbs
{
width: 100%;
margin: 0px auto 3.5em auto;
padding: 1em 1em;
font-size: 75%;
overflow: hidden;
text-align: center;
border-top: 1px solid #ddd;
font-family: "Open Sans", "UD Shin Go Regular", sans-serif;
}

.blog .breadcrumbs,
.tax-bcat .breadcrumbs,
.tax-btag .breadcrumbs
{
margin: 0px auto 4em auto;
}

.vn .breadcrumbs
{
font-family: "Arial", sans-serif;
}

.cat-name
{
margin: 0px 0px 6em 0px;
}

.cat-name p
{
font-size: 80%;
margin: 0px 0px 1em 0px;
}

.cat-name h2
{
font-size: 180%;
margin: 0px 0px 0.5em 0px !important;
text-align: center;
font-weight: 100;
font-family: "Open Sans", sans-serif;
}

.en .cat-name h2
{
font-size: 210%;
}

.vn .cat-name h2
{
font-family: "Arial", sans-serif;
}

.cat-name .enname
{
margin: 0px 0px 1.5em 0px;
padding: 0px 0px 2em 0px;
text-align: center;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
border-bottom: 1px solid #ddd;
}

.vn .cat-name .enname
{
font-family: "Arial", sans-serif;
}

.cat-name .termdesc
{
margin: 0px 0px 0em 0px;
font-size: 90% !important;
text-align: center;
}

.home .namebadge
{
padding: 1em;
text-align: center;
}

.home .namebadge h1
{
font-size: 100%;
margin: 0px 0px 0em 0px;
}

.home .message
{
width: 100%;
overflow: hidden;
height: 680px;
background: #eee url(../../../images/pages/home/_D4S7760b.jpg) center 80% no-repeat;
background-size: cover;
position: relative;
text-align: center;
}

.home .messagedesc
{
width: 80%;
height: 60%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #222;
}

.home .messagedesc h2
{
font-weight: 100;
font-size: 240%;
margin: 0px auto 1em auto;
color: #222;
}

.home.vn .messagedesc h2
{
font-family: "Arial", sans-serif;
}

.home .messagedesc p
{
font-weight: 100;
font-size: 80%;
margin: 0px auto 0em auto;
color: #222;
}

.home .message .details
{
display: block;
position: absolute !important;
bottom: 0;
width: 100%;
overflow: hidden;
position: relative;
text-align: center;
text-align: center;
}

.home .message a.gotodetail
{
display: inline-block;
width: auto;
margin: 0px auto 1em auto;
color: #222;
background: #ccc;
border-radius: 0;
font-size: 80% !important;
padding: 0.5em 2em;
border-left: 4px solid #88bfbf;
font-family: "Open Sans", sans-serif;
}

.home.vn .message a.gotodetail
{
font-family: "Arial", sans-serif;
}

.home .message a.gotodetail:hover
{
background: #88bfbf;
}

.home .frontmenu
{
width: 100%;
margin: 0px auto 8em auto;
background: url(../../../images/pages/home/img_white02b.jpg) top center no-repeat;
background-size: cover;
}

.home.en .frontmenu,
.home.vn .frontmenu
{
margin: 0px auto 0em auto;
}

.home .frontmenu ul
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
}

.home .frontmenu ul li
{
width: 50%;
float: left;
padding: 0px;
margin: 0px;
height: 640px;
background: none !important;
list-style-type: none;
position: relative;
}

.home .frontmenu ul li:first-child
{
border-right: 1px solid #fff;
}

.home .frontmenu .pmenudesc
{
background: rgba(255,255,255,0.2);
width: 30%;
height: 100px;
position: absolute;
top: 5%;
left: 2.5%;
}

.home .frontmenu .fmdesc
{
width: 80%;
height: 35%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #222;
}

.home .frontmenu .fmdesc h2
{
text-align: center;
font-size: 180%;
font-weight: 100;
}

.home.vn .frontmenu .fmdesc h2
{
font-family: "Arial", sans-serif;
}

.home .frontmenu .fmdesc p
{
font-size: 70%;
width: 75%;
margin: 0px auto;
}

.home .frontmenu .fmdesc .enname
{
font-size: 40% !important;
margin: 0px auto;
}

.home .frontmenu .details
{
display: block;
width: 100%;
margin: auto;
color: #222;
position: absolute;
bottom: 1em;
text-align: center;
}

.home .frontmenu a.gotodetail
{
display: inline-block;
width: auto;
margin: auto;
color: #222;
background: #ccc;
border-radius: 0;
font-size: 80% !important;
padding: 0.5em 2em;
border-left: 4px solid #88bfbf;
font-family: "Open Sans", sans-serif;
}

.home.vn .frontmenu a.gotodetail
{
font-family: "Arial", sans-serif;
}

.home .frontmenu a.gotodetail:hover
{
background: #88bfbf;
}

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


.submenu
{
width: 100%;
margin: 0px auto 4em auto;
}

.product .submenu
{
width: 100%;
margin: 0px auto 0em auto;
}

.submenu ul.fabrc
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px 0px 0em 0px;
border-top: 1px solid #cc0000;
border-bottom : 1px solid #222;
}

.submenu ul.ylabo
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px 0px 0em 0px;
border-top: none;
border-bottom : none;
}

.submenu ul li
{
width: 100%;
float: none;
padding: 0px;
margin: 0px;
height: 400px;
background: none;
list-style-type: none;
position: relative;
overflow: hidden;
}

.submenu ul.fabrc li
{
height: 400px;
}

.submenu .smcol
{
width: 33.33%;
height: 100%;
display: block;
float: left;
position: relative;
margin: 0px;
box-sizing: border-box;
display: flex;
align-items: center;
}

.submenu ul.fabrc li .smcol:first-of-type
{
background: none;
}

.submenu ul.fabrc li .smcol:first-of-type img
{
max-width: 280px;
}

.submenu ul.fabrc li .smcol:last-of-type
{
background: #CC0000;
}

.submenu ul.ylabo li .smcol:last-of-type
{
background: #222;
}

.submenu ul.ylabo li .smcol:last-of-type img
{
max-width: 280px;
margin: 0px 0px 1em 0px;
}

.submenu .smcol:last-of-type
{
background: #ccc;
}

.submenu .smdesc
{
width: 80%;
height: 35%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #222;
text-align: center;
}

.submenu .smdesc p
{
font-size: 80% !important;
color: #fff;
line-height: 2;
}

.submenu a.gotodetail
{
display: inline-block !important;
width: auto !important;
margin: auto;
color: #fff;
background: #222;
border-radius: 0;
font-size: 80% !important;
padding: 0.5em 2em;
font-family: "Open Sans", sans-serif;
border-left: 4px solid #88bfbf;
}

.vn .submenu a.gotodetail
{
font-family: "Arial", sans-serif;
}

.submenu a.gotodetail:hover
{
background: #fff;
color: #222;
opacity: 1;
}

.submenu .ylabo a.gotodetail
{
background: #fff;
color: #222;
}

.submenu .ylabo a.gotodetail:hover
{
background: #CC0000;
color: #fff;
opacity: 1;
}

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


.ysinfo
{
margin: 0px auto 0em auto;
width: 100%;
text-align: center;
}

.ysinfo h2
{
margin: 0px auto 1em auto;
text-align: center;
font-family: "Open Sans", sans-serif;
font-weight: 200;
font-size: 120%;
}

.ysinfo ul
{
margin: 0px auto 0em auto;
padding: 0px;
width: 100%;
text-align: center;
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.ysinfo ul li
{
margin: 0px;
flex-basis: 33.33%;
list-style-type: none;
background: #ddd;
font-size: 80%;
/*height:200px;*/
display: flex;
align-items: flex-end;
justify-content: flex-start;
position: relative;
}

.ysinfo ul li:nth-child(odd)
{
background: #eee;
}

.ysinfo ul li .ysinfoname
{
position: absolute;
width: 100%;
}

.ysinfo ul li .ysinfoname a
{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
padding: 1em 1em;
border-radius: 0em;
background: rgba(255,255,255,0.75);
color: #222;
line-height: 1;
font-size: 80%;
height:100px;
}


.ysinfo ul li .ysinfoname a img
{
height: auto;
width: auto;
margin: 0px 0px 1em 0px;
aspect-ratio: auto;
}

.ysinfo ul li.ysbn .ysinfoname a img
{
max-width: 200px;
height: auto;
}

.ysinfo ul li.ysfa .ysinfoname a img,
.ysinfo ul li.ysmam .ysinfoname a img
{
max-height: 50px;
width: auto;
}






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

.posts-layout
{
width: 100%;
clear: both;
overflow: hidden;
}

.home .posts-layout
{
width: 100%;
margin: 0px 0% 2em 0px;
padding: 0px 0px 2em 0px;
clear: both;
overflow: hidden;
position: relative;
}

.home .posts-layout.info
{
margin: 0em auto 0em auto;
padding: 2em 5% 8em 5%;
/*background: url(../../../wp-content/uploads/2018/06/20140502_071e.jpg) bottom center no-repeat;
background-size: cover;*/
/*background: #eee;*/
width: 100%;
}

.page-recruit .posts-layout.info
{
margin: 0em auto 8em auto;
padding: 2em 0% 0em 0%;
border-bottom: none;
/*background: url(../../../wp-content/uploads/2018/06/20140502_071e.jpg) bottom center no-repeat;
background-size: cover;*/
/*background: #eee;*/
width: 100%;
overflow: hidden;
}

.home .posts-layout.blog
{
margin: 0px 0% 4em 0px;
padding: 0px 0px 6em 0px;
border-bottom: 3px solid #ddd;
}

.home .posts-layout.info h2,
.page-recruit .posts-layout.info h2
{
margin: 0px 0% 0.5em 0px;
clear: both;
text-align: center;
font-size: 120%;
font-weight: 100;
}

.home.en .posts-layout.info h2
{
margin: 0px 0% 2em 0px;
}

.home.vn .posts-layout.info h2
{
margin: 0px 0% 2em 0px;
font-family: "Arial", sans-serif;
}

.home .posts-layout.info h2:nth-of-type(2)
{
margin: 0em 0% 1em 0px;
padding: 3em 0px 0px 0px;
clear: both;
text-align: left;
}

.home .posts-layout.info p,
.page-recruit .posts-layout.info p,
.home .posts-layout.blog p
{
text-align: center !important;
font-size: 70%;
}

.home .posts-layout p
{
clear: both;
overflow: hidden;
}

.posts-layout.product
{
width: 90%;
margin: 0px auto 2em auto;
padding: 0px 0px 0em 0px;
clear: both;
overflow: hidden;
position: relative;
}

.posts-layout article
{
width: 47.5%;
float: left;
clear: none;
margin: 0px 5% 2em 0px;
padding: 0px;
height: 20em;
}

.posts-layout article:nth-of-type(2n)
{
margin: 0px 0% 2em 0px;
}

.tax-pcat .posts-layout article
{
width: 30%;
float: left;
clear: none;
margin: 0px 5% 2em 0px;
padding: 0px;
height: 22em;
}

.term-sink .posts-layout article,
.term-kitchensink .posts-layout article
{
width: 30%;
float: left;
clear: none;
margin: 0px 5% 2em 0px;
padding: 0px;
height: 26em;
}

.tax-pcat .posts-layout article:nth-of-type(3n)
{
margin: 0px 0% 2em 0px;
}

.home .posts-layout .caption
{
font-size: 70% !important;
letter-spacing: 0.05em;
margin: 0px 0% 4em 0px;
text-align: center;
font-family: "Open Sans", sans-serif;
}

.home.vn .posts-layout .caption
{
font-family: "Arial", sans-serif;
}

.home .posts-layout.info article,
.page-recruit .posts-layout.info article
{
width: 22.75% !important;
float: left;
clear: none;
margin: 0px 3% 0px 0px !important;
padding: 0px 0px 0px 0.5em;
height: auto;
border-left: 4px solid #88bfbf;
}

.home .posts-layout.info article:nth-of-type(4n),
.page-recruit .posts-layout.info article:nth-of-type(4n)
{
margin: 0px 0% 0px 0px !important;
}

.home .posts-layout article .entry-header
{
margin: 0px 0% 0px 0px !important;
padding: 0px 0em 0px 0px;
width: 100%;
float: none;
min-height: 4em;
}

.entry-thumb
{
height: 14em;
margin: 0px 0px 0.75em 0px;
display: block;
opacity: 1;
transition: 0.2s linear opacity;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.category .entry-thumb
{
height: 14em;
margin: 0px 0px 0.5em 0px;
display: block;
opacity: 1;
transition: 0.2s linear opacity;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.product .entry-thumb,
.tax-pcat .entry-thumb
{
border-top: none;
border-bottom: none;
margin: 0px 0% 0.5em 0px;
}

.term-sink .entry-thumb,
.term-kitchensink .entry-thumb
{
height: 18em;
margin: 0px 0px 0.75em 0px;
display: block;
opacity: 1;
transition: 0.2s linear opacity;
}

.term-movie .entry-thumb
{
aspect-ratio: 1.6;
height: auto;
width: 100%;
margin: 0px 0px 0.75em 0px;
position: relative;
}

.term-movie .entry-thumb a
{
height: 100%;
display: block;
}

.term-movie .entry-thumb img
{
object-fit: cover;
object-position: 50% 50%;
aspect-ratio: 1.6;
}

.page-mdev .entry-thumb
{
border-top: 1px solid #ddd;
border-bottom: none;
}

.page-download .entry-thumb,
.page-download_members .entry-thumb
{
height: 9em;
margin: 0px 2% 0em 0px;
display: block;
float: left;
width: 20%;
border-top: none;
border-bottom: none;
filter: brightness(1.1);
}

.page-download .pdldesc,
.page-download_members .pdldesc
{
margin: 0px 0% 0em 0px;
display: block;
float: left;
width: 78%;
}

.post-type-archive-product .entry-thumb
{
height: 24em;
margin: 0px 0px 0em 0px;
display: block;
opacity: 1;
transition: 0.2s linear opacity;
}

.post-type-archive-product.en .entry-thumb
{
height: 36em;
}

.infoposts .entry-thumb
{
height: 6em;
margin: 0px 0px 0.5em 0px;
display: block;
}

.search .entry-thumb
{
height: 10em;
margin: 0px 0% 0.5em 0px;
display: block;
width: 100%;
float: none;
}

.home .infoposts .entry-thumb
{
height: 10em;
margin: 0px 0px 0.5em 0px;
border: none;
width: 100%;
float: none;
}

.entry-thumb:hover
{
opacity: 0.5;
transition: 0.3s linear opacity;
}

.home .infoposts h2
{
font-size: 100%;
margin: 0px 0px 0.25em 0px;
font-weight: 400;
font-family: "Open Sans", sans-serif;
}

.home.vn .infoposts h2
{
font-family: "Arial", sans-serif;
}

.home .infoposts .caption
{
margin: 0px 0px 1em 0px;
font-size: 70%;
color: #999;
font-family: "Open Sans", sans-serif;
}

.home.vn .infoposts .caption
{
font-family: "Arial", sans-serif;
}

.home .infoposts h3
{
margin: 0px 0% 0.5em 0px !important;
font-size: 90% !important;
}

.hentry .title-post
{
font-size: 100%;
font-weight: 200;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0px;
line-height: 1.2;
color: #444;
font-family: "Open Sans", sans-serif;
}

.vn .hentry .title-post
{
font-family: "Arial", sans-serif !important;
}

.search h1.result-title
{
font-size: 150%;
padding: 0px 0px 0em 0px !important;
margin: 0px 0px 0.5em 0px;
text-align: center;
}

.search h2.result-title
{
font-size: 100%;
font-weight: 200;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0px;
line-height: 1.2;
font-family: "Open Sans", sans-serif;
width: 100%;
border: none;
}

.vn .search h2.result-title
{
font-family: "Arial", sans-serif;
}

.category .hentry .title-post,
.category-info .hentry .title-post
{
font-size: 100%;
font-weight: 300;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0 0em 0 0;
line-height: 1.4;
font-family: "Open Sans", sans-serif;
color: #444;
}

.vn .category .hentry .title-post,
.vn .category-info .hentry .title-post
{
font-family: "Arial", sans-serif !important;
}

.home .title-post
{
font-size: 90%;
font-weight: 400;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0em;
line-height: 1.4;
font-family: "Open Sans", sans-serif;
}

.home.vn .title-post
{
font-family: "Arial", sans-serif;
}

.home .title-post a
{
color: #222;
}

.single .hentry .title-post
{
font-size: 150% !important;
font-weight: 200;
line-height: 1.2;
margin: 0 0 0.5em;
padding: 0;
}

.single-product .hentry .title-post,
.single-blog .hentry .title-post
{
font-size: 200% !important;
font-weight: 600;
line-height: 1.2;
margin: 0 0 0.5em;
padding: 0;
}

.hentry .meta-post,
.hentry .meta-post a,
.home .entry-post
{
color: inherit;
font-size: 70%;
font-family: "Open Sans", sans-serif;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}

.vn .hentry .meta-post,
.vn .hentry .meta-post a,
.home.vn .entry-post
{
color: inherit;
font-size: 70%;
font-family: "Arial", sans-serif;
}

.content-area .post-wrap,
.contact-form-wrap
{
padding: 0px;
}

.content-area .hentry
{
padding: 0px !important;
position: relative;
}

.hentry::after
{
display: none;
}

.product .pcatlist
{
width: 100%;
overflow: hidden;
margin: 0px 0px 6em 0px;
}

.product .pcatlist ul.parent
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
border-top: 1px solid #ddd;
}

.product .pcatlist ul.child
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px 0px 0em 0px;
}

.product .pcatlist ul.parent li
{
width: 33.33%;
float: left;
padding: 0em;
margin: 0px;
height: 600px;
background: #ddd;
list-style-type: none;
position: relative;
}

.en.product .pcatlist ul.parent li,
.vn.product .pcatlist ul.parent li
{
width: 50%;
}

.product .pcatlist ul.child li
{
width: 100%;
float: none;
padding: 0em 0px 0px 0em;
margin: 0px 0px 0em 0em;
height: auto;
background: none;
/*list-style-type: disc;*/
list-style-type: none;
position: relative;
border-top: 1px solid #ccc;
}

.en.product .pcatlist ul.child li
{
width: 100%;
}

.product .pcatlist ul.parent li:nth-child(odd)
{
background: #eee;
}

.product .pcatlist ul.child li:nth-child(odd)
{
background: none;
}

.product .pcatlist ul.parent li a
{
height: 540px;
}

.product .pcatlist ul.child li a
{
color: #222;
font-size: 90%;
padding: 0.5em 0.5em;
margin: 0px;
background: none;
border-radius: 0;
display: block;
width: 100%;
height: auto;/*border-left: 4px solid #88bfbf;*/
}

.product .pcatlist ul.child li a:hover
{
background: #88bfbf;
}

.product .pcatlist ul.parent li h3.prodtitle
{
padding: 0px;
margin: 0px 0px 0.5em 0px;
font-size: 190%;
font-weight: 100 !important;
color: #222;
}

.vn.product .pcatlist ul.parent li h3.prodtitle
{
font-family: "Arial", sans-serif;
}

.product .pcatlist ul.parent li h3.prodtitle a
{
color: #222;
}

.product .pcatlist ul.parent li p
{
padding: 0px;
margin: 0px 0px 1.5em 0px;
font-size: 75%;
height: auto;
}

.product .pcatlist ul.parent li .gotodetail
{
padding: 0.5em 0.5em;
margin: 0px;
font-size: 90% !important;
color: #222;
position: relative;
background: none;
border-radius: 0;
display: inline-block;
width: 100%;
height: auto !important;
/*border-left: 4px solid #88bfbf;*/
text-align: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.product .pcatlist ul.parent li .gotodetail:hover
{
background: #88bfbf;
}

.product .pcatlist .pcldesc
{
position: absolute;
bottom: 0;
width: 100%;
padding: 1.5em 1.5em 2.5em 1.5em;
/*background: rgba(255,255,255,0.85);*/
background: linear-gradient(180deg, rgba(255,255,255,0.4), rgba(255,255,255,0.9) 90%);
height: 50%;
}

.tax-pcat h2.title-post
{
font-size: 150%;
font-weight: 100;
font-family: "Open Sans", sans-serif;
}

.vn .tax-pcat h2.title-post
{
font-family: "Arial", sans-serif;
}

.tax-pcat h3.pcatchild
{
font-size: 100%;
font-weight: 100;
font-family: "Open Sans", sans-serif;
text-align: center;
border-left: 1px solid #88bfbf;
border-bottom: 1px solid #88bfbf;
padding: 0.5em 0px 0.5em 0px;
background: rgba(255,255,255,0.3);
}

.vn.tax-pcat h3.pcatchild
{
font-family: "Arial", sans-serif;
}

.tax-pcat h4.title-post
{
font-size: 150%;
font-weight: 100;
font-family: "Open Sans", sans-serif;
margin: 0px 0px 0.5em 0px;
width: auto;
display: inline-block;
}

.vn .tax-pcat h4.title-post
{
font-family: "Arial", sans-serif;
}

.tax-pcat .entry-header
{
padding: 0px 0px 0px 0.5em;
border-left: 3px solid #88bfbf;
}

.tax-pcat .entry-header .prodtype
{
font-size: 70%;
font-weight: 300;
font-family: "Open Sans", sans-serif;
clear: both;
}

.vn .tax-pcat .entry-header .prodtype
{
font-family: "Arial", sans-serif;
}

.single-product .itemimg
{
background: none;
margin: 0px auto 4em auto;
height: auto;
width: 90%;
overflow: hidden;
}

.single-product .itemimg img
{
height: auto;
width: 100%;
}

.single-product .gotodownload
{
display: inline-block;
background: #88bfbf;
color: #222;
text-align: center;
width: 100%;
padding: 0.75em;
transition: 0.2s linear opacity;
font-size: 90% !important;
border: 2px solid #336666;
border-radius: 0.3em;
box-sizing: border-box;
}

.page-productcolor ul.clmenu
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0px !important;
padding: 0px !important;
}

.page-productcolor ul.clmenu li
{
width: 50%;
flex-basis: 50%;
margin: 0px 0px 2em 0px !important;
padding: 0px !important;
list-style-type: none;
aspect-ratio: 1.4;
height: 20em;
position: relative;
}

.page-productcolor ul.clmenu li img
{
object-fit: cover;
object-position: 50% 50%;
}

.page-productcolor ul.clmenu li .lnn
{
position: absolute;
bottom: 0px;
}

.page-productcolor .fancybox-toolbar svg,
.page-productcolor-child .fancybox-toolbar svg
{
height: 25px !important;
width: auto !important;
font-size: 20px !important;
}

.page-productcolor .fancybox-button,
.page-productcolor-child .fancybox-button
{
text-align: center;
padding: 0.5em !important;
}

.page-productcolor h2,
.page-productcolor-child h2
{
line-height: 1 !important;
margin: 0px 0px 1em 0px !important;
}

.page-productcolor h2 .jps,
.page-productcolor-child h2 .jps
{
font-size: 45% !important;
line-height: 1 !important;
}

.page-productcolor h2 + p,
.page-productcolor-child h2 + p
{
font-size: 90% !important;
text-align: center;
margin: 0px 0px 4em 0px !important;
}

.page-productcolor-child h2:last-of-type + p
{
text-align: left;
margin: 0px 0px 2em 0px !important;
}

.page-productcolor .gallery-columns-3,
.page-productcolor-child .gallery-columns-3
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.page-productcolor .gallery-columns-3::after,
.page-productcolor-child .gallery-columns-3::after
{
content: "";
width: 30%;
display: block;
}

.page-productcolor .gallery-columns-3 .gallery-item,
.page-productcolor-child .gallery-columns-3 .gallery-item
{
max-width: 30%;
display: block;
flex-basis: 30%;
margin: 0px 0px 2em 0px;
}

/*.page-productcolor .gallery-item .gallery-icon,
.page-productcolor-child .gallery-item .gallery-icon
{
border: 1px solid #eee;
}*/


.page-pcolor-bowl .psubc,
.page-pcolor-vcounter .psubc,
.page-pcolor-kcounter .psubc,
.page-pcolor-ksink .psubc
{
width: 100%;
margin: 4em auto 2em auto;
border-radius: 1em;
border: 1px solid #ddd;
padding: 0em 2em 2em 2em;
}

.page-pcolor-bowl .psubc h2,
.page-pcolor-vcounter .psubc h2,
.page-pcolor-kcounter .psubc h2,
.page-pcolor-ksink .psubc h2
{
border-bottom: 1px solid #ddd !important;
}

.page-pcolor-bowl .psubc ul,
.page-pcolor-vcounter .psubc ul,
.page-pcolor-kcounter .psubc ul
{
display: flex;
justify-content: space-between;
margin: 0px !important;
padding: 0px !important;
}

.page-pcolor-bowl .psubc ul li,
.page-pcolor-vcounter .psubc ul li,
.page-pcolor-kcounter .psubc ul li
{
width: 30%;
flex-basis: 30%;
margin: 0px 0px 2em 0px !important;
padding: 0px 0px 1.5em 0px !important;
list-style-type: none;
position: relative;
aspect-ratio: 1.6;
}

.page-pcolor-bowl .psubc ul li figcaption,
.page-pcolor-vcounter .psubc ul li figcaption,
.page-pcolor-kcounter .psubc ul li figcaption
{
display: none;
}

.page-pcolor-bowl .psubc ul li .psubccap,
.page-pcolor-vcounter .psubc ul li .psubccap,
.page-pcolor-kcounter .psubc ul li .psubccap
{
position: absolute;
bottom: -0.5em;
left: 0px;
}

.page-pcolor-bowl .psubc ul li img,
.page-pcolor-vcounter .psubc ul li img,
.page-pcolor-kcounter .psubc ul li img
{
object-fit: cover;
object-position: 50% 50%;
aspect-ratio: 1.6;
}

.term-sink .pcollist,
.term-kitchensink .pcollist
{
width: 90%;
margin: 0px auto 4em auto;
overflow: hidden
}

.term-sink .pcollist h4,
.term-kitchensink .pcollist h4
{
margin: 0px 0px 2em 0px;
font-family: "Open Sans", sans-serif;
font-weight: 200;
padding: 0px 0px 1em 0px;
border-bottom: 1px solid #ccc;
text-align: center;
}

.term-sink .pcollist .gallery-columns-7,
.term-kitchensink .pcollist .gallery-columns-7
{
display: flex;
justify-content: space-between
}

.term-sink .pcollist .gallery-columns-7 .gallery-item,
.term-kitchensink .pcollist .gallery-columns-7 .gallery-item
{
max-width: 13.5%;
}

.term-sink .pcollist .gallery-icon,
.term-kitchensink .pcollist .gallery-icon
{
margin: 0px auto 0.5em auto;
aspect-ratio: 1.6;
}

.term-sink .wp-caption-text,
.term-kitchensink .wp-caption-text
{
text-align: left;
padding: 0.5em 0px 0em 0px;
font-size: 70%;
}

.term-sink .psubc,
.term-kitchensink .psubc
{
width: 90%;
margin: 0px auto 2em auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.term-sink .psubc h4,
.term-kitchensink .psubc h4
{
width: 100%;
flex-basis: 100%;
margin: 0px 0px 2em 0px;
padding: 0px 0px 1em 0px;
border-bottom: 1px solid #ccc;
font-family: "Open Sans", sans-serif;
font-weight: 200;
text-align: center;
}

.term-sink .psubc .psubcsdesc,
.term-kitchensink .psubc .psubcsdesc
{
width: 50%;
flex-basis: 50%;
margin: 0px auto 2em auto;
}

.term-sink .psubc .psubcsdesc p,
.term-kitchensink .psubc .psubcsdesc p
{
margin: 0px 0px 1em 0px;
padding: 0px 2em 0px 0px;
font-size: 90% !important;
font-family: "Open Sans", sans-serif;
}

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


.bcatlist
{
margin: 0px auto;
}

.bcatlist ul
{
overflow: hidden;
padding: 0px !important;
margin: 0px 0px 0em 0px !important;
}

.bcatlist ul li
{
list-style-type: none;
width: 25%;
float: left;
/*border-right: 1px solid #ddd;*/
box-sizing: border-box;
position: relative;
height: auto;
}

/*.bcatlist ul li:last-of-type
{
border-right: none;
}*/

.bcatlist ul li .bcatimg
{
aspect-ratio: 1;
height: auto;
width: 100%;
display: block;
overflow: hidden;
}

.bcatlist ul li .bcatimg a
{
height: 100%;
width: 100%;
display: block;
}

.bcatlist ul li .bcatimg:hover
{
opacity: 0.7;
}

.bcatlist ul li .bcatimg img
{
object-fit: cover;
object-position: 50% 50% !important;
}

.bcatlist ul li .bdesc
{
position: absolute;
bottom: 0;
/*top: 0;*/
left: 0;
right: 0;
height: auto;
display: flex;
align-items: flex-end;
justify-content: center;
}

.bcatlist ul li h3
{
text-align: center;
margin: 0px 0px 0em 0px !important;
padding: 0em 0px;
font-size: 150% !important;/*height:100%;
width:100%;*/
}

.vn .bcatlist ul li h3
{
/*text-align: center;
margin: 0px !important;
padding: 0em 0px;*/
font-family: "Arial", sans-serif;
}

.bcatlist ul li h3 a
{
color: #fff;
text-shadow: 0px 0px 3px #666;
display: block;
width: 100%;
height: 100%;
margin: 0px 0px 0em 0px;
padding: 0px 0px 2em 0px;
display: flex;
align-items: flex-end !important;
justify-content: center;
}

.bmovie
{
margin: 0px auto 0em auto !important;
padding: 4em 0em;
display: flex;
justify-content: right;
/*background:#222;*/
/*border-top: 1px solid #fff;*/
width: 90%;
}

.bmovie a.gtm
{
margin: 0px 0px 0em 0px !important;
padding: 0.25em 2em;
display: flex;
justify-content: center;
align-items: center;
border: 4px solid #fff;
background: linear-gradient(to bottom, #bbb, #eee) !important;
font-size: 130%;
color: #222;
border-radius: 5em;
font-family: "poppins", sans-serif;
font-weight: 900;
color: #666;
}

.vn .bmovie a.gtm
{
font-family: "poppins", sans-serif !important;
font-weight: 900;
}

.bmovie a.gtm .fa-solid.fa-film
{
margin: 0px 0.5em 0em 0px;
}

.bmovie a.gtm .fa-solid.fa-chevron-right
{
margin: 0px 0em 0em 0.25em;
}

.bmovie a.gtm:hover
{
background: #88bfbf !important;
color: #fff;
}

.bmovie .gtmouter
{
border: 1px solid #ddd;
box-shadow: 0px 3px 3px rgba(64,64,64,0.1);
border-radius: 5em;
overflow: hidden;
}

/*.bmtitle
{
margin: 0px 0px 0em 0px !important;
width:20%;
display:flex;
align-items:center;
justify-content:center;
}

.bmtitle h2,
.bmtitle h2 a
{
margin: 0px 0px 0em 0px !important;
color:#fff;
font-size:120%;
}

.vn .bmtitle h2,
.vn .bmtitle h2 a
{
margin: 0px 0px 0em 0px !important;
color:#fff;
font-size:120%;
font-family: "Arial", sans-serif !important;
}


.bmovie ul
{
margin: 0px 0px 0em 0px !important;
padding:0px !important;
overflow:hidden;
width:80%;
}

.bmovie ul li
{
width:25%;
list-style-type:none;
float:left;
}


.bmovie ul li h3
{
margin: 0px 0px 0em 0px !important;
padding:0.5em;
font-size:80%;
}

.bmovie ul li h3 a
{
color:#fff;
}


.bmimg
{
aspect-ratio:1.7;
width:100%;
overflow:hidden;
position:relative;
}

.bmimg img
{
object-fit:cover;
object-position: 50% 50%;
}

.bmimg .bmdesc
{
position:absolute;
bottom:0;
width:100%;
}*/


.blog .infswrapper,
.tax-bcat .infswrapper,
.tax-btag .infswrapper
{
/*display: flex !important;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
flex-direction: row;*/
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: space-between !important;
}

.blog #infscontainer,
.tax-bcat #infscontainer,
.tax-btag #infscontainer
{
width: 100%;
overflow: visible;
position: relative;
display: flex !important;
justify-content: space-between;
/*align-items: stretch;*/
flex-wrap: nowrap;
flex-direction: row;
}

/*.blog .infsmasonry,
.tax-bcat .infsmasonry,
.tax-btag .infsmasonry
{
width: 100%;
overflow: visible;
position: relative;
}*/


.tax-bcat.term-movie .infscontainer
{
display: flex !important;
justify-content: space-between;
/*align-items: flex-start;*/
flex-wrap: wrap;
flex-direction: row;
}

.blog .infsmasonry article.infsitem,
.tax-bcat .infsmasonry article.infsitem,
.tax-btag .infsmasonry article.infsitem
{
/*width: 480px;
float: left;*/
}

.blog #infscontainer article,
.tax-bcat #infscontainer article,
.tax-btag #infscontainer article
{
/*flex-basis: 47.5% !important;*/
/*border: 1px solid #ccc;*/
/*width: 47.5%;*/
/*width: 480px;*/
border-radius: 0.5em;
padding: 1em 2em;
/*margin:0px 0% 0.5em 0px;*/
/*margin: 0px 0px 5% 0px;*/
/*float: left;*/
background: rgba(255,255,255,0.9);
}

.tax-bcat.term-movie .infscontainer article
{
flex-basis: 30% !important;
width: 30% !important;
/*border: 1px solid #ccc;*/
border-radius: 0.5em;
padding: 1em 2em;
margin-bottom: 3.5em;
background: rgba(255,255,255,0.9);
}

.tax-bcat.term-movie .content-inner h3
{
font-size: 100%;
}

.infscat
{
margin: 0px 0em 1em 0px !important;
padding: 0px;
/*text-align: right;*/
display: flex;
justify-content: space-between;
}

/*.infscat li
{
list-style-type: none;
}*/

/*ul.infscat li a*/


.infscat .catname
{
display: inline-block;
margin: 0px 0.5em 0px 0px !important;
}

.infscat .catname a
{
display: block;
/*display: inline-block*/;
background: #88bfbf;
border-radius: 0.3em;
padding: 0.2em 0.5em;
font-size: 80%;
width: auto;
color: #fff;
}

.infscat .meta-post
{
display: block;
/*display: inline-block*/;
border-radius: 0.3em;
padding: 0.2em 0.5em;
font-size: 80%;
width: auto;
display: flex;
flex-wrap: nowrap;
}

h3.infsitemtitle
{
text-align: left;
margin: 1em 0px 0.75em 0px !important;
text-align: center;
font-size: 160% !important;
}

.tax-bcat.term-movie h3.infsitemtitle
{
margin: 0.25em 0px 0.75em 0px !important;
text-align: center;
font-size: 100% !important;
}

.vn h3.infsitemtitle
{
margin: 0.25em 0px 0.75em 0px !important;
font-family: "Arial", sans-serif;
}

h3.infsitemtitle a,
.vn h3.infsitemtitle a
{
color: #222;
}

.infsitemdesc
{
overflow: hidden;
padding: 0px 0px;
margin: 0px 0px;
}

.infsitem .meta-post
{
font-size: 80%;
margin: 0px 0% 0em 0px;
text-align: right;
}

.infsitemdesc .entry-desc
{
width: 37.5%;
float: left;
font-size: 80%;
margin: 0px 2.5% 0px 0px;
padding: 0px 0px 2em 0px !important;
color: #666;
font-family: "Open Sans", sans-serif;
}

/*.infsitem:nth-of-type(3n) .entry-desc
{
width: 40%;
float: left;
font-size: 80%;
margin: 0px 2.5% 0px 0px;
}*/



.term-movie .infsitemdesc .entry-desc
{
display: none;
}

.term-movie .fa-solid.fa-film
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.term-movie .fa-solid.fa-film::before
{
content: '\f008';
font: var(--fa-font-solid);
color: rgba(255,255,255,0.7);
font-size: 200%;
}

.infstags
{
border-top: 1px solid #ddd;
padding: 1em 0px 0px 0px;
font-size: 80%;
}

.infsitemdesc .entry-thumb
{
width: 60%;
float: left;
border: 1px solid #ddd;
box-sizing: border-box;
height: auto !important;/*aspect-ratio: 1.6;*/
}

.infsitem .entry-thumb img
{
object-fit: cover;
object-position: 50% 50%;/*aspect-ratio: 1.6;*/
}

/*.infsitem:nth-of-type(3n) .entry-thumb
{
width: 57.5%;
float: left;
aspect-ratio:2 !important;
overflow: hidden;border: none;
}*/




/*.infsitem:nth-of-type(3n) .entry-thumb img
{
object-fit: cover;
object-position: 50% 50%;
}*/

.term-movie .infsitemdesc .entry-thumb
{
width: 100%;
float: none;
}

.infstags
{
}

.infstags a
{
display: inline-block;
border: 1px solid #ccc;
padding: 0.35em 0.5em !important;
margin: 0px 0.5em 0.5em 0px;
border-radius: 0.3em;
text-align: center;
line-height: 1;
color: #222;
}

.infstags a:hover
{
color: #fff;
border: 1px solid #88bfbf;
background: #88bfbf;
}

a.loadMoreBtn
{
display: inline-block;
width: 100%;
text-align: center;
margin: 0px auto;
/*background: #A8CFCF;*/
padding: 0em;
border-radius: 0.5em;
pointer-events: none;
}

/*a.loadMoreBtn::before
{
content:"\f078";
font-family:"Font Awesome 5 Free" !important;
font-weight:normal;
}*/



a.loadMoreBtn:hover
{
/*background: #669999;*/
}

a.loadMoreBtn::before
{
content: "";
width: 50px;
height: 50px;
background: #A8CFCF url(../../../en/images/lib/arrow/arrow_down_wh.png) center center no-repeat;
background-size: 50%;
display: inline-block;
cursor: pointer;
pointer-events: auto;
border-radius: 10em;
}

a.loadMoreBtn:hover::before
{
background: #669999 url(../../../en/images/lib/arrow/arrow_down_wh.png) center center no-repeat;
background-size: contain;
background-size: 50%;
}

a .loadMoreBtn-label
{
display: none;
}

.postsline
{
text-align: left;
/*border-bottom: 1px solid #999;*/
border-left: 10px solid #ddd !important;
padding: 0px 0px 0em 0.5em;
margin: 0px 0px 2em 0px !important;
line-height: 1 !important;
}

#toc_container
{
margin: 0px 0px 4em 0px !important;
padding: 1.5em !important;
}

#toc_container.toc_white
{
background: rgba(255,255,255,0.3) !important;
}

#toc_container a
{
color: #222;
}

.heateorSssClear
{
clear: both;
overflow: hidden;
}

.single-blog .blogexcerpt
{
padding: 0px 0px 2em 0px;
font-size: 80%;
}

.single-blog ul.postterm
{
padding: 0px 0px 0em 0px;
text-align: right;
font-size: 70%;
}

.single-blog ul.postterm li
{
list-style-type: none;
display: inline-block;
margin: 0px 0px 0em 0.25em !important;
}

.single-blog ul.postterm li a
{
background: #88bfbf;
color: #fff;
padding: 0.5em;
border-radius: 0.3em;
display: block;
line-height: 1;
margin: 0px 0px 0em 0em !important;
}

.single-blog .snsbar
{
font-size: 35px;
/*display:flex;
align-items:center;
flex-wrap:wrap;
flex-direction:column;
justify-content:flex-start;*/
line-height: 1;
margin: 4em 0px 0px 0px;
}

.single-blog .snsbar a
{
color: #999;
display: inline-block;
margin: 0px 10px 0px 0px;
}

.single-blog .snsbar a:hover
{
color: #ccc;
}

.single-blog a.gtz
{
display: inline-block;
width: 35px;
height: 35px;
line-height: 1;
}

.single-blog .snsbar a.gtz img
{
color: #666;
margin: 0px !important;
width: 100%;
height: auto;
filter: grayscale(1) brightness(150%);
vertical-align: top;
}

.single-blog .snsbar h3
{
margin: 0px 0px 0.5em 0px !important;
font-size: 50% !important;
}

.copyBtn
{
text-align: center;
margin: 0px auto;
padding: 0px;
display: inline-block;
color: #999;
}

.copyBtn:hover
{
opacity: 0.6;
cursor: pointer;
}

.copyBtn.isCopied
{
pointer-events: none;
background: #999;
}

.copyBtn.isCopied:hover
{
cursor: auto;
}

.copyBtn.success
{
font-size: 50%;
}

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

#toc_container
{
background: #f9f9f9;
border: 1px solid #aaa;
border-left: none !important;
border-right: none !important;
width: 100% !important;
}

#toc_container p.toc_title
{
text-align: left !important;
font-size: 120%;
}

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

.yarpp-related
{
margin: 0em !important;
width: 100%;
margin: 4em 0px 0em 0px !important;
padding: 2em 0px 4em 0px;
border-top: 1px solid #ddd !important;
}

.yarpp-related h3
{
margin: 0;
padding: 0em 0px 0px 0px;
}

.yarpp-thumbnails-horizontal
{
width: 100% !important;
display: flex !important;
justify-content: space-between;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail
{
width: 100% !important;
height: auto !important;
margin: 0px !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail,
.yarpp-thumbnail
{
flex-basis: 22.5% !important;
width: 22.5% !important;
display: block !important;
border: none !important;
aspect-ratio: 1.6 !important;/*overflow:hidden;*/
}

.yarpp-thumbnail-default
{
aspect-ratio: 1.4 !important;
}

.yarpp-thumbnail > img
{
width: 100% !important;
height: auto !important;
margin: 0px !important;
object-fit: cover;
object-position: 50% 50%;
}

.yarpp-thumbnail-default > img
{
min-height: 0 !important;
min-width: 0 !important;
width: 100% !important;
height: auto !important;
object-fit: cover;
object-position: 50% 50%;
aspect-ratio: 1.4 !important;
}

.yarpp-thumbnail > img,
.yarpp-thumbnail-default
{
width: 100% !important;
height: auto !important;
aspect-ratio: 1.4 !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title
{
margin: 0px !important;
width: 100% !important;
font-weight: normal !important;
text-align: center !important;
}

.yarpp-thumbnail > img,
.yarpp-thumbnail-default
{
width: 100%;
height: auto;
margin: 0px 0px 0.5em 0px !important;
border: 1px solid #ddd;
box-sizing: border-box;
}

.yarpp-related h3
{
margin: 0px 0px 1em 0px !important;
padding: 0px;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title
{
font-size: 90% !important;
}

.yarpp-related .yarpp-thumbnail-title
{
text-align: center !important;
color: #222 !important;
}

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


#primary,
#secondary
{
background-color: transparent;
background: none;
}

.search #primary
{
padding: 0px 0px 3em 0px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9
{
min-height: 1px;
padding: 0px;
position: relative;
}

.col-md-9
{
width: 65%;
margin: 0px 10% 0px 0px;
background-color: transparent !important;
background: none;
float: left;
}

.page .col-md-9
{
width: 100%;
margin: 0px 0% 4em 0px;
float: none;
overflow: hidden;
}

.product .col-md-9,
.tax-pcat .col-md-9
{
width: 100%;
margin: 0px 0% 4em 0px;
float: none;
overflow: hidden;
}

.blog .col-md-9,
.tax-bcat .col-md-9,
.tax-btag .col-md-9
{
width: 100%;
margin: 0px 0% 0em 0px;
float: none;
overflow: hidden;
}

.single-blog .col-md-9
{
width: 80%;
margin: 0px auto 0px auto;
background-color: transparent !important;
background: none;
float: none;
}

.single-product .col-md-9
{
width: 62.5%;
margin: 0px 5% 0px 5%;
background-color: transparent !important;
background: none;
float: left;
}

.home .col-md-9
{
width: 100%;
margin: 0px 0% 0px 0px;
float: none;
}

.col-md-3
{
width: 25%;
float: left;
}

.product .col-md-3,
.tax-pcat .col-md-3,
.search .col-md-3
{
width: 90%;
float: none;
overflow: hidden;
margin: 0px auto 0em auto;
}

.single-product .col-md-3
{
width: 22.5%;
float: left;
margin: 0px 5% 0em 0em;
}

.page .col-md-3
{
width: 90%;
float: none;
overflow: hidden;
margin: 0px auto 0em auto;
}

.content-area .hentry
{
/*margin: 0px 0% 0em 0px;*/
}

select,
button,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
color: #222;
background-color: rgba(255,255,255,0.3);
border: 1px solid #999;
height: 3em;
padding: 0.5em 1em !important;
width: 100%;
font-size: 100% !important;
}

textarea
{
color: #222;
background-color: rgba(255,255,255,0.3);
border: 1px solid #999;
height: 10em;
padding: 0.5em 1em !important;
width: 100% !important;
font-size: 100% !important;
}

input[type="button"],
input[type="reset"],
input[type="submit"]
{
color: #fff;
background-color: rgba(255,255,255,0.3);
border: 1px solid #999;
height: 3em;
padding: 0.5em 1em !important;
width: auto;
font-size: 110% !important;
float: left;
margin: 0px 1em 0px 0px;
}

input.search-field,
input[type="search"].search-field
{
padding: 0em 1em !important;
height: 3em;
color: #222 !important;
font-weight: 200;
font-size: 85%;
width: 100% !important;
display: block;
margin: 0px auto 0px auto;
}
 input:placeholder-shown {
font-size: 80% !important;
color: #222 !important;
}

input[type="reset"],
input[type="submit"]
{
position: relative;
display: inline-block;
font-family: sans-serif;
font-size: 90%;
line-height: 1.2;
font-weight: 400;
padding: 0.75em 2.5em;
}

input[name="companyname"],
input[name="your-name"],
input[name="your-namekana"],
input[name="section"],
input[name="your-email"],
input[name="telno"],
input[name="prodtitle"],
input[name="zip"]
{
width: 50%;
}

select[name="birthyear"],
select[name="birthmonth"],
select[name="birthday"]
{
width: 20% !important;
}

input[name="maguchi1"],
input[name="maguchi2"],
input[name="maguchi3"]
{
width: 20%;
margin: 0px 0.5em;
}

label
{
font-weight: 300;
width: 100%;
}

.wpcf7-response-output
{
margin: 1em 0em;
padding: 0.2em 1em;
float: left;
width: 100%;
}

.wpcf7-form label
{
border-left: 3px solid #88bfbf;
overflow: hidden;
display: block;
padding: 0em 0px 0px 1em;
}

.wpcf7-form p
{
border-bottom: 2px solid #ddd;
display: block;
padding: 0px 0px 2em 0px;
}

.wpcf7-form-control-wrap
{
position: relative;
/*border-bottom: 2px solid #ccc;*/
padding: 0px 0px 0em 0px;
margin: 0px 0px 0em 0px;
overflow: hidden;
display: inline;
width: auto !important;
}

.wpcf7-list-item
{
margin: 0em;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output
{
border-color: #ffb900;
background: #ffb900;
border-radius: 0.3em;
}

.wpcf7 form.sent .wpcf7-response-output
{
border-color: #46b450;
background: #46b450;
border-radius: 0.3em;
}

.widget-area
{
border: none;
}

.widget-area .widget-title
{
padding-bottom: 0px;
}

.widget-area p
{
font-family: "Open Sans", sans-serif;
font-size: 80%;
}

.vn .widget-area p
{
font-family: "Arial", sans-serif;
}

.widget-area .gallery
{
overflow: hidden
}

.single-product .widget-area .gallery
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
overflow: visible !important;
}

.single-product .gallery-columns-3 .gallery-item
{
max-width: 30%;
overflow: visible !important;
}

.single-product .gallery-columns-3::after
{
content: "";
display: block;
width: 30%;
}

.widget-area .gallery .gallery-icon
{
border: 1px solid #ddd;
height: 80px;
margin: 0px 0px 0.5em 0px;
}

/*.single-product .widget-area .gallery .gallery-icon
{
overflow: hidden !important;
border: 1px solid #eee;
}*/


.single-product .widget-area .gallery .gallery-icon
{
overflow: hidden !important;
transition: 0.2s all;
display: block;
height: 80px;
border: 1px solid #ddd;
}

.single-product .widget-area .gallery .gallery-icon img
{
transition: 0.75s all;
}

/* @media (hover: hover) {*/

.single-product .widget-area .gallery .gallery-icon img:hover
{
transform: scale(2, 2) !important;
transition: 0.5s all;
}

/*}*/


.widget-area .gallery .wp-caption-text
{
font-family: "Open Sans", sans-serif;
text-align: left;
font-size: 80%;
}

.single-product .widget-area .gallery .wp-caption-text
{
width: 100%;
display: block;
white-space: normal !important;
padding: 0px 0px 3em 0px;
overflow: visible !important;
overflow-wrap: break-word;
word-break: break-all;
line-height: 1.2;
}

.vn .widget-area .gallery .wp-caption-text
{
font-family: "Arial", sans-serif;
}

.entry-content
{
padding: 0em 0px 4em 0px;
}

.single-blog .entry-content
{
padding: 0em 0px 2em 0px;
}

.entry-content p
{
font-size: 82.5%;
line-height: 2;
margin: 0em 0px 2em 0px;
font-family: "Open Sans", sans-serif;
color: #444;
}

.vn .entry-content p
{
font-family: "Arial", sans-serif;
}

.entry-content img
{
margin: 0px 0px 1em 0px;
max-width: 100%;
height: auto;
}

.entry-content img.ctr
{
display: block;
margin: 0px auto 1em auto;
max-width: 100%;
height: auto;
}

.entry-footer
{
clear: left;
margin: 0px;
}

.entry-header
{
margin: 0em 0px 1em 0px;
}

.home .entry-header
{
margin: 0em 0px 0em 0px;
}

.entry-meta
{
margin: 0em 0px 2em 0px;
font-size: 70%;
font-family: "Open Sans", sans-serif;
font-weight: 300;
}

.vn .entry-meta
{
font-family: "Arial", sans-serif;
}

.home .entry-meta
{
margin: 0em 0px 0em 0px;
font-size: 70%;
font-family: "Open Sans", sans-serif;
}

.home.vn .entry-meta
{
margin: 0em 0px 0em 0px;
font-size: 70%;
font-family: "Arial", sans-serif;
}

.single .entry-header
{
margin: 2em 0px 4em 0px;
font-size: 110%;
}

.single-product .entry-header
{
margin: 0em 0px 4em 0px;
font-size: 110%;
}

.single-product .entry-header .catbar
{
margin: 0px 0px 1em 0px;
padding: 0.5em !important;
background: #eee;
width: 100%;
position: relative;
border-left: 1px solid #ccc;
}

.single-product .entry-header .catbar p
{
margin: 0px 0px 0em 0px;
padding: 0em;
position: relative;
font-size: 70%;
}

.search-results .entry-meta
{
margin: 0em 0px 1em 0px;
font-size: 70%;
color: #999;
}

.entry-meta .price
{
font-size: 100% !important;
}

.page .entry-header
{
font-size: 100%;
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 180px 0px 3em 0px;
background: #88bfbf;
background-size: cover;
position: relative;
background: url(../../../images/pages/home/img01b.jpg) bottom center no-repeat;
background-size: cover;
}

.page-mdev .entry-header
{
font-size: 100%;
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 180px 0px 3em 0px;
height: 400px;
background: #88bfbf;
background-size: cover;
position: relative;
background: url(../../../images/pages/home/img01b.jpg) bottom center no-repeat;
background-size: cover;
}

.page-productcolor .entry-header,
.page-productcolor-child .entry-header
{
font-size: 100%;
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 180px 0px 3em 0px;
background: #88bfbf;
background-size: cover;
position: relative;
background: url(../../../images/lib/back/entryheader_back01.jpg) top center no-repeat;
background-size: cover;
}

.page .posts-layout.info .entry-header
{
font-size: 100%;
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 0px 0px 0em 0px;
background: none;
}

.page-recruit .posts-layout.info .entry-header h3
{
font-size: 100%;
border: 0 none;
margin: 0px 0px 0.5em 0px;
padding: 0px 0px 0em 0px;
background: none;
font-weight: normal;
}

.page-recruit .posts-layout.info .caption
{
font-size: 80%;
margin: 0px 0px 2em 0px;
padding: 0px 0px 0em 0px;
text-align: center;
}

.page-recruit .posts-layout.info .entry-thumb
{
margin: 0px 0px 0.5em 0px !important;
padding: 0px 0px 0em 0px;
height: 8em;
}

.page-recruit .posts-layout.info .entry-meta
{
margin: 0px 0px 0em 0px !important;
padding: 0px 0px 0em 0px;
font-weight: normal;
}

.page-labo .laboinfo
{
overflow: hidden;
}

.page-labo .labomap
{
float: left;
width: 57.5%;
margin: 0px 2.5% 0px 0px
}

.page-labo .labomap img
{
width: 100%;
height: auto;
}

.page-labo .labodesc
{
float: left;
width: 40%;
}

.page-labo .gotoformtext
{
float: left;
width: 50%;
display: block;
margin: 0px 2.5% 0px 0px;
}

.page-labo a.gotoform
{
display: block;
padding: 0.5em 2em;
margin: 0px auto;
text-align: center;
background: #88bfbf;
color: #fff;
width: 100%;
}

.page-access iframe,
.page-access object,
.page-access embed,
.page-labo iframe,
.page-labo object,
.page-labo embed
{
filter: grayscale(100%);
transition: all 0.3s linear;
}

.page-access iframe:hover,
.page-access object:hover,
.page-access embed:hover,
.page-labo iframe:hover,
.page-labo object:hover,
.page-labo embed:hover
{
filter: grayscale(0%);
transition: all 0.3s linear;
}

.page-contact iframe
{
max-width: 100%;
max-height: 100%;
height: 100%;
min-height: 1800px;
border: none;
overflow: visible !important;
}

.en.page-contact iframe,
.vn.page-contact iframe
{
max-width: 100%;
max-height: 100%;
height: 100%;
min-height: 1200px;
border: none;
overflow: visible !important;
}

.search .entry-header
{
font-size: 100%;
border: 0 none;
margin: 0px 0px 0em 0px;
padding: 0px 0px 0em 0px;
background: none;
}

.page h2
{
font-size: 160%;
font-weight: 100;
margin: 0em 0px 1.5em 0px !important;
padding: 1em 0px;
line-height: 1.2;
/*font-family: "Ryumin Regular KL", serif;*/
font-family: "Open Sans", sans-serif;
/*border-top: 1px solid #999;*/
border-bottom: 1px solid #999;
text-align: center;
}

.vn .page h2
{
font-family: "Arial", sans-serif;
}

.page p+h2,
.page div+h2,
.page table+h2
{
font-size: 160%;
margin: 4em 0px 1.5em 0px !important;
padding: 1em 0px;
font-weight: 100;
font-family: "Open Sans", sans-serif;
border-bottom: 1px solid #999;
text-align: center;
clear: both;
}

.vn .page p+h2,
.vn .page div+h2,
.vn .page table+h2
{
font-family: "Arial", sans-serif;
}

.page-aboutus h2,
.page-mdev h2,
.page-mdev-child h2,
.page-mdev-child p+h2,
.page-mdev-child div+h2,
.page-mdev-child table+h2
{
text-align: center;
}

.page .gallery-icon,
.page-template-page-templates .gallery-icon
{
height: 12em;
}

.page-productcolor .gallery-icon,
.page-productcolor-child .gallery-icon
{
border: 1px solid #ddd;
box-sizing: border-box;
}

.page-aboutus .gallery-icon,
.page-mdevhistory .gallery-icon
{
height: 24em;
}

.page-aboutus .gallery-columns-6 .gallery-icon
{
height: 18em;
}

.single-blog .gallery
{
margin: 0em 0px 4em 0px !important;
}

.single-blog .gallery-icon
{
height: auto;
aspect-ratio: 1.5;
}

.single-blog .gallery-item .wp-caption-text
{
text-align: left;
padding: 0.5em 1em 0em 0px;
font-size: 80%;
font-family: "Open Sans", sans-serif;
width: 100%;
overflow-wrap: normal;
word-break: break-all;
}

.page-profile p+h2
{
font-size: 160%;
margin: 4em 0px 1.5em 0px;
font-weight: 200;
font-family: "Open Sans", sans-serif;
}

.vn.page-profile p+h2
{
font-family: "Arial", sans-serif;
}

.page-profile p+h2:first-of-type
{
font-size: 160%;
margin: 1em 0px 1em 0px;
font-weight: 200;
font-family: "Open Sans", sans-serif;
}

.vn.page-profile p+h2:first-of-type
{
font-family: "Arial", sans-serif;
}

.page .entry-content table
{
font-family: "Open Sans", sans-serif;
margin: 0px 0px 2em 0px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

.vn .page .entry-content table
{
font-family: "Arial", sans-serif;
}

.page .entry-content table th
{
font-family: "Open Sans", sans-serif;
font-size: 80%;
border: 1px solid #999;
}

.vn .page .entry-content table th
{
font-family: "Arial", sans-serif;
}

.page .entry-content table th.wsnw
{
white-space: nowrap;
}

.page-bmc .entry-content table th
{
white-space: nowrap;
}

.page-bmc .entry-content table tr:first-of-type th:nth-of-type(1)
{
width: 20%;
}

.page-bmc .entry-content table tr:first-of-type th:nth-of-type(2)
{
width: 35%;
}

.page-bmc .entry-content table tr:first-of-type th:nth-of-type(3)
{
width: 45%;
}

.page .entry-content table td
{
font-family: "Open Sans", sans-serif;
font-size: 80%;
border: 1px solid #999;
text-align: center;
}

.page-recruit_ca .entry-content table th
{
font-family: "Open Sans", sans-serif;
font-size: 90%;
border: 1px solid #999;
text-align: center;
white-space: nowrap;
}

.page-recruit_ca .entry-content table td
{
font-family: "Open Sans", sans-serif;
font-size: 90%;
border: 1px solid #999;
text-align: left;
}

.page-partner .entry-content table td
{
text-align: left;
}

.vn .page .entry-content table td
{
font-family: "Arial", sans-serif;
}

.page .entry-content table td.wsnw
{
white-space: nowrap;
}

.page-bmc .entry-content table td.bmcbold
{
font-size: 120%;
font-weight: 400;
}

.page .entry-content table tr
{
background: #eee;
}

.page .entry-content table tr:nth-of-type(odd)
{
background: none;
}

.page-profile table
{
border: none;
margin: 0em 0px 4em 0px;
}

.page-profile table tr
{
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

.page-profile table th
{
border: none;
font-size: 80%;
font-family: "Open Sans", sans-serif;
font-weight: 600;
text-align: left;
padding: 1em;
border-left: none !important;
border-right: 1px solid #999;
border-top: none;
border-bottom: none;
border-collapse: collapse;
}

.vn.page-profile table th
{
font-family: "Arial", sans-serif;
}

.page-profile table th:first-of-type
{
width: 20%;
}

.page-profile table:nth-of-type(3) th:first-of-type
{
width: 8%;
}

.en.page-profile table:nth-of-type(3) th:first-of-type
{
width: 15%;
}

.page-profile table:first-of-type th:first-of-type
{
width: 27.5%;
}

.page-profile table th:nth-of-type(2)
{
width: 10%;
}

.page-profile table td
{
border: none;
font-size: 80%;
font-family: "Open Sans", sans-serif;
text-align: left;
padding: 1em;
border-collapse: collapse;
}

.vn.page-profile table td
{
font-family: "Arial", sans-serif;
}

.page-profile .entry-content table td:last-of-type
{
font-family: "Open Sans", sans-serif;
font-size: 80%;
border: 1px solid #999;
text-align: left;
border-left: 1px solid #999;
border-right: none;
border-top: none;
border-bottom: none;
}

.vn.page-profile .entry-content table td:last-of-type
{
font-family: "Arial", sans-serif;
}

.page ul+h2
{
font-size: 160%;
margin: 4em 0px 1em 0px;
font-weight: 200;
}

.pterm
{
font-size: 70%;
margin: 0em 0px 1em 0px;
}

.wp-pagenavi
{
overflow: visible !important;
min-height: 50px;
}

.posts-navigation
{
width: 100% !important;
clear: both;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 1.5em 0px;
}

.posts-navigation .nav-links
{
clear: both;
overflow: hidden;
}

.posts-navigation .nav-previous,
.posts-navigation .nav-next
{
padding: 0px;
}

.posts-navigation .nav-previous a,
.posts-navigation .nav-next a
{
font-size: 80%;
}

.post-navigation
{
width: 100%;
clear: both;
margin: 0px;
padding: 1em 0.25em;
background: rgba(232,232,232,0.5);
overflow: hidden;
}

.page .post-navigation,
.single-product .post-navigation
{
width: 90%;
clear: both;
margin: 0px auto;
padding: 1em 0.25em;
background-color: #eee;
background: #eee;
overflow: hidden;
}

.post-navigation ul
{
padding: 0px !important;
}

.post-navigation li
{
padding: 0px;
list-style-type: none !important;
}

.post-navigation .prev
{
width: 50%;
float: left;
font-size: 120%;
font-family: "Open Sans", sans-serif;
}

.vn .post-navigation .prev
{
font-family: "Arial", sans-serif;
}

.post-navigation .next
{
width: 50%;
font-size: 120%;
text-align: right;
float: right;
font-family: "Open Sans", sans-serif;
}

.vn .post-navigation .next
{
font-family: "Arial", sans-serif;
}

.post-navigation .prev img,
.post-navigation .next img
{
width: 30px;
height: 30px;
}

.post-navigation a
{
color: #222;
font-size: 70%;
vertical-align: text-top;
}

.post-navigation a svg
{
padding: 0em 0px 0px 0px;
width: 24px !important;
height: 24px !important;
}

.widget input,
.widget select
{
width: 100%;
}

#secondary
{
background-color: transparent !important;
}

#secondary .widget-title
{
color: #222;
font-size: 85%;
text-align: left !important;
margin: 0em 0px 1.5em 0px;
padding: 0.5em 0.75em;
font-weight: 200;
border-bottom: none;
background: #eee;
border-left: 1px solid #ccc;
box-sizing: border-box;
}

.vn #secondary .widget-title
{
font-family: "Arial", sans-serif;
}

#secondary h4
{
color: #222;
font-size: 85%;
text-align: left !important;
margin: 0em 0px 1em 0px;
padding: 0em 0.5em;
font-weight: 200;
border-bottom: none;
border-left: 5px solid #ccc;
box-sizing: border-box;
}

.single-product #secondary h4 a::after
{
content: '\f08e';
font: var(--fa-font-solid) !important;
padding-left: 5px;
pointer-events: none;
color: #339999;
pointer-events: auto;
}

.vn #secondary h4
{
font-family: "Arial", sans-serif;
}

#secondary .widget ul li
{
margin: 0px 0px 2em 0px;
padding: 0px 0px 0px 0em;
/*border-left: 2px solid #88bfbf;*/
overflow: visible;/*background: #eee;*/
}

.categoty-info #secondary .widget ul li
{
margin: 0px 0px 2em 0px;
padding: 0px 0px 0px 0.3em;
border-left: 2px solid #88bfbf;
overflow: visible;/*background: #eee;*/
}

#secondary .widget ul li:nth-child(even)
{
background: none;
}

.page #secondary .widget ul li
{
margin: 0px 0px 0em 0px;
padding: 0px;
}

.category-info #secondary .widget ul li,
.single #secondary .widget ul li
{
margin: 0px 0px 1.5em 0px;
padding: 0px 0px 1em 0.3em !important;
border-bottom: none;
position: relative;
}

#secondary .widget ul li a
{
color: #555;
font-size: 80%;
/*float:left;*/
clear: left;
padding: 0.5em 0px 0.5em 0em;
margin: 0px 0px 0em 0px;
font-family: "Open Sans", sans-serif;
width: 100%;
display: block;
}

.vn #secondary .widget ul li a
{
font-family: "Arial", sans-serif;
}

#secondary .widget ul li:last-child a
{
border-bottom: none;
}

.category-info #secondary .widget ul li a,
.single #secondary .widget ul li a
{
position: relative;
padding: 0.25em 0px 0.25em 0em;
}

#secondary select
{
height: auto;
font-size: 90% !important;
}

.page .titleimg
{
width: 100%;
height: 540px;
margin: 0px 0px 4em 0px;
}

.page .entry-content p
{
font-size: 90%;
line-height: 1.8;
font-weight: 300;
margin: 0px 0px 2em 0px;
overflow: hidden;
}

.page-contact .entry-content p
{
overflow: visible !important;
}

.page-download .entry-content p,
.page-download_members .entry-content p
{
font-size: 90%;
line-height: 1.8;
font-weight: 300;
margin: 0px 0px 0em 0px;
overflow: hidden;
}

.page .entry-content .gallery+p
{
font-size: 90%;
line-height: 1.8;
font-weight: 300;
margin: 4em 0px 2em 0px;
overflow: hidden;
}

.page-profile .entry-content p
{
font-size: 90%;
line-height: 1.8;
font-weight: 300;
margin: 0px 0px 0.5em 0px;
overflow: hidden;
}

.page-profile .entry-content p+p
{
font-size: 90%;
line-height: 1.8;
font-weight: 300;
margin: 3em 0px 0.5em 0px;
overflow: hidden;
}

.page .entry-content p+h3
{
margin: 3em 0px 2em 0px;
color: #444;
font-family: "Open Sans", sans-serif;
}

.vn .page .entry-content p+h3
{
font-family: "Arial", sans-serif;
}

.page-profile .entry-content p+h3
{
margin: 0em 0px 1em 0px;
color: #444;
font-family: "Open Sans", sans-serif;
}

.vn.page-profile .entry-content p+h3
{
font-family: "Arial", sans-serif;
}

.page .entry-content p+h4
{
margin: 3em 0px 1em 0px;
color: #444;
font-family: "Open Sans", sans-serif;
}

.vn.page .entry-content p+h4
{
font-family: "Arial", sans-serif;
}

.page .entry-content dt,
.page .entry-content dd
{
font-size: 85%;
line-height: 1.8;
font-weight: 200;
margin: 0px 0px 0.5em 0px;
}

.page .entry-content dt p,
.page .entry-content dd p
{
font-size: 100%;
line-height: 1.8;
font-weight: 200;
}

.page .entry-content h3
{
font-size: 90%;
line-height: 1.8;
font-weight: 400;
padding: 0em;
color: #444;
font-family: "Open Sans", sans-serif;
color: #222;
font-size: 85%;
text-align: left !important;
margin: 0em 0px 1.5em 0px !important;
padding: 0.5em 0.75em;
font-weight: 200;
border-bottom: none;
background: #eee;
border-left: 1px solid #88bfbf;
box-sizing: border-box;
}

.vn .page .entry-content h3
{
font-family: "Arial", sans-serif;
}

.page-download .entry-content h3,
.page-download_members .entry-content h3
{
font-size: 120%;
padding: 0.25em 0.75em;
margin: 0em 0px 1em 0px;
background: none;
border: 1px solid #bbb;
box-sizing: border-box;
}

.single-product .entry-content h3,
.single-product .entry-content p+h3
{
font-size: 100%;
line-height: 1.8;
font-weight: 400;
padding: 0em;
color: #444;
font-family: "Open Sans", sans-serif;
background: #eee;
padding: 0.2em 0.75em;
border-left: 1px solid #88bfbf;
box-sizing: border-box;
}

.vn .single-product .entry-content h3,
.vn .single-product .entry-content p+h3
{
font-family: "Arial", sans-serif;
}

.single-product .entry-content p+h3,
.single-product .entry-content ul+h3
{
margin: 6em 0px 1em 0px;
}

.page .entry-content h4
{
font-size: 100%;
line-height: 1.8;
font-weight: 400;
padding: 0px;
color: #444;
font-family: "Open Sans", sans-serif;
}

.vn .page .entry-content h4
{
font-family: "Arial", sans-serif;
}

.page-download .page .entry-content h4,
.page-download_members .page .entry-content h4
{
font-size: 130%;
line-height: 1.8;
font-weight: 500;
padding: 0.25em 0.75em;
color: #444;
font-family: "Open Sans", sans-serif;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-collapse: collapse;
margin: 1em 0px 0.5em 0px;
}

.vn.page-download .page .entry-content h4,
.vn.page-download_members .page .entry-content h4
{
font-family: "Arial", sans-serif;
}

.single-product .entry-content p+h4,
.single-product .entry-content h3+h4
{
margin: 0em 0px 1em 0px;
padding: 0.5em 0em;
border-bottom: 1px solid #ccc;
font-size: 90%;
}

.page .entry-content dl,
.page .entry-content ul,
.single-product .entry-content ul
{
overflow: hidden;
margin: 0px 0px 3em 0px;
padding: 0px 0px 0px 1.5em;
}

.single-product .entry-content ul li
{
margin: 0px 0px 0.75em 0px;
font-size: 80%;
}

.page .entry-content dt
{
clear: left;
float: left;
width: 15%;
}

.page .entry-content dd
{
float: left;
width: 85%;
}

.page-ultrasurface .entry-content dl
{
overflow: hidden;
margin: 4em 0px 4em 0px;
padding: 0px;
}

.page-ultrasurface .entry-content dl dt
{
width: 20%;
margin: 0px 0px 2em 0px;
}

.page-ultrasurface .entry-content dl dd
{
width: 80%;
margin: 0px 0px 2em 0px;
}

.page-ultrasurface .entry-thumb
{
margin: 0px 0px 2em 0px;
height: 24em;
}

.page .entry-content ul
{
padding: 0px 0px 0px 1em;
margin: 0px 0px 2em 1em;
overflow: hidden;
}

.page-download .entry-content ul.proddllist,
.page-download_members .entry-content ul.proddllist
{
margin: 0px 0% 4em 0px;
padding: 0px;
overflow: hidden;
clear: both;
}

.page-download .entry-content ul.proddllist li,
.page-download_members .entry-content ul.proddllist li
{
width: 100%;
float: none;
margin: -50px 0% 0em 0px;
padding: 50px 0px 0px 0px;
overflow: hidden;
border-bottom: 1px solid #999;/*box-sizing:border-box;*/
}

.page-download .entry-content ul.proddllist li:first-child,
.page-download_members .entry-content ul.proddllist li:first-child
{
border-top: 1px solid #999;
}

.page-download .entry-content ul.proddllist li ul.pdlcontent,
.page-download_members .entry-content ul.proddllist li ul.pdlcontent
{
width: 100%;
margin: 0px 0% 0em 0px;
padding: 0px 0px 1em 0px;
overflow: hidden;
}

.page-download .entry-content ul.proddllist li ul.pdlcontent li,
.page-download_members .entry-content ul.proddllist li ul.pdlcontent li
{
width: auto;
float: left;
margin: 0px 1em 0.5em 0px !important;
padding: 0em;
border-radius: 0.3em;
border: 1px solid #ccc;
border-left: 3px solid #88bfbf;
}

.page-download .entry-content ul.proddllist li ul.pdlcontent li a,
.page-download_members .entry-content ul.proddllist li ul.pdlcontent li a
{
width: 100%;
margin: 0px 0em 0em 0px;
padding: 0.65em;
background: #eee;
display: block;
font-family: "Open Sans", sans-serif;
}

.vn.page-download .entry-content ul.proddllist li ul.pdlcontent li a,
.vn.page-download_members .entry-content ul.proddllist li ul.pdlcontent li a
{
font-family: "Arial", sans-serif;
}

.page-download .entry-content ul.proddllist li ul.pdlcontent li a:hover,
.page-download_members .entry-content ul.proddllist li ul.pdlcontent li a:hover
{
background: #88bfbf;
transition: 0.1s linear background;
}

.page-download .entry-content article,
.page-download_members .entry-content article
{
margin: 0px 5% 4em 0px;
padding: 0px;
overflow: hidden;
float: left;
width: 47.5%;
}

.page-download .entry-content article:nth-of-type(2n),
.page-download_members .entry-content article:nth-of-type(2n)
{
margin: 0px 0% 4em 0px;
}

.page-download .entry-content ul,
.page-download_members .entry-content ul
{
overflow: hidden;
margin: 0px 0px 0em 0px;
padding: 0px;
}

.page-download .entry-content ul li,
.page-download_members .entry-content ul li
{
list-style-type: none;
float: left;
margin: 0px 1em 0em 0px;
padding: 0em;
/*background: #eee;*/
font-size: 120%;/*border-radius: 0.3em;
border: 1px solid #ccc;*/
}

.page-download .entry-content ul li:nth-child(even),
.page-download_members .entry-content ul li:nth-child(even)
{
background: none;
}

.page-download .entry-content ul li a,
.page-download_members .entry-content ul li a
{
color: #222;
}

.page-download a.download-button,
.page-download_members a.download-button
{
color: #222;
width: auto;
max-width: 25%;
text-align: center;
text-decoration: none !important;
padding: .75em 1em;
display: inline-block;
font-size: 1em;
line-height: 1em;
background-color: #ddd;
background-image: none;
border-radius: 4px;
text-shadow: none;
box-shadow: none;
border: 1px solid #999;
cursor: pointer;
margin: 0px 0.5em 1em 0px;
}

.page-privacypolicy .entry-content ol ul
{
padding: 1em 0px 0px 0em;
margin: 0px 0px 3em 0em;
overflow: hidden;
}

.page-privacypolicy .entry-content ol ul ul
{
padding: 1em 0px 0px 1.5em;
margin: 0px 0px 3em 0em;
overflow: hidden;
}

.page-privacypolicy .entry-content ol ul li
{
list-style-type: none;
margin: 0px 0px 1em 0em;
line-height: 1.6 !important;
}

.page .entry-content ul li
{
font-size: 80%;
margin: 0px 0px 0.75em 1em;
}

.page .entry-content ul li li
{
font-size: 100%;
}

.page .entry-content dd ul li
{
font-size: 95%;
margin: 0px 0px 0.25em 1em;
}

.page .entry-content dd ul
{
margin: 0px 0px 0em 0.1em;
padding: 0px 0px 0em 0.3em;
}

.page .entry-content ul li a
{
/*font-size: 70%;*/
}

.widget-area .widget
{
position: relative;
margin-bottom: 55px;
}

.product .widget-area .widget,
.tax-pcat .widget-area .widget,
.search .widget-area .widget
{
position: relative;
margin: 0px 5% 2em 0px;
width: 30%;
float: left;
}

.product .widget-area .widget:nth-of-type(3n),
.tax-pcat .widget-area .widget:nth-of-type(3n),
.search .widget-area .widget:nth-of-type(3n)
{
margin: 0px 0% 2em 0px;
}

.single-product .widget-area .widget
{
position: relative;
margin: 0px 0px 2em 0px;
width: 100%;
float: none;
}

.single-product .widget-area .widget .gotocontact.prod
{
width: 100%
}

.single-product .widget-area .widget .gotocontact.prod a
{
display: block;
background: #88bfbf;
padding: 2em;
text-align: center;
border-radius: 0.3em;
border: 2px solid #336666;
box-sizing: border-box;
/*color:#fff !important;*/
font-size: 90%;
font-weight: 600;
box-sizing: border-box;
}

.page .widget-area .widget
{
position: relative;
margin: 0px 0px 2em 0px;
width: 50%;
float: left;
}

.widget_recent_entries .post-date
{
margin-left: 0;
float: left;
position: absolute;
bottom: -1.75em;
left: 0em;
font-size: 70%;
font-family: "Open Sans", sans-serif;
}

.vn .widget_recent_entries .post-date
{
font-family: "Arial", sans-serif;
}

.category-info .widget_recent_entries .post-date,
.single .widget_recent_entries .post-date
{
margin-left: 0;
float: left;
position: absolute;
bottom: 0em;
left: 0.5em;
font-size: 70%;
font-family: "Open Sans", sans-serif;
}

.category-info.vn .widget_recent_entries .post-date,
.single.vn .widget_recent_entries .post-date
{
font-family: "Arial", sans-serif;
}

.widget-area .widget.widget_recent_entries a
{
position: relative;
left: 0px;
width: 100%;
display: block;
}

.widget-area .widget.widget_recent_entries li,
.widget-area .widget.widget_recent_entries li:last-child
{
position: relative;
padding: 0px 0px 0.5em 0px;
margin: 0px 0px 0em 0px;
display: block;
}

/*.galleria-container
{
position: relative;
overflow: hidden;
}

.galleria-thumbnails-container
{
bottom: 0;
height: 60px;
left: 0px;
position: absolute;
right: 0px;
z-index: 2;
}

.galleria-stage .galleria-image
{
margin: 0px !important;
}

.galleria-stage .galleria-image img
{
top: 0px !important;
margin: 0px !important;
}

.galleria-thumbnails .galleria-image
{
background: #fff none repeat scroll 0 0;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-left: none;
cursor: pointer;
float: left;
margin: 0px !important;
height: 60px;
box-sizing: border-box;
}

.galleria-thumbnails .galleria-image img
{
margin: 0px !important;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right
{
height: 60px;
}

.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover
{
color: #fff !important;
}

.galleria-thumb-nav-right
{
background-position: -578px 15px;
}

.galleria-thumb-nav-left
{
background-position: -495px 15px;
}

.galleria-info-link
{
left: 10px;
}*/


.site-footer
{
line-height: 1.8;
padding: 3em 0px 0px 0px;
height: 280px;/*border-top: 1px solid #666;*/
background-color: transparent;
background: rgba(255,255,255,0.85) !important;
border-top: 3px solid #ddd;

}

.en .site-footer,
.vn .site-footer
{
padding: 2em 0px 0px 0px;
}

/*#colophon
{
background: rgba(255,255,255,0.5);
}*/

.fbanners
{
width: 90%;
height: 40px;
margin: 0px auto 1px auto;
text-align: right;
}

.fbanners #text
{
display: none !important;
}

.fbanners a
{
display: inline-block;
height: 40px;
margin: 0px;
padding: 0px;
}

.fbanners img
{
width: auto;
height: 100%;
display: inline-block !important;
margin: 0px 0px 0px 1px;
padding: 0px;
}

.site-info
{
width: 90%;
/*max-width: 1024px;*/
margin: 0px auto;
font-family: "Open Sans", sans-serif;
position: relative;
padding: 0px !important;
}

.vn .site-info
{
font-family: "Arial", sans-serif;
}

.menu-fnav-container
{
/*text-align: right;*/
position: static;
/*top: 0px;
right: 0px;*/
overflow: hidden;
margin: 0px 0px 1em 0px;
}

ul#menu-fnav
{
/*float: right;*/
padding: 0px !important;
margin: 0px auto 0em auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

ul#menu-fnav li
{
display: inline;
/*float: left;*/
list-style-type: none;
padding: 1em 1em;
font-size: 80%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: column;
}

ul#menu-fnav li a svg
{
stroke: #fff;
height: 25px;
width: 25px;
}

ul#menu-fnav li.ap a
{
padding: 0em 0em 0em 0em;
margin: 0px 0px 0em 0px;
background: url(../../../images/lib/badge/apmark.png) top center no-repeat;
background-size: contain;
display: inline-block;
text-indent: -9999px;
height: 20px;
width: 20px;
}

.en ul#menu-fnav li.ap a,
.vn ul#menu-fnav li.ap a
{
background: url(../../../images/lib/badge/apmark_gr.jpg) top center no-repeat !important;
background-size: contain !important;
}

ul#menu-fnav li.ad a
{
padding: 0em 0em 0em 0em;
margin: 0px 0px 0em 0px;
background: url(../../../images/lib/badge/admark_bk.png) center center no-repeat;
background-size: contain;
display: inline-block;
text-indent: -9999px;
height: 30px;
width: 30px;
}

.en ul#menu-fnav li.ad a,
.vn ul#menu-fnav li.ad a
{
background: url(../../../images/lib/badge/admark_gr.png) center center no-repeat !important;
background-size: contain !important;
}

.site-info .cname
{
font-size: 100%;
letter-spacing: 0.15em;
display: block;
margin: 0px 0px 1em 0px;
font-weight: 200;
}

.site-info .cname a
{
display: block;
margin: 0px auto 0em auto;
}

.site-info .cname img.site-logo
{
max-width: 180px;
margin: 0px auto 0em auto !important;
display: block;
}

.site-info .adr
{
font-size: 80%;
display: block;
margin: 0px 0px 0.5em 0px;
font-weight: 300;
display: none;
}

.site-info .telfax
{
font-size: 110%;
display: block;
margin: 0px 0px 1em 0px;
font-weight: 400;
line-height: 1;
display: none;
}

.site-info .tfno
{
font-size: 110%;
display: inline-block;
margin: 0px 1em 0em 0px;
font-weight: 300;
}

.site-info .time
{
font-size: 70%;
display: inline-block;
margin: 0px 0px 0em 0em;
font-weight: 300;
}

.site-info .license
{
font-size: 70%;
display: block;
margin: 0px 0px 0em 0px;
font-weight: 300;
}

.site-info .copyright
{
font-size: 70%;
display: block;
margin: 0px 0px 2em 0px;
font-weight: 300;
text-align: center;
}

.site-info .gotocontact
{
font-size: 70%;
display: block;
margin: 0px 0px 0px 0px;
text-align: center;
}

.site-info .gotocontact a
{
font-size: 120%;
display: inline-block;
margin: 0px 0px 0px 0px;
font-weight: 300;
background: #88bfbf;
padding: 0.5em 4em;
border-radius: 0.5em;
}

.go-top
{
right: 0px;
bottom: 0px;
width: 50px;
height: 50px;
transition: 0.2s;
}

.go-top.show
{
right: 0px;
bottom: 0px;
width: 50px;
height: 50px;
border-radius: 0;
transition: 0.2s;
}

.go-top:hover
{
width: 50px;
height: 50px;
color: #fff !important;
background: #66CCCC;
}

.go-top svg,
.go-top.show svg
{
fill: #fff;
}

a.gotodetail
{
display: inline-block;
background: rgba(181,154,74,1);
color: #fff;
text-align: center;
width: 100%;
padding: 0.75em;
transition: 0.2s linear opacity;
font-size: 120% !important;
border-radius: 0.3em;
}

a.gotodetail:hover
{
opacity: 0.7;
transition: 0.2s linear opacity;
}

.page-title
{
padding: 0px;
}

.page-title h1.title-post
{
font-size: 140% !important;
font-weight: 200 !important;
padding: 0px;
margin: 0px 0px 0em 0px;
color: #222;
text-align: center;
/*line-height: 145px;*/
line-height: 1;
}

.search-results .page-title,
.search-no-results .page-title
{
font-size: 140% !important;
font-weight: 200 !important;
padding: 0px;
margin: 0px 0px 0em 0px;
color: #222;
text-align: left;
line-height: 1;
}

.search-no-results .page-content p
{
font-size: 80% !important;
margin: 0px 0px 4em 0px;
text-align: center;
}

.search-no-results .page-content form
{
font-size: 80% !important;
margin: 0px 0px 4em 0px;
text-align: center;
}

.search-results main
{
overflow: hidden;
}

.search-results article,
.search-results article:nth-of-type(2n)
{
padding: 0px 0px 4em 0px !important;
margin: 0px 3% 2em 0px !important;
width: 22.75% !important;
float: left;
height: 16em;
}

.search-results article:nth-of-type(4n)
{
margin: 0px 0% 2em 0px !important;
}

.search-results .entry-title
{
font-size: 80%;
font-weight: 200;
padding: 0px;
margin: 0px 0px 0em 0px;
color: #666;
line-height: 1.6;
}

.search-results .entry-header
{
padding: 0px;
margin: 0px 0px 0.5em 0px;
width: 100%;
}

.search-results .entry-summary p
{
font-size: 70%;
padding: 0px;
margin: 0px 0px 0.5em 0px;
}

.error-404 label
{
width: 50%;
margin: 0px auto 1em auto;
}

.error-404 .page-content
{
text-align: center !important;
}

.error-404 input[type="reset"],
.error-404 input[type="submit"]
{
position: static;
display: block !important;
font-family: sans-serif;
font-size: 80% !important;
line-height: 1.2;
font-weight: 400;
padding: 0.25em 2.5em !important;
text-align: center;
margin: 0px auto 1em auto !important;
clear: both !important;
float: none;
}

.error-404 input.search-field,
.error-404 input[type="search"].search-field
{
padding: 0em 1em !important;
height: 3em;
color: #222 !important;
font-weight: 200;
font-size: 85%;
width: 100% !important;
display: block !important;
margin: 0px auto 0px auto !important;
float: none;
}

.error-404 .page-wrap
{
padding: 0em 0em 4em 0em !important;
}

span.wpcf7-list-item
{
display: block;
}

.newpost,
.newmark
{
/*display: inline-block;*/
display: flex;
align-items: center;
justify-content: center;
background: #88bfbf;
color: #fff;
padding: 0.2em 0em 0.4em 0em !important;
width: 4em;
border-radius: 0.2em;
margin: 0px 0px 0px 0.5em !important;
text-align: center;
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 100% !important;
line-height: 1;
vertical-align: middle;
}

.vn .newpost,
.vn .newmark
{
font-family: "Arial", sans-serif;
}

.tax-pcat .newpost
{
display: inline-block;
background: #88bfbf;
color: #fff;
padding: 0.3em 0em 0.4em 0em !important;
width: 4em;
border-radius: 0.2em;
margin: 0px 0px 0.5em 0.5em !important;
text-align: center;
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 90% !important;
line-height: 1;
vertical-align: middle;
}

.vn .tax-pcat .newpost
{
font-family: "Arial", sans-serif;
}

.mgl-gallery
{
margin: 0px 0px 2em 0px !important;
}

.mgl-justified .mgl-item img
{
height: auto;
max-width: 100%;
margin: 0px 0px 0px 0px !important;
}

.gotodetail a
{
display: inline-block;
width: auto;
margin: 1em auto 0em auto;
text-align: center;
padding: 0.3em 1em;
font-size: 100% !important;
background: #CC9900;
color: #fff;
transition: 0.2s linear background;
}

.gotodetail a:hover
{
background: #CC6600;
transition: 0.3s linear background;
color: #fff;
}

.mgl-box
{
width: 100% !important;
}

.mgl-tiles .mgl-row
{
display: grid;
position: relative;
width: 100% !important;
height: 300px;
}

.wpcf7 form .wpcf7-response-output
{
margin: 2em 0em 1em;
}

br.mob
{
display: none;
}

#n2-ss-1-arrow-previous,
#n2-ss-1-arrow-next
{
z-index: 100 !important;
}

div#n2-ss-1 .nextend-arrow
{
z-index: 100 !important;
}

div#n2-ss-1 .nextend-arrow img
{
z-index: 100 !important;
}

img.n2-ow
{
z-index: 100 !important;
position: absolute;
}

.page-mdev .entry-thumb
{
height: 480px;
margin: 0px 0px 0em 0px !important;
}

.page-mdev .mmdesc
{
margin: 0px 0px 0em 0px;
padding: 2.5em 1.5em 3.5em 1.5em;
position: absolute;
bottom: 0;
background: rgba(255,255,255,0.3);
}

.page-mdev ul.materialmenu
{
overflow: hidden;
margin: 0px 0px 4em 0px;
padding: 0px;
}

.page-mdev ul.materialmenu li
{
margin: 0px;
padding: 0px;
width: 50%;
float: left;
list-style-type: none;
position: relative;
}

.ja.page-mdev ul.materialmenu li:nth-child(n+3)
{
margin: 0px;
padding: 0px;
width: 33.33%;
float: left;
list-style-type: none;
position: relative;
}

.page-mdev ul.materialmenu li h2
{
margin: 0px 0px 0.5em 0px;
padding: 0px;
font-size: 250%;
text-align: center;
border: none;
font-family: "Open Sans", sans-serif;
}

.vn.page-mdev ul.materialmenu li h2
{
font-family: "Arial", sans-serif;
}

.page-mdev ul.materialmenu li h2 a
{
color: #222;
}

.page-mdev ul.materialmenu li .entry-summary
{
margin: 0px;
padding: 0px 2em;
height: auto
}

.page-mdev ul.materialmenu li .entry-summary p
{
font-size: 100%;
line-height: 1.6;
text-align: left;
margin: 0px 0px 0px 0px;
}

.en.page-mdev ul.materialmenu li .entry-summary p
{
height: 7em;
}

.post-type-archive-product h2
{
margin: 0px 0px 1em 0px;
padding: 0.75em 0px;
text-align: center;
font-size: 120%;
/*border-top:1px solid #88bfbf;*/
border-bottom: 1px solid #88bfbf;
font-weight: 600;
}

.post-type-archive-product.en h2
{
font-family: "Open Sans", sans-serif;
font-size: 150%;
}

.post-type-archive-product.vn h2
{
font-family: "Arial", sans-serif;
}

.post-type-archive-product .content-inner p
{
margin: 0px 0px 1em 0px;
padding: 0em 0px;
font-size: 80%;
font-weight: 200;
font-family: "Open Sans", sans-serif;
text-align: center;
line-height: 2;
}

.post-type-archive-product.vn .content-inner p
{
font-family: "Arial", sans-serif;
}

.post-type-archive-product.en .content-inner p
{
text-align: left;
}

.post-type-archive-product ul.materialmenu
{
overflow: hidden;
margin: 0px 0px 8em 0px;
padding: 0px;
}

.post-type-archive-product ul.materialmenu li
{
margin: 0px;
padding: 0px;
width: 33.33%;
float: left;
list-style-type: none;
position: relative;
height: 24em;
}

.post-type-archive-product.en ul.materialmenu li,
.post-type-archive-product.vn ul.materialmenu li
{
height: 36em;
}

/*.post-type-archive-product ul.materialmenu li h3
{
margin: 0px 0px 0.5em 0px;
padding: 0px;
font-size: 250%;
text-align: center;
border: none;
font-family: "Open Sans", sans-serif;
}*/



.post-type-archive-product ul.materialmenu .mmdesc
{
margin: 0px;
padding: 1.5em 0px 1.5em 0px;
position: absolute;
bottom: 0px;
background: rgba(255,255,255,0.7);
width: 100%;
height: 11em;
}

.post-type-archive-product.en ul.materialmenu .mmdesc,
.post-type-archive-product.vn ul.materialmenu .mmdesc
{
height: 18em;
}

.post-type-archive-product ul.materialmenu .mmdesc h3
{
margin: 0px 0px 0.75em 0px;
padding: 0px;
text-align: center;
font-size: 150%;
font-weight: 100;
font-family: "Open Sans", sans-serif;
}

.post-type-archive-product.vn ul.materialmenu .mmdesc h3
{
font-family: "Arial", sans-serif;
}

.post-type-archive-product ul.materialmenu .mmdesc h3 a
{
color: #222;
}

.post-type-archive-product ul.materialmenu .mmdesc .entry-summary
{
margin: 0px;
padding: 0px 2em;
}

.post-type-archive-product ul.materialmenu .mmdesc p
{
margin: 0px;
padding: 0px;
text-align: center;
font-size: 80% !important;
font-weight: 200;
font-family: "Open Sans", sans-serif;
text-align: left;
line-height: 1.6;
}

.post-type-archive-product.vn ul.materialmenu .mmdesc p
{
font-family: "Arial", sans-serif;
}

.page-bmc .entry-content ul
{
overflow: hidden;
margin: 0px;
padding: 0px;
}

.page-bmc .entry-content ul li
{
list-style-type: disc;
/*float: left;*/
margin: 0px;
padding: 0px;
}

.page-bmc .entry-content ul.bmcfeature
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px 0px 3em 0px;
}

.page-bmc .entry-content ul.bmcfeature li
{
width: 47.5%;
float: left;
list-style-type: none;
margin: 0px 5% 2em 0px;
padding: 0px;
height: auto;
overflow: hidden;
font-family: "Open Sans", sans-serif;
line-height: 1.6;
}

.vn.page-bmc .entry-content ul.bmcfeature li
{
font-family: "Arial", sans-serif;
}

.page-bmc .entry-content ul.bmcfeature.spoint li
{
height: 45em;
}

.page-bmc .entry-content ul.bmcfeature li:nth-child(2n)
{
margin: 0px 0% 2em 0px;
}

.page-bmc .entry-content ul.bmcfeature li h3
{
background: none;
font-size: 200%;
margin: 0px 0px 1em 0px;
}

.en.page-bmc .entry-content ul.bmcfeature li h3
{
background: none;
font-size: 200%;
margin: 0px 0px 1em 0px;
padding: 0px 0.75em;
line-height: 1.3;
}

.page-bmc .entry-content ul.bmcfeature li p
{
font-size: 100%;
margin: 0px 0px 1em 0px;
}

.page-bmc .entry-content ul.bmcfeature li img
{
margin: 0px auto 0em auto;
display: block;
}

.page-bmc .entry-content ul.bmccvtile
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px 0px 3em 0px;
}

.page-bmc .entry-content ul.bmccvtile li
{
width: 25%;
float: left;
list-style-type: none;
margin: 0px 0% 1em 0px;
padding: 0px;
overflow: hidden;
}

.page-bmc .entry-content ul.bmccvtile li img
{
float: left;
list-style-type: none;
margin: 0px 0.5em 0px 0px;
padding: 0px;
overflow: hidden;
width: 50%;
}

.page-ultrasurface .entry-content ul.usfeature
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px 0px 3em 0px;
}

.page-ultrasurface .entry-content ul.usfeature li
{
width: 47.5%;
float: left;
list-style-type: none;
margin: 0px 5% 2em 0px;
padding: 0px;
height: auto;
overflow: hidden;
}

.page-ultrasurface .entry-content ul.usfeature.spoint li
{
height: 45em;
}

.page-ultrasurface .entry-content ul.usfeature li:nth-child(2n)
{
margin: 0px 0% 2em 0px;
}

.page-ultrasurface .entry-content ul.usfeature li h3
{
background: none;
font-size: 200%;
margin: 0px 0px 1em 0px;
}

.en.page-ultrasurface .entry-content ul.usfeature li h3
{
background: none;
font-size: 200%;
margin: 0px 0px 1em 0px;
padding: 0px 0.75em;
line-height: 1.3;
height: 2.8em;
}

.page-ultrasurface .entry-content ul.usfeature li p
{
font-size: 100%;
margin: 0px 0px 1em 0px;
}

.page-crystalsurface .entry-content ul.csfeature
{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px 0px 3em 0px;
}

.page-crystalsurface .entry-content ul.csfeature li
{
width: 47.5%;
float: left;
list-style-type: none;
margin: 0px 5% 2em 0px;
padding: 0px;
height: auto;
overflow: hidden;
}

.page-crystalsurface .entry-content ul.csfeature.spoint li
{
height: 45em;
}

.page-crystalsurface .entry-content ul.csfeature li:nth-child(2n)
{
margin: 0px 0% 2em 0px;
}

.page-crystalsurface .entry-content ul.csfeature li h3
{
background: none;
font-size: 200%;
margin: 0px 0px 1em 0px;
}

.page-crystalsurface .entry-content ul.csfeature li h4
{
background: none;
font-size: 150%;
margin: 0px 0px 1em 0px;
}

.page-crystalsurface .entry-content .gallery-columns-3
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.page-crystalsurface .entry-content .gallery-columns-3::after
{
content: "";
display: block;
width: 30%;
}

.page-crystalsurface .entry-content .gallery-columns-3 .gallery-item
{
max-width: 30%;
}

.en.page-crystalsurface .entry-content ul.csfeature li h4
{
line-height: 1.3;
}

.page-crystalsurface .entry-content ul.csfeature li p
{
font-size: 100%;
margin: 0px 0px 1em 0px;
}

.page-crystalsurface .entry-content ul.csfeature li img
{
width: 100%;
height: auto;
}

.page-aboutus .entry-content ul.businessflow
{
width: 100%;
overflow: hidden;
padding: 0px !important;
margin: 0px 0px 3em 0px;
}

.page-aboutus .entry-content ul.businessflow li
{
width: 15%;
float: left;
height: auto;
list-style-type: none;
height: 15em;
margin: 0px 2% 3em 0px;
border-left: 1px solid #666;
position: relative;
border-radius: 0em 1em 0em 0em;
display: flex;
align-items: center;
justify-content: center;
}

.page-aboutus .entry-content ul.businessflow li:last-child
{
margin: 0px 0% 3em 0px;
}

.page-aboutus .entry-content ul.businessflow li:nth-child(1)
{
background: rgba(136,191,191,0.5);
}

.page-aboutus .entry-content ul.businessflow li:nth-child(2)
{
background: rgba(136,191,191,0.6);
}

.page-aboutus .entry-content ul.businessflow li:nth-child(3)
{
background: rgba(136,191,191,0.7);
}

.page-aboutus .entry-content ul.businessflow li:nth-child(4)
{
background: rgba(136,191,191,0.8);
}

.page-aboutus .entry-content ul.businessflow li:nth-child(5)
{
background: rgba(136,191,191,0.9);
}

.page-aboutus .entry-content ul.businessflow li:nth-child(6)
{
background: rgba(136,191,191,1);
}

.page-aboutus .entry-content ul.businessflow li:after
{
content: '';
background: url(../../../images/lib/arrow/arrow_next.png) center center no-repeat;
background-size: contain;
display: block;
height: 50px;
width: 15%;
background-size: contain;
/*vertical-align: middle;*/
position: absolute;
right: -15%;
top: 5.5em;
}

.page-aboutus .entry-content ul.businessflow li:last-child:after
{
display: none;
}

.page-aboutus .entry-content ul.businessflow li .bfdesc
{
width: 100%;
/*height: 1.5em;*/
font-size: 150%;
/*position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);*/
margin: auto;
text-align: center;
line-height: 1.1;
}

.en.page-aboutus .entry-content ul.businessflow li .bfdesc
{
width: 100%;
/*height: 1.5em;*/
font-size: 110%;
/*position: absolute;
top: 45%;
left: 50%;
transform: translateY(-50%) translateX(-50%);*/
margin: auto;
text-align: center;
line-height: 1.1;
}

.page-aboutus .entry-content ul.mvvchart
{
width: 100%;
overflow: hidden;
padding: 0px !important;
margin: 0px 0px 3em 0px;
}

.page-aboutus .entry-content ul.mvvchart li
{
width: 30%;
float: left;
height: auto;
list-style-type: none;
height: auto;
margin: 0px 5% 3em 0px;
text-align: left;
}

.page-aboutus .entry-content ul.mvvchart li:last-child
{
margin: 0px 0% 3em 0px;
}

.page-aboutus .entry-content ul.mvvchart li h3
{
background: none;
font-size: 300%;
margin: 0px 0px 0.75em 0px;
border: none;
padding: 0.5em 0px 0.5em 0px;
border-top: 2px solid #88bfbf;
border-bottom: 2px solid #88bfbf;
line-height: 1;
text-align: center !important;
}

.page-aboutus .entry-content ul.mvvchart li p
{
background: none;
font-size: 110%;
margin: 0px 0px 0em 0px;
border: none;
}

.term-sink .gotofabrc,
.term-bowl .gotofabrc
{
width: 90%;
margin: 0px auto 0px auto;
background: #fff;
height: 150px;
/*border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;*/
border: 1px solid #cc0000;
overflow: hidden;
}

.gtfcol
{
width: 25%;
float: left;
text-align: center;
padding: 1em;
vertical-align: middle;
height: 150px;
position: relative;
}

.gtfcol:nth-of-type(2)
{
width: 30%;
}

.gtfcol:last-of-type
{
width: 45%;
background: #CC0000;
text-align: right;
}

.gtfcol img
{
width: auto;
height: 60px;
top: 47.5%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
white-space: nowrap;
}

.bowl .gtfcol:nth-of-type(2)
{
background: url(../../../images/pages/product/EG3550_img_B01.jpg) center center no-repeat;
background-size: cover;
}

.sink .gtfcol:nth-of-type(2)
{
background: url(../../../images/pages/product/HS950_img04.jpg) bottom center no-repeat;
background-size: cover;
}

.gtfcol p
{
margin: 0px;
font-size: 80%;
color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
white-space: nowrap;
}

.gtfcol p a
{
color: #fff;
}

.wp-caption-text
{
text-align: left;
padding: 1em 0px 2em 0px;
font-family: Helvetica, sans-serif;
font-size: 80%;
color: #444 !important;
}

.en .wp-caption-text
{
text-align: left;
padding: 1em 0px 2em 0px;
font-size: 80%;
font-family: "Open Sans", sans-serif;
color: #444 !important;
}

.wp-caption-text .koukin
{
/*background:#ddd;*/
background: linear-gradient( 90deg, #eee 0%, #ccc 100%);
padding: 0.5em 0.5em 0.25em 0.5em;
margin: 0px 0px 0px 0.5em;
border-radius: 0.25em;
border: 1px solid #ccc;
font-size: 90%;
/*display:flex;
align-items:center;
justify-content:center;*/
line-height: 1 !important;
display: inline-block;
}

.en #wpmem_login legend,
#wpmem_reg legend
{
font-size: 120%;
line-height: 1;
font-weight: 200 !important;
margin: 0px 0px 1em 0px !important;
width: 100%;
border: none;
font-family: "Open Sans", sans-serif;
}

.vn #wpmem_login legend
{
font-family: "Arial", sans-serif;
}

.en #wpmem_register_form
{
font-family: "Open Sans", sans-serif;
}

.vn #wpmem_register_form
{
font-family: "Arial", sans-serif;
}

.en #wpmem_register_form input
{
border-radius: 0.3em;
font-size: 90%;
margin: 0px 1em 0em 0px !important;
}

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


.page-group table th,
.page-group table td
{
border-left: none !important;
border-right: none !important;
}

.page-group table th
{
width: 30%;
}

.page-group table td
{
width: 70%;
}

.page-group table td
{
text-align: left !important;
}

.page-group .entry-content ul.groupmenu
{
margin: 0px 0px 2em 0px;
padding: 0px 0px 0em 0px;
overflow: hidden;
}

.page-group .entry-content ul.groupmenu:nth-of-type(2)
{
margin: 0px 0px 0em 0px;
padding: 4em 0px 0em 0px !important;
border-top: 1px solid #ccc !important;
display: flex;
align-items: center;
}

.page-group .entry-content ul.groupmenu li
{
width: 47.5%;
list-style-type: none;
float: left;
margin: 0px 5% 2em 0px;
}

.page-group .entry-content ul.groupmenu:nth-of-type(2) li:first-child
{
display: flex;
align-items: center;
justify-content: center;
}

.page-group .entry-content ul.groupmenu li p
{
font-size: 100%;
margin: 0px 0px 1em 0px !important;
height: 14em;
}

.page-group .entry-content ul.groupmenu li p strong
{
font-size: 130%;
margin: 0px 0px 1em 0px;
display: inline-block;
}

.page-group .entry-content ul.groupmenu h2
{
font-size: 180% !important;
border-bottom: 1px solid rgba(136,191,191,1);
}

.page-group .entry-content ul.groupmenu h3
{
background: none;
border: none;
font-size: 130%;
padding: 0px;
}

.page-group .entry-content ul.groupmenu li:last-child
{
margin: 0px 0% 2em 0px;
}

/*.page-group .entry-content ul:last-of-type li
{
width:100%;
list-style-type:none;
float:none;
margin:0px 0px 0em 0px;
}*/


.page-group .entry-content .entry-thumb
{
height: 24em;
margin: 0px 0px 0em 0px !important;
}

.page-group .entry-content table
{
margin: 0px 0px 2em 0px !important;
}

.page-group .entry-content .gcdesc
{
margin: 0px 0px 4em 0px;
overflow: hidden;
}

.page-group .entry-content .gcimg
{
width: 47.5%;
margin: 0px 5% 2em 0px;
float: left;
}

.page-group .entry-content .gctbl
{
width: 47.5%;
margin: 0px 0% 2em 0px;
float: left;
}

.page-group .entry-content a.gotoweb
{
display: block;
width: 100%;
padding: 1em;
text-align: center;
background: rgba(136,191,191,0.9);
color: #fff;
border-radius: 0.5em;
}

.page-group .entry-content a.gotodetail
{
display: block;
width: 100%;
padding: 1em;
text-align: center;
/*background: #33CCCC;*/
background: #a5dccd;
color: #222;
border-radius: 0.5em;
}

.page-group .entry-content a.gotodetail:hover
{
opacity: 0.7;
transition: 0.2s linear opacity;
}

.page-group .gallery-icon
{
height: 10em;
}

.page-group figure
{
margin: 0em 0em 0.25em 0em;
}

.page-group .wp-caption-text
{
text-align: left;
padding: 0.5em 0px 0em 0px;
font-family: Helvetica, sans-serif;
font-size: 70%;
}

.page-trims_osaka .wp-caption-text,
.page-trims_okayama .wp-caption-text
{
display: none;
}

.page-trims_osaka a.gotocontact,
.page-trims_okayama a.gotocontact
{
display: block;
width: 100%;
padding: 1em;
text-align: center;
background: #828f99;
color: #fff;
border-radius: 0.5em;
font-size: 120%;
}

.page-trims_osaka a.gotocontact:hover,
.page-trims_okayama a.gotocontact:hover
{
opacity: 0.7;
transition: 0.2s linear opacity;
}

.page-trims_osaka ul.tfline,
.page-trims_okayama ul.tfline
{
display: flex;
justify-content: space-between;
margin: 0px;
padding: 0px;
}

.page-trims_osaka ul.tfline li,
.page-trims_okayama ul.tfline li
{
flex-basis: 30%;
list-style-type: none;
margin: 0px;
font-size: 90%;
}

.page-trims_osaka ul.tfline li h4,
.page-trims_okayama ul.tfline li h4
{
margin: 0px 0px 1em 0px;
text-align: center;
font-size: 150% !important;
background: #476995;
padding: 1em;
border-radius: 0.3em;
position: relative;
color: #fff;
}

.page-trims_osaka ul.tfline li h4::after,
.page-trims_okayama ul.tfline li h4::after
{
content: "";
position: absolute;
width: 0;
height: 0;
bottom: -0.7em;
left: 0;
right: 0;
margin: auto;
border-style: solid;
border-width: 0.75em 0.75em 0 0.75em;
border-color: #476995 transparent transparent transparent;
}

.page-trims_okayama .gallery
{
margin: 0px 0px 1em 0px;
}

.page-trims_okayama .gallery:last-of-type
{
margin: 0px 0px 4em 0px;
}

.page-trims_okayama .gallery-icon
{
height: 18em;
}

.page-trims_okayama .entry-content .gallery + p
{
margin: 0em 0px 2em 0px;
}

.page-recruit .entry-content ul
{
margin: 0px 0px 0em 0px;
padding: 0px 0px 0em 0px;
overflow: hidden;
}

.page-recruit .entry-content ul li
{
width: 47.5%;
list-style-type: none;
float: left;
margin: 0px 5% 0em 0px;
font-size: 90%;
}

.page-recruit .entry-content ul li p
{
margin: 0px 0% 2em 0px !important;
}

.page-recruit .entry-content ul li:nth-child(2)
{
margin: 0px 0% 0em 0px;
}

.page-recruit .entry-content .gallery-icon
{
height: 12em !important;
margin: 0px 0px 0em 0px !important;
}

.page-recruit .wp-caption-text
{
display: none;
}

.page-recruit .gallery
{
margin: 0px 0px 1em 0px;
}

.page-recruit .gallery-icon
{
height: 12em;
margin: 0px 0px 0em 0px;
}

.page-recruit .gallery-item
{
margin: 0px 0px 0em 0px;
}

.page-recruit a.gotodetail
{
display: block;
width: 100%;
padding: 1em;
text-align: center;
background: #476995;
color: #fff;
border-radius: 0.5em;
font-size: 120%;
}

.page-recruit a.gotodetail:hover
{
background: #476995;
opacity: 0.7;
transition: 0.2s linear opacity;
}

.page-recruit .entry-content
{
margin: 0px 0px 0em 0px;
padding: 0px;
}

.page-recruit .entry-content ul h2
{
font-size: 180% !important;
border-bottom: 1px solid rgba(136,191,191,1);
}

.page-recruit_ca .entry-content ul
{
padding: 0em 0px 0em 0em;
margin: 0px 0px 0px 0px !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.page-recruit_ca .entry-content ul li
{
font-size: 100% !important;
padding: 0em 0px 0px 0em;
margin: 0px 0px 1em 0px !important;
list-style-type: none;
}

.page-recruit_ca .entry-content ul:first-of-type li
{
flex-basis: 75%;
text-align: center;
background: rgba(136,191,191,1);
padding: 1em;
border-radius: 0.5em;
}

.page-recruit_ca .entry-content ul:first-of-type li:nth-child(odd)
{
background: #a5dccd;
}

/*.page-recruit_ca .entry-content ul.persona li::before,
.page-recruit_ca .entry-content ul.jobs li::before
{
content:"●";
margin:0px 0.5em 0px 0px;
color: rgba(136,191,191,1);
display:inline;
}*/


.page-recruit_ca .entry-content ul:nth-of-type(2)
{
display: flex;
justify-content: space-between;
margin: 0px 0px 2em 0px;
}

.page-recruit_ca .entry-content ul:nth-of-type(2) li
{
flex-basis: 30%;
text-align: center;
background: rgba(136,191,191,1);
padding: 1em;
border-radius: 0.5em;
}

.page-recruit_ca .entry-content ul:nth-of-type(2) li:nth-child(odd)
{
background: rgba(136,211,211,1);
}

.page-recruit_ca .entry-content img
{
text-align: center;
margin: 0px auto !important;
display: block;
}

.page-recruit_ca .entry-content .pptxt,
.page-recruit_trims .entry-content .pptxt
{
width: 100%;
overflow: auto;
height: 15em;
background: #eee;
border: 1px solid #ccc;
padding: 2em;
font-size: 100%;
margin: 2em 0px 3em 0px;
}

.page-recruit_ca .entry-content .pptxt h2,
.page-recruit_trims .entry-content .pptxt h2
{
font-size: 120% !important;
text-align: left;
}

.page-recruit_ca .entry-content .pptxt h3,
.page-recruit_trims .entry-content .pptxt h3
{
font-size: 100% !important;
text-align: left;
}

.page-recruit_ca .entry-content .pptxt p,
.page-recruit_trims .entry-content .pptxt p
{
border: none !important;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
}

.page-recruit_ca .entry-content .pptxt ul,
.page-recruit_trims .entry-content .pptxt ul
{
margin: 0px 0px 2em 0em !important;
padding: 0em 0px 0px 1.5em !important;
display: block;
}

.page-recruit_ca .entry-content .pptxt ul li,
.page-recruit_ca .entry-content .pptxt ul li:nth-child(odd),
.page-recruit_trims .entry-content .pptxt ul li
{
font-size: 100% !important;
margin: 0px 0px 0em 0px !important;
padding: 0em 0px 0px 0.25em !important;
text-align: left;
list-style-type: disc;
background: none;
}

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


.page-recruit_ca .tabs
{
margin-top: 50px;
padding-bottom: 0px;
width: 100%;
margin: 0 auto;
}

.page-recruit_ca .tabs br
{
display: none;
}

.page-recruit_ca .tabs td br
{
display: inline;
}

.page-recruit_ca .tab_item
{
/*width: calc(100%/4);*/
width: 30% !important;
margin: 0px 5% 2em 0px;
padding: 1.5em 1em 1.5em 1em;
height: 80px;
border-radius: 0.3em;
/*border-bottom: 3px solid #5ab4bd;*/
/*border: 1px solid #222;*/
box-sizing: border-box;
/*background-color: #ddd;*/
background: #a5dccd;
color: #222;
/*display: block;*/
float: left;
/*text-align: center;*/
cursor: pointer;
font-family: "Helvetica", "ヒラギノ角ゴシック", "Hiragino Sans", "Noto Sans JP", "メイリオ", Meiryo, sans-serif !important;
font-size: 100%;
text-transform: uppercase;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}

/*.page-recruit_ca .tab_item:hover
{
cursor: pointer;
background: #222;
color: #fff;
opacity: 1;
transition: 0.2s linear background;
}*/








.page-recruit_ca .tab_item:nth-of-type(3n)
{
margin: 0px 0% 0px 0px;
}

.page-recruit_ca .tab_item .cat-thumb
{
height: 12em;
margin: 0px 0px 1.5em 0px;
/*display: block;*/
display: none;
}

.page-recruit_ca .tab_item .cat_name
{
height: 12em;
margin: 0px 0px 1em 0px;
display: block;
}

/*.page-service .tab_item:hover,
.page-brand .tab_item:hover
{
opacity: 0.75;
}*/


.page-recruit_ca .tabs .tab_item br
{
display: inline;
}

.page-recruit_ca .tabs .tab_item .jps
{
font-size: 50% !important;
display: none;
}

.page-recruit_ca input[name="tab_item"]
{
display: none;
}

.page-recruit_ca .tab_content
{
display: none;
padding: 0em;
border: none;
border-radius: 0em;
clear: both;
overflow: hidden;
transition: all 1s ease !important;
text-align: center;
}

#cat_sales:checked ~ #termca_sales,
#cat_plan:checked ~ #termca_plan,
#cat_dev:checked ~ #termca_dev
{
display: block;
}

.page-recruit_ca .tabs input:checked + .tab_item
{
background: rgba(136,191,191,1);
color: #fff;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.page-recruit_ca .tabs input:checked + .tab_item::after
{
content: "";
position: absolute;
width: 0;
height: 0;
bottom: -0.7em;
left: 0;
right: 0;
margin: auto;
border-style: solid;
border-width: 0.75em 0.75em 0 0.75em;
border-color: rgba(136,191,191,1) transparent transparent transparent;
}

/*.page-service .tabs input:checked + .tab_item::after
{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 1vw 0px 1vw;
border-color: #222 transparent transparent transparent;
position: absolute;
bottom: -25px;
left: 50%;
transform: translate(-50%, -50%);
}*/

/*.page-service .tab_content .gallery-item
{
height:50px;
}

.page-service .tab_content .gallery-icon
{
height:50px;
}*/

.page-recruit_ca .tab_content .cat_name
{
font-family: "Helvetica", "ヒラギノ角ゴシック", "Hiragino Sans", "Noto Sans JP", "メイリオ", Meiryo, sans-serif !important;
text-align: center;
font-size: 80%;
margin: 0px auto 3em auto;
width: 100%;
display: inline-block;
font-weight: 400;
letter-spacing: 0.1em;
text-transform: uppercase;
/*background: #222;
color: #fff;*/
padding: 1em 2em;
/*border-radius: 5em;*/
width: 100%;
border-bottom: 1px solid #999;
display: none;
}

.page-recruit_ca .tab_content .cat_name + p
{
display: none;
}

.page-partner table.distti
{
width: 100%;
overflow: hidden;
margin: 0px 0% 2em 0px;
}

.page-partner table.distt
{
float: left;
width: 65%;
margin: 0px 2.5% 0px 0px;
}

.page-partner table.distti + img
{
float: left;
width: 32.5%;
margin: 0px 0% 0px 0px !important;
}

.page-privacypolicy .entry-content h2
{
font-size: 160%;
margin: 4em 0px 1em 0px !important;
padding: 1em 0px;
font-weight: 100;
font-family: "Open Sans", sans-serif;
border-bottom: 1px solid #999;
text-align: center;
clear: both;
}

.vn.page-privacypolicy .entry-content h2
{
font-family: "Arial", sans-serif;
}

.page-privacypolicy .entry-content h3
{
font-size: 110% !important;
margin: 0em 0px 1em 0px !important;
padding: 0.5em 0px !important;
font-weight: 100;
font-family: "Open Sans", sans-serif;
/*border-bottom: 1px solid #999;*/
border-left: none !important;
text-align: center !important;
clear: both;
}

.page-privacypolicy ol
{
margin: 1em 0px 2em 0px;
padding: 0px 0px 0px 1.5em;
}

.page-privacypolicy ol li
{
font-size: 90%;
line-height: 1.8;
font-weight: 300;
font-family: "Open Sans", sans-serif;
color: #444;
margin: 0em 0px 0.5em 0px;
}

.vn.page-privacypolicy ol li
{
font-family: "Arial", sans-serif;
}

.page-privacypolicy ol ol
{
margin: 1em 0px 2em 0px;
padding: 0px 0px 0px 0px;
}

.page-privacypolicy ol ol li
{
font-size: 100%;
list-style-type: none;
counter-increment: cnt;
text-indent: -1.4em;
padding: 0px 0px 0px 1.4em;
}

.page-privacypolicy ol ol li::before
{
content: "(" counter(cnt) ") ";
}

.en .fancybox-button svg,
.vn .fancybox-button svg
{
height: 20px !important;
width: 20px !important;
margin: auto !important;
}

.masonry-grid
{
display: flex;
/*flex-wrap: nowrap;
justify-content:space-between;*/
margin-left: -15px;
margin-right: -15px;
}

.masonry-item
{
width: calc(50% - 30px);
margin: 15px;/*flex-basis:47.5%;
width:47.5%;*/
}

#load-more-container
{
text-align: center;
padding: 20px 0;
}

#load-more
{
cursor: pointer;
color: #666;
font-weight: bold;
padding: 0px;
background-color: transparent;
border: none;
border-radius: 3px;
}

#load-more:hover
{
background-color: transparent;
color: #666;
}

#load-more::before
{
content: "";
width: 50px;
height: 50px;
background: #A8CFCF url(../../../en/images/lib/arrow/arrow_down_wh.png) center center no-repeat;
background-size: 50%;
display: block;
margin: 0px auto;
cursor: pointer;
pointer-events: auto;
border-radius: 10em;
}

#load-more:hover::before
{
background: #669999 url(../../../en/images/lib/arrow/arrow_down_wh.png) center center no-repeat;
background-size: contain;
background-size: 50%;
}

a .loadMoreBtn-label
{
display: none;
}

.page-productcolor p.coloratn,
.page-productcolor-child p.coloratn
{
font-size: 80% !important;
}
 @media only screen and (max-width: 1024px) {

.container
{
width: 100%;
}

.page-labo .content-inner,
.page-contact .content-inner,
.page-profile .content-inner,
.page-access .content-inner
{
width: 90%;
}

.page .content-inner,
.blog .content-inner,
.tax-bcat .content-inner,
.tax-btag .content-inner
{
width: 90%;
}

.header-wrap
{
width: 100% !important;
margin: 0px auto;
position: relative;
}

.site-header
{
padding: 0px;
height: 50px;
/*background-color: transparent !important;*/
position: fixed !important;
}

.site-header.fixed
{
position: fixed !important;
height: 50px;
padding: 0px;
}

.site-header.float
{
height: 60px;
padding: 0px;
}

.site-header.float-header
{
padding: 0px;
height: 50px;
/*background-color: rgba(255,255,255,0.5)!important;*/
background-color: rgba(136,191,191,0.9)!important;
}

img.site-logo
{
max-width: 160px;
margin: 0em 0px 0px 0% !important;
}

.header-wrap .col-md-4
{
margin: 0px 0px 0px 3.75% !important;
width: 46.25% !important;
}

.header-wrap .col-md-8
{
margin: 0px !important;
width: 50% !important;
}

.btn-menu
{
margin: 0% 0px 0px 0px !important;
right: 10px;
top: 5px;
position: absolute;
}

.btn-menu .sydney-svg-icon
{
margin-top: 0px !important;
fill: #222 !important;
}

.btn-submenu svg
{
fill: #fff;
width: 20px;
transform: rotate(-180deg);
transition: all 0.4s;
position: relative;
top: 5px;
right: 5px
}

.btn-submenu
{
position: absolute;
right: 0px;
height: 50px !important;
line-height: 50px;
}

.page-wrap
{
width: 100%;
margin: 0px auto;
padding: 0px 0px 0px 0px !important;
}

.site-info
{
width: 92.5%;
margin: 0px auto;
}

.page-name h1
{
margin: 0px 0px 0.5em 0px;
font-size: 180% !important;
text-align: center;
}

.page .page-name h1
{
margin: 0px 0px 0.25em 0px;
font-size: 180% !important;
text-align: center;
}

.page-header p
{
text-align: left;
}

.blog .page-header p,
.tax-bcat .page-header p,
.tax.btag .page-header p
{
text-align: center;
}

.entry-cf dt
{
width: 30%;
}

.entry-cf dd
{
width: 70%;
}

.home .inner
{
width: 90%;
margin: 0px auto;
overflow: hidden;
}

.welcome
{
background: rgba(0,0,0,0.3);
}

.logo
{
width: 80%;
float: none;
text-align: center;
font-size: 64%;
font-family: serif;
color: #fff;
margin: 0px auto 2em auto;
}

.message
{
width: 80%;
float: none;
margin: 0px auto;
}

.message h1
{
text-align: center;
font-size: 120%;
margin: 0px auto 0.5em auto;
}

/*.message p
{
text-align: left;
font-size: 80%;
}*/


.message p br
{
display: none;
}

.submenu .smdesc p
{
text-align: left;
}

.submenu .smdesc p br
{
display: none;
}

.page-aboutus .gallery-columns-6 .gallery-item
{
max-width: 33.33%;
}

.post-type-archive-product .content-inner p
{
text-align: left;
}

.post-type-archive-product .content-inner p br
{
display: none;
}

.cat-name .termdesc
{
padding: 0px 2em;
}

.home .frontmenu .fmdesc
{
height: 40%;
}

.single-blog .col-md-9
{
width: 100%;
}

.mainimg
{
height: 640px;
}

.slide-img
{
height: 640px;
}
}
 @media only screen and (max-width: 768px) {

.page-wrap
{
width: 100%;
padding: 0px 0px 0px 0px !important;
}

.col-md-9
{
width: 100%;
margin: 0px 0% 2em 0px;
float: none;
}

.col-md-3
{
width: 100%;
margin: 0px 0% 0px 0px;
float: none;
}

.site-header
{
padding: 0px;
height: 50px;
background-color: rgba(255,255,255,0.75)!important;
}

.header-wrap
{
width: 100%;
margin: 0px auto;
position: relative;
}

.header-wrap .col-md-4
{
margin: 0px 0% 0px 0% !important;
width: 100% !important;
justify-content: center;
}

.header-wrap .col-md-8
{
margin: 0px 0% 0px 0% !important;
width: 100% !important;
}

img.site-logo
{
max-width: 160px;
margin: 0em auto 0px auto !important;
float: none;
}

.site-title
{
margin: 0.75em auto 0 auto;
}

.btn-menu .sydney-svg-icon
{
margin-top: 0px !important;
fill: #222 !important;
}

/*.home #mainnav-mobi
{
top: 20px;
margin: 0px;
}*/


#mainnav-mobi
{
margin: 0px;
width: 100%;
position: absolute;
top: 0px;
background-color: transparent;
z-index: 1000;
}

/*.en #mainnav-mobi
{
top: 6px;
}*/

.btn-menu
{
margin: 0px 0px 0px 0px !important;
right: 10px;
top: -45px;
position: absolute;
}

/*.en .btn-menu
{
top: -45px;
}*/

/*.home .btn-menu
{
margin: 0px 0px 0px 0px !important;
}*/

.submenu .smdesc
{
/*top: 25%;*/
}

.submenu ul.ylabo li .smcol:last-of-type img
{
max-width: 200px;
margin: 0px auto 1em auto;
}

.page-name
{
text-align: center;
}

.single .entry-header
{
margin: 2em 0px 1em 0px;
font-size: 100%;
}

.single-product .entry-header
{
margin: 0em 0px 1em 0px;
font-size: 100%;
}

.home .posts-layout article
{
width: 50% !important;
height: 13em;
}

.home h2.infoposts
{
font-size: 120%;
margin: 0 0 0.5em;
text-align: center;
}

.home .infoposts .caption
{
text-align: center;
}

.posts-layout article
{
width: 47.5%;
float: left;
clear: none;
margin: 0px 5% 3em 0px;
padding: 0px;
}

.entry-cf dl
{
width: 100%;
margin: 0px 0px 0em 0px;
overflow: hidden;
}

.fbanners
{
margin: 1em auto 0px auto;
text-align: center;
}

.bcatlist ul li
{
width: 50%;
}

/*.bcatlist ul li .bcatimg {
  aspect-ratio: 1.4;
}*/


.blog .page-name h1 img,
.tax-bcat .page-name h1 img,
.tax-btag .page-name h1 img
{
max-width: 90%;
}

.blog #infscontainer,
.tax-bcat #infscontainer,
.tax-btag #infscontainer
{
column-count: 1;
column-gap: 0%;
}

.blog #infscontainer article,
.tax-bcat #infscontainer article,
.tax-btag #infscontainer article
{
flex-basis: 100% !important;
}

.error-404 .page-wrap
{
padding: 0em 0em 4em 0em !important;
}

.error-404 input.search-field,
.error-404 input[type="search"].search-field
{
width: 100% !important;
}

.error-404 label
{
width: 100%;
margin: 0px auto 1em auto;
}

.home .posts-layout.info article
{
width: 100% !important;
float: none;
margin: 0px 0% 2em 0px !important;
height: auto;
border-left: 3px solid #ddd;
}

.page-recruit .posts-layout.info article
{
width: 100% !important;
float: none;
margin: 0px 0% 2em 0px !important;
padding: 0px 0px 0px 0px;
height: auto;
border-left: none;
}

br.mob
{
display: inline !important;
}

.site-footer
{
height: 300px;
}

.site-info .cname
{
text-align: center;
margin: 0px auto 1em auto;
display: block;
}

.site-info .telfax
{
text-align: center;
margin: 0px 0px 1em 0px;
}

.site-info .tfno
{
margin: 0px 1em 0.5em 0px;
}

.site-info .tfno:last-of-type
{
margin: 0px 0em 0em 0px;
}

.site-info .adr,
.site-info .time,
.site-info .license,
.site-info .copyright
{
font-size: 70%;
line-height: 1.3;
margin: 0px 0px 1em 0px;
text-align: center;
}

.page h2 br
{
display: none;
}

.submenu ul.fabrc li,
.submenu ul.ylabo li
{
height: 600px;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.submenu ul.fabrc li .smcol:first-of-type img
{
width: auto;
max-width: 80%;
}

.submenu .smcol:nth-of-type(1),
.submenu .smcol:nth-of-type(2)
{
width: 50%;
height: 300px;
display: block;
float: left;
}

.submenu .smcol:nth-of-type(3)
{
width: 100%;
height: 300px;
clear: both;
}

.page-labo .labomap
{
float: none;
width: 100%;
margin: 0px 0% 1em 0px;
}

.page-labo .labodesc
{
float: none;
width: 100%;
}

.page-profile table th:first-of-type
{
width: 25%;
}

.page-profile table:nth-of-type(3) th:first-of-type
{
width: 15%;
}

.product .pcatlist ul.parent li
{
width: 100%;
float: none;
}

.post-type-archive-product ul.materialmenu li
{
width: 100%;
float: none;
}

.tax-pcat .posts-layout article,
.tax-pcat .posts-layout article:nth-of-type(3n)
{
width: 47.5%;
float: left;
clear: none;
margin: 0px 5% 2em 0px;
height: 22em;
}

.tax-pcat .posts-layout article:nth-of-type(2n)
{
margin: 0px 0% 2em 0px;
}

.gtfcol
{
width: 25%;
float: left;
text-align: center;
padding: 1em;
vertical-align: middle;
height: 150px;
position: relative;
}

.gtfcol:nth-of-type(1),
.gtfcol:nth-of-type(2)
{
width: 50%;
float: left;
}

.gtfcol:nth-of-type(3)
{
width: 100%;
float: left;
clear: both;
}

.term-sink .gotofabrc,
.term-bowl .gotofabrc
{
height: 300px;
}

.single-product .col-md-9
{
width: 90%;
margin: 0px 5% 2em 5%;
background-color: transparent !important;
background: none;
float: none;
}

.single-product .col-md-3
{
width: 90%;
float: none;
margin: 0px 5% 2em 5%;
}

.page-mdev ul.materialmenu li,
.ja.page-mdev ul.materialmenu li:nth-child(n+3)
{
margin: 0px;
padding: 0px;
width: 100%;
float: none;
list-style-type: none;
position: relative;
}

.page-labo .gotoformtext
{
float: none;
width: 100%;
display: block;
margin: 0px 0% 1em 0px;
}

.page-download .entry-thumb,
.page-download_members .entry-thumb
{
width: 35%;
}

.page-download .pdldesc,
.page-download_members .pdldesc
{
width: 63%;
}

.page-download .entry-content ul.proddllist li ul.pdlcontent li,
.page-download_members .entry-content ul.proddllist li ul.pdlcontent li
{
width: 100%;
float: none;
}

.home .frontmenu .details
{
bottom: 0em;
}

.home .frontmenu ul li
{
width: 100%;
float: none;
padding: 0px;
margin: 0px;
height: 360px;
background: none !important;
list-style-type: none;
position: relative;
}

.home .frontmenu .fmdesc p
{
width: 100%;
margin: 0px auto;
}

.home .frontmenu .fmdesc
{
height: 65%;
}

.home .frontmenu ul li:first-child
{
border-right: none;
border-bottom: 1px solid #fff;
}

.gallery-columns-2 .gallery-item
{
max-width: 100%;
}

.page-aboutus .entry-content ul.mvvchart li
{
width: 100%;
float: none;
height: auto;
list-style-type: none;
height: auto;
margin: 0px 0% 3em 0px;
text-align: left;
}

.page-aboutus .entry-content ul.businessflow li
{
width: 30%;
margin: 0px 5% 3em 0px;
}

.page-aboutus .entry-content ul.businessflow li:nth-child(3n)
{
margin: 0px 0% 3em 0px;
}

.mainimg
{
height: 500px;
}

.slide-img
{
height: 500px;
}

.home .message
{
height: 600px;
}

input[name="section"],
input[name="your-email"],
input[name="telno"],
input[name="zip"],
input[name="prodtitle"]
{
width: 100%;
}

input[name="companyname"],
input[name="your-name"],
input[name="your-namekana"]
{
width: 90%;
}

input[name="maguchi1"],
input[name="maguchi2"],
input[name="maguchi3"]
{
width: 75%;
margin: 0px 0em 1em 0.5em;
}

input[type="button"],
input[type="submit"]
{
width: 100%;
margin: 0px 0px 1em 0px;
}

.submenu .smdesc
{
height: auto;
}

.site-info
{
padding: 0px 0px 0em 0px !important;
}

.menu-fnav-container
{
/*position: absolute;
top: auto;
left: auto;
right: auto;
bottom: 0px;
margin: 0px 0px 1em 0px;*/
width: 100%;
}

ul#menu-fnav
{
text-align: center;
width: 100%;
}

ul#menu-fnav li
{
display: inline-block;
float: none;
}

.en.product .pcatlist ul.parent li
{
width: 100% !important;
}

.page-group .entry-content ul.groupmenu li
{
width: 100%;
list-style-type: none;
float: none;
margin: 0px 0% 2em 0px;
}

.page-group .entry-content .gcimg,
.page-group .entry-content .gctbl
{
width: 100%;
margin: 0px 0% 2em 0px;
float: none;
}

ul.groupmenu:nth-of-type(2)
{
display: flex;
flex-wrap: wrap;
}

.page-group .gallery-columns-2 .gallery-item
{
max-width: 50%;
}

.page-trims_osaka ul.tfline,
.page-trims_okayama ul.tfline
{
display: flex;
flex-wrap: wrap;
}

.page-trims_osaka ul.tfline li,
.page-trims_okayama ul.tfline li
{
flex-basis: 100%;
}

.page-trims_osaka .titleimg
{
height: 60vw;
}

.page-partner table.distt
{
float: none;
width: 100%;
margin: 0px 0% 2em 0px;
}

.page-partner table.distti + img
{
float: none;
width: 100%;
margin: 0px 0% 0px 0px !important;
}

.tax-bcat.term-movie .infscontainer article
{
flex-basis: 45% !important;
width: 45% !important;
}

.copyBtn
{
max-width: 20em;
}

.masonry-grid
{
display: flex;
flex-wrap: wrap;
margin-left: 0px;
margin-right: 0px;
}

.masonry-item
{
width: 100%;
margin: 0px 0px 30px 0px;
}

.page-productcolor .gallery-columns-3 .gallery-item,
.page-productcolor-child .gallery-columns-3 .gallery-item
{
max-width: 45%;
flex-basis: 45%;
}

.page-productcolor p.coloratn,
.page-productcolor-child p.coloratn
{
text-align: left !important;
}

.page-pcolor-bowl .psubc ul,
.page-pcolor-vcounter .psubc ul,
.page-pcolor-kcounter .psubc ul
{
flex-wrap: wrap;
}

.page-pcolor-bowl .psubc ul li,
.page-pcolor-vcounter .psubc ul li,
.page-pcolor-kcounter .psubc ul li
{
width: 45%;
flex-basis: 45%;
}

.ysinfo ul
{
flex-wrap: wrap;
}

.ysinfo ul li
{
flex-basis: 100%;
}

.ysinfo h2
 {
  font-size: 100%;
}

}
 @media only screen and (max-width: 479px) {

.home .posts-layout article
{
width: 100% !important;
height: auto;
margin: 0px 0% 2em 0px !important;
}

.posts-layout article
{
width: 100% !important;
float: none !important;
clear: none;
margin: 0px 0% 2em 0px;
padding: 0px;
}

.entry-thumb
{
height: 15em;
}

.entry-cf dt
{
width: 100%;
float: none;
padding: 0px;
}

.entry-cf dd
{
width: 100%;
float: none;
margin: 0px 0px 1em 0px;
padding: 0px;
}

.page-title h1.title-post,
.error404 h1.page-title
{
line-height: 1.4;
}

.home .infoposts .entry-thumb,
.home .blogposts .entry-thumb
{
height: 10em;
margin: 0px 0px 0.5em 0px !important;
border: none;
width: 100%;
float: none;
}

.home .ah_hmbanner
{
text-align: left;
}

.home .mainmenu ul li h2,
.home .infoposts h2,
.home .blogposts h2
{
text-align: center !important;
}

.home .frontmenu
{
margin: 0px auto 0em auto;
}

.submenu
{
overflow: hidden;
width: 100%;
height: auto;
}

.submenu ul.fabrc
{
height: auto;
overflow: hidden;
width: 100%;
float: none;
}

.submenu ul.ylabo
{
height: auto;
overflow: hidden;
width: 100%;
float: none;
display: block;
position: static;
}

.submenu ul.fabrc li,
.submenu ul.ylabo li
{
height: 600px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
float: none;
}

.submenu .smcol
{
width: 100%;
height: 100%;
display: block;
float: none;
margin: 0px;
box-sizing: border-box;
}

.submenu .smcol:nth-of-type(1),
.submenu .smcol:nth-of-type(2)
{
width: 100%;
flex-basis: 100%;
height: 150px;
display: flex;
float: none;
overflow: hidden;
}

.submenu .smcol:nth-of-type(3)
{
width: 100%;
flex-basis: 100%;
height: 300px;
overflow: hidden;
display: flex;
align-items: center;
}

.submenu .smdesc
{
width: 80%;
height: auto;
position: static;
top: 0%;
left: 0%;
transform: none;
margin: auto;
color: #222;
text-align: center;
}

.mainimg
{
height: 360px;
}

.slide-img
{
height: 360px;
}

.en .submenu .smdesc
{
top: 30%;
}

.infsitemdesc .entry-desc
{
width: 100%;
float: none;
margin: 0px 0% 0px 0px;
}

.infsitemdesc .entry-thumb
{
width: 100%;
float: none;
}

.bmovie
{
justify-content: center;
}

.tax-bcat.term-movie .infscontainer article
{
flex-basis: 100% !important;
width: 100% !important;
}

.page-productcolor .gallery-columns-3 .gallery-item,
.page-productcolor-child .gallery-columns-3 .gallery-item
{
max-width: 100%;
flex-basis: 100%;
}

.page-pcolor-bowl .psubc ul li,
.page-pcolor-vcounter .psubc ul li,
.page-pcolor-kcounter .psubc ul li
{
width: 100%;
flex-basis: 100%;
}

.term-sink .psubc .psubcsdesc,
.term-kitchensink .psubc .psubcsdesc
{
width: 100%;
flex-basis: 100%;
margin: 0px auto 2em auto;
}

.term-sink .pcollist .gallery-columns-7,
.term-kitchensink .pcollist .gallery-columns-7
{
flex-wrap: wrap;
}

.term-sink .pcollist .gallery-columns-7 .gallery-item,
.term-kitchensink .pcollist .gallery-columns-7 .gallery-item
{
max-width: 30%;
}
}
 @media print {

body
{
-webkit-print-color-adjust: exact;
}

a[href]:after
{
content: "" !important;
}

abbr[title]:after
{
content: "" !important;
}

.entry-thumb,
.gallery-icon,
.mainimg
{
overflow: hidden !important;
}

.entry-thumb img,
.gallery-icon img,
.mainimg img
{
display: block !important;
object-fit: cover;
object-position: 50% 50%;
}



}
 @-webkit-keyframes 
zoomUp
{
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.15);
 transform: scale(1.15);
}
}
 @keyframes 
zoomUp
{ /* 1.15倍させる指定 */
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.15);
 transform: scale(1.15);
}
}