@charset "utf-8";
/*
Theme Name: satozake
Theme URI: http://sakefesta.com/
Description:  郷酒フェスタ
Author: omori
Author URI: http://sakefesta.com/
Version: 1.0
*/


@import url('base.css');
@import url('index.css');
@import url('single.css');
@import url('event.css');





/*-----------------飲める店 */

.content-area{
    margin:40px 0;
    padding: 0 20px;

}
@media (min-width:700px){
	.content-area {
	    margin: 20px 0 40px;
	}
}

.pans{
	font-size:14px;
	color:#333;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:30px;
	margin-bottom:40px;
	margin-top:60px;
}
.pans a{
	color:#888;
}
.pans a:hover{
	opacity:0.75;
}
.list_bnr{
	margin:0 auto 40px auto;
	text-align:center;
}
.list_bnr img{
	width:70%;
	height:auto;
}
.list_navi{
	margin-bottom:40px;
}
.list_navi a{
	background:#cd000d;
	padding:8px 16px;
	text-align:center;
	color:#fff;
	font-size:13px;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
.list_navi a:last-child{
	margin-right:0px;
}
.list_navi a:hover , .list_navi .active{
	background:#a2a2a2;
}
.list_detail{
	border-bottom:1px dotted #dcdcdc;
	padding:0px 0 10px 0;
	margin-bottom:0px;
}
.list_detail:last-child{
	border-bottom:none;
}
.list_detail .ken{
	display:inline-block;
	padding:4px 6px;
	text-align:center;
	background:#E5006E;
	color:#fff;
	font-size:11px;
	margin-right:12px;
}
.list_detail .add{
	display:inline-block;
	font-size:13px;
	margin-top:15px;
	color:#555;
}
.list_detail .link{
	margin-top:10px;
}
.list_detail a{
	font-size:17px;
	text-decoration:underline !important;
	color:#333 !important;
	background:url(https://sakefesta.com/wp-content/themes/satozake/images-s/icon_list.png) right center no-repeat;
	padding-right:25px;
}
.list_detail a:hover{
	text-decoration:none !important;
}
.html5-elem-box span{
	background:#E5006E;
	padding:6px 12px;
	text-align:center;
	color:#fff;
	font-size:11px;
	display:inline-block;
	margin-top:2px;
	margin-bottom:4px;
	font-weight:normal;
	margin-left:14px;
	margin-right:14px;
}
.html5-elem-box h3{
	display:block;
	font-size:18px;
	margin:4px 0 10px 0;
	color:#000;
	margin-left:14px;
	margin-right:14px;
}
.html5-elem-box p , .html5-elem-box a , .html5-elem-box b{
	font-size:13px !important;
	font-weight:normal !important;
	line-height:190% !important;
	color:#555 !important;
	margin-left:14px;
	margin-right:14px;
}
.html5-elem-box p{
	margin-bottom:0 !important;
}
.html5-elem-box a{
	text-decoration:underline !important;
	margin-left:0px;
	margin-right:0px;
	color:#0066cc !important;
	word-break: break-all !important;
}
.html5-elem-box a:hover{
	text-decoration:none !important;
}
.html5-elem-box strong{
	display:block;
	background:#f6f6f6;
	padding:10px;
	font-size:13px;
	color:#555;
	margin-top:15px;
	margin-bottom:14px;
	margin-left:14px;
	margin-right:14px;
}
.html5-elem-box{
	margin-top:15px !important;
}
.pc2{
	display:block;
}
.sp2{
	display:none;
}

.one-page-arrow {
    position: absolute;
    z-index: 3;
    bottom: 40px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    text-align: center;
    color: #222;
}

@media (max-width: 780px) {
	.list_bnr img{
		width:100%;
		height:auto;
	}
	.list_navi a{
		padding:6px 14px;
		font-size:12px;
	}
	.list_navi{
		margin-bottom:20px;
	}
}
@media (max-width: 600px) {
	.pc2{
		display:none;
	}
	.sp2{
		display:block;
	}

	.list_navi{
		margin-top:-20px;
	}
	.list_navi a{
		padding:8px 0.5%;
		font-size:11px;
		font-weight:normal;
		display:inline-block;
		width:31.5%;
		margin-right:1%;
		margin-bottom:4px;
	}
	.list_navi a:nth-child(3) , .list_navi a:nth-child(6) , .list_navi a:nth-child(9){
		margin-right:0%;
	}
	.list_detail{
		margin-bottom:10px;
	}
	.list_detail a{
		font-size:14px;
		background:url(https://sakefesta.com/wp-content/themes/satozake/images-s/icon_list.png) right center no-repeat;
		background-size:auto 90%;
		padding-right:18px;
	}
	.list_detail .ken{
		padding:4px 6px;
		text-align:center;
		background:#E5006E;
		color:#fff;
		font-size:11px;
		margin-right:12px;
		margin-bottom:7px;
	}
	.list_detail .add{
		display:block;
		font-size:12px;
		margin-top:-2px;
		margin-bottom:20px;
	}
	.html5-elem-box span{
		margin-top:-10px;
		margin-left:0px;
		margin-right:0px;
	}
	.html5-elem-box h3{
		font-size:15px;
		margin-top:2px;
		margin-bottom:10px;
		margin-left:0px;
		margin-right:0px;
	}
	.html5-elem-box p , .html5-elem-box a , .html5-elem-box b{
		font-size:12px !important;
		line-height:180% !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.html5-elem-box strong{
		padding:8px;
		font-size:13px;
		margin-top:10px;
		margin-left:0px;
		margin-right:0px;
	}
}
#html5-watermark{
	display:none !important;
}

@media (max-width: 480px) {
	.pans{
		margin-top:-60px;
	}
}