99vw@charset "utf-8";

/******************全体*****************/
.contents {
   width:100%;
   margin: 0 auto;
}

div.div-center{
   width:99%;
   margin: 0 auto;
}
dl {
    display: block;
    margin: 1px;
    -webkit-margin-before: 3px;
    -webkit-margin-after: 3px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.shop-addr{
   display:block;
}
.shop-addr-shop{
  display:table-cell; font-weight:bold;
}
.shop-addr-addr{
  display:table-cell;
}

/*商品グレート*/
.grade{
  display:table;
  width: 650px;
  margin:0 auto;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-spacing:0px;
}
.grade-title{
  display:block;
  font-weight:bold;
  text-align:center;
  padding:4px;
  border-bottom: 1px solid #000000;
}
.grade-rows{
  display:block;
  border-bottom: 1px solid #000000;
}
.grade-desc{
  display:table-cell;
  padding:4px;
}
.grade-img{
  display:table-cell;
  width: 100px;
  margin: 0 auto;
  padding:4px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #000000;
}
.grade-img-double{
  display:table-cell;
  width: 108px;
  margin: 0 auto;
  padding:0px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #000000;
}
.label-last{
  display:table-cell;
}
/** 点滅クラス **/
.flashani{
  animation: flash 1s linear infinite;
}
@keyframes flash {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}


/*@media screen and (min-width: 1025px){*/

/******************TOP*****************/
.header {
	position: fixed;
	top: 0;
	left: 0;
	height:40px;
	background-color: #ffffff;
	z-index: 2;
	width: 100%;
	transition: .3s;
	text-align: center;
}
.header #header-logo-red,#header-logo-green{
	display: none;
}
.page-top-mobile {
  display:none;
}
.page-top {
   height: 25px;
   text-align: center;
   display:inline;
}
.page-middle {
  background: rgb(231, 238, 243);
  /*height: 25px;*/
  text-align: center;
}
/******************BOTTOM*****************/

.page-bottom {
   display: table;
   border-spacing: 3px;
   padding: 0px;
   width: 1126px;/*160+3+800+3+160*/
   margin: 0 auto;
   position: relative;
   top: 30px;
}
/* (カテゴリー＋商品リスト) OR (商品個別ページ) OR メルマガ他 */
.page-bottom-left {
   display: table-cell;
   width: 963px;/*160+3+800*/
   margin: 0 auto;
}

.page-bottom-left-table {
   display: table;
   padding: 0px;
   width: 100%;
   margin: 0 auto;
}
/******************* カテゴリー＋リストの場合 **************************/
/******************* カテゴリー **********************/
.page-bottom-left-table-left {
   display: table-cell;
   padding: 0 3px 0 0;
   width: 160px;
}
ul.category{
   list-style-type: none;
   padding-left: 0;
   border:2px inset #84b2e0;
}
ul.category li.main-genre{
  background:rgb(255, 217, 250);
  font: bold 15px;
  text-align:center;
}
ul.category li.genre{
  padding-left: 0.5em;
  font-size: 15px;
}
ul.category li{
  border-bottom:1px solid #84b2e0;
}


ul.sub1,ul.sub2,ul.sub3{
   list-style-type: none;
   padding-left: 0;
	 display:none;
}
span.ac1, span.ac2, span.ac3{
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
ul.sub2{
  background-color: antiquewhite;
}
ul.sub1{
  background-color: aliceblue;
}
ul.sub3{
  background-color: lightpink;
}
/******************* リストの場合 **************************/
.page-bottom-left-table-right {
   display: table-cell;
   width: 800px;
}
/** リスト一行 **/
div.list-item {
  display:table;
  table-layout: fixed;
  width:100%;
}
/******************* 個別ページ、HTML、メルマガの場合 **************************/
div.list-item-for-detail {
   display: block;
   width: 98%;
   max-width:99vw;
   margin: 0 auto;
}
/** 商品個別ページレイアウト**/
div.detail-photo{
  text-align:center;
}
div.detail-photo img {
  max-width: 100%;
  height: auto;
}

div.list-item-middle-left-detail {
   display: table-cell;
   width: 325px;
   vertical-align:top;
}
div.list-item-middle-right-detail {
   display: table-cell;
   width: 325px;
   vertical-align:top;
}
div.list-item-middle-right-left,.list-item-middle-right-right {
   display: table-cell;
   width: 325px; max-width: 50%;
   vertical-align:top;
}

.list-comment dt{
  display:none;
}






/******************* 右メニュー **********************/
.page-bottom-right {
   display: table-cell;
   vertical-align:top;
   width: 160px;
}
/******************BOTTOM*****************/

.menu-btn {
  display:none;
}
.menu-btn2{
	display: none;
}
.modal-cart-btn {
    /*display:none;*/
}

.modal-cart-btn{
    position:fixed;
    display:block;
    /*top:1px;*/
    right:4px;
}
#cart-form{
  text-align: center;
}
.modal-content{
  margin: auto;
  width: max-content;
}
/*}*/
/********************** PC **********************/
/********************** PC **********************/
/********************** PC **********************/


.newsletter{
	text-align:center;
}
.newsletter table{
	margin: 0 auto;
	border-spacing:0px;
}
.newsletter table td{
	text-align:initial;
}
.newsletter table td img{
  max-width:600px;
}

/* タイトル 型番 注文ボタン */
div.list-item-top,.list-item-middle,.list-item-bottom,.list-item-middle2 {
   display: block;
   width: 100%;
   max-width:99vw;
   vertical-align:middle;
}
/*タイトル*/
div.list-title {
   display:inline;vertical-align:middle;
}
div.list-title > h3,button,img {
   display:inline;vertical-align:middle;
}
/* (写真＋説明左＋説明右) (詳細) (付属品、コンディション)*/




div.list-comment {
   padding: 2px;
}


div.list-item-middle-left {
   display: table-cell;
   width: 150px;
   vertical-align:top;
}
/*****************************************/
div.list-item-middle-right {
    display: table-cell;
    vertical-align: top;
    /*width: 100%;*/
}

/*****************************************/




div.list-item:nth-child(2n+1) {
   /* 偶数番目(2,4,6……番目)だけに適用されるCSS */
   background-color: rgb(231, 238, 243);
}
div.list-item li:nth-child(2n) {
   /* 奇数番目(1,3,5……番目)だけに適用されるCSS */
   background-color: rgb(255, 255, 255);
}
  /******
.sold{

  background-image: url('/photo/img/sold.png');
  background-size: auto;

}
  ******/
.sold-price-str{
  font-weight:bold;
  color:rgb(255,0,0);
  /*text-decoration: line-through;*/
}


ul.menu-right1{
  width: 160px;
   list-style-type: none;
   padding-left: 0;
}
ul.menu-right2{
  width: 154px;
   list-style-type: none;
   padding-left: 0;
   border:3px solid #ff0000;
}
ul.menu-right3{
  width: 160px;
   list-style-type: none;
   padding-left: 0;
}
ul.menu-right4,.menu-right5{
  width: 160px;
   list-style-type: none;
   padding-left: 0;
   border:1px inset #84b2e0;
}



ul.menu-right1 li{

  background:#ffffff;
  font-size: 12px;
  text-align:center;
}
ul.menu-right2 li{

  background:#ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align:center;
  padding :3px;
}
ul.menu-right3 li{

  background:#ffffff;
  font-size: 10px;
  text-align:center;
}
ul.menu-right4 li{

  background:#ffffff;
  font-size: 15px;
  text-align:center;
  border-bottom:1px solid #84b2e0;
}

ul.menu-right5 li{

  background:#ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align:center;
  overflow: hidden;
  word-wrap: break-word;
}

ul.menu-right4 li:nth-child(2n) {
   /* 偶数番目(2,4,6……番目)だけに適用されるCSS */
   background: rgb(255, 217, 250);
}
ul.menu-right4 li:nth-child(2n+1) {
   /* 奇数番目(1,3,5……番目)だけに適用されるCSS */
   background: rgb(255, 255, 255);
}
/*詳細*/

.list-comment dl{

}
.list-comment dd{
  -webkit-margin-start:0px;
  margin-left: auto;
  padding:0px;
  text-align:left;
}

/*テーブル共通*/
.mytable {
  display:table;
}

.mytable ul.mytable-row{
  display:table-row;
}

.mytable ul.mytable-row li.mytable-row-cell{
  display:table-cell;
}







div.text-center,li.text-center {
  text-align: center;
}

//ページナビ
div.page_navi {
	margin: 8px;
	//padding: 12px;
	background: #f3f3f3;
	text-align: center;
   list-style-type: none;
   padding-left: 0;
}

div.page_navi div {
	display: inline;
	margin: 0 1px;
	padding: 0;
}

div.page_navi div span,
div.page_navi div a {
	display: inline-block;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}

div.page_navi div a:hover {
	background: #efefef;
}

ul.foot-menu{
   list-style-type: none;
   padding-left: 0;
}
ul.foot-menu li{
   padding:3px;
}

/*** buying list **/
.buy-list-top{
  width:800px;
}
.buy-list span{
  display: none;
}
.buy-list .first-block{
  display: initial;
  width:687px;
}
.buy-list .odd{
   background: rgb(231, 238, 243);
}
.buy-maker-title,.buy-list-row-maker{
  width: 200px;
  display: inline-block;
  word-wrap: break-word;
  vertical-align: top;
}
.buy-type-title,.buy-list-row-type{
  width: 200px;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top;
}
.buy-genre-title,.buy-list-row-genre{
  width: 205px;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top;
}
.buy-price-title,.buy-list-row-price{
  width: 172px;
  font-size: 14px;
  word-wrap: break-word;
  display: inline-block;
  text-align:right;
  vertical-align: top;
}
.buying-detail{
  width: 800px;
  display: table-cell;
}
.buying-detail-main div{
  margin: 7px;
  text-align: right;
}
/*ページトップ*/
#page-top-btn {
    position: fixed;
    bottom: 1px;
    right: 1px;
}
.search-block-main{
  display: table;
  width: 750px;
  max-width: 99vw;
  margin: 0 auto;
}
.search-block1{
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
.search-block2{
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}


.buying-form{

}
.buying-form label{
  display: inline-table;
  width: 180px;
}
/**** 写真一覧 ****/
.photo-list6{
  display: table;
  width:774px;
  margin: 0 auto;
}
.photo-list3{
  display: table-cell;
  width: 387px;
  vertical-align: top;
  border-spacing: 0px;
}

.list-item-photo{
  display: table-cell;
  width: 125px;
  vertical-align: top;
  font-family: "Osaka", Arial, sans-serif;
}
.photo-list6-even .list-item-photo-even{
  background: rgb(231, 238, 243);
}
.photo-list6-even .list-item-photo-odd{
  background: rgb(255, 255, 255);
}
.photo-list6-odd .list-item-photo-odd{
  background: rgb(231, 238, 243);
}
.photo-list6-odd .list-item-photo-even{
  background: rgb(255, 255, 255);
}
.list-item-photo h3{
  /*font-size: 0.7em;*/
  -webkit-margin-before: 0.1em;
  -webkit-margin-after: -0.7em;
  width: 125px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: inline-block;
  height: 34px;
}
.list-item-photo-img{
  width:120px;
  /*height: 100px;*/
}
.list-photos{
  height: 90px;
  overflow: hidden;

  margin: 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #CCC;
}
.list-photos-title{
  width: 125px;
  height: 31px;
  line-height: 1.25em;
  font-size: 12px;
  font-family: "Osaka", Arial, sans-serif;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  text-align: left;
}
.list-photos-title h3{
  -webkit-margin-before: 0.1em;
  -webkit-margin-after: -0.7em;
  display: inline;
  font-weight: normal;
}
.status-block{
  display: table;
  height: 18px;
}
.status-block-status{
  display: table-cell;
}
.status-block-order{
  display: table-cell;
}
.status-block-order button{
  display: inline-block;
  height: 20px;
  font-family: "Osaka", Arial, sans-serif;
  padding: 0px 6px 0px 6px;
  text-decoration: none;
  line-height: 20px;
  text-align: center;
  vertical-align: bottom;
  color: #504e4e;
  text-shadow: 0px 1px 0px #fafafa;
  background: #fbfaf4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf4), to(#ece8e6));
  background: -moz-linear-gradient(top, #fbfaf4, #ece8e6);
  background: -o-linear-gradient(top, #fbfaf4, #ece8e6);
  background: -ms-linear-gradient(top, #fbfaf4, #ece8e6);
  background: linear-gradient(top, #fbfaf4, #ece8e6);
  border: 1px solid #dcd9d8;
  border-bottom: 1px solid #c1c1bd;
  -webkit-box-shadow: 0 0 1px #c7c5c1;
  -moz-box-shadow: 0 0 1px #c7c5c1;
  box-shadow: 0 0 1px #c7c5c1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.list-photo-price{
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  padding-bottom: 4px;
}

.list-status{
  display: inline-block;
  font-size: 12px;
  width: 50px;
  /*padding: 0.1em 0.5em;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  color: #FFF;
  transition: .4s;*/
}

.status-block .status2{
  /*background-image: linear-gradient(45deg, #795548 0%, #993300 100%);*/
  color:#964B00;
}

.status-block .status3{
  /*background-image: linear-gradient(45deg, #FFEB3B 0%, #dca710f2 100%);*/
  color:#FFBA00;
}
.status-block .status4{
  /*background-image: linear-gradient(45deg, #F44336 0%, #de2262 100%);*/
  color:#FF0000;
}
.status-block .net{
  /*background-image: linear-gradient(45deg, #009933 0%, #009933 100%);*/
  color:#009933;
}
.status-block .new{
  /*background-image: linear-gradient(45deg, #E91E63 0%, #dca710f2 100%);*/
  color:#E91E63;
}
.status-block .old{
  /*background-image: linear-gradient(45deg, #ff6533 0%, #ff6533 100%);*/
  color:#ff6533;
}
.status-block .g-gen{
  /*background-image: linear-gradient(45deg, hsl(238, 90%, 54%) 0%, #10c9dcf2 100%);*/
  color:#02a1da;;;
}
.status-block .g-as-is{
  /*background-image: linear-gradient(45deg, hsl(238, 5%, 5%) 0%, #d9dadaf2 100%);*/
  color:#666666;;
}
.status-block .g-2y{
  /*background-image: linear-gradient(45deg, #673AB7 0%, #d9dadaf2 100%);*/
  color:#ff6533;
}
.status-block .g-1y{
  /*background-image: linear-gradient(45deg, #E91E63 0%, #dca710f2 100%);*/
  color:#E91E63;
}
.status-block .g-6m{
  /*background-image: linear-gradient(45deg, #FFEB3B 0%, #bed444f2 100%);*/
  color:#FFEB3B;
}

.navi-block,.navi-block-second{
  display: inline-block;
  margin-right: 10px;
}
#inquiry-content{
  width: 800px;
  margin: auto;
}
ul.detail-photo-sold{
  padding-left: 0;
}
li.detail-photo-sold{
  position: relative;
  list-style: none;
  line-height: 0;
}
p.detail-photo-sold{
  position: absolute;
  bottom: 0;
  /* margin: 0; */
  line-height: 1;
  /* background: #fbfcfc; */
  /* padding: 5px; */
  width: -webkit-fill-available;
  /* height: unset; */
  color: white;
  font-size: -webkit-xxx-large;
}


/***************************************************************************************************************************************************/
@media screen and (max-width: 1024px){
  .page-top-mobile {
    display: block;
  }
	.page-top, .page-middle {
	  display: none;
	}
	.header #header-logo-red,#header-logo-green{
		display: inline;
	}
	.menu-btn2{
		display: inline;
	}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
/******************TOP*****************/
.page-top-mobile {
  display: block;
}
/*非表示*/
.page-top,.page-middle {
   display: none;
}
/******************BOTTOM*****************/
.page-bottom {
   display: table;
   padding: 0px;
   max-width: 99vw;
   margin: 0 auto;
   top: 70px;/*page-top-mobileとセット*/
}

.page-bottom-left {
   display: block;
   width: 100%;
}

.page-bottom-left-table {
   display: table;
   border-spacing: 3px;
   padding: 0px;
   width: 100%;
   margin: 0 auto;
}

.page-bottom-left-table-left {
   display: none;
}
.page-bottom-left-table-right {
   display: table-cell;
   width: 99vw;
}


.page-bottom-right {
   display: block;
   width: 150px;
}
/******************BOTTOM*****************/

div.detail-photo img {
  max-width: 99vw;
  width:100%
  height: auto;
  margin: 0 auto;
}
/**** リスト一行 ****/
div.list-item {
   display: block;
   width: 100%;
}
div.list-item-middle-right-left,.list-item-middle-right-right {
   display: table-cell;
   width: 325px; max-width: 50%;
   vertical-align:top;
}

.list-comment dt{
  /*display:none;*/
}
.list-comment dd{
  display:block;
}
/***
.page-bottom-right{
   display: none;
}
***/
.menu-btn{
    position:fixed;
    display:block;
    top:1px;
    left:1px;
}
.modal-cart-btn{
    position:fixed;
    display:block;
    /*top:1px;*/
    right:4px;
}
.drawr {
    display: none;
    background-color:rgb(255,255,255);
    position: absolute;
    top: 0px;
    right:0;
    width:160px;
    padding:0 0 0 0;
    z-index: 100;
}



/*** buying list **/
.buy-list-top{
  width:100%;
}
.buy-list-top{

  max-width:98%;
}
.buy-maker-title,.buy-list-row-maker{
  width: 25%;
  display: inline-block;
}
.buy-type-title,.buy-list-row-type{
  width: 25%;
  display: inline-block;
}
.buy-genre-title,.buy-list-row-genre{
  width: 35%;
  display: inline-block;
}
.buy-price-title,.buy-list-row-price{
  width: 12%;
  display: inline-block;
  text-align:right;
}
.buying-detail{
  max-width: 99vw;
  display: block;
}
.condition-buying,.condition-buying-list,.condition-buying-list2,.condition-buying-input{
  max-width: 99vw;
}
.photo-list6 {
    margin: auto;
}
.navi-sold{
  display: block;
}



}
/***************************************************************************************************************************************************/
/*********************************************************************** 767 ***********************************************************************/
/***************************************************************************************************************************************************/

@media screen and (max-width:767px) {
.page-top-mobile {
  display: block;
}
/*非表示*/
.page-top,.page-middle {
   display: none;
}
.page-bottom {
   display: table;
   padding: 0px;
   max-width: 99vw;
   width:99vw;
   margin: 0 auto;
   top: 55px;/*page-top-mobileとセット*/
}
.page-bottom-left-table {
   display: table;
   border-spacing: 3px;
   padding: 0px;
   width: 100%;
   margin: 0 auto;
}
.page-bottom-left-table-left {
   display: none;
}
.page-bottom-left-table-right {
   width: 99vw;
}

div.list-item-top,div.list-item-middle-left-detail,div.list-item-middle-right-detail{
   display: block;
   width: 100%;
   max-width:99vw;
   vertical-align:top;
   overflow: hidden;
   word-wrap: break-word;
}
div.list-item-middle-right-left,div.list-item-middle-right-right {
   display: block;
   width: 100%;
   max-width:50vw;
   vertical-align:top;
   overflow: hidden;
   word-wrap: break-word;
}

/** 商品個別ページレイアウト**/
div.list-item-for-detail {
   display: block;
   width: 650px;
   max-width:99vw;
   margin: 0 auto;
}
div.detail-photo img {
  max-width: 99vw;
  width:100%
  height: auto;
  margin: 0 auto;
}

.list-comment dt{
  display:none;
}
.list-comment dd{
  display:none;
}
.newsletter table td{
  display:block;
  min-width:99vw;
  max-width:99vw;
  overflow: hidden;
  word-wrap: break-word;
}
.newsletter table td img{
  max-width:99vw;
}
.grade{
  width:99vw;
}
.grade-img{
  display:block;
  width: 99vw;
  text-align:center;
  border-right:initial;
  border-bottom: 1px solid #000000;
}
.grade-img-double{
  display:block;
  width: 100%;
  text-align:center;
  border-right:initial;
  border-bottom: 1px solid #000000;
}
.grade-img-top,.grade-img-bottom{
  padding: 4px;
}
.shop-addr-shop{
  display:block;
  text-align:center;
}
.shop-addr-addr{
  text-align:center;
}
.label-last{
  display:block;
}
/**
.page-bottom-right{
   display: none;
}
**/
.menu-btn{
    display:block;
    position:fixed;
}
.cart-btn{
    display:block;
    position:fixed;
}
.drawr {
    display: none;
    background-color:rgb(255,255,255);
    position: absolute;
    top: 0px;
    right:0;
    width:160px;
    padding:0 0 0 0;
    z-index: 100;
}
/*** buying list **/
.buy-list-top{
  width:;
}
.buy-list-top{
  max-width:99vw;
}
.buy-list .first-block{
  display: block;
  width:99vw;
}
.buy-list span{
  display: initial;
}
.buy-maker-title,.buy-list-row-maker{
  /*width: 45%;*/
  display: inline;
}
.buy-type-title,.buy-list-row-type{
  /*width: 45%;*/
  display: inline;
}
.buy-genre-title,.buy-list-row-genre{
  /*width: 98%;*/
  display: inline;
}
.buy-price-title,.buy-list-row-price{
  width: 99vw;
  display: block;
  text-align:right;
}
.buying-detail{
  max-width: 99vw;
  display: block;
}
.condition-buying,.condition-buying-list,.condition-buying-list2,.condition-buying-input{
  max-width: 99vw;
}
.search-block1,.search-block2{
  display: block;
  text-align: center;
}
.search-block2{
  margin-top: 4px;
}
.photo-list6 {
    width: 99vw;
    border-spacing: 0px;
}
.photo-list3 {
    display: block;
    width:100%;
}
.list-item-photo,.list-photo,.list-item-photo-img,.status-block,.list-photo-price {
    width: 32vw;
}
.list-photos-title {
    width: 32vw;
}
.list-item-photo h3 {
    width: 32vw;
}
.search-block-main,.search-block1,.search-block2,.page-navi,.shop-addr-all,.order-navi{

  width: 99vw;
}
.navi-block{
  display: block;
}
.photo-list6-even .list-item-photo-even{
  background: rgb(231, 238, 243);
}
.photo-list6-even .list-item-photo-odd{
  background: rgb(255, 255, 255);
}
.photo-list6-odd .list-item-photo-even{
  background: rgb(231, 238, 243);
}
.photo-list6-odd .list-item-photo-odd{
  background: rgb(255, 255, 255);
}



.lprice,.rec-quality,.jacket-quality,.arrival-date,.postage-notice,.nationality,.move,.arrival-date,.maker-kana{
  display: none;
}
.navi-sold{
  display: block;
}
.mente tbody th, .mente tbody td {
    display: list-item;
    border: none;
    list-style: none;
    max-width: 99vw;
    text-align: center;
}
.mente img{
    max-width: 99vw;
}
.mente-date{
  background: rgb(231, 238, 243);
}


}


/****
ul.menu-right{
  padding: 0 0.7em;
  font: 8px/1.6 'arial narrow', sans-serif;
  width:150px;
  list-style: none;
}
ul.menu-right li{
  position: relative;
  padding: 0.5em 1em 0.5em 2em;
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #5ab0f9;
}
ul.menu-right li:last-child{
  border:none;
  margin: 0;
}
ul.menu-right li:before{
  font-family: FontAwesome;
  content: "\f04b";
  position: absolute;
  left: 0.8em;
  color: #fff;
  font-size: 0.8em;
  font-weight: normal;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


ul.menu-right2{
	list-style-type: none;
	padding-left: 0;
}
ul.menu-right2 li{
	background: #CCC;
	width: 150px;
	padding: 1px;
	margin: 5px;
	font-size: 0.6em;
}
ul.menu-right2 li:last-child{
  border:none;
  margin: 0;
}
ul.menu-right2 li:before{
  font-family: FontAwesome;
  content: "\f04b";
  position: absolute;
  left: 0.8em;
  color: #fff;
  font-size: 0.8em;
  font-weight: normal;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

****/


#record_cm{

    height: 230px; /*表示したい大きさ*/
    margin: 0 auto; /*縦余白30pxは任意*/
    max-width: 100%;
    position: relative;
    width: 160px; /*表示したい大きさ、height と合わせる*/
}
.aa{ /* １枚目の画像 */
	animation-name:slide1;
	animation-duration:15s;
	animation-iteration-count:infinite;
	position: absolute;
}
.bb{ /* 2枚目の画像 */
	animation-name:slide1;
	animation-delay:5s;
	animation-duration:15s;
	animation-iteration-count:infinite;
	opacity: 0;
	position: absolute;
}
.cc{ /* 3枚目の画像 */
	animation-name:slide1;
	animation-delay:10s;
	animation-duration:15s;
	animation-iteration-count:infinite;
	opacity: 0;
	position: absolute;
}

@keyframes slide1 {
	0%{opacity: 0;}
	6%{opacity: 1;}
	25%{opacity: 1;}
	40%{opacity: 0;}
	100%{opacity: 0;}
}

#top_cm{
  height: 230px; /*表示したい大きさ*/
  margin: 0 auto; /*縦余白30pxは任意*/
  max-width: 100%;
  position: relative;
  width: 100%; /*表示したい大きさ、height と合わせる*/
}

.sale-icon {
  /*border-style: solid;*/
  border-color: #709dff;
  display: inline-block;
  padding: 0.1em 0.3em;
  border-radius: 3px;
  font-weight: bold;
  color: #FFF;
  transition: .4s;
}
.sale-icon a{
  color:rgb(255, 0, 0);
}