﻿@charset "utf-8";
@media screen and (min-width: 641px) { 

/*--一覧ページ（一覧ページ)-------------------------------------------------*/

#category h1{
	box-sizing: border-box;
	width: 96%;
	margin:  0 auto 10px auto;
	padding: 10px;
	border: 3px solid #fff;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	font-size: 1.2rem;
	text-align: center;
	color: #fff;
	background: linear-gradient(0deg, rgba(1,19,148,1) 0%, rgba(41,86,255,1) 100%);
}


#category .pickup_col{

	clear: both;    
	width: 96%;
	margin: 0 auto 10px auto;
	padding: 5px;
	border-top: 3px solid #007fad;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #dcedf6;
	box-sizing: border-box;
}


#category .pickup_col dl{
 
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #fff;
	box-sizing: border-box;
}


#category .pickup_col .shop_name{
    
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: #007fad;
}

#category .pickup_col .shop_name a{
    
	text-decoration: none;
	color: #007fad;
}

#category .pickup_col .shop_address{
    
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #9e9e9e;
}


#category .pickup_col .thum{
    
	margin: 0 0 10px 0;
	padding: 0;
}

#category .pickup_col .price{
    
	margin: 0 0 10px 0;
	padding: 5px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	color: #fff;
	background: #ad0008;
}

#category .pickup_col table{
	
	width: 100%;
	border: 1px #e6e6e6 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto 2% auto; 
	padding: 0;
}

#category .pickup_col table th{
	margin: 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	color: #fff;
}

#category .pickup_col table td{
	margin: 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	text-align: left;
	background: #fff;
}


#category .shop_col{
	clear: both;    
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 10px auto;
	padding: 5px;
	border: 3px solid #fff;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	font-size: 1.2rem;
	text-align: center;
	color: #fff;
	background: linear-gradient(0deg, rgba(1,19,148,1) 0%, rgba(41,86,255,1) 100%);
}


#category .shop_col dl{
 
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #e6e6e6;
	box-sizing: border-box;
}


#category .shop_col .shop_name{
    
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

#category .shop_col .shop_name a{
    
	text-decoration: none;
	color: #007fad;
}

#category .shop_col .shop_address{
    
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #9e9e9e;
}


#category .shop_col .thum{
    
	margin: 0 0 10px 0;
	padding: 0;
}

#category .shop_col .price{
    
	margin: 0 0 10px 0;
	padding: 5px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	color: #fff;
	background: #ad0008;
}

#category .shop_col table{
	
	width: 100%;
	border: 1px #e6e6e6 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto 2% auto; 
	padding: 0;
}

#category .shop_col table th{
	margin: 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

#category .shop_col table td{
	margin: 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	text-align: left;
}


#category .enter_btn{
	margin: 0;
	padding: 0;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	font-size: 15px;
	text-align: center;
	background: #2c5668;
}

#category .enter_btn a{
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	text-decoration: none;
	color: #fff;
}


#category .back{
	width: 96%;
	margin: 0 auto 10px auto;
	padding: 0;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	text-align: center;
	color: #fff;
	background: #007fad;
}

#category .back a{

	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	text-decoration: none;
	color: #fff;
}






}
