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



#cart {
clear:both;
width:90%;
margin: auto;
}

#cart p {
padding:0 12px 0 12px;
}


#cart h3{
font-size:20px;
color:#FF3333;
border-left:4px solid #ff3333;
padding:0 0 0 8px;
}

#cart h4{
font-size:18px;
color:#00AACC;
padding:0 0 0 8px;
margin: 0 0 8px 0;
}

#cart h5{
font-size:16px;
color:#00AACC;
padding:0 0 0 8px;
margin: 0 0 8px 0;
}

#cart strong{
color:#00aacc;
}

.bgyellow {
background:yellow;
}

.kakomi{
border-top:1px #ff3333 solid;
border-bottom:1px #ff3333 solid;
border-left:1px #ff3333 solid;
border-right:1px #ff3333 solid;
text-align:center;
padding:0 0 0 0;
}


/* case-list
----------------------------------------------- */
#cart .case-list{
font-size: 14px;
line-height:24px;
color:#333;
}



/* cart-list
----------------------------------------------- */
#cart .cart-list{
font-size: 14px;
line-height:24px;
color:#333;
width:100%;
background:#efefef;
border-left:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
margin:0 0 24px 0;
}

#cart .cart-list dt{
clear: left;
float: left;
margin: 0 0 0 0;
padding:8px 0 8px 8px;
width: 180px;
color:#00aacc;
font-weight:bold;
border-top:1px solid #aaaaaa;
}

#cart .cart-list dd{
  margin: 0 0 0 0;
  padding:8px 0 8px 200px;
border-top:1px solid #aaaaaa;
}


/* cart-list
----------------------------------------------- */
.cart-flow {
font-size: 14px ;
color: #333333 ;
font-style: normal;
line-height : 24px; 
padding: 0 24px 0 24px;
margin: 0 0 12px 0;
list-style-type: decimal;
}

.cart-flow li {
font-size: 14px ;
color: #333333 ;
font-style: normal;
line-height : 24px; 
padding: 0 0 0 0;
margin: 8px 0 2px 24px;
}


/* customer
----------------------------------------------- */
#customer{
font-size:15px;
text-align:18px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 4px 0;
}

#customer table{
color:#555555;
width:100%;
font-size:15px;
text-align:18px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 4px 0;
}

#customer  th{
background:#cccccc;
color:#555555;
font-size:12px;
text-align:18px;
font-weight:bold;
padding: 8px 8px 8px 8px;
margin: 0 0 4px 0;
text-align:left;
}

#customer  td{
background:#eeeeee;
color:#555555;
font-size:16px;
text-align:18px;
font-weight:normal;
padding: 8px 8px 8px 8px;
margin: 0 0 4px 0;
text-align:left;
}

#customer th span,#customer td span{
	display:block;
	font-size:12px;
}


#cart dl,dt,dd {
margin: 0;
padding: 0;
font-size:14px;
line-height:22px;
}

#cart dl {
border: 1px solid #222;
border-top: none;
width: 100%;
background: #00a0e8;
}

#cart dt,dd {
padding: 8px;
}

#cart dt {
border-top: 1px solid #222;
clear: left;
float: none;
width: 100%;
background: #00a0e8;
}

#cart dd {
margin-left: 0;
border-top: 0px solid #222;
border-left: 0px solid #222;
background: #eee;
}

#cart input {
font-size:16px;
color: #333333;
}
#cart textarea {
width: 100%;
font-size:16px;
color: #333333;
}


input#name{
	width:100%;
}
input#email,input#email2{
	width:100%;
}
input#tel{
	width:100%;
}
input#country{
	width:100%;
}
input#zip{
	width:100%;
}
input#pref{
	width:100%;
}
input#add1{
	width:100%;
}
input#add2{
	width:100%;
}
textarea#naiyo{
	width:100%;
	height: 100px;
}




/* book-list
----------------------------------------------- */
#booklist-body{
background: transparent; 
overflow:auto;
float:right;
padding: 0px 0px 24px 0px ;
width:600px;
}

.book-list{
background: transparent; 
padding: 0px 0px 0px 0 ;
margin: 12px 0px 12px 0 ;
border-top:1px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}
.book-list-detail{
background: transparent; 
padding: 0px 0px 0px 0 ;
margin: 30px 0px 12px 0 ;
border-top:1px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}

.book-list-box{
background: transparent; 
padding: 0px 12px 0px 12px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}
.book-list-box-footer{
background: transparent; 
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
height:2px;
clear:both;
overflow:hidden;
}

.book-list-detailbox-footer{
background: transparent; 
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
height:24px;
clear:both;
overflow:hidden;
}

.book-cartlist-box{
width:100%;
background: transparent; 
padding: 0px 12px 0px 12px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:hidden;
}
.book-img-box{
width: 500px;
padding: 0 0 0 0;
margin: 12px 0 12px 0;
text-align:left;
overflow:auto;
}
.book-left-box{
float: none;
width: 100%;
padding: 0 0px 0 0;
margin: 0 0 0 0;
text-align:left;
overflow:auto;
}
.book-right-box{
float: none;
width:100%;
padding: 0px 0 12px 0;
margin: 0 0 0 0;
text-align:right;
overflow:hidden;
}

.book-head{
color:#666666;
font-size:11px;
text-align:16px;
padding: 0 0 0 0;
margin: 0 0 2px 0;
}
.book-title{
font-weight:bold;
color:#444444;
margin: 20px 0 8px 0;
}
.book-maintitle{
color:#444444;
font-size:16px;
line-height:20px;
font-weight:bold;
}
.book-author{
color:#444444;
font-size:15px;
text-align:17px;
font-weight:normal;
padding: 0 0 0 0;
margin: 0 0 4px 0;
}
.book-note{
color:#555555;
font-size:14px;
text-align:16px;
font-weight:normal;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}
.book-price{
color:#cc3333;
font-size:16px;
text-align:14px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 18px 0;
text-align: left;
}




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

	btn
	
========================================*/

#cart-btn{
	width:100%;
	margin: 30px auto 20px auto;
	padding: 0px 0 0 0 ;
	text-align: center;
}

#cart-btn-left{
	width:100%;
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0 ;
	text-align: center;
}
#cart-btn-right{
	width:100%;
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0 ;
	text-align: center;
}
#cart-btn-footer{
	width:780px;
	height:2px;
	clear:both;
	margin: 0 0 30px 0;
}


#cart-btn input{
	width:100%;
	font-size:14px;
	background: #fff;
	color: #333;
	border: 1px solid #000;
	padding:10px 30px 10px 30px;
	font-weight: bold;
}
#cart-btn input:hover{
	background: #e50081;
	color:#fff;
	cursor: pointer;
}





#notice-head{
	width:100%;
	margin: 24px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
#notice-contents{
	width:100%;
	margin: 0 0 0 0;
	padding: 12px 12px 12px 12px;
	text-align: left;
	background: #ffcccc;
}

#notice-contents p{
	font-size:13px;
	line-height: 1.5;
}

#notice-title-jp,#notice-title-en{
	display: inline-block;
	font-size:14px;
	font-weight: bold;
	color:red;
	padding: 9px 15px 9px 15px;
	background: #ffcccc;
	
}
#notice-title-jp-link,#notice-title-en-link{
	display: inline-block;
	font-size:14px;
	color:#333;
	text-decoration: underline;
	padding: 9px 15px 9px 15px;
	background: #fadddd;
}




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







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

#cart {
clear:both;
width:750px;
margin: auto;
}

#cart p {
padding:0 12px 0 12px;
}


#cart h3{
font-size:20px;
color:#FF3333;
border-left:4px solid #ff3333;
padding:0 0 0 8px;
}

#cart h4{
font-size:18px;
color:#00AACC;
padding:0 0 0 8px;
margin: 0 0 8px 0;
}

#cart h5{
font-size:16px;
color:#00AACC;
padding:0 0 0 8px;
margin: 0 0 8px 0;
}

#cart strong{
color:#00aacc;
}

.bgyellow {
background:yellow;
}

.kakomi{
border-top:1px #ff3333 solid;
border-bottom:1px #ff3333 solid;
border-left:1px #ff3333 solid;
border-right:1px #ff3333 solid;
text-align:center;
padding:0 0 0 0;
}


/* case-list
----------------------------------------------- */
#cart .case-list{
font-size: 14px;
line-height:24px;
color:#333;
}



/* cart-list
----------------------------------------------- */
#cart .cart-list{
font-size: 15px;
line-height:24px;
color:#333;
width:810px;
background:#efefef;
border-left:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
margin:0 0 24px 0;
}

#cart .cart-list dt{
clear: left;
float: left;
margin: 0 0 0 0;
padding:8px 0 8px 8px;
width: 180px;
color:#00aacc;
font-weight:bold;
border-top:1px solid #aaaaaa;
}

#cart .cart-list dd{
  margin: 0 0 0 0;
  padding:8px 0 8px 200px;
border-top:1px solid #aaaaaa;
}


/* cart-list
----------------------------------------------- */
.cart-flow {
font-size: 14px ;
color: #333333 ;
font-style: normal;
line-height : 24px; 
padding: 0 24px 0 24px;
margin: 0 0 12px 0;
list-style-type: decimal;
}

.cart-flow li {
font-size: 14px ;
color: #333333 ;
font-style: normal;
line-height : 24px; 
padding: 0 0 0 0;
margin: 8px 0 2px 24px;
}


/* customer
----------------------------------------------- */
#customer{
font-size:15px;
text-align:18px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 4px 0;
}

#customer table{
color:#555555;
font-size:15px;
text-align:18px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 4px 0;
}

#customer  th{
background:#cccccc;
color:#555555;
font-size:15px;
text-align:18px;
font-weight:bold;
padding: 8px 8px 8px 8px;
margin: 0 0 4px 0;
text-align:left;
}

#customer  td{
background:#eeeeee;
color:#555555;
font-size:15px;
text-align:18px;
font-weight:normal;
padding: 8px 8px 8px 8px;
margin: 0 0 4px 0;
text-align:left;
}


#cart dl,dt,dd {
margin: 0;
padding: 0;
font-size:14px;
line-height:22px;
}


#cart dl {
border: 1px solid #222;
border-top: none;
width: 100%;
background: #00a0e8;
}

#cart dt,dd {
padding: 8px;
}

#cart dt {
border-top: 1px solid #222;
clear: left;
float: left;
width: 200px;
}

#cart dd {
margin-left: 200px;
border-top: 1px solid #222;
border-left: 1px solid #222;
background: #eee;
}

#cart input {
font-size:15px;
color: #333333;
}
#cart textarea {
font-size:15px;
color: #333333;
}

input#name{
	width:100%;
}
input#email,input#email2{
	width:100%;
}
input#tel{
	width:100%;
}
input#country{
	width:100%;
}
input#zip{
	width:100%;
}
input#pref{
	width:100%;
}
input#add1{
	width:100%;
}
input#add2{
	width:100%;
}
textarea#naiyo{
	width:100%;
	height: 100px;
}




/* book-list
----------------------------------------------- */
#booklist-body{
background: transparent; 
overflow:auto;
float:right;
padding: 0px 0px 24px 0px ;
width:600px;
}

.book-list{
background: transparent; 
padding: 0px 0px 0px 0 ;
margin: 12px 0px 12px 0 ;
border-top:1px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}
.book-list-detail{
background: transparent; 
padding: 0px 0px 0px 0 ;
margin: 30px 0px 12px 0 ;
border-top:1px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}

.book-list-box{
background: transparent; 
padding: 0px 12px 0px 12px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}
.book-list-box-footer{
background: transparent; 
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
height:2px;
clear:both;
overflow:hidden;
}

.book-list-detailbox-footer{
background: transparent; 
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
height:24px;
clear:both;
overflow:hidden;
}

.book-cartlist-box{
background: transparent; 
padding: 0px 24px 0px 24px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:hidden;
}
.book-img-box{
width: 500px;
padding: 0 0 0 0;
margin: 12px 0 12px 0;
text-align:left;
overflow:auto;
}
.book-left-box{
float: left;
width: 520px;
padding: 0 24px 0 0;
margin: 0 0 0 0;
text-align:left;
overflow:auto;
}
.book-right-box{
float: right;
width:105px;
padding: 36px 0 0 0;
margin: 0 0 0 0;
text-align:right;
overflow:hidden;
}

.book-head{
color:#666666;
font-size:11px;
text-align:16px;
padding: 0 0 0 0;
margin: 0 0 2px 0;
}
.book-title{
font-weight:bold;
color:#444444;
margin: 20px 0 8px 0;
}
.book-maintitle{
color:#444444;
font-size:16px;
line-height:20px;
font-weight:bold;
}
.book-author{
color:#444444;
font-size:15px;
text-align:17px;
font-weight:normal;
padding: 0 0 0 0;
margin: 0 0 4px 0;
}
.book-note{
color:#555555;
font-size:14px;
text-align:16px;
font-weight:normal;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}
.book-price{
color:#cc3333;
font-size:16px;
text-align:14px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 18px 0;
text-align: left;
}

.cart-button{
		margin:0 0 0 0;
		padding:0 0 0 0;
		width:100px;
		height:24px;
		background:transparent url(http://www.book-komiyama.live/i/button_cart.png) no-repeat;
		color:#FFFFFF;
		font-size:10px;
		font-weight:bold;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:0px;
overflow:hidden;
}





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

	btn
	
========================================*/

#cart-btn{
	width:100%;
	margin: 30px auto 20px auto;
	padding: 0px 0 0 0 ;
	text-align: center;
}

#cart-btn-left{
	width:100%;
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0 ;
	text-align: center;
}
#cart-btn-right{
	width:100%;
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0 ;
	text-align: center;
}
#cart-btn-footer{
	width:780px;
	height:2px;
	clear:both;
	margin: 0 0 30px 0;
}


#cart-btn input{
	width:300px;
	font-size:15px;
	background: #fff;
	color: #333;
	border: 1px solid #000;
	padding:10px 30px 10px 30px;
	font-weight: bold;
}
#cart-btn input:hover{
	background: #e50081;
	color:#fff;
	cursor: pointer;
}


#notice-head{
	width:100%;
	margin: 24px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
#notice-contents{
	width:100%;
	margin: 0 0 0 0;
	padding: 12px 12px 12px 12px;
	text-align: left;
	background: #ffcccc;
}

#notice-contents p{
	font-size:14px;
	line-height: 1.8;
}

#notice-title-jp,#notice-title-en{
	display: inline-block;
	font-size:15px;
	font-weight: bold;
	color:red;
	padding: 9px 15px 9px 15px;
	background: #ffcccc;
	
}
#notice-title-jp-link,#notice-title-en-link{
	display: inline-block;
	font-size:15px;
	color:#333;
	text-decoration: underline;
	padding: 9px 15px 9px 15px;
	background: #fadddd;
}



}