@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face { font-family: "Gidole"; src: url(../fonts/Gidole.eot) format("eot"), url(../fonts/Gidole.woff) format("woff"); }
.gidole{font-family: "Gidole"; }
/* ==========================================================================
HTML5 display definitions
========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; }
audio,
canvas,
video {
display: inline-block; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
/* ==========================================================================
Base
========================================================================== */
html {
font-family: sans-serif;
font-size:16px;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
@media screen and (max-width:414px) {
html { font-size:12px;}
}
body {
margin: 0; }
/* ==========================================================================
Links
========================================================================== */
a {
background: transparent;}
a:focus {
outline: thin dotted; }
a:focus,
*:focus,
a:active,
a:hover {
outline: 0;}
img { border: 0px; }
a img {border:none;}
a:hover img,
button:hover img {
filter:alpha(opacity=80); /* IE 6,7*/
-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
-moz-opacity:0.8; /* FF , Netscape */
-khtml-opacity: 0.8; /* Safari 1.x */
opacity:0.8;
zoom:1; /*IE*/
outline: none;}
/* ==========================================================================
Typography
========================================================================== */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
font-weight: 500;
font-size:1rem;
line-height:100%;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong,
.strong {
font-weight: bold; }
dfn,
em,
.em {
font-style: italic; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
p {
-webkit-hyphens: auto;
-epub-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; }
pre {
margin: 0; }
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em; }
pre {
white-space: pre-wrap; }
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
q:before,
q:after {
content: '';
content: none; }
small, .small {
font-size: 75%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
dl,
menu,
ol,
ul {
margin: 0; }
dd {
margin: 0; }
menu {
padding: 0 0 0 40px; }
ol,
ul {
padding: 0;
list-style-type: none; }
nav ul,
nav ol {
list-style: none;
list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
svg:not(:root) {
overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
figure {
margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */ }
button,
input {
line-height: normal; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
button[disabled],
html input[disabled] {
cursor: default; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
table {
border-collapse: collapse;
border-spacing: 0; }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.image-replacement{
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
.clear { clear:both;}
.clearfix, .cf, .comment-respond {
zoom: 1; }
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
content: "";
display: table; }
.clearfix:after, .cf:after, .comment-respond:after {
clear: both; }
p {
-ms-word-break: break-all;
-ms-word-wrap: break-all;
word-break: break-word;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
}
.last-col {
float: right;
padding-right: 0 !important; }
.ac{ text-align:center;}
.ar{ text-align:right;}
.al{ text-align:left;}
.alert-help, .alert-info, .alert-error, .alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid; }
.alert-help {
border-color: #e8dc59;
background: #ebe16f; }
.alert-info {
border-color: #bfe4f4;
background: #d5edf8; }
.alert-error {
border-color: #f8cdce;
background: #fbe3e4; }
.alert-success {
border-color: #deeaae;
background: #e6efc2; }
/*********************
INPUTS
*********************/
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="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
height: 40px;
line-height: 40px;
padding: 0 12px;
margin-bottom: 14px;
font-size: 1em;
color: #5c6b80;
border-radius: 3px;
vertical-align: middle;
box-shadow: none;
border: 0;
width: 100%;
max-width: 400px;
font-family: 'Noto Sans Japanese', 'Gidole', "Lato","Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #eaedf2;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out; }
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
background-color: #f7f8fa; }
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
color: #fbe3e4;
border-color: #fbe3e4;
background-color: white;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(toho-chem.co.jp/db/wp-content/themes/bone/library/fonts/Gidole.woff);
outline-color: #fbe3e4; }
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
color: #e6efc2;
border-color: #e6efc2;
background-color: white;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(toho-chem.co.jp/db/wp-content/themes/bone/library/fonts/Gidole.woff);
outline-color: #e6efc2; }
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
cursor: not-allowed;
border-color: #cfcfcf;
opacity: 0.6; }
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
background-color: #d5edf8; }
input[type="password"] {
letter-spacing: 0.3em; }
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5em; }
select {
-webkit-appearance: none;
/* 1 */
background-image: url(toho-chem.co.jp/db/wp-content/themes/bone/library/fonts/Gidole.woff);
background-repeat: no-repeat;
background-position: 97.5% center; }
/*********************
GENERAL STYLES
*********************/
body { font-family: 'Gidole','Noto Sans Japanese', "Lato","Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.8; color: #333333; background-color: #ffffff; -webkit-font-smoothing: antialiased; }
.zh body { font-family: 'Gidole', "Microsoft YaHei", "蠕ｮ霓ｯ髮�ｻ�",'SimSun', sans-serif; }
/*********************
LAYOUT & GRID STYLES
*********************/
img{ max-width:100%; width:auto; height:auto; }
.sp_view{ display:none;}
.smart_view{ display:none;}
.wrap {width: 1050px; margin: 0 auto 50px; }
.m-1of3 {float: left; width: 33.33%;}
.m-1of3r {float: right; width: 33.33%;}
.m-2of3 {float: left; width: 66.66%;}
.m-1of4 {width:20%; float:right;}
.m-3of4 {float: left; width: 78%;}
@media screen and (max-width:768px) {
.pc_view{ display:none;}
.sp_view{ display:block;}
.wrap {width: 100%;}
.m-1of2 { float: left; padding-right: 0.75em; width: 50%; }
.m-1of3 { float: left; padding-right: 0.75em; width: 33.33%; }
.m-1of3r { float: right; padding-right: 0.75em; width: 33.33%; }
.m-2of3 { float: left; padding-right: 0.75em; width: 66.66%; }
}
@media screen and (max-width:414px) {
.m-1of4 {width:100%; float:none; text-align:center;}
.m-3of4 {width:100%; float:none;}
.m-1of3 {width:100%; float:none;padding-right: 0; }
.m-1of3r {width:100%; float:none;padding-right: 0; text-align:center;}
.m-2of3 {width:100%; float:none;padding-right: 0;}
.nodisp{ display:none!important;}
.smart_view{ display:block;}
}
.discList{ list-style:outside disc; margin-left:1rem;}
.numberList{ list-style:inside decimal;}
.numberList li{ border-bottom:1px solid #b7b0b0;padding: 3px 0;}
@media screen and (max-width:414px) {
.numberList li{text-indent: -1em; padding-left: 1em;}
}
/*.list_parentheses{ margin-left: 1.5em!important;}*/
.list_parentheses li{ list-style-position:inside; counter-increment: cnt;border-bottom:1px solid #b7b0b0;text-indent: -1.5em;padding: 3px 0 3px 1.5em;}
.list_parentheses li:before{ /*margin-left: -1.5em; */ display: marker; content: "(" counter(cnt) ") ";}
.list_parentheses li:last-child{border-bottom:none;}
/*********************
TAB CHANGE
*********************/
ul.tab_area { width: 100%;border-bottom: 1px solid #b7b0b0; margin-bottom: 33px;padding-left: 10px;}
ul.tab_area li.select {background-color: #ffffff; border-right-color: #b7b0b0; border-left-color: #b7b0b0; border-top-color: #192e7a;}
ul.tab_area li {display: inline-block; vertical-align: bottom; border: 0;font-weight: 600; color: #4e5d55; text-align: center; cursor: pointer; padding: .5rem 3rem 1px;margin-bottom: -1px; border-top: 4px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent;border-right-color: #b7b0b0; border-left-color: #b7b0b0; border-top-color: #b7b0b0;}
.en ul.tab_area li {padding: .5rem 1rem 1px;}
.en ul.tab_area li:first-child,
.en ul.tab_area li:nth-child(3) { line-height:3.6;}
.en #grp_kindai ul.tab_area li:first-child,
.en #grp_yokosuka ul.tab_area li:first-child{ line-height:1.8;}
@media screen and (min-width:415px) and (max-width:768px) {
ul.tab_area li { font-size:10px;}
}
@media screen and (max-width:414px) {
ul.tab_area li {padding: .5rem 1rem 1px;}
}
.hide { display: none;}
/*********************
MARGIN STYLES
*********************/
.mb0{ margin-bottom:0!important;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}
/*********************
TAB ACCORDION CHANGE
*********************/
ul.tab_area li.resp-tab-active {background-color: #ffffff; border-right-color: #b7b0b0; border-left-color: #b7b0b0; border-top-color: #192e7a;}
.resp-content-active, .resp-accordion-active { display: block;}
.resp-accordion { cursor: pointer; display: none; }
.resp-tab-content { display: none; }
@media only screen and (max-width: 414px) {
#area .tab_area { display: none; }
/*-----------Accordion styles-----------*/
.resp-accordion {display: block; font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px;}
.resp-accordion:first-child { border-top: 1px solid #c1c1c1; }
.resp-tab-active { border-bottom: 0px solid #c1c1c1; margin-bottom: 0px;border: 1px solid #192e7a; padding: 10px 15px;background: #192e7a; color:#FFFFFF;}
.resp-tab-content { border: 1px solid #b7b0b0; padding:1em;}
.resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1;}
.resp-tab-content-active { display: block; }
.resp-tab-content-active p { font-size:12px; text-align:left; margin:1em auto!important; }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }
.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #FFFFFF; }
}
/*********************
LINK STYLES
*********************/
a {
color: #000000;
text-decoration:none;}
a:hover {
color: #C30D23; }
a:link, a:visited:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
a.afArrow{ border:1px solid;color: #ffffff; background-color:#192e7a; padding:.5rem 3rem;}
a.afArrow:hover{ border:1px solid;color: #192e7a;background-color:#ffffff;}
a.afArrow:after {content: "\f105"; font-family: FontAwesome; margin-left: .5rem;}
.linkMG{ margin:1em auto 50px;}
@media only screen and (max-width: 414px) {
.linkMG a{ display:block; text-align:center;}
}
/*********************
NAVIGATION STYLES header / footer
*********************/
.nav {margin: 0;}
.nav li { float: left;}
.nav li a {display: block;}
.nav li ul.sub-menu li a,
.nav li ul.children li a {display: inline-block;}
/*********************
HEADER STYLES
*********************/
.header{position:relative; width:100%; margin: auto; z-index: 20; letter-spacing: 4px; top:0; min-height:123px;}
#inner-header {margin: auto; background-color:#ffffff; z-index: 20; top: 0; left: 0; right: 0; position:fixed;}
#inner-header p { margin:0; }
#header-box{position:relative; margin: 0 auto 10px; padding:10px 0 0;}
#inner-header #desc{ font-size:.7rem; margin-bottom:5px;}
.en #inner-header #desc{ letter-spacing:1px;}
#inner-header p#logo{float:left; width: 300px;}
#logo img {vertical-align: middle; height:100%;}
.lang_btn{ float: right;}
.lang_btn a{ display:inline-block;margin-left: 1rem; font-size:11px;}
.lang_btn a:before{ content:"\f105";font-family: FontAwesome; margin-right: .5rem;}
.lang_btn a:hover{color:#c30d23;}
.lang_btn_sp{ display:none;}
#inner-header nav{background-color:#192e7a;background: linear-gradient(-135deg, #94a3d8, #192e7a);}
#inner-header nav ul{ max-width:1050px; margin:auto; }
#inner-header .nav li {float: left; width: 16.6%; text-align: center;position:relative;}
.en #inner-header .nav li {float: left; width: 25%; text-align: center;position:relative;}
#inner-header .nav li a {padding:0.4rem 0 0.3rem; color:#FFFFFF;}
#inner-header .nav li ul.sub-menu {background:rgba(28, 49, 124, 0.9);margin-top: 0;}
#inner-header .nav li ul.sub-menu,
#inner-header .nav li ul.children {border-top: 0; position: absolute; visibility: hidden; z-index: 8999; left:0; right:0; margin:0 auto; line-height:1.5;}
#inner-header .nav li ul.sub-menu li,
#inner-header .nav li ul.children li { float: none; width: 100%; display: block; text-align: left; padding:0 .5rem; letter-spacing: 2px; }
.en #inner-header .nav li ul.sub-menu li,
.en #inner-header .nav li ul.children li { float: none; width: 100%; display: block; text-align: left; padding:0 .5rem; letter-spacing: 2px; }
#inner-header .nav li ul.sub-menu li a,
#inner-header .nav li ul.children li a{ padding:.8rem 0;font-size: .9rem; display:block;}
#inner-header .nav li ul.sub-menu a:hover,
#inner-header .nav li ul.children a:hover{color:#c30d23;}
#inner-header .nav li:hover > ul { top: auto; visibility: visible; }
@media screen and (max-width:768px) {
.header{min-height:auto; padding:0 1rem;border-bottom: 1px solid #192e7a;}
#inner-header {position: relative; border-bottom: 0!important; min-height: auto;}
#header-box{padding:5px 0 0;}
#inner-header #desc{ letter-spacing:0;}
#inner-header p#logo{max-width: 300px; width: 60%;}
.lang_btn{ display:none;}
#inner-header .nav li a {padding: 10px;}
.lang_btn_sp{margin: 0; display: block;}
.lang_btn_sp a{ display: block;padding: 0 .75em; color: #fff; line-height: 45px; border-bottom:1px solid rgba(255, 255, 255, 0.15);}
}
#page-top { position:fixed; bottom:0; margin-bottom: 40px; right:20px; font-size:30px; z-index:10; }
#page-top a { background: none repeat scroll 0 0 #192e7a; border-radius: 5px; color: #fff; display: block; font-family: FontAwesome; opacity: 0.25; text-align: center; text-decoration: none; width: 50px; }
#page-top a:hover { text-decoration:none; background:#999; }
/*********************
FOOTER STYLES
*********************/
.footer {clear: both; font-size:11px;margin: 1.5rem auto 1rem;}
#inner-footer{ max-width:1050px; margin:auto;}
.footer-links{ float:left;}
.footer-links .nav li {margin-right:1rem;}
.footer-links .nav li a{color: #333;}
.footer-links .nav li a:before {content:"\f105";font-family: FontAwesome; margin-right: .5rem;}
.copyright{ float:right; margin:0;}
@media screen and (max-width:768px) {
.footer {margin: 0 auto; padding:0 1rem;}
}
/*********************
SIDEBARS & ASIDES
*********************/
#sidebar1 {max-width:180px;width:20%; float:right;position: relative;}
#sidebar1 ul { margin: 0;max-width: 180px;width:100%;}
#sidebar1 li a,
#sidebar1 li.current_page_item ul.children li a {padding:5px 0 5px 10px; display: block; border-bottom: 1px solid #1b2b7b; cursor:pointer; font-weight:500; color: #1b2b7b;}
#sidebar1 li.current_page_item > a,
#sidebar1 li.current_page_parent > a,
#sidebar1 li a:hover {color: #fff;background-color: #a4aaca;}
#sidebar1 li.current_page_item a:before{content: "\f105"; font-family: FontAwesome; margin-right: .5rem;}
#sidebar1 li a:before {content: "\f105"; font-family: FontAwesome; margin-right: .5rem;}
#sidebar1 .current_page_parent ul.children,
#sidebar1 .current_page_item ul.children { display: block; }
#sidebar1 ul.children { display: none; }
#sidebar1 ul.children li{font-size: 13px;}
#sidebar1 li.page-item-516 a{padding-left:1.5em;text-indent:-1em;}
#sidebar1 li ul.children li a,
#sidebar1 li.current_page_item ul.children li a{padding-left:2.5em;text-indent:-1em;}
#structure #sidebar1 ul.children { display: none; }/*讒矩�縺九ｉ謗｢縺�->蟄舌き繝��髱櫁｡ｨ遉ｺ*/
@media screen and (max-width:768px) {
#sidebar1 {max-width:100%;width:100%;margin-top: 30px;}
#sidebar1 h4{ margin: 0 0 .5rem; text-indent: 1rem; font-size: 1.1rem;}
#sidebar1 ul {border-top: 1px solid #1b2b7b;max-width: 100%;}
#sidebar1 ul li ul {border-top: none;}
#sidebar1 li a,
#sidebar1 li.current_page_item ul.children li a {padding: 5px 1rem;}
}
/*********************
POSTS & CONTENT STYLES
*********************/
#content {font-size:15px;}
#breadcrumb { width:100%;max-width: 1050px; margin: 0 auto 15px; }
#breadcrumb ul {margin:0;}
#breadcrumb li {display: inline-block; margin-right: .5em; font-size:12px; color:#727171;}
.page-parent .m-all {width: 1050px; margin: auto; position:relative; min-height:519px;}
.page-child .m-all{ width: 80%;float:left; }
.m-all p{ margin-top:0;}
.en .m-all p{ text-align:justify; text-justify:inter-ideograph}
.h1-title{width:100%; border-bottom:1px solid #c3cae8;}
.h1-title h1{max-width:1050px; margin:auto;font-size: 2rem; font-weight: 500; line-height: 1;letter-spacing:2px;}
.h1-title h1:first-letter{ color:#8d95bd;}
.h1-title h1 span{ font-size:.7rem; display:inline-block; margin-left:15px; color:#8d95bd;}
.parent_title{ width:100%;background-color:#c3cae8;padding:.5rem 0;font-size:1.3rem; font-weight:400;letter-spacing:4px;color:#ffffff; line-height:1; margin: 1.5rem auto 1rem;text-indent: .5em;}
#article h3{ font-weight:600; font-size:1.15rem;color: #192e7a; margin-bottom:5px;}
#article h3 span{font-size: .75em; font-weight: normal; color: #666; margin-left: 1em;}
#article h4{ font-weight: 500; font-size: 1.05rem; color: #ffffff;background-color: #192e7a; padding: .5em;}
/*@media screen and (max-width:1049px) {
.m-all {width:100%!important;}
}*/
@media screen and (max-width:768px) {
#content { font-size:14px;}
#breadcrumb { padding:0 1rem;}
.page-parent .m-all,
.page-child .m-all {width: 100%;}
.h1-title h1{ text-indent:1rem;font-size: 1.7rem;}
.h1-title h1 span{ text-indent:0rem;}
.parent_title{ text-indent:1rem;}
#article{ padding:0 1rem;position:relative;}
}
@media screen and (max-width:414px) {
#content { font-size:1rem;}
.page-parent .m-all {min-height: inherit;}
}
#main hr{ margin:30px 0;}
/*TOP PAGE*/
/*#top #inner-header{ background:rgba(255,255,255,0.6);}*/
#mainTop{ position:relative; top:0; margin:0; padding:0; width:100%; text-align:center; overflow:hidden;}
#mainTopm{ display:none;}
/* #mainTop > div{position: relative; height: 590px; overflow: hidden;}
#visual{ position:absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);margin:auto; overflow:hidden; z-index:1;height:100%; width:auto; max-width:none;}*/
#mainTop > div{background:url(../../../../../../img/top/mainsky.png); background-position:0px 0px; height:550px; width:100%; cursor:pointer;-webkit-animation: leftSlide 90s linear forwards;animation: leftSlide 90s linear forwards;}
@media screen and (min-width:1201px) {
#mainTop > div{-webkit-animation-duration:30s;animation-duration:30s;}
}
@-webkit-keyframes leftSlide {
0% { background-position:0px 0px; }
100% { background-position:100% 0px; }
}
@keyframes leftSlide {
0% { background-position:0px 0px; }
100% { background-position:100% 0px; }
}
#copy{ position:absolute; /*top:0; bottom:0; left:0; right:0;*/ width:606px; height:116px; margin:auto; z-index:2;top: 44%; left: 50%; -webkit-transform: translate(-44%, -50%); -ms-transform: translate(-44%, -50%); transform: translate(-44%, -50%);}
#th{ position:absolute; margin:auto; z-index:2;top: 90%; left: 75%; -webkit-transform: translate(-90%, -75%); -ms-transform: translate(-90%, -75%); transform: translate(-90%, -75%); background-color:rgba(129, 145, 201, 0.9); padding: 0.5em;}
#th:hover{background-color:#304388;}
#brid{ position:absolute; width:1100px; height:252px; margin:auto; z-index:2;top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
@media screen and (max-width:768px) {
#mainTop{ display:none;}
#mainTopm{ display:block; text-align: center;}
#th{ position:static; top:0;left:0;-webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%);width:60%;margin-top: 0.5em;}
}
#newsInfo{ width:90%; max-width:900px; margin:50px auto;}
#newsInfo h4{ color:#192e7a; font-weight:600; font-size:1.1rem;}
@media screen and (max-width:768px) {
#newsInfo{margin:0 auto 50px;}
}
#productBlock{ background:#e9f1f6; width:100%; min-height:100vh;}
#techBlock{background:#f3f3f3; width:100%; min-height:100vh;}
.bground{ height:100vh; min-height:1014px; max-width:1100px; margin:auto; position:relative;}
#productBlock .bground{ background:url(../../../../../../img/top/product.png) no-repeat center;}
#techBlock .bground{ background:url(../../../../../../img/top/technology.png) no-repeat center;}
.contentBlock{ position:absolute; top:5vh; left:0; right:0; width:910px; margin:auto;}
.contentBlock h3{font-size: 1.3rem; font-weight: 600;}
#productBlock .contentBlock p{color: #7d95a9;}
.contentBlock h2{color: #7d95a9; font-size: 2.5rem; font-weight: 600; letter-spacing: 3px; font-family: "Gidole"; margin: 1rem auto 2rem;}
#techBlock .contentBlock h3{color: #ffffff;}
#techBlock .contentBlock p{color: #ffffff;}
#techBlock .contentBlock h2{color: #ffffff;}
@media screen and (max-width:768px) {
.bground{ min-height: inherit;}
.contentBlock{width:93%;}
.contentBlock h3{font-size: 1.2rem;}
.contentBlock p{ font-size:.9rem}
.contentBlock h2{font-size: 2rem;}
}
@media screen and (max-width:414px) {
#productBlock{ background:#ffffff; min-height:inherit;}
#techBlock { background: #ffffff; min-height: inherit;padding-top: 40px;}
#productBlock .bground{ background:url(../../../../../../img/top/product_m.png) no-repeat center bottom; background-size:cover; height:auto;}
#techBlock .bground{ background:url(../../../../../../img/top/technology_m.png) no-repeat center bottom; background-size: cover; height:auto;}
.contentBlock{padding-bottom: 150px; position:static;}
#techBlock .contentBlock h3{color: #333333;}
#techBlock .contentBlock p{color: #7d95a9;}
#techBlock .contentBlock h2{color: #7d95a9;}
#top .linkMG{max-width: 150px;}
}
/*PARENT*/
.page-parent article#post-21,
.page-parent article#post-511,
.page-parent article#post-2776,
.page-parent article#post-2778{margin: 30px auto; text-align: left; position: static; top: 0; transform: translateY(0);}
.page-parent article{/*margin: 30px auto; */ text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
.page-parent article#post-9{ right:0;}
#profile.page-parent article ul,
#business.page-parent article ul,
#products.page-parent article ul,
#environment.page-parent article ul,
#ir.page-parent article ul,
#recruit.page-parent article ul,
#profile-2.page-parent article ul,
#profile-3.page-parent article ul,
#environment-2.page-parent article ul,
#environment-3.page-parent article ul{/*width: 60%; */ width: 630px;}
/*#products.page-parent article ul,
#recruit article ul{ float:right;}*/
#profile.page-parent article li,
#business.page-parent article li,
#products.page-parent article li,
#environment.page-parent article li,
#ir.page-parent article li,
#recruit.page-parent article li,
#profile-2.page-parent article li,
#profile-3.page-parent article li,
#environment-2.page-parent article li,
#environment-3.page-parent article li{/*width:47%;*/width: 296px; margin:0 1% 2%; display:inline-block; vertical-align:bottom;line-height: 1.5;}
.page-parent article li.w100{ width:97%!important;}
.page-parent article li a{display:block;padding: 1rem;background-color:#FFFFFF; border-radius: 3px;border: 1px solid #e5e9f7;}
ul.csr{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width:945px !important;}
@media screen and (max-width:414px) {
.page-parent article{margin: 30px auto; position: static; top: 0;transform: translateY(0);}
.page-parent article ul{width:100%!important;}
.page-parent article li a{font-size:11px;}
#profile.page-parent article li,
#business.page-parent article li,
#products.page-parent article li,
#environment.page-parent article li,
#ir.page-parent article li,
#recruit.page-parent article li,
#recruit article li,
#profile-2.page-parent article li,
#profile-3.page-parent article li,
#environment-2.page-parent article li,
#environment-3.page-parent article li{/*border: 1px solid #0a3381;*/width:47%;}
#profile-2.page-parent article li,
#environment-2.page-parent article li{min-height: 143px;}
}
/*CHILDREN*/
.readmore{ display:none; }
.page-child article{margin:0;text-align:left;}
@media screen and (max-width:414px) {
.page-child .onhidden { height: 350px; overflow-y: hidden; }
.page-child .readmore{position:absolute; bottom:0;left: 0; width:100%; padding:20px 0; text-align:center; background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0; font-weight:bold; cursor:pointer; z-index:10;display:block;}
.page-child .readmore span{border-radius:20px; padding:5px 30px; background-color:#dd4b39; color:#FFF; }
}
/****PROFILE****/
/*PARENT*/
#profile #bgImg,
#profile-2 #bgImg,
#profile-3 #bgImg{ background:url(../../../../../../img/profile/tobira.jpg) center top no-repeat; background-size:cover;min-height: 519px;}
@media screen and (max-width:768px) {
#profile #bgImg,
#profile-2 #bgImg,
#profile-3 #bgImg{ background-position:right top; background-size:cover;}
}
@media screen and (max-width:414px) {
#profile #bgImg,
#profile-2 #bgImg,
#profile-3 #bgImg{ min-height: auto; background:none;}
}
/*CHILDREN*/
#company table,
#outline table { table-layout:fixed; width:100%;}
#company tr:first-child th,
#company tr:first-child td,
#outline tr:first-child th,
#outline tr:first-child td {border-top: 1px solid #eee;}
#company th,
#company td,
#outline th,
#outline td { text-align: left; font-weight: normal;vertical-align:top; border-bottom: 1px solid #eee;}
#company th,
#outline th { width:18%; background-color:#f6f8ff;padding:1rem;}
#company td,
#outline td { width:82%; padding:1rem 0 1rem 1rem;}
#company dl { clear:both;line-height:1;margin:0 0 1rem;}
#company dl:after {clear: both;content: "";display: table; }
#company dt { float: left; width:16%; }
#company dd { float: left; width:17%;margin-bottom:2%;}
.en #company dt { width:43%; }
.en #company dd { width:57%;}
#company .ltr3 { letter-spacing: 1em; }
.en #company .ltr3 { letter-spacing: 0; }
@media screen and (max-width:414px) {
#company th,
#company td,
#outline th,
#outline td {width:100%; display:block;border-bottom: none;}
#company dt {width:26%; }
#company dd {width:24%;}
#company .ltr3 { letter-spacing:11px; }
.en #company .ltr3 { letter-spacing: 0; }
}
#anchor{ margin: 0 auto 1rem;}
#anchor li{ display:inline-block; vertical-align:bottom; margin-right:2rem; font-size:1.1rem;}
#anchor li a:after {content: "\f103"; font-family: FontAwesome; margin-left: .5rem;}
@media screen and (max-width:414px) {
#anchor li{margin-right:1rem;}
}
#place{}
#placeList > ul{ width:29%; margin:0 4% 0 0; float:left;}
#placeList li{text-align: center; margin: 0 1% 1rem; display: block; line-height: 1.8; width: 100%;}
.en #place .m-all a p{ text-align:center; text-justify: auto}
#placeList a{color:#FFFFFF; display:block; padding:.3rem 0; border:1px solid;}
#placeList > ul:nth-child(1) a{ background-color:#6c76a9;}
#placeList > ul:nth-child(2) a{ background-color:#2476b9;}
#placeList > ul:nth-child(3) a{ background-color:#dc3c80;}
#placeList > ul:nth-child(1) a:hover{ color:#6c76a9;background-color:#FFFFFF;}
#placeList > ul:nth-child(2) a:hover{ color:#2476b9;background-color:#FFFFFF;}
#placeList > ul:nth-child(3) a:hover{ color:#dc3c80;background-color:#FFFFFF;}
#placeListArea {margin-bottom:50px;}
#groupListArea {margin-bottom:100px;}
#placeListArea > section:before,/*繧｢繝ｳ繧ｫ繝ｼ繝ｪ繝ｳ繧ｯ隱ｿ謨ｴ*/
#groupListArea > section:before {content: ""; display: block; height: 200px; margin-top: -200px; vertical-align: top;}
#placeListArea h5,
#groupListArea h5 { font-weight:500; margin-bottom:0;color: #192e7a;}
#placeListArea img,
#groupListArea img { float:left; margin-right:16px;}
#placeListArea a,
.content__inner a { display:block;}
#placeListArea a:before,
.content__inner > div a:before { content: "\f105"; font-family: FontAwesome; margin-right: .5rem; }
@media screen and (max-width: 414px) {
#placeList > ul{ margin:0; float:none;}
#placeListArea img,
#groupListArea img { max-width:50%;float: none; margin-right: 0; margin: auto; display: inherit;}
#placeList li{margin: 0 0 1rem;}
.o-panel__block .content__inner a{ display:inline-block;}
.block{ display:block!important;}
}
/*#groupBg{ background:url(../../../../../../img/business/place.png) no-repeat right bottom; background-size:65%;}*/
#groupList > dl{ width:46%; margin:0 4% 0 0; float:left;}
#groupList dt{ text-align:center; font-weight:600;}
#groupList dd{ text-align:center; margin-bottom:1rem;}
#groupList a{color:#FFFFFF; display:block; padding:.3rem 0; border:1px solid;}
#groupList > dl:nth-child(1) a{ background-color:rgba(113, 7, 37, 0.6);}
#groupList > dl:nth-child(2) a{ background-color:rgba(47, 58, 117, 0.6);}
#groupList > dl:nth-child(1) a:hover{ color:rgba(113, 7, 37, 0.6);background-color:#FFFFFF;}
#groupList > dl:nth-child(2) a:hover{ color:rgba(47, 58, 117, 0.6);background-color:#FFFFFF;}
@media screen and (max-width: 414px) {
#groupBg{ background-size:100%;}
#groupList > dl{ width:100%; margin:0;}
}
/* .s-panel OPENER
--------------------------------- */
.o-panel {position: relative; overflow: hidden; width: 100%; zoom: 1;}
.subTitle{ font-weight:600; margin-bottom:0;}
.o-panel:after,
.o-panel section:after {content: ''; clear: both; display: block; height: 0;}
.o-panel__block {position: relative;overflow: visible;height: auto; width: 245px; margin: 0 33px 2% 0; float:left;}
.o-panel__block .item { position: relative; z-index: 1; text-align: center; }
#office .o-panel__block .item { background-color: #6c76a9;}
#factory .o-panel__block .item { background-color: #2476b9;}
#labo .o-panel__block .item { background-color: #dc3c80;}
#domestic .o-panel__block .item { background-color:rgba(113, 7, 37, 0.6);}
#overseas .o-panel__block .item { background-color: rgba(47, 58, 117, 0.6);}
#groupBg .o-panel__block {width: 380px; margin: 0 33px 2% 0;}
@media screen and (max-width: 414px) {
#groupBg .o-panel__block {width: 100%; margin: 0 0 2% 0;}
#groupBg .o-panel__block.is-odd .item { margin-right: 0; }
#groupBg .o-panel__block.is-even .item { margin-left: 0; }
}
.o-panel__block .item__inner { position: relative; z-index: 2; width: 100%; }
.o-panel__block .item a { display: block; cursor: pointer; width: 100%; height: 100%; color:#FFFFFF; }
.o-panel__block .item .name p { line-height: 1.8; padding:.3rem 0;}
.o-panel__block .item .name p span {position: absolute; right: 3%;}
.o-panel__block p { margin:0;}
.o-panel__block .content {position: relative; display: none; width: 801px;}
.o-panel__block .content__inner { position: relative;}
.o-panel__block .content__inner h5{ font-weight: 500; margin-bottom: 5px; color: #192e7a;}
.o-panel__block .content__inner img{float: left; margin-right: 16px;}
.iframeInner {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 2% auto 0;}
.iframeInner iframe, .iframeInner object, .iframeInner embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.o-panel__block .close {position: absolute; top: 0; z-index: 3; cursor: pointer; width: 36px; height: 36px; background-color: #192e7a; background-image: url(../../../../../../img/profile/close.png); background-size: contain; background-repeat: no-repeat; background-position: 0 0; right: 0;}
.o-panel__block:hover .item:before {border-color: #192e7a;}
.o-panel__block.is-active { z-index: 2;}
#office .o-panel__block.is-active .item { background-color: #192e7a;}
#factory .o-panel__block.is-active .item { background-color: #2438b9;}
#labo .o-panel__block.is-active .item { background-color: #da1c1c;}
#domestic .o-panel__block.is-active .item { background-color:rgba(113, 7, 37, 0.6);}
#overseas .o-panel__block.is-active .item { background-color: rgba(47, 58, 117, 0.6);}
.o-panel__block.is-active .content {display: block;}
.o-panel__block.is-1st {clear: left;}
#groupBg .o-panel__block.is-1st {clear: inherit;}
#groupBg .o-panel__block.is-odd {clear: left;}
.o-panel__block.is-1st .content { left: 0; }
.o-panel__block.is-2nd .content { left: -278px; }
.o-panel__block.is-3rd .content { left: -556px; }
#groupBg .o-panel__block.is-2nd .content { left: inherit; }
#groupBg .o-panel__block.is-3rd .content { left: inherit; }
#groupBg .o-panel__block.is-odd .content { left: 0;}
#groupBg .o-panel__block.is-even .content { left: -413px;}
@media screen and (max-width: 414px) {
#groupBg .o-panel__block.is-even .content { left: 0; }
.none{ display:none;}
}
.o-panel__block--rev .item {
background-color: #1d1d1d;
}
.o-panel__block--rev .item:before {
display: none;
}
.o-panel__block--rev .item__inner {
font-size: 0;
white-space: nowrap;
}
.o-panel__block--rev .item__inner:before {
content: '';
display: inline-block;
overflow: hidden;
width: 0;
height: 100%;
vertical-align: middle;
}
.o-panel__block--rev .ttl {
display: inline-block;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71429;
vertical-align: middle;
}
.o-panel__block--rev .ttl span {
display: block;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.45455;
color: #fff;
}
.o-panel__block--rev .ttl small {
display: block;
font-weight: bold;
color: #999;
}
@media screen and (min-width: 0) and (max-width: 767px){
.o-panel__block {
margin: 0 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
height: 50%;
min-height: 0;
}
.o-panel__block .item:before {
display: none;
}
.o-panel__block .item {
position: relative;
width: auto;
height: auto;
border: none;
}
.o-panel__block .item__inner {
position: absolute;
top: 0;
left: 0;
}
.o-panel__block .content__inner img{
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
display: inherit;
}
.o-panel__block .item .name span {
font-size: 10px;
font-size: 1rem;
}
.o-panel__block .content {
top: auto;
clear: left;
width: 200%;
}
#groupBg .o-panel__block .content {
width: 100%;
}
.o-panel__block .content__inner {
padding: 0 0 30px;
}
.o-panel__block .content__hdr {
padding: 32px 0 0;
}
.o-panel__block .content__hdr:before {
top: -30px;
width: 55px;
height: 30px;
background-image: url(https://toho-chem.co.jp/db/wp-content/themes/bone/library/img/recruit-info/arw_content_sp.png);
background-size: 55px 30px;
-webkit-background-size: 55px 30px;
}
.o-panel__block .content__grp {
margin-bottom: 0;
}
.o-panel__block .content__body {
padding: 0 0 42px;
}
.o-panel__block .close {
top: auto;
bottom: 31px;
width: 24px;
height: 24px;
right: 0;
}
.o-panel__block.is-1st {
clear: none;
}
.o-panel__block.is-1st .content {
left: auto;
}
.o-panel__block.is-1st .content__hdr:before {
left: auto;
}
.o-panel__block.is-2nd .content {
left: auto;
}
.o-panel__block.is-2nd .content__hdr:before {
left: auto;
}
.o-panel__block.is-3rd .content {
left: auto;
}
.o-panel__block.is-3rd .content__hdr:before {
left: auto;
}
.o-panel__block.is-odd {
float: left;
clear: left;
}
.o-panel__block.is-odd .item {
margin-right: 4px;
}
.o-panel__block.is-odd .content {
left: 0;
}
.o-panel__block.is-odd .content__hdr:before {
left: 12.5%;
margin-left: 27px;
}
.o-panel__block.is-even {
float: left;
}
.o-panel__block.is-even .item {
margin-left: 4px;
}
.o-panel__block.is-even .content {
left: -100%;
}
.o-panel__block.is-even .content__hdr:before {
margin-right: 27px;
right: 12.5%;
}
.o-panel__block--rev .ttl span {
width: 100%;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11112;
}
.o-panel__block--rev .ttl small {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.o-panel__block--rev#communication .ttl span {
font-size: 12px;
font-size: 1.2rem;
}
}
#principles{}
.wrap90 { width: 90%; margin: auto; }
.philosophy{text-align: center; padding: 2em 0em; font-weight: bold; font-size: 1.5rem; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,繝｡繧､繝ｪ繧ｪ,Meiryo,serif; }
.vector{ margin: 0 auto 50px;}
#article .vector h4{background: none; color: #333; padding: 0; font-weight: normal;margin-bottom: 5px;}
.vector .discList{padding: 1em 2em; border-top: 1px solid; border-bottom: 1px solid; margin: 0;}
#principles #main .wrap90 p,
#principles #main .wrap90 ul{ margin-bottom:0;}
#principles #main p,
#principles #main ul{ margin-bottom:30px;}
@media screen and (max-width: 414px) {
.philosophy{text-align: left; font-size: 1.35rem;}
}
/****BUSINESS****/
/*PARENT*/
#business #bgImg{ background:url(../../../../../../img/business/tobira.jpg) center top no-repeat; background-size:cover;min-height: 519px;;}
@media screen and (max-width:768px) {
#business #bgImg{ background-position:right top; background-size:cover;}
}
@media screen and (max-width:414px) {
#business #bgImg{ min-height: auto; background:none;}
}
.en .tableArea > div,
.zh .tableArea > div{
width: 25%;
padding: 0 1% 2%;
}
@media screen and (max-width:768px) {
.en .tableArea > div{
width: 50%;
}
}
/*CHILDREN*/
#area .m-1of3{ padding-right:1em;}
#manufacture{}
#overseas #main p,
#investigation #main p,
#manufacture #main p{ margin-bottom:30px;}
#article h3.introTitle{ font-size:1.2rem;letter-spacing:2px; text-align: center; margin:1em auto;}
.intro{ text-align: center;margin-bottom:30px;}
@media screen and (max-width:414px) {
.intro { text-align: left;width: 85%; margin: auto;}
.intro br{ display:none;}
#area .m-1of3{ padding-right:0;}
}
/****PRODUCTS****/
#segment #content,
#industry #content,
#structure #content,
#content.taxno{margin-top: 40px;}
/*PARENT*/
#products #bgImg{ background:url(../../../../../../img/products/tobira.jpg) center top no-repeat; background-size:cover;min-height: 519px;}
@media screen and (max-width:768px) {
#products #bgImg{ background-position:right top; background-size:cover;}
}
@media screen and (max-width:414px) {
#products #bgImg{ min-height: auto; background:none;}
}
.search .m-all {width: 80%; float: left;}
@media screen and (max-width:414px) {
.search .m-all {width: 100%; float:none;}
}
#products form#searchform { display: table; padding: 1rem; background-color: #FFFFFF; height: 100%; width:100%;border-radius: 3px;border: 1px solid #e5e9f7; }
#products form#searchform:before { content:""; min-height: 100px; display:inline-block; }
#products form#searchform > div{display: table-cell; table-layout:fixed;text-align: center; }
form#searchform > div{width: 100%; vertical-align: middle; position: relative;padding-bottom: 20px;height:100%;}
form#searchform > div input[type="search"]{ display: inline-block;vertical-align:middle;height: 35px; line-height: 35px; padding: 0 10px; font-size: 1em; color: #0b318f; border-radius: 3px; vertical-align: middle; box-shadow: none; border:1px solid; width:50%;margin-right: 15px; font-family: 'Noto Sans Japanese', 'Gidole', "Lato","Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #eaedf2; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out;}
@media only screen and (max-width: 768px) {
#products form#searchform > div input[type="search"]{width:88%;}
form#searchform > div input[type="search"]{width:68%;}
}
#products form#searchform > div input[type="search"]{max-width: 170px;}
form#searchform > div button{display:inline-block; vertical-align:middle;color: #fff; border: 1px solid; background-color: #0b318f; line-height: 35px; border-radius: 3px; padding: 0 10px;}
form#searchform > div span{position: absolute; width: 100%; top:82px; left: 0; right: 0; margin: auto;display:block;}
@media only screen and (max-width: 414px) {
#products form#searchform { min-height: 125px; }
#products form#searchform > div input[type="search"]{width:45%;margin-right:0;}
form#searchform > div button{padding : 0 3px;}
form#searchform > div span{ letter-spacing:-1px;}
}
/*CHILDREN*/
.productTitle{font-weight: 600; font-size: 1.2rem;margin-bottom: 5px; letter-spacing: 2px;}
.productTitle:before{ content:"\f05a"; font-family: FontAwesome;color: #192e7a; margin-right:5px;}
@media only screen and (max-width: 414px) {
#segment .tab_area,
#industry .tab_area,
/* #structure .tab_area { display: none; } */
#structure .tab_area {
margin-bottom: 10px !important;
}
#structure .tab_area li {
padding: 5px !important;
}
.tab_area { display: none; }
.resp-accordion br{ display:none;}
}
#industry ul.tab_area li {text-align: left;padding: .5rem 2rem 1px;}
.termList li{ float: left; width:25%; margin:0 0 2%; padding:0 1%; text-align:center;}
.termList li span{ display:block; font-size:.8rem; line-height: 1.2;}
@media only screen and (max-width: 768px) {
#industry ul.tab_area li {padding: .5rem 1rem 1px;}
}
/*taxnomy-*/
.archive .m-all,
.tax-life_cat .m-all,
.tax-civil_cat .m-all,
.tax-rubber_cat .m-all,
.tax-electronic_cat .m-all {width: 80%; float: left;}
#structure.page-parent article {text-align: left; position: static; top:0%; transform: translateY(0%); }
#typical{ list-style:outside disc ; margin-left:1.1rem;}
#productList{ margin:30px auto; width:100%;}
#productList li{ width:30%; margin:0 2.5% 1% 0; display:inline-block; vertical-align:bottom;}
#productList a{ width:100%;border-bottom: 1px solid;display: block; position: relative;}
#productList a:after{content: "\f105"; font-family: FontAwesome;position: absolute; right: 0;}
#tableSep a{ width:100%;display: block; position: relative;}
#tableSep a:after{content: "\f105"; font-family: FontAwesome;position: absolute; right: 0;}
@media screen and (max-width:768px) {
.archive .m-all {width:100%;}
}
.mt50{ margin-top:50px;}
#telBox { width:100%;border: #1b307c 5px solid; margin: 50px auto 0;font-size: 1.1rem;}
#telBox h5{text-align: center; font-size: 1.2em; margin: 0; background-color: #1b307c; padding: 1em 0; color: #ffffff;}
#telBox > div { padding: 20px 2rem;}
#telBox .halfArea{ float:left; width:47.5%;}
#telBox .borderL{ padding-left: 5%; border-left: 1px solid;}
.contactTitle{font-size: 1.5rem; color: #1b307c; font-weight: 600; margin-bottom: 10px;}
.fa-envelope:before,
.fa-phone:before{ font-family: FontAwesome;font-style: normal; margin-right:5px;}
#telBox dt{float: left; clear: both; width: 180px; line-height: 1.2; margin-bottom: 8px;}
#telBox dt span{ font-size:.85rem;}
#telBox dd{float: left; margin-bottom: 8px; line-height: 1.2;}
#telBox a{ font-weight: 600; letter-spacing: 1px; font-size: 1.03em; line-height: 1;}
@media only screen and (max-width: 414px) {
#telBox{ width:90%; margin: auto;}
#telBox .halfArea{ float:none; width:100%;}
#telBox .borderL{ padding-left: 0%; border-left: none;padding-top: 5%; border-top: 1px solid;}
#telBox dt{width:56%;}
#productList li{ width:100%; margin:0 0 2.5% 0;}
}
#caption{ margin:30px auto;}
.flImg{ float:left; max-width: 250px;}
.frTxt{ margin-left:280px;}
.kinds { margin-bottom: 2em; }
.kinds li { display: inline-block; margin-right: 1em; color: #1b307c; }
.kinds li:before{ content: "\f192"; font-family: FontAwesome; margin-right: .5rem; font-size: 15px; line-height: 1; color: #1b307c;}
/*蟒ｺ譚宣未騾｣阮ｬ蜑､*/
.archive table { width:100%; table-layout:fixed;}
.archive thead { background-color: #f6f8ff;}
.archive td { padding: 1rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.archive td:not(:last-child) { border-right: 1px solid #eee;}
.numberLsit { list-style:decimal outside; margin-left:1.5em; margin-bottom:1em;}
.annotation{ font-size:.8rem; color:#FF0000;}
/*sigle-*/
#singleProduct .m-all {width: 80%; float: left;}
#singleProduct table { table-layout:fixed; width:100%;}
#singleProduct tr:first-child th,
#singleProduct tr:first-child td {border-top: 1px solid #c3cae8;}
#singleProduct th,
#singleProduct td{ text-align: left; font-weight: normal;vertical-align:top; border-bottom: 1px solid #c3cae8;}
#singleProduct th{line-height: 1.2;width:18%; background-color:#c3cae8;padding:1rem;border-bottom: 1px solid #FFFFFF;}
#singleProduct td { width:82%; padding:1rem 0 1rem 1rem;vertical-align: middle;}
#singleProduct td p { margin:0;}
#singleProduct td dl { border-bottom:1px dotted; margin-right:1rem;}
#singleProduct td dl:last-child { border-bottom:none;}
#singleProduct td dt,
#singleProduct td dd { display:inline-block;}
#singleProduct td dt { width:150px;}
#tableSep table{ table-layout:auto;}/*驥大ｱ槫刈蟾･豐ｹ蜑､*/
#tableSep th,
#tableSep td{ width:auto;min-width: 180px;}
.borderR{ border-right:1px solid #c3cae8;}
@media screen and (max-width:768px) {
#singleProduct .m-all {width:100%;}
}
@media screen and (max-width:414px) {
#singleProduct th,
#singleProduct td{width:100%; display:block;border-bottom: none;}
#singleProduct tr:first-child td {border-top:none;}
#singleProduct td{ text-indent:1.5rem;}
.borderR{ border-right:none;text-indent: .5em!important; color: #192e7a; border-top: 1px solid;}
}
#tableSep a.text_link{ display:inline;}
#tableSep a.text_link:after{ content:"";}
.pdf { display: inline-block; margin-left:1em; color:#FF0004;}
.pdf:after {content: "\f15c"; font-family: FontAwesome; margin-left: .2rem;}
.pdf:hover { text-decoration:underline;}
/****ENVIRONMENT****/
/*PARENT*/
#environment #bgImg,
#environment-2 #bgImg,
#environment-3 #bgImg{ background:url(../../../../../../img/environment/tobira.jpg) center top no-repeat; background-size:cover;min-height: 519px;}
@media screen and (max-width:768px) {
#environment #bgImg,
#environment-2 #bgImg,
#environment-3 #bgImg{ background-position:right top; background-size:cover;}
}
@media screen and (max-width:414px) {
#environment #bgImg,
#environment-2 #bgImg,
#environment-3 #bgImg{ min-height: auto; background:none;}
}
/*CHILDREN*/
#environment h3{ border-bottom:2px solid; padding-bottom: 5px;}
.numbering dt { font-weight: 600; letter-spacing: 2px; }
.numbering dd { margin-bottom:1em;border-bottom: 1px solid #b7b0b0; padding-bottom: 1em;}
.en .numbering dd {text-align: justify; text-justify: inter-ideograph;}
.numbering dd > p{ margin-bottom:0; }
.numbering ol { margin:0; }
.numbering li { margin-bottom:4px; }
#envirot #main p,
#safety #main p,
#quarity #main p{ margin-bottom:30px;}
#compliance .m-2of3 ,
#enviro .m-2of3,
#safety .m-2of3,
#quarity .m-2of3{ padding-right:1em;}
@media screen and (max-width:414px) {
#compliance .m-2of3 ,
#enviro .m-2of3,
#safety .m-2of3,
#quarity .m-2of3{ padding-right:0;}
}
/****RECRUIT****/
/*PARENT*/
#recruit #bgImg{ background:url(../../../../../../img/recruit/tobira.jpg) center top no-repeat; background-size:cover;min-height: 519px;}
#recruit .m-all { width: 1050px; margin: auto;position:relative;min-height:519px;}
#recruit article{/*margin: 30px auto; */ text-align: center; position: absolute; top: 50%; transform: translateY(-50%); right:0;}
#recruit article ul{/*width:60%;*/ width: 630px;}
#recruit article li{/*width:47%;*/ width: 296px; margin:0 1% 2%; display:inline-block; vertical-align:bottom;line-height: 1.5;}
#recruit article li span{ display:block; font-size:.9em;}
#recruit article li a{display:block;padding: 1rem;background-color:#FFFFFF;border-radius: 3px;border: 1px solid #e5e9f7;}
@media screen and (max-width:768px) {
#recruit #bgImg{ background-position:right top; background-size:cover;}
#recruit .m-all { width: 100%; }
#recruit article ul{width:100%;}
#recruit article li{width:47%;}
#recruit article li a{background-color:rgba(255, 255, 255, 0.8);}
}
@media screen and (max-width:414px) {
#recruit #bgImg{ min-height: auto; background:none;}
#recruit .m-all {min-height:inherit;}
#recruit article{margin: 30px auto; position: static; top: 0; transform: translateY(0); right:0;}
}
/****NOTICE / POLICY****/
#sitemap .m-all,
#notice .m-all,
#policy .m-all,
#disclaimer .m-all,
#sitemap-2 .m-all,
#sitemap-3 .m-all,
#basicpolicy .m-all{ width: 100%; max-width:1050px; margin:auto;}
#notice .m-all dl,
#policy .m-all dl,
#disclaimer .m-all dl{ margin:0 auto 1rem;}
#notice .m-all dl:first-child,
#policy .m-all p:first-child,
#disclaimer .m-all dl:first-child,
#basicpolicy .m-all p:first-child { margin-top:18px;}
#notice .m-all dt,
#policy .m-all dt,
#disclaimer .m-all dt{ font-weight: 500; letter-spacing: 2px;}
#notice .m-all dd,
#policy .m-all dd,
#disclaimer .m-all dd { margin-bottom:1em;border-bottom: 1px solid #b7b0b0; padding-bottom: 1em;}
#basicpolicy .m-all ol { margin-left: 1em;}
#basicpolicy .m-all li { list-style:decimal outside; margin-bottom: 1em;}
/****SITEMAP****/
#mapList { margin: 1.5rem auto 30px; }
#mapList li{ display:block; float:none;}
#mapList li.menu-item-has-children,
.en #mapList li.menu-item-2746,
.en #mapList li.menu-item-2747,
.zh #mapList li.menu-item-2754,
.zh #mapList li.menu-item-2755{margin-bottom: 30px; border-bottom: 1px solid #c3cae8; padding-bottom: 30px;}
#mapList li a:before { content: "\f105"; font-family: FontAwesome; margin-right: .5rem; }
#mapList li.menu-item-has-children > a,
#mapList li.menu-item-50 > a,
.en #mapList li.menu-item-2746 > a,
.en #mapList li.menu-item-2747 > a,
.zh #mapList li.menu-item-2754 > a,
.zh #mapList li.menu-item-2755 > a{font-weight: 600; font-size: 1.15rem; color: #192e7a; margin-bottom: 5px;}
#mapList li.menu-item-has-children > a:before,
#mapList li.menu-item-50 > a:before,
.en #mapList li.menu-item-2746 > a:before,
.en #mapList li.menu-item-2747 > a:before,
.zh #mapList li.menu-item-2754 > a:before,
.zh #mapList li.menu-item-2755 > a:before { content: ""; margin-left: -0.5rem;}
#mapList li .sub-menu{ margin-left:1em;}
#mapList ul.sub-menu > li { display: inline-block; line-height:2;margin-right: 2em;}
/*********************
SINGLE STYLES
*********************/
.ingredients{ width:100%; table-layout:fixed;border-collapse: collapse; border-spacing: 0;}
.ingredients th{ padding: .8rem 1rem;color: #1e337e;border-bottom: 2px solid #1e337e;text-align: left;}
.ingredients td{ padding: .8rem 1rem;border-bottom: 1px solid #DDD;}
.ingredients td a:after {content: "\f105"; font-family: FontAwesome; margin-left: .5rem;}
.ingredientsList {border: 1px solid #ddd; padding: 1rem;}
.ingredientsList h5 {position: relative;font-weight: normal; margin:0;}
.ingredientsList h5:after {
content: "";
position: absolute;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
width: 10px;
right: 10px;
height: 10px;
transform: rotate(45deg);
}
.ingredientsList h5.active:after {
content: "";
position: absolute;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-right: 0;
border-bottom: 0;
width: 10px;
right: 10px;
height: 10px;
transform: rotate(45deg);
}
/*190902add*/
.resin span{
display: block;
font-size: 14px;
letter-spacing: -1px;
}
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next { margin: 1.5em 0; }
.pagination { text-align: center; }
.pagination ul { display: inline-block; background-color: white; white-space: nowrap; padding: 0; clear: both; border-radius: 3px; }
.pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; }
.pagination a, .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 1em; font-size: 1em; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2980b9; }
.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus { background-color: #2980b9; color: white; }
.pagination .current { cursor: default; color: #5c6b80; }
.pagination .current:hover, .pagination .current:focus { background-color: white; color: #5c6b80; }
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }
/* ==========================================================================
Mobile Grid Styles
========================================================================== */
@media screen and (max-width: 768px) {
}
/* ==========================================================================
iPhone Grid Styles
========================================================================== */
@media screen and (max-width: 414px) {
}
/* ==========================================================================
PRINT STYLESHEET
========================================================================== */
@media print {
* {
/*background: transparent !important;*/
/*color: black !important;*/
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important; }
a, a:visited {
/*color: #444 !important;*/
text-decoration: underline; }
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr, img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p, h2, h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form {
display: none; }
#breadcrumb {margin: 30px auto 15px; }
}
.flex-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex-center .search-box{width:500px; margin-right:20px !important;}
/*#verticalBorder th{ border-right:1px solid #FFFFFF;}
#verticalBorder th:last-child{ border-right:none;}
#verticalBorder td{ border-right:1px solid #c3cae8;}
#verticalBorder td:last-child{ border-right:none;}*/
.border-bottom{border-bottom:solid 1px #CCC;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}