@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------*/
/*　　　　　　　　　　 -- CSS StyleFile --　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　page.css　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------

header */
/*global-nav*/
.header .container {
	border-bottom: 1px solid #f1f1f1;
}

@media (max-width: 736px){
	.header .container {
		background: url("../images/playa.jpg") no-repeat center top;
		background-size: cover;
		padding-bottom: 70px;
	}
}

.responsive-nav a {
	font-size: 14px;
}
.off-canvas-nav--dark {
	background-color: #f5b8d0;
	border-top: 1px solid #fd9ec3;
	border-bottom: 1px solid #f5b8d0;
}
.off-canvas-nav--dark>*>ul, .off-canvas-nav--dark>ul {
	border-bottom: 1px solid #f68181;
}
.off-canvas-nav--dark li {
	border-top: 1px solid #fb7d7d;
	border-bottom: none;
}
.off-canvas-nav--dark .current-menu-item>a,
.off-canvas-nav--dark a {
	color: #fe3e89 !important;
	background-color: #f5b8d0;
}
.off-canvas-nav--dark .current-menu-item>a:hover,
.off-canvas-nav--dark .menu-item a:hover {
	color: #fff !important;
}
.off-canvas-nav--dark .menu-item a:hover {
	background-color: #fe3e89;
}
.global-nav .input-group{
	padding:10px;
}

.global-nav .gnav_menu{
	margin-bottom:30px;
}
.global-nav .gnav_menu h4{
	padding:10px 10px 0 10px;
	font-size: 1em;
	color: #fff;
}
.global-nav .gnav_menu h4 i {
	margin-right: 5px;
}
.global-nav .gnav_menu li{
	border-top: 1px solid #fe3e89;
	border-bottom: 1px solid #ffb8d4;
	d90606
}

.global-nav .gnav_menu a{
	padding:10px 30px;
	background: #feeef6;
	color: #fff;
}
.global-nav .gnav_menu a:hover{
	background:#fe3e89;
}
.off-canvas-nav--dark a:hover {
	color:#fff !important;
}

.breadcrumb {
	padding: 8px 0 !important;
	background:#fff !important;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}
.breadcrumb li,
.breadcrumb a{
	padding-right: 10px;
}
.current_page_item a,
.menu-item a:hover {
	color: #f85697!important;
}

/*----------------------------------------------------------------
side */
.side_menu .bt_style2{
	padding: 3px 1em;
	display: block;
	width: 100%;
	text-align: center;
}

/*----------------------------------------------------------------
archive */
.entries--archive .sid{
	/*display: inline;*/
	float: left;
	padding-right: 10px;
	font-size: 1.3em;
	line-height: 1.6;
	display: none;
}
.entries--archive .entry__title{
	display: inline;
	float: left;
}
.entry_list_meta .entry_meta_ico{
	width:1em;
	text-align: center;
}
.tagcat:nth-child(n+2) i {
	display: none;
}
.tagcat:nth-child(n+2) {
	margin-left: -18px;
}


/*----------------------------------------------------------------
single */
#entry_header .sid{
	/*display: inline;*/
	float: left;
	padding-right: 10px;
	font-size: 1.8em;
	line-height: 1.6;
	display: none;
}
#entry_header .entry__title{
	display: inline;
	float: left;
}
.slide{
	margin: 0;
	padding: 0;
	background: #eefafe;
	border: 1px solid #67b9e4;
}
.slider-nav {
	margin-top: 20px;
}
.slide .slide_cont{
	padding: 10px;
	text-align: center;
}

.slide_cont {
	/* height: 150px !important; */
}

.slide img {

}

.slick-dots{
	bottom: 5px !important;
}
.slick-prev:before, .slick-next:before{
	color: #333;
}

/*----------------------------------------------------------------
pickup */
.pickup-area{
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	margin: 0 15px 30px;
}

/*page*/
.page-header {
	background-color: #67b9e4;
	padding: 20px 0;
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

/*footer*/
.footer {
	background-color: #fe4444;
}
.copyright {
	background-color: #67b9e4;
	text-align: center;
	color: #fff;
}
.copyright a {
	color: #fff;
}
/*----------------------------------------------------------------
pagination */
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.7;
    text-decoration: none;
    color: #fff;
    background-color: #fe4444;
    border: 1px solid #fe4444;
    margin-left: -1px;
}
.pagination>li>a,
.pagination>li>a:focus {
	color: #fe4444;
    background-color: #ffecec;
    border: 1px solid #fe4444;	
}
.pagination>li>a:hover,
.pagination>li>span:hover {
	color: #fff;
	background-color: #fe4444;
	border: 1px solid #fe4444;
}



@media (min-width: 992px){
	.global-nav form {
		display: none;
	}

	.gnav_menu{
		display: none;
	}
}


/*sp*/
@media only screen and (max-width:480px){
	#single_thumb{
	width:100%;
	margin:0 0 10px 0;
	}

	.slide{
		margin: 0;
		padding: 0;
	}
	.slide .slide_cont{
		padding: 5px 10px;
	}

	/*tb_rp*/
	table { margin: 0 ; }
	table th,
	table td{
		width: 100%;
		display: block;
		border-top: none;
	}
	table tr:first-child th   { border-top: 1px solid #ccc; }

	/*dl_rp*/
	.dl_rp{
		border-top:1px dotted #ddd;
	}
	.dl_rp dd:nth-child(odd){
		width: 100%;
		display: block;
		padding:5px;
		background:#f0f0f0;
		border-bottom:1px dotted #ddd;
	}
	.dl_rp dd{
		padding:5px;
	}
	/*form_area*/
	.form_area h4{
		font-size:1.5em;
	}
	.form_area input,
	.form_area textarea{
		width:100%;
	}
}
