@charset "UTF-8";

/*======================================

	common 
	
========================================*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


html {
	color: #333333;
	background-color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
}


body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align : center ;
	background-color: #ffffff;
	border-top: 0px solid #333;
	border-right: 0px solid #333;
	border-bottom: 0px solid #333;
	border-left: 0px solid #333;
}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


p {
	font-size: 15px;
	line-height: 32px;
}

a{
	color:#006699;
	text-decoration: none;	
}

a:hover{
	color:#ff6633;
}

img{
  text-decoration: none;
  border: none;
  vertical-align: bottom;
padding:0 0 0 0;
margin:0 0 0 0;
  	}

a img{
border:none;
padding:0 0 0 0;
margin:0 0 0 0;
}

.clear{
	width:100%;
	clear:both;
	height:1px;
	overflow: hidden;
}



#page-top {
    position: fixed;
    bottom: 0px;
    right: 12px;
    font-size: 12px;
	z-index: 99;
	}
#page-top a {
	z-index: 99;
    background: #ff6633;;
    text-decoration: none;
    color: #fff;
    width: 39px;
    height: 36px;
    padding: 0px 0;
    text-align: center;
    display: block;
    border:0px solid #fff;
    border-radius: 6px;
	}
#page-top a:hover {
    text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}
	



@media only screen and (max-width: 480px) {





a:hover img{


}



/*======================================

	hamburger
	
========================================*/


.mobile-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 280px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #333;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  -webkit-overflow-scrolling: touch;
}



.hamburger-wrapper{



}
.hamburger {
  position: fixed;
  left: 0px;
  top: 6px;
  width: 70px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 70px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 301;
  background: transparent;
}


.mobile-nav__list {
  margin: 0;
  padding: 0 0 30px 0;
  list-style: none;
}
.mobile-nav__item {
  text-align: center;
  padding: 0px 14px;
}
.mobile-nav__item a {
  display: block;
  padding: 9px 0;
  border-bottom: 1px solid #aaa;
  text-decoration: none;
  color: #fff;
  font-size:15px;
}
.mobile-nav__item a:hover {

}
.hamburger__line {
  position: absolute;
  left: 12px;
  width: 32px;
  height: 4px;
  background-color: #ff6633;
  transition: all .4s;
}
.hamburger__line--1 {
  top: 9px;
}
.hamburger__line--2 {
  top: 18px;
}
.hamburger__line--3 {
  top: 27px;
}
.menu-caption{
	display: block;
	width:36px;
	font-size:8px;
	position: absolute;
	top: 33px;
	left:23px;
	color: #630;
}

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .mobile-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .7;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
  color:#fff;
  background-color:#ff6633;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
  background-color:#ff6633;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
  background-color:#ff6633;
}

.nav-open span.menu-caption{
	display: none;
}







/*======================================

	mobile-cart 
	
========================================*/


a.mobile-cart{
	display: block;
	width: 36px;
	height:36px;
	border-radius: 9px;
	background: #ff6633;
	position: fixed;
  right: 9px;
  top: 12px;
  cursor: pointer;
  z-index: 301;
	
}

a.mobile-cart:hover{
	opacity: 0.7;
}

.mobile-cart-inner{
	width: 100%;
}


img.mobile-cart-icon{
	width: 21px;
	height: 21px;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}



.mobile-cartin-volume{
	width: 26px;
	height: 26px;
	position:absolute;
	top: 50%;
	right : 12px;
	transform: translate(0%,-50%);
	border-radius: 50%;
	background: #fff;
	font-size:11px;
	text-align: center;
	line-height: 0;
	padding: 13px 0 0 0px;
	font-weight: bold;
	color: #333;
}





/*======================================

	layout 
	
========================================*/

.wrapper{
	width:96%;
	margin: 30px auto 60px auto;
	padding: 0 15px 0 15px ;
	display: block;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.detail-wrapper{
	width:96%;
	margin: 30px auto 0 auto;
	padding: 0 15px 0 15px ;
}

.page-wrapper{
	width:96%;
	margin: 30px auto 0 auto;
	padding: 0 15px 0 15px ;
}

.top-wrapper{
	width:96%;
	margin: 0px auto 0 auto;
	padding: 0 15px 0 15px ;
}

.sidemenu{
	width:100%;
	text-align: left;
	margin: 60px 0px 0 0;
	padding: 0 0 0 0 ;
	background: #fff;
}

.main-col{
	width:100%;
	text-align: left;
	margin: 0 0 60px 0;
	padding: 0 0 0 0 ;
}

.center-col{
	width:100%;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0 ;
}





/*======================================

	h2
	
========================================*/


.h2-wrapper {
	width:100%;
	height: 60px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 45px auto;
	border-bottom:0px solid #aaa;
	background: repeating-linear-gradient(90deg, #999, #999 3px, #fff 3px, #fff 6px);
	display: flex; /* 文字と横線を横並び */
	justify-content: center;
}



h1.dir-top {
  align-items: center; /* 横線を上下中央 */
  display: inline-block; /* 文字と横線を横並び */
  color:#333;
  font-size:18px;
  font-weight: 400;
  width: 240px;
  padding:15px 0px 0px 0px;
  margin: 18px auto 0 auto;
  line-height: 1;
  letter-spacing:0em;
  background: #fff;
  
}

h1.dir-top span{
	display: block;
	font-size: 12px;
	margin-top: 6px;
  letter-spacing:0em;
   color:#999; 
}


div.dir-top {
  align-items: center; /* 横線を上下中央 */
  display: inline-block; /* 文字と横線を横並び */
  color:#333;
  font-size:18px;
  font-weight: 400;
  width: 240px;
  padding:15px 0px 0px 0px;
  margin: 18px auto 0 auto;
  line-height: 1;
  letter-spacing:0em;
  background: #fff;
  
}

div.dir-top span{
	display: block;
	font-size: 12px;
	margin-top: 6px;
  letter-spacing:0em;
   color:#999; 
}



/*======================================

	head
	
========================================*/
header{
	width:95%;
	margin:0px auto 0px auto;
	padding:0 0 0 0;
	text-align: center;
}


/*======================================

	al-nav
	
========================================*/

.nav-gl{
	display: none;
	width: 100%;
	display: block;
	justify-content: flex-end;
	padding: 0 14px 0 14px;
}



.nav-gl a{
	display: none;
	background: #333;
	margin-left: 10px;
	padding: 6px 12px 6px 12px;
	color:#ccc;
	font-size:13px;
}




/*======================================

	nav-common
	
========================================*/

.nav-common{
	width:100%;
	margin:0 auto 12px auto;
	padding:0 0px 0 0px;
	background: #fff;
	display: flex;
	justify-content: flex-start;
}

.nav-common-left{
	width:100%;
	text-align: center;
	padding:0px 0 0 0;
	margin:0 0 0 0;
}


.main-logo{
	width:250px;
	height: auto;
	text-align: center;
	padding:0px 0 0 0;
	margin:12px auto 0 auto;
}

.main-logo h1{
	line-height: 1;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

.main-logo img{
	width:100%;
	height: auto;
	border-left:0px solid #aaa;
	border-right:0px solid #333;
}

.nav-common-right{
	display: none;
	width:680px;
	padding:51px 0 0 0;
	margin:0 0 0 0;
}




/*======================================

	nav-common
	
========================================*/

.nav-common nav.nav-contents ul {
	margin:0 0 15px 0;
	padding:0px; 
	list-style-type:none;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}

.nav-common nav.nav-contents li {
	display: inline-block;
	font-size:12px;
	line-height: 1;
	margin:0 0px 0 0px; 
	padding:6px 12px 6px 12px; 
	border-left: 1px solid #aaa;
	vertical-align: top;
}
.nav-common nav.nav-contents li:last-child {
	border-right: 1px solid #aaa;
}

.nav-common nav.nav-contents li a{
	color:#333;
}
.nav-common nav.nav-contents li a:hover{
	color:#ff6633;
}




/*======================================

	item-nav
	
========================================*/

.item-nav-outer {
	width: 100%;
	padding: 12px 0 12px 0;
	margin: 0px auto 0px auto;
	text-align: left;
	border-top: 0px solid #aaa;
	border-bottom: 0px solid #ff6633;
	background: #333;
}

.item-nav {
	width: 95%;
	padding: 0 0 0 0;
	margin: 0px auto 0px auto;
	text-align: left;
	color: #000000 ;
	position: relative;
	display: block;
	justify-content: space-between;
}

.navi-category {
	display: block;
	margin:0 0 0 0;
	padding:0 0 0 0; 
	width: 100%;
	height:30px;
	text-align: right;
}


.navi-category ul {
	margin:12px 0 12px 0;
	padding:0px 0 0 0; 
	list-style-type:none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.navi-category li {
	width: 33%;
	display: block;
	font-size:12px;
	overflow:hidden;
	margin:0 0px 0 0px; 
	padding:6px 0px 5px 0px; 
	border-left: 1px solid #eeede7;
	position: relative;
	text-align: center;
}
.navi-category li:last-child {
	border-right: 1px solid #eeede7;
}

.navi-category li a{
	color:#eeede7;
}
.navi-category li a:hover{
	color:#ff6633;
}

.head-searchform-box {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0px 0 0px;
	text-align: left;
}


.head-searchform {  
    width: 100%;  
    background: #fff;   
    display: block;  
    height: 36px;  
    position: relative; 
    padding:8px 8px 8px 8px;
    margin: 0;
	border-top:0px solid #aaa;
	border-right:0px solid #aaa;
	border-bottom:0px solid #aaa;
	border-left:0px solid #aaa;
	text-decoration: none;
	color: #444;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}  
.head-keywords  {  
    background: #fff;   
    width: 85%;  
    position: absolute;  
	padding:0px;
    border: 0px solid #FFF;  
    outline: 0;
    font-size: 16px ;
}  
.head-searchBtn {  
    position: absolute;  
    top: 5px;  
    right: 2%;  
    background: url(../i/btn_search.png) 8px 5px no-repeat;
    background-size:auto 15px;
    height:25px;
    width:25px;
	border:solid 0px #EEA34A;
	color:#fff;
	text-indent: -9999em;
	cursor: pointer;
}  





a.head-cart{
	display: none;
	width: 90px;
	border-radius: 9px;
	background: #ff6633;
	height:36px;
	position: fixed;
}

a.head-cart:hover{
	opacity: 0.7;
}

.head-cart-inner{
	width: 100%;
}


img.head-cart-icon{
	width: 26px;
	height: 26px;
	position:absolute;
	top: 50%;
	left: 15px;
	transform: translate(0%,-50%);
}



.cartin-volume{
	width: 26px;
	height: 26px;
	position:absolute;
	top: 50%;
	right : 12px;
	transform: translate(0%,-50%);
	border-radius: 50%;
	background: #fff;
	font-size:11px;
	text-align: center;
	line-height: 0;
	padding: 13px 0 0 0px;
	font-weight: bold;
	color: #333;
}




/*======================================

	footer
	
========================================*/

.footer-wrapper{
	width: 100%;
	padding: 36px 0px 0px 0px;
	color: #333 ;
	background: repeating-linear-gradient(90deg, #999, #999 3px, #fff 3px, #fff 6px);
}

.footer {
	background: #333;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 32px 0px 18px 0px;
	text-align: center;
	border-top:0px solid #ff9933;
}

.footer-category ul {
	display: none;
	justify-content: center;
}

.footer-category li {
	display: inline-block;
	font-size:16px;
	overflow:hidden;
	margin:0 0px 20px 0px; 
	padding:4px 20px 4px 20px; 
	border-left: 1px solid #eeede7;
}
.footer-category li:last-child {
	border-right: 1px solid #eeede7;
}

.footer-category li a{
	color:#eeede7;
}
.footer-category li a:hover{
	color:#cc3333;
}

.footer-navi ul {
	display: none;
	justify-content: center;
}

.footer-navi li {
	display: inline-block;
	font-size:14px;
	overflow:hidden;
	margin:0 0px 20px 0px; 
	padding:0px 16px 0px 16px; 
	border-left: 1px solid #eeede7;
}
.footer-navi li:last-child {
	border-right: 1px solid #eeede7;
}

.footer-navi li a{
	color:#eeede7;
}
.footer-navi li a:hover{
	color:#cc3333;
}

.copyright{
	background: transparent;
	font-size:12px;
	height:28px;
	text-align:center;
	margin: 0 auto 60px auto;
	padding: 0px 0 0px 0 ;
	color:#eeede7;
}





/*======================================

recent item 
	
========================================*/
.recent-item-wrapper{
	border-top:0px solid #aaa;
	padding:30px 0 0 0;
	margin:75px 0 0px 0;
	background: #f9f9f9;
}

.recent-item-h3{
	margin: 0 0 21px 0;
	padding: 0 0 12px 0px;
	font-size: 18px;
	font-weight: 400;
	border-bottom:1px solid #aaa;
}

.recent-item-h3 span{
	display: block;
	font-size: 12px;
	color: #999;
	margin: 3px 0 0px 0;
}


.recent-item{
	width: 95%;
	border-top:0px solid #aaa;
	padding:0 0 24px 0;
	margin:0px auto 0px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.recent-item-box{
	width: 30%;
	border-top:0px solid #aaa;
	padding:0px 0 0px 0;
	margin:0 1% 18px 1%;
}

.recent-item-box-left{
	width: 100%;
	padding:0 9px 0 9px;
	margin:0 0 0 0;
}

.recent-item-box-right{
	width: 100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align: left;
}


.recent-item-photo{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	text-align: center;
}

.recent-item-thumb{ 
	padding:0px auto 0px auto;
	margin:0px 0px 0px 0px;
	width:100%;
	height: 90px;
	object-fit:contain;
}


.recent-item-box-data{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0;
	width:100%;
}


.recent-item-title, .recent-item-title a.recent-to-detail{
	font-size:13px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 6px 0;
	color:#333;
	font-weight: 600;
	word-break: break-all;

}


.recent-item-author{
	font-size:11px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 9px 0;
	color:#666;
	font-weight: 400;
}







}
/* end max-width: 480px  */




@media only screen and (min-width: 481px) {




#mobile-nav-wrapper{

	display: none;

}

a.mobile-cart{
	display:none;
	
}


a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	text-decoration: none;
	border: none;
}





/*======================================

	layout 
	
========================================*/

.wrapper{
	width:1140px;
	margin: 30px auto 60px auto;
	padding: 0 15px 0 15px ;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.detail-wrapper{
	width:1140px;
	margin: 30px auto 0 auto;
	padding: 0 15px 0 15px ;
}

.page-wrapper{
	width:1140px;
	margin: 30px auto 0 auto;
	padding: 0 15px 0 15px ;
}

.top-wrapper{
	width:100%;
	margin: 0px auto 0 auto;
	padding: 0 15px 0 15px ;
}

.sidemenu{
	width:210px;
	text-align: left;
	margin: 0 50px 0 0;
	padding: 0 0 0 0 ;
	background: #fff;
}

.main-col{
	width:830px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
}

.center-col{
	width:750px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0 ;
}



/*======================================

	h2
	
========================================*/


.h2-wrapper {
	width:100%;
	min-width: 1110px;
	height: 54px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 45px auto;
	border-bottom:0px solid #aaa;
	background: repeating-linear-gradient(90deg, #999, #999 3px, #fff 3px, #fff 6px);
	display: flex; /* 文字と横線を横並び */
	justify-content: center;
}



h1.dir-top {
  align-items: center; /* 横線を上下中央 */
  display: inline-block; /* 文字と横線を横並び */
  color:#333;
  font-size:27px;
  font-weight: 500;
  width: 480px;
  padding: 21px 60px 0px 60px;
  margin: 0 auto 0 auto;
  line-height: 1;
  letter-spacing:0.2em;
  background: #fff;
  
}

h1.dir-top span{
	display: inline-block;
	font-size: 13px;
	margin-left: 12px;
  letter-spacing:0em;
}


div.dir-top {
  align-items: center; /* 横線を上下中央 */
  display: inline-block; /* 文字と横線を横並び */
  color:#333;
  font-size:27px;
  font-weight: 500;
  width: 480px;
  padding: 21px 60px 0px 60px;
  margin: 0 auto 0 auto;
  line-height: 1;
  letter-spacing:0.2em;
  background: #fff;
  
}

div.dir-top span{
	display: inline-block;
	font-size: 13px;
	margin-left: 12px;
  letter-spacing:0em;
  color:#999;
}



/*======================================

	head
	
========================================*/
header{
	width:100%;
	min-width:1140px;
	margin:0px 0px 0px 0px;
	padding:0 0 0 0;
}


/*======================================

	al-nav
	
========================================*/

.nav-gl{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 0 14px 0 14px;
}



.nav-gl a{
	display: inline-block;
	background: #333;
	margin-left: 9px;
	padding:6px 15px 6px 15px;
	color:#ccc;
	font-size:13px;
	font-weight: 600;
	border-left:3px solid #ff6633;	

}
.fa-external-link-alt{
	color:#ff6633;
	display: inline-block;
	margin-left: 6px;
}


/*======================================

	nav-common
	
========================================*/

.nav-common{
	width:100%;
	margin:0px auto 0 auto;
	padding:0 15px 0 15px;
	background: #fff;
	display: flex;
	justify-content: space-between;
}

.nav-common-left{
	width:450px;
	text-align: left;
	padding:0px 0 0 0;
	margin:0 0 0 0;
}



.main-logo{
	width:369px;
	height: auto;
	text-align: left;
	padding:0px 0 0 0;
	margin:-4px 0 0 0;
}

.main-logo h1{
	line-height: 1;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
.main-logo img{
	width:100%;
	height: auto;
	border-left:0px solid #aaa;
	border-right:0px solid #333;
}

.nav-common-right{
	width:680px;
	padding:51px 0 0 0;
	margin:0 0 0 0;
}




/*======================================

	nav-common
	
========================================*/

.nav-common nav.nav-contents ul {
	margin:0 0 15px 0;
	padding:0px; 
	list-style-type:none;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}

.nav-common nav.nav-contents li {
	display: inline-block;
	font-size:13px;
	line-height: 1;
	margin:0 0px 0 0px; 
	padding:6px 12px 6px 12px; 
	border-left: 1px solid #aaa;
	vertical-align: top;
}
.nav-common nav.nav-contents li:last-child {
	border-right: 1px solid #aaa;
}

.nav-common nav.nav-contents li a{
	color:#333;
}
.nav-common nav.nav-contents li a:hover{
	color:#ff6633;
}




/*======================================

	item-nav
	
========================================*/

.item-nav-outer {
	width: 100%;
	padding: 12px 0 12px 0;
	margin: 0px auto 0px auto;
	text-align: left;
	border-top: 0px solid #aaa;
	border-bottom: 0px solid #ff6633;
	background: #333;
}

.item-nav {
	width: 1110px;
	padding: 0 0 0 0;
	margin: 0px auto 0px auto;
	text-align: left;
	color: #000000 ;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.navi-category {
	margin:0 0 0 0;
	padding:0 0 0 0; 
	width: 530px;
	height:30px;
	text-align: right;
}


.navi-category ul {
	margin:0 0 0 0;
	padding:3px 0 0 0; 
	list-style-type:none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.navi-category li {
	display: inline-block;
	font-size:16px;
	overflow:hidden;
	margin:0 0px 0 0px; 
	padding:3px 30px 3px 30px; 
	border-left: 1px solid #eeede7;
	position: relative;
}
.navi-category li:last-child {
	border-right: 1px solid #eeede7;
}

.navi-category li a{
	color:#eeede7;
}
.navi-category li a:hover{
	color:#ff6633;
}

.head-searchform-box {
	width: 360px;
	padding: 0 0 0 0;
	margin: 0 0px 0 0px;
	text-align: left;
}


.head-searchform {  
    width: 100%;  
    background: #fff;   
    display: block;  
    height: 36px;  
    position: relative; 
    padding:8px 8px 8px 8px;
    margin: 0;
	border-top:0px solid #aaa;
	border-right:0px solid #aaa;
	border-bottom:0px solid #aaa;
	border-left:0px solid #aaa;
	text-decoration: none;
	color: #444;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}  
.head-keywords  {  
    background: #fff;   
    width: 85%;  
    position: absolute;  
	padding:0px;
    border: 0px solid #FFF;  
    outline: 0;
    font-size: 16px ;
}  
.head-searchBtn {  
    position: absolute;  
    top: 5px;  
    right: 2%;  
    background: url(../i/btn_search.png) 8px 5px no-repeat;
    background-size:auto 15px;
    height:25px;
    width:25px;
	border:solid 0px #EEA34A;
	color:#fff;
	text-indent: -9999em;
	cursor: pointer;
}  





a.head-cart{
	display: block;
	width: 90px;
	border-radius: 9px;
	background: #ff6633;
	height:36px;
	position: relative;
}

a.head-cart:hover{
	opacity: 0.7;
}

.head-cart-inner{
	width: 100%;
}


img.head-cart-icon{
	width: 26px;
	height: 26px;
	position:absolute;
	top: 50%;
	left: 15px;
	transform: translate(0%,-50%);
}



.cartin-volume{
	width: 26px;
	height: 26px;
	position:absolute;
	top: 50%;
	right : 12px;
	transform: translate(0%,-50%);
	border-radius: 50%;
	background: #fff;
	font-size:11px;
	text-align: center;
	line-height: 0;
	padding: 13px 0 0 0px;
	font-weight: bold;
	color: #333;
}



/*======================================

	footer
	
========================================*/

.footer-wrapper{
	width: 100%;
	padding: 36px 0px 0px 0px;
	color: #333 ;
	background: repeating-linear-gradient(90deg, #999, #999 3px, #fff 3px, #fff 6px);
}

.footer {
	background: #333;
	width: 100%;
	min-width: 1140px;
	margin: 0 auto 0 auto;
	padding: 32px 0px 18px 0px;
	text-align: center;
	border-top:0px solid #ff9933;
}

.footer-category ul {
	display: flex;
	justify-content: center;
}

.footer-category li {
	display: inline-block;
	font-size:16px;
	overflow:hidden;
	margin:0 0px 20px 0px; 
	padding:4px 20px 4px 20px; 
	border-left: 1px solid #eeede7;
}
.footer-category li:last-child {
	border-right: 1px solid #eeede7;
}

.footer-category li a{
	color:#eeede7;
}
.footer-category li a:hover{
	color:#cc3333;
}

.footer-navi ul {
	display: flex;
	justify-content: center;
}

.footer-navi li {
	display: inline-block;
	font-size:14px;
	overflow:hidden;
	margin:0 0px 20px 0px; 
	padding:0px 16px 0px 16px; 
	border-left: 1px solid #eeede7;
}
.footer-navi li:last-child {
	border-right: 1px solid #eeede7;
}

.footer-navi li a{
	color:#eeede7;
}
.footer-navi li a:hover{
	color:#cc3333;
}

.copyright{
	background: transparent;
	font-size:14px;
	height:28px;
	text-align:center;
	margin: 0 auto 30px auto;
	padding: 0px 0 0px 0 ;
	color:#eeede7;
}







/*======================================

recent item 
	
========================================*/
.recent-item-wrapper{
	border-top:0px solid #aaa;
	padding:30px 0 0 0;
	margin:75px 0 0px 0;
	background: #f9f9f9;
}

.recent-item-h3{
	margin: 0 0 21px 0;
	padding: 0 0 12px 0px;
	font-size: 21px;
	font-weight: 400;
	border-bottom:1px solid #aaa;
}

.recent-item-h3 span{
	display: block;
	font-size: 14px;
	color: #999;
	margin: 3px 0 0px 0;
}


.recent-item{
	width: 1140px;
	border-top:0px solid #aaa;
	padding:0 0 24px 0;
	margin:0px auto 0px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.recent-item-box{
	width: 145px;
	border-top:0px solid #aaa;
	padding:0px 0 0px 0;
	margin:0 12px 18px 12px;
}

.recent-item-box-left{
	width: 100%;
	padding:0 9px 0 9px;
	margin:0 0 0 0;
}

.recent-item-box-right{
	width: 100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align: left;
}


.recent-item-photo{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	text-align: center;
}

.recent-item-thumb{ 
	padding:0px auto 0px auto;
	margin:0px 0px 0px 0px;
	width:100%;
	height: 120px;
	object-fit:contain;
}


.recent-item-box-data{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0;
	width:100%;
}


.recent-item-title, .recent-item-title a.recent-to-detail{
	font-size:13px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 6px 0;
	color:#333;
	font-weight: 600;
	word-break: break-all;

}


.recent-item-author{
	font-size:11px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 9px 0;
	color:#666;
	font-weight: 400;
}








}