.twitter {
	padding : 0;
}

.twitter_watch {
  list-style: none;
  -webkit-flex: 1 1 auto;
}

.twitter_watch a {
  background: #55acee;
   display: block;
    border-radius: 7px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    overflow: hidden;  
    text-decoration: none;
}


/* smartPhone */
@media screen and (max-width: 640px) {
	#box {
 		font-size:80%;
		margin-top:15px;
	}
	
	#box ul {
		 min-height:135px;
		 height:auto !important;
		 height:135px;
		 margin:0;
		 padding:0;
		 background:#fff;
		 /*border:solid #999;*/
		 border-width:0 1px 1px 1px;
 		list-style-type:none;
	}

	#box li {
	  margin:8px 10px 10px 10px;
 		line-height:1.32em;
 		text-align:justify;
 		text-justify:distribute;
	}
	
	
	#box .item_image {
		width:100px;
		float:left;
		text-align: center;
	}
	
	#box .list {
		float:left;
	}
	
	#box .red {
		color:red;
	}
	
	#box .purple {
	  color:purple;
	}
	
	#box .watch {
		color:red;
	}
	
	#box .in_stock {
		color:green;
	}

	#box li.title {
		 margin:0;
		 padding:5px;
		 color:#fff;
		 background:#999;
	}
	
	#box .comment {
		clear:left;
	}
	
	#box .no_comment {
		clear:left;
	}
}


/* pc */
@media screen and (min-width: 961px) {
	#box {
 		font-size:80%;
	  margin-top:15px;
	}

	#box ul {
		 min-height:135px;
		 height:auto !important;
		 height:135px;
		 margin:0;
		 padding:0;
		 background:#fff;
		 /*border:solid #999;*/
		 border-width:0 1px 1px 1px;
 		list-style-type:none;
	}

	#box li {
	  margin:8px 10px 10px 10px;
 		line-height:1.32em;
 		text-align:justify;
 		text-justify:distribute;
	}
	
	#box .item_image {
		width:100px;
		float:left;
		text-align: center;
	}
	
	#box .list {
		float:left;
	}
	
	#box .red {
		color:red;
	}
	
	#box .purple {
	  color:purple;
	}
	
	#box .watch {
		color:red;
	}
	
	#box .in_stock {
		color:green;
	}

	#box li.title {
		 margin:0;
		 padding:5px;
		 color:#fff;
		 background:#999;
	}
	
	#box .comment {
		clear:left;
	}

	#box .no_comment {
		clear:left;
	}
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
	#box {
 		font-size:80%;
		margin-top:15px;
	}

	#box ul {
		 min-height:135px;
		 height:auto !important;
		 height:135px;
		 margin:0;
		 padding:0;
		 background:#fff;
		 /*border:solid #999;*/
		 border-width:0 1px 1px 1px;
 		list-style-type:none;
	}

	#box li {
	  margin:8px 10px 10px 10px;
 		line-height:1.32em;
 		text-align:justify;
 		text-justify:distribute;
	}
	
	#box .item_image {
		width:100px;
		float:left;
		text-align: center;
	}
	
	#box .list {
		float:left;
	}
	
	#box .red {
		color:red;
	}
	
	#box .purple {
	  color:purple;
	}
	
	#box .watch {
		color:red;
	}
	
	#box .in_stock {
		color:green;
	}

	#box li.title {
		 margin:0;
		 padding:5px;
		 color:#fff;
		 background:#999;
	}
	
	#box .comment {
		clear:left;
	}
	
	#box .no_comment {
		clear:left;
	}
}