@charset "UTF-8";

html { color : #262626; }

a { color: #262626; }

nav.navbar { background-color: #bfbfbf; }
nav.navbar img#top-logo { height : 80px;}
nav.navbar #global-nav { margin : auto; }
@media screen and (min-width: 768px) {
    nav.navbar #global-nav a { color: #000; font-weight: bolder;  font-size: 1.2em;}
}
@media screen and (max-width: 767px) {
    nav.navbar #global-nav a { color: #000; font-weight:normal;  font-size: 1.1em;}
}
nav.navbar #global-nav a:hover { text-decoration: underline; }
.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0);
}

#submenu { background-color: #262626; }
#submenu #submenu-ba { background-color: #424242; text-align: center; }
#submenu #submenu-ppe { background-color: #977b4c; text-align: center; }

#submenu #submenu-ba a, #submenu a#submenu-ba  { color:#fff; font-weight: bolder;}
#submenu #submenu-ppe a,#submenu a#submenu-ppe { color:#262626; font-weight: bolder; }
/*#submenu a { display: block; width: 100%; height: 100%;background-color: red; }*/
#submenu a:hover { text-decoration: none; color: #fff!important;} 
#submenu #submenu-ba:hover {
    background: rgba(70, 170, 220,0.7);
}
#submenu #submenu-ppe:hover {
	background: rgba(70, 170, 220,0.7);
}

footer{ background-color: #424242; }
footer #footer-menu ul li {list-style-type:none; line-height: 2.5;}
footer #footer-menu a { color: #fff; font-weight: bolder; }
footer #footer-menu a:hover { text-decoration: underline; } 
.copyright { color: #fff; }
.mv-slider{
    position: relative;
    max-width: 1280px;
    margin: auto;
}
@media screen and (min-width: 768px) {
    .mv-slider .slider-text{
      /*background: rgba(70, 170, 220,0.7);*/
      text-shadow: 0px 0px 10px #000000;
      position: absolute;
      /*font-size:1rem;*/
        font-size: 50px;
      color: #fff;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
        left: 15px;
        padding-left: 15px; padding-right: 15px;
    }
}
@media screen and (max-width: 767px) {
    .mv-slider .slider-text{
      text-shadow: 0px 0px 10px #000000;
      position: absolute;
      font-size:1.2rem;
      color: #fff;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
        left: 15px;
        padding-left: 15px; padding-right: 15px;
    }
}
.mv-slider400{
    position: relative;
    max-width: 400px;
    margin: auto;
}
.mv-slider400 .slider-text{
  text-shadow: 0px 0px 10px #000000;
  position: absolute;
  font-size: 30px;
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
    left: 15px;
    padding-left: 15px; padding-right: 15px;
    background: rgba(70, 170, 220,0.7);
}

@media screen and (min-width: 768px) {
    .ttl_line6 {
      font-weight: bold;
        font-size: 1.3em;
      /*padding: 0.5em 0.3em;*/
      padding: 0.5em 0em;
      margin-bottom: 0.3em;
      position: relative;
    }
    a.ttl_line6::before {
      content: '';
      background-color: #424242;
      width: 2em;
      height: 3px;
      position: absolute;
      bottom: 0;
      left: 0;

    }
}
@media screen and (max-width: 767px) {
    .ttl_line6 {
      font-weight: bolder;
      font-size: 1.1em;
      padding: 0.5em 0em;
      margin-bottom: 0.3em;
      position: relative;
    }
    a.ttl_line6::before {
      content: '';
      background-color: #424242;
      width: 2em;
      height: 3px;
      position: absolute;
      bottom: 0;
      left: 0;
    }    
}

a.ttl_line6 { color: #262626; text-decoration: none;

}
a.ttl_line6:hover::before {
  content: '';
  background-color: #424242;
  width: 3.5em;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
    -webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
.container p{ line-height: 2.0; }

.shadow_btn01 {
    color: #262626!important;
    background-color: silver!important;
  display: inline-block;
  width: 100%;
  max-width: 500px;
  border: 2px solid #424242;
  border-radius: 0;
  color: #007bff;
  background: #fff; /* 背景色 */
  -webkit-box-shadow: 4px 4px 0 #424242; 
  box-shadow: 4px 4px 0 #424242; 
  padding: 1em 2em;
  font-weight: bold; 
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
    margin-bottom: 30px;
    font-size: 1.2em;
}
.shadow_btn01:hover {
  -webkit-box-shadow: -4px -4px 0 #424242; 
  box-shadow: -4px -4px 0 #424242; 
}
table#p3_hyo{
    width: 900px;
    height: 593px;
    border: none;
}
table#p3_hyo tr, table#p3_hyo tr td {
    padding: 0;
    margin: 0;
}
table#p4_hyo{
    width: 900px;
    height: 622px;
    border: none;
}
table#p4_hyo tr, table#p4_hyo tr td {
    padding: 0;
    margin: 0;
}
/*
.heading10 {
  padding: 1rem 2rem;
  border-top: 4px solid #d8dcdc;
  border-right: 4px solid #666;
  border-bottom: 4px solid #333;
  border-left: 4px solid #868888;
  border-radius: 0;
    
  background-image: -webkit-linear-gradient(135deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
  background-image: linear-gradient(-45deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
}
*/
.heading06 {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 36px;
	text-align: center;
    color:#483d8b;
    font-family: serif;
    font-weight: bold;
}

.heading06 span {
	position: relative;
	z-index: 2;
}

.heading06::before {
	content: attr(data-en);
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(128,128,128,0.2);
	font-size: 80px;
	font-style: italic;
}

.heading06::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 40px;
	background-color: rgba(128,128,128,1);
}


.heading11 {
	color: #262626;
	border-bottom: solid 3px #92278f;
	padding: 10px 0;
    margin-bottom: 10px;
}
.heading11:first-letter {
	color: #92278f;
}
.heading12 {
	color: #262626;
	border-bottom: solid 3px #ed1c24;
	padding: 10px 0;
    margin-bottom: 10px;
}
.heading12:first-letter {
	color: #ed1c24;
}

#product_menu {padding: 0; margin: 0;}
#product_menu li, #product_menu a {
    list-style: none;
    text-align: center;
    padding-top:0.5em; padding-bottom: 0.5em;
    font-weight: bolder;
  background-image: -webkit-linear-gradient(135deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
  background-image: linear-gradient(-45deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
}
#product_menu li:hover, #product_menu a:hover {
    text-decoration: none;
    
    list-style: none;
    text-align: center;
    padding-top:0.5em; padding-bottom: 0.5em;
    font-weight: bolder;
    background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}
#product-list h2 {
    background-color: gray;
}
#product-list h2:hover {
    background-color: lightgray;
}
#product-list h2 a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.5em
    
}
#product-list h2 a:hover{
    color: #ed1c24;
    font-weight: bolder;
    text-decoration: none;
}
#product-list p,
#product-detail p{
    line-height: 1.2em;
    margin-bottom: 1em;
}
#product-list .name2 {
    font-size: 80%;
}
a.product-main-img img {
    border:solid 2px #fff;
}
a.product-main-img img:hover {
    /*
	opacity:0.5;
	transition:0.3s;    
    */
    border:solid 2px silver;
}

.lebel { background-color: #262626; color: #fff; font-size: 1.2em; }
.uk2006 { background-color: #92278f; color: #fff; font-size: 1.2em; }
#product-detail .lebel { font-size : 85%; }
#product-detail .uk2006 { font-size : 85%; }
#page_top,
#move-page-top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 5px;
  bottom: 5px;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
 
}
#page_top a,
#move-page-top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  display: table-cell;
  vertical-align:middle;
}
#page_top a:hover,
#move-page-top a:hover {
	color:#800000
}