/* pc.css  Version: 1.0 */
@charset "utf-8";
/*==============================
LOADING
==============================*/
#loader-bg { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: var(--brite); z-index: 200; }
#loader { display: none; position: fixed; top: 50%; left: 50%; width: 10px; height: 10px; }

/*-----------ELEMENT START-----------*/
:root {
	font-size: var(--root-fontsize);
}
body {
	/*-ms-font-feature-settings: "normal";*/
	font-weight: 200;
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 , .heading-title, [class^="page-title"] { font-size: var(--font-size-100p); font-weight: bold; line-height: 1.6; color: var(--keyplate); }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--keyplate); }
main { display: block; } /*IE*/
#alpha section + section { padding-top: 60px; }
/*-----------ELEMENT END-----------*/

/*-----------INQUIRY START-----------*/
/*field*/
.input-text30p { width: 30%; }
.input-text60p { width: 60%; }
/*-----------INQUIRY END-----------*/

/*-----------MOVABLE TYPE(OTHER) START-----------*/
/*content*/
.mt-image-left { margin: 0 1em 1.5em 0; float: left }
.mt-image-center { text-align: center; display: block; margin: 0 auto 1.5em; }
.mt-image-right { margin: 0 0 1.5em 1em; float: right }
/*-----------MOVABLE TYPE(OTHER) END-----------*/

/*-----------TABLE STYLE START-----------*/
.layout-fixed { table-layout: fixed }
/*-----------TABLE STYLE END-----------*/

/*ASSET CONTENT START*/
.asset-content h2 { font-size: var(--font-size-160p) !important; background-image: url("../images/parts/h3-bar.png"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; padding-bottom: 3px; margin-bottom: 30px; }
.asset-content h2, .asset-content h2 a { text-decoration: none }
.asset-content p + h2, .asset-content ul + h2, .asset-content ol + h2, .asset-content dl + h2, .asset-content table + h2, .asset-content th > h2, .asset-content td > h2, .asset-content div + h2 { margin-top: 5%; }
.asset-content h3 {
	border-left: 5px solid var(--base);
	padding: 0 1rem;
	font-size: var(--font-size-110p);
	font-weight: normal;
	margin-bottom: 2rem;
	color: var(--keyplate);
	line-height: 1.2;
}
.asset-content p + h3, .asset-content ul + h3, .asset-content ol + h3, .asset-content dl + h3, .asset-content table + h3, .asset-content th > h3, .asset-content td > h3, .asset-content div + h3 { margin-top: 5rem; margin-bottom: 1rem; clear: both }
.asset-content h4 { font-size: var(--font-size-125p); }
.asset-content p + h4, .asset-content ul + h4, .asset-content ol + h4, .asset-content dl + h4, .asset-content table + h4, .asset-content th > h4, .asset-content td > h4, .asset-content div + h4 { margin-top: 2rem; margin-bottom: 1rem;  }
.asset-content h5 { font-weight: bold; margin-bottom: 1% }
.asset-content p + h5, .asset-content ul + h5, .asset-content ol + h5, .asset-content dl + h5, .asset-content table + h5, .asset-content th > h5, .asset-content td > h5, .asset-content div + h5 { margin-top: 2rem; margin-bottom: 1rem;  }
/*ASSET CONTENT END*/

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

/*TOPICPATH START*/
.topicpath {
	font-size: var(font-size-85p);
	padding: 1rem 0 0 0;
	text-align: right;
	float: right;
	width: 50%;
	display: none;
}
.topicpath p { color: var(--brite); }
.topicpath p a { text-decoration: none; padding: 0 5px; background-size: 5px; color: var(--brite); position: relative; }
.topicpath p span { }
.topicpath .entity { padding: 0 8px; }
.topicpath p a.home {  }
.topicpath p a:hover { text-decoration: underline; }
.topicpath-inner {  }
/*TOPICPATH END*/

/*LAYOUT MISC START*/
/* 202010 */
#container {
	margin-top: 100px;
}
#home #container,
#products.mt-entry-archive #container {
	margin-top: 0;
}

.container-inner { margin: auto; }
#alpha, #beta, #gamma { }
#content { clear: both; }
.fixed { position: fixed; z-index: 100; top: 0; width: 100% }
.content-base { margin-right: auto; margin-left: auto }
/*LAYOUT MISC END*/
/*LAYOUT CONTENT [.content-inner] START*/
.beta-alpha-gamma .content-inner { }
.alpha_beta_gamma .content-inner { }
.beta-alpha_gamma .content-inner { }
.alpha_beta-gamma .content-inner { width: var(--wrap); margin-right: auto; margin-left: auto; margin-bottom: 60px; }
/*LAYOUT CONTENT [.content-inner] END*/
/*LAYOUT GLOBAL [#alpha #beta #gamma] START*/
.beta-alpha-gamma #beta {  }
.beta-alpha-gamma #alpha {
	min-height: 30rem;
}
.beta-alpha-gamma #gamma { width: 100% }
.alpha_beta_gamma #beta { width: 20%; float: right }
.alpha_beta_gamma #alpha { width: 80%; float: left }
.alpha_beta_gamma #gamma {left: 80%; width: 20%; float: left }
.beta-alpha_gamma #beta { width: 100%; border-bottom: 1px solid #b2b2b2 }
.beta-alpha_gamma #alpha { width: 70%; float: right; }
.beta-alpha_gamma #gamma { width: 20%; float: right }
.alpha_beta-gamma #beta.side { width: 22%; float: right; }
.alpha_beta-gamma #alpha { width: 73%; float: left; }
.alpha_beta-gamma #gamma { width: 100%; clear: both }
/*LAYOUT GLOBAL [#alpha #beta #gamma] END*/
/*LAYOUT INNER [.alpha-inner .beta-inner .gamma-inner] START*/
.beta-alpha-gamma .beta-inner { margin-right: auto; margin-left: auto; padding-top: 0.7em; padding-bottom: 0.6em; width: var(--wrap) }
.beta-alpha-gamma .alpha-inner { margin-right: auto; margin-left: auto; width: var(--wrap); display: block; }
.beta-alpha-gamma .gamma-inner { margin-right: auto; margin-left: auto; padding-top: 2em; padding-bottom: 2em; width: var(--wrap) }
.alpha_beta_gamma .beta-inner { margin-right: auto; margin-left: auto; padding-top: 0.25em; padding-bottom: 0.25em }
.alpha_beta_gamma .alpha-inner { padding-right: 2em }
.alpha_beta_gamma .gamma-inner { }
.beta-alpha_gamma .beta-inner { margin-right: auto; margin-left: auto; padding-top: 0.25em; padding-bottom: 0.25em; width: var(--wrap) }
.beta-alpha_gamma .alpha-inner { padding-right: 2em }
.beta-alpha_gamma .gamma-inner { }
.alpha_beta-gamma .beta-inner { margin-right: auto; margin-left: auto; padding-top: 0.25em; padding-bottom: 0.25em }
.alpha_beta-gamma .alpha-inner { padding-left: 2em }
.alpha_beta-gamma .gamma-inner { }
/*LAYOUT INNER [.alpha-inner .beta-inner .gamma-inner] END*/
/*LAYOUT WIDGET NAVI START*/
.widget-archive ul,
.widget-pages ul
{ list-style-type: none; margin: 0; padding: 0 }
/*beta-alpha-gamma & beta-alpha_gamma*/

.beta-alpha-gamma #beta .widget,
.beta-alpha_gamma #beta .widget
{ display: inline-block }

.beta-alpha-gamma #beta .widget-archive-category,
.beta-alpha_gamma #beta .widget-archive-category,
.beta-alpha-gamma #beta .widget-pages,
.beta-alpha_gamma #beta .widget-pages,
#gamma .widget-archive-category
{ overflow: auto; overflow-y: hidden; }

.beta-alpha-gamma #beta .widget-archive-monthly-dropdown,
.beta-alpha_gamma #beta .widget-archive-monthly-dropdown,
#gamma .widget-archive-monthly-dropdown
{ float: right; width: 20%; }

.beta-alpha-gamma #beta .widget-header,
.beta-alpha_gamma #beta .widget-header,
#aside .widget-header
{ display: none }

.beta-alpha-gamma #beta .widget-archive ul li,
.beta-alpha_gamma #beta .widget-archive ul li,
.beta-alpha-gamma #beta .widget-pages ul li,
.beta-alpha_gamma #beta .widget-pages ul li
{  }

.beta-alpha-gamma #beta .widget-archive ul > li,
.beta-alpha_gamma #beta .widget-archive ul > li,
.beta-alpha-gamma #beta .widget-pages ul > li,
.beta-alpha_gamma #beta .widget-pages ul > li
{ background-color: var(--brite)fff ;display: inline-block; margin: 0 0.2em; border: solid 1px #b2b2b2; }

.beta-alpha-gamma #beta .widget-archive li a,
.beta-alpha_gamma #beta .widget-archive li a
.beta-alpha-gamma #beta .widget-pages li a,
.beta-alpha_gamma #beta .widget-pages li a
{ display: block }

.beta-alpha-gamma #beta .widget-archive li ul,
.beta-alpha_gamma #beta .widget-archive li ul
.beta-alpha-gamma #beta .widget-pages li ul,
.beta-alpha_gamma #beta .widget-pages li ul
{ display: none }

.beta-alpha-gamma #beta .sub,
.beta-alpha_gamma #beta .sub
{ display: none }


/* alpha_beta_gamma & alpha_beta-gamma */

.alpha_beta_gamma .widget ul,
.alpha_beta-gamma .widget ul
{ list-style-type: none; margin: 0; padding: 0 }

.alpha_beta_gamma .widget li,
.alpha_beta-gamma .widget li
{ margin: 0; padding: 0 }

.alpha_beta_gamma .widget,
.alpha_beta-gamma .widget
{ margin: 0; padding: 0 }

.alpha_beta_gamma .widget-archive,
.alpha_beta-gamma .widget-archive,
.alpha_beta_gamma .widget-pages,
.alpha_beta-gamma .widget-pages,
.alpha_beta_gamma .widget-search,
.alpha_beta-gamma .widget-search
{  }

.alpha_beta_gamma .widget-header,
.alpha_beta-gamma .widget-header
{  }

.alpha_beta_gamma .widget-content,
.alpha_beta-gamma .widget-content
{  }

.alpha_beta_gamma .widget-archive li,
.alpha_beta-gamma .widget-archive li { }

.alpha_beta_gamma .widget-archive li a,
.alpha_beta-gamma .widget-archive li a,
.alpha_beta_gamma .widget-pages li a,
.alpha_beta-gamma .widget-pages li a
{ display: block }

.alpha_beta_gamma .widget-archive li ul,
.alpha_beta-gamma .widget-archive li ul,
.alpha_beta_gamma .widget-pages li ul,
.alpha_beta-gamma .widget-pages li ul
{ }

/*LAYOUT WIDGET NAVI END*/
/*LAYOUT WIDGET BANNER START*/

/* beta-alpha-gamma & alpha_beta-gamma */
.beta-alpha-gamma #gamma .widget-header,
.alpha_beta-gamma #gamma .widget-header
{ display: none }

.beta-alpha-gamma #gamma .widget-banner,
.alpha_beta-gamma #gamma .widget-banner
 { }

.beta-alpha-gamma #gamma .widget-banner ol,
.alpha_beta-gamma #gamma .widget-banner ol
{ text-align: center; letter-spacing: -0.4em; list-style-type: none; margin: 0 auto; padding: 0 0 1em }

.beta-alpha-gamma #gamma .widget-banner li,
.alpha_beta-gamma #gamma .widget-banner li
{ text-align: center; letter-spacing: normal; display: inline-block; width: 25% }

.beta-alpha-gamma #gamma .widget-banner li a,
.alpha_beta-gamma #gamma .widget-banner li a
{ display: block; padding: 0.25em }

.beta-alpha-gamma #gamma .widget-banner li img,
.alpha_beta-gamma #gamma .widget-banner li img
{ text-align: center; width: 100%; height: auto }

/* alpha_beta_gamma & beta-alpha_gamma */

.alpha_beta_gamma #gamma .widget-banner,
.beta-alpha_gamma #gamma .widget-banner
{ }

.alpha_beta_gamma #gamma .widget-header,
.beta-alpha_gamma #gamma .widget-header
{ display: none }

.alpha_beta_gamma #gamma .widget-banner ol,
.beta-alpha_gamma #gamma .widget-banner ol
{ text-align: center; letter-spacing: -0.4em; list-style-type: none; margin: 0 auto; padding: 0 0 1em }

.alpha_beta_gamma #gamma .widget-banner li,
.beta-alpha_gamma #gamma .widget-banner li
{ text-align: center; letter-spacing: normal; width: 100% }

.alpha_beta_gamma #gamma .widget-banner li a,
.beta-alpha_gamma #gamma .widget-banner li a
{ display: block; margin-bottom: 0.25em }

.alpha_beta_gamma #gamma .widget-banner li img,
.beta-alpha_gamma #gamma .widget-banner li img
{ text-align: center; width: 100%; height: auto }

/*LAYOUT WIDGET BANNER END*/

/*HEADER START*/
/* 202010 */
.header {
	background-color: var(--base);
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
}

#home .header:not(.fixed),
#products.mt-entry-archive .header:not(.fixed) {
	background-color: transparent;
}
.header.fixed {
	background-color: var(--base);
}

.header-inner {
	width: var(--wrap);
	margin: auto;
	padding: 0.5rem 0;
	position: relative;
	}
#header-content {  }
#header-name {
	width: 17%;
	height: 90px;
	float: left;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
}
#header-name a {
	background-image: url(../images/parts/pts-logo-header2020-brite.png);
}
#products.mt-entry-archive #header-name a {
	background-image: url(../images/parts/pts-logo-header2020-base.png);
}
#fixed.fixed #header-name a {
	background-image: url(../images/parts/pts-logo-header2020-brite.png);
}

#header-name a {
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-size: contain;
}
.fixed #header-name a {
	margin: 5px 0;
}
#header-name span { display: block; position: absolute; top: -1000px }
#header-nav-inner {  }
#header-sub { width: 78%; float: right; padding-right: 20px; }
#header-sns { }
#header-sns { }
#header-sns ul { text-align: right; letter-spacing: -0.4em; list-style-type: none; margin: 0; padding: 0 }
#header-sns li { letter-spacing: normal; display: inline-block; margin: 0 0 0 7px; padding: 0 }
#header-sns li a { background-repeat: no-repeat; display: block; padding: 0; width: 15px; height: 15px; background-size: contain }
#header-sns li span { display: none }
#header-sns li.sns-facebook a { background-image: url("../images/parts/pts-sns-facebook-real.png") }
#header-sns li.sns-twitter a { background-image: url("../images/parts/pts-sns-twitter-real.png") }
#header-sns li.sns-instagram a { background-image: url("../images/parts/pts-sns-instagram-real.png") }
#header-sns li.sns-tumblr a { background-image: url("../images/parts/pts-sns-tumblr-real.png") }
#header-sns li.sns-g-plus a { background-image: url("../images/parts/pts-sns-g-plus-real.png") }
#header-sns li.sns-pinterest a { background-image: url("../images/parts/pts-sns-pinterest-real.png") }
#header-sns li.sns-line a { background-image: url("../images/parts/pts-sns-line-real.png") }
#header-sns li.sns-lineat a { background-image: url("../images/parts/pts-sns-lineat-real.png") }
#header-sns li.sns-youtube a { background-image: url("../images/parts/pts-sns-youtube-real.png") }
.tel-area {  }
.tel-area .tel-area-tel { background-image: url("../images/parts/pts-tel-w.png"); background-repeat: no-repeat; background-position: left center;  background-size: auto 30px; display: inline-block; }
.tel-area .tel-area-tel span { padding: 2px 0 2px 35px; font-size: var(--font-size-150p); font-weight: bold; }
.tel-area .tel-area-comment { font-size: var(--font-size-95p); text-align: right; }
.tel-link a { color: var(--brite); }

/*HEADER SUB MENU(hhmenu)*/
.hhmenu { clear: both; margin: 0 0 15px 0; transition: 0.8s ease-in-out; }
.hhmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	letter-spacing: -0.4em;
	text-align: right;
	font-family: var(--font-en);
}
.hhmenu ul > li {
	display: inline-block;
	letter-spacing: normal;
	padding: 0 0.75rem;
	text-align: center;
	position: relative;
}
/* 202010 */
#home .hhmenu > ul > li {
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
#products.mt-entry-archive .hhmenu > ul > li {
	text-shadow: none;
}
.hhmenu ul > li.ja:after {
	content: '／';
	position: absolute;
	right: -0.5rem;
	color: var(--brite);
}
.hhmenu ul > li + li {  }
.hhmenu ul a {
	text-decoration: none;
}
.hhmenu ul a {
	color: var(--brite);
}
.hhmenu ul a:hover {
	color: var(--brite);
}
#products.mt-entry-archive .hhmenu ul a {
	color: var(--base);
}
#products.mt-entry-archive .hhmenu ul a:hover {
	color: var(--base);
}
#products.mt-entry-archive #fixed.fixed .hhmenu ul a {
	color: var(--base);
}
#products.mt-entry-archive #fixed.fixed .hhmenu ul a:hover {
	color: var(--base);
}
/*HEADER MAIN MENU(hmenu)*/
#hmenu-open { display: none; }
#hmenu-open img {  }
#hmenu-close { display: none; }
#hmenu-close img {  }
#hmenu  {  }
#hmenu > ul {
list-style-type: none;
padding: 0;
position: relative;
text-align: right;
display: table;
margin-left: auto;
}
html#ja #hmenu > ul {
	width: 55.5%;
}
html#en #hmenu > ul {
	width: 47%;
}
#hmenu > ul:before, #hmenu > ul:after{ content: ""; display: table; }
#hmenu > ul:after{ clear: both; }
#hmenu > ul > li {
	position: relative;
	box-sizing: border-box;
	padding: 5px;
	display: table-cell;
	font-size: var(--font-size-100p);
	letter-spacing: 0.1rem;
	}
#home #hmenu > ul > li {
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
#home #hmenu > ul > li > ul > li {
	text-shadow: none;
}
#products.mt-entry-archive #hmenu > ul > li {
	text-shadow: none;
}
#hmenu > ul > li.home {
	display: none;
}
#hmenu > ul li:first-child {  }
#hmenu > ul li + li {  }
.per-1 > li { width: 100%; }
.per-2 > li { width: 50%; }
.per-3 > li { width: 33.33%; }
.per-4 > li { width: 25%; }
.per-5 > li { width: 20%; }
.per-6 > li { width: 16.66%; }
.per-7 > li { width: 14.28%; }
.per-8 > li { width: 12.5%; }
.per-9 > li { width: 10.11%; }
.per-10 > li { width: 10%; }
.per-11 > li { width: 9.09%; }
.per-12 > li { width: 8.33%; }

#hmenu ul li a {
	text-decoration: none;
	color: var(--brite);
}
#products.mt-entry-archive #hmenu ul li a {
	color: var(--base);
}
#products.mt-entry-archive #fixed.fixed #hmenu ul li a {
	color: var(--brite);
}

#hmenu ul li ul li a span { }
#hmenu ul li a:hover {
	text-decoration: none;
	color: var(--brite);
}

#hmenu ul li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	width: 250px;
	font-size: var(--font-size-70p) !important;
}
#hmenu ul li ul li { display: block; display: none; opacity: 0; width: 100%; background-color: rgba(255,255,255,0.7); text-align: left; }
#hmenu ul li ul li a {
	display: block;
	padding: 5px 20px 5px 10px;
	color: var(--keyplate);
	background-size: 6px;
	background-image: url("../images/parts/ico-aw6c-r.png");
	background-repeat: no-repeat;
	background-position: right 10px center!important;
}
#hmenu ul li ul li a:hover { background-color: rgba(0,0,0,0.1); }
 
 @-webkit-keyframes fadein { 0% { opacity:0; } 75% { opacity:0.5; }100% { opacity:1; } }

#hmenu ul > li + li {  }
#hmenu li ul li { }
#hmenu li:hover ul li { display: block; -webkit-animation: fadein 0.4s linear 0s 1; opacity: 1 }
/*HEADER END*/

/*FOOTER START*/
footer {
	background-color: var(--base);
}
footer >* {
	width: var(--wrap);
	margin: auto;
}
#footer_menu {
	padding: 1.5rem 0;
	display: flex;
	justify-content: center;
	list-style: none;
}
#footer_menu >* {
	width: 13%;
	text-align: center;
	font-size: var(--font-size-95p);
}
#footer_menu >* >*, #footer_menu >* >*:link, #footer_menu >* >*:active, #footer_menu >* >*:visited {
	color: var(--brite);
	text-decoration: none;
}
footer article >* {
}
footer article >* h3 {
	font-size: var(--font-size-110p);
	text-align: center;
	color: #9fa0a0;
	letter-spacing: 0.2rem;
	font-family: var(--font-en);
	font-weight: normal;
	/*border-bottom: 1px solid var(--base);*/
}
footer article >* ul {
	margin: 0;
	padding: 0.5rem 0;
	list-style: none;
	text-align: center;
}
footer article >* ul li {
	width: 100%;
}
footer article >* ul li >* {
	text-decoration: none;
}
.footer-inner {
	width: var(--wrap);
	margin: auto;
}
#footer-content, #footer-content a { }
#fmenu {  }
.fmenu-inner { display: table; }
#fmenu a { color: var(--brite); text-decoration: none }
#fmenu a:hover { text-decoration: underline }
.fmenu-inner > ul { list-style-type: none; margin: 0; padding: 0; }
.fmenu-inner > ul {  }
.fmenu-inner ul > li  { margin: 0; padding: 0; }
.fmenu-inner > ul > li { }
#fmenu ul { display: table-cell; vertical-align: top; }
#fmenu ul li {  }
#fmenu ul + ul {  }
#fmenu ul > li > a { display: block; padding: 3px 5px; color: var(--brite); background-image: url("../images/parts/ico-pt3e.png"); background-repeat: no-repeat; background-position: left bottom 8px; padding-left: 20px; background-size: 13px; transition: 0.3s ease-in-out; }
#fmenu ul > li > a:hover { text-decoration: none; background-image: url("../images/parts/ico-pt3b.png"); }

#fmenu ul > li > ul { list-style-type: none; margin: 0; padding-left: 20px; clear: left; }
#fmenu ul > li > ul > li { margin: 0; padding: 0; }
#fmenu ul > li > ul > li > a { background-image: url("../images/parts/ico-aw1e-r.png"); background-repeat: no-repeat; background-position: left bottom 8px; padding-left: 13px; background-size: 5px 10px; }
#fmenu ul > li > ul > li > a:hover { text-decoration: none; background-image: url("../images/parts/ico-aw1b-r.png"); }
#fmenu-sub { margin-bottom: 0.5em; font-size: var(--font-size-80p); }
#fmenu-sub .fmenu-sub-inner { width: var(--wrap); margin: auto; padding: 10px 0; }
#fmenu-sub .fmenu-sub-inner ul { text-align: right; list-style-type: none; margin: 0; padding: 0 }
#fmenu-sub .fmenu-sub-inner ul li { display: inline }
#fmenu-sub .fmenu-sub-inner ul li a { text-decoration: none; display: inline; }
#fmenu-sub .fmenu-sub-inner ul li a span { background-image: url("../images/parts/ico-aw6d-r.png"); background-repeat: no-repeat; background-position: 6px center; display: inline-block; padding-left: 18px; background-size: 8px 10px; }
#footer-content { position: relative; width: var(--wrap); margin: 0 auto; }
#footer-sns { margin-bottom: 1em; clear: both; }
#footer-sns ul { font-size: var(--font-size-70p); font-weight: bold; text-align: right; letter-spacing: -0.4em; list-style-type: none; margin: 0; padding: 0 }
#footer-sns li { text-align: center; letter-spacing: normal; display: inline-block; margin: 0 0 0 5px; padding: 0 }
#footer-sns li a { color: var(--brite); text-decoration: none; background-repeat: no-repeat; display: block; padding: 0 5px 0 25px; background-size: contain; border-radius: 3px }
#footer-sns li span { }
#footer-sns li.sns-facebook a { background-color: #3b579d; background-image: url("../images/parts/pts-sns-facebook-color.png") }
#footer-sns li.sns-twitter a { background-color: #5dd7fc; background-image: url("../images/parts/pts-sns-twitter-color.png") }
#footer-sns li.sns-instagram a { background-color: #125479; background-image: url("../images/parts/pts-sns-instagram-color.png") }
#footer-sns li.sns-tumblr a { background-color: #314358; background-image: url("../images/parts/pts-sns-tumblr-color.png") }
#footer-sns li.sns-g-plus a { background-color: #d74836; background-image: url("../images/parts/pts-sns-g-plus-color.png") }
#footer-sns li.sns-pinterest a { background-color: #ca3737; background-image: url("../images/parts/pts-sns-pinterest-color.png") }
#footer-sns li.sns-line a { background-color: #00c300; background-image: url("../images/parts/pts-sns-line-color.png") }
#footer-sns li.sns-lineat a { background-color: #00c300; background-image: url("../images/parts/pts-sns-lineat-color.png") }
#footer-sns li.sns-youtube a { color: #656565; background-color: #e5e5e5; background-image: url("../images/parts/pts-sns-youtube-color.png") }
#footer-left {
}
#footer-center {

}
.footer-companyname { color: #00246f; font-weight: bold; font-size: var(--font-size-1205p); text-align: center; margin-top: 20px; }
.footer-companyaddress { margin-top: 20px; font-size: var(--font-size-95p); }
.footer-companycontact {  }
#footer-right {
}
#ffmenu { text-align: right; letter-spacing: -0.4em; list-style-type: none; margin: 2em 2em 0 0; padding: 0 }
#ffmenu li { font-size: var(--font-size-110p); letter-spacing: normal; display: inline-block; margin: 0; padding: 0; background-color: rgba(71,161,185,0.6); border-radius: 5px }
#ffmenu li a { text-decoration: none; display: block; padding: 0.3em 1em; }
#ffmenu li a:hover {  }
#ffmenu li.inquiry a {  }
#ffmenu li.inquiry a span { background-image: url("../images/parts/pts-mail.png"); background-repeat: no-repeat; background-size: auto 15px; background-position: left center; padding-left: 30px }

#copy {
	padding: 0 0 1rem 0;
	color: var(--brite);
	letter-spacing: 0.1rem;
	font-family: var(--font-en);
	font-size: var(--font-size-70p);
	text-align: center;
}
#copy a { text-decoration: none; color: var(--brite); }
.pagetop { text-align: right; position: fixed; right: 3em; bottom: 1.5em; width: 50px }
.pagetop img { width: 100% }
.pagetop span { display: none }

/*FOOTER END*/
/*TITLE START*/
/*global title*/
.hid-txt { position: relative }
.hid-txt span { position: absolute; top: -9999px }
.heading-block { background-color: var(--base); }
#products.mt-entry-archive .heading-block {
	display: none;
}

.heading-block-inner {
	width: var(--wrap);
	margin: auto;
	padding: 0.75rem 0;
	}
.heading-title {
	color: var(--brite);
	font-size: var(--font-size-120p);
	letter-spacing: 0.2rem;
	font-family: var(--font-en);;
	width: 50%;
	float: left;
	font-weight: normal;
	padding-left: 20px;
}
.heading-title span {  }

.page-title {
	font-size: var(--font-size-115p) !important;
	font-weight: normal !important;
	background-image: url("../images/parts/h3-bar.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto;
	padding-bottom: 0.25rem;
	margin-bottom: 2rem;
	font-family: var(--font-en);
}



/* 202010 */
.title-main {
	width: 100%;
	text-align: center;
	font-size: var(--font-size-200p) !important;
	color: var(--base);
	font-weight: normal;
	margin: 0 0 2rem 0;
	font-family: var(--font-en);
}


p +  [class*="page-title"], ul +  [class*="page-title"], ol +  [class*="page-title"], dl +  [class*="page-title"], table +  [class*="page-title"], th >  [class*="page-title"], td >  [class*="page-title"], div +  [class*="page-title"] { margin-top: 5%; clear: both }

.page-title-b {
	border-left: 5px solid var(--base);
	padding: 0.15rem 1rem;
	font-size: var(--font-size-105p);
	margin-bottom: 0.75rem;
	color: var(--keyplate);
	/*line-height: 1.2;*/
	font-weight: normal;
}

/*TITLE END*/

/*WIDGET START*/
/*calendar*/
.widget-calendar { }
.widget-calendar table { width: 100% }
.widget-calendar th, .widget-calendar td {  }
.widget-calendar th { text-align: center; }
.widget-calendar td { text-align: center; background-color: #ebebeb; }
/*tag_cloud*/
.widget-tag-cloud .widget-content ul { margin-right: 0; margin-left: 0 }
.widget-tag-cloud .widget-content li { background: transparent; display: inline; margin: 0; padding: 0 }
.widget-tag-cloud .rank-1 { font-size: 1.75em }
.widget-tag-cloud .rank-2 { font-size: 1.75em }
.widget-tag-cloud .rank-3 { font-size: 1.62em }
.widget-tag-cloud .rank-4 { font-size: 1.5em }
.widget-tag-cloud .rank-5 { font-size: 1.37em }
.widget-tag-cloud .rank-6 { font-size: 1.25em }
.widget-tag-cloud .rank-7 { font-size: 1.12em }
.widget-tag-cloud .rank-8 { font-size: 1em }
.widget-tag-cloud .rank-9 { font-size: 0.95em }
.widget-tag-cloud .rank-10 { font-size: 0.9em }
.widget-search ul, .widget-syndication ul { list-style: none; margin-left: 0 }
.widget-search li, .widget-syndication li { margin: 0 }
/*recent_assets*/
.item { text-align: center; list-style-type: none; display: inline; margin: 0; width: 70px; float: left; overflow: hidden; vertical-align: middle }
.widget-archive-monthly-dropdown select { padding: 0.15em 3em; border: solid 1px #b2b2b2; width: 200px; height: 25px; }
.archive-monthly-dropdown { margin-top: 28px; margin-left: 20px; width: 100px; float: right }

/*WIDGET END*/
/*MOVABLE TYPE START*/
/*content*/
.asset { position: static; clear: both }
.asset-content  { position: static; clear: both; overflow: hidden; }
.asset-content * {  }
.asset-body { margin-bottom: 1em }
.asset-more { }
.asset-more-link { text-align: right }
.asset-body, .asset-more, .asset-more-link, .asset-excerpt, .comment-content, .comment-footer, .comments-open-content, .comments-open-footer, .comments-closed, .trackbacks-info, .trackback-content, .trackback-footer, .archive-content { clear: both }
.asset, .comments, .trackbacks, .archive { width: 100%; overflow: hidden }
.archive-content { position: static; clear: both }
.search-results-container { position: static; clear: both }
/*asset-footer*/
.asset-footer { clear: both }
.entry-categories, .entry-tags { }
.entry-tags h4, .entry-categories h4 { font-weight: bold; display: inline; margin-bottom: 0 }
.entry-tags ul, .entry-categories ul { list-style: none; display: inline; margin-left: 0; padding-left: 0 }
.entry-tags ul li, .entry-categories ul li { display: inline }
/*content-navi*/
.content-nav { font-size: var(--font-size-90p); text-align: center; padding: 2rem; }
.content-nav a { margin-top: 1rem; color: var(--brite); text-decoration: none; background-color: #999; display: inline-block; padding: 0.75% 1.5%; border: solid 1px #999; }
.content-nav a:hover { background-color: #808080; border: solid 1px #808080 }
.content-nav a.link_before { margin-right: 0.4em }
.content-nav a.link_next { margin-left: 0.4em }
.content-nav .current_page { color: #666; text-decoration: none; background-color: #f2f2f2; display: inline-block; padding: 0.75% 1.5%; border: solid 1px #d9d9d9;  }
/*MOVABLE TYPE END*/

/*-----------ENTRY SUMMARY START-----------*/
.entry_summary  {  }
.entry_summary *  { box-sizing: border-box  }
.entry_summary .asset-header  { }
.entry_summary .asset-meta { }
.entry_summary .asset-name   {  }
.entry_summary .asset-name a  {  }
.entry_summary .meta-category  {  }
.entry_summary .meta-category a { }
.entry_summary .meta-date  {
}
.entry_summary .asset-body  {  }
.entry_summary .asset-image { }
.entry_summary .asset-image a { }
.entry_summary .asset-image img { }
.meta-category { display: inline-block; }
.meta-category a {
	background-color: #000;
	padding: 0px 25px;
	display: block; 
	color: var(--brite);
	text-decoration: none;
}
.meta-date { display: inline-block; }

/*indivisual title*/
.asset-header { }
.asset-name { }
.asset-name a { text-decoration: none }
.asset-name span { }
.asset-name a:hover { color: #000; }
.archive-header { }
.trackbacks-header, .comments-header, .comments-open-header, .archive-header, .search-form-header, .search-results-header { font-weight: bold; border-bottom: 1px solid #ccc }
/*meta*/
.asset-meta {}
.meta-date {
	font-family: var(--font-en);
	width: 20%;
}
.byline { display: none; }
.author { display: none; }
.asset-body  {  }
.asset-body p + p { padding-top: 0.5rem; }
.asset-header {  }
.asset-meta {  }
.asset-name { line-height: 1; }
.asset-image {  }

/*-----------es-std(standard)-----------*/
.es-std {  }
.es-std > *    {  }
.es-std > * > div { box-sizing: border-box; }
.es-std > * .asset-header    { overflow: auto; overflow-x: hidden; }
.es-std > * .asset-name  { border-left: 5px solid var(--base); padding: 0 1rem; font-size: var(--font-size-130p); margin-bottom: 0.5rem; color: var(--keyplate); line-height: 1.2; }
.es-std > * .asset-name  a { text-decoration: none; color: var(--keyplate); }
.es-std > * .asset-meta { }
.es-std > * .meta-category { margin-bottom: 0.5rem; margin-right: 0.5rem; display: inline-block; }
.es-std > * .meta-category a {  }
.es-std > * .meta-date { display: inline-block; margin-bottom: 0.5rem; }
.es-std > * .asset-body  {  }
.es-std > * .asset-body:after {  }
.es-std > * .asset-image      { width: 40%; padding-left: 30px; box-sizing: border-box; float: right; }
.es-std > * .asset-image a { display: block; }
.es-std > * .asset-image img   { width: 100%; }
.asset-img-thumb {width: 100%;}

/*-----------es-row1（トップページイベント情報、新着情報）-----------*/
.es-row1  { margin-bottom: 6rem; border-top: 1px dotted #ccc; }
.es-row1 > *     { border-bottom: 1px dotted #ccc; }
.es-row1 > * > div  {  }
.es-row1 > * .asset-header >*  {
	display: flex;
	align-items: center;
}
.es-row1 > * .asset-header >* >* {
	line-height: 1;
}
.es-row1 > * .asset-name {
	white-space: nowrap;
	/*overflow: hidden;*/
	text-overflow: ellipsis;
	font-weight: normal;
}
.es-row1 .in-cate .asset-name {  }
.es-row1 .no-cate .asset-name {  }
.es-row1 > * .asset-meta   {  }
.es-row1 .in-cate .asset-meta {  }
.es-row1 .no-cate .asset-meta {  }
.es-row1 > * .meta-category {
	display: block;
}
.es-row1 .in-cate .meta-category {  }
.es-row1 > * .meta-date   {
	}
.es-row1 .in-cate .meta-date {
	width: 23%;
}
.es-row1 > * .asset-body  {  }
.es-row1 > * .asset-image     { display: none }
.es-row1 > * .asset-image a { }
.es-row1 > * .asset-image img  { width: 90% }
.es-row1 > * a {
/*	background-image: url("../images/parts/ico-aw6d-r.png");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 12px 20px;
	transition: 0.3s ease-in-out;*/
	text-decoration: none;
	display: block;
	padding: 1.15rem 2rem;
}
.es-row1 > * a:hover { text-decoration: none; background-position: right 0 center; background-color: rgba(255,255,255,0.1); }
.block-event-top .es-row1 > * .meta-category {
	width: 7%;
}
.block-event-top .es-row1 > * .meta-date {
	width: 23%;
}
.block-event-top .es-row1 > * .asset-name {

}

/*-----------es-row2(title+summary)-----------*/
.es-row2  { margin-bottom: 1em }
.es-row2 > div     { padding: 0.5em; border-bottom: 1px solid #ccc }
.es-row2 > div > div  { }
.es-row2 > div .asset-header   { }
.es-row2 > div .asset-name   { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.es-row2 .in-cate .asset-name {  }
.es-row2 .no-cate .asset-name {  }
.es-row2 > div .asset-meta   {  }
.es-row2 .in-cate .asset-meta {  }
.es-row2 .no-cate .asset-meta {  }
.es-row2 > div .meta-category   {  }
.es-row2 .in-cate .meta-category {  }
.es-row2 > div .meta-date   {  }
.es-row2 .in-cate .meta-date {  }
.es-row2 > div .asset-body   {  }
.es-row2 > div .asset-image     { display: none }
.es-row2 > div .asset-image a { }
.es-row2 > div .asset-image img  { width: 100% }

/*-----------es-col1（コラム、新着情報一覧ページ）-----------*/
.es-col1 {  }
#information .es-col1 > *:first-child { padding-top: 40px; }
#event .es-col1 > *:first-child { padding-top: 100px; }
.es-col1 > *:first-child { padding-top: 100px; }
.es-col1 > *    { padding: 40px 0; border-bottom: 1px solid #ccc; }
#shop .es-col1 > * {
	padding: 0;
	margin: 0 0 0.5rem 0;
	border-bottom: 0px;
}
.es-col1 > * > div { box-sizing: border-box; }
.es-col1 > * .asset-header    { overflow: auto; overflow-x: hidden; }
.es-col1 > * .asset-name  {
	border-left: 5px solid var(--base);
	font-size: var(--font-size-115p);
	font-weight: normal;
	color: var(--keyplate);
	line-height: 1.2;
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 0.25rem 1rem;
}
#event .es-col1 > * .asset-name {
	margin-top: 1rem;
}
.es-col1 > * .asset-name  a {
	text-decoration: none;
	color: var(--keyplate);
	display: block;
}
.es-col1 > * .asset-name  a:hover {
	text-decoration: underline;
}
.es-col1 > * .asset-meta { }
.es-col1 > * .meta-category {
	font-size: var(--font-size-90p);
	margin-bottom: 1rem;
	margin-right: 0.5rem;
	background-color: var(--brite);
	display: inline-block;
}
.es-col1 > * .meta-category >* {
	border: 1px solid var(--base);
	background-color: var(--brite);
	padding: 0.05rem 3rem;
	display: inline-block;
	color: var(--base);
	text-decoration: none;
}
.es-col1 > * .meta-date { display: inline-block; margin-bottom: 1rem; }
.es-col1 > * .asset-body  {  }
.es-col1 > * .asset-body:after {  }
.es-col1 > * .asset-image      { width: 40%; padding-left: 30px; box-sizing: border-box; float: right; }
.es-col1 > * .asset-image a { display: block; }
.es-col1 > * .asset-image img   { width: 100%; }
.asset-img-thumb {width: 100%;}

/*-----------es-col2-----------*/
.es-col2 {  }
.es-col2 > div    { padding: 30px 0; border-bottom: 1px solid #ccc; overflow: hidden; width: 100%; }
.es-col2 > div > div { box-sizing: border-box; }
.es-col2 > div .asset-header    { overflow-x: auto; overflow-y: hidden; }
.es-col2 > div .asset-name  { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--font-size-110p); margin-bottom: 5px; font-weight: bold; }
.es-col2 > div .asset-meta { }
.es-col2 > div .meta-category { }
.es-col2 > div .meta-category a { color: var(--brite); display: inline-block; padding: 0 10px; }
.es-col2 > div .meta-date { display: none; }
.es-col2 > div .asset-body  { margin-top: 10px; }
.es-col2 > div .asset-body:after {  }
.es-col2 > div .asset-image      { width: 100px; height: 100px; float: left; background-color: #e5e5e5; line-height: 100px; text-align: center; margin-right: 10px; }
.es-col2 > div .asset-image a { display: block; }
.es-col2 > div .asset-image img   { max-height: 100%; max-width: 100%; vertical-align: middle; }

/*entry_faq*/
.entry_faq .meta-category { }
.entry_faq .meta-category a { }
.entry_faq .meta-category span { }
.entry_faq .meta-blogset { }
.entry_faq .meta-category { }
.entry_faq .asset-header {}
.entry_faq .asset-meta {}

.entry_faq .asset-name {font-size: var(--font-size-160p); font-weight: bold; background-image: url("../images/parts/ico-pt1c.png"); background-repeat: no-repeat; background-position: left center; margin-top: 1em; margin-bottom: 1.5em; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1.8em; border-bottom: 1px solid #b2b2b2; background-size: 30px}
.entry_faq .asset-name { }
.entry_faq .meta-date { }
.entry_faq .asset-body { background-image: url("../images/parts/pts-faq-a.png"); background-repeat: no-repeat; background-position: left top; margin-left: 30px; padding: 5px 2em 5px 3.5em; background-size: 40px; display: none; }
.entry_faq .asset-image {}
.faq-category { list-style-type: none; margin: 0 0 0 1em; padding: 0 }
.faq-category li { font-size: 1.3em; background-image: url("../images/parts/pts-faq-q.png"); background-repeat: no-repeat; background-position: left center; margin-bottom: 0.5em; margin-left: 0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 2.5em; background-size: 30px }
.mt-archive-listing .faq-category { margin-bottom: 10em }
.faq-answer { border-bottom: 1px dotted #ccc; padding-top: 5px; }
.faq-answer-title { background-image: url("../images/parts/pts-faq-q.png"); background-repeat: no-repeat; background-position: left center; margin-bottom: 0.5em; padding-top: 8px; padding-bottom: 13px; padding-left: 3em; background-size: 40px; font-size: 130%; font-weight: bold; cursor: pointer;  }
.common-search { background-color: #b2b2b2; text-align: center; margin-bottom: 3%; padding-top: 1%; padding-bottom: 1%; border-radius: 4px }
.common-search form { display: inline-block; width: 80% }
.common-search .ti { background-color: var(--brite); padding: 0; width: 80%; height: 30px; vertical-align: middle; border: 0 }
.common-search .search-btn { width: 30px; height: 30px; vertical-align: middle }
.common-search p { color: var(--brite); font-size: var(--font-size-110p); font-weight: bold; line-height: 30px; display: inline-block; vertical-align: middle }
/*ENTRY SUMMARY END*/
/*GARELLY(WORKS) START*/
#garelly #tab2,#garelly #tab3,#garelly #tab4,#garelly #tab5,#garelly #tab6,#garelly #tab7,#garelly #tab8,#garelly #tab9,#garelly #tab10
 {display: none;}
#garelly  { letter-spacing: -1em }
#garelly * { box-sizing: border-box }
#garelly-photo  { letter-spacing: normal; display: inline-block; padding: 1em; width: 50%; vertical-align: top }
.garelly-photo-section {  }
.garelly-photo-caption { text-align: center }
#garelly-photo img { width: 100% }
#garelly-caption  { letter-spacing: normal; display: inline-block; padding: 1em; width: 50%; vertical-align: top }
.garelly-name  { font-size: var(--font-size-180p); margin-bottom: 0.5em }
#garelly-link  { background-color: #f0f0f4; margin-bottom: 0.5em; padding: 0.25em }
.garelly-cate {  }
.garelly-cate a {  }
#garellylist { list-style-type: none; margin: 0; padding: 0; width: 100% }
#garellylist li { display: inline-block; margin: 0; padding: 0; width: 20% }
#garellylist img { width: 100% }
#garelly-body {  }
/*GARELLY(WORKS) END*/

/*SUB-MENU START*/
ul.sub-menu {
	list-style: none;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
ul.sub-menu li { 
	display: table-cell;
	padding: 12px 3px;
}
ul.sub-menu li:first-child { }
ul.sub-menu li a {
	display: block;
	border: 1px solid var(--base);
	color: var(--base);
	text-decoration: none;
	padding: 0.05rem 1.5rem;
	transition: 0.3s ease-in-out;
}
ul.sub-menu li a span { vertical-align: middle; }
ul.sub-menu li a:hover,
#warranty ul.sub-menu li.sub-warranty a,
#repairing ul.sub-menu li.sub-repairing a,
#faq ul.sub-menu li.sub-faq a,
#catalog ul.sub-menu li.sub-catalog a,
#registration ul.sub-menu li.sub-registration a {
	background-color: var(--base);
	color: var(--brite);
}
/*SUB-MENU END*/

/*SLIDE OPEN BUTTON START*/
.open { padding: 5px 15px 5px 13px; color: #2E78B4; background-color: var(--brite); margin: auto; text-align: center; border: 1px solid #2E78B4; cursor: pointer; display: inline-block; }
.open span { background-image: url("../images/parts/ico-aw6a-d.png"); background-repeat: no-repeat; background-position: 0 center; display: inline-block; padding-left: 28px; background-size: 16px; color: #2E78B4; }
.open-body { display: none; }

.zoom { border: 1px solid #ccc; position: relative; }
.zoom .zoom-img { background-image: url("../images/parts/pts-open-1.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 30px; width: 30px; height: 30px; position: absolute; bottom: 0; right: 0; }
.zoom .link-img { background-image: url("../images/parts/ico-aw5d-r.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 30px; width: 30px; height: 30px; position: absolute; bottom: 0; right: 0; }
/*SLIDE OPEN BUTTON END*/

/*==============================
COMMON
==============================*/
/* SLIDE */
.block-slide {
	position: relative;
}
.slide-txt {
    z-index: 55;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 40px;
    margin: 0 auto;
    width: 735px;
    height: 42px
}
.slide-txt img { 
	width: 100%;
}

/* LIST */
dl.dl-list {
    padding-bottom: 10px;
}
dl.dl-list dt {
    padding: 0.75rem 0 0.75rem 0.75rem;
    width: 11rem;
    float: left;
    clear: both;
    border-bottom: 1px dotted #ccc;
}
dl.dl-list dd {
    padding: 0.75rem;
    margin-left: 11rem;
    border-bottom: 1px dotted #ccc;
}
[class^="circle"] {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
}
[class^="circle"]>* {
	background-repeat: no-repeat;
	background-position: left top 0.3rem;
	padding-left: 1.25rem;
	background-size: auto 0.8rem;
	margin-bottom: 0.1rem;
}
.circle-a >* {
	background-image: url("../images/parts/ico-pt1a.png");
}
.circle-b >* {
	background-image: url("../images/parts/ico-pt1d.png");
}
.bd-b {
	border-bottom: 1px dotted #ccc; 
}

.circle-a2 >* {
	background-image: url("../images/parts/ico-pt1a.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 11px;
	background-size: 8px;
	margin-bottom: 0.1rem;
	margin-bottom: 0 0 0.1rem 0;
	list-style: none;
}

.feature-circle-b > * > * {
	background-image: url("../images/parts/ico-pt1d.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	background-size: 12px;
	margin-bottom: 0 0 0.1rem 0;
	list-style: none;
}
.feature-circle-b > *{list-style: none;}
/*==============================
SIDE
==============================*/
#beta.side .side-inner { 
	background-color: var(--brite);
	padding: 20px;
	box-sizing: border-box;
}
#beta.side .ttl { 
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 5px; 
}
#beta.side ul { 
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
#beta.side ul li { 
	margin-bottom: 8px; 
}
#beta.side ul li a {
  background-image: url("../images/parts/ico-aw1d-r.png");
  background-repeat: no-repeat;
  background-position: left top 8px;
  padding-left: 13px;
  background-size: 5px 10px;
  display: inline-block;
}

/*==============================
TOP
==============================*/
.block-link-top > div:nth-child(odd) { 
	float: left;
	width: 48.5%;
	margin-right: 1.5%;
	box-sizing: border-box;
}
.block-link-top > div:nth-child(even) { 
	float: right;
	width: 48.5%;
	margin-left: 1.5%;
	box-sizing: border-box;
}
.block-link-top > div { 
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
	margin-bottom: 6%;
	position: relative;
	transition: 0.3s ease-in-out;
}
.block-link-01 { 
    background-image: url("../images/top/menu01.jpg");	
}
.block-link-02 { 
    background-image: url("../images/top/menu02.jpg");	
}
.block-link-03 { 
    background-image: url("../images/top/menu03.jpg");	
}
.block-link-04 { 
    background-image: url("../images/top/menu04.jpg");	
}
.block-link-top > div:hover { 
	opacity: 0.7;
}
.block-link-top > div a { 
	display: block;
	width: 100%;
	height: 100%;
}
.ttl-link { 
	width: 100%;
	min-height: 200px;	
}
.ttl-link span { 
	height: 60px;
	text-align: center;
	position: absolute;
	bottom: 50%;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
}
#ja .ttl-link span { 
	height: 60px;
}
#en .ttl-link span { 
	height: 85px;
}
.ttl-link img { 
	max-width: 100%;
	height: 100%;
}
.block-link-top .btn-link { 
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height: 30px;
}
.block-event-top .pref_blog span { 
	background-color: transparent;
	color: var(--keyplate);
}


/*==============================
EVENT
==============================*/
.block-event .page-title-b { 
	margin-top: 15px;
	margin-bottom: 10px;
}
.block-event { 
	border-top: 1px solid #ccc; 
}
.block-event > div { 
	border-bottom: 1px solid #ccc; 
	padding: 40px 0;
}
.pref_blog {
font-size: var(--font-size-85p);
	}
.pref_blog span {
	border: 1px solid var(--base);
	background-color: var(--brite);
	padding: 0.05rem 3rem;
	display: inline-block;
	color: var(--base);
}
#event .gmap-frame iframe { 
	width: 300px; height: 200px; 
	border: none;
}


/*==============================
ABOUT
==============================*/
.block-about > div { 
	padding-bottom: 60px;
	position: relative;
}
.block-about > div > .block-about-inner { 
	padding: 40px 50px;
	box-sizing: border-box;
	width: var(--wrap);
	margin: auto;
}
.block-about > div:after { 
	content: '';
	width: 45%;
	top:0;
	height: 380px;
	position: absolute;
	display: block;
	background-color: #f5f5f1;
}
.block-about > div:nth-child(odd):after { 
	left: 0;
}
.block-about > div:nth-child(even):after { 
	right: 0;
}
.block-about > div > .block-about-inner > div:nth-child(odd) { 
	float: left;
	width: 50%;
	padding-right: 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 11;
}
.block-about > div > .block-about-inner > div:nth-child(even) { 
	float: right;
	width: 50%;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 11;
}
img[class^="txt-about"] { 
	padding-bottom: 20px;
	max-width: 100%;
}
/* Japanese */
#ja .txt-about-00 { 
	width: 750px;
	padding-top: 40px;
}
#ja .txt-about-01 { 
	height: 93px;
}
#ja .txt-about-02 { 
	height: 60px;
}
#ja .txt-about-03 { 
	height: 60px;
}
#ja .txt-about-04 { 
	height: 60px;
}
/* Endlish */
#en [class*="txt-about-"] { 
	font-family: "游明朝体", "游明朝", "Yu Mincho", "YuMincho", 'Cambria',  'Times New Roman';
}
#en .txt-about-00 { 
	font-size: 220%;
	padding-top: 40px;
}
#en .txt-about-01 { 
	font-size: 150%;
}
#en .txt-about-02 { 
	font-size: 150%;
}
#en .txt-about-03 { 
	font-size: 150%;
}
#en .txt-about-04 { 
	font-size: 150%;
}
#about .gmap-frame iframe { 
	width: 520px; height: 400px; 
	border: none;
}


/*==============================
PRODUCT
==============================*/
/* TAB */
.tabContainer > div { 
	width: var(--wrap);
	margin: auto;
}
.tabContent {
    display: none;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    padding: 2rem 0;
    margin-top: -1px;
    background-color: var(--brite); 
    margin-bottom: 40px;
}
.tab-inner { 
	width: 1020px;
	margin: auto;
}
.lisrArrow {
    display: none;
    text-align: center;
    position: absolute;
    bottom: -40px;
    right: 0;
    left: 0;
}
.tab {
    cursor: pointer;
}
[class*="link-tab-0"] { 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    position: relative;
    background-color: var(--base);
    height: 100px;
    margin-bottom: 40px;
}
.link-tab-01 { 
	background-image: url("../images/products/01-01.jpg");
}
.link-tab-02 { 
	background-image: url("../images/products/02-01.jpg");
}
.link-tab-03 { 
	background-image: url("../images/products/03-01.jpg");
}
.link-tab-04 { 
	background-image: url("../images/products/06-01.jpg");
}
.link-tab-05 { 
	background-image: url("../images/products/07-01.jpg");
}
.link-tab-06 { 
	background-image: url("../images/products/04-01.jpg");
}
.link-tab-07 { 
	background-image: url("../images/products/08-01.jpg");
}
.link-tab-08 { 
	background-image: url("../images/products/09-01.jpg");
}


[class*="link-tab-0"] .ttl { 
	color: var(--brite);
	position: absolute;
	left: 55%;
	top: 0;
	height: 100px;
	width: 45%;
	background-image: url("../images/parts/ico-pt4e.png");
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px;
	background-size: 10px;
}
[class*="link-tab-0"] .ttl span { 
	display: table-cell;
	height: 100px;
	vertical-align: middle;
}
.block-products > div { 
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
}
.block-products > div:first-child { 
	padding-top: 10px;
}
.txt-products .txt { 
	font-size: 14px;
}

/* Japanese title & text */
#ja .txt-caution { 
	width: 105px;
	/*height: 30px;*/
}
#ja .txt-product-00 { 
	width: 580px;
}
#ja .txt-product-01 { 
	width: 265px;
}
#ja .txt-product-02 { 
	width: 353px;
}
#ja .txt-product-03 { 
	width: 320px;
}

/* English title & text */
#en .txt-caution { 
	width: 105px;
	height: 30px;
}
#en .txt-product-00 { 
	width: 580px;
}
#en .txt-product-01 { 
	width: auto;
	height: 50px;
}
#en .txt-product-02 { 
	width: auto;
	height: 75px;
}
#en .txt-product-03 { 
	width: auto;
	height: 100px;
}


/*==============================
FAQ
==============================*/
.faq-answer-title span {
    background-image: url("../images/parts/pts-open-1.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 40px;
    display: block;
    min-height: 40px;
    padding-top: 15px;
    transition: 0.3s ease-in-out;
}
.faq-answer-title.faq-open span {
    background-image: url("../images/parts/pts-close-1.png");
}


/*==============================
REPAIRING
==============================*/
[class^="flow-0"] {
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: left top 5px;
    padding: 5px 0 20px 50px;
    position: relative;
}
.flow-01 {
    background-image: url("../images/parts/pts-no-01.png");
}
.flow-02 {
    background-image: url("../images/parts/pts-no-02.png");
}
.flow-03 {
    background-image: url("../images/parts/pts-no-03.png");
}
.flow-04 {
    background-image: url("../images/parts/pts-no-04.png");
}
.flow-05 {
    background-image: url("../images/parts/pts-no-05.png");
}
.block-repairing .ttl { 
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 3px;
}


/*==============================
HEADER
==============================*/
.header.fixed {}
.header.fixed #header-name {
    width: 100px;
    height: 23px;
    padding: 0;
}
.header.fixed .hhmenu {
    display: none;
}


/*==============================
FOOTER
==============================*/
#footer-name {
	margin: 0 0 0.5rem 0;
}
#footer-name img {
	width: 170px;
}
#footer .gmap-frame iframe { 
	width: 100%; height: 250px; 
	border: none; 
}

/*==============================
追加
==============================*/
.page-title-br {
	background-color: var(--keyplate);
	font-size:1rem;
	text-align: center;
	padding: 0.3rem;
	color: var(--brite);
	margin-bottom: 1.5rem;
	}




}
@media print and (min-width : 741px){
.fixed { position: relative; z-index: 100; top: 0; width: 100% }

}
/*==============================
ショップ追加
==============================*/

#shop .es-col1 {
margin-bottom: 2rem;
}
#shop .es-col1 > * .asset-name  {
padding: 0 1rem;
font-size: var(--font-size-100p);
margin: 0.5rem 0 1rem 0;
color: var(--keyplate);
line-height: 1.2;
}
#shop .page-title {
margin-top: 5rem;
}
/*==============================
2019/10/08 谷井　製品情報「生産終了」追加
==============================*/
.heading-title .pd_comp {
margin-top: 1rem;
font-size: var(--font-size-80p);
}
.alpha-inner .pd_comp {
display: inline-block;
background-color: var(--brite);
border: 1px solid var(--base);
padding: 0.25rem 1rem;
margin: 0 0 0.75rem 0;
}
.side .pd_comp {
font-size: var(--font-size-75p);
}
/*==============================
2020/09/28 谷井　トップページ
==============================*/
/* 202010 */
/* company-profile*/
#company-profile2020{
	background-color: var(--base);
	color: var(--brite);
}
#company-profile2020 >* {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 6rem 0 !important;
}
#company-profile2020 >* >*:first-child {
	width: 42%;
}
#company-profile2020 >* >*:last-child {
	width: 44.7%;
}
.cp2020-logo {
	text-align: center;
	padding: 9rem 0 6rem 0;
}
.cp2020-logo img {
	width: 65%;
}
.cp2020-aword {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.cp2020-aword >* {
	width : calc(15%) ;
	text-align: center;
}
.cp2020-profile {
	width: 100%;
	border-collapse: collapse;
}
.cp2020-profile caption, .cp2020-profile th, .cp2020-profile td {
	text-align: left;
	padding: 0.15rem;
	border-bottom: 1px solid var(--brite);
}

.top-popup {
	height: 60vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.top-popup-inner {
	padding: 4rem 13rem;
	line-height: var(--lh-wide);
	margin: 0 0 1rem 0;
}
#inline_content_garaku >* {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 4rem 4rem;
}
#inline_content_garaku >* >* {
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#inline_content_garaku >* >*:last-child >* {
	width: 80%;
}
#inline_content_garaku #cboxNext,
#inline_content_garaku #cboxPrevious {
	display: none;
}

#top-products ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
flex-wrap: wrap;
}
#top-products ul >li {
	width: 20%;
}
#top-products ul >* >* {
	display: block;
}
#top-products ul .asset-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	height: 30vh;
}
#top-products ul .asset-name {
	text-align: center;
}
.asset-name-comp {
	background-color: var(--darkgray);
	color: var(--brite);
}

#top-philosophy-1 {
	position: relative;
	background-image: url(../images/top/philosophy-1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: calc(100vh - 6rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.space {
	position: absolute;
	bottom: 0;
	right: 2rem;
	font-size: var(--font-size-70p) !important;
	text-align: right !important;
}
#top-philosophy-1 >* {
	margin: auto;
	width: var(--wrap);
	color: var(--brite);
	font-size: var(--font-size-150p);
	text-align: center;
	line-height: 4rem;
}
#top-philosophy-1 >* >* {
	margin: 0 0 2rem 0;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}
#top-philosophy-2 {
	height: calc(100vh - 10rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}
#top-philosophy-2 >* {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#t-p-pic {
	width: 47%;
}
#t-p-doc {
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	width: 46%;
}
#t-p-doc >* {
	width: 100%;
}

#t-p-doc h2 {
	font-size: var(--font-size-180p);
	font-weight: normal;
	margin-bottom: 2.5rem;
	color: var(--darkgray);
}
#t-p-doc ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: var(--font-size-80p);
}
#t-p-doc ul li {
	border: 1px solid var(--darkgray);
	width: 50%;
	margin-bottom: 0.25rem;
	padding: 0 1rem;
}
#t-p-doc ul li a {
	display: block;
	padding: 0.5rem 0.15rem;
}
#t-p-doc ul li a::before {
	content: '＋ ';
}
#t-p-popup {
	width: 62%;
	list-style: none;
	margin: 2rem auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: var(--font-size-70p);
}
#t-p-popup li {
	border: 1px solid var(--darkgray);
	width: 30%;
	text-align: center;
}
#t-p-popup li a {
display: block;
padding: 0.75rem 0.15rem;
}

#top-philosophy-3 {
	background-image: url(../images/top/philosophy-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: calc(100vh - 4rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}

.top-philosophy-3-inner {
	padding: 0 0 0 50%;
}
#top-philosophy-3 h2 {
	font-weight: normal;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
	color: var(--brite);
	font-size: var(--font-size-200p);
	text-align: left;
	line-height: 4rem;
}
.top-philosophy-3-inner .top-philosophy-3-summary {
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
	color: var(--brite);
	font-size: var(--font-size-100p);
	text-align: left;
	line-height: 2rem;
	margin: 0 0 1rem;

}
.ext-link >* {
	display: inline-block;
	border: 1px solid var(--brite);
	text-align: right !important;
	}
.ext-link >* >* {
	background-color: rgba(255,255,255,0.2);
	display: block;
	color: var(--brite);
	text-align: center;
	padding: 0.5rem 4rem;
}
.ext-link >* >*:hover {
	background-color: rgba(255,255,255,0.8);
	color: var(--brite);
	text-decoration: none;
}
.block-event-top {
margin-bottom: 2rem;
}

#top-info {
	margin-bottom: 8rem;
}
.info-block {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.info-block >* {
	width: 25%;
}
.info-block .asset-image {
	text-align: center;
	margin: 0 0 1rem 0;
}
.info-block .asset-image img {
	width: 228px;
	height: 171px !important;
	object-fit: cover;
	border: 1px solid var(--base);
}
.info-block .asset-meta {
	padding: 0 1.5rem;
}
.info-block .asset-name {
	font-weight: normal;
	line-height: 1.5rem;
}
.info-block .meta-date {
	font-size: var(--font-size-90p);
}