* {
	margin:0;
	padding:0;
	text-decoration:none;
	font-size:10pt;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#222;
	font-weight:normal;
}
img {
	border:none;
}
li {
	list-style-type:none;
}
a {
	color:#04B45F;
}
a:hover {
	color:#ff994d;
}
a:hover img {

	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
.sp_only{
	display:none;
}
.fclear{clear:both;}
.info_news_bold{font-weight:bold;}
.info_news_red{color:#F33;}
.info_news_blue{color:#33f;}
.img_line_01{display:block;float:left;}
.img_line_01 img{margin:5px 10px;}
.img_line_02{display:block;float:right;}
.img_line_02 img{margin:5px 10px;}
body {
	background:url(../img/background.jpg) ;
	background-size: contain;
}
.pagetop {
	position: fixed;
	bottom: -50px;
	right: 50px;
	z-index:5;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
.sp_only{
    display:none;
}
/**********サイドめぬ********/
#sidemenu{
	height:200px;
	position: fixed;
	margin-top:150px;
}

ul li.b1 a { xbackground: #FF9933; }
ul li.b2 a { xbackground: #00CCFF; }
ul li.b3 a { xbackground: #33CC66; }
ul li.b4 a { xbackground: #FF84D7; }
ul#nav2 li {
    xmargin-bottom: 10px;
}
ul#nav2 li a {
    font-weight: bold;
    display: block;
    margin-left: -40px;
    width: 150px;
    xpadding: 5px 20px 5px 0;
    color: #fff;
    text-align: right;
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomright: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
ul#nav2 li a:hover{
	 opacity:2;
}
ul#nav2 li a:hover {
    margin-left: -1px;
}
/*-------------------------------------------------------*/
@media screen and (max-width:1020px){
/*-------------------------------------------------------*/
 .br_none{
	 display:none;
 }
 .sp_only{
	 display:block;
 }
}
/**********ヘッダー*********/
header{
  width:100%;
}
h1{
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}
h1 img{
	max-width:800px;
	width:100%;
}
/*-------------------------------------------------------*/
@media screen and (max-width:1020px){
/*-------------------------------------------------------*/
h1{
	text-align:center;
	margin-bottom:10px;
	margin-top:50px;
}
h1 img{
	max-width:800px;
	width:80%;
}
}
/**********コンテンツ*********/
.contents{
  width:100%;
}
/*-------------------------------------------------------*/
@media screen and (max-width:1020px){
/*-------------------------------------------------------*/
}
/**********ナビ*********/
/*-------------------------------------------------------*/
@media screen and (max-width:1020px){
/*-------------------------------------------------------*/
}
/**********グッズリスト*********/
.goods_list{
  width:100%;
	max-width:980px;
	margin:0 auto;
}
.makimono_end{
  margin-bottom:30px;
}
.makimono_center{
	margin-top:-10px;
  width:100%;
  height:auto;
  background:url(../img/list_center.png) repeat-y center center;
	background-size:contain;
	box-sizing:border-box;
	padding:10px 0;
}
#makimono_list a img:hover{
	opacity:0.8;
}
#makimono_list{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
#makimono_list h3{
  background:url(../img/title_line.png) no-repeat;
	background-size:contain;
	background-position: bottom;
  margin:0 auto;
	width:100%;
	height:89px;
	margin-bottom:25px;
}

#makimono_list h3 p{
	display:block;
	font-size:1.8em;
  position:absolute;
	margin-top:30px;
	margin-left:15px;
	color:#705615;
}
#shatst{
  max-width:880px;
	width:100%;
	margin:0 auto;

}
#nekutai{
  max-width:880px;
	width:100%;
	margin:0 auto;

}
#cap{
  max-width:880px;
	width:100%;
	margin:0 auto;

}
#handkerchief{
  max-width:880px;
	width:100%;
	margin:0 auto;

}
#company{
  max-width:880px;
	width:100%;
	margin:0 auto;

}
#stationery{
  max-width:880px;
	width:100%;
	margin:0 auto;

}
#etc{
  max-width:880px;
	width:100%;
	margin:0 auto;

}
#bag{
  max-width:880px;
	width:100%;
	margin:0 auto;

}
#makimono_list ul{
  width:100%;
	display:inline-block;
}
#makimono_list ul li{
	float:left;
	width:45%;
	max-width:160px;
	margin-left:10px;
	text-align:center;
	margin-bottom:15px;
	color:#705615;
}
#makimono_list ul li p{
	color:#705615;
	height:41px;

}
#makimono_list ul li img{
	width:100%;
	max-width:160px;
}
/*-------------------------------------------------------*/
@media screen and (max-width:1020px){
/*-------------------------------------------------------*/
#makimono_list{
padding:0 5%;

}
#makimono_list h3 p{
	font-size:1.8em;
	margin-top:30px;
	margin-left:10px;
}
#shatst{

}
#nekutai{
	padding-top:20px;
}
#cap{
	padding-top:20px;

}
#handkerchief{
	padding-top:20px;

}
#company{
	padding-top:20px;

}
#stationery{
	padding-top:20px;


}
#etc{
	padding-top:20px;


}
#bag{
	padding-top:20px;


}
}
/*-------------------------------------------------------*/
@media screen and (max-width:768px){
/*-------------------------------------------------------*/
#makimono_list h3 p{
	font-size:1.5em;
	margin-top:50px;
	margin-left:10px;
}
#makimono_list ul li{
	float:left;
	width:45%;
	max-width:500px;
	margin-left:3.2%;
}
#makimono_list ul li img{
	width:100%;
	max-width:500px;
}
}

/*****サブサイド*****/

/*-------------------------------------------------------*/
@media screen and (max-width:1020px){
/*-------------------------------------------------------*/
}
/**********フッダー*********/
/*-------------------------------------------------------*/
@media screen and (max-width:1020px){
/*-------------------------------------------------------*/
}
/*************************
navi
*************************/
/*-----------------------------------------------------ナビゲーションバー*/
.menu-box ul {
  display: none;
}
/*-------------------------------------------------------*/
@media screen and (max-width:1020px){
/*-------------------------------------------------------*/
.menu-box {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
    box-sizing: border-box;
}
.menu-box ul {
    display: none;
    width: 100%;
		padding: 15px 5px;

    }

		.menu-box ul li{
			 float:left;
		    width: %;
				xbackground-color: rgba(255,255,255,0.5);}

}
.menu-box ul li img{
	 width:100%;
	max-width:170px;
}
.menu-btn{
	width:100%;
	font-weight:bold;
	background-color: #c09c49;
	text-align: center;
	padding:10px 0;
	color:#fff;

}


/*---------------------------------------------------
閉じるボタン
---------------------------------------------------*/
.tab_close{
	width:100%;
	text-align:center;
        margin:50px 0;
}
.tab_close a{
     display:inline-block;
     padding:10px 15px;
     text-decoration:none;
     background:#c9b550;
     border-radius:30px;
     font-weight:bold;
     color:#FFF;
     font-size:1.1em;
     font-family:'Hiragino Maru Gothic Pro';
}