/* //////////////////////////////////////////////////////////////// */
/* つぶつぶ                                                         */
/* //////////////////////////////////////////////////////////////// */

/* アンダーライン */
.under{
	text-decoration:underline;
}

/* 太字 */
.font-bold{
	font-weight:bold
}

/* スマホ時 */
@media (max-width: 736px) {

	/* タイプ規格の文字を小さく */
	.font10{
	  font-size: 12px;
	}

	/* リボン規格の文字を小さく */
	.inline-radio100 label {
		font-size: 13px;
	}
}

/* 余白 */
.mb15em{
   margin-bottom: 1.5em;
}
.mb25em{
   margin-bottom: 2.5em;
}

/* 余白 */
.mbt15em{
   margin-top: 1.5em;
   margin-left: 15px;
}

.pad10{ /* 2021 [上][右][下][左] */
  padding: 10px 10px 0px 10px;
}
.pad15{ /* 2022 [上][右][下][左] */
  padding: 10px 10px 0px 15px;
}
.pad20{ /* 2021 [上][右][下][左] */
  padding: 10px 15px 0px 20px;
}

/* 赤文字 */
.red-font {
  color: red;
}

/* 白文字 */
.white-font {
  color: white;
}

/* 白文字 */
.gray-font {
  color: #333333;
}

.gray-back{
  background:#f9f9f9;
}

/* radio button */
*,
*::before,
*::after {
  box-sizing: border-box;
}

group + group {
  margin-top: 5px;
}

/* Title */
.subtitle {
	padding: 1px 20px;
	margin: 30px 0 30px; /* 2021 0 0 20px */
	/* 2021 18px; */
	/* background:RGB(163,11,26);  2021 #f0f0f0 */
	background:#f0f0f0;
	color:#333333; /* 2021 #967e4b */
	text-transform:uppercase;

  border-left: 6px solid #7f7f84; /* 2021 */
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2); /* 2021 */
}

/* alert */
.alert-osinfo {
  color: #252a2f;
  background-color: #ffffff;
  border-color: RGB(163,11,26);
}
.alert-osinfo2 {
  color: #252a2f;
  background-color: #fee4e4;
  border-color: RGB(163,11,26);
}

.brand-head{
  padding: 10px 20px;
  margin:0 0 20px;
  font-size:16px;
  background:#f4f4f4;
  text-transform:uppercase;
  border:1px solid #d5d5d5;
}

/* //////////////////////////////////////////////////////////////// */
/* Button                                                           */
/* //////////////////////////////////////////////////////////////// */
.btn_blue {
    display: block;
    max-width: 450px;
    margin: 0 auto;
    padding: 1rem 3.0rem;
    background-color: #0052B3; /* ボタンの背景 */
    border-radius: 8px;
	  box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
}
.btn_blue span.white_txt {
    display: block;
    position: relative;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-left: 30px;
}
.btn_blue span.white_txt:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.btn_blue span.white_txt:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #1755aa;
    border-right: 3px solid #1755aa;
	  box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
.btn_blue:hover {
    background-color: #01b5d0;
}
.btn_blue:hover span.white_txt:after {
    border-top: 3px solid #01b5d0;
    border-right: 3px solid #01b5d0;
}

@media (max-width: 736px) {
    .btn_blue {
        max-width: 450px;
        padding: 1.5rem 2.0rem;
    }
    .btn_blue span.white_txt {
        font-size: 20px;
    }
}

/* gray */
.btn_gray {
    display: block;
    max-width: 250px;
    margin: 0 auto;
    padding: 1.5rem 3.0rem;
    background-color: #333333; /* ボタンの背景 */
    border-radius: 8px;
	  box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
}
.btn_gray span.white_txt {
    display: block;
    position: relative;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-left: 30px;
}
.btn_gray span.white_txt:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.btn_gray span.white_txt:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #1755aa;
    border-right: 3px solid #1755aa;
	  box-sizing: border-box;
    transform: rotate(-135deg);
    position: absolute;
    top: 0;
    left: 7px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
.btn_gray:hover {
    background-color: #999999;
}
.btn_gray:hover span.white_txt:after {
    border-top: 3px solid #999999;
    border-right: 3px solid #999999;
}

@media (max-width: 736px) {
    .btn_gray {
        max-width: 250px;
        padding: 1.5rem 2.0rem;
    }
    .btn_gray span.white_txt {
        font-size: 14px;
    }
}

/* orange */
.btn-orange {
  color: #fff;
  background-color: #D35034;
  border-color: #ad3d25;
}
.btn-send:hover,
.btn-send:focus,
.btn-send.focus,
.btn-send:active,
.btn-send.active,
.open > .dropdown-toggle.btn-send {
  color: #fff;
  background-color: #ad3d25;
}

/* //////////////////////////////////////////////////////////////// */
/* Table                                                            */
/* //////////////////////////////////////////////////////////////// */

/* Fix Size */
.th15 {width: 15%;}
.th20 {width: 20%;}
.th30 {width: 30%;}
.th40 {width: 40%;}
.th50 {width: 50%;}
.th60 {width: 60%;}
.th70 {width: 70%;}
.th80 {width: 80%;}

/* for common */
.com-table{
  margin-top:30px;
  background:#fff;
  text-transform:uppercase;
}
.com-table thead{
  background:#f9f9f9;
}
.com-table tbody > tr > td a:hover{
  color:#252a2f;
}
.com-table td{
  text-align:left;
  font-size:20px;
}
.com-table td{
  text-align:left;
  font-size:20px;
}
.com-table .price{
  text-align:right;
}
.com-table .center-head{
  text-align:center;
}
.com-table img{
   border: none;
}
.com-table .rating .fa-star{
  color:RGB(163,11,26);
}

/* for common センタリングなし*/
.com-table22{
  margin-top:30px;
  background:#fff;
  text-transform:uppercase;
}
.com-table2 thead{
  background:#f9f9f9;
}
.com-table2 tbody > tr > td a:hover{
  color:#252a2f;
}
.com-table2 td{
  text-align:left;
}
.com-table2 td{
  text-align:left;
}
.com-table2 .price{
  text-align:right;
}
.com-table2 .center-head{
  text-align:left;
}
.com-table2 img{
   border: none;
}
.com-table2 .rating .fa-star{
  color:RGB(163,11,26);
}

/* for wheelwriter spec */
.ibm-table{
  margin-top:30px;
  background:#fff;
  text-transform:uppercase;
}
.ibm-table thead{
  background:#f9f9f9;
}
.ibm-table tbody > tr > td a:hover{
  color:#252a2f;
}
.ibm-table td{
}
.ibm-table td{
}
.ibm-table img{
   border: none;
}
.ibm-table .rating .fa-star{
  color:RGB(163,11,26);
}

/* for ribbon */
.ribbon-img{
	width: 10%;
	text-align: center;
}
.ribbon-name{
	width: 75%;
	text-align: left;
	background: #f4f4f4;
}
.ribbon-price{
	width: 15%;
	text-align:center;
	background: #f4f4f4;
}
.ribbon-table{
  margin-top:0px;
  background:#fff;
  /* text-transform:uppercase; 2021 */
}
.ribbon-table thead{
  background:#333333;
}
.ribbon-table thead > tr > td{
  font-size:15px;
  font-weight:600;
  font-weight:normal;
}
.ribbon-table tbody > tr > td a{ /* 2021 */
  /* color:#252a2f; */
}
.ribbon-table tbody > tr > td a:hover{
  /* 2021 color:#252a2f; */
  color:#1a73e8; /* 2021 リボンリストのタイトル ★ */
}
.ribbon-table td{
  font-size:20px;
}
.ribbon-table img{
   border: none;
}
.ribbon-table .rating .fa-star{
  color:RGB(163,11,26);
}

/* for select リボン*/
.ribbon-table_manual{
  margin-top:30px;
  background:#fff;
  text-transform:uppercase;
}
.ribbon-table_manual thead{
  background:#f9f9f9;
}
.ribbon-table_manual tbody > tr > td a:hover{
  color:#252a2f;
}
.ribbon-table_manual td{
  font-size:20px;
}
.ribbon-table_manual img{
   border: none;
}
.ribbon-table_manual .rating .fa-star{
  color:RGB(163,11,26);
}

/* for shipping */
.shipping-table{
  margin-top:30px;
  background:#fff;
  text-transform:uppercase;
}
.shipping-table thead{
  background:#f9f9f9;
}
.shipping-table tbody > tr > td a:hover{
  color:#252a2f;
}
.shipping-table td{
  text-align:center;
  font-size:20px;
}
.shipping-table img{
   border: none;
}
.shipping-table .rating .fa-star{
  color:RGB(163,11,26);
}

/* //////////////////////////////////////////////////////////////// */
/* Radio Button Inline                                              */
/* //////////////////////////////////////////////////////////////// */
.inline-radio_incart {
  margin:0px 0px 0px 40px;
  display: flex;
  overflow: hidden;
}
.inline-radio_incart select {
  width: 40%;
	margin-right: 10px;
}

.inline-radio {
  width: 80%;
  display: flex;
  border-radius: 3px;
  /* overflow: hidden */
  border: 1px solid #b6b6b6;
}

.inline-radio div {
  position: relative;
  flex: 1;
}

.inline-radio input {
  width: 100%;
  height: 20px; /* 2021 */
	margin-right: 10px;
  opacity: 0;
}
.inline-radio label {
  position: absolute;
  top: 0;
  left: 0;
  color: #b6b6b6;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border-right: 1px solid #b6b6b6;
}
.inline-radio div:last-child label {
  border-right: 0;
}
.inline-radio input:checked + label {
  background: #d81b60;
  font-weight: 500;
  color: #fff;
}

/* width100% */
.inline-radio100 {
  width: 100%;
  display: flex;
  border-radius: 3px;
  /* overflow: hidden */
  border: 1px solid #b6b6b6;
}
.inline-radio100 div {
  position: relative;
  flex: 1;
}
.inline-radio100 input {
  width: 100%;
  height: 20px;
	margin-right: 10px;
  opacity: 0;
}
.inline-radio100 label {
  position: absolute;
  top: 0;
  left: 0;
  color: #b6b6b6;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border-right: 1px solid #b6b6b6;
}
.inline-radio100 div:last-child label {
  border-right: 0;
}
.inline-radio100 input:checked + label {
  background: #d81b60;
  font-weight: 500;
  color: #fff;
}

/* //////////////////////////////////////////////////////////////// */
/* iOS ズームしない対策                                             */
/* //////////////////////////////////////////////////////////////// */
input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
}
input[type="email"] {
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
}
input[type="tel"] {
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* //////////////////////////////////////////////////////////////// */
/* LINKBOX                                                          */
/* //////////////////////////////////////////////////////////////// */

/* hover色変更なし */
.linkbox_nohover {
    position: relative;
}
.linkbox_nohover a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.linkbox_nohover {
    border: solid 2px #000000;
}

/* hover色変更あり */
.linkbox {
    position: relative;
}
.linkbox a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.linkbox {
    border: solid 2px #000000;
}
.linkbox a:hover{
    opacity: 0.1;
    background-color: #000000;
}

/* //////////////////////////////////////////////////////////////// */
/* Accordion                                                        */
/* //////////////////////////////////////////////////////////////// */
.acc-container {
  width:80%;
  margin:0px auto 0 auto;
  overflow: hidden;
}
.acc-btn { 
  padding:5px 15px 15px 15px;
  height: 30px;
}
.acc-content {
  width:100%;
  margin:0 auto;
  display: none;
  padding:0px 0px 0px 0px;
  text-align: left;
}

.acc-btn_spec { 
  padding:10px 10px 50px 0px;
  height: 30px;
}
.acc-content_spec {
  width:100%;
  margin:100 auto;
  display: none;
  padding:10px 10px 10px 10px;
  text-align: left;
}

.acc-btn_lineup { 
  padding:15px 10px 10px 10px;
  height: 50px;

  width: 90%;
  font-size: 14px;
  margin:auto auto 30px auto;
}
.acc-content_lineup {
  width:100%;
  margin:100 auto;
  display: none;
  padding:10px 10px 10px 10px;
  text-align: left;
}

/* //////////////////////////////////////////////////////////////// */
/* Left Columns Information Panel                                   */
/* //////////////////////////////////////////////////////////////// */
.shape{  
  border-style: solid; border-width: 0 40px 40px 0; float:right; height: 0px; width: 0px;
  -webkit-transform: rotate(360deg);  
  -moz-transform: rotate(360deg);  
  -o-transform: rotate(360deg);  
  transform: rotate(360deg); 
}
.shape-text{
  color:#fff; font-size:12px; font-weight:bold; position:relative; right:-22px; top:-3px; white-space: nowrap;
  -ms-transform:rotate(30deg); /* IE 9 */
  -o-transform: rotate(360deg);  /* Opera 10.5 */
  -webkit-transform:rotate(46deg); /* Safari and Chrome */
  transform:rotate(46deg);
}
.offer{
  background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.shape {
  border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-radius{
  border-radius:7px;
}
.offer-danger {  border-color: RGB(163,11,26); }
.offer-danger .shape{
  border-color: transparent RGB(163,11,26) transparent transparent;
}
.offer-success {  border-color: #5cb85c; }
.offer-success .shape{
  border-color: transparent #5cb85c transparent transparent;
}
.offer-default {  border-color: #999999; }
.offer-default .shape{
  border-color: transparent #999999 transparent transparent;
}
.offer-primary {  border-color: #428bca; }
.offer-primary .shape{
  border-color: transparent #428bca transparent transparent;
}
.offer-info {  border-color: #5bc0de; }
.offer-info .shape{
  border-color: transparent #5bc0de transparent transparent;
}
.offer-warning {  border-color: #f0ad4e; }
.offer-warning .shape{
  border-color: transparent #f0ad4e transparent transparent;
}
.offer-content{
  padding:0 20px 10px;
}
.offer-contentgeo{
  padding:0 20px 10px; font-size:12px; color:#333333;line-height:140%;
}

/* //////////////////////////////////////////////////////////////// */
/* FAQ Right side Icon                                              */
/* //////////////////////////////////////////////////////////////// */
.faqHeader {
  font-size: 20px;
  margin: 20px;
}
.panel-heading [data-toggle="collapse"]:after {
  font-family: 'Glyphicons Halflings';
  content: "\e072"; /* play icon */
  float: right;
  color: #F58723;
  line-height: 22px;
  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #454444;
}


/* //////////////////////////////////////////////////////////////// */
/* youtube                                                          */
/* //////////////////////////////////////////////////////////////// */
.move{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.move iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* //////////////////////////////////////////////////////////////// */
/* SNS      　                                                      */
/* //////////////////////////////////////////////////////////////// */
/* ボタン全体 */
.flowbtn6{
border-radius:13px;
position:relative;
display:inline-block;
width:50px;
height:50px;
font-size:33px;
color:#fff!important;
transition:.5s;
text-decoration:none;
}	
/* アイコンを真ん中に*/
.flowbtn6 i{
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
/* ulタグの内側余白を0にする */
ul.snsbtniti{
padding:0!important;
list-style: none;
}

/* アイコンボタン全体の位置 */
.snsbtniti{
display:flex;
justify-content:space-around;
}
/* アイコンボタン同士の余白 */
.snsbtniti li{
flex:0 0 5%;
text-align:center!important;
}

/* アイコンボタンにマウスを乗せた時 */
.flowbtn6:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Instagramアイコン位置 */
.insta_btn6 .fa-instagram{
font-size:40px;
}
/* Instagram紫グラデ背景 */
.insta_btn6 {
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;	
}
/* Instagramオレンジグラデ背景 */
.insta_btn6:before{
content: '';
position: absolute;
top:27px;
left:-12px;
width:59px;
height:40px;
background:-webkit-radial-gradient(#ffdb2c 7%, rgba(255, 105, 34, 0.3) 60%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 7%, rgba(255, 105, 34, 0.3) 60%, rgba(255, 88, 96, 0) 70%);
}
/* Facebookアイコン位置 */
.fl_fb6 .fa-facebook-f{
position:relative;
top:25px;
left:13px;
font-size:43px;
}
/* Facebookアイコン背景*/
.fl_fb6{
background:-webkit-linear-gradient(top, #5c80c6 0%, #34528c 74%);	
background:linear-gradient(to bottom, #5c80c6 0%, #34528c 74%);	
}
/* YouTube */
.fl_yu6 {
color:#fc0d1c!important;
box-shadow:0 0 2px #888;
	background:#fff;

}
/* LINE@ */
.fl_li6{
background:#00c300;
}
/* メール */
.fl_ma6{
background:linear-gradient(135deg, #1B77F1 0%,#19BDFC 100%);
}

/* //////////////////////////////////////////////////////////////// */
/* Standard Styles                                                  */
/* //////////////////////////////////////////////////////////////// */

body{
	background:#fff;
	color:#252a2f;
	font:14px/22px 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif; /* 2021 14px/22px */
}

a{
	/* color:RGB(163,11,26); 2021 */
	color:#1a73e8; /* 2021 リンク★ */
}
a:visited{
	color:#1a73e8; /* 2021 訪問済★ */
}

a:hover{
	/* color:#252a2f; */
	color:#1a73e8; /* 2021 リンクフォバー ★ */
	text-decoration:underline; /* 2021 text-decoration:none */
}

a:focus{
	outline:none;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif; /* 2021 */
	color: #252a2f;
}
.main-heading{
	font-size:30px;
}
.main-heading span{
	font-size:18px;
	color:#878a8c;
}
.main-heading2{
	font-size:24px;
}
.main-heading,
.main-heading2,
.sub-heading{
	text-transform:uppercase;
}
.sub-heading{
	font-size:24px;
	padding:10px 0;
}
.header-top li,
.header-top .btn-link,
#main-menu.navbar,
#cart .btn,
.dropdown-menu,
.product-head,
.product-premium,
.product-col .caption h4,
.product-col .price,
.product-col .btn-cart,
.breadcrumb,
.side-heading,
.list-group-item,
.product-filter,
.pagination,
.product-info .product-details,
.tabs-panel .nav-tabs{
	font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif; /* 2021 */
}
hr{
	border-color:#8c8f92;
}


/* //////////////////////////////////////////////////////////////// */
/* Header Area Styles                                               */
/* //////////////////////////////////////////////////////////////// */
#header-area{
	background:#fff;
	margin-bottom:20px;
}
#header-area.home {
	margin-bottom:0;
}
.header-top{
	background:#333333; /* 2021 #292d30 */
}

/* Header Links Styles Starts */
.header-links ul{
}
.header-links li{
	display:inline-block;
}
.header-links li .fa{
	margin-right:3px;
}
.header-links li,
.header-links li a{
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
}
.header-links li a{
	padding:12px 15px 12px 0;
}
.header-links li a:hover,
.header-links li a:focus,
.header-links li.active a{
	background:none;
	color:#d9b76f;
}

/* Head Styles Starts */
.head{
	background:#333333; /* 2021 */
	padding:10px 0 0px;
	color: #fff;
}
.copyright a, 
.copyright a:hover {
	color:RGB(163,11,26);
}
.copyright p{
	padding-top:4px;
}

/* Currency & Languages Drop Down Styles Starts */
.header-top .btn-link{
	color:#fff;
	text-decoration:none;
	margin:9px 0 0 0;
	padding:0;
	text-transform:uppercase;
	font-size:13px;
	background-color:#596269;
	line-height:0;
}
.header-top .btn-group + .btn-group {
	margin-left:10px;
}
.header-top .btn-link span {
	padding:0 13px 2px;
	vertical-align:middle;
}
.header-top .open .btn-link{
}
.header-top .btn-link i.fa{
	background-color:#fff;
	color:RGB(163,11,26); /* 2021 #292d30 */
	padding:5px;
}

/* Main Header & Search Styles Starts */
.main-header{
	padding:10px 0 10px; /* 2021 20px 0 30px */
}
#logo-pc{
	margin-top: 5px;
	text-align:center; /* 2021 */
}
#logo-tablet{
	padding:5px 0px 0px 0px; /* 2021 [上][右][下][左] */
}

#info-pc{
	margin-top: 0px;
	text-align:center; /* 2021 */
}

#info-tablet{
	margin-top: 5px;
}

/* //////////////////////////////////////////////////////////////// */
/*  Main Menu Styles                                                */
/* //////////////////////////////////////////////////////////////// */
#main-menu{
background:#fff;
}
#main-menu.navbar{
margin:0;
margin-top:0; /* 2021 */
margin-bottom:30px; /* 2021 */
padding:0;
border:solid #c7c7c7;
border-width:1px 0;
-webkit-border-radius:0;
   -moz-border-radius:0;
		border-radius:0;
}
#main-menu .navbar-nav > li{
}
#main-menu .navbar-nav > li + li{
}
#main-menu .navbar-nav > li a{
	color:#333333; /* #292d30 */
	text-transform:uppercase;
}
#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li > a:focus,
#main-menu .navbar-nav > li.open a{
	background:none;
	color:#1a73e8; /* 2021 メニューのフォバー ★ */
}
#main-menu .dropdown-menu{
	background:#f0f0f0; /* 2021 #665123 メニュー背景 ★ */
	border:none;
	padding:0;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
	        border-radius:0;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	     box-shadow:none;
}
#main-menu .navbar-nav > li > .dropdown-menu li a{
	color:#333333;
	font-size:13px;
	padding-top:8px;
	padding-bottom:8px;
	font-weight:normal;
}
#main-menu .dropdown-menu li:hover a{
	#background:#ffffff; /* 2021 #816a37 */
	text-decoration:underline; /* 2021 text-decoration:none */
}
#main-menu .dropdown-inner {
	display:table;
	padding-bottom:10px;
}
#main-menu .dropdown-inner ul {
	display:table-cell;
}
#main-menu .dropdown-inner .dropdown-header{
	font-size:15px;
	text-transform:uppercase;
	color:#333333; /* 2021 #fff */
	padding:15px 0 10px 15px;
	font-weight:bold;
}
#main-menu .dropdown-inner li a {
	min-width:250px; /* 2021 160px */
	display:block;
	padding:3px 20px;
	clear:both;
}


/* //////////////////////////////////////////////////////////////// */
/*  Products Box Styles                                             */
/* //////////////////////////////////////////////////////////////// */
.products-list{
	margin-bottom:15px;
}
.product-head{
	padding: 10px 20px;
	margin: 30px 0 20px; /* 2021 0 0 20px */
	/* 2021 18px; */
	background:RGB(163,11,26); /* 2021 #f0f0f0 */
	color:#fff; /* 2021 #967e4b */
	text-transform:uppercase;

  border-left: 6px solid #7f7f84; /* 2021 */
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2); /* 2021 */
}
.product-premium{
	padding: 10px 20px;
	margin:0 0 20px;
	/* 2021 18px; */
	background:RGB(218,179,0); /* 2021 #f0f0f0 */
	color:#000; /* 2021 #967e4b */
	text-transform:uppercase;
	border:1px solid #d5d5d5;
}
.product-col{
	padding:15px 15px 10px;
	margin-bottom:20px;
	background:#f0f0f0;
	/* 2021 border:1px solid #e8e8e8; */
 	word-wrap: break-word; /* 2021 */
}
.product-col.list .image{
	padding:20px 30px 10px 0;
	float:left;
}
/* 2021
.product-col .caption{
	padding: 20px 0;  
}
*/

.product-col .description{
	padding:5px 0;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color:#8b8b8b;
}
.product-col.list .description{
	padding-right:20px;
}
.product-col .price{
	padding:10px 0;
}
/* 2021 
.product-col .price span.price-new{
	color:#967e4b;
	font-size:24px;
	padding-right:5px;
}
*/
.product-col .price span.price-old{
	font-size:18px;
	color:#7e7e7e;
	text-decoration:line-through;
}
.product-col .cart-button{
	padding-top:10px;
}
.product-col .cart-button .btn{
	-webkit-border-radius:0;
	   -moz-border-radius:0;
            border-radius:0;
}
.product-col .btn-wishlist,
.product-col .btn-compare{
	color:RGB(163,11,26); /* 2021 #967e4b */
	background:#fff;
	margin-left:3px;
	border:1px solid RGB(163,11,26) /* 2021 #967e4b */
}
.product-col .btn-wishlist:hover,
.product-col .btn-compare:hover {
	background:RGB(163,11,26) /* 2021 #967e4b */
	color:#fff;
}
.product-col .btn-cart{
	font-size:15px;
	color:#fff;
	background:#0052B3; /* 2021 ボタンの色 */
	text-transform:uppercase;
}
.product-col .btn-cart .fa {
	font-size:20px;
	margin-right:2px;
}
.product-col .btn-cart:hover{
	color:#fff;
	background:#01b5d0; /* 2021 #7c6638 */
}

/* Genric Styles Starts */
.product-col .description {
	font-family: 'Open Sans',sans-serif;
}
.cart-button .btn,
.product-col .btn-cart {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
}

/* Product Page Styles Starts */
.product-info{
	padding-top:10px;
}
.product-info .images-block{
}
.product-info .images-block .thumbnail{
	padding:10px;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
.product-info.full .images-block .list-inline{
	margin-left:-5px;
}
.product-info.full .images-block .list-inline li{
	padding-left:5px;
	padding-right:5px;
}
.product-info .images-block .list-inline{
	margin-left:-2px;
}
.product-info .images-block .list-inline li{
	padding-left:2px;
	padding-right:2px;
}
.product-info .images-block .list-inline .thumbnail{
	padding:5px;
}
.product-info .product-details{
}
.product-info .product-details h2{
	/* 2021 24px */
	margin-top:0;
}
.product-info .product-details h3{
}
.product-info .product-details h2,.product-info .product-details h3{
	/* 2021 22px */
	text-transform:uppercase;
}
/* 2021
.product-info .product-details .manufacturer{
	color:#808080;
	text-transform:uppercase;
}
	.product-info .product-details .manufacturer span{
		min-width:130px;
		display:inline-block;
		color:#2f353b;
	}
*/
.product-info .product-details .options{
}
.product-info .product-details .options h3{
	margin-bottom:18px; /* 2021 20px */
}
.product-info .product-details .options h6{
	font-weight:700;
}
.product-info .product-details .cart-button{
}
.product-info .product-details .cart-button .btn{
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
.product-info .product-details .btn-wishlist,
.product-info .product-details .btn-compare{
	color:#fff;
	background:#303030;
	margin-right:3px;
}
.product-info .product-details .btn-wishlist:hover,
.product-info .product-details .btn-compare:hover,
.product-info .product-details .btn-cart{
	background: #0052B3 /* 2021 ボタンの色 ★ */
}
.product-info .product-details .btn-cart{
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
}
.product-info .product-details .btn-cart:hover{
	color:#fff;
	background:#01b5d0; /* 2021 ボタンのフォーカス ★ */
}
.product-info-box{
	padding-top:10px;
}
.product-info-box + .product-info-box{
	padding-top:30px;
}
	.product-info-box .heading{
		padding:13px 20px;
		font-size:18px;
		color:RGB(163,11,26); /* 2021 #967e4b */
		text-transform:uppercase;
		background:#fff;
		border-top:1px solid #e8e8e8;
		border-right:1px solid #e8e8e8;
		border-bottom:4px solid RGB(163,11,26) /* 2021 #967e4b */
		border-left:1px solid #e8e8e8;
	}
	.product-info-box .content{
		color:#212121;
		font-size:13px;
	}


/* //////////////////////////////////////////////////////////////// */
/*  Shopping Cart                                                   */
/* //////////////////////////////////////////////////////////////// */

/* Cart Style Starts */	
#cart .btn{
	background:none;
	border:none;
	text-align:right;
	padding:0;
	margin:20px 0 0 0;
	font-size:14px;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
		 box-shadow:none;
}
#cart .btn .fa-shopping-cart{
	/* 2021 #292d30 */
	line-height:none;
	font-size:36px;
	margin-right:20px;
	vertical-align: middle;
}
#cart .btn span {
	color:#252a2f;
	font-size:16px;
	text-transform:uppercase;
}
#cart .btn span#cart-total{
	color:#fff;
	background-color:RGB(163,11,26); /* 2021 #967e4b */
	padding:10px 20px;
	position:relative;
}
#cart .btn span#cart-total:before {
	content: "";
	position:absolute;
	left:-8px;
	top:12px;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent RGB(163,11,26) /* 2021 #967e4b */
}
#cart .btn i.fa-caret-down{
	color:RGB(163,11,26); /* 2021 #967e4b */
	margin-left:5px;
}
#cart .dropdown-menu {
	min-width: 100%;
	margin-top:10px;
	background:#252a2f;
	color:#fff;
	border:none;
	z-index: 1001;
	padding:5px;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
#cart .open > .dropdown-menu{
	display:block;
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu table,
#cart .dropdown-menu table td{
	background:none;
	border:none;
}
#cart .dropdown-menu table.hcart td,
.line-bottom{
	border-bottom:1px solid #54575b;
}
.line-top,
.btn-block1{
	border-top:1px solid #54575b;
}
#cart .btn-block1{
	padding:20px 0 0;
}
#cart .btn-block1 a{
	padding:8px 12px;
	margin-left:10px;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
}
#cart .btn-block1 a:hover,#cart .btn-block1 a + a{
	background:RGB(163,11,26) /* 2021 #967e4b */
	color:#fff;
}
#cart .btn-block1 a,#cart .btn-block1 a + a:hover{
	background:#fff;
	color:#252a2f;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
#cart .dropdown-menu table.total{
}
#cart .dropdown-menu table.total td{
	padding:2px 8px;
}
#cart .dropdown-menu table td a{
	color:#d9b76f;
}
#cart .dropdown-menu table td a:hover{
	color:#fff;
}


.shopping-cart-table{
	margin-top:30px;
	background:#fff;
	/* text-transform:uppercase */
}
.shopping-cart-table tbody > tr > td a:hover{
	color:#252a2f;
}

/* //////////////////////////////////////////////////////////////// */
/*  Panel Styles                                                    */
/* //////////////////////////////////////////////////////////////// */
.panel-os{ /* 2021 */
	padding:10px 5px 10px 10px; /* [上][右][下][左] */
	background:#fff;
}

.panel-blog{ /* 2021 タイプライターの買い方*/
	padding:10px 5px 10px 10px; /* [上][右][下][左] */
	background:#fff;
	line-height:2.3em; /* 2021 */
}

.panel-os img{ /* 2021 */
	padding:0 0 0 0; /* [上][右][下][左] */
	background:#fff;
}

.panel-os .panel-heading{
	padding:0 0 5px 0; /* 2021 */
	color:#252a2f;
	border-bottom:1px solid #e8e8e8;
}

.panel-smart{ /* 2021 */
	padding:20px;
	background:#fff;
	border:1px solid #e8e8e8;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}

.panel-color{ /* 2021 */
	padding:20px;
	background:#f0f0f0;
	border:1px solid #e8e8e8;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}


.panel-used{ /* 2021 */
	background:#fff;
	border:1px solid #e8e8e8;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}

.panel-smart .panel-heading{
	padding:5px 0 15px 0;
	color:#252a2f;
	border-bottom:1px solid #929497;
}
/* 2021
.panel-smart h3.panel-title{
	font-size:24px;
}
*/
.panel-smart .panel-body{
	padding:20px 0 0;
	color:#252a2f; /* 2021 */
	line-height:32px; /* 2021 */
	font-size:16px; /* 2021 */
}

/* Blockquote Styles Starts */
.panel-smart blockquote{
	margin:0;
	padding:5px 15px;
	color:#8b8b8b;
	font-size:13px;
	border:none;
}
.panel-smart blockquote footer{
	padding-top:10px;
	color:#252a2f;
	font-size:14px;
}


/* //////////////////////////////////////////////////////////////// */
/* Panel                                                            */
/* //////////////////////////////////////////////////////////////// */
.ribbon-panel{
position: relative;
}
.ribbon-panel-smart{
	padding:5px;
	background:#fff;
}
.ribbon-panel-smart .ribbon-panel-heading{
	padding:0px 0px 0px 0px;
	color:#252a2f;
	border-bottom:2px solid #929497;
	}
}
.ribbon-panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #454444;
}

/* //////////////////////////////////////////////////////////////// */
/*  Tabs Styles                                                     */
/* //////////////////////////////////////////////////////////////// */
.tabs-panel{
	margin-top:0px; /* 2021 20px; */
}
.tabs-panel.panel-smart{
	padding:0;
}
.tabs-panel .nav-tabs{
	text-transform:uppercase;
	font-size:14px; /* 2021 16px */
	border-bottom:2px solid #333333 /* 2021 border-bottom:4px solid #967e4b */
}
.tabs-panel .nav-tabs > li{
	margin-bottom:0;
}
.tabs-panel .nav-tabs > li > a{
	color:#333333; /* 2021 #967e4b */
	margin:1px; 
}
.tabs-panel .nav-tabs > li.active,
.tabs-panel .nav-tabs > li.active > a{
	background:RGB(163,11,26) /* 2021 #967e4b */
	color:#fff;
}
.tabs-panel .nav-tabs > li > a:hover{
	background:#f4f4f4;
}
.tabs-panel .tab-content{
	padding:5px; /* 2021 20px */
	font-size:16px; /* 2021 13px */
	line-height: 32px /* 2021 */
}
.tabs-panel label.control-label{
	text-transform:uppercase;
	font-weight:normal;
}
.tabs-panel label.control-label.ratings{
	padding-top:20px; /* 2021 1px */
}
.tabs-panel .btn{
	margin-left:-10px;
}

/* //////////////////////////////////////////////////////////////// */
/*  Page Box                                                     */
/* //////////////////////////////////////////////////////////////// */
.page-box{
	color:#252a2f; /* 2021 #8b8b8b */
	font-size:16px; /* 2021 13px */
	line-height:32px; /* 2021 */
	margin-bottom:40px;
}
.page-box h3{
	margin:0;
	color:#252a2f;
}
.page-box h3,.page-box h4{
	text-transform:uppercase;
}
.page-box h4{
	margin:5px 0 15px;
	color:#808080;
	/* 2021 18px; */
}
.page-box .sm-links{
	margin-bottom:20px;
}
.page-box .sm-links li{
	background:#252424;
	width:34px;
	text-align:fresponsivecenter; /* 2021 center */
	padding:5px 0 4px;
	margin:0 0 0 4px;
}
.page-box .sm-links li:hover {
	background:RGB(163,11,26) /* 2021 #967e4b */
}
.page-box .sm-links li a .fa{
	color:#fff;
	font-size:24px;
}

/* //////////////////////////////////////////////////////////////// */
/*  Content Box                                                     */
/* //////////////////////////////////////////////////////////////// */
.content-box{
	border:1px solid #e9e9e9;
	background:#fff;
	margin-top:20px;
	padding:30px;
}
.content-box .special-heading{
	font-size:100px;
	color:RGB(163,11,26); /* 2021 #967e4b */
	margin-top:0;
	margin-bottom:30px;
}

/* //////////////////////////////////////////////////////////////// */
/*  Sidebar                                                         */
/* //////////////////////////////////////////////////////////////// */
.side-heading{
	margin-top:0;
	margin-bottom:0px;
	padding:10px 20px;
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	background:#333333 /* 2021 サイド背景 ★ */
}
.list-group,
.list-group-item:first-child,
.list-group-item:last-child{
	-webkit-border-radius:0;
	   -moz-border-radius:0;
	        border-radius:0;
}
.list-group-item{
	color:#252a2f;
	font-size:14px;
	/* 2021 text-transform:uppercase; */
	background-color:#ffffff; /* 2021 #f0f0f0 */
	border-color:#d5d5d5;
}
.list-group.categories a.list-group-item:hover,
.list-group.categories a.list-group-item:focus {
	background-color:#1a73e8; /* 2021 サイドフォーカス ★ */

}
.list-group.categories a.list-group-item:visited{ /* 2021 訪問済は色を変えない */
	color:#252a2f;
}

.list-group.categories a.list-group-item:hover,
.list-group.categories a.list-group-item:focus,
.list-group.categories a.list-group-item:hover .fa,
.list-group.categories a.list-group-item:focus .fa {
	color:#ffffff; /* 2021 #333 */
}
.list-group-item .fa{
	font-size:12px;
	padding-right:6px;
	color:RGB(163,11,26); /* 2021 #967e4b */
}
.filter-group{
	margin-left:20px;
}

/* //////////////////////////////////////////////////////////////// */
/*  Footer                                                          */
/* //////////////////////////////////////////////////////////////// */
.footer-links{
padding:25px 0 40px;
background-color: #f0f0f0;
border-top: 1px solid #d2d2d2;
}
.footer-links h5{
	text-transform:uppercase;
	margin-bottom:20px;
	color: #0033ff; /* 2021 #967e4b */
}
.footer-links ul{
	list-style:none;
	margin:0;
	padding:0;
}
.footer-links li{
	padding:6px 0;
	font-size:15px;
}
.footer-links li + li {
	border-top: 1px solid #bdbdbd;
}
.footer-links .last li + li {
	border: none;
}
.footer-links li,
.footer-links li a{
	color:#212121;
}
.footer-links li a:hover{
	color:#0f0f0f;
}
.footer-links .last li a {
	color: RGB(163,11,26)
}
.footer-links .last h4 {
	font-weight: 300;
}
.footer-links .last h4.lead{
	/* 24px */
	margin-bottom:0;
	color:RGB(163,11,26); /* 2021 #967e4b */
}
.footer-links .last h4.lead span{
	color:#151515;
}

/* Copyright Styles Starts */
.copyright{
	background:RGB(163,11,26); /* 2021 #292d30 */
	padding:18px 0 8px;
	color: #fff;
}
.copyright a,
.copyright a:hover {
	color:RGB(163,11,26); /* #967e4b */
}
.copyright p{
	padding-top:4px;
}

/* //////////////////////////////////////////////////////////////// */
/* 未使用                                                           */
/* //////////////////////////////////////////////////////////////// */

/*.panel-form{
	padding:22px;
	background:#f0f0f0;
	border:1px solid #929497;

}*/

/* ボーダー */
/*
.test h2{
	font-weight:bold;
}
*/

/* アンダーライン */
/*
p.test{
	padding:0 0 5px 0;
	color:#252a2f;
	border-bottom:1px solid #929497;
}
*/