@charset "UTF-8";
 @font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 200;
src: url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Light.woff2) format('woff2'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Light.woff) format('woff'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Regular.woff2) format('woff2'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Regular.woff) format('woff'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Bold.woff2) format('woff2'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Bold.woff) format('woff'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansJP-Bold.otf) format('opentype');
} @font-face {
font-family: 'Noto Sans SC';
font-style: normal;
font-weight: 200;
src: url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Light.woff2) format('woff2'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Light.woff) format('woff'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans SC';
font-style: normal;
font-weight: 400;
src: url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Regular.woff2) format('woff2'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Regular.woff) format('woff'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans SC';
font-style: normal;
font-weight: 700;
src: url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Bold.woff2) format('woff2'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Bold.woff) format('woff'),
url(//www.irisoele.com/en/wp-content/themes/iriso/font/NotoSansSC-Bold.otf) format('opentype');
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
} img {
max-width:100% !important;
height:auto;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body{
-webkit-text-size-adjust:100%;
background:#fff;
font-family:'Noto Sans Japanese', 'Noto Sans SC', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
font-family:'Roboto Condensed', 'Noto Sans Japanese', 'Noto Sans SC', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Helvetica, Arial, sans-serif;
}
a{
text-decoration: none;
}
a:hover {
text-decoration:underline;
}
a,p,li{
color:#000;
}
th{
color: #000;
}
td{
color: #000;
}
p, ul, ol, li {
margin:0;
padding:0;
}
input[type=checkbox], input[type=radio] {
-webkit-appearance: none;
outline: none;
display: none;
}
input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder {
color:#bbb;
}
input:-ms-input-placeholder {
color:#bbb !important;
} li {
list-style:none;
} h1, h2, h3, h4, h5, h6 {
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
text-shadow:none;
}
body.fontSize_M {
font-size: 1.125em;
}
body.fontSize_L {
font-size: 1.3125em;
} a:active, a:focus {
outline: 0 !important;
} strong {
font-weight:bold;
} em {
font-weight:bold;
font-style:normal;
} address {
font-style: normal;
} i {
display:inline-block;
padding-right:0.5em;
} select::-ms-expand {
display:none;
} .mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;} .t-left {text-align:left;}
.t-right {text-align:right;}
.t-center {text-align:center;} #pageTop {
max-width:1366px;
margin:0 auto;
z-index:900;
clear:both;
position:relative;
visibility:visible;
}
#totopLink {
width:100%;
height:0;
position:fixed;
bottom:15px;
box-sizing: border-box;
}
#totopLink a {
width:9px;
height:163px;
margin-right:10px;
background:url(//www.irisoele.com/en/wp-content/themes/iriso/img/totop.svg) no-repeat 0 0;
background-size:auto 100%;
display:block;
position:relative;
top:-243px;
transition:all ease 0.3s;
float:right;
}
#wrapper.totop #totopLink a {
top:0;
} .cf:before,
.cf:after,
.wp-block-file:before,
.wp-block-file:after {
content: " ";
display: table;
}
.cf:after,
.wp-block-file:after {
clear: both;
}
.cf,
.wp-block-file {
*zoom: 1;
}
#wrapper {
width:100%;
position: relative;
padding:55px 0 0;
overflow:hidden;
} .wide_inner {
max-width:1366px;
margin-left:auto;
margin-right:auto;
}
.narrow_inner, .full_inner {
max-width:900px;
margin-left:auto;
margin-right:auto;
}
.full .full_inner {
max-width:none;
padding-top:65px;
}
.full #main, .full #pankuzu {
display:none;
} .sample_img {
margin:0 0 30px;
}
.sample_img img {
margin:0 auto;
display:block;
} header {
width:100%;
height:55px;
background:#fff;
position:fixed;
top:0;
box-sizing:border-box;
z-index:999;
}
header .inner {
margin:0 auto;
padding:0 330px 0 0;
position:relative;
box-sizing:border-box;
}
header h1 {
line-height:1;
padding:13px 0 0 15px;
float:left;
}
header h1 a, header h1 img {
display:block;
}
header h1 a {
width:144px;
height:30px;
}
#searchform {
width:270px;
height:32px;
margin:12px 15px 0 0;
position:absolute;
top:0;
right:15px;
}
#searchform .input-group, #news_search .input-group {
height:32px;
padding:0 31px 0 0;
position:relative;
}
#searchform input, #news_search form input {
color:#333;
font-size:14px;
line-height:32px;
border:solid 1px #707070;
border-radius:3px 0 0 3px;
width:100%;
height:32px;
padding:0 0 0 10px;
display:block;
box-sizing:border-box;
}
::placeholder{
color:#bbb;
}
#searchform input::placeholder,
#searchform input::-webkit-input-placeholder,
#searchform input::-moz-placeholder,
#searchform input::-ms-input-placeholder,
#news_search form input::placeholder,
#news_search form input::-webkit-input-placeholder,
#news_search form input::-moz-placeholder,
#news_search form input::-ms-input-placeholder {
color:#bbb;
}
#searchform input:-ms-input-placeholder,
#news_search form input:-ms-input-placeholder {
color:#bbb !important;
}
#searchform .input-group-btn, #news_search .input-group-btn {
width:32px;
height:32px;
position:absolute;
top:0;
right:0;
display:block;
border-radius:0 3px 3px 0;
cursor:pointer;
}
#searchform .input-group-btn button, #searchform .input-group-btn button span, #news_search .input-group-btn button span {
width:32px;
height:32px;
display:block;
cursor:pointer;
}
#searchform .input-group-btn button, #news_search .input-group-btn button {
background:#333;
border:0;
border-radius:0 3px 3px 0;
}
#searchform .input-group-btn button span::before, #news_search .input-group-btn button span::before {
color:#fff;
content:'\f002';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:16px;
position:absolute;
top:8px;
left:8px;
}
#glink {
margin:14px 0 0;
float:right;
display:flex;
} .custom-select-wrapper {
position: relative;
display: inline-block;
user-select: none;
}
.custom-select-wrapper select {
display: none;
}
.custom-select {
position: relative;
display: inline-block;
}
.custom-select-trigger {
position:relative;
display:block;
padding:0 34px 0 26px;
font-size:12px;
color:#333;
line-height:26px;
cursor: pointer;
box-sizing: border-box;
border-right:solid 1px #CFD0D3;
}
.custom-select-trigger::before {
content:'\f0ac';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:1.2em;
position:absolute;
top:1px;
left:5px;
}
.custom-select-trigger:after {
content:'\f078';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:0.8em;
position:absolute;
top:13px;
right:15px;
display: block;
transform: rotate(0deg) translateY(-50%);
transition: all .4s ease-in-out;
transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
transform: rotate(-180deg) translateY(-50%);
}
.custom-options {
position: absolute;
display: block;
top: 100%; left: 0; right: 0;
min-width: 100%;
margin: 15px 0;
border: 1px solid #b5b5b5;
border-radius: 4px;
box-sizing: border-box;
box-shadow: 0 2px 1px rgba(0,0,0,.07);
background: #fff;
transition: all .4s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-15px);
z-index:99;
}
.custom-select.opened .custom-options {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateY(0);
}
.custom-options:before {
position: absolute;
display: block;
content: '';
bottom: 100%; right: 25px;
width: 7px; height: 7px;
margin-bottom: -4px;
border-top: 1px solid #b5b5b5;
border-left: 1px solid #b5b5b5;
background: #fff;
transform: rotate(45deg);
transition: all .4s ease-in-out;
}
.option-hover:before {
background: #f9f9f9;
}
.custom-option {
position: relative;
display: block;
padding: 0 22px;
border-bottom: 1px solid #b5b5b5;
font-size:12px;
color:#333;
line-height:44px;
cursor: pointer;
transition: all .4s ease-in-out;
}
.custom-option:hover {
text-decoration:underline;
}
.custom-option:first-of-type {
border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
border-bottom: 0;
border-radius: 0 0 4px 4px;
}
.custom-option:hover,
.custom-option.selection {
background: #f9f9f9;
}
#login {
color:#333;
font-size:12px;
line-height:26px;
cursor: pointer;
box-sizing: border-box;
display:block;
position:relative;
}
#login a {
color:#333;
padding:0 0 0 40px;
display:block;
max-width:500px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#login a::before {
content:'\f007';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:1.2em;
position:absolute;
top:1px;
left:20px;
}
#gnavi {
width:100%;
height:65px;
padding:0;
background:rgba(0,0,0,0.8);
position:absolute;
top:55px;
box-sizing:border-box;
transition:all ease 0.3s;
}
.navon #gnavi {
background:rgba(0,0,0,0.7);
}
#gnavi ul {
margin:0 auto;
text-align: center;
position: relative;
}
#gnavi ul li {
display:inline-block;
margin:0 28px;
}
.acbox {
width:100%;
position: absolute;
top:65px;
left:0;
display:none;
z-index:9;
}
#gnavi ul li > a {
color:#fff;
font-size:14px;
line-height:65px;
letter-spacing:0.1em;
text-align:center;
padding:0;
display:block;
position:relative;
}
#gnavi > ul > li > a::before {
content:"";
width:0;
height:1px;
margin:0 auto;
position:absolute;
top:48px;
left:-1px;
background:#fff;
display:block;
transition:all ease 0.4s;
}
#gnavi > ul > li > a::after {
content:"";
width:1px;
height:16px;
position:absolute;
top:26px;
left:-30px;
display:block;
background:#fff;
pointer-events:none;
}
#gnavi ul li:first-child > a::after {
display:none;
}
#gnavi ul li:hover > a {
text-decoration:none;
}
#gnavi ul li:hover > a::before {
width:100%;
}
#gnavi ul li:last-child > a::before {
max-width:98px;
}
#spmenu, #spgnavi {
display:none;
}
#contents.categories.product_detail {
background:#fff;
}
#contents.haibanpages {
background:#DEDFE0 !important;
}
#main {
height:265px;
box-sizing: border-box;
background:#F2F5F9;
position:relative;
overflow:hidden;
}
.categories #main {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/main.jpg) no-repeat 0 center;
background-size:cover;
}
.applications #main {
background:url(//www.irisoele.com/en/wp-content/themes/applications/img/main.jpg) no-repeat 0 center;
background-size:cover;
}
.connector_terminal #main {
background:url(//www.irisoele.com/en/wp-content/themes/applications/img/connector_terminal.jpg) no-repeat 0 center;
background-size:cover;
}
.connector_search #main {
background:url(//www.irisoele.com/en/wp-content/themes/products/img/connector_main.jpg) no-repeat 0 center;
background-size:cover;
}
#main h1 {
color:#fff;
font-weight:bold;
font-size:50px;
line-height:1.1;
letter-spacing:0.05em;
text-align:center;
text-transform:uppercase;
margin:0 auto;
width:100%;
max-width:none;
padding:65px 15px 0;
box-sizing: border-box;
position:absolute;
z-index:2;
top:50%;
transform:translateY(-50%);
}
.mypagetop #main h1, .favoritepage #main h1, .mypagedl #main h1, .compression_search #main h1 {
color:#000;
}
#main h1 span {
font-size:18px;
display:block;
margin:0 0 10px;
}
#main h1 span.category-name{
font-size:39px;
}
#pankuzu {
line-height:1;
padding:15px 0 20px;
margin:0 auto;
box-sizing: border-box;
background:#fff;
}
#pankuzu ul {
margin:0 auto;
padding:0 15px;
}
#pankuzu li {
color:#666;
font-size:12px;
line-height:1.6;
padding:0 0 0 19px;
display:inline-block;
position:relative;
}
.sitemap_gh3 {
padding:0 0 0 10px;
margin:0 0 10px;
display:none;
}
.sitemap_gh4 {
width:50%;
padding:0 0 0 20px;
display:none;
box-sizing:border-box;
}
.sitemap_gp {
width:100%;
padding:0 0 0 30px;
display:none;
box-sizing:border-box;
}
.sitemap_gh3, .sitemap_gh4, .sitemap_gp {
flex-wrap:wrap;
align-items:flex-start;
}
.sitemap_gh3.open, .sitemap_gh4.open {
display:flex !important;
}
.wp_contents .sitemap_gh2 h2 {
margin:40px 0 15px;
}
.wp_contents .sitemap_gh3 h3 {
width:100%;
margin:15px 0 5px;
}
.wp_contents .wp_contents h4 {
margin:10px 0 5px;
}
.sitemap_gh2 h2 a {
padding:0 0 0 24px;
}
.sitemap_gh2 h2 a, .sitemap_gh3 h3 a, .sitemap_gh4 h4 a, .wp_contents .sitemap_gp p a, #searchpage h4 a {
color:#333;
line-height:1.6;
padding:0 0 0 19px;
position:relative;
cursor:pointer;
box-sizing:border-box;
text-decoration:none;
}
.sitemap_gp p {
font-size:12px;
}
#pankuzu li::before, .sitemap_gh2 h2 a::before, .sitemap_gh3 h3 a::before, .sitemap_gh4 h4 a::before, .sitemap_gp p a::before, #searchpage h4 a::before {
color:#707070;
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:8px;
position:absolute;
top:1px;
left:5px;
}
.sitemap_gh2 h2 a::before, .sitemap_gh3 h3 a::before, .sitemap_gh4 h4 a::before, .sitemap_gp p a::before, #searchpage h4 a::before {
color:#333;
}
#searchpage h4 a, #searchpage h4 a::before {
color:#2051A4;
}
.sitemap_gh2 h2 a::before {
font-size:14px;
top:7px;
}
.sitemap_gh3 h3 a::before {
font-size:12px;
top:4px;
}
.sitemap_gh4 h4 a::before, #searchpage h4 a::before {
font-size:10px;
top:4px;
}
.sitemap_gp p a::before {
top:3px;
}
.sitemap_gh2 h2.opnb i, .sitemap_gh3 h3.opnb i, .sitemap_gh4 h4.opnb i, .sitemap_gp p.opnb i {
font-weight:normal;
font-size:0.9em;
padding:0 0 0 10px;
position:relative;
top:0;
right:0;
color:#2051A4;
cursor:pointer;
display:inline-block;
}
.opnb i.fa-minus-square, .opnb.open i.fa-plus-square {
display:none !important;
}
.opnb.open i.fa-minus-square {
display:inline-block !important;
}
#pankuzu li:first-child {
padding:0;
}
#pankuzu li:first-child::before {
display:none;
}
#pankuzu li a {
color:#2051A4;
text-decoration:none;
}
#pankuzu li a:hover {
text-decoration:underline;
}
#searchArea {
padding:25px 0 0;
position:relative;
}
.categories #searchArea .inner {
margin:0 auto;
padding:0 15px;
}
#searchArea h2 {
font-size:20px;
font-weight:bold;
line-height:28px;
padding:0 0 10px;
margin:0 auto 15px;
border-bottom:solid 1px #CBCBCB;
}
#searchArea .result_inner h2 {
max-width:none;
padding:0;
border-bottom:0;
}
.compression_search #searchArea h2 {
margin:10px auto 20px;
}
#tabmenu {
margin:0 auto;
padding:0 15px;
position:relative;
top:1px;
z-index:5;
}
#tabmenu li {
color:#333;
font-size:14px;
line-height:41px;
text-align: center;
width:14%;
height:42px;
margin:0 8px 0 0;
float:left;
border-radius:3px 3px 0 0;
box-sizing: border-box;
}
#tabmenu li br {
display:none;
}
#tabmenu li.current {
height:42px;
background:#fff;
border:solid 1px #c1c1c1;
border-bottom:solid 1px #fff;
}
#tabmenu li a {
color:#fff;
height:42px;
background:#2051A4;
border-radius:3px 3px 0 0;
display:block;
border-bottom:solid 1px #c1c1c1;
box-sizing:border-box;
}
#tabmenu li a:hover {
text-decoration:none;
}
#categorymenu {
padding:30px 0 60px;
background:#fff;
position:relative;
z-index:1;
border-top:solid 1px #c1c1c1;
}
.search_result #categorymenu {
padding:0 0 40px;
border-top:none;
background:transparent;
}
#categorymenu ul.product_link {
margin:0 auto 10px;
padding:20px  15px 15px 15px;
display:flex;
flex-wrap:wrap;
}
.connector_search #categorymenu ul.product_link {
padding:0 15px;
}
#categorymenu ul.product_link li {
width:50%;
padding:0 0 30px;
box-sizing: border-box;
}
#categorymenu ul.product_link li.wide {
width:100%;
}
#categorymenu ul.product_link li:nth-child(2) {
padding:0 15px 0 0;
}
#categorymenu ul.product_link li:nth-child(3) {
padding:0 0 0 15px;
}
#categorymenu.matingmenu ul.product_link {
max-width:930px;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;
}
.categories #categorymenu ul.product_link li:nth-child(odd),.ca-av #categorymenu ul.product_link li:nth-child(odd) {
padding:0 15px 30px 0;
}
.categories #categorymenu ul.product_link li:nth-child(even),.ca-av #categorymenu ul.product_link li:nth-child(even) {
padding:0 0 30px 15px;
}
#categorymenu.matingmenu ul.product_link li {
width:33.33%;
padding:0 10px;
}
#categorymenu.matingmenu ul.product_link li:nth-child(1) {
padding:0 19px 0 0;
}
#categorymenu.matingmenu ul.product_link li:nth-child(3) {
padding:0 0 0 19px;
}
#categorymenu ul.product_link li a {
padding:25px;
border:solid 1px #2051A4;
border-radius:3px;
display: block;
box-shadow:3px 3px 6px 0px rgba(0,0,0,0.15);
transition:all ease 0.3s;
background:#fff;
}
#categorymenu ul.product_link li a:hover {
background:#EEF0F3;
}
#categorymenu.matingmenu ul.product_link li a {
text-align:center;
padding:15px;
}
#categorymenu ul.product_link li a h3 {
color:#2051A4;
font-size:22px;
font-weight:400;
line-height:1.4;
padding:0 36px 0 0;
margin:0 0 25px;
display:inline-block;
position:relative;
}
#categorymenu.matingmenu ul.product_link li a h3 {
text-align:center;
font-size:15px;
padding:0;
margin:0;
display:inline-block;
position:relative;
}
#categorymenu ul.product_link li a h3::before {
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:16px;
position:absolute;
top:5px;
right:0;
}
#categorymenu.matingmenu ul.product_link li a h3::before {
font-size:11px;
margin-right:5px;
position:relative;
top:-1px;
left:0;
}
#categorymenu ul.product_link li a .catdetail {
width:100%;
display:flex;
clear:both;
flex-wrap: nowrap;
}
#categorymenu ul.product_link li a .catdetail .image {
max-width:225px;
min-width:225px;
padding:0 15px 0 0;
box-sizing: border-box;
}
#categorymenu ul.product_link li a .catdetail p {
color:#666;
font-size:14px;
line-height:1.9;
}
#categorymenu ul.product_link li a:hover {
text-decoration:none !important;
}
#categorymenu.matingmenu ul.product_link li .image {
margin:0 -15px 15px;
}
#productsearch, #bottom_menu {
padding:10px 0;
background:#E6EBF2;
}
#bottom_menu {
padding-bottom:20px;
}
#productsearch .inner, #bottom_menu .inner {
padding:0;
margin:0 auto;
}
#productsearch h2, #bottom_menu h2 {
color:#003366;
font-size:18px;
font-weight:400;
line-height:1.2;
text-align:left;
padding:0 0 8px;
margin:0 0 10px;
border-bottom:solid 1px rgba(0,51,102,0.5);
}
ul.productmenu {
margin:0;
padding:0 3px;
display:flex;
flex-wrap:nowrap;
}
ul.productmenu li {
width:16.66%;
margin:0;
padding:0 12px;
box-sizing:border-box;
position:relative;
}
#gnavi ul.productmenu li {
margin:0;
}
ul.productmenu li.cominfo1 {
width:33.32%;
}
ul.productmenu li a:hover {
text-decoration:none;
}
.productmenu li.pmenu .inner h3 {
color:#2051A4;
font-size:15px;
font-weight:400;
text-align:left;
line-height:1.5;
margin:25px 0 0;
padding:0 0 8px;
border-bottom:solid 1px rgba(105,137,191,0.25);
}
.productmenu li.pmenu .inner h3:first-child {
border-bottom:solid 1px rgba(105,137,191,0.5);
}
.productmenu li.pmenu .inner h3 a {
color:#2051A4;
text-decoration:none;
}
.productmenu li.pmenu .inner h3.hidden {
visibility:hidden;
}
.productmenu li.pmenu .inner h4 {
text-align:left;
color:#666;
font-size:14px;
font-weight:200;
line-height:1.6;
padding:12px 0 0;
}
.productmenu li.pmenu .inner h4 a {
color:#2051A4;
text-decoration:none;
}
.productmenu li.pmenu .inner .list h4 {
color:#003366;
font-size:12px;
font-weight:200;
line-height:1.5;
margin:0 15px;
padding:0 0 5px;
border-bottom:solid 1px #003366;
}
.productmenu li.pmenu .inner {
padding:0 !important;
position:static;
display:block;
}
.productmenu li:last-child .inner a.comp {
position:absolute !important;
bottom:0;
}
.productmenu li.pmenu .inner .list {
padding:5px 0 10px;
}
#applimenu .productmenu li.pmenu .inner .list {
margin-top:30px;
}
.productmenu li.pmenu .inner p {
text-align:left;
font-size:14px;
font-weight:200;
line-height:1.4;
padding:0;
margin:8px 0 0;
}
.productmenu li.pmenu .inner p a {
color:#2051A4;
padding:0 0 0 56px;
display:block;
}
.productmenu li.pmenu .inner p a {
padding:0 !important;
}
.productmenu li.pmenu .inner .list p a {
text-decoration:none;
}
.productmenu li.pmenu .inner p.more {
width:86%;
text-align:center;
margin:0;
padding:20px 0 0;
position:absolute;
}
#productsearchmenu .productmenu li.pmenu .inner p.more ,
#techinfomenu .productmenu li.pmenu .inner p.more {
bottom:40px;
}
#contactmenu ul.productmenu li, #bottom_menu .productmenu li.contact1, #bottom_menu .productmenu li.contact2, #bottom_menu .productmenu li.contact3, #bottom_menu .productmenu li.contact4 {
padding-bottom:60px;
}
#contactmenu .productmenu li.pmenu .inner p.more {
bottom:0;
}
#productsearch .productmenu li.pmenu .inner p.more, #bottom_menu .productmenu li.pmenu .inner p.more {
width:100%;
position:relative;
}
#bottom_menu .productmenu li.pmenu .inner p.more {
width:86%;
bottom:40px;
position:absolute;
}
.productmenu li.pmenu .inner p.more a {
padding:4px 0 6px;
display:block;
border-radius:3px;
border:solid 1px #A3B7D9;
}
.productmenu li.pmenu .inner p.more a {
font-size:11px;
padding:6px 0 8px !important;
background:transparent;
}
.productmenu li.pmenu .inner p.cat01 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/board_connector.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.cat02 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/fpcffc_connector.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.cat03 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/pinheader.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.cat04 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/socket.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.cat05 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/tanraku_socket.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.cat06 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/interface.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.cat07 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/tanraku_connector.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.cat08 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/compression.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.cat09 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/esd_device.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.ser01 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/board_connector.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.ser02 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/fpcffc_connector.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.ser03 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/pinheader.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.ser04 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/socket.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.ser05 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/tanraku_socket.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.ser06 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/interface.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.ser07 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/tanraku_connector.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.ser08 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/compression.jpg) no-repeat 0 center;
background-size:auto 32px;
}
.productmenu li.pmenu .inner p.con01 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/heikou.jpg) no-repeat 15px center;
background-size:auto 56px;
}
.productmenu li.pmenu .inner p.con02 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/suichoku.jpg) no-repeat 15px center;
background-size:auto 56px;
}
.productmenu li.pmenu .inner p.con03 {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/suihei.jpg) no-repeat 15px center;
background-size:auto 56px;
}
#productsearchmenu, #irinfomenu, #applimenu, #companyinfomenu, #recruitinfomenu, #techinfomenu, #contactmenu {
padding:0 0 25px;
background:#E6EBF2;
}
#gnavi #productsearchmenu .inner, #gnavi #irinfomenu .inner, #gnavi #applimenu .inner, #gnavi #companyinfomenu .inner, #gnavi #recruitinfomenu .inner, #gnavi #techinfomenu .inner, #gnavi #contactmenu .inner {
margin:0 auto;
padding:0;
}
.cominfo1 .inner {
text-align:left;
}
.cominfo1 .inner .list {
width:49%;
display:inline-block;
vertical-align:top;
}
.textmenu {
padding:0 5px;
display:flex;
flex-wrap:nowrap;
}
.textmenu li {
text-align:left;
width:16.66%;
padding:0 10px;
box-sizing:border-box;
}
.textmenu li .list p {
font-size:12px;
line-height:1.5;
margin:10px 0 0;
}
.textmenu li .list p a {
color:#003366;
}
.product_head {
margin:10px 0 0;
padding:5px 0 0;
background:#fff;
}
.haibanpages #pankuzu, .haibanpages .product_head {
background:transparent;
}
.compression_search .product_head {
background:transparent;
padding:5px 0 10px;
}
.product_head .inner {
margin:0 auto;
padding:0 15px;
}
.product_head h1 {
margin-bottom:20px;
}
.product_head h2 {
color:#333;
font-size:30px;
line-height:1.5;
font-weight:bold;
padding:0 0 5px;
margin:10px auto 20px;
box-sizing:border-box;
border-bottom:solid 1px #CBCBCB;
}
.product_search, .mypage_head {
width:100%;
padding:0 0 60px;
margin:0 auto;
box-sizing:border-box;
display:table;
}
.mypage_head {
padding:0 0 30px;
display:block;
}
.mypage_head p {
font-size:12px;
line-height:1.5;
}
.mypage_head p span {
font-weight:bold;
}
.mypage_head p a {
color:#2051A4;
text-decoration: underline;
}
.mypage_head p a:hover {
text-decoration:none;
}
.product_search .image {
width:390px;
min-width:390px;
max-width:390px;
padding:0 30px 0 0;
box-sizing:border-box;
display:table-cell;
vertical-align:top;
}
.product_search .image img {
margin:0 auto;
display:block;
}
.product_search .detailarea, .product_search .contact_area {
display:table-cell;
vertical-align:top;
}
#product_detail .product_search .detailarea {
width:450px;
padding:0 35px;
}
#product_detail .product_search .detailarea p {
line-height:1.8;
}
.product_search .detailarea p {
color:#666;
font-size:14px;
line-height:2;
margin:0;
}
.product_search .detailarea p a.link {
color:#2051A4;
text-decoration: none;
padding:0 0 0 10px;
display:inline-block;
position:relative;
}
.product_search .detailarea p a.link::before {
color:#2051A4;
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:9px;
position:absolute;
top:2px;
left:0;
}
.product_search .detailarea p a:hover {
text-decoration:underline;
}
.compression_search .product_search .detailarea p {
font-size:14px;
}
.detailhead {
margin:0 0 15px;
}
.product_search .detailarea ul {
display:flex;
flex-wrap:wrap;
margin-right:-40px;
}
.product_search .detailarea ul li {
width:20%;
padding:0 40px 0 0;
margin:15px 0 0;
box-sizing:border-box;
}
.product_search .detailarea ul li a, .product_search .detailarea ul li a img {
color:#2051A4;
display:block;
}
.product_search .detailarea ul li a:hover img {
opacity:0.6;
}
.product_search .detailarea ul li {
max-width:140px;
}
.product_search .detailarea ul li a img {
display:block;
}
.product_search .detailarea ul li a p {
color:#2051A4;
font-size:14px;
line-height:1.4;
text-align: center;
margin:10px 0 0;
}
.conditions {
padding:0 15px;
margin:10px auto 60px;
box-sizing:border-box;
}
.conditions .inner {
margin:0 auto;
background:#fff;
border:solid 1px #2051A4;
border-radius:3px;
}
.search_result .conditions h3 {
color:#2051A4;
font-size:18px;
font-weight:400;
text-align:center;
padding:11px 0;
margin:0 auto;
cursor:pointer;
}
.search_result .conditions h3 span {
display:inline-block;
position:relative;
}
.conditions h3 .arrow {
padding:0 0 0 30px;
display:inline-block;
transition:all ease 0.3s;
}
.conditions h3 .arrow::before {
color:#2051A4;
content:'\f078';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:18px;
position:absolute;
top:1px;
left:0;
transition:all ease 0.5s;
}
.conditions.open h3 {
color:#fff;
background:#2051A4;
}
.conditions.open h3 .arrow::before {
color:#fff;
top:0;
transform:rotate(180deg);
}
.conditions.open h3 .optxt, .conditions h3 .cltxt, .search_result .conditions h3 span.cltxt {
display:none;
}
.conditions.open h3 .cltxt, .search_result .conditions.open h3 span.cltxt {
display:inline-block;
}
.conditions_box {
padding:15px 0;
margin:0 auto;
background:#fff;
box-sizing:border-box;
display:none;
}
.search_result {
padding:40px 0 30px;
background:#f7f7f7;
}
#searchArea .search_result {
background:#fff;
border-top:solid 1px #c1c1c1;
}
#searchArea .search_result .inner {
margin:0 auto;
padding:0 15px;
}
#searchArea .conditions .inner {
margin:0 auto;
padding:0;
}
.mypage .search_result, .comparison .search_result {
padding:30px 0 40px;
}
.mypagetop .search_result {
padding:50px 0 80px;
background:#fff;
border-top:0;
}
.search_result .result_inner {
padding:0 15px;
margin:0 auto 40px;
}
.search_result .result_inner.panel {
margin:0 auto 20px;
}
.search_result #same_series {
margin:40px auto 0;
}
.search_result h3 {
color:#333;
font-size:20px;
font-weight:900;
line-height:1.5;
margin:0 0 5px;
padding:0;
box-sizing:border-box;
}
#default_results + #aimai_results {
margin-top:60px;
}
#aimai_results + #aimai_results2 {
margin-top:60px;
}
#aimai_results h2, #aimai_results2 h2 {
padding:40px 0 0;
}
.search_result .result_inner h2 {
padding-bottom: 10px;
border-bottom: 1px solid #c0c1c0;
margin-bottom: 30px;
}
.search_result .result_inner h3 {
padding:0 20px 0 0;
float:left;
}
.searcharea_head {
padding:0 15px;
margin:20px auto 30px;
box-sizing:border-box;
}
.searcharea_head p {
color:#707070;
font-size:14px;
}
.result_menu {
width:100%;
padding:0 360px 10px 0;
margin:0 0 5px;
position:relative;
box-sizing:border-box;
}
.no_results{
margin: 10px auto 60px;
box-sizing: border-box;
padding: 0 15px;
}
.no_results p{
color: #ff0000;
border: 1px solid;
padding: 15px;
}
.result_area table {
width:100%;
text-align:left;
border-collapse:collapse;
background:#fff;
}
.result_area table td {
text-align:center;
}
.result_area table th {
font-weight:400;
}
.result_area table thead{
position: sticky;
top:0;
z-index: 11;
}
.result_area table th, .result_area table td {
color:#666;
font-size:14px;
padding:10px;
background:#fff;
z-index:1;
word-break:break-all;
position:relative;
border-bottom: 1px solid #DEDFE0;
border-right: 1px solid #DEDFE0;
}
.connector_search .scrollbox .inner table td {
font-size:14px;
}
.connector_search .scrollbox .inner table td a {
color:#2051A4;
text-decoration:none;
}
.result_area table td.goku, .result_area table td.series {
width:140px;
}
.result_area table tbody tr th.desc {
width:335px;
vertical-align:top;
text-align:left;
border-right: none;
}
.result_area table thead tr th.desc{
border-left: none;
border-right: none;
}
.result_area table thead tr th.desc:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-left: 1px solid #DEDFE0;
border-right: 1px solid #DEDFE0;
z-index: -1;
}
.result_area table tbody tr th.desc:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-left: 1px solid #DEDFE0;
border-right: 1px solid #DEDFE0;
z-index: -1;
}
.result_area table td.deff {
color:#a00;
}
.result_area table tbody tr th.image {
text-align:center;
padding:0;
overflow:hidden;
border-right: none;
}
.result_area table thead tr th.image{
border-left: none;
border-right: none;
}
.result_area table thead tr th.image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-left: 1px solid #DEDFE0;
border-right: 1px solid #DEDFE0;
z-index: -1;
}
.result_area table tbody tr th.image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-left: 1px solid #DEDFE0;
border-right: 1px solid #DEDFE0;
z-index: -1;
}
.result_area table tbody tr th.image a, .result_area table tbody tr th.image a img,
.result_simple .result_inner ul li .prohead .image a, .result_simple .result_inner ul li .prohead .image a img {
margin:0 auto;
display:block;
}
.result_area table tbody tr th.image a img {
max-width:195px !important;
padding:20px;
box-sizing:border-box;
}
.result_area table thead th, .result_area table thead td {
color:#fff;
font-size:14px;
line-height:1.8;
font-weight:400;
text-align:center;
background:#424343;
padding:10px 5px;
box-sizing:border-box;
}
.result_area table tr th {
position:relative;
height:100px;
box-sizing:border-box;
}
.result_area table thead th{
height:auto;
}
.result_area table tr th.favorite .icon {
width:17px;
height:auto;
position:absolute;
top:5px;
right:6px;
}
.result_area table thead td a {
color:#fff;
padding:0 16px 0 5px;
display:inline-block;
position:relative;
}
.result_area table thead td a:hover {
text-decoration:none;
}
.result_area table thead td a::before {
color:#fff;
content:'\f0dd';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:11px;
position:absolute;
top:1px;
right:5px;
}
table#matings_tworow tbody tr:nth-child(4n) td, table#matings_tworow tbody tr:nth-child(4n-1) td,
table#matings_tworow tbody tr:nth-child(4n) th, table#matings_tworow tbody tr:nth-child(4n-1) th {
background-color:#ebf0f6;
}
.result_area table thead tr th.image {
width:195px;
min-width:195px;
height:auto !important;
padding:0 15px;
}
.result_area table thead tr th.desc {
text-align:center;
width:335px;
min-width:335px;
height:auto !important;
}
.result_area table h3, .prohead .desc h3 {
padding:0;
margin:-5px -5px 10px 0;
vertical-align: top;
}
.result_area table h3 span, .prohead .desc h3 span {
color:#fff;
font-size:10px;
font-weight:400;
line-height:1;
padding:4px;
margin:0 4px 0 0;
background:#4A6085;
border-radius:3px;
display:inline-block;
} .result_area table h3 span a, .prohead .desc h3 span {
color:#fff;
font-size:10px;
font-weight:400;
line-height:1;  background:#4A6085;
border-radius:3px;
display:inline-block;
}
.result_area table h4, .prohead .desc h4 {
color:#2051A4;
font-size:16px;
font-weight:400;
padding:0;
margin:0 0 10px;
clear:both;
}
.result_area table h4 {
margin:10px 0;
}
.result_area table h4 a, .prohead .desc h4 a {
color:#2051A4;
text-decoration:none;
}
.result_area table p, .prohead .desc p {
color:#666;
font-size:11px;
line-height:1.5;
margin:0;
}
.result_area table .downloadarea, .prohead .desc .downloadarea {
padding:0 25px 0 0;
}
.result_area table a.download, .prohead .desc a.download {
color:#2051A4;
font-size:12px;
line-height:1.6;
text-decoration:none;
margin:10px 5px 0 0;
padding:5px 10px 5px 26px;
display:inline-block;
border:solid 1px #2051A4;
border-radius:3px;
position:relative;
}
.result_area table a.download::after, .prohead .desc a.download::after {
color:#2051A4;
content:'\f56d';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:15px;
position:absolute;
top:3px;
left:9px;
}
.result_area table a.download.pdf, .prohead .desc a.download.pdf {
padding:5px 10px 5px 26px;
}
.result_area table .zumendownload a.download {
margin:0 !important;
}
.result_area table a.favorite, .result_area table a.favorite img, .prohead .image a.favorite, .prohead .image a.favorite img {
width:18px;
height:17px;
display:block;
}
.result_area table a.favorite {
position: absolute;
top:5px;
left:5px;
z-index:2;
}
.prohead .image a.favorite {
position: absolute;
top:-15px;
left:0;
}
.result_area table a.favorite i, .prohead .image a.favorite i {
font-size:16px;
}
.prohead .image a.favorite i {
position:relative;
top:-3px;
left:-3px;
}
.result_area table a.favorite i.fa-star, .prohead .image a.favorite i.fa-star {
color:#ecb602;
}
.result_area table a.favorite i.fa-star.star-off, .prohead .image a.favorite i.fa-star.star-off {
color:#c1c1c1;
font-weight:400
}
.result_area table th label, .prohead .image label {
padding:15px 0 15px 35px;
display: block;
position: relative;
cursor: pointer;
}
.form_window {
width:100%;
padding:25px 40px;
border:solid 1px #D3DBE4;
display:flex;
box-sizing: border-box;
}
.form_window > ul {
width:100%;
max-height:798px;
display:flex;
flex-direction:column;
flex-wrap:wrap;
}
.form_window > ul li {
width:20%;
height:30px;
color:#2051A4;
font-size:14px;
padding:5px 10px;
cursor: pointer;
box-sizing: border-box;
}
#ser-form .form_window ul li label {
height:20px;
line-height:20px;
white-space:nowrap;
}
.formtabarea {
border:solid 1px #D3DBE4;
display:flex;
}
.formtabarea > ul {
background:#F2F5F9;
}
.formtabarea > ul li {
font-size:14px;
line-height:1.5;
width:240px;
padding:20px;
cursor: pointer;
box-sizing: border-box;
border-top:solid 1px #D3DBE4;
}
.formtabarea > ul li.active {
background:#fff;
}
.formtabarea > ul li:first-child {
border-top:0;
}
.formtabarea div.tabBox {
width:100%;
padding:10px 20px;
box-sizing: border-box;
display:none;
}
.formtabarea div.tabBox.active {
display:flex;
}
.formtabarea div.tabBox ul {
width:33.33%;
}
.formtabarea div.tabBox ul li {
font-size:14px;
padding:7px 20px 8px;
background:#fff;
}
.form_category ul {
display:flex;
flex-wrap:wrap;
}
.form_category ul li {
width:50%;
padding:10px 10px 0;
box-sizing:border-box;
}
.form_category ul li label {
color:#2051A4;
font-size:18px;
width:100%;
min-height:130px;
padding:15px 15px 15px 174px;
background:#fff;
display:table;
border:solid 1px #2051A4;
border-radius:5px;
cursor:pointer;
box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);
box-sizing:border-box;
}
.form_category ul li.category01 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/board_connector.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.category02 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/fpcffc_connector.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.category03 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/pinheader.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.category04 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/socket.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.category05 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/esd_device.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.category06 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/tanraku_connector.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.category07 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/tanraku_socket.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.category08 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/interface.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.category09 label {
background:url(//www.irisoele.com/en/wp-content/themes/categories/img/compression.jpg) no-repeat 7% center #fff;
background-size:auto 90px;
}
.form_category ul li.select label {
background-color:#e3eaf4;
}
.form_category ul li label span {
display:table-cell;
vertical-align: middle;
}
#cat-form {
padding:20px 10px 30px;
}
.mfp-content .white-popup-block h1 {
font-size:16px;
margin:5px 0 25px;
padding-left:28px;
position:relative;
}
.mfp-content #cat-form.white-popup-block h1 {
margin:5px 0 15px 10px;
}
.mfp-content .white-popup-block h1::before {
color:#333;
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:14px;
position:absolute;
top:6px;
left:0;
}
.mfp-content .white-popup-block p.chuki {
color:#666;
font-size:14px;
margin:-10px 0 10px;
}
#pit_clear, #pit_all.off, #gok_clear, #gok_all.off, #ser_clear, #ser_all.off {
display:none;
}
#pit_clear.on, #gok_clear.on, #ser_clear.on {
display:block;
}
#pit_all.off label::before, #pit_clear.on label::before, #gok_all.off label::before, #gok_clear.on label::before, #ser_all.off label::before, #ser_clear.on label::before {
opacity:1;
}
ul.checklist li label, .formtabarea div.tabBox ul li label, .form_window ul li label, #conditions_search .cond_box .inputarea .checklist label {
padding:0 0 0 22px;
display: block;
position: relative;
cursor: pointer;
}
.result_area table th label::after, .prohead .image label::after,.saveList label::after, ul.checklist li label::after, .formtabarea div.tabBox ul li label::after, .form_window ul li label::after, #conditions_search .cond_box .inputarea .checklist label::after {
position: absolute;
top:50%;
left:10px;
width:14px;
height:14px;
margin-top:-10px;
border-radius:0;
border:solid 1px #2051A4;
box-sizing: border-box;
display: block;
content: '';
background: #fff;
z-index: 1;
}
ul.checklist li label::after, .formtabarea div.tabBox ul li label::after, .form_window ul li label::after, #conditions_search .cond_box .inputarea .checklist label::after {
margin-top:0;
top:5px;
left:0;
}
.result_area table th label:before, .prohead .image label::before, .saveList label::before, ul.checklist li label::before, .formtabarea div.tabBox ul li label::before, .form_window ul li label::before, #conditions_search .cond_box .inputarea .checklist label::before {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
position: absolute;
top:50%;
left:14px;
display: block;
width: 4px;
height: 6px;
margin-top:-8px;
border-right: 2px solid #2051A4;
border-bottom: 2px solid #2051A4;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
}
input[type="checkbox"]:checked + label:before, input[type="checkbox"].checked + label:before, input[type="radio"]:checked + label:before {
opacity:1 !important;
}
ul.checklist li label::before, .formtabarea div.tabBox ul li label::before, .form_window ul li label::before, #conditions_search .cond_box .inputarea .checklist label::before {
margin-top:0;
top:7px;
left:4px;
}
.sort_menu {
display:flex;
position:absolute;
bottom:10px;
right:0;
}
.sort_menu div {
margin:0 0 0 20px;
position: relative;
}
.sort_menu div label {
color:#000;
font-size:14px;
padding:0 10px 0 0;
}
.sort_menu select, .selectlist select {
color:#2051A4;
font-size:14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width:90px;
margin:0;
border:0;
outline:none;
padding:3px 0 2px 5px;
border:solid 1px #2051A4;
border-radius:3px;
position:relative;
z-index:1;
background:transparent;
}
.selectlist .select_arrow {
display:inline-block;
position:relative;
}
.sort_menu div::after, .selectlist .select_arrow::after {
color:#2051A4;
content:'\f078';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:11px;
position:absolute;
top:11px;
right:8px;
z-index:0;
}
ul.check_list {
width:100%;
display:flex;
padding:10px 0 0;
}
ul.check_list li {
padding:0 38px 0 0;
margin:0 15px 0 0;
background:#fff;
position:relative;
border:solid 1px #2051A4;
box-sizing: border-box;
border-radius:3px;
}
ul.check_list li#save, ul.check_list li#file_download {
padding:0;
margin:0 15px 0 0;
background:#fff;
border:solid 1px #2051A4;
box-sizing: border-box;
border-radius:3px;
}
ul.check_list li a.close {
color:#fff;
font-size:20px;
width:38px;
height:38px;
line-height:38px;
text-align:center;
display:block;
background:#264EA4;
position: absolute;
top:0;
right:0;
border-radius:0 3px 3px 0;
}
ul.check_list li a.close i {
font-size:16px;
padding:0 !important;
position:relative;
top:-2px;
}
ul.check_list li p {
font-size:14px;
line-height:38px;
}
ul.check_list li p a {
color:#2051A4;
padding:0 20px 0 38px;
display:block;
position:relative;
}
ul.check_list li p a .window::after {
color:#2051A4;
content:'\f35d';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:13px;
position:absolute;
top:1px;
right:10px;
}
ul.check_list li#save p a, ul.check_list li#file_download p a {
color:#2051A4;
padding:0 20px 0 40px;
display:block;
position:relative;
}
ul.check_list li#file_download p a {
padding:0 30px 0 35px;
}
ul.check_list li#save p a::after, ul.check_list li#file_download p a::after {
color:#2051A4;
content:'\f0c2';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:14px;
position:absolute;
top:1px;
left:15px;
}
ul.check_list li#file_download p a::after {
content:'\f15c';
}
ul.check_list li#favorite p a {
position:relative;
}
ul.check_list li#favorite p a::after {
color:#ecb602;
content:'\f005';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:16px;
position:absolute;
top:0;
left:15px;
}
.scrollbar {
width:100%;
height:12px;
margin-bottom:4px;
overflow-x: scroll;
overflow-y: hidden;
}
.scrollbar .inner {
width:2000px;
padding:0 !important;
height: 1px;
}
.scrollbox {
width: 100%;
overflow-x: scroll;
}
.scrollbox .inner {
width:2000px;
padding:0 !important;
margin-bottom: 5px;
max-height: 800px;
}
.scrollbox .txt {
margin:0;
font-size: 16px;
line-height: 1.5;
}
.mypagedl .scrollbar .inner, .mypagedl .scrollbox .inner {
width:100%;
}
.comparison .scrollbar .inner, .comparison .scrollbox .inner {
width:6821px;
min-width:6821px;
}
.mypagetop .scrollbar .inner, .mypagetop .scrollbox .inner {
width:900px;
margin-left:auto;
margin-right:auto;
}
.mypage #scrollbar, .connector_search #scrollbar {
display:none;
}
.panel .scrollbar .inner, .panel .scrollbox .inner, .connector_search .scrollbox .inner {
width:100% !important;
min-width:inherit;
}
.pitch_table .scrollbox .inner, .pitch_table .scrollbar .inner {
width:1366px;
}
.conditions_box .pitch_table .scrollbox .inner, .conditions_box .pitch_table .scrollbar .inner {
width:1364px;
}
.comparison .result_area table th, .comparison .result_area table td {
min-width:100px;
}
.pitch_table .result_area table th, .pitch_table .result_area table td {
font-size:13px;
text-align:center;
}
.pitch_table .result_area table th {
color:#fff;
padding:10px;
background:#424343 !important;
box-sizing:border-box;
}
.pitch_table .result_area table td {
padding:0;
background:#fff;
box-sizing: border-box;
}
.pitch_table .result_area table td.on {
background:#D3DBE4;
}
.pitch_table .result_area table td:hover a, .pitch_table .result_area table td:hover h4 {
color:#fff;
}
.pitch_table .result_area table th:last-child, .pitch_table .result_area table td:last-child {
border-right: solid 1px #8e8e8e;
}
.pitch_table .result_area table tr td::before, .pitch_table .result_area table tr td::after {
background:#8e8e8e;
}
.pitch_table .result_area table td > a {
padding:18px 10px;
display:table-cell;
box-sizing:border-box;
text-decoration:none;
vertical-align:middle;
pointer-events:none;
z-index:-1;
}
.pitch_table .result_area table td.on > a {
pointer-events:auto;
}
.pitch_table .result_area table td, .pitch_table .result_area table td > a {
min-width:154px;
}
.pitch_table .result_area table td > a {
display:block;
}
.pitch_table .result_area table th {
width:130px;
min-width:130px;
max-width:130px;
}
#matings_pitch.pitch_table .result_area table th {
width:14.29%;
min-width:inherit;
max-width:none;
}
.pitch_table .result_area table thead th {
padding:15px 10px;
height:auto;
min-height:inherit;
}
.pitch_table .result_area table td h4 {
font-size:14px;
font-weight:400;
margin:0;
}
.pitch_table .result_area table td p {
color:#fff;
font-size:10px;
text-align:center;
width:2.3em;
padding:0 0 1px;
margin:6px 0 0;
border-radius:3px;
background:#4A6085;
display:inline-block;
box-sizing: border-box;
}
.connector_search .scrollbox .inner table .image img {
width:50%;
}
.panel .result_area table {
background:transparent;
overflow:hidden;
}
.panel .result_area table tbody {
margin:0 -10px;
display:block !important;
}
.panel .result_area table thead, .panel .result_area table tbody td {
display:none;
}
.panel .result_area table tr {
width:33.33%;
padding:0 10px 20px;
box-sizing:border-box;
display:block !important;
float:left;
}
.narrow_inner .result_area table tr, .narrow_inner.panel .result_area table tr {
width:50%;
}
.panel .result_area table th, .panel .result_area table td {
border:solid 1px #DEDFE0 !important;
}
.panel .result_area table tr th.image {
width:180px;
min-width:180px;
padding:0 10px;
background-image:none;
position:relative !important;
border-radius:3px 0 0 3px;
border-right: 0 !important;
}
.panel .result_area table tr th.desc {
width:100%;
border-right:solid 1px #DEDFE0 !important;
border-left:0 !important;
background-image:none;
position:relative !important;
left:0 !important;
border-radius:0 3px 3px 0;
}
.panel .result_area table tr th.image::after {
display:none;
} .scrollbar::-webkit-scrollbar,
.scrollbox::-webkit-scrollbar {
height:12px;
}
.scrollbar::-webkit-scrollbar-track,
.scrollbox::-webkit-scrollbar-track {
border-radius:10px;
}
.scrollbar::-webkit-scrollbar-thumb,
.scrollbox::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#c1c1c1;
}
.page_navi, .news_nav {
padding:0 0 40px;
}
#searchpage .news_nav {
margin-top:30px;
}
.search_result .page_navi {
position:relative;
top:-10px;
}
.page_navi ul, .news_nav {
text-align:center;
}
.page_navi ul li, .news_nav a, .news_nav span {
font-size:12px;
line-height:24px;
margin:0 10px;
display:inline-block;
overflow:hidden;
}
.page_navi ul li.first, .page_navi ul li.prev, .page_navi ul li.next, .page_navi ul li.last, .news_nav a.prev, .news_nav a.next {
font-size:16px;
margin:0 1px;
}
.page_navi ul li a, .news_nav a, .news_nav span {
color:#2051A4;
padding:2px 10px 3px;
display:block;
border:solid 1px #2051A4;
border-radius:3px;
box-sizing:border-box;
background:#fff;
}
.news_nav a, .news_nav span {
display:inline-block;
}
.page_navi ul li.current, .news_nav span.current {
color:#666;
padding:3px 12px 4px;
background:#DEDFE0;
border-radius:3px;
border:0;
}
.page_navi ul li.first a, .page_navi ul li.prev a, .page_navi ul li.next a, .page_navi ul li.last a, .news_nav a.prev, .news_nav a.next {
font-weight:bold;
background:transparent;
border:0;
}
.contact_navi {
padding:10px 0 0;
}
.contact_navi p {
color:#666;
font-size:12px;
line-height:1.5;
text-align: center;
margin:0 0 10px;
}
.contact_navi p a {
color:#2051A4;
text-decoration:none;
padding:0 0 0 10px;
display: inline-block;
position:relative;
}
.contact_navi p a::before {
color:#2051A4;
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:9px;
position:absolute;
top:2px;
left:0;
}
footer {
background:#fff;
}
#fmenu {
padding:35px 0 60px;
background:#F5F5F5;
}
#fmenu .inner {
margin:0 auto;
}
#fmenu ul {
margin:0;
padding:0 3px;
display:flex;
flex-wrap:wrap;
}
#fmenu ul li {
line-height:16px;
width:16.66%;
padding:0 12px 5px;
box-sizing:border-box;
}
#fmenu ul li h2 {
color:#2051A4;
font-size:14px;
font-weight:400;
letter-spacing:0.1em;
line-height:1.2;
margin:35px 0 5px;
padding:0 0 6px;
border-bottom:solid 1px rgba(32,81,164,0.5);
}
#fmenu ul li p {
margin:10px 0 0;
}
#fmenu ul li p a {
color:#2051A4;
font-size:14px;
font-weight:200;
}
#ftbottom {
margin:0 auto;
padding:26px 10px;
box-sizing:border-box;
}
.fleft {
width:60%;
float:left;
}
.fleft ul {
padding:5px 0 10px;
}
.fleft ul li {
padding:0 20px 10px 0;
display:inline-block;
}
.fleft ul li a {
color:#2051A4;
font-size:13px;
line-height:1.2;
text-decoration:none;
padding:0 0 0 10px;
position:relative;
display:inline-block;
}
.fleft ul li a::before {
color:#2051A4;
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:8px;
position:absolute;
top:2px;
left:0;
}
#copyright {
color:#2051A4;
font-size:11px;
line-height:1;
float:left;
}
.fright {
float:right;
}
.fright .logo {
margin:0 0 0 40px;
float:left;
}
.fleft ul li#snsbtn {
padding:0;
}
.fleft ul li#snsbtn a {
color:#2051A4;
font-size:18px;
line-height:1;
text-decoration:none;
padding:0 0 0 4px;
margin:0;
position:relative;
display:inline-block;
}
.fleft ul li#snsbtn a::before {
display:none;
}
#mypage_title {
margin:0 auto 20px;
padding:10px 0 15px;
}
.applications #mypage_title {
margin-bottom:0;
}
#mypage_title h1 {
font-size:50px;
line-height:1.5;
padding:0 15px;
}
.accountpage #mypage_title h1 {
font-size:40px;
}
#mypage_title h1 span {
font-size:18px;
display: block;
}
#mypage_menu {
margin:-10px auto 80px;
padding:0 15px;
}
#mypage_menu ul {
margin:0 -10px;
display:flex;
}
#mypage_menu ul li {
width:33.33%;
padding:0 10px;
box-sizing: border-box;
}
#mypage_menu ul li a {
padding:25px;
text-decoration:none;
border:solid 1px #2051A4;
border-radius:3px;
display: block;
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);
transition:all ease 0.3s;
}
#mypage_menu ul li a:hover {
background:#F2F5F9;
}
#mypage_menu ul li a h2 {
color:#2051A4;
font-size:20px;
font-weight:bold;
line-height:1.6;
padding:0 0 0 27px;
margin:0 0 10px;
border:0;
position:relative;
}
#mypage_menu ul li a h2::before {
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:20px;
position:absolute;
top:0;
left:0;
}
#mypage_menu ul li.personal a h2::before {
content:'\f007';
}
#mypage_menu ul li.favorite a h2::before {
content:'\f005';
}
#mypage_menu ul li.download a h2::before {
content:'\f019';
}
#mypage_menu ul li a p {
color:#707070;
font-size:12px;
line-height:1.6;
}
#news {
margin:0 auto 80px;
padding:30px 0 35px;
box-sizing: border-box;
}
#news h2, .result_simple h2, .mypagetop .search_result h2 {
color:#333;
font-size:30px;
line-height:1.5;
font-weight:bold;
padding:0 0 5px;
margin:0 auto 20px;
border-bottom:solid 1px #CBCBCB;
}
.mypagetop .search_result h2 {
margin:0 auto 20px;
}
#news .newsBox {
padding:25px 0 0;
}
#news div.newsBox {
display:none;
}
#news div.active {
display:block;
}
#news .newsInner {
padding:0 0 10px;
}
#news .newsInner li {
color:#003366;
font-size:14px;
line-height:1.5;
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px dashed #979797;
position:relative;
vertical-align:top;
box-sizing:border-box;
display:flex;
flex-wrap:nowrap;
}
.blog_status {
position:relative;
top:20px;
}
.wp_contents .blog_status p {
margin-bottom:0;
}
#news .newsInner .date, .blog_status .date {
color:#333;
font-weight:bold;
width:95px;
padding:0 5px;
box-sizing:border-box;
display:inline-block;
}
.blog_status .date {
padding-left:0;
}
.ir, .products, .recruit, .etc {
color:#fff;
text-align: center;
font-size:10px;
line-height:1;
width:75px;
max-height:12px;
padding:4px 0;
margin-right:15px;
display:inline-block;
border-radius:3px;
}
.ir {background:#AA0000;}
.products {background:#003EAA;}
.recruit {background:#00AA4F;}
.etc {background:#4A6085;}
#news .newsInner li a{
color:#2051A4;
width:calc(100% - 170px);
}
#newSelect {
margin:0 -12px;
display:flex;
}
#newSelect li {
width:20%;
padding:0 12px;
color:#fff;
font-size:14px;
line-height:1;
text-align: center;
box-sizing: border-box;
}
#newSelect li a {
color:#fff;
text-decoration:none;
}
#newSelect li span {
padding:7px 5px 8px;
cursor:pointer;
background:#333;
border:solid 1px #333;
border-radius:3px;
display:block;
box-sizing:border-box;
}
#newSelect li.tab_pro span {
background:#2051A4;
border:solid 1px #2051A4;
}
#newSelect li.tab_ir span {
background:#AA0000;
border:solid 1px #AA0000;
}
#newSelect li.tab_rec span {
background:#029229;
border:solid 1px #029229;
}
#newSelect li.tab_etc span {
background:#4A6085;
border:solid 1px #4A6085;
}
#newSelect li.active, #newSelect li.active a, #newSelect li.active span.btn_hover_w:hover {
color:#333 !important;
}
#newSelect li.active span {
border:solid 1px #979797;
background:#fff;
}
#news .newsInner li a br {
display:none;
}
#account_menu .form_area {
margin:0 auto;
}
.result_simple {
padding:70px 0;
}
.mypagetop .result_simple {
background:#F2F5F9;
}
.result_simple h2 {
padding:0 15px;
}
.result_simple .result_inner {
margin:0 auto;
padding:0;
}
.result_simple .result_inner ul {
margin:0 -7px;
display:flex;
flex-wrap:wrap;
}
.result_simple .result_inner ul li {
width:50%;
padding:0 7px 14px;
box-sizing:border-box;
}
.result_simple .result_inner ul li .prohead {
width:100%;
padding:20px 20px 20px 10px;
border:solid 1px #C1C1C1;
background:#fff;
box-sizing: border-box;
display:table;
overflow:hidden;
}
.result_simple .result_inner ul li .prohead .image {
width:200px;
text-align:center;
display:table-cell;
vertical-align:middle;
position: relative;
}
.result_simple .result_inner ul li .prohead .desc {
display:table-cell;
vertical-align:top;
position: relative;
}
.result_simple .button, .search_result .button {
text-align: center;
padding:10px 0 0;
}
.search_result .button {
padding:20px 0 0;
}
.product_detail .search_result .button {
padding:30px 0;
}
#news .button {
text-align: center;
}
.mypage_head .backbtn {
margin:30px 0 0;
}
.result_simple .button a, .search_result .button a, #news .button a, .mypage_head .backbtn a {
color:#2051A4;
font-size:11px;
line-height:1.5;
display: inline-block;
padding:5px 40px;
border:solid 1px #2051A4;
border-radius:3px;
background:#fff;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.mypage_head .backbtn a {
padding:5px 30px 5px 44px;
position:relative;
}
.mypage_head .backbtn a:after {
content:'\f053';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:0.9em;
position:absolute;
top:6px;
left:10px;
display: block;
}
.form_menu {
padding:0 0 20px;
margin:0 auto 80px;
box-sizing:border-box;
}
.haibanpages .form_menu {
padding-bottom:60px;
margin-bottom:0;
}
#login_menu {
margin-top:20px;
}
#account_menu {
padding-top:20px;
}
#account_menu .inner.narrow_inner, #signup_info .inner.narrow_inner {
margin:0 auto;
padding:0 15px;
}
.product_detail #account_menu {
padding-top:60px;
background:#fff;
}
#login_menu > .inner {
padding:0 15px;
margin:0 auto;
display:flex;
}
#login_menu > .inner div.signin, #login_menu > .inner div.signup {
width:50%;
padding:0 0 0 15px;
}
#login_menu > .inner div.signin {
padding:0 15px 0 0;
}
.form_menu > .inner div .inner {
padding:30px 60px 60px;
background:#F2F5F9;
border:solid 1px #D3DBE4;
border-radius:3px;
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);
}
.form_menu > .inner > div.form_area .inner {
margin:30px auto 0;
box-sizing: border-box;
}
.form_menu > .inner div h2 {
font-size:20px;
text-align:center;
margin:0 0 20px;
}
.form_menu > .inner div h2 span {
display:inline-block;
}
.form_menu > .inner div h3.note {
color:#a00;
font-size:16px;
margin:30px 0 0;
}
.form_menu > .inner div p {
color:#666;
font-size:14px;
line-height:1.8;
padding:20px 0 0;
}
.form_menu > .inner div.mw_wp_form_complete p {
padding-top:0 !important;
margin-top:-20px !important;
}
.form_menu > .inner div p.forgot {
font-size:11px;
padding:10px 0 0;
}
.form_menu > .inner div p.forgot a {
color:#2051A4;
}
.form_menu > .inner div p.forgot a:hover {
text-decoration: underline;
}
.form_menu > .inner div ul {
padding:20px 0 0;
}
.form_menu > .inner div ul li {
color:#666;
font-size:12px;
line-height:1.8;
}
.form_menu > .inner div form {
padding:0 30px;
}
form#signin {
margin:60px 0 0;
}
form#signup {
margin:35px 0 0;
}
form#password {
max-width:480px;
margin:35px auto 0;
}
.form_menu > .inner div form h3 {
color:#333;
font-size:15px;
line-height:1.5;
margin:0 0 5px;
}
.form_menu > .inner div form h3 span {
font-size:11px;
font-weight:400;
}
.formlist {
margin:0 0 15px;
}
.formlist input.inputText, #conditions_search .cond_box .inputarea .inputtxtlist input, .formlist textarea.inputText {
color:#333;
font-size:14px;
line-height:1.5;
width:100%;
padding:5px 10px;
border:solid 1px #2051A4;
border-radius:4px;
display:inline-block;
box-sizing: border-box;
}
.formlist textarea.inputText {
min-height:130px;
}
.saveList {
margin:20px 0 10px;
position: relative;
}
.saveList label, .radiolist li label {
color:#666;
font-size:12px;
line-height:1.5;
padding:0 0 5px 22px;
display:inline-block;
position:relative;
cursor: pointer;
}
.saveList label::after {
left:0;
}
.saveList label::before {
left:4px;
}
.submit_btn {
margin:15px 0 0;
}
.submit_btn button, .submit_btn a, .submitbtn button {
color:#fff;
font-size:16px;
line-height:1.8;
text-align: center;
width:100%;
padding:10px 5px;
border:0;
border-radius:3px;
background:#2051A4;
border:solid 1px #2051A4;
display:block;
box-sizing: border-box;
cursor: pointer;
}
.submit_btn.confirm_btn button, .submit_btn.confirm_btn a {
color:#2051A4;
font-size:14px;
border:solid 2px #2051A4;
background:#fff;
position:relative;
}
.submit_btn.confirm_btn button::after, .submit_btn.confirm_btn a::after {
color:#2051A4;
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:14px;
position:absolute;
top:10px;
right:10px;
}
.submit_btn button[type="submit"][disabled] {
pointer-events:none;
background:#999;
border:solid 1px #999;
cursor:default;
}
#signin .submit_btn button .icon, .submit_btn a .icon {
padding:0 0 0 24px;
display:inline-block;
position:relative;
}
#signin .submit_btn button .icon::before {
color:#fff;
content:'\f007';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:15px;
position:absolute;
top:1px;
left:0;
}
.submit_btn.confirm_btn button.disabled {
color:#a0a0a0 !important;
border:solid 2px #a0a0a0 !important;
background:#fff !important;
pointer-events:none;
}
.submit_btn.confirm_btn button.disabled::after {
color:#a0a0a0 !important;
}
.confirm_mail h3 {
font-size:20px;
font-weight:400;
margin:10px 0 0;
}
.form_menu > .inner > div.form_area form {
margin:40px auto 0;
box-sizing: border-box;
}
.form_menu > .inner div form h3 span.hissu, .form_menu > .inner div form h3 span.ninni {
color:#fff;
font-size:10px;
line-height:1;
text-align: center;
padding:4px 10px 3px;
margin:0 0 0 10px;
display:inline-block;
background:#a00;
border-radius:3px;
position: relative;
top:-2px;
}
.form_menu > .inner div form h3 span.ninni {
background:#666;
}
.formlist input.inputText.halfsize {
width:250px;
}
.formlist input.inputText.smlsize {
width:120px;
}
.formlist .nameinput input.inputText {
width:80px;
margin:0 20px 0 8px;
}
.formlist .telinput input.inputText:nth-child(1) {
width:180px;
}
#account_menu .formlist {
margin:0 0 40px;
}
.form_menu > .inner div ul.radiolist {
padding:0;
}
.form_menu > .inner div ul.radiolist li {
margin:5px 0 0;
}
.radiolist li label, #conditions_search .cond_box .inputarea .radiolist label {
color:#2051A4;
font-size:14px;
position:relative;
padding:0 0 2px 20px;
cursor:pointer;
}
.radiolist li label::after, #conditions_search .cond_box .inputarea .radiolist label::after {
position: absolute;
top:50%;
left:0;
width:14px;
height:14px;
margin-top:-8px;
border-radius:14px;
border:solid 1px #2051A4;
box-sizing: border-box;
display: block;
content: '';
background: #fff;
z-index:1;
}
.radiolist li label:before, #conditions_search .cond_box .inputarea .radiolist label::before {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
position: absolute;
top:50%;
left:3px;
display: block;
width:8px;
height:8px;
margin-top:-5px;
content:'';
border-radius:8px;
background:#2051A4;
opacity:0;
z-index:2;
}
#account_menu .submit_btn button, #account_menu .submit_btn a, .submitbtn button, #signup_info .submit_btn button, #signup_info .submit_btn a, .submitbtn button {
width:280px;
margin:0 auto;
}
.submit_btn a, #account_menu .submit_btn a, #signup_info .submit_btn a {
margin-top:30px;
}
.kiyaku_area {
max-height:240px;
padding:10px;
border:solid 1px #0070BB;
background:#fff;
border-radius:3px;
overflow-y:auto;
box-sizing: border-box;
}
.form_menu > .inner div .kiyaku_area h4 {
color:#666;
font-size:14px;
margin:0 0 5px;
}
.form_menu > .inner div .kiyaku_area p {
padding:20px 0 0;
}
.form_menu > .inner > div.form_area form {
padding:0 !important;
border-top:solid 1px #D3DBE4;
}
.form_menu > .inner > div.form_area form .formlist {
width:100%;
display:table;
margin:0 !important;
}
.form_menu > .inner > div.form_area .mw_wp_form_confirm form .formlist.privacyarea, .mw_wp_form_confirm .selectlist .select_arrow::after {
display:none;
}
.form_menu > .inner > div.form_area form .formlist h3 {
line-height:34px;
width:235px;
padding:20px 10px 20px 15px;
margin:0;
vertical-align:top;
display:table-cell;
background:#F2F5F9;
box-sizing:border-box;
border-left:solid 1px #D3DBE4;
border-bottom:solid 1px #D3DBE4;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin {
padding:25px 10px;
border-right:solid 1px #D3DBE4;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea {
text-align:center;
position:relative;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea a.login {
background:#fff;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea, .form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea a.login {
margin:0 5px !important;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea .alert {
line-height:18px;
padding:8px 20px;
margin-top:-16px;
border-radius:5px;
position:absolute;
top:8px;
}
.form_menu > .inner > div.form_area form .formlist .input_form {
font-size:14px;
padding:20px;
vertical-align:middle;
display:table-cell;
background:#fff;
border-right:solid 1px #D3DBE4;
border-bottom:solid 1px #D3DBE4;
}
.form_menu > .inner > div.form_area form .formlist .input_form a {
color:#2051A4;
text-decoration: underline;
}
.form_menu > .inner > div.form_area form .formlist .input_form a:hover {
text-decoration:none;
}
.form_menu > .inner > div.form_area form .formlist .input_form select {
width:auto;
padding:6px 25px 5px 8px;
margin:0;
}
.form_menu > .inner > div.form_area form .formlist .input_form .saveList {
margin:0;
}
.form_menu > .inner > div.form_area form .formlist .input_form .saveList label, .form_menu > .inner > div.form_area form ul.checklist li label {
color:#2051A4;
font-size:14px;
}
.form_menu > .inner > div.form_area form .formlist .input_form .saveList a {
display:inline-block;
}
.form_menu > .inner > div.form_area form .formlist .input_form .saveList a i {
padding:0 5px;
}
.form_menu > .inner > div.form_area form .submit_btn {
margin:30px 0 0;
}
.form_menu > .inner > div.form_area form .submit_btn p {
text-align: center;
padding:0 0 20px;
}
form .formlist .alert, .mfp-content .gaitou, .submit_btn .gaitou {
color:#fff;
font-size:14px;
line-height:22px;
padding:5px 10px;
margin-left:15px;
background:#4A6085;
display:inline-block;
position:relative;
}
.mfp-content .gaitou, .submit_btn .gaitou {
text-align: center;
padding:12px 10px;
position:absolute;
top:0;
left:290px;
white-space:nowrap;
}
.submit_btn .gaitou {
left:260px;
}
form .formlist .alert::after, .mfp-content .gaitou::after, .submit_btn .gaitou::after {
content:"";
width:10px;
height:12px;
position:absolute;
top:50%;
left:-10px;
margin-top:-6px;
background:url(//www.irisoele.com/en/wp-content/themes/iriso/img/ico_alert.png) no-repeat 0 0;
}
.mfp-content .gaitou, .submit_btn .gaitou {
font-size:14px;
}
.mfp-content .gaitou .num, .submit_btn .gaitou .num {
font-size:20px;
margin-right:5px;
}
.form_menu > .inner div ul.checklist:first-child {
padding:5px 0 0;
}
.form_menu > .inner div ul.checklist li {
margin:15px 0 0;
}
.form_menu > .inner div ul.checklist li:first-child {
margin:0;
}
.form_menu > .inner div ul.checklist li ul li {
margin:5px 0 0;
}
.form_menu > .inner div ul.checklist li ul {
padding:8px 0 5px 25px;
display:none;
}
.form_menu > .inner div ul.checklist + p {
padding-top:5px;
}
#prefecture {
margin:0 0 0 10px;
display:none;
}
#prefecture.visible {
display:inline-block;
}
.appli_menu {
background:#fff;
}
.appli_menu h2 {
color:#fff;
font-size:30px;
font-weight:700;
line-height:2;
padding:0;
margin:0 auto;
letter-spacing:0.05em;
}
.appli_menu h2 a {
color:#fff;
text-decoration:none;
padding:110px 0;
display:block;
overflow:hidden;
position:relative;
}
.appli_menu h2 a .image {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.appli_menu h2 a .image img {
width:auto;
display:block;
position:absolute;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
}
#motorcycle_connector h2 {
background:url(//www.irisoele.com/en/wp-content/themes/applications/img/motorcycle_connector.jpg) no-repeat center 0;
background-size:cover;
}
.appli_menu h2 span {
margin:0 auto;
padding:0 15px;
display:block;
position:relative;
z-index:2;
}
.appli_menu ul {
width:100%;
margin:0 auto;
padding:35px 5px 30px;
display:flex;
flex-wrap:wrap;
}
.appli_menu ul li {
width:33.33%;
padding:0 10px;
margin:0 0 50px;
box-sizing:border-box;
}
.appli_menu ul li h3 {
font-size:16px;
font-weight:bold;
line-height:1.6;
}
.appli_menu ul li p {
font-size:14px;
line-height:1.6;
margin:10px 0 0 15px;
}
.appli_menu ul li h3 a, .appli_menu ul li p a {
color:#2051A4;
padding:0 0 0 14px;
display:inline-block;
position:relative;
}
.appli_menu ul li h3 a::before, .appli_menu ul li p a::after {
color:#2051A4;
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:13px;
position:absolute;
top:3px;
left:0;
}
.appli_menu ul li p a::after {
font-size:12px;
top:2px;
}
.appli_menu ul li .more {
text-align: center;
margin:25px 0 0;
}
.appli_menu ul li .more a {
color:#2051A4;
font-size:12px;
line-height:18px;
padding:4px 0 6px;
margin:0 15px;
text-align: center;
border:solid 1px #2051A4;
border-radius:3px;
display: block;
}
.product_con {
margin:0 0 40px;
}
.product_con .main_image {
margin:0 0 30px;
}
.product_con .main_image img {
margin:0 auto;
display:block;
}
.product_con h2 {
color:#333;
font-size:28px;
line-height:1.5;
padding:0 0 10px;
margin:60px 10px 20px;
box-sizing: border-box;
border-bottom:solid 1px #CBCBCB;
}
.product_con ul {
margin:0 auto;
vertical-align:middle;
display:flex;
flex-wrap:wrap;
overflow:hidden;
}
.product_con ul li {
vertical-align:middle;
width:25%;
padding:29px 10px 31px;
border-bottom:solid 1px #DEDFE0;
box-sizing: border-box;
position: relative;
top:1px;
}
.product_con ul li a {
color:#2051A4;
display:block;
}
.product_con ul li .image {
max-width:220px;
padding:0 10px;
margin:0 auto 15px;
}
.product_con ul li .image img {
margin:0 auto;
display:block;
}
.product_con ul li a p {
color:#2051A4;
text-align:center;
font-size:14px;
line-height:1.8;
}
.product_con ul li a p.middletxt {
line-height:3.6;
}
.product_con ul li a p i {
font-size:12px;
padding:0 0 0 0.8em;
}
.product_con .more {
padding:10px 0 0;
text-align: center;
}
.product_con .more a {
color:#2051A4;
font-size:12px;
text-align:center;
width:260px;
padding:5px 20px 5px 10px;
display:inline-block;
box-sizing: border-box;
border:solid 1px #2051A4;
border-radius:3px;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
position:relative;
}
.product_con .more a:after {
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:0.9em;
position:absolute;
top:9px;
right:10px;
display:block;
}
#connection_method, #car_electronics {
padding-top:5px;
margin-top:-5px;
}
#scroll_navi {
margin:20px auto 30px;
}
#scroll_navi ul {
padding:0 15px;
box-sizing: border-box;
}
#scroll_navi ul li {
font-size:20px;
font-weight:bold;
margin:0 60px 0 0;
float: left;
}
#scroll_navi ul li a {
color:#2051A4;
padding:0 30px 0 0;
display:block;
position:relative;
}
#scroll_navi ul li a::before {
color:#2051A4;
content:'\f078';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:15px;
position:absolute;
top:8px;
right:0;
}
#connector_reason {
padding:80px 0 100px;
background:#d3dbe4;
}
#connector_reason .inner {
padding:0 15px;
margin:0 auto;
}
#connector_reason h2 {
color:#333;
font-size:28px;
line-height:1.5;
font-weight:bold;
letter-spacing:0.05em;
margin:0 0 50px;
padding:0 0 10px;
border-bottom:solid 1px #CBCBCB;
}
#connector_reason ul {
margin:0 -12px;
display:flex;
}
#connector_reason ul li {
width:33.33%;
padding:0 12px;
box-sizing: border-box;
}
#connector_reason ul li .image, #connector_reason ul li .image img {
max-width:279px;
display:block;
margin:0 auto;
}
#connector_reason ul li h3 {
font-family:'Noto Sans Japanese', 'Noto Sans SC', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Helvetica, Arial, sans-serif;
font-size:22px;
line-height:44px;
font-weight:400;
text-align:center;
margin:25px 0 0;
}
#connector_reason ul li h3 strong {
font-weight:bold;
font-size:35px;
}
#connector_reason ul li p {
font-size:15px;
line-height:1.8;
max-width:280px;
margin:20px auto 0;
}
#conditions_search {
padding:15px 0 50px;
background:#fff;
border-top:solid 1px #c1c1c1;
}
.conditions_box #conditions_search {
padding:0 0 15px;
border-top:0;
}
#conditions_search .inner {
padding:0 15px;
margin:0 auto;
}
#conditions_search .cond_box {
width:100%;
display:table;
border-left:solid 1px #D3DBE4;
clear: both;
}
#conditions_search .cond_box:first-child {
border-top:solid 1px #D3DBE4;
}
#conditions_search .detail_forms .cond_box:first-child {
border-top:0;
}
#conditions_search .cond_box h3 {
color:#333;
font-size:16px;
font-weight:bold;
vertical-align: middle;
width:200px;
min-width:200px;
padding:20px;
display:table-cell;
background:#F2F5F9;
box-sizing: border-box;
border-bottom:solid 1px #D3DBE4;
}
.search_result .conditions #conditions_search .cond_box h3 {
text-align:left;
}
#conditions_search .cond_box h3 span {
padding:0 0 0 28px;
display:block;
position:relative;
}
#conditions_search .cond_box h3 span::before {
color:#333;
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:14px;
position:absolute;
top:6px;
left:0;
}
#conditions_search .cond_box h3.cat span::before, .mfp-content #cat-form.white-popup-block h1::before {
content:'\f0e8';
}
#conditions_search .cond_box h3.ser span::before, .mfp-content #ser-form.white-popup-block h1::before {
content:'\f03a';
}
#conditions_search .cond_box h3.gok span::before {
content:'\f141';
}
#conditions_search .cond_box h3.pit span::before {
content:'\f0dc';
left:2px;
}
#conditions_search .cond_box .inputarea, #conditions_search .cond_box .inputbnr {
color:#2051A4;
font-size:14px;
vertical-align:middle;
padding:20px;
display:table-cell;
border-right:solid 1px #D3DBE4;
border-bottom:solid 1px #D3DBE4;
}
#conditions_search .cond_box .inputbnr {
text-align:center;
width:100%;
padding:15px 20px;
box-sizing:border-box;
}
#conditions_search .cond_box .inputbnr a {
display:inline-block;
}
#conditions_search .cond_box .inputbnr img {
max-width:468px !important;
margin:0 auto;
display:block;
}
#conditions_search .cond_box .inputarea .inputarea_bk {
margin:0 30px 0 0;
display:inline-block;
}
#conditions_search .cond_box .inputarea .button {
padding:0;
margin:0 50px 0 0;
display: inline-block;
}
#conditions_search .cond_box .inputarea .button a {
color:#2051A4;
font-size:14px;
line-height:1.5;
text-align: center;
display: inline-block;
width:135px;
padding:5px;
border:solid 1px #2051A4;
border-radius:3px;
background:#fff;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
transition:all ease 0.3s;
}
#conditions_search .cond_box .inputarea p {
color:#2051A4;
font-size:14px;
line-height:1.5;
padding:0;
display:inline-block;
word-break:break-all;
}
.mfp-content .submitbtn {
width:280px;
margin:30px auto 0;
position: relative;
}
.submitbtn button {
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.error-message {
font-size: 93%;
color: #B70000;
}
#conditions_search .cond_box .inputarea .checklist label {
padding-top:2px;
}
#conditions_search .cond_box .inputarea .button a {
padding:10px 5px;
}
.details_btn {
color:#2051A4;
font-size:14px;
line-height:1;
text-align:center;
width:200px;
margin:20px 0 0;
padding:12px 10px;
border:solid 1px #2051A4;
border-radius:3px;
cursor: pointer;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
box-sizing: border-box;
}
.details_btn span {
padding:0 0 0 20px;
display:inline-block;
position:relative;
}
.details_btn span::before {
content:'\f067';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:14px;
position:absolute;
top:1px;
left:2px;
}
.details_btn span.closebtn::before {
content:'\f068';
left:0;
}
#conditions_search .detail_forms, #conditions_search.open .details_btn span, .details_btn span.closebtn {
display:none;
}
#conditions_search.open .details_btn span.closebtn {
display:inline-block;
}
#conditions_search .submit_btn {
width:250px;
margin:30px 0 0;
position: relative;
}
#conditions_search .submit_btn button {
width:250px;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
#conditions_search .cond_box .inputarea .inputtxtlist {
color:#333;
}
#conditions_search .cond_box .inputarea .inputtxtlist input {
width:80px;
margin-right:10px;
}
#conditions_search .cond_box .inputarea .inputtxtlist input:nth-child(2) {
margin-left:10px;
}
#conditions_search .cond_box .inputarea .inputfull input {
width:100%;
max-width:360px;
}
#conditions_search .submit_btn button .icon {
padding:0 0 0 22px;
display:inline-block;
position:relative;
}
#conditions_search .submit_btn button .icon::before {
content:'\f002';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:15px;
position:absolute;
top:1px;
left:0;
}
.conditions_box .details_btn, .conditions_box #conditions_search .submit_btn {
margin-left:20px;
}
.inputtextgroup {
margin:12px 0 0;
display: inline-block;
}
#signup_info {
margin-top:-20px;
}
.product_lineup {
padding:0;
margin:0 auto 40px;
box-sizing: border-box;
}
.product_lineup p {
color:#666;
font-size:14px;
margin:0 0 20px;
}
.product_lineup .image, .product_lineup .image img {
margin:0 auto;
display:block;
}
.product_lineup .image {
margin:30px auto 20px;
}
.loginarea {
margin:10px 0 0;
}
.loginarea a.login {
color:#2051A4;
font-size:12px;
line-height:1.6;
text-decoration:none !important;
margin:10px 5px 0 0;
padding:6px 15px 6px 30px;
display:inline-block;
border:solid 2px #2051A4;
border-radius:3px;
position:relative;
transition:all ease 0.3s;
}
.loginarea a.login::after {
content:'\f007';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:1.2em;
position:absolute;
top:3px;
left:10px;
}
form .formlist .loginarea .alert {
margin-left:10px;
}
.product_howtouse {
padding:0 15px;
margin:20px auto 40px;
}
.product_howtouse h3 {
color:#333;
font-size:20px;
font-weight:bold;
line-height:1.5;
margin:60px 0 10px;
}
.product_howtouse p {
color:#666;
font-size:14px;
line-height:1.8;
margin:15px 0 20px;
}
.product_howtouse ul.thumb_list {
margin:10px -7px 0;
vertical-align:top;
}
.product_howtouse ul.thumb_list li {
width:33.33%;
vertical-align:top;
padding:20px 7px 0;
display:table;
box-sizing:border-box;
float:left;
}
.product_howtouse ul.thumb_list li a {
width:100%;
padding:15px;
background:#fff;
box-shadow:2px 2px 5px 2px rgba(0,0,0,0.10);
display:table-cell;
vertical-align:middle;
transition:all ease 0.3s;
}
.product_howtouse ul.thumb_list li a:hover {
text-decoration:none;
background:#EEF0F3;
}
.product_howtouse ul.thumb_list li .image {
max-width:150px;
margin:0 auto;
}
.product_howtouse ul.thumb_list li .image img {
margin:0 auto;
display:block;
}
.product_howtouse ul.thumb_list li p {
color:#2051A4;
font-size:14px;
text-align:center;
line-height:1.5;
margin:0;
}
.catlist {
padding:0;
margin:0 auto 10px;
box-sizing: border-box;
}
.catlist span {
color:#fff;
font-size:10px;
text-align: center;
padding:2px 6px;
margin:0 5px 0 0;
background:#4A6085;
display: inline-block;
border-radius:3px;
} .catlist span a{
color:#fff;
font-size:10px;
text-align: center;  background:#4A6085;
display: inline-block;
border-radius:3px;
}
.haiban {
background:#666 !important;
}
#product_detail .product_search {
padding-bottom:0;
margin-bottom:20px;
}
#product_detail h2 {
font-size:28px;
margin:0 auto 20px;
}
#product_detail h2 span {
font-size:20px;
}
#product_detail .product_search .image {
vertical-align:top;
position:relative;
padding:0;
}
#product_detail .product_search .image .haibanimg {
width:100%;
height:100%;
position:absolute;
top:0;
display:block;
background:rgba(0,0,0,0.5);
}
#product_detail .product_search .image .haibanimg p {
color:#fff;
text-align:center;
width:100%;
position:absolute;
top:50%;
margin-top:-0.5em;
}
#product_detail .file_download {
margin:25px 0 0;
}
#product_detail .file_download h2 {
color:#424343;
font-size:14px;
font-weight:bold;
line-height:1.5;
padding:0 0 0 20px;
margin:0 auto;
position:relative;
border:0;
}
#product_detail .file_download h2::before {
color:#424343;
content:'\f019';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:15px;
position:absolute;
top:0;
left:0;
}
.product_search .detailarea .file_download p a {
color:#2051A4;
min-width:218px;
margin:10px 0 0;
padding:6px 5px 6px 13px;
display:inline-block;
border:solid 1px #2051A4;
border-radius:3px;
box-sizing:border-box;
box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);
position:relative;
overflow:hidden;
}
.product_search .detailarea .file_download p a i {
font-size:15px;
}
.product_search .detailarea .file_download .download_comment {
color:#424343;
font-size:13px;
}
.product_search .detailarea .file_download .download_comment a {
color:#2051A4;
text-decoration:underline;
}
.product_search .contact_area {
text-align:center;
padding:50px 20px;
background:#F2F5F9;
position:relative;
}
.product_search .contact_area p {
font-size:14px;
text-align: center;
}
.product_search .contact_area p strong {
font-size:16px;
font-weight:bold;
}
.product_search .contact_area ul li {
margin:20px 0 0;
}
.product_search .contact_area ul li a {
color:#2051A4;
font-size:14px;
line-height:1.5;
text-align:center;
text-decoration:none;
width:250px;
border:solid 2px #2051A4;
border-radius:3px;
background:#fff;
display:block;
padding:13px 0;
margin:0 auto;
box-sizing:border-box;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.product_search .contact_area ul li.cart a.on {
color:#fff;
background:#2051A4;
text-decoration: none;
}
.product_search .contact_area ul li.cart a.on span::before {
color:#fff;
}
.product_search .contact_area ul li.mail a span {
padding:0 0 0 22px;
display:inline-block;
position:relative;
}
.product_search .contact_area ul li.mail a span::before {
color:#2051A4;
content:'\f0e0';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:15px;
position:absolute;
top:0;
left:0;
}
.product_search .contact_area ul li.sample a span {
padding:0 0 0 22px;
display:inline-block;
position:relative;
}
.product_search .contact_area ul li.sample a span::before {
color:#2051A4;
content:'\f1b2';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:15px;
position:absolute;
top:0;
left:0;
}
.product_search .contact_area ul li.cart a {
text-decoration:none;
}
.product_search .contact_area ul li.cart a span {
text-decoration:none;
padding:0 0 0 22px;
display:inline-block;
position:relative;
}
.product_search .contact_area ul li.cart a span::before {
color:#2051A4;
content:'\f07a';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:15px;
position:absolute;
top:0;
left:0;
}
.product_search .contact_area ul li .cartbtn {
width:250px;
margin:20px auto 0;
padding:2px 15px 15px;
background:#D3DBE4;
border-radius:3px;
box-sizing:border-box;
position:relative;
display:none;
}
.product_search .contact_area ul li .cartbtn::before {
content:"";
width:19px;
height:9px;
position:absolute;
top:-9px;
left:50%;
margin-left:-9px;
background:url(//www.irisoele.com/en/wp-content/themes/iriso/img/triangle.png) no-repeat 0 0;
background-size:100% auto;
}
.product_search .contact_area ul li .cartbtn p {
font-size:13px;
margin:13px 0 0;
}
.product_search .contact_area ul li .cartbtn p span {
font-size:10px;
padding:0;
display:block;
}
.product_search .contact_area ul li .cartbtn p a {
color:#2051A4;
padding:6px 0;
background:#fff;
text-decoration:none;
width:auto;
}
.product_search .contact_area ul li.cart .cartbtn p a span::before {
display:none;
}
.product_search .contact_area ul li .cartbtn p a span {
font-size:13px;
display:inline-block;
position:relative;
left:-7px;
}
.product_search .contact_area ul li .cartbtn p a span::after {
color: #2051A4;
content: '\f2d2';
font-family: 'Font Awesome 5 Free';
font-weight: 400;
font-size: 10px;
position: absolute;
top: 0;
right: -14px;
transition: all ease 0.3s;
}
.product_search .contact_area p.implore {
font-size:12px;
margin:10px 0 0;
}
.product_search .contact_area p.implore a {
color:#2051A4;
text-decoration:underline;
}
.product_search .daikae {
margin:20px 0 0;
}
.product_search .daikae a {
color:#fff;
font-size:14px;
line-height:1.5;
text-align:center;
text-decoration:none !important;
border:solid 2px #2051A4;
border-radius:3px;
background:#2051A4;
display:inline-block;
padding:13px 15px;
margin:0;
box-sizing:border-box;
box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);
}
.product_info {
padding:10px 15px 0;
margin:0 auto 40px;
}
.product_info h2 {
color:#333;
font-size:20px;
line-height:1.5;
margin:0 0 10px;
}
.product_info ul {
display:flex;
flex-wrap:wrap;
}
.product_info ul li {
width:50%;
box-sizing: border-box;
display:flex;
flex-wrap:nowrap;
}
.product_info ul li:nth-child(odd) {
padding:0 20px 0 0;
}
.product_info ul li:nth-child(even) {
padding:0 0 0 20px;
}
.product_info ul li h3, .product_info ul li p {
color:#333;
font-size:14px;
line-height:1.5;
font-weight:normal;
vertical-align:top;
padding:12px 0;
border-bottom:solid 1px #C1C1C1;
box-sizing: border-box;
}
.product_info ul li h3 {
width:45%;
padding-right:20px;
}
.product_info ul li p {
width:55%;
color:#666;
}
#free_space {
padding:0 15px;
margin:30px auto;
}
.balloon {
position: absolute;
top:32px;
left:-5px;
display: inline-block;
margin:0;
padding:7px 10px;
min-width:180px;
max-width:100%;
color:#000;
font-size:12px;
background:#FFF;
border: solid 2px #2051A4;
box-sizing: border-box;
z-index:999999;
display:none;
cursor:default !important;
}
.balloon:before {
content: "";
position: absolute;
top:-16px;
left:4px;
border:8px solid transparent;
border-bottom: 8px solid #FFF;
z-index: 2;
}
.balloon:after {
content: "";
position: absolute;
top:-20px;
left:2px;
border: 10px solid transparent;
border-bottom: 10px solid #2051A4;
z-index: 1;
}
.balloon p {
color:#000;
font-size:11px !important;
text-align:left;
margin: 0;
padding: 0;
cursor:default !important;
}
#detail_list {
padding:15px 0;
background:#F2F5F9;
border:solid 1px #D3DBE4;
border-top:0;
}
#detail_list.open {
padding:0;
background:transparent;
border:0;
}
#detail_list .detail_forms {
display:none;
}
#detail_list .details_btn {
margin:0 auto !important;
background-color:#fff;
}
#detail_list.open .details_btn {
display:none;
}
#flashMessage {
color:#fff;
font-size:14px;
line-height:22px;
padding:5px 10px;
margin:0;
background:#4A6085;
display:inline-block;
position:relative;
border-radius:5px;
top:15px;
left:50%;
transform:translateX(-50%);
}
#flashMessage::after {
content:"";
width:10px;
height:12px;
position:absolute;
bottom:-10px;
left:50%;
margin-left:-5px;
background:url(//www.irisoele.com/en/wp-content/themes/iriso/img/ico_alert.png) no-repeat 0 0;
transform:rotate(-90deg);
}
.cookie_box {
position:fixed;
bottom:0;
padding:10px 15px;
width:100%;
background-color:rgba(102,102,102,0.9);
box-sizing:border-box;
z-index:9999;
display:table;
}
.cookie_box p, .cookie_btn {
display:table-cell;
}
.cookie_box p {
color:#fff;
font-size:14px;
line-height:1.5;
padding-right:20px;
}
.cookie_box p a {
color:#fff;
text-decoration:underline;
}
.cookie_btn {
vertical-align:middle;
}
.cookie_btn a {
color:#2051A4;
font-size:14px;
line-height:1.5;
display:inline-block;
padding:5px 40px;
border:solid 1px #2051A4;
border-radius:3px;
background:#fff;
width:180px;
text-align:center;
cursor:pointer;
box-sizing:border-box;
}
ul.textlist {
margin:0 0 20px;
}
ul.textlist li a {
text-decoration:underline;
}
ul li.indent {
text-indent:-1em;
padding-left:1em;
}
.privacy_box {
height:150px;
padding:10px;
margin:5px 0 20px;
border:solid 1px #2051A4;
border-radius:3px;
box-sizing:border-box;
overflow-y:auto;
}
.privacy_box h4 {
color:#666;
}
.privacy_box ul.num_list li {
padding:0 0 0 1.5em;
margin:10px 0 0;
position:relative;
}
.privacy_box ul.num_list li span, .privacy_box ul.num_list li p.inner_list span {
position:absolute;
left:0;
}
.privacy_box ul.num_list li p.inner_list {
font-size:12px;
padding:0 0 0 2em;
margin:5px 0 0;
position:relative;
}
.sitemap_gh2 {
margin:50px 0 0;
}
.wp_pages .narrow_inner .sitemap_gh2:first-child {
margin:0;
}
@media all and (-ms-high-contrast:none) {
.result_area table th, .result_area table td {
background:none;
}
.result_area table tr th.desc {
left:0;
}
}
@media screen and (max-width:1399px) {
#productsearch h2, #bottom_menu h2 {
margin:0 15px 10px;
}
}
@media screen and (max-width:1365px) {
#tabmenu {
padding:0 6px 0 14px;
}
#productsearchmenu .productmenu li h3, #applimenu .productmenu li h3, #irinfomenu .productmenu li h3, #companyinfomenu .productmenu li h3, #recruitinfomenu .productmenu li h3,
#techinfomenu .productmenu li h3, #contactmenu .productmenu li h3 {
font-size:14px;
}
#matings_pitch.pitch_table .result_area table th {
min-width:200px;
}
}
@media screen and (max-width:1299px) {
.panel .result_area table tr {
width:50%;
}
}
@media screen and (max-width:1199px) {
#login a {
max-width:340px;
}
#tabmenu li {
font-size:12px;
}
.productmenu li:last-child .inner a.comp {
margin-top:20px;
position:relative !important;
}
#categorymenu ul.product_link {
padding:0 15px;
}
#categorymenu ul.product_link li {
padding:0 0 20px;
}
#categorymenu ul.product_link li:nth-child(2) {
padding:0 10px 0 0;
}
#categorymenu ul.product_link li:nth-child(3) {
padding:0 0 0 10px;
}
#categorymenu.matingmenu ul.product_link li {
padding:0 10px;
}
.categories #categorymenu ul.product_link li:nth-child(odd),.ca-av #categorymenu ul.product_link li:nth-child(odd) {
padding:0 10px 20px 0;
}
.categories #categorymenu ul.product_link li:nth-child(even),.ca-av #categorymenu ul.product_link li:nth-child(even) {
padding:0 0 20px 10px;
}
#categorymenu ul.product_link li a {
padding: 20px;
}
#categorymenu ul.product_link li a h3 {
margin:0 0 20px;
}
#categorymenu ul.product_link li a .catdetail .image {
max-width:inherit;
min-width:inherit;
width:40%;
}
#categorymenu ul.product_link li a .catdetail p {
width:60%;
}
.productmenu {
padding:0 5px;
}
.productmenu li {
padding:0 10px;
}
#techinfomenu .productmenu li {
width:25%;
}
.sort_menu {
margin:15px 0 0;
}
.product_search .detailarea ul li {
width:25%;
}
.mfp-container {
padding:0 5%;
}
.product_search .image {
width:340px;
min-width:340px;
max-width:340px;
}
.connector_search #scrollbar {
display:block;
}
.connector_search #default_results .scrollbox .inner, .connector_search #default_results .scrollbar .inner {
width:1366px !important;
}
.cookie_box p {
font-size:13px;
}
}
@media screen and (max-width:999px) {
#login a {
max-width:240px;
}
#gnavi ul li {
margin:0 25px;
}
#gnavi ul li > a {
font-size:13px;
}
#gnavi ul li:nth-child(4) > a::before {
max-width:42px;
}
#gnavi ul li:last-child > a::before {
max-width:85px;
}
#gnavi > ul > li > a::after {
left:-28px;
}
#productsearch ul.productmenu, #bottom_menu ul.productmenu {
padding:0 5px;
flex-wrap:wrap;
}
ul.productmenu li {
padding:0 10px;
}
#productsearch h2, #bottom_menu h2 {
margin:0 15px 5px;
}
#productsearchmenu, #irinfomenu, #applimenu, #companyinfomenu, #recruitinfomenu, #techinfomenu, #contactmenu {
padding:20px 0 25px;
}
.productmenu li {
padding:0 5px;
}
#techinfomenu .productmenu li {
width:30%;
}
.textmenu li {
width:20%;
}
#main h1, #mypage_title h1 {
font-size:40px;
}
#main h1 span.category-name{
font-size:32px; 
}
.product_head h2, #news h2, .result_simple h2, .mypagetop .search_result h2 {
font-size:26px;
}
.product_head h1 {
font-size:26px;
}
#tabmenu li {
font-size:11px;
width:15%;
}
#categorymenu {
padding:30px 0 40px;
}
#categorymenu ul.product_link li a h3 {
font-size:20px;
}
#categorymenu.matingmenu ul.product_link li a h3 {
font-size:16px;
}
#productsearch, #bottom_menu {
padding:10px 0 15px;
}
#productsearchmenu .productmenu li.pmenu .inner p ,
#techinfomenu .productmenu li.pmenu .inner p {
margin:0;
padding:8px 0;
background-size:auto 40px !important;
}
.productmenu li.pmenu.seri .inner p {
padding:12px 0;
}
.productmenu li.pmenu .inner p.con01, .productmenu li.pmenu .inner p.con02, .productmenu li.pmenu .inner p.con03 {
background-size:auto 48px !important;
}
.productmenu li.pmenu .inner p a {
padding:0 0 0 66px;
}
#fmenu {
padding:25px 5px 40px;
}
#fmenu ul {
padding:0;
}
.product_search .image {
width:320px;
min-width:320px;
max-width:320px;
padding:0 20px 0 0;
}
.product_search .detailarea ul li {
width:33.33%;
}
.productmenu li:last-child .inner a.comp {
margin-top:10px;
}
#mypage_menu ul li a h2 {
font-size:18px;
padding:0 0 0 24px;
}
#mypage_menu ul li a {
padding:20px;
}
#mypage_menu ul li a h2::before {
font-size:18px;
}
.result_simple .result_inner ul li .prohead {
padding:20px 20px 20px 5px;
}
.result_simple .result_inner ul li .prohead .image {
width:160px;
}
.prohead .image label {
padding-left:30px;
}
#login_menu > .inner div .inner {
padding:30px 40px 60px;
}
.appli_menu h2, .product_con h2 {
font-size:24px;
}
.appli_menu h2 a {
padding:80px 0;
}
.product_con ul li {
padding:29px 10px 31px;
}
.product_con ul li a p {
font-size:13px;
}
.product_con .main_image {
margin:0 0 20px;
}
#connector_reason {
padding:60px 0 70px;
}
#connector_reason h2 {
font-size:24px;
margin:0 0 40px;
}
#connector_reason ul li h3 {
font-size:18px;
line-height:36px;
margin:20px 0 0;
}
#connector_reason ul li h3 strong {
font-size:32px;
}
#connector_reason ul li p {
font-size:13px;
}
#conditions_search .cond_box .inputarea .button {
margin:0 30px 0 0;
}
#product_detail .product_search .twocol {
display:table-cell;
}
#product_detail .product_search .image, #product_detail .product_search .detailarea {
display:block;
}
#product_detail .product_search .detailarea {
width:auto;
padding:0 20px 0 0;
}
#product_detail .product_search .image {
margin:0 auto 20px;
}
.form_category ul li label {
font-size:16px;
min-height:110px;
padding:15px 15px 15px 150px;
background-size:auto 80px !important;
}
.form_window {
padding:15px 10px;
}
#fmenu ul li {
width:33.33%;
padding:0 10px 5px;
}
ul.check_list {
display:block;
}
ul.check_list li, ul.check_list li#save {
margin:10px 10px 0 0;
display:inline-block;
}
.cookie_box p br {
display:none;
}
ul.productmenu li.cominfo1 {
width:66.66%;
}
ul.productmenu li.cominfo2 {
width:33.33%;
}
.imgscroll {
overflow:hidden;
}
.imgscrollarea {
padding:0 0 10px;
overflow-x:scroll;
}
.imgscrollarea img {
min-width:1000px;
width:1000px;
}
.fleft {
width:50%;
}
}
@media screen and (max-width:944px) {
.mypage #scrollbar {
display:block;
}
}
@media screen and (max-width:939px) {
#if_area {
margin:0 auto;
overflow-x:auto;
}
#if_area iframe {
width:900px;
min-width:900px;
display:block;
}
}
@media screen and (max-width:899px) {
#wrapper {
padding:50px 0 0;
}
header, header .inner {
height:50px;
padding:0 65px 0 0;
}
header h1 {
padding:14px 0 0 10px;
}
header h1 a, header h1 a img {
width:104px;
height:auto;
}
#glink {
margin:11px 0 0;
}
#login a {
max-width:420px;
padding:0 0 0 34px;
}
#login a::before {
left:15px;
}
#main h1 {
padding:100px 15px 0;
}
.custom-select-trigger {
padding:0 25px 0 20px;
}
.custom-select-trigger:after {
right:9px;
}
.custom-select-trigger::before {
left:0;
}
.custom-option {
padding:0 12px;
}
.custom-select-trigger:hover, #login a:hover {
text-decoration:none !important;
}
#bottom_menu {
padding-bottom:40px;
}
#bottom_menu .productmenu li.pmenu .inner p.more {
bottom:0;
position:relative;
}
#productsearch ul.productmenu li, #bottom_menu ul.productmenu li {
width:33.33%;
}
#bottom_menu ul.productmenu li.cominfo1 {
width:66.66%;
}
#spmenu {
position:absolute;
top:0;
right:0;
width:50px;
height:50px;
background:url(//www.irisoele.com/en/wp-content/themes/iriso/img/close.png) no-repeat 0 0;
background-size:100% auto;
display:block;
}
#spmenu a, #spmenu a img {
display:block;
}
#spmenu a img {
opacity:1;
transition:all ease 0.3s;
}
#spmenu a.on img {
opacity:0;
}
#spgnavi a, #spgnavi a:hover {
text-decoration:none !important;
}
#searchform, #gnavi {
display:none;
}
#sphead {
width:100%;
height:50px;
position: fixed;
top:0;
background: #fff;
display:block;
box-shadow:0px 2px 2px 0px #797979;
transition:all ease 0.7s;
}
#sphead.open {
height: 100%;
overflow-y: scroll;
}
#spgnavi {
display:none;
clear: both;
width: 100%;
height: 100%;
z-index: 9999;
overflow-y: scroll;
}
#spgnavi ul {
width:100%;
position:relative;
background:#efefef;
z-index:1;
border-top:solid 1px #333;
}
#spgnavi ul li {
border-bottom:solid 1px #333;
}
#spgnavi ul li a {
color:#333;
font-size:16px;
padding:17px 33px 17px 20px;
display:block;
background-size:30px auto !important;
position:relative;
}
#spgnavi ul li a::after {
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:900;
font-size:1.2em;
position:absolute;
top:20px;
right:20px;
}
#spgnavi ul li.sacc a::after {
content:'\f078';
top:29px;
right:18px;
transform: rotate(0deg) translateY(-50%);
transition: all .4s ease-in-out;
transform-origin: 50% 0;
}
#spgnavi ul li.sacc.open a::after {
transform: rotate(-180deg) translateY(-50%);
}
#spgnavi ul li ul {
background:#cfcfcf;
display:none;
}
#spgnavi ul li ul li:last-child {
border-bottom:0 !important;
}
#spgnavi ul li ul li a {
text-indent:1em;
}
#spgnavi ul li.sacc ul li a::after {
display:none !important;
}
.fleft {
width:43%;
padding-bottom:5px;
}
#tabmenu li {
font-size:10px;
}
.mypagedl .scrollbar .inner, .mypagedl .scrollbox .inner {
width:900px;
}
.result_simple .result_inner ul li {
width:100%;
}
.prohead .image label {
padding-right:10px;
}
.result_simple .result_inner ul li .prohead .image {
width:170px;
}
#login_menu > .inner {
margin: 0 auto 30px;
display:block;
}
#login_menu > .inner div .inner {
padding:30px 60px 60px;
}
#login_menu > .inner div.signin, #login_menu > .inner div.signup {
width:100%;
padding:0 0 30px;
}
.appli_menu ul li {
width:50%;
}
.product_con ul li {
width:50%;
font-size:14px;
}
.product_con ul li .image {
max-width:200px;
margin:0 auto 15px;
}
#conditions_search .cond_box .inputarea .button {
margin:0 20px 0 0;
}
.formtabarea div.tabBox {
flex-wrap:wrap;
}
.formtabarea div.tabBox ul {
width:100%;
}
.mfp-content .submitbtn {
margin-bottom:60px;
}
.mfp-content .gaitou, .submit_btn .gaitou {
font-size:12px;
padding:8px;
}
.submit_btn .gaitou {
top:3px;
}
.mfp-content .gaitou {
width:180px;
top:65px;
left:50%;
margin-left:-95px;
}
.mfp-content .gaitou::after {
top:-10px;
left:50%;
margin-left:-5px;
margin-top:0;
transform:rotate(90deg);
}
.mfp-content .gaitou .num, .submit_btn .gaitou .num {
font-size:18px;
}
.product_howtouse h3 {
font-size:18px;
}
.product_howtouse p {
font-size:12px;
}
.product_howtouse ul.thumb_list li a {
padding:15px 10px;
}
.product_howtouse ul.thumb_list li p {
font-size:12px;
}
.panel .result_area table tr {
width:100%;
padding:0 10px 10px;
}
.result_area table tr th {
height:auto !important;
}
.result_area table tbody tr th.desc {
width:auto;
}
.sitemap_gh4 {
width:100%;
}
.full .full_inner {
padding-top:0;
}
}
@media screen and (max-width:767px) {
#login a {
max-width:300px;
}
#main {
height:160px;
}
#main.noImage {
display:none;
}
#main h1 {
font-size:26px;
padding:50px 0 0;
}
#mypage_title h1 {
font-size:26px;
}
#main h1 span, #mypage_title h1 span {
font-size:16px;
}
#main h1 {
font-size:26px;
padding:50px 0 0;
}
#main h1 span.category-name{
font-size:20px;
margin-top: 5px;
}
.product_head h2, #news h2, .result_simple h2, .mypagetop .search_result h2 {
font-size:22px;
}
.product_head h1 {
font-size:22px;
}
#tabmenu {
top:0;
padding:0 0 10px 14px;
display:flex;
flex-wrap:wrap;
}
#tabmenu li {
font-size:12px;
line-height:28px;
width:30%;
margin:0 10px 10px 0;
}
#tabmenu li br {
display:inline;
}
#tabmenu li.nigyo {
line-height:14px;
}
#tabmenu li.current {
color:#2051A4;
font-weight:bold;
padding:6px 3px 6px;
background: #fff;
border: solid 1px #2051A4;
border-radius:3px;
height:41px;
}
#tabmenu li a {
padding:5px 3px 6px;
height:41px;
box-sizing:border-box;
border-radius:3px;
}
#categorymenu ul.product_link {
padding:0 5px;
}
#categorymenu ul.product_link li {
width:100%;
}
#categorymenu ul.product_link li a:hover {
background: #fff;
}
#categorymenu.matingmenu ul.product_link {
padding-top:10px;
}
#categorymenu.matingmenu ul.product_link li {
padding:0 5px;
}
#categorymenu.matingmenu ul.product_link li:nth-child(1) {
padding:0 10px 0 0;
}
#categorymenu.matingmenu ul.product_link li:nth-child(3) {
padding:0 0 0 10px;
}
#categorymenu.matingmenu ul.product_link li a {
text-align:center;
padding:15px 5px;
}
#categorymenu.matingmenu ul.product_link li a h3 {
font-size:14px;
}
#categorymenu.matingmenu ul.product_link li .image {
margin:0 -5px 10px;
}
#ftbottom {
padding:20px 10px;
}
#snsbtn {
margin:15px 0 10px;
text-align:center;
}
#snsbtn a {
margin:0 6px;
}
.fleft, .fright {
float:none;
clear:both;
}
.fright {
text-align:center;
}
.fright .logo {
height:60px;
margin:0 10px;
float:none;
clear:both;
display:inline-block;
}
.fright .logo img {
width:auto;
height:60px;
display:block;
}
.fleft {
width:100%;
}
.fleft ul {
padding:10px 0 15px;
display:block;
text-align:center;
}
.fleft ul li {
padding:0 10px;
}
.fleft ul li a {
font-size:11px;
}
#copyright {
float:none;
clear:both;
text-align:center;
}
#btob_head h1 {
padding:0 15px;
margin:0 0 10px;
}
.product_search, .mypage_head {
padding:0 0 40px;
display:block;
}
.product_search .image {
width:100%;
min-width:inherit;
max-width:inherit;
padding:0 0 10px;
display:block;
}
.product_search .detailarea {
display:block;
}
.product_search .detailarea ul {
margin-right:-20px;
}
.search_result {
padding:30px 0;
background-color:#f3f3f3;
}
.sort_menu div label {
font-size:12px;
padding:0 5px 0 0;
}
.sort_menu div::after {
font-size:12px;
top:7px;
right:6px;
}
.sort_menu select, .selectlist select {
font-size:12px;
width:90px;
padding:2px 0 2px 5px;
}
.search_result h3 {
font-size:16px;
}
.conditions h3 {
font-size:16px;
}
ul.check_list li p {
font-size:12px;
}
#mypage_title {
padding:10px 0 5px;
}
#mypage_menu, #news {
margin-bottom:40px;
}
#news {
padding:0;
}
.result_simple, .mypagetop .search_result {
padding: 40px 0;
}
#mypage_menu ul {
flex-wrap:wrap;
}
#mypage_menu ul li {
width:100%;
margin-bottom:20px;
}
#newSelect {
margin:0 -5px;
flex-wrap:wrap;
}
#newSelect li {
font-size:12px;
width:33.33%;
padding:0 6px 10px;
}
#news .newsBox {
padding:15px 0 0;
}
.accountpage #mypage_title h1 {
font-size:26px;
}
#account_menu > div form {
padding:20px 40px 0;
}
#account_menu .formlist {
margin:0 0 30px;
}
form#password {
margin:10px auto 0;
}
.form_menu > .inner div h2 {
font-size: 18px;
margin: 0 0 10px;
}
.form_menu > .inner > div.form_area form .formlist {
display:block;
}
.form_menu > .inner > div.form_area form .formlist h3 {
width:100%;
padding:10px 15px;
display:block;
border-right:solid 1px #D3DBE4;
border-bottom:0;
}
.form_menu > .inner > div.form_area form .formlist .input_form {
padding:15px;
vertical-align:top;
display:block;
border-left:solid 1px #D3DBE4;
}
.form_menu > .inner div ul.radiolist li:first-child {
margin:0;
}
.appli_menu h2 {
font-size:20px;
}
.appli_menu h2 a {
padding:60px 0;
}
.appli_menu ul {
padding:20px 5px 10px;
}
.appli_menu ul li {
margin:0 0 40px;
}
.appli_menu ul li h3 {
font-size:14px;
}
.appli_menu ul li p {
font-size:12px;
}
.sitemap_gh2 h2 a::before {
font-size:14px;
top:4px;
}
.sitemap_gh3 h3 a::before {
font-size:12px;
top:2px;
}
.sitemap_gh4 h4 a::before, #searchpage h4 a::before {
font-size:10px;
top:5px;
}
.sitemap_gp p a::before {
top:2px;
}
#connector_reason {
padding:40px 0 50px;
}
#connector_reason h2 {
font-size:20px;
margin:0;
}
#connector_reason ul {
flex-wrap:wrap;
}
#connector_reason ul li {
width:50%;
margin:40px 0 0;
}
#connector_reason ul li:last-child {
margin:40px auto 0;
}
#scroll_navi {
margin:10px auto 20px;
}
#scroll_navi ul li {
font-size:16px;
margin:0 30px 0 0;
}
#scroll_navi ul li a {
padding:0 30px 0 0;
}
.product_con h2 {
font-size:22px;
margin:50px 10px 15px;
}
#connection_method, #car_electronics {
padding-top:0;
margin-top:0;
}
#conditions_search .cond_box, #conditions_search .cond_box h3, #conditions_search .cond_box .inputarea {
display:block;
}
#conditions_search .cond_box h3 {
width:100%;
border-right: solid 1px #D3DBE4;
border-bottom:0;
}
#searchArea .search_result {
padding-top:10px;
}
.search_result .result_inner h3 {
font-size:18px;
margin:0 0 10px;
}
.sort_menu {
margin:10px 0 0;
}
.sort_menu div {
margin:0 0 0 10px;
}
.sort_menu div label {
display:none;
}
.product_howtouse ul.thumb_list li p {
font-size:11px;
}
#product_detail .product_search, #product_detail .product_search .twocol {
display:block;
}
#product_detail .product_search .image {
padding:0;
}
#product_detail .product_search .detailarea {
padding:0;
width:100%;
}
.product_search .contact_area {
margin:20px 0 0;
padding:25px 20px 40px;
top:0;
display:block;
}
.product_info ul li {
padding:0 !important;
width: 100%;
}
.product_info ul li h3, .product_info ul li p {
width:50%;
}
.product_info ul li h3 {
padding-right:30px;
}
#product_detail h2 {
font-size:24px;
}
.page_navi, .news_nav {
padding:0 15px 40px;
}
.contact_navi {
padding:10px 15px 0;
}
.categories #categorymenu ul.product_link li:nth-child(odd), .categories #categorymenu ul.product_link li:nth-child(even),.ca-av #categorymenu ul.product_link li:nth-child(odd),.ca-av #categorymenu ul.product_link li:nth-child(even) {
padding:0 10px 20px;
}
.form_category ul li {
width:100%;
}
.form_category ul li label {
min-height:100px;
padding:10px 10px 10px 135px;
background-position:3% center !important;
}
.product_howtouse ul.thumb_list li {
width:49.5%;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin {
background:#fff;
border-bottom:solid 1px #D3DBE4;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea {
text-align:left;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea a.login{
margin:0 5px 0 0 !important;
}
#ser-form .form_window ul li:first-child label {
font-size:11px;
padding-top:2px;
}
.result_menu {
padding:0 200px 5px 0;
}
.cookie_box, .cookie_box p, .cookie_btn {
display:block;
}
.cookie_btn {
text-align:center;
padding:15px 0 5px;
}
.privacy_box {
height:250px;
}
.sitemap_gh3 {
padding:0;
}
.sitemap_gh4 {
padding:0 0 0 10px;
}
.sitemap_gp {
padding:0 0 0 20px;
}
}
@media screen and (max-width:639px) {
#login a {
max-width:220px;
}
#btob_head h1 {
font-size:18px;
}
.product_head h1 {
margin-bottom:15px;
}
.conditions h3 {
font-size:14px;
}
.conditions_box p {
font-size:13px;
}
.result_area table th, .result_area table td {
font-size:12px;
padding:10px;
}
.result_area table thead th, .result_area table thead td {
font-size:12px;
line-height:30px;
}
.panel .result_area table tbody tr th.image a img {
max-width:150px !important;
}
.page_navi, .news_nav {
padding:0 15px 30px;
}
.page_navi ul li, .news_nav a, .news_nav span {
font-size:11px;
margin:0 5px;
}
.page_navi ul li a, .news_nav a, .news_nav span {
padding:0 8px 1px;
}
.page_navi ul li.current, .news_nav span.current {
padding:1px 10px 2px;
}
.page_navi ul li.first, .page_navi ul li.prev, .page_navi ul li.next, .page_navi ul li.last, .news_nav a.prev, .news_nav a.next {
font-size:13px;
}
#news .newsInner li {
flex-wrap:wrap;
}
#news .newsInner li a {
width:100%;
padding-top:10px;
display:block;
}
.result_area table a.download, .prohead .desc a.download {
font-size:11px;
}
#login_menu > .inner div .inner {
padding:30px 20px 40px;
}
#login_menu > .inner div form {
padding:0;
}
#login_menu > .inner div h2 {
font-size:18px;
margin:0 0 10px;
}
.confirm_mail h3 {
font-size:18px;
}
form#signin {
margin:30px 0 0;
}
.form_menu {
margin-bottom:40px;
}
.haibanpages .form_menu {
padding-bottom:60px;
margin-bottom:0;
}
.form_menu > .inner div .inner {
padding: 30px 20px 60px;
}
#account_menu > .inner div form {
padding:20px 0 0;
}
.kiyaku_area {
padding:20px;
}
.appli_menu h2 a {
padding:50px 0;
}
#conditions_search .submit_btn {
margin:30px auto 60px;
}
.submit_btn .gaitou {
top:65px;
left:50%;
margin-left:0;
transform:translateX(-50%);
}
.submit_btn .gaitou::after {
top:-10px;
left:50%;
margin-left:-5px;
margin-top:0;
transform:rotate(90deg);
}
.formtabarea {
display: block;
}
.formtabarea > ul {
display:flex;
flex-wrap:wrap;
background:transparent;
}
.formtabarea > ul li {
font-size:13px;
width:50%;
background: #F2F5F9;
border-top:0;
border-bottom:solid 1px #D3DBE4;
}
.formtabarea > ul li:nth-child(odd) {
border-right:solid 1px #D3DBE4;
}
.formtabarea > ul li.active {
color:#2051A4;
font-weight:bold;
}
.details_btn {
margin:20px auto 0;
}
.conditions_box .details_btn, .conditions_box #conditions_search .submit_btn {
margin-left:auto;
}
.product_howtouse h3 {
font-weight:bold;
margin:50px 0 10px;
}
.product_howtouse ul.thumb_list {
margin:10px -10px 0;
}
.product_howtouse ul.thumb_list li p {
font-size:12px;
}
#product_detail .file_download h2 {
margin:0 auto 5px;
}
.product_search .detailarea .file_download p {
margin:0 !important;
}
#product_detail h2 {
font-size:20px;
}
.product_info h2 {
font-size:18px;
}
.product_info ul li h3, .product_info ul li p {
font-size:12px;
}
#categorymenu ul.product_link li:nth-child(2), #categorymenu ul.product_link li:nth-child(3) {
padding:0 0 20px;
}
#categorymenu.matingmenu ul.product_link {
margin:10px auto;
padding:0;
text-align:center;
display:block;
}
#categorymenu.matingmenu ul.product_link li {
width:auto;
max-width:560px;
padding:0 15px !important;
margin:0 auto 20px;
display:block;
}
#categorymenu.matingmenu ul.product_link li a {
padding:10px 5px;
}
.search_result #categorymenu.matingmenu {
padding:0 0 20px;
}
.form_window {
display:block;
}
.form_window > ul {
width:100%;
max-height:none;
display:block;
}
.form_window > ul li {
width:50%;
float:left;
}
#fmenu ul li p a {
font-size:13px;
}
#totopLink a {
margin-right:5px;
}
#ser-form .form_window ul li:first-child label {
font-size:14px;
padding-top:0;
}
.search_result .result_inner h3 {
margin:0;
padding:0;
float:none;
clear:both;
}
.result_menu {
padding:0 0 5px;
}
.sort_menu {
position:relative;
bottom:0;
float:right;
margin:15px 0 0;
}
#sitemap {
margin:0;
float:right;
}
}
@media screen and (max-width:559px) {
#login a {
max-width:140px;
}
#productsearch h2, #bottom_menu h2 {
font-size:16px;
}
.productmenu li.pmenu .inner h3 {
font-size:13px;
}
.productmenu li.pmenu .inner p {
font-size:12px;
}
#connector_reason ul li {
width:100%;
}
.mfp-content .white-popup-block {
padding:20px 20px 30px;
}
.mfp-content .white-popup-block h1 {
margin: 50px 0 15px;
}
.mfp-content #cat-form.white-popup-block h1 {
margin:55px 0 10px 10px;
}
.form_category ul li label {
min-height:95px;
}
.mfp-content .white-popup-block p.chuki {
font-size:12px;
margin:0 0 15px;
}
}
@media screen and (max-width:479px) {
#login a {
max-width:66px;
}
#categorymenu {
padding:25px 0 15px;
}
#categorymenu ul.product_link {
padding:0 5px;
display:block;
}
#categorymenu ul.product_link li a {
padding:15px;
}
#categorymenu ul.product_link li a h3 {
margin:0 0 10px;
}
#categorymenu ul.product_link li a .catdetail {
display: block;
}
#categorymenu ul.product_link li a .catdetail .image {
width:100%;
padding:0 0 10px;
}
#categorymenu ul.product_link li a .catdetail .image img {
margin:0 auto;
display:block;
}
#categorymenu ul.product_link li a .catdetail p {
width:100%;
}
#categorymenu.matingmenu ul.product_link li {
margin: 0 auto 15px;
}
#productsearch, #bottom_menu {
padding:40px 0;
}
#bottom_menu ul.productmenu li, #bottom_menu ul.productmenu li.cominfo1, #fmenu ul li {
width:50%;
}
.product_head h1 {
font-size:20px;
margin-bottom:10px;
}
.product_search .detailarea p {
margin:0 0 10px;
}
.product_search .detailarea ul {
margin-right:-15px;
}
.product_search .detailarea ul li {
padding: 0 15px 0 0;
}
.product_search .detailarea ul li a p {
font-size:12px;
}
.result_simple .result_inner ul li .prohead {
padding:15px 15px 15px 5px;
}
.result_area table a.download, .prohead .desc a.download {
font-size:10px;
}
.appli_menu h2 {
font-size:18px;
}
.appli_menu h2 a {
padding:30px 0;
}
.appli_menu ul li {
width:100%;
}
.product_con ul li a p {
font-size: 11px;
}
.product_con ul li a p i {
font-size: 10px;
}
#scroll_navi ul li {
margin:0 0 10px;
float:none;
clear:both;
}
#scroll_navi ul li a {
display: inline-block;
}
#account_menu .submit_btn button, #account_menu .submit_btn a, #signup_info .submit_btn button, #signup_info .submit_btn a, .submitbtn button {
width:100%;
}
.loginarea a.login {
width:121px;
margin:20px auto 0;
display:block;
box-sizing: border-box;
}
form .formlist .alert {
text-align: center;
top:0;
left:0;
margin:10px auto 0;
margin-left:auto !important;
display:block;
}
form .formlist .alert::after {
display:none;
}
.panel .result_area table tr th.image {
width:130px;
min-width:130px;
}
.form_category ul li label {
font-size:14px;
}
#fmenu ul li p a {
font-size:12px;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin {
padding:15px 10px;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea a.login{
margin:0 auto 15px !important;
}
.form_menu > .inner > div.form_area form .formlist h3.formlogin .loginarea .alert {
margin-top:0;
position:relative;
top:0;
}
.cominfo1 .inner .list {
width:auto;
display:block;
padding:0 !important;
}
.cominfo1 .inner .list:first-child {
padding-top:5px;
}
}
@media screen and (max-width:369px) {
#wrapper {
padding:40px 0 0;
}
header, header .inner {
height:40px;
padding:0 50px 0 0;
}
header h1 {
padding:12px 0 0 10px;
}
header h1 a, header h1 a img {
width:80px;
}
#sphead {
height:40px;
}
#spmenu {
width:40px;
height:40px;
}
#glink {
width:164px;
top:6px;
right:46px;
margin:6px 0 0;
}
#login {
font-size:10px;
}
#login a {
max-width:76px;
padding:1px 0 0 26px;
}
#login a::before {
top:2px;
left:11px;
}
.custom-select-trigger {
font-size:10px;
padding:0 25px 0 16px;
}
#main h1, #mypage_title h1 {
font-size:22px;
padding:56px 0 0;
}
#main h1 span, #mypage_title h1 span {
font-size:14px;
}
#main h1 span.category-name{
font-size:18px;
}
#pankuzu li {
font-size:11px;
}
#tabmenu li {
font-size:10px;
}
#categorymenu ul.product_link li a h3 {
font-size:18px;
}
.fright .logo, .fright .logo img {
height:50px;
}
.fleft ul li {
padding:0 10px;
}
.product_con ul li a p {
font-size:10px;
}
.panel .result_area table tr th.image {
width:110px;
min-width:110px;
}
.panel .result_area table th label {
padding:15px 0 15px 20px;
}
.panel .result_area table th label::after {
left:0;
}
.panel .result_area table th label::before {
left:4px;
}
.product_howtouse ul.thumb_list li p {
font-size:11px;
}
}
@media screen and (min-width:900px) {
#spmenu, #spgnavi {
display:none !important;
}
}
@media screen and (min-width:768px) {
#tabmenu li a {
position:relative;
transition:all ease 0.3s;
border:solid 1px #2051A4;
border-radius:4px 4px 0 0;
overflow:hidden;
background:transparent;
}
#tabmenu li a:hover {
color:#2051A4;
border:solid 1px #c1c1c1;
}
.result_area table tr th.image {
position:sticky;
left:0;
z-index:3;
}
.result_area table tr th.desc {
position:sticky;
left:195px;
z-index:3;
}
.btn_hover, .btn_hover_w, .page_navi ul li.btn_default a, .news_nav a {
transition:all ease 0.3s;
position:relative;
z-index:9;
}
.btn_hover::before, .btn_hover_w::before, button.mfp-close::after, .page_navi ul li.btn_default a::before, #tabmenu li a::after, #tabmenu li a::before, .wp_contents a.wp-block-file__button::before, .wp_contents a.wp-block-button__link::before,
#free_space a.wp-block-file__button::before, #free_space a.wp-block-button__link::before, .news_nav a::before {
background:#2051A4;
content:'';
position:absolute;
z-index:-1;
height:100%;
left:0;
top:0;
width:0;
border-radius:2px;
transition:all ease 0.3s;
}
.news_nav a.prev::before, .news_nav a.next::before {
display:none !important;
}
.btn_hover:hover, button.mfp-close:hover, .page_navi ul li.btn_default a:hover, .wp_contents table td .btn a:hover, .news_nav a:hover, .product_search .contact_area ul li .cartbtn p a:hover span::after {
color:#fff !important;
text-decoration:none !important;
}
.btn_hover_w::before, #tabmenu li a::after, .submitbtn button.mfp-close::after {
background:#fff;
}
#tabmenu li a::after, #tabmenu li a::before {
border-radius:0;
}
.btn_hover_w:hover, .submitbtn button.mfp-close:hover, .wp_contents ul.hyo_block li p a:hover, .wp_contents table td a:hover,
.wp_contents p a:hover, .wp_contents ul li a:hover, .wp_contents ol li a:hover, .news_nav a.prev:hover, .news_nav a.next:hover {
color:#2051A4 !important;
text-decoration:none !important;
}
#newSelect li .btn_hover_w:hover {
color:#333 !important;
}
#newSelect li.tab_pro .btn_hover_w:hover {
color:#2051A4 !important;
}
#newSelect li.tab_ir .btn_hover_w:hover {
color:#AA0000 !important;
}
#newSelect li.tab_rec .btn_hover_w:hover {
color:#029229 !important;
}
#newSelect li.tab_etc .btn_hover_w:hover {
color:#4A6085 !important;
}
.btn_hover:hover::before, .btn_hover_w:hover::before, button.mfp-close:hover::after, .page_navi ul li.btn_default a:hover::before, #tabmenu li a:hover::after, #tabmenu li a::before, .wp_contents a.wp-block-file__button:hover::before, .wp_contents a.wp-block-button__link:hover::before,
.news_nav a:hover::before, #free_space a.wp-block-file__button:hover::before, #free_space a.wp-block-button__link:hover::before {
width:100%;
}
.result_area table tbody tr th.image a img, .result_simple .result_inner ul li .prohead .image a img {
opacity:1;
transition:all ease 0.3s;
}
.page_navi ul li.first a:hover, .page_navi ul li.prev a:hover, .page_navi ul li.next a:hover, .page_navi ul li.last a:hover, .result_area table tbody tr th.image a:hover img,
.result_simple .result_inner ul li .prohead .image a:hover img, .news_nav a.next:hover, .news_nav a.prev:hover, #conditions_search .cond_box .inputbnr a:hover {
color:#2051A4;
opacity:0.6;
text-decoration:none;
}
ul.check_list li#file_download p a, .result_area table a.download::after, .prohead .desc a.download::after,
.product_search .contact_area ul li a:hover span::before, ul.check_list li#favorite p a::after, ul.check_list li a.close, .wp_contents a.wp-block-file__button, .wp_contents a.wp-block-button__link,
#free_space a.wp-block-file__button, #free_space a.wp-block-button__link {
transition:all ease 0.3s;
text-decoration:none;
}
.result_area table a.download:hover::after, .prohead .desc a.download:hover::after, ul.check_list li#file_download p a:hover::after, ul.check_list li#save p a:hover::after, ul.check_list li p a:hover .window::after,
.product_search .contact_area ul li.mail a:hover span::before, .product_search .contact_area ul li.sample a:hover span::before, .product_search .contact_area ul li.cart a:hover span::before,
.submit_btn.confirm_btn a:hover .icon::before, .submit_btn.confirm_btn a:hover::after, .submit_btn.confirm_btn button:hover::after, ul.check_list li#favorite p:hover a::after, .wp_contents a.wp-block-button__link:hover,
.wp_contents a:hover .blank::after {
color:#fff;
}
.submit_btn a:hover .icon::before,
#signin .submit_btn button:hover .icon::before, .submit_btn a:hover .icon::before, ul.textlist li a:hover {
color:#2051A4;
}
ul.check_list li a.close:hover {
text-decoration:none;
background:#333;
}
.productmenu li.pmenu .inner h3 a:hover, .custom-select-trigger:hover, #login a:hover, ul.productmenu li.pmenu .inner .list p a:hover, .fleft ul li a:hover,
#productsearchmenu .productmenu li a:hover h3, #applimenu .productmenu li a:hover h3, #irinfomenu .productmenu li a:hover h3, #companyinfomenu .productmenu li a:hover h3, #recruitinfomenu .productmenu li a:hover h3,
#techinfomenu .productmenu li a:hover h3, #contactmenu .productmenu li a:hover h3, .productmenu li.pmenu .inner a:hover h4, .contact_navi p a:hover, .result_area table h4 a:hover, .prohead .desc h4 a:hover,
.connector_search .scrollbox .inner table td a:hover, .productmenu li.pmenu .inner h4 a:hover, .sitemap_gh2 h2 a:hover, .sitemap_gh3 h3 a:hover, .sitemap_gh4 h4 a:hover, .sitemap_gp p a:hover, #sitemap a:hover, #searchpage h4 a:hover {
text-decoration:underline !important;
}
.product_search .contact_area p.implore a:hover, ul.productmenu li.pmenu .inner .list p.more a:hover, .connector_search .scrollbox .inner table td a.download:hover, .cookie_box p a:hover, ul.textlist li a:hover, .fleft ul li#snsbtn a:hover, .product_search .detailarea .file_download .download_comment a:hover {
text-decoration:none !important;
}
.appli_menu h2 a img {
transition:all 500ms;
}
.appli_menu h2 a:hover img {
transform:translateY(-50%) translateX(-50%) scale(1.10,1.10);
}
}
@media all and (min-width:1400px) {
.product_con h2 {
margin:60px auto 20px;
}
}
@media all and (min-width:1366px) {
#pankuzu, .catlist, #product_detail h2, .search_result .result_inner, #mypage_title h1, .product_head h2, #news,
.product_head .inner, #mypage_menu ul {
padding-left:0;
padding-right:0;
}
#mypage_menu ul {
padding:0;
margin:0 -10px;
}
}
@media all and (min-width:1386px) {
#totopLink {
width:1366px;
}
}
@media all and (-ms-high-contrast:none) and (min-width:768px) {
.result_area table tr th.desc {
left:0;
}
} .wp_pages #main {
overflow:hidden;
}
.wp_pages #main_bg img {
width:100%;
min-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
z-index:0;
}
.wp_pages #main h1 {
color:#000;
}
.wp_pages #main h1 span {
font-weight:normal;
margin:0 0 2px;
}
.wp_pages .narrow_inner {
max-width:900px;
padding:0 15px;
margin:0 auto;
}
.wp_contents {
color:#333;
font-size:14px;
line-height:1.6;
margin:0 0 80px;
}
#free_space {
color:#333;
font-size:14px;
line-height:1.6;
}
#contact_recruit {
height:0;
clear:both;
display:block;
position:relative;
top:-120px;
}
.wp_contents h2, #free_space h2 {
font-size:27px;
font-weight:400;
line-height:1.4;
margin:40px 0 30px;
padding:0 0 10px;
border-bottom:solid 1px #CBCBCB;
}
.wp_contents .narrow_inner h2:first-child {
margin-top:20px;
}
.wp_contents h3, #free_space h3 {
font-size:20px;
font-weight:400;
line-height:1.4;
margin:30px 0 15px;
}
#distributorpages h3, #officepages h3 {
margin-top:70px;
padding:0 0 0 28px;
position:relative;
}
#distributorpages h2 + h3, #officepages h2 + h3 {
margin-top:0;
}
#distributorpages h3::before, #officepages h3::before {
color:#333;
content:'\f1ad';
font-family:'Font Awesome 5 Free';
font-weight:400;
font-size:20px;
position:absolute;
top:1px;
left:0;
}
#distributorpages .btn h3, #officepages .btn h3 {
padding:0;
margin:0;
}
#distributorpages .btn h3::before, #officepages .btn h3::before {
display:none;
}
.wp_contents h4, #free_space h4 {
font-size:16px;
font-weight:400;
line-height:1.4;
margin:15px 0 10px;
}
.wp_contents p, .wp_contents ul li, .wp_contents ol li,
#free_space p, #free_space ul li, #free_space ol li {
color:#666;
font-size:14px;
line-height:1.6;
margin:0 0 10px;
} .wp-block-file {
color:#666;
font-size:14px!important;
line-height:1.6;
margin:0 0 10px;
}
.wp_contents p a, .wp_contents ul li a, .wp_contents ol li a,
#free_space p a, #free_space ul li a, #free_space ol li a {
color:#666;
text-decoration:underline;
}
.wp_contents blockquote p, #free_space blockquote p {
font-size:18px;
}
.wp_contents .left_img {
width:100%;
margin:0 0 45px;
clear:both;
}
.wp_contents .left_img:before,
.wp_contents .left_img:after {
content: " ";
display: table;
}
.wp_contents .left_img:after {
clear: both;
}
.wp_contents .left_img {
*zoom: 1;
}
.wp_contents .left_img p {
margin:10px 0 0;
}
.wp_contents .left_img p:first-child {
margin:0;
}
.wp_contents .left_img .image {
padding:0 20px 0 0;
float:left;
}
#contents_list .left_img .image {
max-width:400px;
}
#company_pamphlet .left_img .image {
max-width:200px;
}
.wp_contents .left_img .image img {
height:auto;
display:block;
border:solid 1px #EBEBEB;
}
.wp_contents .interview_img .left_img .image img {
border:0;
max-width:220px !important;
}
.wp_contents .left_img .right_text {
overflow:hidden;
}
.wp_contents .left_img .right_text h4 {
margin-top:40px;
}
.wp_contents .interview_img .right_text blockquote p {
color:#000;
font-size:20px;
margin:30px 0;
}
.wp_contents .interview_img .right_text blockquote cite {
text-align:right;
display:block;
}
.wp_contents ul.tablist, #free_space ul.tablist {
margin:-10px -10px 0;
display:flex;
clear:both;
flex-wrap:wrap;
}
.wp_contents ul.tablist li, #free_space ul.tablist li {
width:20%;
padding:0 10px;
margin:10px 0;
color:#fff;
font-size:14px;
line-height:1.3;
text-align:center;
display:table;
box-sizing:border-box;
}
.wp_contents ul.tablist li span, .wp_contents ul.tablist li a, #free_space ul.tablist li span, #free_space ul.tablist li a {
color:#fff;
text-decoration:none;
vertical-align:middle;
width:100%;
padding:7px 5px 8px;
cursor:pointer;
background:#2051A4;
border:solid 1px #2051A4;
border-radius:3px;
display:table-cell;
box-sizing:border-box;
}
.wp_contents ul.tablist li.current span, .wp_contents ul.tablist li.current a, #free_space ul.tablist li.current span, #free_space ul.tablist li.current a {
color:#333;
border:solid 1px #979797;
background:#fff;
}
.wp_contents ul.hyo_block, #free_space ul.hyo_block {
margin:20px 0;
clear:both;
}
.wp_contents ul.hyo_block li, #free_space ul.hyo_block li {
width:100%;
display:flex;
clear:both;
background:#fff;
overflow:hidden;
border-bottom: solid 2px #F2F5F9;
margin:0 !important;
}
.wp_contents ul.hyo_block li:nth-child(odd), #free_space ul.hyo_block li:nth-child(odd) {
background:#F2F5F9;
}
.wp_contents ul.hyo_block li p, #free_space ul.hyo_block li p {
color:#666;
font-size:14px;
line-height:1.6;
padding:15px 15px 15px 0;
margin:0;
box-sizing:border-box;
vertical-align:top;
}
.wp_contents ul.hyo_block li p a, .wp_contents table td a, #free_space ul.hyo_block li p a, #free_space table td a {
color:#666;
text-decoration:underline;
}
.wp_contents table td .btn a, #free_space table td .btn a {
color:#2051A4;
text-decoration:none;
background:#fff;
}
.wp_contents ul.hyo_block li p.th, #free_space ul.hyo_block li p.th {
color:#000;
max-width:160px;
min-width:160px;
padding:15px;
}
.wp_contents ul.hyo_block li p.year, #free_space ul.hyo_block li p.year {
color:#000;
max-width:100px;
min-width:100px;
padding:15px;
}
.wp_contents ul.hyo_block li p.month, #free_space ul.hyo_block li p.month {
color:#000;
max-width:60px;
min-width:60px;
}
.wp_contents ul.hyo_block li p.texttable, #free_space ul.hyo_block li p.texttable {
position:relative;
background:#fff;
}
.wp_contents ul.hyo_block li p.texttable span, #free_space ul.hyo_block li p.texttable span {
display:block;
position:absolute;
top:50%;
transform:translateY(-50%);
}
.wp_contents div.wp-block-button, #free_space div.wp-block-button__link {
margin:0 0 10px;
}
.wp_contents .btn a, #free_space .btn a, .wp_contents a.wp-block-file__button, .wp_contents a.wp-block-file__button:visited, .wp_contents a.wp-block-button__link,
#free_space .btn a, #free_space a.wp-block-file__button, #free_space a.wp-block-file__button:visited, #free_space a.wp-block-button__link {
color:#2051A4;
font-size:14px;
line-height:1;
text-align:center;
padding:7px 40px 8px;
margin:0 0 15px;
border:solid 1px #2051A4;
border-radius:3px;
cursor:pointer;
box-sizing:border-box;
display:inline-block;
}
.wp_contents a.wp-block-file__button, .wp_contents a.wp-block-button__link,
#free_space a.wp-block-file__button, #free_space a.wp-block-button__link {
min-width:170px;
padding:4px 20px 5px;
margin:0;
background:transparent;
overflow:hidden;
position:relative;
display:inline-block;
vertical-align:top;
}
.wp_contents a.wp-block-file__button, #free_space a.wp-block-file__button {
margin-left:.75em;
}
.wp_contents .btn h2, #free_space .btn h2 {
font-size:14px;
line-height:1;
margin:0 !important;
padding:0;
border-bottom:0;
}
.wp_contents .btn h2 a, #free_space .btn h2 a {
padding:19px 115px 20px;
}
.wp_contents .left_img .right_text .btn h2 a {
margin:20px 0 0;
}
.wp_contents .btn h3, #free_space .btn h3 {
font-size:14px;
line-height:1;
margin:0;
}
.wp_contents .btn h3 a, #free_space .btn h3 a {
padding:7px 40px 8px;
}
.wp_contents .office_map {
margin:40px 0 0;
}
.wp_contents .office_map iframe {
width:100%;
height:500px;
display:block;
filter:  hue-rotate(300deg)  saturate(70%) contrast(100%);
　-webkit-filter: hue-rotate(300deg)  saturate(70%) contrast(100%);
}
.wp_contents .list_section {
margin:80px 0 0;
clear:both;
position:relative;
}
.wp_contents .inner .list_section:first-child, .wp_contents .inner h2:first-child + .list_section {
margin:0;
}
.wp_contents table, #free_space table {
width:100%;
margin:0 0 20px;
clear:both;
border-collapse:collapse;
border-spacing:0;
border-bottom:solid 2px #F2F5F9;
}
.wp_contents table.td, #free_space table.td {
width:100%;
margin:0;
border-bottom:0;
}
.wp_contents table.td th, #free_space table.td th {
min-width:100px;
}
.wp_contents table.td td, #free_space table.td td {
width:100%;
}
.wp_contents table th, .wp_contents table td, #free_space table th, #free_space table td {
font-weight:400;
text-align:left;
min-width:130px;
padding:15px;
vertical-align:middle;
box-sizing:border-box;
border:0;
}
.wp_contents table td, #free_space table td {
color:#666;
padding-left:0;
}
.wp_contents table.wp-block-table tr td, #free_space table.wp-block-table tr td {
padding-left:15px;
}
.wp_contents table td p, #free_space table td p {
padding:0;
margin:0;
}
.wp_contents table tr:nth-child(odd) th, .wp_contents table tr:nth-child(odd) td,
#free_space table tr:nth-child(odd) th, #free_space table tr:nth-child(odd) td {
background:#F2F5F9;
}
.wp_contents table tr:nth-child(even) th, .wp_contents table tr:nth-child(even) td,
#free_space table tr:nth-child(even) th, #free_space table tr:nth-child(even) td {
background:#fff;
}
.wp_contents table.issue th, .wp_contents table.memo td,
#free_space table.issue th, #free_space table.memo td {
width:70%;
}
.wp_contents table.issue td, #free_space table.issue td {
text-align:right;
}
.wp_contents table thead th, .wp_contents table thead td,
#free_space table thead th, #free_space table thead td {
color:#fff;
font-weight:700;
text-align:center;
background:#2051A4 !important;
}
.wp_contents table.notice thead th, .wp_contents table.notice thead td,
#free_space table.notice thead th, #free_space table.notice thead td {
text-align:left;
}
.wp_contents table.notice th, #free_space table.notice th {
width:8em;
}
.wp_contents .list_section p.chushaku, #free_space .list_section p.chushaku {
font-size:12px;
text-align:right;
margin:20px 0 0;
}
#ir_faq h4 {
color:#2051A4;
}
.wp_contents table.hyo_block, #free_space table.hyo_block {
table-layout:fixed;
}
.wp_contents table.recruit_table th, .wp_contents table.recruit_table td {
vertical-align:top;
}
.wp_contents table.recruit_table th {
min-width:190px;
}
.wp_contents table.recruit_table td .btn a {
margin:15px 0 5px;
}
.wp_contents table.recruit_table td .btn:first-child a {
margin-top:0;
}
.wp_contents table.recruit_table td br {
display:none;
}
.wp_contents table.recruit_table td p br {
display:inline;
}
.wp_contents table.recruit_table td h3 {
color:#333;
font-size:14px;
margin:30px 0 5px;
}
.wp_contents table.recruit_table td h3:first-child {
margin-top:0;
padding-top:3px;
}
.wp_contents table.recruit_table td p.chushaku {
text-align:left;
margin-top:20px !important;
}
.wp_contents .inner > div.form_area form .formlist .input_form br, .mw_wp_form_confirm form .formlist .alert {
display:none;
}
.wp_contents .form_menu > .inner > div.form_area form {
margin-top:0;
}
.wp_contents #account_menu .inner.narrow_inner {
padding:0;
}
.wp_contents .form_menu .inputarea label input {
display:inline-block;
}
.wp_contents .form_menu .inputarea .mwform-checkbox-field label input {
-webkit-appearance:checkbox;
}
.wp_contents .form_menu .inputarea .horizontal-item + .horizontal-item, .wp_contents .form_menu .inputarea .horizontal-item:first-child {
margin-right:15px;
margin-left:0;
}
.wp_contents .blank {
position:relative;
right:7px;
display:inline-block;
}
.wp_contents .blank::after {
color:#2051A4;
content:'\f2d2';
font-family:'Font Awesome 5 Free';
font-weight:400;
font-size:10px;
position:absolute;
top:0;
right:-14px;
transition:all ease 0.3s;
}
.wp_contents .narrow_inner figure {
margin-left:0;
}
#news_search {
text-align:center;
padding:15px;
margin:0 0 60px;
background:#EEF0F3;
}
#news_search p {
color:#333;
font-size:14px;
margin:0 20px 0 0;
display:inline-block;
}
#news_search form {
width:400px;
display:inline-block;
}
.wp-block-file {
width:100%;
padding:0 0 14px;
margin-top:1.5em;
margin-bottom:1.5em;
border-bottom:solid 1px #e0e0e0;
}
.wp-block-file a.wp-block-file__button {
float:right;
}
@media screen and (max-width:899px) {
#main h1 {
padding-top:5px;
}
}
@media screen and (max-width:767px) {
.wp_pages #pankuzu {
padding:10px 0 15px;
}
.wp_pages #pankuzu li {
font-size:11px;
}
.wp_contents h2, #free_space h2 {
font-size:22px;
margin:40px 0 20px;
padding:0 0 5px;
}
.wp_contents .narrow_inner h2:first-child {
margin-top:10px;
}
.wp_contents h3, #free_space h3 {
font-size:18px;
margin:25px 0 10px;
}
#distributorpages h3, #officepages h3 {
padding:0 0 0 26px;
}
#distributorpages h3::before, #officepages h3::before {
font-size:18px;
top:0;
}
.wp_contents .left_img .right_text h4 {
margin-top:25px;
}
.wp_contents .left_img {
margin:0 0 35px;
}
.wp_contents ul.tablist, #free_space ul.tablist {
margin:0 -6px;
}
.wp_contents ul.tablist li, #free_space ul.tablist li {
padding:0 6px;
font-size:12px;
}
.wp_contents ul.hyo_block li p.th, #free_space ul.hyo_block li p.th {
max-width:140px;
min-width:140px;
padding:10px;
}
.wp_contents ul.hyo_block li p, #free_space ul.hyo_block li p {
padding:10px 10px 10px 0;
}
.wp_contents .btn a, #free_space .btn a {
font-size:13px;
text-decoration:none;
display:block;
}
.wp_contents .btn h2 a, #free_space .btn h2 a {
padding:19px 10px 20px;
}
.wp_contents .btn h3 a, #free_space .btn h3 a {
padding:7px 10px 8px;
}
.wp_contents .list_section, #free_space .list_section {
margin:60px 0 0;
}
#contact_recruit {
top:-55px;
}
.wp-block-file a.wp-block-file__button {
color:#2051A4 !important;
float:none;
display:block;
margin:10px 0 0;
max-width:240px;
}
}
@media screen and (max-width:639px) {
.wp_contents .left_img {
padding:0;
display:block;
}
.wp_contents .left_img .right_text {
margin:15px 0 0;
}
.wp_contents .left_img .image {
width:100%;
min-width:inherit;
max-width:none;
margin:0 0 15px;
float:none;
clear:both;
}
#contents_list .interview_img .left_img .image {
max-width:none;
}
.wp_contents .interview_img .right_text blockquote p {
font-size:18px;
margin:10px 0;
}
.wp_contents .left_img .image img {
margin:0 auto;
}
.wp_contents ul.tablist li, #free_space ul.tablist li {
width:33.33%;
margin:0 0 12px;
}
.wp_contents .btn a, #free_space .btn a {
margin:0 auto 15px;
}
.wp_contents h2, #free_space h2 {
font-size:20px;
}
.wp_contents ul.hyo_block li, #free_space ul.hyo_block li {
display:block;
background:#fff !important;
}
.wp_contents ul.hyo_block li p, #free_space ul.hyo_block li p {
padding:10px 0 25px;
background:#fff;
}
.wp_contents ul.hyo_block li p.th, #free_space ul.hyo_block li p.th {
padding:5px 10px 6px;
text-align:center;
max-width:none;
min-width:inherit;
background:#F2F5F9;
}
.wp_contents .office_map {
margin:30px 0 0;
}
.wp_contents .office_map iframe {
height:360px;
}
.wp_contents .list_section, #free_space .list_section {
margin:50px 0 0;
}
.wp_contents ul.hyo_block li p.year, #free_space ul.hyo_block li p.year {
padding:5px 10px 6px;
text-align:left;
max-width:none;
min-width:inherit;
background:#F2F5F9;
float:left;
}
.wp_contents ul.hyo_block li p.month, #free_space ul.hyo_block li p.month {
padding:5px 10px 6px 5em;
text-align:left;
max-width:none;
min-width:inherit;
background:#F2F5F9;
}
.wp_contents table.recruit_table th, .wp_contents table.recruit_table td {
display:block;
}
.wp_contents table.recruit_table th {
padding:15px 10px;
}
.wp_contents table.recruit_table td {
padding:0 10px 15px;
}
.wp_contents table.recruit_table th br {
display:none;
}
#news_search {
margin:0 0 40px;
}
#news_search form {
width:240px;
}
#news_search p {
margin:0 10px 0 0;
}
.wp_contents ul.hyo_block li p.texttable, #free_space ul.hyo_block li p.texttable {
margin:0 0 10px;
}
.wp_contents ul.hyo_block li p.texttable span, #free_space ul.hyo_block li p.texttable span {
position:relative;
top:0;
transform:translateY(0);
}
.wp_contents table.td tr:nth-child(2n+1) th, .wp_contents table.td tr:nth-child(2n+1) td,
#free_space table.td tr:nth-child(2n+1) th, #free_space table.td tr:nth-child(2n+1) td {
background:#fff;
}
.wp_contents table.td tr th, .wp_contents table.td tr td,
#free_space table.td tr th, #free_space table.td tr td {
display:block;
}
.wp_contents table.td tr th, #free_space table.td tr th {
padding:5px 0 0;
}
.wp_contents table.td tr td, #free_space table.td tr td {
padding:5px 0;
}
.wp_contents table.td tr td:last-child, #free_space table.td tr td:last-child {
padding-bottom:15px;
}
}
@media screen and (max-width:479px) {
.wp_contents ul.tablist li, #free_space ul.tablist li {
font-size:11px;
}
.wp_contents .office_map iframe {
height:300px;
}
.wp_contents table th, .wp_contents table td, #free_space table th, #free_space table td {
min-width:80px;
padding:10px;
}
.wp_contents table.wp-block-table tr td, #free_space table.wp-block-table tr td {
padding-left:10px;
}
#news_search form {
width:auto;
display:block;
}
#news_search p {
text-align:left;
margin:0 0 10px;
display:block;
}
.wp-block-file a.wp-block-file__button {
margin:10px auto 0;
}
}
@media screen and (min-width:768px) {
.wp_contents a.wp-block-file__button:hover, #free_space a.wp-block-file__button:hover {
color:#fff;
}
}
#free_space a.wp-block-file__button:hover {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none;
}  img.Visual {
width: 100%;
height: 400px;
object-fit: cover;
} img.exVisual {
width: 100%;
height: 300px;
object-fit: cover;
} #cardlayout-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
margin: 2em auto;
max-width: 960px;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
} a.card-link {
text-decoration: none;
} #cardlayout-wrap img {
display: block;
max-width: 100%;
height: auto;
}
.card-figure {
margin: 0;
padding: 0;
} .card-title {
margin: 15px 0 0 0  !important;
padding: 0  !important;
color: #333;
text-align: center;
font-size: 20px  !important;
border-bottom: none  !important;
} .card-text-tax {
margin: 0  !important;
padding: 1em  !important;
color: #818181;
} .card-list {
margin: 0.5em 0 1em  !important;
padding: 0;
width: 96%;
background: #f0f0f0; } @media all and (min-width: 768px) {
.card-list {
margin: 0.5em 0  !important;
width: calc(96% / 2); }
} @media all and (min-width: 992px) {
.card-list {
width: calc(96% / 3); } #cardlayout-wrap::after{
content: "";
display: block;
width: calc(96% / 3);
}
}
.chat-frame {
text-align: center;
width: 200px; padding: 0;
position: fixed;
bottom: 5px;
right: 5px;      } .mwform-checkbox-field, .mwform-radio-field {
font-size:20px !important;
}
.questionnaire input[type=radio] {
width:16px;
height:16px;
font-size:18px;
-webkit-appearance: auto !important;
display: inline-block !important;
}
.questionnaire input[type=checkbox] {
width:16px;
height:16px;
font-size:18px;
-webkit-appearance: auto !important;
display: inline-block !important;
}  .wp_contents .right-image-outer{
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
}
.wp_contents .right-image-text{
overflow: hidden;
flex-grow: 1;
}
.wp_contents .right-image-img{
padding: 0 0 0 20px;
flex-shrink: 0;
}
@media screen and (max-width:639px) {
.wp_contents .right-image-outer{
display:block;
margin: 0 auto 45px;
}
.wp_contents .right-image-img{
width: 90%;
text-align : left;
padding: 0;
margin: 14px 40px 14px 0;
}
} @media screen and (max-width:639px) {
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
} .youtube-en,
.youtube-cn {
display: none;
} .pb5{
padding-bottom: 5px;
}
.pb10{
padding-bottom: 10px;
}
.pb15{
padding-bottom: 15px;
}
.pb30{
padding-bottom: 30px;
}
.pb60{
padding-bottom: 60px;
}  .underpage-recruit-newgrads #info{
margin-top: 40px;
}
.underpage-recruit-newgrads{
}
.wp_pages.underpage-recruit-newgrads #main_bg img{
min-width: auto;
}
.underpage-recruit-newgrads #pankuzu li a{
color: #00b1a9;
}
.underpage-recruit-newgrads .wp_contents strong{
color: #2051a4;
font-size: 110%;
}
.underpage-recruit-newgrads #main h1{
}
.underpage-recruit-newgrads .wp_contents h2 {
color: #00b1a9;
font-size: 36px;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
padding: 0;
border: none;
margin: 80px 0 20px;
text-indent: 0;
}
.underpage-recruit-newgrads .wp_contents h3{
font-size: 28px;
border-bottom: 2px solid #1FB1A8;
margin: 40px 0 15px;
padding: 0 0 12px 0;
}
.underpage-recruit-newgrads .wp_contents h4,
.underpage-recruit-newgrads #free_space h4{
font-size: 24px;
color: #000;
border-bottom: solid 1px #e0e0e0;
margin: 30px 0 15px;
padding: 0 0 10px;
}
.underpage-recruit-newgrads .wp_contents p{
font-size: 16px;
}
.underpage-recruit-newgrads .wp_contents ul.tablist li, #free_space ul.tablist li{
width: 33.3%;
}
.underpage-recruit-newgrads .wp_contents ul.tablist li span,
.underpage-recruit-newgrads .wp_contents ul.tablist li a,
.underpage-recruit-newgrads #free_space ul.tablist li span,
.underpage-recruit-newgrads #free_space ul.tablist li a{
background: linear-gradient(90deg, #f27f88, #7fb3db, #7fcca1, #f27f88, #7fb3db, #7fcca1);
background-size: 300% 300%;
animation: gradient 30s linear infinite;
border: none;
padding: 17px 10px;
}
.underpage-recruit-newgrads .btn_hover_w:hover,
.underpage-recruit-newgrads .submitbtn button.mfp-close:hover,
.underpage-recruit-newgrads .wp_contents ul.hyo_block li p a:hover,
.underpage-recruit-newgrads .wp_contents table td a:hover,
.underpage-recruit-newgrads .wp_contents p a:hover,
.underpage-recruit-newgrads .wp_contents ul li a:hover,
.underpage-recruit-newgrads .wp_contents ol li a:hover,
.underpage-recruit-newgrads .news_nav a.prev:hover,
.underpage-recruit-newgrads .news_nav a.next:hover,
.underpage-recruit-newgrads .wp_contents ul li a:hover{
color: #fff !important;
}
.underpage-recruit-newgrads .wp_contents .btn a,
.underpage-recruit-newgrads #free_space .btn a,
.underpage-recruit-newgrads .wp_contents a.wp-block-file__button,
.underpage-recruit-newgrads .wp_contents a.wp-block-file__button:visited,
.underpage-recruit-newgrads .wp_contents a.wp-block-button__link,
.underpage-recruit-newgrads #free_space .btn a,
.underpage-recruit-newgrads #free_space a.wp-block-file__button,
.underpage-recruit-newgrads #free_space a.wp-block-file__button:visited,
.underpage-recruit-newgrads #free_space a.wp-block-button__link{
background-color: #1FB1A8;
border: solid 1px #1FB1A8;
color: #fff;
padding: 15px 20px;
margin-top: 10px;
}
.underpage-recruit-newgrads .wp_contents .btn a:hover{
background-color: #fff;
color: #1FB1A8 !important;
}
.underpage-recruit-newgrads .btn_hover::before{
background: #fff;
}
.underpage-recruit-newgrads .btn_hover_w::before,
.underpage-recruit-newgrads button.mfp-close::after,
.underpage-recruit-newgrads .page_navi ul li.btn_default a::before,
.underpage-recruit-newgrads #tabmenu li a::after,
.underpage-recruit-newgrads #tabmenu li a::before,
.underpage-recruit-newgrads .wp_contents a.wp-block-file__button::before,
.underpage-recruit-newgrads .wp_contents a.wp-block-button__link::before,
.underpage-recruit-newgrads #free_space a.wp-block-file__button::before,
.underpage-recruit-newgrads #free_space a.wp-block-button__link::before,
.underpage-recruit-newgrads .news_nav a::before{
background: #1FB1A8;
}
.underpage-recruit-newgrads .wp_contents .list_section{
margin: 0;
}
.underpage-recruit-newgrads .wp_contents .narrow_inner figure{
text-align: center;
margin-right: 0;
}
@media screen and (max-width: 1024px){
.underpage-recruit-newgrads.welfare br{
display: none;
}
}
@media screen and (max-width: 767px){
.wp_pages.underpage-recruit-newgrads #main{
height: 160px;
}
.underpage-recruit-newgrads .wp_contents h2 br.pc,
.underpage-recruit-newgrads .wp_contents h3 br.pc,
.underpage-recruit-newgrads .wp_contents h4 br.pc,
.underpage-recruit-newgrads #free_space h4 br.pc{
display: none;
}
.underpage-recruit-newgrads .wp_contents h2{
font-size: 20px;
margin: 60px 0 15px;
letter-spacing: -1px;
}
.underpage-recruit-newgrads .wp_contents h3{
font-size: 20px;
}
.underpage-recruit-newgrads .wp_contents h4,
.underpage-recruit-newgrads #free_space h4{
font-size: 18px;
}
.underpage-recruit-newgrads .wp_contents ul.tablist li,
.underpage-recruit-newgrads #free_space ul.tablist li{
width: 50%;
font-size: 14px;
}
.underpage-recruit-newgrads .wp_contents p{
font-size: 14px;
}
.underpage-recruit-newgrads .wp_contents .right-image-img{
width: 100%;
}
.underpage-recruit-newgrads .wp_contents .right-image-outer{
margin: 0 auto 15px;
}
} .underpage-recruit-newgrads .recruit_sec_inner section{
margin: 0;
}
.underpage-recruit-newgrads .recruit_top_inner ul.interview_list{
margin: 15px 0;
padding: 0;
justify-content: start;
}
.underpage-recruit-newgrads .recruit_top_inner ul.interview_list li:not(:last-of-type){
margin-right: 26.5px;
}
.underpage-recruit-newgrads ul.interview_list li .text h3{
border-bottom: none;
margin: 0;
}
.underpage-recruit-newgrads ul.interview_list li .btn a{
font-size: 12px;
padding:  10px 10px 12px 5px;
}
@media screen and (max-width: 768px){
.underpage-recruit-newgrads .recruit_top_inner ul.interview_list{
justify-content: space-between;
}
.underpage-recruit-newgrads .recruit_top_inner ul.interview_list li:not(:last-of-type){
margin-right: 0;
}
} .header-logo {
display: block;
font-size: 2em;  margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
unicode-bidi: isolate;
}
header .header-logo {
line-height: 1;
padding: 13px 0 0 15px;
float: left;
}
header .header-logo a, header .header-logo img {
display: block;
}
header .header-logo a {
width: 144px;
height: 30px;
}
#productsearchmenu .productmenu li .inner-title, #applimenu .productmenu li .inner-title, #irinfomenu .productmenu li .inner-title, #companyinfomenu .productmenu li div, #recruitinfomenu .productmenu li div,
#techinfomenu .productmenu li .inner-title, #contactmenu .productmenu li .inner-title {
font-size:14px;
}
.inner-title {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
unicode-bidi: isolate;
}
.inner-text {
display: block;  margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
unicode-bidi: isolate;
}
.productmenu li.pmenu .inner .inner-title {
color:#2051A4;
font-size:15px;
font-weight:400;
text-align:left;
line-height:1.5;
margin:25px 0 0;
padding:0 0 8px;
border-bottom:solid 1px rgba(105,137,191,0.25);
}
.productmenu li.pmenu .inner .inner-title {
color: #2051A4;
font-size: 15px;
font-weight: 400;
text-align: left;
line-height: 1.5;
margin: 25px 0 0;
padding: 0 0 8px;
border-bottom: solid 1px rgba(105, 137, 191, 0.25);
}
.productmenu li.pmenu .inner .inner-title:first-child {
border-bottom:solid 1px rgba(105,137,191,0.5);
}
.productmenu li.pmenu .inner .inner-title a {
color:#2051A4;
text-decoration:none;
}
.productmenu li.pmenu .inner .inner-title.hidden {
visibility:hidden;
}
.productmenu li.pmenu .inner .inner-text {
text-align:left;
color:#666;
font-size:14px;
font-weight:200;
line-height:1.6;
padding:12px 0 0;
}
.productmenu li.pmenu .inner .inner-text a {
color:#2051A4;
text-decoration:none;
}
.productmenu li.pmenu .inner .list .inner-text {
color:#003366;
font-size:12px;
font-weight:200;
line-height:1.5;
margin:0 15px;
padding:0 0 5px;
border-bottom:solid 1px #003366;
}
.productmenu li.pmenu .inner .inner-title a:hover, .productmenu li a:hover .inner-title, #applimenu .productmenu li a:hover .inner-title, #irinfomenu .productmenu li a:hover .inner-title, #companyinfomenu .productmenu li a:hover .inner-title:hover .inner-title,
#techinfomenu .productmenu li a:hover .inner-title, #contactmenu .productmenu li a:hover .inner-title, .productmenu li.pmenu .inner a:hover .inner-text, .contact_navi p a:hover, .result_area table .inner-text a:hover, .prohead .desc .inner-text a:hover,
.productmenu li.pmenu .inner .inner-text a:hover {
text-decoration:underline !important;
}
@media screen and (max-width:1365px) {
#productsearchmenu .productmenu li .inner-title, #applimenu .productmenu li .inner-title, #irinfomenu .productmenu li .inner-title, 
#companyinfomenu .productmenu li .inner-title, #recruitinfomenu .productmenu li .inner-title,
#techinfomenu .productmenu li .inner-title, #contactmenu .productmenu li .inner-title {
font-size:14px;
}
}
@media screen and (max-width:559px) {
.productmenu li.pmenu .inner .inner-title {
font-size:13px;
}
}