@charset "utf-8";

/*-----------------------------------------------
 __layout（共用レイアウト）
-----------------------------------------------*/
#contents {
	width:950px;
	margin:0px auto;
	text-align:left;
}

#contents_smenu-off {/*右メニュー無コンテンツエリア*/
	width:950px;
}

#contents_smenu-on {/*右メニュー有コンテンツエリア*/
	width:730px;
	float:left;
}

#smenu {/*サブメニューエリア*/
	width:200px;
	float:right;
}

/*-----------------------------------------------
 __subtitle（見出し）
-----------------------------------------------*/
h1 {/*h1*/
	color:#fff;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-size:150%;
}

h1 span {
	font-size:67%;
	margin-left:1em;
}

#contents_smenu-off h1 {/*右メニュー無のh1*/
	width:930px;
	background:url(../images/bg_h1_950.jpg?date=210520) no-repeat #be2131;
}

#contents_smenu-on h1 {/*右メニュー有のh1*/
	width:710px;
	background:url(../images/bg_h1_730.jpg?date=210520) no-repeat #be2131;
}

h2 {/*h2*/
	background:url(../images/bg_h2.jpg) repeat-x #b9b9b9;
	color:#fff;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-size:116%;
}

h2 a {
	color:#fff;
	text-decoration:underline;
}

h2 span {/*h2の左装飾*/
	display:block;
	background:url(../images/bg_h2L.jpg) repeat-y;
	padding:2px 15px;
}

h3,h4,h5,h6 {
	margin-bottom:10px;
	font-size:100%;
}

.ttl_part { /*赤四角の装飾付*/
	background:url(../images/bg_h3.gif) no-repeat left center;
	padding-left:15px;
	font-size:116%;
	font-weight:bold;
}

/*-----------------------------------------------
 __topicpath（パンくずリスト）
-----------------------------------------------*/
p#topicpath {
	font-size:84%;
	margin-bottom:5px;
	letter-spacing:0.1em;
}

p#topicpath img {
	vertical-align:baseline;
}

/*-----------------------------------------------
 __jump_pagetop（ページトップへ）
-----------------------------------------------*/
p.jump_pagetop {
	text-align:right;
	clear:both;
	margin-top:1em;
}

/*-----------------------------------------------
 __common_class（共用クラス）
-----------------------------------------------*/
/* __font（文字）
------------------------------------------*/
.txt11 {
	font-size:83%;
}

.txtL {
	text-align:left !important;
}

.txtR {
	text-align:right !important;
}

.txtC {
	text-align:center !important;
}

.bold {
	font-weight:bold;
}



.blue {
	color:#00F;
}

.red {
	color:#c00;
}

.nowrap {
	white-space:nowrap !important;
}

/* __display（表示）
------------------------------------------*/
.hide {
	display:none;
}

/* __margin_padding（余白）
------------------------------------------*/
.marginR0 {
	margin-right:0px !important;
}

.marginR10 {
	margin-right:10px !important;
}

.marginR20 {
	margin-right:20px !important;
}

.marginL5 {
	margin-left:5px !important;
}

.marginL10 {
	margin-left:10px !important;
}

.marginL20 {
	margin-left:20px !important;
}

.marginL25 {
	margin-left:25px !important;
}

.marginL50 {
	margin-left:50px !important;
}

.marginT0 {
	margin-top:0px !important;
}

.marginT5 {
	margin-top:5px !important;
}

.marginT10 {
	margin-top:10px !important;
}

.marginT15 {
	margin-top:15px !important;
}

.marginT20 {
	margin-top:20px !important;
}

.marginT30 {
	margin-top:30px !important;
}

.marginB1em {
	margin-bottom:1em !important;
}

.marginB2em {
	margin-bottom:2em !important;
}

.marginB0 {
	margin-bottom:0px !important;
}

.marginB5 {
	margin-bottom:5px !important;
}

.marginB10 {
	margin-bottom:10px !important;
}

.marginB15 {
	margin-bottom:15px !important;
}

.marginB20 {
	margin-bottom:20px !important;
}

.marginB30 {
	margin-bottom:30px !important;
}

.paddingT5 {
	padding-top:5px;
}

.paddingT10 {
	padding-top:10px;
}

.paddingT15 {
	padding-top:15px;
}

.paddingB5 {
	padding-bottom:5px;
}

.paddingB10 {
	padding-bottom:10px;
}

.paddingB15 {
	padding-bottom:15px;
}

.line-height-200 { line-height: 200%;}
.line-height-170 { line-height: 170%;}
.line-height-150 { line-height: 150%;}

/* __flexbox（可変ボックス）
------------------------------------------*/
.flex-container{
	display:flex;
	justify-content: space-between;
}
.flex-around{
	display: flex;
	justify-content: space-around;
}
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
}

.block{
    display: block;
}
/* __float（回り込み）
------------------------------------------*/
.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.imgL {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.imgR {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.imgC {
	display:block;
	margin:0px auto 1em auto;
}

/* __ul（リスト）
------------------------------------------*/
ul.default_style li { /*黒丸*/
	background:url(../images/ico_ul.jpg) 0px 0.5em no-repeat;
	padding-left:1em;
	line-height:1.6;
}

ul.default_style li.borderT_gd {
	background:url(../images/ico_ul.jpg) 0px 0.9em no-repeat;
}

/* __ol（番号付リスト）
------------------------------------------*/
ol.default_style {
	list-style:decimal outside none;
	margin-left:2.5em;
	line-height:1.6;
}

table ol.default_style {
	line-height:1.2;
}

/* __dl（定義リスト）
------------------------------------------*/
dl.default_style dt {
	font-weight:bold;
}

dl.default_style dd {
	margin-left:1em;
	margin-bottom:1em;
}

/* __table（表組み）
------------------------------------------*/
caption {
	font-weight:bold;
	padding-bottom:5px;
	text-align:left;
}

table.txt11 caption {
	font-size:120%;
}

th {
	white-space:nowrap;
	text-align:left;
}

table.tbl_g { /*thグレー背景・グレー罫線*/
	border:1px solid #999;
	border-collapse:collapse;
}

table.tbl_g th,  table.tbl_g td {
	border:1px solid #999;
	padding:5px;
}

table.tbl_g th {
	background:#e8e8e8;
	font-weight:normal;
}

table.tbl_w { /*th白背景・グレー罫線*/
	border:1px solid #999;
	border-collapse:collapse;
}

table.tbl_w th,  table.tbl_w td {
	border:1px solid #999;
	padding:5px;
}

table.tbl_w th {
	font-weight:normal;
}

/* __border（罫線）
------------------------------------------*/
.borderB_gd { /*下・点線・グレー*/
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}

.borderT_gd { /*上・点線・グレー*/
	border-top:1px dotted #ccc;
	padding-top:5px;
}

.borderB_gs { /*下・実線・グレー*/
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}

.borderT_gs { /*上・実線・グレー*/
	border-top:1px solid #ccc;
	padding-top:5px;
}

/* __display（背景）
------------------------------------------*/
.bg_k { /*背景色カーキ・文字色白*/
	background-color:#990 !important;
	color:#fff !important;
}

.bg_b { /*背景色青・文字色白*/
	background-color:#669 !important;
	color:#fff !important;
}

.bg_g { /*背景色グレー・文字色白*/
	color:#fff !important;
	background-color:#999 !important;
}

.bg_E1{
	background-color: #E1E1E1;
}

/* __日本語・English切り替えボタン
------------------------------------------*/
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
	border: 2px solid #fd9535;
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  font-weight: bold;
}

.btn-square-pop:hover {
  text-decoration: none ;
  background-color: transparent;
  border: 2px solid #fd9535;
  color: #fd9535 !important;
}

/* __製品詳細ページ用
------------------------------------------*/
.txt11 {
  font-size: 83%;
}
table.tbl_product-spec {
  width: 100%;
  padding: 3px;
  margin-bottom: 10px;
  /* word-break: break-all; */
  border: none;
  font-size: 83%;
  text-align: center;
}

table.tbl_g {
  border: 1px solid #999;
  border-collapse: collapse;
}

table.tbl_g th {
  border: solid 1px #999;
  background: #e8e8e8;
  font-weight: normal;
}

table.tbl_g td {
  border: solid 1px #999;
}

.infobox {
    position: relative;
    margin: 3.5em 0 2em;
    padding: 0.5em 1em;
    border: solid 3px #CC0052;
}

.infobox .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #CC0052;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.infobox p {
    margin: 0;
    padding: 0;
    color: #000;
    text-align: left;
}
/* __マウスオンで画像拡大
------------------------------------------*/
.title_image{
	margin:0 auto;
	overflow:hidden;
}
.title_image img{
	transition:1s all;
}
.title_image img:hover{
	transform:scale(1.1,1.1);
	transition:1s all;
}
a.title {
	color: #333;
	text-decoration: none;
}
a.title:hover {
	text-decoration: none;
}

/* ラベル部分 左上に表示 以下250625追記
------------------------------------------*/
.new {
    position: relative;
}
.new::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #c12748; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.new::after {
    content: "New";
    display: block;
    top: 9px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 5px;
    position: absolute;
    z-index: 101;
}
/* ラベル部分 左上に表示 end*/
    
/* お問い合わせボタン　以下250625追記
------------------------------------------*/
a.btn-border {
border: 2px solid #000;
border-radius: 5px;
background: #ffffff;
padding: 15px 30px;
font-size: 150%;
font-weight: bold;
margin: 0 auto;
display: block;
width: 310px;
}

a.btn-border:hover {
  color: #fff;
  background: #ce0037;
  border: 2px solid #ce0037;
}
/* お問い合わせボタン end*/