/*
20231226 グローバルメニュー修正
20240118 製品・プロモーションのお問い合わせ、ピックアップ情報修正
============================= */
body {
 font-family: 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
 font-size: 13px;
 *font-size: small;
 *font: x-small;
 color: #333;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 font-smoothing: antialiased;
 line-height: 1.5;
 background-color: #f5f5e7;
 overflow: hidden;
}
/* スクロールバーの有無によるズレ対策 */
html {
 -ms-text-size-adjust: none;
 -webkit-text-size-adjust: none;
}
* {}
/* リンク
----------------------------------------------------*/
a {
 color: #e0051c;
 text-decoration: none;
}
a:link {
 color: #e0051c;
 text-decoration: none;
}
a:visited {
 color: #e0051c;
 text-decoration: none;
}
a:hover {
 color: #FF0000;
 text-decoration: none;
}
a:active {
 color: #FF0000;
 text-decoration: none;
}
img {
 vertical-align: bottom;
 text-decoration: none;
 border: 0;
 line-height: 1px;
}
a:hover img {
 border: none;
 text-decoration: none;
}
/*h1,h2,h3,h4,h5,h6{ font-family:'Source Sans Pro', sans-serif}

h1{font-size:50px; font-weight: 200; color: #555; margin-bottom: 20px;}
h2{font-size: 30px; font-weight: 300; color:#444; margin: 30px 0}
h3{font-size: 20px; font-weight: 400; margin: 20px 0;}
h4{font-size:18px; font-weight: 400}*/
/* 
HEADER ROW STYLE
===========================*/
#gheader {
 padding: 0px;
 margin: 0px;
 background: #FFF;
 width: 100%;
 overflow: hidden;
}
#gheader h1 {
 text-align: center;
 padding: 15px;
}
#gheader .headernews {
 padding: 10px;
 text-align: center;
}
#gheader .headernews a {
 display: inline-block;
 padding: 10px 30px;
 border: 1px solid #e0051c;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
}
#gheader .headernews a:hover {
 background-color: #eee;
}
@media (max-width: 480px) {
 #gheader h1 img {
  width: 90%;
  height: auto;
 }
}
#gheader .navbar {
 margin: 0px;
 width: 100%;
 background: #e0051c;
 overflow: hidden;
}

#gheader .navbar .navbar-inner {
 max-width: 980px;
 margin: 0 auto;

}
#gheader .navbar .navbar-inner img {
 height: auto;
 width: auto;
}
@media (max-width: 980px) {
 #gheader .navbar .navbar-inner {
  height: auto;
  width: 100%;
  border: none;
 }
 #gheader .navbar .navbar-inner img {
  height: auto;
 }
}
/*#header-row .navbar .navbar-inner ul.nav > li > a{
	box-shadow: none;
	background: transparent;
	color: #0088cc;
}
#header-row .navbar .navbar-inner ul.nav li.active a{
	color: #333;
}*/
/* 
Carousel
===========================*/
.carousel-control {
 background: transparent;
 width: 14px;
 height: 14px;
 font-size: 14px;
 top: 50%;
}
.carousel-control.right {
 right: -30px;
}
.carousel-control.left {
 left: -30px;
}
.carousel {
 height: 500px;
 background: url(../img/slide-bg.png) no-repeat bottom center;
}
.carousel img {
 max-width: 100%;
}
.carousel-caption {
 background-color: transparent;
 position: relative;
 max-width: 100%;
 padding: 0 20px;
 margin-top: 20%;
}
.carousel-caption h1 {
 font-size: 50px;
 text-transform: capitalize;
 margin-bottom: 30px;
 color: #555;
 font-weight: 200;
}
.carousel-caption .lead {
 color: #888;
 font-size: 18px;
 line-height: 24px;
 padding-bottom: 40px;
 font-weight: 400
}
/*Footer
========================*/
footer {
 padding: 5px;
 color: #FFF;
 background-color: #e0051c;
 margin: 0px;
 text-align: center;
}
.copyright {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 letter-spacing: 0.1em;
}
/*---------------------------------
pagetop
--------------------------------*/
.pagetop {
 position: fixed;
 bottom: 0px;
 right: -100px;
 z-index: 100;
}
.pagetop a {
 display: block;
 width: 75px;
 height: 128px;
 text-decoration: none;
}
.pagetop a:hover img {
 opacity: 1.0;
 filter: alpha(opacity=100);
 text-decoration: none;
}
/*注釈※付*/
.notearea {}
.notearea ul {
 margin-left: 1em;
 margin-right: 0;
}
.notearea ul li {
 position: relative;
}
.notearea ul li:before {
 content: "※";
 position: absolute;
 left: -1em;
}
/* Responsive View
=================================*/
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {}
/* Landscape phones and down */
@media (max-width: 480px) {}
/* pdf
=================================*/
.pdflink {
 background-image: url(/cmn/img/pdf.gif);
 background-repeat: no-repeat;
 background-position: left top;
 background-size: 25px 25px;
 -webkit-background-size: 25px 25px; /* Safari,Google Chrome用 */
 -moz-background-size: 25px 25px; /* Firefox用 */
 -o-background-size: 25px 25px; /* Opera用 */
 z-index: 10;
 padding-left: 35px;
}
.pdflink a {
 font-size: 14px;
 font-weight: bold;
 line-height: 25px;
 display: block;
 z-index: 10;
}
/* pdf2
=================================*/
ul.pdf2 {}
ul.pdf2 li {
 padding: 10px;
}
ul.pdf2 li {
 background-image: url(/cmn/img/pdf.gif);
 background-repeat: no-repeat;
 background-position: left center;
 background-size: 25px 25px;
 -webkit-background-size: 25px 25px; /* Safari,Google Chrome用 */
 -moz-background-size: 25px 25px; /* Firefox用 */
 -o-background-size: 25px 25px; /* Opera用 */
 margin-left: 10px;
 padding-left: 35px;
}
ul.pdf2 li a {
 font-size: 14px;
 font-weight: bold;
 line-height: 25px;
 display: block;
}
/* link
=================================*/
.link {
 background-image: url(/cmn/img/link.gif);
 background-repeat: no-repeat;
 background-position: left top;
 background-size: 16px 16px;
 -webkit-background-size: 16px 16px; /* Safari,Google Chrome用 */
 -moz-background-size: 16px 16px; /* Firefox用 */
 -o-background-size: 16px 16px; /* Opera用 */
 margin-left: 10px;
 padding-left: 23px;
}
.link a {
 font-size: 14px;
 font-weight: bold;
 line-height: 16px;
 display: block;
}
@media (max-width: 480px) {}
/*お客様へ*/
ul.forcust {}
ul.forcust li {
 border-bottom: 1px solid #dbdbb4;
 padding-top: 10px;
 padding-bottom: 10px;
 overflow: hidden;
}
ul.forcust li h3 {
 padding-bottom: 5px;
}
ul.forcust li h3 img {
 height: 20px;
 width: 120px;
}
ul.forcust li p {
 font-size: 90%;
}
ul.forcust li img.topmenuimg {
 width: 74px;
 float: right;
 margin-left: 5px;
 margin-top: 5px;
}
ul.forcust li p strong {
 font-weight: bold;
 font-size: 14px;
}
ul.forcust li p a {
 color: #cf1312;
 font-weight: bold;
 font-size: 14px;
 background-image: url("../img/link.gif");
 background-repeat: no-repeat;
 background-size: 14px 14px;
 background-position: right;
 padding-right: 25px;
}
/*コールセンター*/
.callinfo {
 border: 1px solid #dbdbb4;
 background-color: #fff;
 padding: 10px;
 margin-top: 10px;
}
.callinfo .uketuke {
 color: #e0051c;
 border: 2px solid #e0051c;
 padding: 5px 10px;
 margin-top: 10px;
 font-weight: bold;
}
/*電話番号*/
.infotel {}
.infotel ul {
 margin-left: 1em;
 margin-right: 0;
 font-size: 13px;
}
.infotel ul li {
 position: relative;
}
.infotel ul li:before {
 content: "●";
 position: absolute;
 left: -1em;
 color: #E0051C;
}
@media (max-width: 980px) {
 .infotel ul li br.pconly {
  display: none;
 }
}
/*20240118 製品・プロモーションのお問い合わせ、ピックアップ情報修正 */
/*submenu*/
ul.submenu {
 overflow: hidden;
}
ul.submenu li {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #FFF;
 position: relative;
 z-index: 0;
}
ul.submenu li a {
 background-color: #e0051c;
 display: block;
 padding: 0px 20px 0px 10px;
 font-weight: bold;
 color: #FFF;
 font-size: 14px;
 line-height: 40px;
}
ul.submenu li a:hover {
 background-color: #b2b2af;
}
ul.submenu li a:after {
 content: '';
 display: block;
 width: 9px;
 height: 15px;
 position: absolute;
 right: 12px;
 top: 12px;
 background-image: url(/cmn/img/arrow-right2.png);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: 9px 15px;
 -webkit-background-size: 9px 15px; /* Safari,Google Chrome用 */
 -moz-background-size: 9px 15px; /* Firefox用 */
 -o-background-size: 9px 15px; /* Opera用 */
}
/*@media (max-width: 910px) {
 ul.submenu li {
  float: left;
  width: 24%;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFF;
 }
}
@media (max-width: 767px) {
 ul.submenu li {
  width: 33%;
 }
 ul.submenu li a {
  line-height: 60px;
 }
 ul.submenu li a:after {
  top: 22px;
 }
}
@media (max-width: 480px) {
 ul.submenu li {
  float: none;
  width: 100%;
  border-right: none;
 }
}*/