@charset "utf-8";

@font-face {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  src: url('./fonts/fontawesome-webfont.eot?v=4.6.2');
  src: url('./fonts/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'),
       url('./fonts/fontawesome-webfont.woff?v=4.6.2') format('woff'),
       url('./fonts/fontawesome-webfont.ttf?v=4.6.2') format('truetype'),
       url('./fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');  
}

* {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*----------------------------------------------------*/ 
/* structure
------------------------------------------------------*/
/*
blue: #4d2627
pale blue: #f4f5f8
red: #d42930
border: $eeeeee
*/

html,body {
	min-height: 100%;
	height: 100%;
}

html {
	font-size: 62.5%; /* for rem */
}

body {
	background-color: #fff;	
}

#local_header,
#nav2,
#mainvisual,
#container {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	font-weight: 500;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}

.topicpath,
.infopath {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	font-weight: 500;
}

h1,h2,h3,h4,h5,h6, strong, b, th {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	font-weight: 600;
}

a:link,
a:visited,
a:active {
	color: #4d2627;
}

.accordion p a[href$=".jpg"],
.accordion p a[href$=".png"],
a[rel="gallery"] {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

p {
	line-height:1.5;
}

/*----------------------------------------------------*/ 
/* Legacy Browser Alert
------------------------------------------------------*/

.legacy {
	background: #fff;
	clear: both;
	padding: 10px;
	text-align: center;
	margin:0 9px;
	font-size: 16px;
}

.legacy p {
	margin: 0;
	color: red;
	font-weight: bold;
}

.legacy ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

.legacy li {
	display: inline;
	margin: 0 .5em;
}

.legacy a {
	color: #00f;	
}

/*----------------------------------------------------*/ 
/* PC
------------------------------------------------------*/

body {
	width: auto;
	min-width: 998px;
}

#header_local *:after,
#local_header *:after,
#nav2 *:after,
#container *:after {
	display:inline-block;
	clear: none;
	width: auto;
	height:auto;
	visibility:visible;
}

#logo_local,
#socialbutton {
	display: none;
}

#header {
	min-width: 980px;
	padding-bottom:0;
	margin:0;
}

#footer {
	min-width: 998px;
	overflow-x: hidden;
}

#footer {
	border-top:0;
}

.footer_link {
	background-image: none !important;
}

#FooterCorpInfo {
	margin-left: 10px;
}

.no-touch #container a:hover img,
.no-touch #container input[type=image]:hover {
	filter:80;
	-moz-opacity:.8;
	opacity:.8;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

#container {
	width: auto !important;
	padding: 134px 10px 10px 10px;
	box-sizing: border-box;
	color: #333;
	margin: 0 auto;
	max-width: 1210px;
	font-size: 1.6rem;
	margin-bottom: -200px; /* footer height */
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#container::after {
	content: "";
	width: 100%;
	height: 200px; /* footer height */	
}


#contents {
	float: left;
	width: 100%;
	padding-top: 0 !important;
	margin: 0 -320px 0 0;
	background:none;
	border:none;
	position: relative;
}

#contents>* {

	margin-right: 334px !important;	
}


#rside {
	float: right;
	width: 300px;
	padding-top: 0px !important;
	position: relative;
	z-index: 0;

}

#rside-content {
	width: 300px;
}



/*----------------------------------------------------*/ 
/* local_header
------------------------------------------------------*/ 
#nav {
	position:absolute;
	text-align: right;
	white-space: nowrap;
	font-size: 0;
	color: inherit;
	z-index: 10;
	right: 0;
}

#local_header {
	position: fixed;
	top:0;
	z-index: 101;
	right:0px;
	left:0px;
	height: 54px;
	margin: 0;
	background-color: #f5f4f0;
	outline: solid 1px rgba(0,0,0,.1);
	min-width: 1000px;
}

.focus #local_header {
	position: relative;
}

#local_header .logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	display: block !important;
}

#local_header .logo a {
	position: relative;
	display: block;
	padding: 5px 7px 7px 7px;
  	width: 178px;
	height: 42px;
}

#local_header .logo a img {
	width: 178px;
	height: 42px;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
}

.no-touch #local_header .logo a:hover img,
.no-touch #local_header .logo a:hover:before {
	filter:80;
	-moz-opacity:.8;
	opacity:.8;
}

#local_header h2 {
	display: none;
}

#local_header .lnavi {
	position: relative;	
}

/*#local_header .lnavi {
	z-index:101;
	text-align: left;
	font-size: 0;
	padding: 0;
	margin-left: 220px;
	background-color: red;
	position: absolute;
	top:0;
	right: 10px;
}*/

#local_header .lnavi > li {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

#local_header .lnavi.r > li {
	margin-top: 12px;
	width: 32px;
	height: 32px;
	margin-left: 0;
	
}

#local_header .lnavi > li > a,
#local_header .lnavi > li > span {
	position: relative;
	display: block;
	height: 54px;
	text-align: center;
	line-height: 54px;
	padding: 0 10px;
	font-size: 1.6rem;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	color: #4d2627;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
}

#local_header .lnavi.r > li > a,
#local_header .lnavi.r > li > span {
	height: 20px;
	width: 20px;
	margin: 6px;
	font-size: 0;
	padding: 0px;
	overflow: hidden;
}

#local_header .lnavi > li.top > a {
	font-size: 0;
	display: none;
}

#local_header .lnavi > li.top > a:before {
	content: "\f015";
	font-family: FontAwesome;
	font-size: 1.8rem;
}

#local_header .lnavi.r > li > a:before,
#local_header .lnavi.r > li > span:before {
	content: "\f05a";
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	color: #aaa;
}





.no-touch #local_header .lnavi > li.tpoint:hover > span:before {
	color: #fff;
	background-color: #f1ebe4;
}

#local_header .lnavi > li.hover > a,
.no-touch #local_header .lnavi > li > a:hover,
#local_header .lnavi > li.hover > span {
	color: #4d2627;
	background-color: #f1ebe4;
}

#local_header .lnavi > li.parent > a:after,
#local_header .lnavi > li.parent > span:after {
	content: "\f107";
	margin-left: .25em;
	font-family: FontAwesome;
	display:inline;
	visibility:visible;
	position:relative;
	opacity: .5;
}

#local_header .lnavi > li.hover > a:after,
.no-touch #local_header .lnavi > li > a:hover:after,
#local_header .lnavi > li.hover > span:after {
	opacity: 1;
}


#local_header .lnavi > li.parent > span img {
	margin-top: 18px;
	margin-right: 10px;
	width: 88px;
	height: 16px;
}

#local_header .lnavi > li.parent > .children {
	position: absolute;
	z-index: 100;
	left: auto;
	right: 8px;
	height: 0;
}

#local_header .lnavi.r > li.parent > .children {
	top: 42px; !important;	
}

#local_header .lnavi > li.parent > .children > .wrap:before {
	content: "";
	position: absolute;
	right: 1px;
	margin-left: -6px;
	top: -5px;
	border-bottom: solid 6px #fff;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	z-index: 10;
}

#local_header .lnavi > li.parent > .children > .wrap:after {
	content: "";
	position: absolute;
	right: 1px;
	margin-left: -6px;
	top: -6px;
	border-bottom: solid 6px #c8b0b0;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	z-index: 9;
}


#local_header .lnavi > li.parent > .children > .wrap {
	position: relative;
	border-radius: 4px 5px 4px 4px;
	background-color: #fff;
	border: solid 1px #c8b0b0;
	box-shadow: 0 3px 8px rgba(0,0,0,.25);
	display: inline-block;
	display: none;
	margin: -5px 0 0 0;
	padding: 4px 0;
}


#local_header .lnavi > li.parent.hover > .children > .wrap {
	display: inline-block;
}


#local_header .lnavi > li.parent ul li ul {
	border: 0;
}

#local_header .lnavi > li.parent ul li > a {
	display: block;
	color: #802323;
	text-align:left;
	padding: 8px 12px;
	line-height: 1.5rem;
	font-size: 1.5rem;
	text-decoration:none;
	border-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.no-touch #local_header .lnavi > li.parent ul a:hover {
	background-color: #ede1e1;
}


.no-touch #local_header .rnavi li:hover a:before,
.no-touch #local_header .rnavi li:hover>span:before {
	color: #fff;
	border-color: transparent;
	background-color: #2fbc22;
}


/* Buy Sys */

.buy_sys {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	margin: 0;
}


.buy_sys>* {
	display: inline-block;
	vertical-align: top;
}


#cart_header {
	position: relative;
	display: inline-block;
	border-left: 1px solid rgba(0,0,0,.05);
	border-right: 1px solid rgba(0,0,0,.05);
	padding: 0;
	font-size: 0;
}


#cart_header a.btn {
	display: inline-block;
	height: 54px;
	line-height: 54px;
	font-size: 16px;
	padding: 0 10px;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
	text-decoration: none;
}

.no-touch #cart_header:hover a.btn {
	background-color: #f1ebe4;
}

#cart_header a.btn dl {
	font-size: 0;
	white-space: nowrap;
}

#cart_header a.btn dt,
#cart_header a.btn dd {
	display: inline-block;
	font-size: 15px;
	line-height: 54px;
	vertical-align: middle;
}

#cart_header a.btn dt {
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
}

#cart_header a.btn dt:before {
	content: "\f07a";
	font-family: FontAwesome;
	width: 1em;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	margin-right: .1em;
	font-weight: normal;
}



#cart_header a.btn dl>dd+dd {

	font-size: 15px;
	margin-left: .5em;
}

#cart_plugin_total_quantity,
#cart_plugin_item_subtotal {
	font-weight: bold;
	font-family: "Times New Roman",serif;
	line-height: 1;
	vertical-align: baseline;
}

#cart_plugin_total_quantity {
	display: inline-block;
	padding: 2px;
	font-size: 13px;
	line-height: 1;
	color: #fff;
	min-width: 1em;
	min-height: 1em;
	text-align: center;
	background-color: #d42930;
	border-radius: 10px;
	margin-left: .1em;
	vertical-align: middle;

}

#cart_plugin_total_quantity:empty {
	display: none;	
}

#cart_plugin_total_quantity+span {
	opacity: 0;
	display: none;
}

#cart_plugin_item_subtotal:empty+span {
	display: none;
}

#cart_plugin_item_subtotal+span {
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	margin-left: .1em;
}

#cart_header .box {
	width: 0;
	display: none;
}

#cart_header .cart_detail {
	position: absolute;
	display: block;
	border: solid 1px #c8b0b0;
	border-radius: 4px;
	background-color: #f4f5f8;
	box-shadow: 0 3px 8px rgba(0,0,0,.25);
	padding: 0;
	margin: -5px 0 0 0;
	font-size: 1.6rem;
	text-align: left;
	left:50%;
	transform: translateX(-50%);
	width: 300px;
}

#cart_header .cart_detail:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: -8px;
	border-bottom: solid 8px #c8b0b0;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
	z-index: 0;
}

#cart_header .cart_detail:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: -7px;
	border-bottom: solid 8px #f4f5f8;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
	z-index: 1;
}

#cart_header .cart_detail_content {
	margin: 10px 5px;
	font-size: 1.4rem;
	text-align: center;
}

ul.cartlist {
	margin: -6px -5px 5px;
	padding: 0;
	background-color: white;
	position: relative;
	min-height: 1em;
	border-top: solid 1px #dce1f1;
	border-bottom: solid 1px #dce1f1;
	overflow: auto;
	max-height: 160px;
	white-space: normal;
	text-align: left;
	-webkit-overflow-scrolling: touch;
	
}

ul.cartlist li {
	overflow: hidden;
	padding: 10px;
}

ul.cartlist li>div {
	position: relative;
	float: left;
	width: 60px;
	text-align: center;
	margin-right: 10px;	
}

ul.cartlist li>div img {
	max-height: 60px;
	width: auto;
	max-width: 60px;
	box-shadow: 0 0 1px rgba(0,0,0,.5);
}

ul.cartlist li dl {
	font-size: 1.4rem;
	margin-left: 70px;
}

ul.cartlist li dl dt {
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
}

#cart_plugin_items .num {
	margin: 10px 0;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}


.cartbtn a img {
	display: none;
}

.cartbtn {

	padding: 0 !important;
	margin: 5px 0 -5px 0 !important;
}

.cartbtn a {
	background-color: #802323;
	display: block;
	color: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	font-weight: bold;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
	margin: 0;

}

.no-touch .cartbtn a:hover {
	background-color: #992929;
}

.cartbtn a:before {
	content: "カートを見る";
}


#nav_mypage {
	border-right: 1px solid rgba(0,0,0,.05);
}

#nav_mypage li {
	display: inline-block;	
}

#nav_mypage a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
	height: 54px;
	border:0;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	font-size: 15px;
	line-height: 54px;
	text-decoration: none;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
}

#nav_mypage a[href$="/mypage/"],
#nav_mypage a[href$="/login/"] {
	border-right: 1px solid rgba(0,0,0,.05);
}




.no-touch #nav_mypage a:hover {
	background-color: #f1ebe4;
}



#search_keyword {
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0;
	border-right: 1px solid rgba(0,0,0,.05);
	min-height: 44px;
	min-width: 44px;
	
}

#search_keyword form {
	padding: 0;
	margin: 0;
}

#search_keyword label {
	position: absolute;
	display: block;
	top:0;
	padding: 7px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	cursor: text !important;
}

#search_keyword label:before {
	content: "\f002";
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 40px;
	position: absolute;
	top: 7px;
	right: 7px;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #4d2627;
	border-radius: 0 2px 2px 0;
}

#search_keyword .keyword {
	border: solid 1px rgba(0,0,0,.1);
	background-color: rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	border-radius: 4px;
	padding: 10px 44px 10px 10px;
	font-size: 15px;
	line-height: 1;
	width: 198px;
	margin: 7px;
	-webkit-appearance: none;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
	
}

.no-touch #search_keyword .keyword:hover {
	border-color: rgba(0,0,0,.2);
}

#search_keyword .keyword:hover:focus,
#search_keyword .keyword:focus {
	border-color:rgba(127, 95, 34, 0.75);

}

#search_keyword .keyword::-webkit-input-placeholder {
    color: #c3af9c;


}

#search_keyword .keyword:-ms-input-placeholder {
    color: #c3af9c;

}

#search_keyword .keyword::-moz-placeholder {
    color: #c3af9c;

}

#search_keyword .submit {
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 0;
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
}



#bnr_tpoint {
	display: inline-block;
	vertical-align: top;
	height: 54px;
}


#nav_tpoint img{
	width: 103px;
	height: 40px;
	padding: 7px;
}


/*----------------------------------------------------*/ 
/* hnavi
------------------------------------------------------*/
#nav2 {
	position: fixed;
	z-index: 100;
	width: 100%;
	min-width: 1000px;
	top:16px;
	height: 38px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;

}

#nav2.on {
	top:54px;	
}

.hnavi {
	position: relative;
	background-color: #4d2627;
	text-align: center;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
	
}

.hnavi > li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	background-color: rgba(238, 222, 222, 0);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.hnavi>li>a,
.hnavi>li>span {
	position: relative;
	color: #fff;
	line-height: 44px;
	text-decoration: none;
	padding: 0 10px;
}

.hnavi>li:before {
	content: "";
	position: absolute;
	right: 20px;
	left: 20px;
	bottom: 0;
	height: 4px;
	background-color: #b34444;
	display: none;
}

.top .hnavi>li.top,
.sekai .hnavi>li.sekai,
.list .hnavi>li.shop,
.articles-contents_type-1682 .hnavi>li.list,
.articles .hnavi>li.articles-series,
.series .hnavi>li.articles-series,
.shop .hnavi>li.shop,
.products .hnavi>li.shop,
.products-detail .hnavi>li.shop,
.detail .hnavi>li.articles-series {
	background-color: #ecdbdb;
}

.hnavi > li > a,
.hnavi > li > span {
	position: relative;
	display: block;
	height: 38px;
	text-align: center;
	padding: 0 20px;
	font-size: 1.5rem;
	line-height: 38px;
	overflow: hidden;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	color: #f5ecec;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	vertical-align: middle;
}

.top .hnavi>li.top>a,
.top .hnavi>li.top>span,
.sekai .hnavi>li.sekai>a,
.sekai .hnavi>li.sekai>span,
.list .hnavi>li.shop>a,
.list .hnavi>li.shop>span,
.articles-contents_type-1682 .hnavi>li.list>a,
.articles-contents_type-1682 .hnavi>li.list>span,
.articles .hnavi>li.articles-series>a,
.articles .hnavi>li.articles-series>span,
.series .hnavi>li.articles-series>a,
.series .hnavi>li.articles-series>span,
.shop .hnavi>li.shop>a,
.shop .hnavi>li.shop>span,
.products .hnavi>li.shop>a,
.products .hnavi>li.shop>span,
.products-detail .hnavi>li.shop>a,
.products-detail .hnavi>li.shop>span,
.detail .hnavi>li.articles-series>a,
.detail .hnavi>li.articles-series>span {
	color: #4c2628 !important;
}

.top .hnavi>li.top.hover,
.list .hnavi>li.shop.hover,
.articles .hnavi>li.articles-series.hover,
.series .hnavi>li.articles-series.hover,
.shop .hnavi>li.shop.hover,
.products-detail .hnavi>li.shop.hover,
.detail .hnavi>li.articles-series.hover {
	background-color: #e2c9c9 !important;
}


.hnavi > li.top > a {
	font-size: 0;
}

.hnavi > li.top > a::before {
	content: "\f015";
	font-family: FontAwesome;
	font-size: 1.8rem;
}



.hnavi > li.hover > a,
.no-touch .hnavi > li > a:hover,
.hnavi > li.hover > span {
	/*color: #fff !important;
	background-color: #812d31;*/
	color: #f5d2d2;
}



.hnavi > li.parent > a:after,
.hnavi > li.parent > span:after {
	content: "\f107";
	margin-left: .25em;
	overflow: hidden;
	font-family: FontAwesome;
	display:inline-block;
	visibility:visible;
	opacity: .5;
	vertical-align: middle;
}

.hnavi > li.hover > a:after,
.no-touch .hnavi > li > a:hover:after,
.hnavi > li.hover > span:after {
	opacity: 1;
}


.hnavi > li.parent > span img {
	margin-top: 18px;
	margin-right: 10px;
	width: 88px;
	height: 16px;
}

.hnavi > li.parent > .children {
	position: absolute;
	z-index: 100;
	left: auto;
	right: 50%;
	height: 0;
}

.hnavi.r > li.parent > .children {
	top: 42px; !important;	
}

.hnavi > li.parent > .children > .wrap:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: -5px;
	border-bottom: solid 6px #fff;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	z-index: 10;
}

.hnavi > li.parent > .children > .wrap:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: -6px;
	border-bottom: solid 6px #c8b0b0;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	z-index: 9;
}


.hnavi > li.parent > .children > .wrap {
	position: relative;
	min-width: 200px;
	border-radius: 4px 5px 4px 4px;
	background-color: #fff;
	border: solid 1px #c8b0b0;
	box-shadow: 0 3px 8px rgba(0,0,0,.25);
	display: inline-block;
	display: none;
	margin: -5px 0 0 0;
	padding: 4px 0;
	margin-left: 50%;
}


.hnavi > li.parent.hover > .children > .wrap {
	display: inline-block;
}


.hnavi > li.parent ul li ul {
	border: 0;
}

.hnavi > li.parent ul li > a {
	display: block;
	color: #802323;
	text-align:left;
	padding: 8px 12px;
	line-height: 1.5rem;
	font-size: 1.5rem;
	text-decoration:none;
	border-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.no-touch .hnavi > li.parent ul a:hover {
	background-color: #ede1e1;
}


.no-touch .rnavi li:hover a:before,
.no-touch .rnavi li:hover>span:before {
	color: #fff;
	border-color: transparent;
	background-color: #2fbc22;
}


/*----------------------------------------------------*/ 
/* rside
------------------------------------------------------*/


#nav_mypage a:before {
	content: "\f007";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 18px;
	color: inherit;
	min-width: 1em;
	text-align: center;
	line-height: 1;

	font-weight: normal;
	vertical-align: middle;
}

#nav_mypage a[href*="/login/"]:before {
	content: "\f090";
}

#nav_mypage a[href*="/logout/"]:before {
	content: "\f08b";
}


#nav_mypage a[href*="/register/"]:before {
	content: "\f234";
}


#rside .col,
.rankingBox {
	margin-bottom: 10px;
	background-color: #fff;
	padding: 10px;
	overflow: hidden;
	color: inherit;
	border-bottom: solid 1px #f5eaea;
}

#rside .col header,
.rankingBox header {
	padding: 0px 0 2px 0;
	margin: 0px -10px 10px -10px;
	overflow: hidden;
}

#rside .col header h2,
.rankingBox header h2 {
	font-size: 1.2rem;
	line-height: 1;
	margin: 0;
	color: #843438;
}

#rside .col.issue header h2 {
	float: left;
	width: 50%;	
}

#rside .col header .prev {
	float:right;
	width: 50%;	
	font-size: 12px;
	line-height: 1;
	text-align: right;
}

#rside .col header .prev a {
	color: #999;
}

#rside .col header .prev a:after {
	content: "\f105";
  	font-family: FontAwesome;
  	margin-left: .25em;
}

#rside .issue a {
	display: block;
	color: inherit;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
	margin: -10px;
	overflow: hidden;
}

.no-touch #rside .issue a:hover {
	color: #09c;
	background-color: #f9f9f9;
	text-decoration: none;
}

#rside .issue .detail .image {
  float:left;
  border: solid 1px #f5eaea;
  margin: 5px 10px 5px 5px;
  width: 110px;
  height: 144px; 
}

.no-touch #rside .issue a:hover .detail .image {
	background-color: #f3f3f3;
}

#rside .issue .detail dl {
	padding: 10px;
}

#rside .issue .detail dt {
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
	font-size: 1.8rem;
	margin-bottom: .5em;
}

#rside .issue .detail dd {
	font-size: 1.4rem;
	line-height: 1.5;	
}

#rside .archives ul {
	margin: 0 0 0 1.25em;
	list-style-type: disc;
}

#rside .archives ul li {
	margin-bottom: .5em;
	font-size: 1.4rem;
	line-height: 1.5;
}

#rside .archives ul>li:last-child {
	margin-bottom: 0;
}

#rside .archives ul li a {
	color: inherit;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
}

.no-touch #rside .archives ul li a:hover {
	color: #09d;
}

#rside .bnrs li {
	margin-bottom: 5px;
}

#rside-content {
	margin: 0 0 5px 0;
}

#bnr-facebook {
	background-color: #fff;
}

#rside>div>br {
	display: none;
}


.rankingBox ul.tab {
	position: relative;
	margin: -5px -10px -1px -10px;
	font-size: 0;
	line-height: 0;
	z-index: 10;
	overflow: visible !important;

}

.rankingBox ul.tab>li {
	display: inline-block;
	width: 33.33%;
	height: 100%;
	float: none !important;

	
}

.rankingBox ul.tab>li a {
	display:block;
	position: relative;
	width:auto !important;
	height: auto;
	padding: 7px 0 6px 0;
	font-size: 1.3rem;
	line-height: 1;
	color: #fff;
	
	overflow: visible !important;
	white-space:nowrap;
	text-align: center;
	text-indent:0;
	background-color: #936366;
	
	background-image: none;
	text-decoration: none;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;

}


.rankingBox ul.tab>li:last-child a {
	border-right: 0 !important;
}

.rankingBox .tab>li a.on {
	background-color: #eddbdb;
	color: #4c2628;
	cursor: default;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "YuMincho", "HGS明朝B", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", serif;
}

.rankingBox ul.tab>li a.on:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	border-top: solid 5px #eddbdb;
	border-left: solid 5px transparent;
	border-right: solid 5px transparent;	
}


.no-touch .rankingBox ul.tab>li a:hover {
	color: #f5d2d2;
}

.no-touch .rankingBox ul.tab>li a.on:hover {
	color: #4c2628;
}


.rankingBox ol {
	display:none;
	font-size: 0;
	line-height: 0;
	margin: 0 -10px -10px -10px;
	padding: 0;
}

.rankingBox ol>div>li {
	position:relative;
	border-top: solid 1px #f5eaea;
	margin: 0;
	padding: 0;
}

.rankingBox ol>div>li:last-child {
	border-bottom: 0;
}

.rankingBox ol>div>li>a {
	color:#000;
	display: block;
	font-size: 1.4rem;
	line-height: 1.6em;
	padding: 10px 10px 7px 27px;
	position: relative;
	box-sizing: border-box;
	z-index: 1;
	height: auto;
	overflow: hidden;
	text-overflow: ellipsis;

}

.rankingBox.sales ol>div>li>a {
	min-height: 75px;
	height: auto;
	max-height:none;
	padding-left: 72px;
	position: relative;

}

.rankingBox.sales ol>div>li>a img {
	position: absolute;
	line-height: 0;
	top: 11px;
	left: 25px;
	display: inline-block;
	width: 40px;
	height: auto;
	outline: solid 1px #f5f5f5;
	font-size: 10px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
}

.rankingBox.sales ol>div>li>a ul {
	font-size: 1.2rem;
	padding: 0;
	margin: 0;
}

.rankingBox.sales ol>div>li>a ul>li {
	margin: 0;
	padding: 0;
}

.no-touch .rankingBox ol>div>li:hover {
	background-color: #f8f3f3;
}

.no-touch .rankingBox ol>div>li:hover a {
	text-decoration: none;
}

.rankingBox ol>div>li>span {
	position: absolute;
	color:#fff !important;
	font-weight:bold;
	display:inline-block;
	text-align:center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	margin: 0;
	top: 12px;
	left: 5px;
	vertical-align: top;
	font-family: 'Times New Roman', serif;
	font-size: 1.2rem;
	z-index: 0;

}


.rankingBox ol>div>li.ranks span { background:#bfadad;}
.rankingBox ol>div>li.rank1 span { background:#a62f2f;}
.rankingBox ol>div>li.rank2 span { background:#da7f2f;}
.rankingBox ol>div>li.rank3 span { background:#cbaa5d;}