@charset "UTF-8";
/*--------global----------------*/
* {
	padding: 0;
	margin: 0; 
}

body {
	font-size: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	line-height: 22px; 
}
@media screen and (max-width: 650px) {
  body {
		font-size: 14px;
		line-height: 22px; 
} }

img {
	border: 0; 
}
@media screen and (max-width: 650px) {
  img {
		max-width: 100%;
		height: auto; 
} }

a {
	color: #000; 
}
a:hover {
	color: #646464; 
}

a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60); 
}

a.noopc img:hover {
	opacity: 1;
	filter: alpha(opacity=100); 
}

br {
	letter-spacing: 0; 
}

ul, li {
	list-style: none;
	padding: 0;
	margin: 0; 
}

.red {
	color: #f00; 
}

/*--------layout----------------*/
#header {
	width: 100%;
	min-width: 940px;
	padding: 20px 0;
	border-bottom: 1px solid #646464; 
}
@media screen and (max-width: 650px) {
  #header {
		min-width: initial;
		min-width: auto; 
} }
#header .header-inner {
	margin: 0 auto;
	width: 940px;
	*zoom: 1; 
}
#header .header-inner:after {
	content: "";
	display: table;
	clear: both; 
}
@media screen and (max-width: 650px) {
  #header .header-inner {
		width: 100%; 
} }
#header h1 {
	float: left;
	width: 30%;
	padding: 10px 0 0; 
}
@media screen and (max-width: 650px) {
  #header h1 {
		width: 40%;
		padding: 10px 0 0 10px; 
} }
#header .header-right {
	float: right;
	width: 60%;
	text-align: left; 
}
#header .header-right .h-sns {
	width: 78px;
	margin: 0 0 0 auto;
	padding: 0 0 0px; 
}

.contents-nav p {
    margin-bottom: 7px;
}

@media screen and (max-width: 650px) {
#header .header-right {
	width: 50%; 
}
}
@media screen and (max-width: 650px) {
  #header .header-right .h-sns {
		display: none; 
} }
#header .header-right .h-sns ul {
	*zoom: 1; 
}
#header .header-right .h-sns ul:after {
	content: "";
	display: table;
	clear: both; 
	padding: 4px;
}
#header .header-right .h-sns ul li {
	float: right;
	padding: 1px 0 1px 0; 
	/*float: left;
	padding: 1px 8px 1px 0; */
}
#header .header-right .h-sns ul li.lineat {
	padding: 0 8px 0 0; 
}
#header .header-right .h-sns ul li img {
	vertical-align: middle; 
}
@media screen and (max-width: 650px) {
  #header .header-right .contents-nav {
		display: none; 
} }
#header .header-right .sp-contents-nav {
	display: none; 
}
@media screen and (max-width: 650px) {
  #header .header-right .sp-contents-nav {
		display: block; 
}
  #header .header-right .sp-contents-nav ul {
		*zoom: 1; 
}
  #header .header-right .sp-contents-nav ul:after {
		content: "";
		display: table;
		clear: both; 
}
  #header .header-right .sp-contents-nav ul li {
		float: left;
		width: 33%; 
}
  #header .header-right .sp-contents-nav ul li img {
		width: 100%; 
} }
#header .dropper {
	display: none; 
}
@media screen and (max-width: 650px) {
  #header .dropper {
		width: 100%;
		position: relative;
		z-index: 200;
		margin: 0;
		padding: 0; 
} }
@media screen and (max-width: 650px) {
  #header #menu {
		position: absolute;
		z-index: 201;
		display: none;
		width: 100%; 
}
  #header #menu li {
		float: none;
		width: 100%;
		border-bottom: 1px solid #fff; 
}
  #header #menu li a {
		display: block;
		padding: 15px 10px;
		background: #646464;
		color: #fff;
		text-decoration: none; 
} }

#wrapper {
	margin: 0 auto;
	width: 940px;
	padding: 65px 0 75px; 
}
@media screen and (max-width: 650px) {
  #wrapper {
		width: 100%;
		padding: 20px 0; 
} }
#wrapper .wrapper-inner {
	*zoom: 1;
	padding: 0 10px; 
}
#wrapper .wrapper-inner:after {
	content: "";
	display: table;
	clear: both; 
}

#maincolumn {
	float: left;
	width: 590px; 
}
@media screen and (max-width: 650px) {
  #maincolumn {
		width: 100%;
		float: none; 
} }
#maincolumn h2 {
	border-left: 10px solid #ff7ffe;
	padding: 4px 10px;
	font-size: 24px;
	line-height: 36px;
	margin: 0 0 40px; 
}
#maincolumn h3 {
	background: #f0f0f0;
	padding: 10px;
	font-size: 14px;
	line-height: 22px; 
}

#sidebar {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 300px;
	padding: 5px;
	background: #f0f0f0; 
}
@media screen and (max-width: 650px) {
  #sidebar {
		width: 100%;
		float: none; 
} }
#sidebar .sidebar-inner {
	background: #fff;
	padding: 15px 25px; 
}
@media screen and (max-width: 650px) {
  #sidebar .sidebar-inner {
		padding: 15px; 
} }
#sidebar .bnr {
	padding: 0 0 20px; 
}
#sidebar .bnr img {
	margin: 0 0 10px; 
}
@media screen and (max-width: 650px) {
  #sidebar .bnr img {
		width: 100%; 
} }
#sidebar h3 {
	border-bottom: 5px solid #323232;
	font-size: 12px;
	padding: 0 0 5px; 
}
#sidebar ul {
	padding: 15px 15px 30px; 
}

/*検索窓*/
.searchform {
	padding: 0 0 25px; 
}
.searchform input#s {
	width: 215px;
  /*padding分は減らす　240-padding*/
	height: 24px;
	background: #fff url("../images/common/bg-search.jpg") no-repeat 5px center;
	padding: 0 0 0 25px;
	border-radius: 10px;
	border: 1px solid #d3d3d3; 
}
@media screen and (max-width: 650px) {
  .searchform input#s {
		margin: 0 auto;
		width: 85%; 
} }
.searchform input#s::-webkit-input-placeholder {
	color: #c8c8c8; 
}
.searchform input#s:-moz-placeholder {
	color: #c8c8c8; 
}

#pagetop {
	position: fixed;
	bottom: 80px;
	right: 20px; 
}
@media screen and (max-width: 650px) {
  #pagetop {
		bottom: 3px;
		right: 3px; 
} }

#footer {
	width: 100%;
	min-width: 940px;
	background: #f0f0f0;
	padding: 30px 0 20px;
	border-top: 1px solid #646464; 
}
@media screen and (max-width: 650px) {
  #footer {
		min-width: initial;
		min-width: auto; 
} }
#footer .footer-inner {
	margin: 0 auto;
	width: 940px; 
}
@media screen and (max-width: 650px) {
  #footer .footer-inner {
		margin: 0 auto;
		width: 94%; 
} }
#footer .footer-inner h1 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 15px; 
}
#footer .footer-inner .footer-bottom {
	padding: 30px 0 0; 
}
@media screen and (max-width: 650px) {
  #footer .footer-inner .footer-bottom span {
		display: block;
		padding: 0 0 10px; 
} }
#footer .footer-inner .footer-bottom span.f-nav {
	display: inline-block;
	font-weight: bold;
	padding: 0 0 0 20px; 
}
@media screen and (max-width: 650px) {
  #footer .footer-inner .footer-bottom span.f-nav {
		display: block;
		padding: 0 0 10px; 
} }

/*--------投稿ページ----------------*/
.entry-box {
	padding: 0 0 30px; 
}

.entry-meta {
	padding: 15px 0;
	text-align: right;
	color: #646464; 
}
.entry-meta span.date {
	display: inline-block;
	padding: 0 10px; 
}
.entry-meta a {
	color: #646464; 
}

.entry-content {
	*zoom: 1;
	padding: 15px 0; 
}
.entry-content:after {
	content: "";
	display: table;
	clear: both; 
}
.entry-content img {
	max-width: 590px;
	height: auto; 
}
@media screen and (max-width: 650px) {
  .entry-content img {
		max-width: 100%;
		height: auto; 
} }
.entry-content .alignleft {
	float: left; 
}
.entry-content .alignright {
	float: right; 
}
.entry-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; 
}
.entry-content img.alignleft {
	margin: 5px 20px 5px 0; 
}
.entry-content img.alignright {
	margin: 5px 0 5px 20px; 
}
.entry-content img.aligncenter {
	margin: 5px auto; 
}

/*個別ページSNS*/
.wp_social_bookmarking_light {
	border: 0 !important;
	padding: 10px 0 20px 0 !important;
	margin: 0 !important; 
}
.wp_social_bookmarking_light div {
	float: left !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 5px 0px 0 !important;
	line-height: 13px !important;
	text-indent: 0 !important; 
}
.wp_social_bookmarking_light img {
	border: 0 !important;
	padding: 0;
	margin: 0;
	vertical-align: top !important; 
}

.wp_social_bookmarking_light_clear {
	clear: both !important; 
}

#fb-root {
	display: none; 
}

.wsbl_twitter {
	width: 100px; 
}

.wsbl_facebook_like iframe {
	max-width: none !important; 
}

/*------------Not found-----------*/
.notfound p {
	padding: 20px 10px; 
}

/*------------Not found-----------*/
.single-nav {
	padding: 15px 0;
	text-align: center; 
}
.single-nav .nav-previous {
	display: inline; 
}
.single-nav .nav-next {
	display: inline; 
}

/*数字のページネーション*/
.nav-pagenation {
	text-align: center;
	padding: 30px 0;
	margin: 0 auto; 
}
.nav-pagenation li {
	display: inline-block;
	margin: 0 5px;
	width: 45px; 
}
.nav-pagenation li a {
	display: block;
	background: none repeat 0 0 #646464;
	border-radius: 3px;
	color: #fff;
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 
}
.nav-pagenation li a:hover {
	background: #f0f0f0;
	color: #000;
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: ease; 
}
.nav-pagenation li span.current {
	display: block;
	background: none repeat 0 0 #f0f0f0;
	border-radius: 3px;
	color: #000;
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 
}


.contents-nav a {
  display: inline-block;
  text-decoration: none;
  /*! width: 110px !important; */
  border: 1px solid #aaa;
  border-radius: 39px;
  padding: 3px 8px;
  font-size: 84%;
  width: 104px;
text-align: center;
}
.ta-r0808{
    text-align:left;
}
.contents-nav .online0819{
    width: 252px;
}

.contents-nav a.nav-makura {
	background: #f3a8bc;
	border: 1px solid #f3a8bc !important;
	color: #fff !important;
	padding: 2px 3px !important;
	width: 115px !important;
}
 .contents-nav a.canadian-mapledown{
    background: #f3a8bc;
    border: 1px solid #f3a8bc !important;
    color: #fff !important;
    padding: 2px 3px !important;
    width: 112px !important;
    font-size: 10px;
    line-height: 11px;
     vertical-align: bottom;
    margin-bottom: 1px;
}

.nav-makura span , .canadian-mapledown span{
    border: solid 1px #fff;
    display: block;
    border-radius: 10px;
    padding: 0px 0px;
}

.contents-nav {
}
.contents-nav a:hover {
  border-radius: 30px;
  background: #eee;
}
p {
}

.entry-content p {
    margin: 2em 0;
}

.s1-shops {
    margin: 10px 0px;
    padding: 0 !important;
}
.s1-shops img {
    width: 100%;
}


/*****table*****/
#maincolumn .page-type table, 
#maincolumn .page-type table tr {
    border: none;
	width: 100%;
}

#maincolumn .page-type table tr {
}

#maincolumn .page-type table th,
#maincolumn .page-type table td {
	padding:10px;
	border: none;
	border-bottom: 15px solid #fff;
}

#maincolumn .page-type table th {
	background: #eee;
}
#maincolumn .page-type table td {
	background: #f9f9f9;
}