/* CSS Document */
@charset “utf-8”;
.pcnone{
	display:none;
}
.spnone{
	display:block;
}
	
/*パンくず*/
.breadcrumb{
  padding:5px;
  /*margin-bottom: 10px;*/
}
.breadcrumb ul.breadlist{
  width:100%;
  margin:auto;
  font-size:0;
}
.breadcrumb ul.breadlist li{
  font-size: 12px;
  display: inline-block;
}
.breadcrumb ul.breadlist li a{
  text-decoration: underline;
}
.breadcrumb ul.breadlist li+ li:before {
    content: "＞";
    margin: 0 10px;
}
	
	
	/*ヘッダー*/
/*ヘッダー*/
.head{
	width:100%;
	height:180px;
}

h1.mv{
	font-size:2.4em;
	background-blend-mode:lighten;
	text-shadow: 0 0 2px white;
	padding:50px 0 50px 0;
	margin: 20px;
	border-top: solid 3px #000000;
	border-bottom: solid 3px #000000;
	line-height: 100%;
}
    
    
.navi{
	background-color:#FFFFFF;
	width:100%;
	height:48px;
	margin-bottom:20px;
	}	
.menu{
	width: 100%;
	margin-bottom:20px;
	}
a.btn{
	color:#333333;
	display:inherit;
	font-size: 20px;
	float:left;
	line-height:2.2em;
	/*padding-top:9px;
	padding-bottom:6px;*/
	}
a:hover.btn{
	color:#50C0FF;
	background-color:#004C9C;
	}	
a.btn2{
	color:#333333;
	display:inherit;
	font-size: 20px;
	float:left;
	line-height:2.2em;
	/*padding-top:9px;
	padding-bottom:6px;*/
	}
a:hover.btn2{
	color:#50C0FF;
	background-color:#004C9C;
	}
.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	display: block;
	border: 1px solid #888;
	color: #FFF;
	width: 50%;/*ナビの横幅*/
}
.btn2 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	display: block;
	border: 1px solid #888;
	color: #FFF;
	width: 50%;/*ナビの横幅*/
}
#wrap{
		width: 100%;
	}
#wrap a{text-decoration: none;}	
h2.top_ttl{
	padding-left:10px;
	font-size: 20px;
	font-weight: bold;

	}
    #wrap ul{
    margin: auto;}    
    
	h2.ranking_ttl {
    width: 80%;
    margin: 15px auto;
    border-bottom: solid 1px #E5004F;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #E5004F;
    line-height: 1.3em;
}
    .update{
        text-align: right;
        margin-top: 0px;
        margin-right: 5px;
    }
    
	h3.sub-ttl{ text-align:center;
	font-size: 20px;
	background:#004098;
	color:white;
	margin:0px;
	padding:10px;
	margin-bottom:0px;
	margin-top:40px;
	}
h3.info{
	font-size: 16px;
	color: #E83228;
	margin: 20px;;
	font-weight: bold;
}
	h4.area {
    font-weight: bold;
    line-height: 1.5em;
    padding: 0 15px;
    color: #287CA6;
    font-size: 25px;
    text-align: center;
    padding: 10px 0;
    border-bottom: double 8px #60b3dc;
}
	.midashi{
  text-align:center;
  font-size:20px;
  font-weight:bold;
  padding:20px 0;
  letter-spacing:5px;
  color:#FFF;
background-color: #0057B8;
  position: relative;
  line-height:1.3;
  margin:0px 0 40px;
  }

	.botan a{
	display: block;
	width: 90%;
	margin: auto;
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	border-radius: 6px;
	border: 1px solid #004098;
	padding: 5px;
}
.botan a:hover{
	border: 1px solid #E5C800;
}
	.banner{
		float: none;
		width:90%;
		margin: auto;
	}
	.banner img{
		width:100%;
		margin-top: 20px;

	}
	
	
/*商品*/
.grid-row{
	width: 100%;
}

.grid-col4 {
	width: auto!important;
	height: auto;
}
	
/*アイコン*/
.icon_dpt{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 20px;
	padding: 3px;
	position:absolute;
	left: 0px;
	bottom: 0px;

}
.icon_air{	
}

.icon_car{
	background-color:#00A2CB;
	color: #FFFFFF;
	font-size: 11px;
	padding: 3px;
}

	.pt_benri{
		position:relative;
		top: -50px;
		padding-left: 10px;
		margin-bottom: -50px;
		letter-spacing: .1rem;
		color: #FFFFFF;
		text-shadow:  -1px 2px 2px #000,
			-1px 2px 2px #000,
			-1px 2px 2px #000,
			-1px 2px 2px #000,
			-1px 2px 2px #000,
			-1px 2px 2px #000;
	}
	.point{
		text-shadow: none;
		margin-left: -10px;
	}
	.shokuji{
		margin-left: -10px;
		color:#000000;
		text-shadow: none;
		font-size: 12px;
	}

	.tel{
		display: none;
	}