body{
	margin: 0px;
	font-family:"source-han-sans-japanese", "Helvetica Neue", "Segoe UI", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.ie8 img{
  width: auto;
}
/*clearfix*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
hr{
    border:none;
    border-top:dotted 1px #786030;
    height:2px;
    color:#000000;
    margin: 10 6 10 6;
	
}
#wrapper {
}
#content{
	width: 100%;
}
#content01{
    /*width: 740px;*/
	width: 950px;
	margin: 0 auto;
}
#scroll{
	/*width: 740px;*/
	width: 950px;
}
/* パソコンではタイル型で表示 */
.slide-wrap {
  display: flex;
  margin: 0 auto;
/*  max-width: 1080px;*/
  width: 100%;
  overflow-y:hidden;
  overflow-x: scroll;
}
.slide-box {
  height: 120px;
  margin-right: 1%;
  width: 120px;
  flex: 0 0 120px;
  /*overflow:hidden;*/
}
/* サムネイルとタイトルのスタイル調整 */
.slide-box a {
  display: block;
  text-decoration: none;
}
.slide-box img {
  display: block;
  height: 90px;
  width: 120px;
}
.slide-box p {
/*  font-weight: bold;*/
  padding-top: 0px;
  margin-top:3px;
  color:#000;
  font-size:12px;
}
.links_frame{
	display: block;
	margin: 10px 0;
	text-indent:-9999px;
	height: 80px;
	background:url(../img/top/takumi2k540.gif) no-repeat center center;
}
.links_frame2{
	display: block;
	margin: 10px 0;
	text-indent:-9999px;
	height: 34px;
	background:url(../img/top/instagram.gif) no-repeat center center;
}
.links_frame3{
	display: block;
	margin: 10px 0;
	text-indent:-9999px;
	height: 34px;
	background:url(../img/top/facebook_btn.gif) no-repeat center center;
}
.links_frame4{
	display: block;
	margin: 10px 0;
	text-indent:-9999px;
	height: 30px;
	background:url(../img/common/tebiki_btn.jpg) no-repeat center center;
}
.links_frame5{
	display: block;
	margin: 10px 0;
	text-indent:-9999px;
	height: 30px;
	background:url(../img/common/q_a_btn.jpg) no-repeat center center;
}
.links_frame6{
	display: block;
	margin: 10px 0;
	text-indent:-9999px;
	height: 30px;
	background:url(../img/top/english_icon.gif) no-repeat center center;
}
.links_frame7{
	display: block;
	margin: 10px 0;
	text-indent:-9999px;
	height: 30px;
	background:url(../img/top/youtube_btn.gif) no-repeat center center;
}
.links_frame8{
	display: block;
	margin: 10px 0;
	text-indent:-9999px;
	height: 30px;
	background:url(../img/top/twitter_btn.gif) no-repeat center center;
}
.links_text_frame{
	display: block;
	margin: 10px 0;
}
#content02{
	/*width: 740px;*/
	width: 950px;
	margin-top: 8px;
}
#search{
	/*width: 520px;*/
	width: 100%;
	/*background-color: #990000;*/
}
#search_div{
	color: #FFF;
	font-size:0.8em;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #990000;
}
#whats_new{
	/*float: left;*/
	/*width: 511px;*/
	float: left;
	width: 75%;
	background-color: #FFF;
	padding-top: 10px;
	padding-left: 5px;
/*	border-right: solid 2px #990000 ;
	border-left: solid 2px #990000 ;*/
}
#more{
	/*float: left;*/
	/*width: 511px;*/
	width: 90%;
	background-color: #FFF;
	padding-top: 10px;
/*	padding-left: 5px;
	border-right: solid 2px #990000 ;
	border-left: solid 2px #990000 ;
	border-bottom: solid 2px #990000 ;*/
	text-align: right;
}
.new{
	clear: both;
	width: 950px;
	border-bottom: #660066 solid 1px;
}
#new_goods{
	clear: both;
	width: 950px;
	background-color: #FFF;
	padding: 0;	
}
#new_goods a:link, #new_goods a:visited {text-decoration: none}
#new_goods a:link {color: #990000}
#new_goods a:visited {color: #660000}
#new_goods a:hover {color: #CC0000; text-decoration: underline;}
#new_goods img{
	/*margin-top: 10px;*/
	/*width: 520px;*/
	margin: 0;
	padding: 0;
}
.listcontainer {
	
}
ul .listcontainer {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.listcontainer li {
	padding:0px 5px 0px 5px;
	margin: 0px 0px;
	float: left;
	width: 20%;
	box-sizing:border-box;
	display: block;
	text-align: left;
	overflow:hidden;
	height:16em;
	background-color: #FFF;
	font-size: 0.8em;
	line-height: 1.5em;
}
.listcontainer li img{
	width: 100%;
}
.listcontainer li:last-child {
	margin-bottom: 20px;
}	
.listcontainer li a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
aside{
	margin: 0;
	padding: 0;
	float: right;
    /*width: 210px;*/
	width: 22%;
}
aside a:link, aside a:visited {text-decoration: none}
aside a:link {color: #990000}
aside a:visited {color: #660000}
aside a:hover {color: #CC0000; text-decoration: underline;}
#links{
	font-size: 0.9em;
	line-height:1.2em;
	letter-spacing: .0.7em;
	text-align: left;
}
#link_text{
	font-size: 0.9em;
	line-height:1.2em;
	letter-spacing: .0.7em;
	text-align: left;
}
#content02 a:link, #content02 a:visited {text-decoration: none}
#content02 a:link {color: #990000}
#content02 a:visited {color: #660000}
#content02 a:hover {color: #CC0000; text-decoration: underline;}

.text_normal{
	line-height:1.6em;
	/*letter-spacing: 0.1em;*/
	letter-spacing: .0.7em;
	text-align: left;
}

h2 {
	font-size:22px;
    letter-spacing: .0.7em;
	margin-top:20px;
	margin-bottom:20px;
	line-height: 36px;
}	
h3 {
	font-size:16px;
    letter-spacing: .0.7em;
}	
.text-nomal2 {
	margin: 0 0 40px 0;
	color: #000000;		
    font-size: 15px;
	line-height: 26px;
   	letter-spacing: .0.7em;
}
.text-nomal2 strong {
	margin: 0 0 40px 0;
	color: #990000;
    font-size: 16px;
	line-height: 26px;
   	letter-spacing: .0.7em;
}	
/*
footer{
	background-color: azure;
}
.footer_bar{
	margin-top: 10px;
	background-color: #25211e;
	width: 100%;
	height: 27px;
}
#footer_bar_div{
	width: 100%;
	text-align: center;
}
.footer-sitemap {
	width: 100%;
	height:260px;
	display: table;
	background-color:#000000;				
	margin: 0 auto; 		
}
.box {
	display: table-cell;
	color: #fff;
	width: 30%;			
  	text-align: left;
}
.box a{
  	color:#990000;
  	text-decoration: none;
	margin: 0 10px;
	color: #fff;
	font-size: 13px;
	line-height: 26px;
	letter-spacing: .0.8em;
	font-weight: 500;			  
}
.box a:hover {
	text-decoration:none;
	color:#7f6633;
}
.copyright_bar{
	background-color: #7f6633;
	height: 1px;
	width: 100%;
}
.copyright{
	width: 100%;
	background-color: #25211e;
	height: 27px;
	margin: 0;
}
#copyright_div{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
}*/

@media only screen and (max-width: 1240px) {
	/* スマホではスライダーで表示 */
  	.slide-wrap {
		/*width: 90%;*/
		width: 100%;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.slide-box {
		flex: 0 0 120px;
		width: 120px;
	}
	.slide-box img {
	  display: block;
	  height: 90px;
	  width: 120px;
	}
}
/*@media only screen and (max-width: 830px) {	*/
@media only screen and (max-width: 970px) {	

	
	#content01{
		width: 95%;
	}
	.links_text_frame{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		height: auto;
	}
	.links_frame{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		text-indent:0;
		height:auto;
		background:transparent;
	}
	.links_frame2{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		text-indent:0;
		height:auto;
		background:transparent;
	}	
	.links_frame3{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		text-indent:0;
		height:auto;
		background:transparent;
	}	
	.links_frame4{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		text-indent:0;
		height:auto;
		background:transparent;
	}	
	.links_frame5{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		text-indent:0;
		height:auto;
		background:transparent;
	}	
	.links_frame6{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		text-indent:0;
		height:auto;
		background:transparent;
	}
	.links_frame7{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		text-indent:0;
		height:auto;
		background:transparent;
	}
	.links_frame8{
		display: block;
		border: solid 1px #990000;
		padding: 10px;
		margin: 10px 0;
		border-radius: 0.3em;
		text-indent:0;
		height:auto;
		background:transparent;
	}
	#scroll{
		width: 100%;
	}
	aside{
		/*float: left;*/
		width: 100%;
	}
	#content02{
		width: 100%;
	}
	#search{
		width: 100%;		
	}
	#whats_new{
		width: 98.8%;
	}
	#more{
		width: 98.8%;
	}
	.new{
		width: 100%;
	}
	#new_goods{
		width: 100%;
	}
	.new_goods_gif{
		width: 100%;
	}
	.text_normal{
		line-height:1.6em;
		letter-spacing: 0.1em;		
	}
}
@media only screen and (max-width: 740px) {	
	.cap {
		font-size: 14px;
		line-height: 1.5em;
		color: #000000;
	}
	.listcontainer li  {
		width: 33.3%;
	}
	.slide-wrap {
		width: 100%;
		/*width: 80%;*/
	}
}
@media only screen and (max-width: 380px) {	
	.listcontainer li  {
		width: 50%;
	}
}