contact_submit/*
Theme Name: webRescue_default
Theme URI: http://webrescue.net
Author: the WordPress team
Author URI: http://webrescue.net/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://webrescue.net/
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: http://webrescue.net/
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

*{
  box-sizing: border-box;
}


#main{
  box-sizing: border-box;
}

/* print setting */
@media print {
    body {
    -webkit-print-color-adjust: exact;
    top:0 !IMPORTANT;
    left:0 !IMPORTANT;
    width:200mm !IMPORTANT;
    height:290mm !IMPORTANT;
    }

    #slideshow{
        display: none;
    }

}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
word-wrap: break-word;
}
:focus {/* remember to define focus styles! */
outline: 0;
}

body {
background: #fff;
line-height: 1;
}

/* Link Color
--------------------------------*/
a:link {/*未訪問のリンク*/
color:#152F60;
}
a:visited {/*訪問後のリンク*/
color:#152F60;
}
not(.eachProduct) a:hover {/*マウスをのせたとき*/
color:#e4416d;
}
not(.eachProduct) a:active {/*クリック中*/
color:#e4416d;
}

ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

.ofh{
    overflow: hidden;
}

.float_left{
float: left;
}
.float_right{
float: right;
}
.ml_10{
margin-left: 10px !important;
}
.mr_10{
margin-right: 10px !important;
}
.mt_10{
margin-top: 10px !important;
}
.mb_10{
margin-bottom: 10px !important;
}
.ml_20{
margin-left: 20px !important;
}
.mr_20{
margin-right: 20px !important;
}
.mt_20{
margin-top: 20px !important;
}
.mb_20{
margin-bottom: 20px !important;
}

.ml_30{
margin-left: 30px !important;
}
.mr_30{
margin-right: 30px !important;
}
.mt_30{
margin-top: 30px !important;
}
.mb_30{
margin-bottom: 30px !important;
}

.ml_50{
margin-left: 50px !important;
}
.mr_50{
margin-right: 50px !important;
}
.mt_50{
margin-top: 50px !important;
}
.mb_50{
margin-bottom: 50px !important;
}

/* ここからデザイン
------------------------------------------------------*/

html {}

body {
font-family: "メイリオ", meirio, Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 12px;
line-height: 20px;
}



h2, h3, h4, {margin-bottom:10px;}

h2, h3, h4{margin-bottom:10px;}

h2.common {
    position: relative;
    padding: .75em 1em .75em 1.35em;
    border: 1px solid #eee;
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: bold;
    clear: both;
    display: flex;
    align-items: center;
}

h2.common::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 8px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background: #155BF7;
    border-radius: 4px;
}

.pd_content h3, h3.title-1,h3.common {
    position: relative;
    padding: .6em 1em .5em 1.5em;
    border: 1px solid #eee;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 16px;
    font-weight: bold;
    background: #f0f0f0;
    display: flex;
    align-items: center;
}
.pd_content h3::after, h3.title-1::after,h3.common:after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 8px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background: #113D74;
    border-radius: 4px;
}

h3.title-2 {
color: #000;
line-height:18px;
font-size: 30px;
color: 114;
padding: 18px 10px 20px 25px;
font-weight: bold;
}
a h3.title-2 {
background: white;
line-height:1;
color: 114;
padding: 15px 15px 15px;
font-weight: bold;
}
h3.title-2 img {
margin-right: 10px;
}

h3.title-3, h3.cursor {
background:url(/images/bg_h3-1.jpg) left top no-repeat;
line-height: 79px;
font-size:22px;
color: black;
height: 79px;
padding: 0 25px;
font-weight: bold;
}

.section {
margin-bottom:10px;
}

.box {
}

h4 {
font-size:16px;
line-height:1;
padding-bottom:5px;
}
h4.common{
    margin-bottom: 10px;
    margin-top: 20px;
    color: #113D74;
    padding: 9px 10px;
    background: #eef;
}
h4.common:before{
    color: #113D74;
    content: "\f013";
  font-family: FontAwesome;
  margin-right: 10px;
}

/* 非表示 */
#comments, .entry-meta, #nav-single {
display: none;
}
/* ページのタイトルを消す */
.page-id-2 .entry-title,
.page-id-31 .entry-title,
.page-id-34 .entry-title,
.page-id-203 .entry-title,
.page-id-205 .entry-title,
.page-id-207 .entry-title,
.page-id-209 .entry-title,
.page-id-343 .entry-title,
.page-id-1131 .entry-title {
display: none;
}

/* レイアウト確認Border */
/*
#header {
border: 1px solid skyblue;
}
#header_inner {
border: 1px solid limegreen;
}
#main_inner {
border: 1px solid magenta;
}
#primary {
border: 1px solid gray;
}
#secondary {
border: 1px solid gray;
}
#footer {
border: 1px solid orange;
}
#footer_inner {
border: 1px solid gray;
}*/


/* EOF)カラム割 */

#aside_center {
text-align: center;
margin: 0 auto;
}
#aside_center .container {
width: 920px;
height:185px;
position:relative;
margin: 0 auto;
text-align: center;
}

#logo {
    margin-left: 20px;
    margin-top: 12px;
    width: 120px;
    height: auto;
}

#header_50th{
    position: absolute;
}

#lang {
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 5px;
    right: 5px;
}

#lang a {
display:inline-block;
margin-left:10px;
border:solid 1px #dddddd;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
width:80px;
padding:3px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position:relative;
behavior: url(js/PIE.htc);
background:url(/images/bg_lang.jpg) left center repeat-x;
font-weight:bold;
}
#lang a:hover, #lang a.active {
background:#152F60;
color:#fff;
}
#cse {
    position: absolute;
    top: 27px;
    right: 5px;
    width: 394px !important;
}
.gsc-control-cse{
padding: 0 !important;
background-color: transparent !important;
border: none !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
margin-top: 6px !important;
}
#search img {vertical-align:middle;}
#search input.input { width:290px;}
#search input.button  {vertical-align:middle; padding:2px; margin-left:5px;}

#nav {
width:100%;
height:44px;
background: url(/images/nav_bg.png);
padding:0;
margin:0 auto;
display: none;
}

#nav ul {
position: relative;
width:920px;
height:44px;
padding:0;
margin:0 auto;}

#nav li {
position:absolute;
width:183px;
height:28px;
top:2px; }

#nav li#nav-1 {left:0px; }
#nav li#nav-2 {left:185px; }
#nav li#nav-3 {left:369px; }
#nav li#nav-4 {right:184px; }
#nav li#nav-5 {right:0px; }

#nav li a {
display:block;
background:url(/images/nav_bg_li.png) left top repeat-x;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:12px;
line-height:16px;
height:14px;
padding:13px 0;
margin:0;
width:184px;
border-left:solid 1px #031328;
border-right:solid 1px #031328;
}
#nav li:last-child a {
border-right:solid 1px #031328;
}
#nav li a.first {
width:183px;
border-right:solid 1px #031328;
margin:0;
}
#nav li a:hover, #nav li.active a {
background:url(/images/nav_bg_a.png) left top repeat-x;
color:#111;
border-right:solid 1px #031328;
border-left:solid 1px #031328;
}


#toplist li {
float:left;
margin:5px 0;
width: 180px;
}
#toplist li img {
float:left;
margin: 0;
width: 66px;
height: 44px;
overflow: hidden;
}
#toplist li span {
float:left;
width: 100px;
height: 24px;
margin: 16px 0 0 0;
padding: 0;
overflow: hidden;
}
#toplist a {
display:block;
text-decoration:none;
font-weight:bold;
width:187px;
}

#toplist a img {vertical-align:middle; margin-right: 5px;}


#breadcrumb{
    font-size:12px;
    margin:0px 0 0px;
    padding: 5px 22px;
    text-align:left;
    /* border-top: solid 1px #e6dbce; */
    border-bottom: solid 2px #d9dee2;
    background: #78787A;
    color: white;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
#breadcrumb a{
  display: flex;
  align-items: center;
  color: white;
}



#page_title{
    text-align: left;
    font-size: 24px;
    background: #0851E6;
    color: white;
    height: 58px;
    margin:0px 0 0px;
    line-height: 60px;
    padding: 0 0 0 25px;
}

.list_bannar li {
line-height:1;
margin-bottom:5px;
}
#sidebar h3 {
font-size:12px;
line-height:14px;
height:14px;
background:url(/images/bg_h3s.jpg) left center repeat-x;
padding:5px;
margin-bottom:5px;
}
#sidebar h3 span {
float:right;
color:#fff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}
.list_cat li {margin-bottom:5px; line-height:1;}
.list_cat li a {
display:block;
background:url(/images/marker-3.png) 10px center no-repeat #eeeeee;
padding:5px 10px 5px 30px;
text-decoration:none;
}
.list_cat li a:hover {
background:url(/images/marker-3.png) 12px center no-repeat #fafafa;
}




.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.list_topp li{
float:left;
border:solid 1px #d1d1d1;
padding:15px 5px 5px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
position:relative;
behavior: url(js/PIE.htc);
margin-right:9px;
background:#f9faf9;
}
.list_topp li a {
text-decoration:none;
}


.list_topp li h4 {
font-size:14px;
line-height:1;
padding-bottom:10px;
border-bottom:dotted 1px #000;
}
.list_topp li .content_area {
background:url(/images/bg_topp.jpg) left top no-repeat;
padding:25px 14px;
width:128px;
height:179px;
text-align:center;
}


input[type="text"],input[type="password"],input[type="email"],select{
    border: 2px solid #ccc;
    padding: 10px;
}

/* table
-----------------*/
td,th{
border: 0 white;
}

table.common{
border-top: 1px solid #E9EEF2;
width: 100%;
margin: 0 auto;
font-size: 14px;
}

table.common th{
padding: 15px 2%;
text-align: left;
border-bottom: 1px solid #E9EEF2;
color: #222;
background: #fff; 
vertical-align: middle;
font-size: 14px;
font-weight: bold;
}
table.common td{
padding: 15px 2%;
text-align: left;
border-bottom: 1px solid #E9EEF2;
color: #222;
background: #fff;
}
table.common table th, table.common table td{
padding: 0px 0 15px;
}
table.common table tr:last-child th, table.common table tr:last-child td{
padding: 0px 0 0px;
}

table.common.contact th{
padding: 10px 2%;
}
table.common.contact td{
padding: 10px 2%;
}

table.common tr:last-child th,table.common tr:last-child td{
}

table.common tbody tr:nth-child(odd) th {
    background: #fafafa;
}
table.common tbody tr:nth-child(odd) td {
    background: #fafafa;
}

table.common td table{
    width: 100%;
}
table.common td td,table.common td th{
    border: none;
}

.box {
border:solid 2px #dcdddd;
background:#f7f7f7;
padding: 0 8px;
}
.cursor {cursor:pointer;}
.cursor:hover, h3.h3_sub:hover  {
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
.box h3.h3_sub img {
vertical-align:center;
margin-left:5px;
}
.box h4 {
font-size:20px;
line-height:1;
margin-left:28px;
margin-bottom:5px;
clear: both;
}
.box h4 img {
vertical-align:center;
margin-left:5px;
}
.section .block{
height: 55px;
}
#content p{
}
.table_product {
width:100%;
margin-top:10px;
}
.table_product th {
font-size:13px;
background:url(/images/marker-1.png) left 1px no-repeat;
text-align:left;
padding-left:15px;
color:#183265;
vertical-align:top;
width:120px;
line-height:1.2;
padding-bottom:10px;
}
.table_product td {
padding-left:60px;
vertical-align:top;
padding-bottom:10px;
width:135px;
}
.table_product td.hikaku {
background:url(/images/icon-hikaku.png) left top no-repeat;
}
.table_product td li {
float:left;
margin-right:5px;
}

.p_type1{
    padding: 0 20px;
    font-size: 16px;
}
.list_tab { 
    line-height:1;
    z-index:10;
    margin-bottom:20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


_:-ms-lang(x)::-ms-backdrop, .list_tab {
    /* IE11 のみ適用される */
      display:  flex;
      flex-wrap: wrap;
      width: 100%;
}

_:-ms-lang(x)::-ms-backdrop, .list_tab li{
    /* IE11 のみ適用される */
      width: 33.3%;
}


.list_tab li {
    border: solid 1px #00519f;
}
.list_tab li a {
    text-decoration: none;
    font-size: 14px;
    width: 100%;
    text-align: center;
    display: block;
    padding: 11px 0 4px;
    align-items: center;
    min-height: 24px;
    height: 100%;
    color: #00519f;
}

.list_tab li a::after {
    content: "〉";
    display: block;
    transform: rotate(90deg);
    font-size: 12px;
    color: rgb(0, 81, 159);
    line-height: 1.2em;
    margin-top: 3px;
}
.list_tab li a:hover:after, a.selected:after {
    color: #fff !important;
}


.list_tab li a:hover, .list_tab li.active a {
background:#00519F;
color: white;
}
.list_tab li a.selected{
    background:#00519F;
    color: white; 
    cursor: default;
}
#tab-control-1{
    border-right: none;
}
#tab-control-3{
    border-left: none;
}

#tab-1,
#tab-2,
#tab-3 {
margin:0 0 50px; }

.pd_content {
border-bottom:dotted 1px #ddd;
margin-bottom:10px;
padding-bottom:10px;
}
.pd_content img.imgborder {
float:right;
border:solid 5px #ddd;
margin-bottom:10px;
}


.table_pd {width:100%; border:solid 1px #ddd;}
.table_pd thead th {
background:#898989;
color:#fff;
border:solid 1px #fff;
padding:5px;
}
.table_pd tbody th {
background:#e6e6e6;
border-bottom:dotted 1px #ddd;
padding:5px;
}
.table_pd tbody td {
border-bottom:dotted 1px #ddd;
padding:5px;
}

.box2 {
border:solid 3px #ddd;
padding:7px;
}
p.line {
background:url(/images/bg_line.png) repeat;
line-height:42px;
}



.br_content {
border-bottom:dotted 1px #ddd;
margin-bottom:10px;
padding-bottom:10px;
}
.br_content h4 {
background:url(/images/bg_h4-1.jpg) left top no-repeat;
line-height:1;
font-size:16px;
padding:12px 20px;
margin-bottom:10px;
}
.imgborder2 {
border:solid 1px #ddd;
padding:3px;
float:left;
}
.table_br {
width:480px;
float:right;
}
.table_br th {
border-right:solid 10px #fff;
border-bottom:solid 10px #fff;
text-align:left;
vertical-align:top;
background:url(/images/bg_th-1.jpg) top repeat-x;
color:#fff;
line-height:1;
padding:8px;
width:70px;
}
.table_br td {
border-bottom:solid 10px #fff;
text-align:left;
vertical-align:middle;
padding:8px;
}

.dl_faq {width:100%;}
.dl_faq dt {
background:url(/images/icon-q.jpg) 10px 15px no-repeat;
padding:20px 0 10px 50px;
border-top:dotted 1px #ddd;
margin-top:10px;
}
.dl_faq dd {
background:url(/images/icon-a.jpg) 10px 15px no-repeat;
padding:20px 0 10px 50px;
}
.date_detail{
margin-top: 20px;
text-align: right;
padding-right: 10px;
}

.table_form {width:100%;}
.table_form th {
padding:10px;
border:solid 1px #ddd;
text-align:left;
vertical-align:middle;
background: linear-gradient(#ffffff, #e3e3f8);
background: -moz-linear-gradient(#ffffff, #e3e3f8);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e3e3f8));
-pie-background: linear-gradient(#ffffff, #e3e3f8);
position:relative;
behavior: url(js/PIE.htc);
width:150px;
}
.table_form td {
padding:10px;
border:solid 1px #ddd;
text-align:left;
vertical-align:middle;
}
.must {color:red;}

.list_sup li {
float:left;
margin:10px 14px;
}
/* =Print
----------------------------------------------- */

@media print {
body {
background: none !important;
font-size: 10pt;
}
footer.entry-meta a[rel=bookmark]:link:after,
footer.entry-meta a[rel=bookmark]:visited:after {
content: " [" attr(href) "] "; /* Show URLs */
}
#page {
clear: both !important;
display: block !important;
float: none !important;
max-width: 100%;
position: relative !important;
}
#branding {
border-top: none !important;
padding: 0;
}
#branding hgroup {
margin: 0;
}
#site-title a {
font-size: 21pt;
}
#site-description {
font-size: 10pt;
}
#branding #searchform {
display: none;
}
#branding img {
display: none;
}
#access {
display: none;
}
#main {
border-top: none;
box-shadow: none;
}
#primary {
float: left;
margin: 0;
width: 100%;
}
#content {
margin: 0;
width: auto;
}

.entry-meta .edit-link a {
display: none;
}
#content nav {
display: none;
}

.entry-header .comments-link {
display: none;
}
.page-link {
display: none;
}
.singular #author-info {
background: none;
border-bottom: none;
border-top: none;
margin: 2.2em 0 0;
padding: 0;
}
#respond {
display: none;
}
.widget-area {
display: none;
}
#colophon {
display: none;
}

/* Comments */
.commentlist > li.comment {
background: none;
border: 1px solid #ddd;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin: 0 auto 1.625em;
padding: 1.625em;
position: relative;
width: auto;
}
.commentlist .avatar {
height: 39px;
left: 2.2em;
top: 2.2em;
width: 39px;
}
.commentlist li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}
.commentlist li.comment .fn {
display: block;
}
.commentlist li.comment .comment-content {
margin: 1.625em 0 0;
}
.commentlist .comment-edit-link {
display: none;
}
.commentlist > li::before,
.commentlist > li.bypostauthor::before {
content: '';
}
.commentlist .reply {
display: none;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
color: #444;
}
.commentlist > li.bypostauthor .comment-meta {
color: #666;
}
.commentlist > li.bypostauthor:before {
content: none;
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
background: #fff;
border-color: #ddd;
}
.commentlist .children > li.bypostauthor > article,
.commentlist .children > li.bypostauthor > article .comment-meta {
color: #666;
}

}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
margin-left: -7.6%;
margin-right: -7.6%;
padding-left: -7.6%;
padding-right: -7.6%;
max-width: 920px;
}
#ie7 section.featured-post {
margin-left: -7.6%;
margin-right: -7.6%;
max-width: 850px;
}
#ie7 section.recent-posts {
margin-right: 7.6%;
}

/* =IE8 
----------------------------------------------- */ 
 
#ie8 section.feature-image.large img { 
width: 100%; 
}

#SW1 h1.entry-title {
width: 685px;
background:url(/images/marker-h2.png) left top no-repeat;
padding-left:15px;
padding-bottom:5px;
border-bottom:solid 1px #d1d1d1;
font-size:16px;
line-height:1;
font-weight:normal;
margin: 0 0 10px 0;
}

.page_top {
display: block;
float: right;
width: 690px;
border-bottom: 1px dotted silver;
margin: 0 0 10px 0;
position:relative;
left: -5px;
}
.page_top a {
display: block;
float: right;
width: 90px;
height: 18px;
background: url(/images/btn_top.png);
text-indent: -9999px;
margin: 10px 0;
position:relative;
left: -5px;
}

#post-50 h1.entry-title {
display: none;
}
#post-347 h1.entry-title {
display: none;
}



.table_pd {width:100%; border:solid 1px #ddd;}
.table_pd thead th {
background:#898989;
color:#fff;
border:solid 1px #fff;
padding:5px;
}
.table_pd tbody th {
background:#e6e6e6;
border-bottom:dotted 1px #ddd;
padding:5px;
}
.table_pd tbody td {
border-bottom:dotted 1px #ddd;
padding:5px;
}

.list_ci li{
float:left;
border:solid 3px #ddd;
padding:7px;
width:320px;
margin-right:20px;
margin-bottom:20px;
}
.list_ci li a {
display: block;
width: 330px;
height: 130px;
}


.box2 {
border:solid 3px #ddd;
padding:7px;
}
p.line {
background:url(/images/bg_line.png) repeat;
line-height:42px;
}

.table_about {
    width:100%;
    border:solid 1px #ddd;
    margin-bottom: 50px;
}
.table_about th {
text-align:left;
vertical-align:top;
border-bottom:dotted 1px #ddd;
padding:10px;
background:#efefef;
width:180px;
}
.table_about td {
text-align:left;
vertical-align:top;
border-bottom:dotted 1px #ddd;
padding:10px;
}

.br_content {
border-bottom:dotted 1px #ddd;
margin-bottom:10px;
padding-bottom:10px;
}
.br_content h4 {
background:url(/images/bg_h4-1.jpg) left top no-repeat;
line-height:1;
font-size:16px;
padding:12px 20px;
margin-bottom:10px;
}
.imgborder2 {
border:solid 1px #ddd;
padding:3px;
float:left;
}
.table_br {
width:680px;
float:right;
}
.table_br th {
border-right:solid 10px #fff;
border-bottom:solid 10px #fff;
text-align:left;
vertical-align:top;
background:#113D74;
color:#fff;
line-height:1;
padding:8px;
width:70px;
}
.table_br td {
border-bottom:solid 10px #fff;
text-align:left;
vertical-align:middle;
padding:8px;
}



.table_form {width: 700px;}
.table_form th {
padding:10px;
border:solid 1px #ddd;
text-align:left;
vertical-align:middle;
background: #e3e3f8;
background: linear-gradient(#ffffff, #e3e3f8);
background: -moz-linear-gradient(#ffffff, #e3e3f8);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e3e3f8));
-pie-background: linear-gradient(#ffffff, #e3e3f8);
position:relative;
behavior: url(js/PIE.htc);
width:150px;
}
.table_form td {
padding:10px;
border:solid 1px #ddd;
text-align:left;
vertical-align:middle;
}
.must {color:red;}

.list_sup li {
float:left;
margin:10px 14px;
}


.user-regist-note {
display:block;
font-size:15px; }

.user-regist-note ol {
border:1px red solid;
margin:20px;
padding:0; }
.user-regist-note ol li {
padding:0 0 0 20px;
margin:0; }
.user-regist-merit {
margin:10px 24px;
padding:0; }
#contract {
width:590px;
height:200px;
overflow:auto;
margin:20px auto;
padding:20px;
border:1px solid #cccccc; }
#contract ol {
margin:20px; }
#contract ol li {
margin:0 0 10px; }
#view-date {
text-align:right;
margin:10px 0; }
.repair-block {
margin:0 0 30px;
font-size:16px; }
.repair-block .step {
margin:0 0 5px; }
.repair-block p {
font-size:12px; }

.addressee {
padding:10px;
border:6px #aaaaaa solid; }

.addressee .name {
margin:0 auto 10px;
padding:12px 0 11px 20px;
line-height:13px;
font-size:13px;
font-weight: bold;
width:100%;
background-position:0 0; }

.addressee .picture {
float:left;
padding:4px;
width:181px;
height:209px;
border:1px solid #cccccc; }

.clear {
clear:both; }

.addressee .data {
float:right;
width:460px; }

.addressee .data .element {
float:left;
width:88px;
font-weight:bolder;
margin:0 0 16px;
padding:9px 0 7px 10px;
line-height:13px;
font-size:13px;
color:#ffffff;
background-image:url(/images/addressee-element.jpg);
background-repeat:no-repeat;
background-position:0 0; }
.addressee .data .text {
padding:3px 0 0 0;
float:right;
width:360px; }

.login-blcok {
margin:10px 0 10px;
background:url(/images/bg-block.jpg); }

.login-blcok-1 {
margin:8px 0 8px 8px;
float:left;
width:341px;
height:187px;
background-image:url(/images/login-block.png);
background-repeat:no-repeat;
background-position:0 0; }
.login-blcok-2 {
margin:8px 8px 8px 0;
float:right;
width:341px;
height:187px;
background-image:url(/images/login-block.png);
background-repeat:no-repeat;
background-position:0 0; }
.login-blcok .sujbect {
font-size:14px;
lone-height:14px;
margin:5px 0 5px;
font-weight:bolder;
text-align:center; }

.login-blcok-2 a {
display:block;
width:259px;
margin:46px auto; }

.login-area {
background-image:url(/images/login-block-1.png);
width:247px;
height:85px;
margin:15px auto 0;
}
.login-submit {
display:block;
width:160px;
height:35px;
margin:5px auto 0;
}
.login-area li {
list-style: none;
float: left;
margin: 2px 0 0 10px;
padding: 0;
width: 220px;
}
.login-area li p.text {
width: 80px;
float: left;
height: 14px;
}
.login-area li p input {
float: left;
height: 14px;
width: 120px;
}


#download-control {
height:34px;
position:relative;
margin:10px 0;
border-bottom:4px solid #595757; }

#download-control #tab-1 {
position:absolute;
width:104px;
height:28px;
left:0px;
bottom:0; }
#download-control #tab-2 {
position:absolute;
width:104px;
height:28px;
left:104px;
bottom:0; }
#download-control #tab-3 {
position:absolute;
width:104px;
height:28px;
left:208px;
bottom:0; }
#download-control #all-download {
position:absolute;
width:198px;
height:24px;
right:0px;
bottom:2px; }

.section ul.download {
padding:0 0 5px; }
.section ul.download li {
font-size:12px;
line-height:18px;
padding:4px 0 0 14px;
margin:0 10px 0 0;
float:left; }
.section ul.download li input {
margin:-2px 0 0 4px; }
.box .left {
float:left;
margin:0 0 10px 30px;
width:310px; }
.box .right {
float:right;
margin:0 10px 10px 0;
width:310px; }
h5 {
/*width:210px;*/
float:left;
margin:10px 0 0;
padding:0 0 0 12px;
background-image:url(/images/marker-1.png);
background-repeat:no-repeat;
background-position:0 1px; 
font-weight: bold;
}
.comparison {
float:right;
margin:10px 50px 0 0; }

.address {
color:#6F777D;
margin:10px 0 0;
font-size:11px; }


h4.dl {
margin: 20 0 0 20px;
font-weight: normal;
}
h3.h3_sub {
margin: 0 0 0 20px;
font-weight: bold;
font-size: 20px;
line-height: 30px;
}



#past_topics a.genre {
display:inline-block;
width:100px;
text-align:center;
color:#0957F7;
margin-right:10px;
margin-left: 0;
font-weight:bold;
line-height:10px;
padding: 6px 0 5px;
    text-decoration: none;
}

#past_topics a.NEWS {background:#F9F9F9;
display: block;
width: 100px;
}
#past_topics a.EVENT {background:#F9F9F9;
display: block;
width: 100px;
}
#past_topics a.PR {background:#F9F9F9;
display: block;
width: 100px;
}
#past_topics a.PRODUCT {background:#F9F9F9;
display: block;
width: 100px;
}
#past_topics a.SERVISE {background:#F9F9F9;
display: block;
width: 100px;
}

/* お問い合わせページ */
#post-351 th {

}

.center {
text-align: center;
}

.textalign_right{
text-align: right;
}
.textalign_left{
text-align: left;
}
.textalign_center{
text-align: center;
}

/* ON/OFF */

.list-control {
height:33px;
overflow:hidden; }
.list-control h3 {
cursor:pointer; }

.topslide {
position:absolute;
width:920px;
height:185px;
left:0;
left:0; }
#topslide-1 { display:block; }
#topslide-2 { display:none; }
#topslide-3 { display:none; }
#topslide-4 { display:none; }
#topslide-5 { display:none; }
#topslide-6 { display:none; }

td input.input { width:200px; }
td input.customer_name { width:300px; }
td input.kana { width:300px; }
td input.company { width:300px; }
td input.company2 { width:300px; }
td input.email { width:350px; }
td input.addr1 { width:200px; }
td input.addr2 { width:400px; }
td input.addr3 { width:200px; }
td input.addr4 { width:200px; }
td input.softname { width:300px; }
td input.version { width:300px; }
td input.serial { width:300px; }
td input.date { width:200px; }
td input.pc { width:400px; }
td input.shop { width:400px; }


#faq-list {
margin:5px 0 20px; }

#faq-list li {
margin:3px 0;
font-size:14px; }

#faq-list li a {
color:#0066cc;
font-size:14px; }

#faq-list li a:hover {
color:#00ccff;
font-size:14px; }


.nav-previous {
text-align:left;
width:200px;
float:left;
}

.nav-next {
text-align:right;
width:200px;
float:right;
}

.navi {
padding:5px 0;
border-top:1px #cccccc solid; }

.clear {clear:both; }

.news-date {
margin:0 0 10px;
font-size:15px;
text-align:right; }
table.icon {
float:center;
border-collapse: separate;
border-spacing:8px 0; }
table.icon .icon1 {
vertical-align:middle;
text-align:center;
width:230px;
height:50px;
background:#ffffff;
border:0px double #000000; }
table.icon .icon2 {
vertical-align:middle;
text-align:center;
width:230px;
height:50px;
background:#c0c0c0;
border:0px double #000000; }
table.icon .icon3 {
vertical-align:middle;
text-align:center;
width:230px;
height:50px;
background:#e0e0e0;
border:0px double #000000; }
.faq-tag {
margin:30px 0 5px;
width:160px;
text-align:center;
background:#ffffcc;
border:1px solid #cccccc; }

.faq-tag-list li {
margin:0 10px 0 4px;
float:left; }

.faq-tag-list li a {
color:#0066cc; }

.faq-tag-list li a:hover {
color:#00ccff; }

#faq-category {
margin:0 0 40px;
font-size:14px; }
#faq-category li {
padding:2px 0;
display:inline; }
#faq-category li a {
display:inline;
color:#0066cc; }

#faq-category li a:hover {
color:#00ccff; }

.table_faq {
line-height:12px;
height:auto;
display:inline-block;
width: 700px;
margin: 0 0 30px 0; }
.table_faq a {
text-decoration: none;
color: black; }
.table_faq li {
float: left;
border-bottom: solid 1px #d1d1d1;
padding: 0;
margin: 0; }
.table_faq li .faq_left {
float: left;
padding: 10px;
margin: 0;
background: #f6f6f6;
width: 100px;
text-align: center;
font-weight: bold; }
.table_faq li .faq_right {
float: left;
padding:10px 10px 5px;
width:540px; }
.table_faq li .faq_right a.icon {
display:inline-block;
width:100px;
text-align:center;
color:#fff;
margin-right:10px;
font-weight:bold;
line-height:10px;
padding:4px 0;
background:#000080; }

.table_faq li .faq_right a:hover.title { color:#cc3333; }
table.excel {
border-spacing: 0px;/* セルとセルの間のスペースをゼロにする  */
border-collapse: collapse;  /* 罫線同士の重なりを無くすようにする    */
border: 1px solid #999;     /* 外枠の指定　　　　　    　　　　　　  */
background-color:#fff;      /* 背景色は白    */
empty-cells:show;   /* 表示が空白のセルはボーダを表示する    */
}
 
.excel td {
padding: 5px;       /* セルの中に表示する文字の余白指定      */
border: 1px solid #999;     /* セルの枠指定　　　　　*/
}


#product_about h3.title-1 {
    width: 100%;
    clear: both !important;
    box-sizing: border-box;
}
#product_about .text {
margin-bottom: 30px;
}

#product_about .text p:first-child{
background: #232432;
    color: #fff;
    padding: 10px 0 10px 20px;
    margin: 20px 0 0 0;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

#product_about .text-wide {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
#product_about .imgs {
margin-bottom: 30px;
    text-align: center;
}
#product_about .imgs img {
    max-width: 100%;
/*    max-height: 500px; */
}

#product_about{
    font-size: 14px;
    line-height: 22px;
}

#product_about table {
  border-spacing: 0;
      width: 100%;
  margin: 0 auto 20px;
  border-collapse : collapse; 
}
#product_about table th {
    background: #BAD3E8;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
}

#product_about table tr td {
padding: 3px 10px 3px 10px;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
}

#product_about table tr td:first-child {
    background: #F2F2F1;
}
#product_about table tr td:last-child {
    background: white;
}


#product_about table.noborder {
  width: auto;
  border-spacing: 0;
  background: white;
  border: none;
}
#product_about table.noborder th {
  color: #333;
  padding: 5px;
  background: white;
  border-left:none;
  border-top:none;
  border-bottom:none;
  line-height: 120%;
  text-shadow:none;
  box-shadow: none;
  background: white;
}
#product_about table.noborder th:first-child {
  border-radius: 0;
  background: white;
}
#product_about table.noborder th:last-child {
  border-radius:0;
  border-right:none;
  box-shadow: none;
  background: white;
}
#product_about table.noborder tr td {
  padding: 5px;
  border-bottom: none;
  border-left: none;
  background: white;
}
#product_about table.noborder tr:first-child td{
  border-top: none;
  background: white;
}
#product_about table.noborder tr td:last-child {
  border-right: none;
  box-shadow: none;
  background: white;
}
#product_about table.noborder tr:last-child td {
  box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}

#product_about table.white tr:nth-child(2n+1) {
  background: white;
}
#product_about table.white tr:hover {
  background: white;
}
.end_sale{
    padding: 20px 0 18px;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 28px;
    background: #eef4ff;
    border: 1px solid #ccdfff;
    color: #35f;
}


.category table{
clear: both;
}
.category table td{
vertical-align: middle;
padding: 5px 5px 5px 0;
}
.category table img{
margin-left: 10px;
}
#category_baner_area a{
    text-decoration: none;\
    color: black;
}
.category h3,.category h4, .category h5{
clear: both;
}
.category h3{
margin-bottom: 15px;
}
.category h4{
margin-bottom: 0;
padding-bottom: 0;
}
a .title-2{
margin-bottom: 10px;
border: 2px solid #eee;
}
a .title-2:hover{
background: #ddeeFF;
}
a .title-2 span{
font-weight: normal;
padding-left: 20px;
    display: inline-block;
    width: 196px;
    font-size: 14px;

}

#category_baner_area a .title-2{
    font-size: 16px;
    display: flex;
    align-items: center;
}

.w25per{
width: 25%;
}

.textalign_center{
text-align: center;
}

.question {
	position: absolute;
	display: inline;
	text-align: center;
	width: 174px;
	height: 78px;
	font-size: 13px;
	line-height: 1.5em;
	background: url('/images/admin/form/bubble.png') left top no-repeat;
	padding: 10px 0 0 0;
	text-shadow: 0px 1px 0px #fff;
	margin-left: -7em;
	margin-top: -6em;
	opacity: 0;
}

.yes, .cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	background: url('/images/admin/form/button.png') left top no-repeat;
}


	#faqs_area{
		padding: 5px;
		margin-bottom: 8px;
	}
	.faqs .date{
		float: left;
/*		font-family: Georgia, "Times New Roman", Times, serif;
------------------------------------*/
/*		font-weight: bold;
------------------------------------*/
/*				color: #06C;
------------------------------------*/
		font-size: 14px;
		line-height: 14px;
		width: 120px;
	}
	.faqs{
		clear: both;
		    padding: 15px 5px 5px;
		margin: 0 0 4px;
		border-top: 1px dotted;
	    overflow: hidden;
	}
	.faqs img{
	position: relative;
	top: -2px;
	left: -4px;
	}
	
	.faqs:after{
		clear: both;
	}
	
	.va_middle{
		display: table-cell;
		vertical-align: middle;
	}
	.genre{
	    width: 160px;
    	padding: 5px;
		position: relative;
		top: -2px;
		margin-left:5px;
		margin-right:10px;
		float: left;
		text-align: center;
		color: white;
		font-size: 11px;
    	line-height: 11px;
	}
	.genre_detail {
		width: 158px;
		height: 18px;
		line-height: 18px;
		position: relative;
		top: -2px;
		margin-left: 5px;
		float: left;
		text-align: center;
		color: white;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		font-size: 12px;
		padding: 5px 5px;
		display: table;
		min-height: 100px;
	}
	
	.genre_detail a{
		color: white;
	}

	.genre_1{
		background: #36F;
	}

	.genre_2{
		background: #39C;
	}
	.genre_3{
		background: #03F;
	}
	.genre_4{
		background: #0CF;
	}
	.genre_5{
		background: #66C;
	}
	.genre_6{
		background: #999;
	}
	.faqs_title{
		font-size: 14px;
		width: 350px;
		float: left;
		position: relative;
		top: -2px;
	}
	.faqs_title_long{
		font-size: 14px;
		width: 480px;
		float: left;
		position: relative;
		top: -2px;
	}
		#faqs_area{
	position: relative;
	width: 730px;
	background: #F8FDFF;
	}
	
	.entry_date{
	padding: 5px 10px;
	background: #EEE;
	border: 1px solid #AAA;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
	border-radius        : 3px;
	}


dl.search1{
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
        display: flex;
    align-items: center;
    justify-content: space-between;
}
.dl_product_category, .dl_product_subcategory, .dl_product{
}

dl.search1 dt{
	margin-right:31px;
	padding:8px 0 8px 8px;
}
dl.search1 dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
}
dl.search1 dt select{
	width:100%;
	background:none;
	border:none;
}

dl.search1 dd{
}
dl.search1 dd button{
	display:block;
	padding:4px;
	background:none;
	border:none;
	cursor: pointer;
}
dl.search1 dd button span{
	display:block;
	width:30px;
	height:30px;
	background:url('/images/common/search.png') no-repeat scroll 0 0;
}

.btn {
    border: 1px solid #DDD;
    background-color: #1C89C1;
    color:#FFF;
    width: 100px;
    padding: 10px;
	text-decoration: none;
	color: white;
}
a.btn:visited {
color: white;
}

button.common{
    border: 1px solid #DDD;
    color: #FFF;
    min-width: 180px;
    padding: 10px;
	font-weight: bold;
}

a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
a:hover button{
cursor: pointer;
}

#alphabet_navi{
border-spacing: 2px;
}
#alphabet_navi td{
padding: 5px 6.8px;
font-weight: bold;
border: 2px solid #bbb;
background: #eee;
color: #bbb;
position: relative;
}
#alphabet_navi td a{
display: block;
top: 0;
left: 0;
height:100%;
padding: 5px 6px;
}

h3.alphabet{
    background: #eee;
    border-left: solid 3px #bbb;
    padding: 5px 0 5px 10px;
    margin-top: 20px;
	clear: both;
}
.model_product{
width: 18%;
float: left;
margin-left: 2%;
margin-bottom: 15px;
}
.model_product dt{
    margin: 10px 0 0;
    padding: 0 0 0 15px;
    background-image: url(/images/marker-1.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    font-weight: bold;
    margin-top: 0;
}

.model_product dd{
	margin-bottom: 5px;
}


.feature_wrap {
    position: relative !important;
    padding: 1.5em 2em !important;
    margin: 2em 0;
    top: 0;
    background: #f5f5f7;
}
.feature_wrap:before, .feature_wrap:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 10px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.feature_wrap:before{
    border-left: dotted 2px #15adf1;
    border-top: dotted 2px #15adf1;
    border-bottom: dotted 2px #15adf1;
    left: 0;
}
.feature_wrap:after{
    border-top: dotted 2px #15adf1;
    border-right: dotted 2px #15adf1;
    border-bottom: dotted 2px #15adf1;
    right: 0;
}

.feature_wrap ul li{
    margin-bottom: 10px;
}
.feature_wrap ul li:last-child{
    margin-bottom: 0px;
}
.feature_btn{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    width: 100%;
}
.feature_btn .each_feature_btn{
    background: #000011;
    color: white;
    text-align: center;
    padding: 15px 0 13px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 40px;
}


.abstract{
    padding: 0 10px;
}
.abstract h3{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
}
.abstract p{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
}
.use_category{
	font-size: 18px;
	background: #113D74 !important;
	border: solid 2px #152F60 !important;
	padding: 6px 15px 3px;	
clear: both;
color: white !important;
}
/*
#use_subcategory1,#use_subcategory2,#use_subcategory3,#use_subcategory4,#use_subcategory5,#use_subcategory6,#use_subcategory7{
display: none;
}
#use_subsubcategory2_1,#use_subsubcategory2_2{
display: none;
}
#use_subsubcategory7_1,#use_subsubcategory7_3,#use_subsubcategory7_5{
display: none;
}
*/
.use_category_off{
	font-size: 20px;
	background: #eee;
	border: solid 3px #ddd;
	padding: 20px;	
clear: both;
color: #111;
cursor: pointer;
}
.use_subcategory{
font-size: 12px;
    background: #1C31A4;
    border: solid 1px #080264;
    padding: 5px 5px;
	text-align: center;
    color: white;
	cursor: pointer;
}
.use_subcategory_off{
font-size: 12px;
    background: #dde;
    border: solid 1px #ccd;
    padding: 5px 5px;
	text-align: center;
    color: #111;
cursor: pointer;
}

.eachProduct a{
    display: block;
    text-decoration: none;
    padding: 10px;
}
.eachProduct a:hover{
    background: #f0f0ff;
}

.use_area ul{
clear: both;
display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.use_subsubcategory{
	font-size: 12px;
	background: #4889F1;
	border: solid 1px #4080E3;
	text-align: center;
	padding: 5px 5px;
color: white;
cursor: pointer;
}
.use_subsubcategory_off{
	font-size: 12px;
	background: #eef;
	border: solid 1px #dde;
	text-align: center;
	padding: 5px 5px;
color: #111;
cursor: pointer;
}
.use_product{
clear: both;
display: none;
}
.use_product li{
font-size: 12px;
    background: #FAFAFA;
    border: solid 1px #ECECEC;
    padding: 5px 10px;
    text-align: center;
cursor: pointer;
}
.div_subsubcategory{
    display: none;
}

h3.common_center {
	position: relative;
	text-align: center;
	    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #113D74;
}
h3.common_center span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: center;
    line-height: 1.2em;
}
h3.common_center::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

.series_table{
	width: 50%;
	margin: 0px 0;
	height: 160px;
}

.series_table td{
vertical-align: middle;
padding: 5px 1%;
}
.series_table td h4{
font-size: 14px;
}
.series_table td h4 span{
font-size: 10px;
}
.series_table td:first-child{
	width: 30%;
    padding: 0 1% 0 3%;
}

.series_table img{
	max-height: 102px;
	width: 96%;
}

.f_l{
	float: left;
}

.f_r{
	float: right;
}

.ta_c{
	text-align: center;
}
.ta_r{
	text-align: right;
}
.ta_l{
	text-align: left;
}

.bg_lg td{
	background: #f5f5f1;
}



.product_table{
	width: 33.3%;
	margin: 0px 0;
	height: 350px;
	max-height: 350px;
	float: left;
}

.product_table tr:first-child td{
	padding-top: 15px;
    height: 20px;
    text-align: center;
}
.product_table tr:nth-child(2) td{
	text-align: center;
	height: 102px;
}
.product_table tr:last-child td{
	padding-bottom: 15px;
}

.product_table td{
vertical-align: top;
padding: 5px 3%;
	font-size: 11px;
}
.product_table td h4{
font-size: 14px;
margin-bottom: 0;
}
.product_table td h4 span{
font-size: 10px;
}

.product_table img{
	max-height: 102px;
	max-width: 200px;
}

.product_table td p{
	font-size: 10px;
	line-height: 12px;
}

.entry_step{
	position: relative;
	border: 3px dotted #eee;
	padding: 10px;
	float: left;
    width: 30%;
    min-height: 100px;
    float: left;
    margin: 20px 1% 20px 2%;
}
.entry_step_number{
    position: absolute !important;
    top: -20px;
    left: -20px;
    width: 30px;
    height: 30px;
    margin: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: relative;
    -moz-transition: All 1.5s -webkit-transition:All 1.5s;
    -o-transition-ms-transition: All 1.5s;
    transition: All 1.5s;
    background-color: #232432;
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}

input[type="submit"], input[type="button"]{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: normal;
    padding: 20px 60px;
	border: none;
	background: #232432;
	margin: 20px auto;
	padding: 20px;
	color: white;
	cursor: pointer;
}
.button, button.common {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: normal;
    color: white;
    display: inline-block;
    padding: 20px 60px;
    border: none;
    text-align: center;
    text-decoration: none;
    outline: none;
    position: relative;
    background-color: #232432;
    border-radius: 4px;
    color: #fff !important;
    -webkit-transition: none;
    transition: none;
}
.button:hover, button.common:hover {
    color: white !important;
}



.required{
	color: #f03;
	font-size: 11px;
}


.catalog_select input[type=checkbox] {
  display: none;
}
.catalog_select .check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 42px;
  vertical-align: middle;
  cursor: pointer;
}
.catalog_select .check_css:hover:after {
  border-color: #0171bd;
}
.catalog_select .check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 6px;
  content: '';
}
.catalog_select .check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.catalog_select input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}

.sellend{
	font-size: 11px;
	color: #f49;
}
.mb_30{
	margin-bottom: 30px !important;
}
.mt_30{
	margin-top: 30px !important;
}
.catalog_select table{
	margin: 0 auto;
}
.catalog_select table td{
	width: 25%;
}
.catalog_select h3{
	padding: 15px 20px;
	background: #f2f3ff;
	border: 2px solid #e2e3ff;
	font-size: 18px;
	margin-top: 30px;
}
.catalog_select h4{
	padding: 10px 20px;
	background: #fbfdff;
	font-size: 14px;
	color: #6688ff;
	margin-top: 30px;
}
.mt_0{
	margin-top: 0 !important;
}

.pa_10{
	padding: 10px;
}

#catalog_download_list a[href$=".pdf"] {
	display: inline-block;
	padding-left: 20px;
	background: url(/images/common/icon-pdf.png) no-repeat left center;
}


#catalog_download_list li{
	margin-left: 20px;
}

.tel_address{
    padding: 0 20px 10px;
    margin-bottom: 20px;
}


#two_category {
        display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
    margin-bottom: 30px;
}
#three_category {
        display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
    margin-bottom: 30px;
}
#two_category.ontline_card {
        display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;
    margin-bottom: 30px;
}

#two_category .item{
    margin: 10px auto;
    background: #fafafa;
}
#five_category .item.mr_0{
}

#two_category img, #three_category img{
    width: 100%;
    height: auto;
}
#two_category h2, #three_category h2{
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    min-height: 65px;
    border-bottom: 5px solid #113D74;
    padding-left: 5px;
    font-size: 13px;
}
#two_category h2:after, #three_category h2:after{
    background: none;
}


#two_category.ontline_card a{
    text-decoration: none;
}
#two_category.ontline_card a h2{
    font-size: 18px;
}

#two_category.ontline_card a img{
    height: 300px;
    object-fit: cover;
    object-position: top center;
}

@media print, screen and (max-width: 768px) {
    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, #three_category {
          /* IE11 にのみ適用される */
            max-width: 360px;
            margin: 0 auto;
        }
    }
    _:-ms-lang(x)::-ms-backdrop, #three_category {
        /* IE11 のみ適用される */
            max-width: 360px;
            margin: 0 auto;
    }
}

@media print, screen and (min-width: 769px) {

    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, #three_category {
          /* IE11 にのみ適用される */
          display:  flex;
          justify-content:space-between;
          width: 100%;
              width: 980px !important;
        }
    }
    _:-ms-lang(x)::-ms-backdrop, #three_category {
        /* IE11 のみ適用される */
          display:  flex;
          justify-content:space-between;
          width: 100%;
              width: 980px !important;
    }
    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, #three_category > a {
          /* IE11 にのみ適用される */
          width:  32%;
        }
    }
    _:-ms-lang(x)::-ms-backdrop, #three_category > a {
        /* IE11 のみ適用される */
          width:  32%;
    }

}

.bnArea{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px; /* 隙間 */
  font-weight: bold;
}

.bnArea a{
  padding: 30px 10px;
  border: 1px solid #eee;
  background-color: #0851E6;
  color: white;
  display: flex;
  position: relative;
  overflow: hidden;
  line-height: 18px;
  flex-flow: column nowrap;
  text-decoration: none;
  box-sizing: border-box;
  height: 108px;
}
.bnArea a:after{
    content: '\f138';
    font-family: FontAwesome;
    font-weight: normal;
    color: #fff;
    margin-right: 0.2em;
    position: absolute;
    right: 14px;
    bottom: 20px;
    font-size: 32px;
}

.bnArea a:hover{
  color: white;
  text-decoration: none;
}

.bnArea a div:first-child{
  z-index: 2;
  line-height: 28px;
  display: flex;
  font-size: 36px;
  align-items: center;
}
.bnArea a div:last-child{
  z-index: 1;
}
.bnArea a img{
  border: none;
  vertical-align: bottom;
  width: 300px;
  clip-path: circle(100px at top);
  -webkit-clip-path: circle(100px at top);
  position: absolute;
  top: 0px;
  right: -100px;
}

.bnArea.col1 a div:first-child span:first-letter{
    font-size: 1.5em;
    color: white;
}

.bnArea.col1 a:hover{
    border: 3px solid #0851E6;
}



.productList > div{
    padding: 10px;
    position: relative;
}
.oldProductList div.eachProduct{
    width: 293px;
    padding: 10px;
    position: relative;
}

.productList h3{
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-flow: column nowrap;
}
.oldProductList h3{
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.productList .button{
    margin: 10px auto 0;
    padding: 5px 30px;
    display: block;
    width: 100%;
}
.oldProductList .button{
    margin: 10px auto 0;
    padding: 5px 30px;
    display: block;
    width: 100%;
}

.img_product{
    width: 250px;
    height: 170px;
    margin: 10px auto 10px;
    /*border-radius: 50%;
    -moz-background-size:cover !important;
    background-size:cover !important;*/
    -moz-background-size:contain !important;
    background-size:contain !important;
    box-sizing: border-box;
}

.productList p{
    font-size: 12px;
    line-height: 18px;
    padding: 8px;
}
.productList h3 span{
    font-size: 11px;
    color: #aaa;
}

h2.productSeries{
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 20px;
    border: none;
    font-weight: bold;
}
h2.productSeries:after{
    background: none;
}

h2.productSeries span{
    font-size: 14px;
    line-height: 14px;
}

#page-top{
    text-align: right;
    margin-top: 50px;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

 

#page-top a {
display: block;
    z-index: 999;
    padding: 9px 0 0 0px;
    border-radius: 30px;
    width: 43px;
    height: 43px;
    background-color: #113D74;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
}

 

#page-top a:hover {
  text-decoration: none;
  opacity: 0.7;
}


  .pc_two_column{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 8px;
  }

  .pc_two_column > div{
  }
  .pc_two_column > div img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    }

  .two_column > div:first-child{
    width: 40%;
    margin-right: 1%;
  }
  .two_column > div:last-child{
    width: 59%;
  }


  @media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .pc_two_column {
      /* IE11 にのみ適用される */
      display:  flex;
      width: 100%;
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .pc_two_column {
    /* IE11 のみ適用される */
      display:  flex;
      width: 100%;
  }
  @media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .pc_two_column > div {
      /* IE11 にのみ適用される */
      width:  50%;
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .pc_two_column > div {
    /* IE11 のみ適用される */
      width:  50%;
  }

  @media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .pc_two_column img{
      /* IE11 にのみ適用される */
      height: auto;
      max-width: 500px;
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .pc_two_column img{
    /* IE11 のみ適用される */
      height: auto;
      max-width: 500px;
  }

  .pc_three_column{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 50px;
  }
  .pc_three_column > img{
   margin: 0 auto; 
  }
  .pc_three_column > div{
  }
  .pc_three_column > div img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    }

  .pc_three_column > div:first-child{
  }
  .pc_three_column > div:last-child{
  }

  @media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .pc_three_column {
      /* IE11 にのみ適用される */
      display:  flex;
      width: 100%;
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .pc_three_column {
    /* IE11 のみ適用される */
      display:  flex;
      width: 100%;
  }

  @media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .pc_three_column > div {
      /* IE11 にのみ適用される */
      width:  30%;
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .pc_three_column > div {
    /* IE11 のみ適用される */
      width:  30%;
  }
  

  @media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .pc_three_column img{
      /* IE11 にのみ適用される */
      height: auto;
      max-width: 100%;
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .pc_three_column img{
    /* IE11 のみ適用される */
      height: auto;
      max-width: 100%;
  }


.mb_0{
margin-bottom: 0px !important;
}
.mb_5{
margin-bottom: 5px !important;
}
.mb_10{
margin-bottom: 10px !important;
}
.mb_20{
margin-bottom: 20px !important;
}
.mb_30{
margin-bottom: 30px !important;
}
.mb_50{
margin-bottom: 50px !important;
}
.ml_5{
margin-left: 5px;
}
.ml_10{
margin-left: 10px;
}
.ml_20{
margin-left: 20px;
}
.ml_30{
margin-left: 30px;
}
.mr_5{
margin-right: 5px;
}
.mr_10{
margin-right: 10px;
}
.mr_20{
margin-right: 20px;
}
.mr_30{
margin-right: 30px;
}
.mb_10{
margin-bottom: 10px;
}
.mt_0{
margin-top: 0px !important;
}
.mt_5{
margin-top: 5px !important;
}
.mt_10{
margin-top: 10px !important;
}
.mt_15{
margin-top: 15px !important;
}
.mt_20{
margin-top: 20px !important;
}
.mt_30{
margin-top: 30px !important;
}
.mt_50{
margin-top: 50px !important;
}

.ps_10{
padding: 0 10px;
}
.ps_15{
padding: 0 15px;
}
.ps_20{
padding: 0 20px;
}
.ps_30{
padding: 0 30px;
}
.pl_10{
padding-left: 10px;
}
.pl_15{
padding-left: 15px;
}
.pl_20{
padding-left: 20px;
}
.pl_30{
padding-left: 30px;
}
.pr_10{
padding-right: 10px;
}
.pr_15{
padding-right: 15px;
}
.pr_20{
padding-right: 20px;
}
.pr_30{
padding-right: 30px;
}
.lh_30{
line-height: 30px;
}

  .jissou_wrap {
    text-align: center;
        grid-gap: 20px !important;

  }
  .jissou_wrap img{
        max-width: 100%;
    width: 80%;
    margin: 0 auto;
    height: auto;
    max-height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
   }
  .jissou_wrap > a:nth-child(odd),.jissou_wrap > div:nth-child(odd){
    background: #f5f5f1;
  }
  .jissou_wrap > a,.jissou_wrap > div{
    padding: 15px;
    text-decoration: none;
  }
  .jissou_wrap a{
    text-decoration: none;
        display: block;
  }

  .jissou_wrap h4{
    font-size: 18px;
  }
  .jissou_wrap h4 span{
    font-size: 14px;
  }
  .jissou_wrap p{
    font-size: 11px;
  }

.pc_two_column img{
    margin: 0 auto;
}


#opening_movie_wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#opening_movie_wrap > img{
    position: absolute;
    z-index: 100;
}
#opening_movie_wrap #opening_movie_logo{
    top: 30vh;
  left: 0;
  right: 0;
  margin: auto;
}
#opening_movie_wrap #catch1{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: none;
}
#opening_movie_wrap #catch2{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: none;
}
#opening_movie_wrap #catch3{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: none;
}
#opening_movie_wrap #click_to_enter{
    top: 70vh;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (max-height: 940px) {

  #opening_movie_wrap #opening_movie_logo{
    top: 20vh;
    width: 360px
  }

  #opening_movie_wrap #click_to_enter{
      top: 65vh;
    }
}

@media only screen and (max-height: 640px) {

  #opening_movie_wrap #opening_movie_logo{
    top: 5vh;
    width: 360px
  }

  #opening_movie_wrap #click_to_enter{
      top: 75vh;
    }
}




/*----------------------------------------------------------
   スマホ用　レスポンシブ指定　ここから
-----------------------------------------------------------*/

@media only screen and (max-width: 768px) {

    .pc_only{
      display: none;
    }
      
    .sp_only{
      display: block;
    }



    #sp_navi_button {
        color: white;
        display: block;
        text-align: center;
        width: 36px;
        text-decoration: none;
    }
    #sp_navi_button i{
        font-size: 24px;
    }

    #logo{
        width: 25vw;
        height: auto;
        margin-left: 0;
        margin-top: 0px;
    }
    #lang_ico{

    }

    #header_50th{
        position: initial;
        width: 20vw;
    }

    #header {
    padding: 0;
    background: #000;
    display: flex;
        align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    }

    #toplist {
    width: 100%;
    height: 100px;
    float: left;
    background:url(/images/bg_top.jpg) top repeat-x;
    border-bottom:solid 1px #d1d1d1;
    line-height:1;
    padding:10px 0;
    margin-bottom: 10px;
    }
    #toplist_inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }
    #main {
    width: 98%;
    margin: 0 auto;
    padding-top: 30px;
    }
    #main_inner {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding-top: 5px;
    }

    #main_image{
        background: #113D74;
            max-height: 440px;
        margin: 0 auto 50px;
    }
    #main_image img{
    display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto\9;
        margin: 0 auto;
        display: block;
        object-fit: contain;
        max-height: 440px;
    }

    #content {
    min-height: 700px;
    }
    #footer {
    clear: both;
    }
    #footer_inner {
    width: 98%;
    margin: 0 auto;
    }

    /* メインカラムとサイドバーの関係 */
    #primary {
    }
    #secondary {

    }

    #three_category {
            display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
        margin-bottom: 30px;
    }

    #five_category, #four_category {
            display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 30px;
    margin-top: -20px;
    }
    #five_category .item, #four_category .item{
        width: 96%;
        margin: 5px auto;
        background: #fafafa;
    }
    #five_category .item.mr_0{
    }

    #five_category img, #four_category img{
        width: 100%;
        height: auto;
    }
    #five_category h2, #four_category h2{
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        min-height: 65px;
        border-bottom: 5px solid #113D74;
        padding-left: 5px;
        font-size: 13px;
    }
    #five_category h2:after, #four_category h2: after{
        background: none;
    }

    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, #five_category, *::-ms-backdrop, #four_category {
          /* IE11 にのみ適用される */
            max-width: 360px;
            margin: 0 auto;
        }
    }
    _:-ms-lang(x)::-ms-backdrop, #five_category,_:-ms-lang(x)::-ms-backdrop, #four_category {
        /* IE11 のみ適用される */
            max-width: 360px;
            margin: 0 auto;
    }



    .slick-slide img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto\9;
        margin: 0 auto;
        display: block;
        object-fit: cover !important;
        max-height: 440px;
        min-height: 150px;
    }
    .slick-prev, .slick-next{
        display: none !important;
    }

    #footer {
    border-top:solid 2px #d9dee2;
    background:#78787a;
    padding:60px 0;
    margin-top:40px;
    text-align:center;
    }
    #footer a{
        color:white;
        text-decoration: none;
    }
    #footer ul.column{
        width: 50%;
        float: left;
    }
    #footer ul li{
        text-align: left;
    }
    #footer #column_wrapper{
    overflow: hidden;
    padding-bottom: 30px;
    width: 96%;
    border-bottom: 1px solid #bbbbbf;
    margin: 0 auto;
    }
    #footer #copyright{
        text-align: center;
        width: 100%;
        padding: 30px 0 20px;
        color: #bbbbbf;
    }
    #footer_inner{
        position: relative;
    }
    #footer_logo{
    width: 100px;
    margin-bottom: 50px;
    height: auto;
    }
    #footer .h_li{
        font-size: 18px;
        color: white;
    }

    .aside-menu-trigger{
        display: none;
    }

.mm-menu, .mm-panels>.mm-panel:not(.mm-hidden) {
}

.mm-menu, .mm-panels, .mm-panels>.mm-panel {
    left: -10px !important;
}    
    #page {
        /* margin-left: 50px; */
    }

  .pc_two_column{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 8px;
  }

  .pc_two_column > div{
  }
  .pc_two_column > div img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    }


    .table_news {
    line-height:12px;
    height:418px;
    border:1px solid #eee;
    display:inline-block;
    overflow:auto;
    margin: 0 0 10px 0;
    }
    .table_news a {
    text-decoration: none;
    line-height: 18px;
    }
    .table_news li {
    border-bottom: dotted 1px #ddd;
    padding: 0px;
    margin: 0;
    display: flex;
    }
    .table_news li .news_left {
    float: left;
    padding: 10px;
    margin: 0;
    background: #fafafa;
    width: 100px;
    text-align: center;
    font-weight: bold;
    min-height: 22px;
    }
    .table_news li .news_right {
    padding:10px;
    display: flex;
        align-items: center;
    }
    .notice{
    background: url(/images/common/new.gif) 0px 2px no-repeat;
    padding-left: 40px !important; 
    color:#F03 !important;
    }
    .notice2{
    color:#F03 !important;
    }
    .table_news li .news_right a.genre {
    display:inline-block;
    width:100px;
    text-align:center;
    color:#0957F7;
    margin-right:10px;
    font-weight:bold;
    line-height:10px;
    padding: 6px 0 5px;
    margin: 0 5px 5px 0;
    background:#F9F9F9;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
        }
    .table_news li .news_right a.NEWS {background:#F9F9F9;
    }
    .table_news li .news_right a.EVENT {background:#F9F9F9;
    }
    .table_news li .news_right a.PR {background:#F9F9F9;
    }
    .table_news li .news_right a.PRODUCT {background:#F9F9F9;
    }
    .table_news li .news_right a.SERVISE {
    }

    .table_news li .news_right a:hover.title { text-decoration: underline; }
    .red {
    color:red;
    }



  .two_column > div:first-child{
    width: 40%;
    margin-right: 1%;
  }
  .two_column > div:last-child{
    width: 59%;
  }



  _:-ms-lang(x), .pc_two_column {
    /* Edge, IE11 のみ適用される */
      display:  flex;
      width: 100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  _:-ms-lang(x), .pc_two_column > a {
      /* Edge, IE11 にのみ適用される */
      width:  100%;
      border: 1px solid #eee;
  }
  _:-ms-lang(x), .pc_two_column > div {
    /* Edge, IE11 のみ適用される */
      width:  100%;
      border: 1px solid #eee;
  }

  _:-ms-lang(x), .pc_two_column img{
      /* Edge, IE11 にのみ適用される */
      height: auto;
      max-width: 500px;
  }
  _:-ms-lang(x), .pc_two_column img{
    /* Edge, IE11 のみ適用される */
      height: auto;
      max-width: 500px;
  }

  .pc_three_column{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 50px;
  }
  .pc_three_column > img{
   margin: 0 auto; 
  }
  .pc_three_column > div{
  }
  .pc_three_column > div img{
    width: 90%;
    border: 10px solid white;
    -o-object-fit: cover;
       object-fit: cover;
    }

  .pc_three_column > div:first-child{
  }
  .pc_three_column > div:last-child{
  }


  _:-ms-lang(x), .pc_three_column {
    /* Edge, IE11 のみ適用される */
      display:  flex;
      width: 100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

  _:-ms-lang(x), .pc_three_column > a {
      /* Edge, IE11 にのみ適用される */
      width:  100%;
      border: 1px solid #eee;
  }
  _:-ms-lang(x), .pc_three_column > div {
    /* Edge, IE11 のみ適用される */
      width:  100%;
      border: 1px solid #eee;
  }
  

  _:-ms-lang(x), .pc_three_column img{
      /* Edge, IE11 にのみ適用される */
      height: auto;
      max-width: 100%;
  }
  _:-ms-lang(x), .pc_three_column img{
    /* Edge, IE11 のみ適用される */
      height: auto;
      max-width: 100%;
  }

  #lang_ico img{
    width: 20px;
  }

  #page_title {
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 0 25px;
        display: flex;
        align-items: center;
  }

  #alphabet_navi {
    display: flex;
  }
  #alphabet_navi th{
    display: block;    
  }
  #alphabet_navi td{
    float: left;
    display: flex;
    align-items: center;
  }
  #alphabet_navi td a {
    display: block;
    padding: 0;
  }

    h2.common {
      position: relative;
      padding: .75em 1em .75em 1.35em;
      border: 1px solid #eee;
      margin-top: 2em;
      margin-bottom: 1em;
      font-size: 1.5em;
      clear: both;
      line-height: 1.5em;
  }

  #category_baner_area a .title-2 {
      font-size: 14px;
  }
  a h3.title-2 {
    padding: 10px 15px 10px;
  }

  h3.common_center span {
    font-size: 18px;
    font-weight: bold;
  }

  .productList{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

    #product_about .text {
        float: none;
        width: 100%;
    }

    #product_about .text p:first-child {
        font-size: 16px;
        font-weight: normal;
    }

    #product_about h3.title-1 {
        font-size: 18px;
    }

    #content p {
        font-size: 14px;
    }


    #content img{
      max-width: 100%;
      width: 100%;
    }

    #category_baner_area img{
        width: auto;
    }

    #two_category.ontline_card{
        grid-template-columns: 1fr 1fr;
        margin-top: 10px;
        padding: 10px;
    }


}


/*----------------------------------------------------------
   スマホ用　レスポンシブ指定　ここまで
-----------------------------------------------------------*/


/*----------------------------------------------------------
   ＰＣ用　レスポンシブ指定　ここから
-----------------------------------------------------------*/

@media print, screen and (min-width: 769px) {

    body{
        display: flex;
    }

    .pc_only{
      display: block;
    }
  
    .sp_only{
      display: none;
    }

    .reflow_wrap{
        padding: 10px 20px;
    }

    .productList{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }

    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, .productList {
          /* IE11 にのみ適用される */
          display:  flex;
          flex-wrap: wrap;
          width: 100%;
        }
    }
    _:-ms-lang(x)::-ms-backdrop, .productList {
        /* IE11 のみ適用される */
          display:  flex;
          flex-wrap: wrap;
          width: 100%;
    }

    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, .productList > div {
          /* IE11 にのみ適用される */
          width:  30%;
        }
    }
    _:-ms-lang(x)::-ms-backdrop, .productList > div {
        /* IE11 のみ適用される */
          width:  30%;
    }

    #two_category img, #three_category img{
    width: 100%;
    height: auto;
    min-height: 210px;
    object-fit: cover;
    }

_:-ms-lang(x)::-ms-backdrop, #two_category img {
    /* IE11 のみ適用される */
    height: 190px;
}

_:-ms-lang(x)::-ms-backdrop, #two_category img{
    /* IE11 のみ適用される */
    height: 190px;
}

_:-ms-lang(x)::-ms-backdrop, #three_category img {
    /* IE11 のみ適用される */
    height: 190px;
}

_:-ms-lang(x)::-ms-backdrop, #three_category img{
    /* IE11 のみ適用される */
    height: 190px;
}

    #category_baner_area{
        margin-top: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
/*        display: -ms-grid; */
        -ms-grid-columns: 1fr 1fr;
        grid-gap: 30px;
    }

_:-ms-lang(x)::-ms-backdrop, #category_baner_area {
    /* IE11 のみ適用される */
      display:  flex;
      flex-wrap: wrap;
      width: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

_:-ms-lang(x)::-ms-backdrop, #category_baner_area a{
    /* IE11 のみ適用される */
      width: 48%;
}



    #product_about img{
        margin: 10px auto;
        display: block;
    }


    #page {
    /*    margin-left: 50px; */
   width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 50px) ;
   width : calc(100% - 50px) ;
   }

    #pruduct-name { display:none; }

    #adjust-block {height:100px; }
    /* カラム割
    -------------------------------------------------------*/
    /*
    メニューバー、背景を画面幅いっぱいに、でもコンテンツは指定幅にという流行のレイアウトに対応

    画面幅のカラム(インデントなし)
    指定幅のカラム(インデントあり)
    */

    #sp_navi_button{
        display: none;
    }

    .aside-menu-trigger {
        font-size: 10px;
        font-weight: 700;
        color: #fff;
/*        position: fixed;
        top: 0;
        left: 0;
        height: 100%; */
        width: 50px;
        background: #113D74;
        text-align: center;
        z-index: 1002;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }
    .aside-menu-trigger a{
        color: white;
        text-decoration: none;
    }
    .aside-menu-trigger i{
        font-size: 24px;
        margin-top: 10px;
    }
    .icon_cap{
        margin-top: -5px;
    }


    #header {
    padding: 0;
    background: #000;
    height: 67px;
    }

    #toplist {
    width: 100%;
    height: 100px;
    float: left;
    background:url(/images/bg_top.jpg) top repeat-x;
    border-bottom:solid 1px #d1d1d1;
    line-height:1;
    padding:10px 0;
    margin-bottom: 10px;
    }
    #toplist_inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }
    #main {
    max-width: 1220px;
    min-width: 920px;
    width: 80%;
    margin: 0 auto;
    padding-top: 30px;
    }
    #main_inner {
    /*max-width: 1220px;*/
    max-width: 1020px;
    min-width: 920px;
    width: 100%;
    margin: 0 auto;
    display: block;
    }

    #main_image{
        background: #113D74;
            max-height: 440px;
        margin: 0 auto 50px;
    }
    #main_image img{
    display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto\9;
        margin: 0 auto;
        display: block;
        object-fit: contain;
        max-height: 440px;
    }

    #two_category {
        width: 640px;
        margin: 50px auto;
    }
    #three_category {
        width: 780px;
        margin: 50px auto;
    }
    #content {
    min-height: 700px;
    }
    #footer {
    clear: both;
    }
    #footer_inner {
    width: 920px;
    margin: 0 auto;
    }

    /* メインカラムとサイドバーの関係 */
    #primary {
    }
    #secondary {
    float: right;
    width: 200px;
    }

    #footer {
    border-top:solid 2px #d9dee2;
    background:#78787a;
    padding:60px 0;
    margin-top:100px;
    text-align:center;
    }
    #footer a{
        color:white;
        text-decoration: none;
    }
    #footer ul.column{
        width: 25%;
        float: left;
    }
    #footer ul li{
        text-align: left;
    }
    #footer #column_wrapper{
        overflow: hidden;
        padding-bottom: 30px;
        border-bottom: 1px solid #bbbbbf;
    }
    #footer #copyright{
        text-align: center;
        width: 100%;
        padding: 30px 0 20px;
        color: #bbbbbf;
    }
    #footer_inner{
        position: relative;
    }
    #footer_logo{
        position: absolute;
        top: 237px;
        right: 50px;
        width: 100px;
        height: auto;
    }
    #footer .h_li{
        font-size: 18px;
        color: white;
    }

    #five_category, #four_category {
        margin-top: -20px;
        margin-bottom: 30px;
    }
    #five_category .item{
        width: 18%;
        margin-right: 2.5%;
        float: left;
        background: #fafafa;
    }
    #four_category .item{
        width: 22.5%;
        margin-right: 3%;
        float: left;
        background: #fafafa;
    }


    #five_category .item.mr_0, #four_category .item.mr_0{
        margin-right: 0;
    }

    #five_category img, #four_category img{
        width: 100%;
        height: auto;
    }
    #five_category h2, #four_category h2{
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        min-height: 65px;
        border-bottom: 5px solid #113D74;
        padding-left: 5px;
        font-size: 13px;
    }
    #five_category h2:after, #four_category h2:after{
        background: none;
    }

  .pc_two_column{
    display: grid;
    grid-template-columns: 1fr 1fr;
     display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  .pc_two_column > div{

  }

  .pc_two_column > div:nth-child(1) {
    -ms-grid-column: 1;
  }
  .pc_two_column > div:nth-child(2) {
    -ms-grid-column: 3;
  }


  .pc_two_column > div img{
    max-width: 100%;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }


  _:-ms-lang(x), .pc_two_column {
      /* IE11 にのみ適用される */
      display:  flex;
      width: 100%;
  }
  _:-ms-lang(x), .pc_two_column {
    /* IE11 のみ適用される */
      display:  flex;
      width: 100%;
  }
  _:-ms-lang(x), .pc_two_column > a {
      /* IE11 にのみ適用される */
      width:  50%;
            border: solid 1px #eee;
  }
  _:-ms-lang(x), .pc_two_column > div {
    /* IE11 のみ適用される */
      width:  50%;
  }

  _:-ms-lang(x), .pc_two_column img{
      /* IE11 にのみ適用される */
      height: auto;
      max-width: 500px;
  }
  _:-ms-lang(x), .pc_two_column img{
    /* IE11 のみ適用される */
      height: auto;
      max-width: 500px;
  }


    #two_category.ontline_card {
        width: 100%;
        grid-gap: 10px 20px;
        margin-bottom: 50px;
    }

    .table_news {
    line-height:12px;
    width: 100%;
    border:1px solid #eee;
    display:inline-block;
    overflow:auto;
    margin: 0 0 10px 0;
    }
    .table_news a {
    text-decoration: none;
    line-height: 18px;
    }
    .table_news li {
    border-bottom: dotted 1px #ddd;
    padding: 0px;
    margin: 0;
    display: flex;
    }
    .table_news li .news_left {
    float: left;
    padding: 10px;
    margin: 0;
    background: #fafafa;
    width: 100px;
    text-align: center;
    font-weight: bold;
    min-height: 22px;
    }
    .table_news li .news_right {
    padding: 10px;
    width: 100%;
    display: flex;
    }
    .notice{
    background: url(/images/common/new.gif) 0px 2px no-repeat;
    padding-left: 40px !important; 
    color:#F03 !important;
    }
    .notice2{
    color:#F03 !important;
    }
    .table_news li .news_right a.genre {
    display:inline-block;
    width:100px;
    text-align:center;
    color:#0957F7;
    margin-right:10px;
    font-weight:bold;
    line-height:10px;
    padding: 6px 0 5px;
    margin: 0 0 5px;
    background:#F9F9F9;
    }
    .table_news li .news_right a.NEWS {background:#F9F9F9;
    float: left;
    display: block;
    width: 100px;
    }
    .table_news li .news_right a.EVENT {background:#F9F9F9;
    float: left;
    display: block;
    width: 100px;
    }
    .table_news li .news_right a.PR {background:#F9F9F9;
    float: left;
    display: block;
    width: 100px;
    }
    .table_news li .news_right a.PRODUCT {background:#F9F9F9;
    float: left;
    display: block;
    width: 100px;
    }
    .table_news li .news_right a.SERVISE {
    float: left;
    display: block;
    width: 100px;
    }

    .table_news li .news_right a:hover.title { text-decoration: underline; }
    .red {
    color:red;
    }




  .pc_three_column{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
     display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
  }
  .pc_three_column img{
    width: 100%;
    height: auto;
  }

  .pc_three_column.jissou_wrap  img{
    width: 90%;
    border: 5px solid white;
  }

  .pc_three_column > div{
  }

  .pc_three_column > div:nth-child(1) {
    -ms-grid-column: 1;
  }
  .pc_three_column > div:nth-child(2) {
    -ms-grid-column: 3;
  }


  .pc_three_column > div img{
    width: 90%;
    border: 10px solid white;
    -o-object-fit: cover;
       object-fit: cover;
  }

  _:-ms-lang(x), .pc_three_column {
      display:  flex;
      width: 100%;
  }
  _:-ms-lang(x), .pc_three_column {
      display:  flex;
      width: 100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

  _:-ms-lang(x), .pc_three_column > a {
      width:  33%;
      border: solid 1px #eee;
  }
  _:-ms-lang(x), .pc_three_column > div {
    /* IE11 のみ適用される */
      width:  33%;
  }
  

  _:-ms-lang(x), .pc_three_column img{
      /* IE11 にのみ適用される */
      height: auto;
      max-width: 100%;
  }
  _:-ms-lang(x), .pc_three_column img{
    /* IE11 のみ適用される */
      height: auto;
      max-width: 100%;
  }



  .pc_flex{
    display: flex;
    justify-content: center;
  }
  .pc_flex > div{
    padding: 0 20px;
    position: relative;
    text-align: center;    
  }
  .pc_flex i{
    cursor: pointer;
  }
  .pc_flex > div > i{
    position: absolute;
    right: -20px;
    top: 0px;
    font-size: 24px;
  }
  .pc_flex h4.common{
    margin-top: 0;
    text-align: center;
  }

  .pc_flex > div:nth-child(even) {
  }
  .pc_flex > div:nth-child(odd) {
  }


  .pc_flex input[type="text"], .pc_flex input[type="tel"], .pc_flex input[type="email"], .pc_flex input[type="url"],
  .pc_flex input[type="number"], .pc_flex input[type="password"], .pc_flex select {
    width: 100%;
    max-width: 400px;
  }

  .pc_flex_topics{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:reverse;
    -moz-box-direction:reverse;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
    flex-direction:row-reverse;
    justify-content:space-between;
  }
  .pc_flex_topics > div:first-child{
    width: 200px;
    min-width: 200px;
    margin-left: 30px;
  }
  .pc_flex_topics > div:last-child{
    width: 100%;
  }

  #header_50th{
    top: 7px;
    left: calc(40% - 180px);
  }


}