@charset "UTF-8";

/*slide_menu*/

body {
    position: relative;
    left: 0;
    overflow-x: hidden;
    background: #fff;
}

.sns_link a{
	color: #343a3f;
}



#top_menu a{
	color: #ffffff;
}

#top_menu a:hover{
	opacity: 0.75;
}

#slide_menu{
	position: fixed;
	top: 0;
	left: -220px;
	width: 220px;
	height: 100%;
	background: #ffffff;
}

#slide_menu ul li a{
	color: #000;
	font-size: 14px;
}

#slide_menu ul {
	padding: 1.0em ;
}

#slide_menu ul li {
	padding: 0.5em 0;
}

#slide_button {
	position: absolute;
	color: #fff;
	top: 20px;
	left: 10px;
	background: none;
	border: none;
}

#slide_button.slide_button_bk {
	color: #999;
}

/*end slide_menu*/

#page-top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	display: block;
}

#page-top a:link {
	background: #1f1f1f;
	text-decoration: none;
	color: #fff;
	width: 50px;
	padding: 13px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}

#page-top a:hover {
	text-decoration: none;
	background: #000000;
}


ul {
	list-style-type: none;
}

h2 {
	text-align: center;
	font-family: ff-basic-gothic-sc-web-pro, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 2.4em;
	padding: 1.5em 0;
	letter-spacing: -1.5px;
}

footer {
	margin: 150px 0 0 0;
}

footer a i.fa.fa-chevron-circle-up {
	margin: 0 0 70px 0;
	color: #E4E4DF;
}

footer p.copyright {
	color: #5C5C5C;
	font-size: 12px;
}

footer ul.sns_link {
	margin: 35px 0 30px 0;
}

footer ul.sns_link li i.fa{
	margin-bottom: 0;
	color: #000;
}



/*Pagenation*/
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
    text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 15px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #666; /* 文字色 */
	border: 1px solid #666;
/*	background: #47BEA0; /* 背景色 *!/*/
}
.pagination a:hover{
	color: #ffffff; /* マウスホバー時の文字色 */
	background: #93c3ce; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	color: #47BEA0; /* 現在のページの背景色 */
	border: none;
}

.pagination span.page-of {
	display: none;
}

/*taglist*/

#tags {
	margin: 4.0em 0;
}

ul.wp-tag-cloud {
	padding: 0;
	margin: 0;
}

ul.wp-tag-cloud li{
	display: inline-block;
	margin-bottom: 14px;
	margin-right: 7px;
}

ul.wp-tag-cloud li a{
	padding: 5px 10px;
	border: 1px solid #333;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

ul.wp-tag-cloud li a:hover{
	background-color: #e7e7e7;
}


ul.wp-tag-cloud li a:before {
/*    font-family: "FontAwesome";
    content: "\f02b";*/
/*	padding-right: 4px;*/
}

#recent_post {
	background-color: #fcfcfc;
	padding: 4em 0;
}

#recent_post h2 {
	font-size: 1.2em;
	margin-bottom: 2.0em;
}

.online_the_content .ol_content h5.product_name {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
}

.online_the_content .ol_content p.product_price {
	font-size: 0.9em;
	text-align: right;
}

.online_the_content .ol_content img {
	width: 100%;
}

.online_the_content .ol_content a.btn_online {
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #e9e8e8;
	margin-bottom: 20px;
	color: #1d1d1d;
	border-radius: 5px;
	font-size: 0.9em;
	transition: 0.3s ease-in-out;
	text-decoration: none;
}


.online_the_content .ol_content a:hover{
		opacity: 0.6;
		transition: 0.3s ease-in-out;
	}






/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 1200px) {

	header .header_wrap {
		min-height: 768px;
	}

}

@media only screen and (max-width : 979px) {

}

@media only screen and (max-width : 767px) {


}

@media only screen and (max-width : 480px) {
 
	
	.head_logo img{
		width: 50%;
	}
	
	h2 {
		text-align: center;
		font-family: ff-basic-gothic-sc-web-pro, sans-serif;
		font-style: normal;
		font-weight: 100;
		font-size: 2.6em;
		margin: 1.0em 0;
	}
	
	.pagination {
		font-size: 12px;
		line-height: 12px;
	}
	.pagination span, .pagination a {
		padding: 8px 10px 8px 10px;
	}
	.pagination .current{
		padding: 8px 10px 8px 10px;
	}
	
	
	
}

@media only screen and (max-width : 320px) {

}