@charset "UTF-8";


/*--------------------------------------------------------------------------
   全ページ共通（header,navi,footer,gotop）
--------------------------------------------------------------------------*/
.textr{
	color:#9A0000;
}

.text11{
	font-size:11px;	
}

.textbold{
	font-weight:bold;	
}

.textdel{
	text-decoration: line-through;		
}

.mb20{
	margin-bottom:20px;	
}

.mb10{
	margin-bottom:10px;	
}


/*header-info*/
#logo{
	background:#F9F1DD;
	overflow:hidden;
}

h1{
	float:left;	
	width:53%;
}

#logo ul{
	float:right;
	width:340px;
	text-align:right;
	margin-top:40px;
	margin-right:10px;
}

#logo li{
	display:inline;
	font-size:11px;
	text-align:right;
	margin-left:10px;
}

#logo .cart_button{
	margin-top:10px;	
}

#logo a{
	color:#510A06;
	text-decoration:none;
}


/*header　navi*/
#header {
    background: #510A06;
    border-bottom: 1px solid #ddd;
    height: 85px;
    position: relative;
    width: 100%;
}

#header ul{
	position: absolute;
	right: 0px;
	clear:both;
}

#header li{
	float:left;
	width:120px;
	height:75px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:20px;
	margin-left:20px;
}

#header li:first-child{
	display:none;	
}


#header a{
	width: 120px;
    height: 75px;
    display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header a.navi01{
    background-repeat: no-repeat;
    background-image: url('../com/navi01.png');
    background-position: center;
}

#header a.navi02{
    background-repeat: no-repeat;
    background-image: url('../com/navi02.png');
    background-position: center;
}

#header a.navi03{
    background-repeat: no-repeat;
    background-image: url('../com/navi03.png');
    background-position: center;
}

#header a.navi04{
    background-repeat: no-repeat;
    background-image: url('../com/navi04.png');
    background-position: center;
}

.button {
    width: 120px;
    height: 75px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('../com/drawer.png');
    background-position: center;
}
.menu-button-left {
    left: 0px;
}
.menu-button-right {
    right: 0px;
    border-left: 1px solid #ddd;
}

/*slidemenu*/
.slidemenu {
    background-color: #ffffff;
}
.slidemenu li {
    list-style: none;
    border-top: 1px solid #510A06;
    border-bottom: 1px solid #510A06;
    font-size:14px;
    line-height: 1.8;
}

.slidemenu li.menu-cate{
    background-color: #D6C4A4;	
}

.slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
    color: #510A06;
}
.slidemenu li:first-child {
    border-top: none;
}
.slidemenu li:last-child {
    border-bottom: none;
}
.slidemenu .slidemenu-header {
    height: 49px;
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    background-color: #510A06;
}
.slidemenu .slidemenu-header div {
    padding: 17px 0px 0px 19px;
    text-decoration: none;
    color: #fff;
}

/*plugin*/
#main {
  z-index: 1;
  min-width:1200px;
  background:#F9F1DD;
}
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}


/*contents*/
#contents{
	background:#F9F1DD;
	width:98%;
	margin:0 auto;
}



h2{
	color: #510A06;
	font-size:16px;
}

h3{
	color:#510A06;
	font-size:12px;	
}

.title01{
	background-image: url(../com/star01.png);
	background-repeat: no-repeat;
	background-position: 95% 88%;
}

.title02{
	background-image: url(../com/star03.png);
	background-repeat: no-repeat;
	background-position: 4% -22%;
}

.title03{
	background-image: url(../com/star04.png);
	background-repeat: no-repeat;
	background-position: 4% -22%;
}

/*left_menu*/
#left_menu{
	width:18%;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	float:left;
}

#left_menu .menu_wrapper h2{
	text-align: center;
}

#left_menu .menu_wrapper h3{
	text-align:center;
	margin-bottom:20px;
}

#left_menu .menu_wrapper li{
	margin-left:3%;
	margin-right:1%;
	margin-bottom:15px;
}

#left_menu .menu_wrapper li a{
	background-image: url(../com/navi_off.png);
	background-repeat: no-repeat;
	padding-left: 32px;
	text-decoration: none;
	color: #510A06;
	font-size: 18px;
}

#left_menu .menu_wrapper li a:hover,
#left_menu .menu_wrapper li.now a{
	background-image: url(../com/navi_on.png);
	background-repeat: no-repeat;
	padding-left: 32px;
	text-decoration: none;
	color: #510A06;
	font-size: 18px;
}


/*page*/
#page{
	width:62%;
	float:left;
	margin-left:1%;
	margin-right:1%;	
	margin-top:1%;
}


/*right_menu*/
#right_menu{
	width:14%;
	margin-right:1%;
	margin-left:1%;
	float:left;
	margin-top:1%;
}

#right_menu .menu_wrapper h2{
	text-align: center;
}

#right_menu .menu_wrapper h3{
	text-align:center;
	margin-bottom:10px;
}

#right_menu .menu_wrapper{
	text-align:center;
	padding-bottom:20px;
}

input.keyword{
	width:11em;	
	margin-bottom:8px;
}

input.s-price{
	width:3.5em;
	margin-bottom:8px;	
}


/*menu_wrapper*/
.menu_wrapper{
	border-top:20px solid #D6C4A4;
	border-left:1px solid #D6C4A4;	
	border-right:1px solid #D6C4A4;	
	border-bottom:1px solid #D6C4A4;
	background:#ffffff;
	padding-top:10px;
	margin-bottom:20px;
}




/*footer*/
#footer{
	background:#F9F1DD;
}

.footer_inner{
	background:#510A06;
	padding-top:40px;
	padding-bottom:40px;
}

.footer_link{
	color:#ffffff;
	max-width:1000px;
	width:90%;
	margin:0 auto;
}

.footer_link a{
	color:#ffffff;
	text-decoration:none;
}

.footer_info{
	float:left;
	width:40%;
	font-size:11px;
	line-height:20px;

}

.footer_link ul{
	font-size:12px;	
	float:left;	
	line-height:25px;
	width:18%;
	margin-left:1.5%;
}

.footer_banner ul{
	width:80%;
	margin:40px auto;
	max-width:1000px;
}

.footer_banner li{
	width:24%;
	display:inline-block;
	text-align:center;
}


/*gotop*/
p.gotop{
    position:fixed;
    right:15%;
    bottom:0;
	z-index: 1;
}

p.gotop a{
    width: 48px;
    height: 60px;
    display: block;
}

#main_wrapper{
	position:relative;
}



@media screen and (max-width: 768px) {
	/*plugin*/
	#main {
	  z-index: 1;
	  width:100%;
	  min-width:280px;
	}	
	
	/*header-info*/
	h1{
		float:left;	
		width:100%;
		max-width:575px;
	}	

	#logo ul{
		float:right;
		width:340px;
		text-align:right;
		margin-top:0px;
		margin-right:10px;
	}
	
	/*header*/
	#header {
 		background: #510A06;
		border-bottom: 1px solid #ddd;
		height: 85px;
 		position: relative;
 		width: 100%;
	}

	#header ul{
 		left: 0px;
 		position: absolute;
 		clear:both;
	}

	#header li{
 		float:left;
 		width:20%;
 		height:auto;
 		margin-top:5px;
 		margin-bottom:5px;
 		margin-right:0;
 		margin-left:0;
	}

	#header li:first-child{
 		display:block;	
	}

	#header a{
 		width: 100%;
 		height: 75px;
 		display: block;
 		background-size: contain;
 		text-indent: 100%;
 		white-space: nowrap;
 		overflow: hidden;
	}

	.button {
 		width: 100%;
 		height: 75px;
 		display: block;
 		background-repeat: no-repeat;
 		background-image: url('../com/drawer.png');
 		background-size: contain;
	}


	/*left_menu*/
	#left_menu{
 		display:none;
	}

	/*page*/
	#page{
 		width:100%;
 		float:none;
 		margin-left:0%;
 		margin-right:0%;	
 		margin-top:30px;
	}
	
	#check_page{
 		width:100%;
 		margin:0 auto;
	}

	/*right_menu*/
	#right_menu{
 		display:none;
	}


	/*footer*/
	.footer_link{
 		color:#ffffff;
 		max-width:760px;
 		width:95%;
 		margin:0 auto;
	}

	.footer_info{
 		float:none;
 		width:100%;
 		font-size:11px;
 		line-height:20px;
 		margin-bottom:20px;
	}

	.footer_link ul{
 		font-size:12px;	
 		float:left;	
 		line-height:25px;
 		width:30%;
 		margin-left:0;
 		margin-right:1.5%;
	}

	.footer_banner ul{
 		width:95%;
 		margin:40px auto;
 		max-width:760px;
	}

}


@media screen and (max-width: 480px) {
	/*header-info*/
	#logo .sp_none{
 		display:none;	
	}

	#logo ul{
 		float:right;
 		width:340px;
 		text-align:right;
 		margin-top:0px;
 		margin-right:10px;
 		margin-bottom:10px;
	}

}



/*--------------------------------------------------------------------------
   index
--------------------------------------------------------------------------*/
.main_banner ul{
	width:100%;
	margin:0 auto;
	max-width:1200px;

}

.main_banner li{
	display:inline-block;
	width:30%;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
	max-width:400px;
	text-align:center;
}


#news{
	width:49%;
	float:left;
	margin-top:40px;
	background:#ffffff;
	border:1px #D6C4A4 solid;
	padding:20px;
}

#news h2{
	float: left;
	margin-right: 18px;
	background-image: url(../com/star01.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	height: 28px;
	line-height: 28px;
	font-size:15px;
}

#news h3{
	line-height:28px;	
}

.note{
	margin-top:20px;	
}

.note p{
	background-image: url("../images/note.png");
    line-height: 25px;
    margin: 0px;

}

#twitter{
	width:49%;
	float:right;
	margin-top:40px;
	height:auto;
}

.twitter-timeline{
	height:100% !important;
	overflow: auto;
}

#ind_info{
	margin-top:40px;
	background:#ffffff;
	border:1px #D6C4A4 solid;
	padding:20px;
}

#ind_info h2{
	margin-right: 18px;
	padding-left: 50px;
	min-height: 26px;
	text-align:left;
	font-size:15px;
}

#ind_info h3{
	padding-left: 50px;
	margin-bottom:20px;
	text-align:left;
}

.ind_flow h2{
	background-image: url(../com/star04.png);
	background-repeat: no-repeat;
}

.ind_pay h2{
	background-image: url(../com/star05.png);
	background-repeat: no-repeat;
}

.ind_return h2{
	background-image: url(../com/star03.png);
	background-repeat: no-repeat;
}

.ind_wrapping h2{
	background-image: url(../com/star06.png);
	background-repeat: no-repeat;
}

.ind_deli h2{
	background-image: url(../com/star07.png);
	background-repeat: no-repeat;
}

.ind_flow{
	padding-bottom: 20px;
	background-image: url("../images/note.png");
	background-repeat: repeat-x;
	background-position: 0% bottom;
	margin-bottom:20px;
	text-align:center;
}

.ind_pay,
#ind_info .wrapper,
.ind_deli{
	width:30%;	
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:30px;
}

.ind_return{
	margin-bottom:30px;
}




@media screen and (max-width: 768px) {
	.main_banner ul{
 		width:100%;
 		margin:0 auto;
 		max-width:760px;

	}

	.main_banner li{
 		display:inline-block;
 		width:30%;
 		margin-right:1%;
 		margin-left:1%;
		margin-bottom:10px;
 		max-width:400px;
 		text-align:center;
	}


	#news{
 		width:100%;
 		float:none;
 		margin-top:40px;
 		background:#ffffff;
 		border:1px #D6C4A4 solid;
 		padding:20px;
	}

	#news h2{
 		float: left;
 		margin-right: 18px;
 		background-image: url(../com/star01.png);
 		background-repeat: no-repeat;
 		padding-left: 50px;
 		height: 28px;
 		line-height: 28px;
	}

	#news h3{
 		line-height:28px;	
	}

	.note{
 		margin-top:20px;	
	}

	.note p{
 		background-image: url("../images/note.png");
 		line-height: 25px;
 		margin: 0px;
	}

	#twitter{
 		width:100%;
 		float:none;
 		margin-top:40px;
	}
	
	.twitter-timeline{
		height:400px;
	}

	.ind_pay,
	#ind_info .wrapper,
	.ind_deli{
 		width:100%;	
 		float:none;
 		margin-left:0%;
 		margin-right:0%;
 		margin-bottom:0px;
	}

	.ind_pay,
	.ind_return,
	.ind_wrapping{
 		padding-bottom: 20px;
 		background-image: url("../images/note.png");
 		background-repeat: repeat-x;
 		background-position: 0% bottom;
 		margin-bottom:20px;
	}

}



/*--------------------------------------------------------------------------
   categoryページ
--------------------------------------------------------------------------*/
.main_section .page_title{
	background:#D6C4A4;
	padding-top:1%;
	padding-bottom:1%;
}


.main_section h2{
	float: left;
	margin-right: 18px;
	background-image: url(../com/star02.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	height: 28px;
	line-height: 28px;
	font-size:18px;
}

.main_section h3{
	line-height:28px;	
	color:#ffffff;
}

/*list*/

.list_age{
	color:#0071BB;
	font-size:95%;
}

.list_price{
	color:#990000;
	font-size:120%;
	font-weight:bold;
}

.list_s_price{
	font-size:16px;
	text-decoration:line-through;
}

.list{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}


.list figure{
	float:left;
	background-color: #ffffff;
	border: 1px solid #D6C4A4;
	width:23%;
	padding:10px;
	text-align:center;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
	
}

.list figcaption{
	text-align:center;
	margin-top:10px;
}

.list p{
	margin-top:3px;
	text-align:center;
}



@media screen and (max-width:768px){
	.list{
 		width:100%;
 		margin:0 auto;	
 		text-align:center;
 		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		-o-box-sizing: border-box;
 		-ms-box-sizing: border-box;
 		box-sizing: border-box;
	}

	.list figure{
 		width:31%;
 		float:left;
 		margin-left:1%;
 		margin-right:1%;
	}

	.list figcaption{
 		margin-top:10px;
	}

	.list p{
 		margin-top:3px;
	}

}

@media screen and (max-width:480px){
	.main_section h2{
 		float: none;
	}	

	.main_section h3{
 		padding-left:50px;
 		line-height:18px;
	}
	
	.list{
 		width:100%;
 		margin:0 auto;	
	}


	.list figure{
 		width:48%;
 		float:left;
 		margin-left:1%;
 		margin-right:1%;
	}
}


/*--------------------------------------------------------------------------
   お買い物ガイド
--------------------------------------------------------------------------*/
.guide h4{
	font-size:120%;	
	margin-bottom:10px;
	padding-left:1%;
	padding-right:1%;
}

.guide{
	padding-top:40px;
	padding-bottom:40px;
}

.guide dl{
	width:100%;
	background:#ffffff;
	margin-bottom:20px;
	padding:10px;
}

.guide dt{
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:2px solid #510A06;
	margin-bottom:10px;

}

.guide dd{
	border-bottom: 1px dotted #D6C4A4;
	padding-bottom:5px;
	padding-top:5px;
	line-height:23px;
	padding-left:1em;
	text-indent:-1em;
}

.guide dd.normal{
	padding-left:0;
	text-indent:0;	
}

/*.guide table th{
	border:1px solid #ffffff;
	background:#510A06;
	color:#ffffff;
}

.guide table td{
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	border: 1px solid #D6C4A4;
}*/


.guide dd ul{
	width:90%;
	margin:10px auto 10px;
}


.page_link li{
	width:32%;
	display:inline-block;
	margin-top:10px;
}

.page_link a{
	font-size:105%;
	color: #510A06;
	font-weight:bold;
}

/*料金表*/
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }

.money_list table{
	border-collapse: collapse;
}

.money_list th,
.money_list td{ 
	margin:0; 
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	border: 1px solid #babcbf;
}

.money_list th{
	background: #e6e6e6;
}

.money_list table{
	display: block; 
	position: relative; 
	width: 96%; 
}

table thead{ 
	display: block; 
	float: left; 
}

.money_list table tbody{ 
	display: block; 
	width: auto; 
	position: relative; 
	overflow-x: auto; 
	white-space: nowrap; 
}

.money_list table thead tr{ 
	display: block; 
}

.money_list table th{ 
	display: block; 
}

.money_list table tbody tr{ 
	display: inline-block; 
	vertical-align: top; 
}

.money_list table td{ 
	display: block; 
}

.money_list th{ 
	border-bottom: 0; 
}

.money_list td{ 
	border-left: 0; 
	border-right: 0; 
	border-bottom: 0; 
}

.money_list tbody tr{ 
	border-right: 1px solid #babcbf; 
}

.money_list th:last-child,
.money_list td:last-child { 
	border-bottom: 1px solid #babcbf; 
}


@media screen and (max-width:768px){
	.page_link li{
		width:49%;
		display:inline-block;
		margin-top:10px;
	}
}

@media screen and (max-width:480px){
	.page_link li{
		width:100%;
		display:inline-block;
		margin-top:10px;
	}
	
	.money_list table td{
		font-size:90%;
	}
}


/*--------------------------------------------------------------------------
   よくある質問
--------------------------------------------------------------------------*/
.question h4{
	font-size:120%;	
	margin-bottom:10px;
	padding-top:20px;
	padding-left:1%;
	padding-right:1%;
}


.question{
	padding-top:20px;
	padding-bottom:40px;
}


/*--------------------------------------------------------------------------
   ぬりえ
--------------------------------------------------------------------------*/
.nurie h4{
	font-size:120%;	
	margin-bottom:10px;
	padding-top:20px;
	padding-left:1%;
	padding-right:1%;
	border-bottom:3px solid #510A06;
}





/*------------------------------------------------------------
  表
------------------------------------------------------------*/

.frame dl{
	width: 100%;
	margin: 40px auto;
	border-bottom:#510A06 1px solid;
	border-left: #510A06 1px solid;
	background-color: #D6C4A4;
}

.frame dt{
	float: left;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 200px;
	border-top: #510A06 1px solid;
	font-weight:bold;
}

.frame dd{
	margin-left: 200px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #510A06 1px solid;
	border-right: #510A06 1px solid;
	background-color: #FFFFFF;
}

@media screen and (max-width:480px){
	.frame dt{
		float: none;
		text-align:center;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
		border-top: #510A06 1px solid;
		border-right: #510A06 1px solid;
		font-weight:bold;
	}

	.frame dd{
		margin-left: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: #510A06 1px solid;
		border-right: #510A06 1px solid;
		background-color: #FFFFFF;
	}

}


/*------------------------------------------------------------
  メールフォーム
------------------------------------------------------------*/
/*pageの代替*/
#check_page{
	width:62%;
	margin:1% auto;
}

.mail_message{
	border:#510A06 1px solid;
	background-color:#ffffff;
	padding:2%;
	margin-top:2%;
}


.mailform dl{
	width: 100%;
	margin: 40px auto;
	border-bottom:#510A06 1px solid;
	border-left: #510A06 1px solid;
	background-color: #D6C4A4;
}

.mailform dt{
	float: left;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	border-top: #510A06 1px solid;
	font-weight:bold;
}

.mailform dd{
	margin-left: 30%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #510A06 1px solid;
	border-right: #510A06 1px solid;
	background-color: #FFFFFF;
}

.mailform dd p,
.enquetform dd p{ 
	padding-left: 1em;
	text-indent: -1em;
}

 /*フォーム*/

.input{
	width:80%;	
}

.textarea{
	width:80%;
	height:250px;	
}

select,
.input,
textarea{
	border:	1px solid #D6D7D4;
}

.form-button{
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;	
}

.form-button input{
	margin-right:1%;
	margin-left:1%;	
}


.policy{
	width: 100%;
	margin: 40px auto;
	text-align:center;
	font-size:110%;
	padding-bottom:20px;

}


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

	.input{
		width:95%;	
	}

	.textarea{
		width:95%;
		height:250px;	
	}
	
	/*pageの代替*/
	#check_page{
 		width:100%;
 		float:none;
 		margin-left:0%;
 		margin-right:0%;	
 		margin-top:1%;
	}

}


@media screen and (max-width:480px){
	.mailform dt{
		float: none;
		text-align:center;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
		border-top: #510A06 1px solid;
	}



	.mailform dd{
		margin-left: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: #510A06 1px solid;
		border-right: #510A06 1px solid;
		background-color: #FFFFFF;
	}
}




/*--------------------------------------------------------------------------
   商品詳細
--------------------------------------------------------------------------*/

.detail{
	border:1px solid #D6C4A4;
	background:#ffffff;
	margin-top:20px;
	margin-bottom:20px;
	color:#000000;
}

.item_photo{
	float:left;
	width:49%;
	text-align:center;
	padding:1%;
}

.item_photo ul{
	text-align:left;
	margin-top:20px;	
}

.item_photo li{
	display:inline-block;
	width:32%;
	border:1px solid #D6C4A4;
	text-align:center;
	margin-bottom:10px;
}


.item_outline{
	float:right;
	width:49%;
	padding:3%;
}

.item_option{
	margin-bottom:10px;	
}


.item_option li{
	display:inline-block;
	margin-bottom:5px;
}

.item_name{
	font-size:130%;	
	margin-bottom:10px;
	margin-top:20px;
}

.item_money{
	font-size:130%;
	font-weight:bold;	
}

.item_money li{
	display:inline;
	padding:5px;
}


.item_comment{
	margin-top:30px;
	font-size:80%;
	font-weight:bold;	
}

.item_cut{
	/*background-image: url(../images/note.png);
	background-repeat: repeat-x;
	background-position: center bottom;*/
	/*padding-top: 40px;*/
    border-bottom:#510A06 2px solid;
	padding-bottom: 20px;
	margin-bottom:30px;
	font-size:110%;
}


.item_outline dl{
	background-image: url(../images/note.png), url(../images/note.png);
	background-repeat: repeat-x;
	background-position: center top, center bottom;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom:30px;
	font-size:110%;
}

.item_outline dt{
	float:left;	
}

.item_outline dd{
	margin-left:6em;	
}

.cartin{
	text-align:center;
	margin-bottom:10px;
}


.item_other{
	width:100%;
	border:1px solid #D6C4A4;
	background:#ffffff;
	margin-top:20px;
	margin-bottom:20px;
	padding:3%;
	font-size:105%;
	line-height:28px;
}

.item_other .left{
	float:left;
	width:70%;
/*	margin-bottom:30px;*/
}

.item_other .right{
	float:right;	
	width:30%;
	text-align:center;
/*	margin-bottom:30px;*/
}

.item_other .right img{
	margin-bottom:20px;	
}

.item_other .line{
	background-image: url(../images/note.png);
	background-repeat: repeat-x;
	background-position:center bottom;
	margin-bottom:30px;
	padding-bottom:30px;
}

.item_other h4{
	background:#D7C4A4;
	text-align:center;
	font-size:130%;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
}

.item_spec{
	text-align:center;	
}




.item_spec dl{
	width: 100%;
	margin: 40px auto;
	border-bottom:#ffffff 2px solid;
	border-left: #ffffff 2px solid;
	background-color: #F0E5C7;
	font-size:90%;
}

.item_spec dt{
	float: left;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 8em;
	border-top: #ffffff 2px solid;
}

.item_spec dd{
	text-align:left;
	margin-left: 8em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #ffffff 2px solid;
	border-right: #ffffff 2px solid;
	background-color: #F9F0DE;
}



.item_review{
	width:100%;
	border:1px solid #D6C4A4;
	background:#ffffff;
	margin-top:20px;
	margin-bottom:20px;
	padding:3%;
}


@media screen and (max-width:768px){
	.cartin input{
		padding-top:5px;
		padding-bottom:5px;
		padding-right:20px;
		padding-left:20px;
		margin-left:20px;
		margin-right:20px;
	}
	
	.item_photo{
		float:none;
		width:100%;
		text-align:center;
		padding:1%;
	}

	.item_outline{
		float:none;
		width:100%;
		padding:3%;
	}

	.item_other .left{
		float:none;
		width:100%;
		margin-bottom:30px;
	}

	.item_other .right{
		float:none;	
		width:100%;
		text-align:center;
		margin-bottom:30px;
	}
	
}

@media screen and (max-width:480px){
	.cartin input{
		padding-top:10px;
		padding-bottom:10px;
		padding-right:30px;
		padding-left:30px;
		margin-left:30px;
		margin-right:30px;
		margin-top:10px;
		margin-bottom:10px
	}

	.item_spec dt{
		float: none;
		text-align:center;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
		border-top: #ffffff 2px solid;
	}

	.item_spec dd{
		margin-left: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: #ffffff 2px solid;
		border-right: 0px;
		background-color: #F9F0DE;
	}	
}




/*--------------------------------------------------------------------------
   カウントダウンタイマー
--------------------------------------------------------------------------*/
#timer{
	font-size:15px;
	text-align:center;
	margin-top:30px;
	font-weight:bold;
	color:#510A06;
}

.TimeDay{
	font-size:22px;
	color:#F4A224;
}

.TimeHrs{
	font-size:22px;
	color:#EB6885;
}

.TimeMin{
	font-size:22px;
	color:#C0A2CB;
}

.TimeSec{
	font-size:22px;
	color:#6798D1;
}


/*--------------------------------------------------------------------------
   商品画像から選ぶ
--------------------------------------------------------------------------*/

#select{
	width:100%;
	margin:0 auto;
	padding:20px 0px 20px 0px;

}

#masonry {  
	width:100%;
	padding:0px;
	overflow:hidden;
	margin:0 auto;
}  

.grid {
	margin:5px;
	padding:5px;
	float:left;
	background:#ffffff;
	display:inline;
	border:#D6C4A4 3px solid;
	border-radius: 10px;        /* CSS3���� */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 10px;   /* Firefox�p */
}

.col1{
	width:170px;
	min-height:170px;
	height: auto;
	text-align:center;
}

.col2{
	width:350px;
	min-height:350px;
	height: auto;
	text-align:center;
}

.col3{
	width:170px;
	min-height:350px;
	height: auto;
	text-align:center;
}

.col4{
	width:350px;
	min-height:350px;
	height: auto;
	text-align:center;
}


.clickup{
	text-align:center;
	padding:10px;	
}


@media (max-width: 480px) {
.grid {
	margin:5px 0px 5px 0px;
	padding:5px;
/*	float:none;*/
	background:#ffffff;
	color:#fff;
	display:block;
	height: auto;
	text-align:center;
}
.col1{
	width:50%;
	max-width:200px;
	height: auto;
	min-height:10px;
	margin:0 auto 5px;
}

.col2{
	width:100%;
	max-width:480px;
	height: auto;
	min-height:10px;
	margin:0 auto 5px;
}
}