@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p:100,300,400,500,700,800,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap");
:link, :visited {
  text-decoration: none;
}

html, body, div, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea,
h1, h2, h3, h4, h5, h6, .header-inner-01 .hd-inwrap .hd-center > p, .header-inner-01 .hd-inwrap footer .hd-center > span, footer .header-inner-01 .hd-inwrap .hd-center > span, p, footer span, th, td {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .header-inner-01 .hd-inwrap .hd-center > p, .header-inner-01 .hd-inwrap footer .hd-center > span, footer .header-inner-01 .hd-inwrap .hd-center > span {
  font-size: 100%;
  font-weight: normal;
}

table {
  border-spacing: 0;
}

img {
  border: 0;
}

ol, ul {
  list-style: none;
}

th {
  text-align: left;
}

a {
  text-decoration: underline;
  outline: none;
}

a img, :link img, :visited img {
  border: none;
}

.before-clearfix:before {
  content: '';
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix:after {
  content: '';
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

body {
  color: #000;
}

a:link, a:visited {
  text-decoration: none;
}

@media print {
  * {
    position: static !important;
    overflow: visible !important;
  }
}
/*==================================================
	Project layout
==================================================*/
body {
  font: 300 13px 'M PLUS 1p', sans-serif;
  line-height: 1.4em;
}
body.bg-black {
  background: #000;
  color: #fff;
}
#main_cont_box h2, #main_cont_box h3{ font-weight:bold;}

/*==================================================
  01. Header
==================================================*/
@media screen and (max-width: 800px) {
  body {
    width: 1000px;
    margin: auto;
    -webkit-text-size-adjust: 100%;
  }
}

header {
  box-sizing: border-box;
}
header.bg-black{
	background:#000;
	color:#fff;
}

.header-inner-01 {
  width: 1000px;
  margin: auto;
}
.header-inner-01 h1 {
  padding-top: 1em;
  line-height: 1em;
  font-size: .8em;
}
.header-inner-01 .hd-inwrap {
  display: flex;
  margin: 30px 0 15px;
}
.header-inner-01 .hd-inwrap .hd-logo {
  width: 320px;
}
.header-inner-01 .hd-inwrap .hd-logo a {
  display: inline-block;
  vertical-align: middle;
  width: 156px;
}
.header-inner-01 .hd-inwrap .hd-logo span {
  display: inline-block;
  padding-left: .5em;
  vertical-align: middle;
}
.header-inner-01 .hd-inwrap .hd-center {
  width: 350px;
  margin-left: 100px;
}
.header-inner-01 .hd-inwrap .hd-center > h6, .header-inner-01 .hd-inwrap .hd-center > p, .header-inner-01 .hd-inwrap footer .hd-center > span, footer .header-inner-01 .hd-inwrap .hd-center > span {
  margin-bottom: 11px;
  font-size: .8em;
}
.header-inner-01 .hd-inwrap .hd-center > img {
  width: 30%;
  vertical-align: middle;
}
.header-inner-01 .hd-inwrap .hd-center > p, .header-inner-01 .hd-inwrap footer .hd-center > span, footer .header-inner-01 .hd-inwrap .hd-center > span {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 1em;
  vertical-align: middle;
}
.header-inner-01 .hd-inwrap .hd-contact {
  width: 225px;
  font-size: .8em;
}
.header-inner-01 .hd-inwrap .hd-contact a {
  color: #fff;
}
.header-inner-01 .hd-inwrap .hd-contact a:hover {
  transition: all 0.3s;
  color: orange;
}
.header-inner-01 .hd-inwrap .hd-contact > span > a {
  padding: 0 1em;
  border-right: 1px solid #fff;
}
.header-inner-01 .hd-inwrap .hd-contact > span > a:first-child {
  padding-left: 0;
}
.header-inner-01 .hd-inwrap .hd-contact > span > a:last-child {
  padding-right: 0;
  border-right: none;
}
.header-inner-01 .hd-inwrap .hd-contact > p, .header-inner-01 .hd-inwrap footer .hd-contact > span, footer .header-inner-01 .hd-inwrap .hd-contact > span {
  margin-top: 5px;
  line-height: 1em;
  font-size: 2.3em;
}

nav#header-nav {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
nav#header-nav.toppage{
	margin:15px 0 15px;
	border-top: none;
	border-bottom: none;
}
nav#header-nav a {
  width: 140px;
  padding-left: 10px;
  border-left: 1px solid #fff;
  line-height: 1em;
  font-size: 1.5em;
  font-family: 'Oswald', sans-serif;
  color: #fff;
}
nav#header-nav a:hover {
  transition: all 0.3s;
  color: orange;
}
nav#header-nav a:last-child {
  border-right: 1px solid #fff;
}
nav#header-nav a > span {
  color: #e50011;
}
nav#header-nav a > p, nav#header-nav footer a > span, footer nav#header-nav a > span {
  font-size: .5em;
}

/*==================================================
  03. Footer
==================================================*/
footer.bg-white{
	background: #fff;
	color:#000;
}
footer p, footer span {
  padding-top: 10px;
  line-height: 1em;
  font-size: .8em;
  font-weight: 400;
}
footer a {
  padding: 0 1em;
  border-right: 1px solid #fff;
  color: #fff;
}
footer.bg-white a {
  border-right: 1px solid #000;
	color:#000;
}
footer a:first-child {
  padding-left: 0;
}
footer a:last-child {
  padding-right: 0;
  border-right: none;
}
footer a:hover {
  text-decoration: underline;
}
footer span {
  display: block;
  padding-top: 10px;
  text-align: right;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto 30px;
}

#totopbtn {
  position: fixed;
  z-index: 2;
  bottom: 5%;
  right: 2%;
}
#totopbtn > a {
  display: block;
  padding: 10px 10px 10px;
  text-decoration: none;
  border-radius: 3px;
  background: rgba(229, 0, 17, 0.8);
  color: #fff;
}
#totopbtn > a:hover {
  cursor: pointer;
}

/*-- Product--*/
body {
	font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', serif;
	text-transform: none;
	font-weight: 500;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
	min-width: 1088px;
	-webkit-text-size-adjust: 100%
}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', serif;
	font-weight: normal;
	margin: 0;
	margin: 0;
}

h4 { font-size: 150%;}
h6{ font-weight:600;}

p, ul, il, dl, dd, dt {
	margin: 0;
	padding: 0;
}
a {
	font-family:Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', serif;
	color: #000000;
	text-decoration: none;
	transition: 0.2s;
}
a:hover {
	color: #e50011;
	text-decoration: none;
}

a img { border: none;}

.text-right { text-align: right;}
.text-center { text-align: center;}
.bold { font-weight: bold;}
.small { font-size: 90%;}
.small80 { font-size: 80%;}
strong { font-size: 9px;}
.red{ color: #e50011;}

.red_b {
	font-weight: bold;
	color: #e50011;
}
.red-small {
	font-size: 90%;
	color: #e50011;
}

.large { font-size: 140%;}

.large-bold {
	font-size: 110%;
	font-weight: bold;
}
.large-bold-red {
	font-size: 110%;
	font-weight: bold;
	color: #e50011;
}

.txt28 { font-size: 28px;}
.txt120 { font-size: 120%;}
.txt130 { font-size: 130%;}
.txt140 { font-size: 140%;}
.txt160 { font-size: 160%;}

.note { color: #d61116;}

.catch-copy {
	font-size: 20px;
	line-height: 28px;
	color: #666666;
	font-weight: bold;
}
.catch-copy-red {
	color: #e50011;
	font-weight: bold;
}
.pink { color: #dd66bb;}

.pink-bold {
	color: #dd66bb;
	font-weight: bold;
}

.small_50 { font-size: 50%;}
.small_75 { font-size: 75%;}
.small_80 { font-size: 80%;}
.small_90 { font-size: 90%;}
/*---------------------------------------------------------------
	Top page
---------------------------------------------------------------*/
.inner-910{
	width:910px;
	margin:auto;
}
.hd-top-nav{
	display:flex;
	justify-content: space-around;
	box-sizing:border-box;
	width:910px;
	margin:auto;
	padding: 15px 0;
	background:#fff;
}
.hd-top-nav > a {
	display: block;
	width:250px;
}
.hd-top-nav > a:hover{
	transition: .3s;
	opacity: .5;
}
/*--	Product	--*/
.minititle-red{
	line-height: 1em;
	letter-spacing: -1px;
	font-size:2em;
  font-family: 'Oswald', sans-serif;
	font-weight:bold;
	color: #e50011;
}
.mg-hr-30px{ margin-top: 30px; margin-bottom: 30px;}

.mg-bt-10px{ margin-bottom:10px;}
.pd-bt-30px{ padding-bottom:30px;}
/*--	//	Product	--*/

.toppage-middle-01{
	width: 840px;
	margin:auto;
}
.banner-1col > a { display:block;}
.banner-1col > a:hover{
	transition: .3s;
	box-shadow: 0 0 5px 5px #ccc;
}
.tppg-md-lft{
	box-sizing:border-box;
	width: 246px;
}
.tppg-md-lft > a {
	display:block;
	margin-bottom: 20px;
}
.tppg-md-lft > a img:hover{
	transition: .3s;
	box-shadow: 0 0 5px 5px #ccc;
}
.tppg-md-lft p{
	line-height:1.2em;
	font-size:.8em;
}

.tppg-md-cntr{
	box-sizing:border-box;
	width: 300px;
}
.tppg-md-cntr >dl{
	display: flex;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.tppg-md-cntr >dl:last-child{ margin-bottom: 0;}
.tppg-md-cntr >dl dt {
	width: 126px;
	margin-right:3px;
}
.tppg-md-cntr >dl dt a img:hover{
	transition: .3s;
	box-shadow: 0 0 5px 5px #ccc;
}	
.tppg-md-cntr >dl dd {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 171px;
}
.tppg-md-cntr h5{
	line-height:1.2em;
	font-size:1.2em;
	font-weight: bolder;
}
.tppg-md-cntr h6 {
	display: flex;
	justify-content:space-around;
}
.tppg-md-cntr p{ text-align:right;}
.tppg-md-rght{
	box-sizing:border-box;
	width: 246px;
}
a.newslink{
	display:inline-block;
	margin-left:2em;
	letter-spacing:0;
	font-weight:normal;
	font-size:12px;
}
.newswrap{
	position:relative;
	overflow:auto;
	height:0;
	padding-top:570px;
	border: 1px solid #ccc;
}
.newswrap > iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*
-----------------------------------------------------------------
    container_header_img
-----------------------------------------------------------------
*/
#container_header_bottom {
	background-color: #000000;
	vertical-align: middle;
	display: block;
	position: relative;
	width: auto;
	height: auto;
}
#header_img_box {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	width: 980px;
	height: 168px;
	vertical-align: middle;
	display: block;
	position: relative;
	padding-top: 0px;
}

/*
-----------------------------------------------------------------
    container_main
-----------------------------------------------------------------
*/
#container_main {
	background-color: #FFFFFF;
	position: relative;
	display: block;
	clear: both;
	height: 100%;
	width: 100%;
}
#main {
	width: 980px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	position: relative;
	display: block;
	background-color: #FFFFFF;
}
#main_box {
	width: 840px;
	height: 100%;
	margin-right: 70px;
	margin-left: 70px;
	clear: both;
	position: relative;
	display: block;
	background-color: #FFFFFF;
}
#container_main:after {
	content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.container-middle-01{
	display:flex;
  justify-content: space-between;
	width: 1000px;
	margin: auto;
}
.sidebanners{
	box-sizing:border-box;
	width:246px;
}
.sidebanners > ul li { margin-bottom:10px;}
.sidebanners > ul p{ font-size:.8em;}
.middle-right-01{ width: 720px;}

/*
-----------------------------------------------------------------
   bottomcontent
-----------------------------------------------------------------
*/
#bottomcontent {
	width: 980px;
	margin: 0 auto;
}
#bottomcontent_inner {
	width: 840px;
	margin: 0 auto;
	padding-top: 10px;
}
#bottomcontent_inner > ul{
	display:flex;
	justify-content:space-between;
}
#bottomcontent_inner > ul li{ width:180px;}
#bottomcontent_inner > ul li img{ width:100%;}
#bottomcontent_inner > ul li:nth-child(2){ width:251px;}
#bottomcontent_inner > ul a{
	display:block;
	line-height:0;
}
#bottomcontent_inner > ul a:hover{
	transition:.3s;
	box-shadow: 0 0 5px 5px #ccc;
}
	
#bottomcontent_inner ul li p {
	padding: 0.5em 0 0 0.5em;
	font-size: 0.8em;
	line-height: 1.2em;
}

.instagram_widget > dl { padding-bottom: 7px;}
.instagram_widget > dl dt { float: left;}
.instagram_widget > dl dd {
	float: right;
	padding-top: 40px;
}

/*
-----------------------------------------------------------------
	Side banners
-----------------------------------------------------------------
*/
#left_box {
	float: left;
	height: 100%;
	width: 246px;
	position: relative;
	padding-right: 30px;
	display: block;
	padding-top: 20px;
}
#left_cont_box {
	clear: both;
	height: auto;
	width: 246px;
	position: relative;footer
}
#left_cont_box ul {
	clear: both;
	height: auto;
	width: 246px;
	position: relative;
	list-style-type: none;
}
#left_cont_box ul li {
	display: block;
	padding-bottom: 13px;
}
#left_cont_box ul li a {
	display: block;
	transition: 0.3s;
}
#left_cont_box ul li a:hover {
	display: block;
	margin: 0px;
	opacity:0.5;
}
#left_cont_box ul li a p {
	font-size: 80%;
	line-height: 120%;
	padding-top: 3px;
}
#left_cont_box ul li p {
	font-size: 80%;
	line-height: 120%;
	padding-top: 3px;
}
#left_cont_box ul #l_li_bottom {
	padding-bottom: 0px;
}


#left_box_bl {
	float: left;
	height: 100%;
	width: 246px;
	position: relative;
	padding-right: 30px;
	display: block;
	padding-top: 20px;
	background-color: #000;
}
#left_box_bl #left_cont_box ul li a p {
	font-size: 80%;
	line-height: 120%;
	padding-top: 3px;
	color: #FFF;
}

/*
-----------------------------------------------------------------
	Main contents
-----------------------------------------------------------------
*/
#main_cont_box {
	height: 100%;
	width: 564px;
	position: relative;
	display: block;
	float: left;
	padding-top: 20px;
}
#contents_box {
	display: block;
	clear: both;
	height: 100%;
	width: 564px;
	position: relative;
}
#main_cont_box_bl {
	height: 100%;
	width: 564px;
	position: relative;
	display: block;
	float: left;
	padding-top: 20px;
	background-color: #000;
}
#main_cont_box_clsvs {
	width: 634px;
	position: relative;
	display: block;
	float: left;
	padding-top: 20px;
	background-color: #000;
}
#main_cont_box_battle_works {
	width: 634px;
	position: relative;
	display: block;
	float: left;
	padding-top: 20px;
	background-color: #000;
}

#container_main_bl {
	background-color: #000000;
	vertical-align: middle;
	display: block;
	position: relative;
	width: auto;
	height: auto;
	color: #FFF
}
#container_main_bl:after {
	content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#main_bl {
	width: 980px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	position: relative;
	display: block;
	background-color: #000;
}
#main_box_clsvs {
	width: 910px;
	height: 100%;
	margin-left: 70px;
	clear: both;
	position: relative;
	display: block;
	background-color: #000;
}
#back_bl {
	background-color: #000;
}

/*
-----------------------------------------------------------------
	Event page
-----------------------------------------------------------------
*/
#event_year {
	height: 100%;
	width: 514px;
	padding-left: 50px;
	position: relative;
	padding-top: 30px;
}
#event_year ul {
	list-style-type: none;
}
#event_year ul li {
	float: left;
	padding-right: 75px;
	padding-bottom: 30px;
}
#event_year ul li a {
	display: block;
}
#event_year ul li a:hover {
	display: block;
	margin: 0px;
	opacity:0.7;
	zoom:1;
}
.event_click {
	float: right;
	text-align: right;
	height: 21px;
	vertical-align: middle;
}
.event_click p {
	height: 25px;
	vertical-align: middle;
	position: relative;
}
/*
-----------------------------------------------------------------
	Company page
-----------------------------------------------------------------
*/
.wdimg01 { padding: 50px 0;}
.mi_sub03 {
	display: inline-block;
	margin: 0 0 15px;
	padding: 0.1em 0.5em;
	border-left: solid 5px #e50011;
	line-height: 1em;
	font-size: 1.5em;
}
.mi_sub04 {
	margin: 30px 0 0 0;
	padding: 0.1em 0.5em;
	border-left: solid 5px #e50011;
	line-height: 1em;
	font-size: 1.5em;
}
.mi_sub05 {
	margin: 60px 0 0;
	padding: 0.3em 0.7em 0.2em;
	background: #000;
	color: #fff;
	line-height: 1em;
	font-size: 1.5em;
}
.mi_sub06 {
	margin: 30px 0 0 0;
	padding: 0.1em 0.5em;
	border-left: solid 5px #000;
	line-height: 1em;
	font-size: 1.5em;
}
.mi_line4 {
	display: inline-block;
	width: 450px;
	line-height: 0.2em;
	border-top: solid 1px #000;
}

.cmpny dl {
	padding: 15px 0 15px 30px;
	line-height: 1.8em;
	font-size: 1.2em;
}
.cmpny dl dt, .cmpny dl dd {
	display: inline-block;
	vertical-align: top;
}
.cmpny dl dt { width: 12em;}
.cmpny p { padding: 1em 0 0 2em;}

.shoplist ul {
	padding: 2em 0;
	list-style: none;
	border-bottom: solid 1px #999;
	line-height: 1em;
}
.shoplist ul:first-child { padding: 2em 0 0.3em;}
.shoplist ul li { display: inline-block;}
.shoplist ul li:nth-child(1) { width: 240px;}
.shoplist ul li:nth-child(2) { width: 230px;}

.tbl_area {
	margin: 15px 0;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	line-height: 1.5em;
}
.tbl_area tr:nth-child(odd) { background: #eee;}
.tbl_area tr:nth-child(even) {border-bottom: solid 1px #ccc;}
.tbl_area tr td { border-left: solid 1px #ccc; vertical-align: top;}
.tbl_area tr td:last-child { border-right: solid 1px #ccc;}

.tbl_soryo {
	margin: 15px 0;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	line-height: 1.8em;
}
.tbl_soryo thead tr th {
	background: #eee;
	padding: 0.5em 0.2em;
	border-right: solid 1px #ccc;
	vertical-align: top;
	text-align: left;
}
.tbl_soryo tr td {
	border-right: solid 1px #eee;
	border-bottom: solid 1px #ccc;
	font-size: 1.3em;
}
.tbl_soryo thead tr th:first-child {
	border-left: solid 1px #ccc;
	vertical-align: middle;
	text-align: center;
}
.tbl_soryo tr td:first-child {
	border-left: solid 1px #eee;
	font-size: 1.5em;
	font-weight: bold;
}

.tbl_soryo2 {
	margin: 15px 0;
	width: 100%;
	background: #eee;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	line-height: 1.8em;
}
.tbl_soryo2 tr td { border-left: solid 1px #eee;}
.tbl_soryo2 tr:last-child {
	background: #fff;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #ccc;
}

.soryo_info ul {
	list-style: none;
	padding: 15px 0;
}
.soryo_info ul li:before { content: '● ';}

.wdimg01 img { width:100%;}
/*
-----------------------------------------------------------------
	PRODUCT	pages
-----------------------------------------------------------------
*/
.product_list {
	height: 100%;
	width: 564px;
	padding-left: 0px;
	position: relative;
	padding-top: 0px;
}
.product_list ul {
	list-style-type: none;
}
.product_list ul li {
	float: none;
	padding-bottom: 30px;
	list-style-type: none;
}
.product_list ul li a {
	display: block;
	transition: 0.3s;
}
.product_list ul li a:hover {
	display: block;
	margin: 0px;
	opacity:0.5;
}
/*
-----------------------------------------------------------------
	News page
-----------------------------------------------------------------
*/
#news_information {
	position: relative;
	width: 100%;
	height: 2400px;
	margin-top: 20px;
	overflow: auto;
}

#news_information iframe {
	position: absolute;
	top: 0;
	left: 0;
}
/*
-----------------------------------------------------------------
	注文方法 page
-----------------------------------------------------------------
*/
.product_order {
	clear: both;
	height: 100%;
	width: 564px;
	position: relative;
	padding-top: 30px;
	display: block;
}
.product_order p {
	font-size: 100%;
	line-height: 200%;
}
.product_order dl {
	clear: both;
	height: 100%;
	width: 544px;
	position: relative;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 90%;
	line-height: 120%;
}
.product_order dl dt {
	display: block;
	float: left;
	height: 100%;
	width: 200px;
	position: relative;
	padding-right: 10px;
	font-size: 120%;
	padding-bottom: 20px;
}
.product_order dl dd {
	font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-transform: none;
	float: left;
	width: 334px;
	height: 100%;
	position: relative;
	display: block;
	font-size: 120%;
	padding-bottom: 20px;
	line-height: 140%;
}

/*
-----------------------------------------------------------------
	フルバケットシート page
-----------------------------------------------------------------
*/
.ul_area {
	clear: both;
	position: relative;
	display: inline-block;
}

/*
-----------------------------------------------------------------
	Products style 2017〜
-----------------------------------------------------------------
*/
.mi_name {
	width:100px;
	float:left;
	padding-left: 0.3em;
	border-left: solid 8px #fff;
	line-height: 1em;
	font-size: 1.5em;
}
.mi_name2 {
	width:85px;
	float:left;
	padding-left: 0.3em;
	border-left: solid 8px #fff;
	line-height: 1em;
	font-size: 1.5em;
}
.mi_name3 {
	width:50px;
	float:left;
	padding-left: 0.3em;
	border-left: solid 8px #fff;
	line-height: 1em;
	font-size: 1.5em;
}
.mi_name4 {
	width:70px;
	float:left;
	padding-left: 0.3em;
	border-left: solid 8px #fff;
	line-height: 1em;
	font-size: 1.5em;
}
div.miTitle{
  display: flex;
  align-items: center;
}
div.miTitle div.name{
  margin-right: 1.5em;
	padding-left: 0.3em;
	border-left: solid 8px #fff;
	line-height: 1em;
	font-size: 1.5em;
}
div.miTitle div.line{
  flex: 1;
  width: 90%;
  height: 1px;
  background: #fff;
}

.mi_line {
	width: 446px;
	height: 2px;
	margin-top: 7px;
	float:left;
	background: #fff;
}
.mi_line2 {
	width: 530px;
	height: 2px;
	margin-top: 7px;
	float:left;
	background: #fff;
}
.mi_line3 {
	width: 630px;
	height: 2px;
	margin-top: 7px;
	float:left;
	background: #fff;
}
.mi_line4 {
	width: 610px;
	height: 2px;
	margin-top: 7px;
	float:left;
	background: #fff;
}
.mi_line5 {
	width: 510px;
	height: 2px;
	margin-top: 7px;
	float:left;
	background: #fff;
}
.mi_line6 {
	width: 590px;
	height: 2px;
	margin-top: 7px;
	float:left;
	background: #fff;
}
.mi_flex > h2 {
	padding-left: 0.3em;
	border-left: solid 8px #fff;
	line-height: 1em;
	font-weight:normal;
	font-size: 1.8em;
}
.mi_flex > h2:after {
	display: inline-block;
	width:77%;
	margin-left:1em;
	content:"";
	vertical-align:middle;
	border-top: 1px solid #fff;
}
.mi_tittle:after{
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/*
-----------------------------------------------------------------
	CLS-VSシリーズ pages
-----------------------------------------------------------------
*/
.clsvs_list, .clsvs_list_set {
	width: 634px;
	border-top: solid 1px #fff;
}
.clsvs_list ul {
	padding: 20px 0;
	border-bottom: solid 1px #fff;
}
.clsvs_list ul li, .clsvs_list_set ul li {
	float: left;
	padding-right: 10px;
	list-style: none;
}

.clsvs_list_set ul {
	margin: 15px 0;
	padding: 10px 0;
	list-style: none;
	background: #616a76;
}
.clsvs_list_set ul li:first-child {
	width: 352px;
	overflow: hidden;
}
.clsvs_list_set ul li img {
	float: left;
	padding: 4px;
}

.clsvs_list ul li a, .clsvs_list_set ul li img,
.clsvs_cart_btn02 a {transition: 0.3s;}
.clsvs_list ul li a:hover, .clsvs_list_set ul li img:hover,
.clsvs_cart_btn02 a:hover { opacity: 0.5;}
p.list_item { font-size: 1.3em; }
p.list_price {
	display: inline-block;
	width: 130px;
	font-size: 1.4em;
	line-height: 3em;
}
p.cart_btn {
	display: inline-block;
	width: 111px;
	padding: 0px 0 0 0px;
	vertical-align:middle;
}
span.txt06em { font-size: 0.6em; }
.clsvs_list ul li.w170 { width: 170px; }
.clsvs_list ul:after, .clsvs_list_set ul:after {
	content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

p.list_price02 {
	width: 50px;
	float: left;
	font-size: 1.4em;
	line-height: 3em;
	padding-right:50px;
}

p.clsvs_cart_btn02 {
	clear: left;
	float: right;
	padding-right: 20px;
}

p.clsvs_battle_works { padding:20px 0 0 354px;}

p.clsvs_tc01{ padding:20px 0 0 360px;}

li.clsvs_battleworks{
	width:264px;
  float:left;
}

.logo_ptn01 { width: inherit;}
.logo_ptn02 { width: 407px;}

.logo_ptn01 img, .logo_ptn02 img { width: 100%;}

p.list_200hiace_item { font-size: 1.3em; }
p.list_200hiace_price {
	width: 130px;
	float: left;
	font-size: 1.4em;
	line-height: 3em;
}
p.200hiace_cart_btn {
	padding: 7px 0 0 40px;
	float: left;
}

.clsvs_200hiace_list p.cart_btn { padding: 7px 0 0 20px;}
span.200hiace_txt06em { font-size: 0.6em; }
.clsvs_200hiace_list ul li.w170 { width: 170px; }
.clsvs_200hiace_list ul:after {
	content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

p.list_200hiace_price02 {
	width: 50px;
	float: left;
	font-size: 1.4em;
	line-height: 3em;
	padding-right:50px;
}

p.cart_btn02 {
	float:right;
	padding:7px 10px 0 0;
}
p.cart_btn02 a {transition: 0.3s;}
p.cart_btn02 a:hover { opacity: 0.5;}

p.battle_works { padding:20px 0 0 354px;}

p.tc01 { padding:20px 0 0 360px;}

li.battleworks{
	width:264px;
    float:left;
}

/*
-----------------------------------------------------------------
	Battle Works, Battle Flap pages
-----------------------------------------------------------------
*/
span.font-color{ color:yellow;}

ul li p.text { color:white;}

li.battle_works_notes {
	width:600px;
	height:250px;
}

/*---------------------------------------------------------------
----- Product basic ---------------------------------------------
---------------------------------------------------------------*/
#container_blk, #footer02 { position: relative;}
#container-inner, #footer-inner { position: static;}
#alpha, #beta { float: left;}

#container_blk, #footer02 {
	background: #000;
	color: #fff;
}
#container_blk p {
	color:#fff;
}
#container-inner {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
}
#alpha {
	width: 246px;
	margin-right: 34px;
}
#beta { width: 700px;}

/*---Product CrearFix---------------------------------------*/
#container-inner:after, #footer-inner:after, .ft_menu ul:after,
.product_gallery01 ul:after, .product_gallery02 ul:after,
.product_list02 ul:after, .product_list02 ul li dl:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
/*---Product Common-------------------------------------------*/
#alpha ul { list-style: none;}
#alpha ul li { padding-bottom: 15px;}
#alpha a, .product_gallery01 ul li a,.product_gallery02 ul li a,
.product_list02 ul li a { transition: 0.3s;}
#alpha a:hover, .product_gallery01 ul li a:hover, .product_gallery02 ul li a:hover,
.product_list02 ul li a:hover { opacity: 0.5;}
#alpha p {
	padding: 3px 0 0;
	font-size: 0.8em;
	line-height: 1.2em;
}
.product_main01 { padding: 30px 0;}
/* .product_main01 { padding: 30px 0;} */
.product_main01 img, .product_main02 img, .product_main03 img,
.product_main04 img, .product_gallery01 ul li img, .product_list02 ul li img,
.product_list02 ul li dl dd img, .product_gallery02 ul li img{ width: 100%;}
.product_main02 { padding: 15px 0;}
.product_main03 { padding: 15px 0 0;}
.product_main04 { padding: 0;}
.product_gallery01 ul, .product_gallery02 ul {
	padding-bottom: 20px;
	list-style: none;
}
.product_gallery01 ul li {
	width: 220px;
	padding-right: 20px;
	float: left;
}
.product_gallery02 ul li {
	width: 330px;
	padding-right: 40px;
	float: left;
}
.product_gallery01 ul li:last-child,
.product_gallery02 ul li:last-child { padding-right: 0;}

.product_gallery03 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.product_gallery03 a {
	display:block;
	width: 220px;
	padding-bottom:20px;
}
.product_gallery03 a img:hover {
	transition:all 0.3s;
	opacity:0.5;
}

.product_list02 { border-top: solid 1px #fff;}
.product_list02 ul {
	padding: 30px 0;
	border-bottom: solid 1px #fff;
	list-style: none;
}
ul.product_list02_set01 {
	margin: 15px 0;
	padding: 15px 0;
	background: #616a76;
	border-bottom: none;
}
ul.product_list02_set01 li a img {padding-bottom: 5px;}
.product_list02 ul li {
	width: 180px;
	padding-right: 10px;
	float: left;
}
.product_list02 ul li:last-child {
	width: 305px;
	padding: 0 5px 0 10px;
}
.product_list02 ul li.ptn01 {
	width: 117px;
	padding-right: 5px;
}

.product_list02 ul li.battle_works_notes {
	width:600px;
　　height:250px;
}

.product_list02 ul li.ptn02 { width: 247px;}
.product_list02 ul li.ptn03 { width: 370px;}

.product_list02 ul li h6 {
	line-height: 1.2em;
	font-size: 1.3em;
}
.product_list02 ul li p { line-height: 1.2em;}
.product_list02 ul li dl { padding: 15px 0 0;}
.product_list02 ul li dl dt {
	width: 180px;
	padding: 0.5em 0 0;
	float: left;
	font-size: 1.7em;
}
.product_list02 ul li dl dt span { font-size: 0.6em;}
.product_list02 ul li dl dd {
	width: 120px;
	float: right;
}

ul.product_list02_opt01 {
	margin: 15px 0;
	padding: 15px 5px;
	background: #dcdcdd;
	border-bottom: none;
}
ul.product_list02_opt01 li { color: #000;}
ul.product_list02_opt01 li a img {padding-bottom: 5px;}
ul.product_list02_opt01 li.copy02 {
	width: 450px;
	padding: 10px 5px 0 30px;
	line-height: 1.4em;
	font: 1.1em "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ,
		"HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.product_listFlex { border-top: 1px solid #fff;}
.product_listFlex ul {
	display:flex;
	padding: 30px 0;
	list-style:none;
	line-height:1em;
	border-bottom: 1px solid #fff;
}
.product_listFlex ul li {
	box-sizing:border-box;
	width:190px;
	padding-right:10px;
}
.product_listFlex ul li:last-child {
	width: 320px;
	padding-right:0;
}
.product_listFlex ul li.col2row2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:380px;
}
.product_listFlex ul li.col2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:380px;
}

li.col2row2 a {
	display:block;
	width:48.7%;
	padding-bottom:3%;
	/* padding-bottom:2%; */
}
li.col2 a {
	display:block;
	padding-bottom:2%;
}
.product_listFlex h6 {
	padding-bottom:15px;
	line-height:1.2em;
	font-size:1.6em;
}
.product_listFlex p {
	line-height:1.2em;
	font-size:1.2em;
}
.product_listFlex dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}
.product_listFlex dl dt {
	min-width:50%;
	line-height:1em;
	font-size: 1.8em;
}
.product_listFlex dl dd {
	width:120px;
}
.product_listFlex a:hover {
	transition:all 0.3s;
	opacity:0.5;
}

ul.specDetail {
	display: flex;
	list-style:none;
}
ul.specDetail li {
	box-sizing:border-box;
	width:50%;
	padding: 0 2.5%;
}
ul.specDetail h4 {
	margin-bottom: 0.7em;
	padding: 10px 0;
	text-align: center;
	font-size:1.8em;
	border: 1px solid #fff;
	border-radius: 20px;
}
ul.specDetail h5 {
	padding-bottom: 0.5em;
	font-size:1.5em;
}
ul.specDetail h6 {
	padding-top:0.8em;
	font-size:1.8em;
}
ul.specDetail p {
	font-size:1.2em;
}
.line_fff {
	content: "";
	display: block;
	height: 0.1em;
	font-size: 0.1em;
	line-height: 0;
	border-bottom: solid 1px #fff;
}
/*
-----------------------------------------------------------------
	Products
-----------------------------------------------------------------
*/
.minititle-red{
	line-height: 1em;
	letter-spacing: -1px;
	font-size:2em;
  font-family: 'Oswald', sans-serif;
	font-weight:bold;
	color: #e50011;
}
.mi_pagetittle01, .mi_sub01, .mi_sub02 { width: inherit;}
.mi_pagetittle01 { padding: 0 0 15px;}
.mi_sub01 {
	padding: 20px 0;
	border-bottom: solid 1px #e50011;
}
.mi_sub02 { padding-bottom: 20px;}

.mi_itemtitle01, .mi_itemtitle02{
	display: flex;
	line-height:1em;
	font-size:1.8em;
}
.mi_itemtitle01::after{
	content:"";
	box-sizing:border-box;
	width:90%;
	max-width:510px;
	margin-left:1em;
	margin-top:7px;
	border-top:1px solid #fff;
}
.mi_itemtitle02::after{
	content:"";
	box-sizing:border-box;
	width:90%;
	max-width:450px;
	margin-left:1em;
	margin-top:7px;
	border-top:1px solid #fff;
}

p.copy01 {
	padding: 20px 0;
	line-height: 1em;
	font-size: 1.3em;
}
.cls_index ul {
	list-style:none;
	padding: 0 0 50px;
}
.cls_index ul li {
	width: 165px;
	padding-right: 34px;
	float: left;
}
.cls_index ul li:last-child {padding-right: 0;}
.cls_index ul li a {transition: 0.3s;}
.cls_index ul li a:hover { opacity: 0.5;}
.cls_index ul li p {
	margin: 10px 0 0;
	padding-left: 0.3em;
	border-left: solid 2px #e50011;
	line-height: 1.4em;
}
.cls_index ul li p span {
	font-size: 1.3em;
	font-weight: bolder;
}
.cls_index ul li h6 { padding: 10px 0 0;}

.flex-wrp-btw {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	clear: both;
}
.flex-btw{
	display:flex;
	justify-content:space-between;
}
.mg-hr-30px{ margin-top: 30px; margin-bottom: 30px;}

.mg-tp-sm { margin-top: 30px;}
.mg-tp-md { margin-top: 60px;}
.mg-tp-lg { margin-top: 90px;}
.mg-bt-txt-sm { margin-bottom: 1em;}
.mg-bt-txt-md { margin-bottom: 1.5em;}
.mg-bt-txt-lg { margin-bottom: 2em;}
.mg-bt-sm { margin-bottom: 30px;}
.mg-bt-md { margin-bottom: 60px;}
.mg-bt-lg { margin-bottom: 90px;}
.mg-bt-10px{ margin-bottom:10px;}
.pd-bt-30px{ padding-bottom:30px;}

.ft-sm { font-size: 0.8em;}
.ft-sz-ssm { font-size: 0.6em;}

.clrYll { color:#fdd000;}
.clrorng { color:#F60;}
.clrred { color:#ff0000;}

.mi_pagetittle01 img, .mi_sub01 img, .mi_sub02 img,
.cls_index ul li a img, .cls_index ul li h6 img,
.retina img { width: 100%;}

.cls_index ul:after, .clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/*
-----------------------------------------------------------------
   fullbucket_seat main box
-----------------------------------------------------------------
*/

.fullbucket_seat_kounyuu img{
	 width: 130px;
	float: right;
}
.fullbucket_seat_kounyuu img:hover {
	opacity: 0.5;
	transition:all 0.3s;
}
.ul_w196 {
	list-style-type: none;
	position: relative;
	left: 5px;
}
.ul_w196 li {
	float: left;
	width: 196px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.ul_w196 li.li_w196_r {
	float: left;
	width: 196px;
	padding-right: 0px;
}
.ul_w196 li a {
	display: block;
}

.ul_w196 li a:hover {
	display: block;
	margin: 0px;
	filter: alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
	zoom:1;
}
.maincnt07 {
	width: inherit;
	padding: 0 0 100px;
}
.maincnt07 ul {
	padding: 0 0 10px;
	list-style:none;
}
.maincnt07 ul li {
	width: 310px;
	padding-right: 10px;
	float: left;
}
.maincnt07 ul li:last-child { padding-right: 0;}

.maincnt07 ul li a:hover {opacity: 0.6;}
.maincnt07 ul:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.product_list03 { border-top: solid 1px #fff;}
.product_list03 ul {
	padding: 15px 0;
	border-bottom: solid 1px #fff;
	list-style: none;
}
.product_name{
	float: left;
	font-size: 15px;
}
.product_price{
	font-size: 20px;
	font-weight: bold;
	position: relative;
	left: 230px;
	top: 10px;

}
.text_contents h6 {
	font-size: 20px;
	line-height: 26px;
	padding: 15px 0;
}
.text_contents p{
	line-height: 28px;
}
.text_contents {
  text-align: center;
	margin: 50px 0 80px 0;
}

/*
-----------------------------------------------------------------
 2020.11.16  syaken img　＆　text right justified
-----------------------------------------------------------------
*/
.retina_syaken img { width: 60%;}

.text_r {
	width: 60%;
	margin-right:0px;
	margin-left:auto;
	padding-bottom:30px;
	position: relative;
  bottom: 30px;
}

/*
-----------------------------------------------------------------
 2021.01.26  Barrel_Jimny title_text
-----------------------------------------------------------------
*/
.mi_barrel_title01, .mi_barrel_title02{
	display: flex;
	line-height:1em;
	font-size:1.5em;
}
.mi_barrel_title01::after{
	content:"";
	box-sizing:border-box;
	width:90%;
	max-width:375px;
	margin-left:1em;
	margin-top:7px;
	border-top:1px solid #fff;
}
.mi_barrel_title02::after{
	content:"";
	box-sizing:border-box;
	width:90%;
	max-width:355px;
	margin-left:1em;
	margin-top:7px;
	border-top:1px solid #fff;
}
.ft-bg { font-weight: 600;}


/*
-----------------------------------------------------------------
 2022.05.13  cls-vs hijet
-----------------------------------------------------------------
*/

.hijet-title{
	font-size:25px;
	margin-bottom: 25px;
	margin-top: 50px;
	letter-spacing: 2px;
}

.red-miner{
	color:red;
	font-size:15px;
	line-height: 2;
}

.red-cpy {
	font-size:12px;
	color: red;
	border: none;
	
}

/*
-----------------------------------------------------------------
 2022.09.22  cls-up Jimny
-----------------------------------------------------------------
*/

.space{
	margin-bottom: 50px;
}

/*
-----------------------------------------------------------------
 2023.01.12 　ニューリリース　
-----------------------------------------------------------------
*/

.tppg-md-cntr >dl{
	margin-bottom: 23px;
}

/*
-----------------------------------------------------------------
 2024.10.29 　ニューリリース　
-----------------------------------------------------------------
*/

.rm-alt-flex {
	padding: 0 0 20px !important;
}

/*
-----------------------------------------------------------------
 2025.7.11 　追加　
-----------------------------------------------------------------
*/

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

.add-pddng {
	padding: 0 0 30px;
}

/*
-----------------------------------------------------------------
 2025.12.1 　追加　
-----------------------------------------------------------------
*/.hd-time .time{
	font-size: 12px;
}
.hd-time{
	margin-bottom: 0.5em;
}

.time span,.holiday span{
    font-weight: 200;
    border: solid 0.5px;
    padding: 1.5px;
    margin-right: 6px;
}

.holiday span{
	margin-right: 18px;
}

.time02{
	margin-left: 5em;
}

.cmpny .mi_sub04 span{
  font-size: 14px;
}
/* 2026.01.06 */
table.textCenter {
  td {
    text-align: center;
  }
}