@charset "utf-8";

/* =========================================================
	1.UNIVERSAL-RESET
	2.BASE-SET
	3.WIRE-FRAME
	4.HEADER
		└ globalNavi
	5.FOOTER
	6.BREADCRUMBLIST
	7.CONTENTS
		├ page-hdg
		├ page-header
		└ detail-header
	8.MAIN
		├ heading
		├ list-header
		└ tool-header
	9.SUB
	10.MODAL
		├ confirm
		├ dialog
		└ iframe
	11.MODAL-ARTICLE-FAV
	12.MODAL-ACTIVITY-NAV
	13.OTHER
		├ finished
		└ notFound

========================================================= */

/* 1.UNIVERSAL-RESET
--------------------------------------------------------- */
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	background: transparent;
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ul,
ol {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	outline: none;
}

img {
	vertical-align: bottom;
}

/* form */
input[type="text"],
input[type="password"],
input[type="submit"],
textarea,
select {
	font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
	font-size: 12px;
}
textarea {
	font-size: 13px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #ccc8bf;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #ccc8bf;
	opacity: 1;
}




/* 1.UNIVERSAL-RESET > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {
}




/* 2.BASE-SET
--------------------------------------------------------- */
html {
	height: 100%;
}

body {
	background: #fff;
	color: #66635d;
	font-size: 13px;
	font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
	line-height: 1.2;
	min-height: 100%;
	min-width: 980px;
	overflow: hidden;
	position: relative;
	-webkit-text-size-adjust: none;
	word-break: break-all;
}

.cx:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*:first-child+html .cx {
	display: inline-block;
	min-height: 1%;
}

* html .cx {
	height: 1%;
}

a {
	color: #66635d;
	overflow: hidden;
	text-decoration: underline;
}
a:hover {
	color: #b99747;
}

/* テキスト選択時 */
::selection {
	background: #b99747;
	color: #fff;
}
::-moz-selection {
	background: #b99747;
	color: #fff;
}


/* レスポンシブ監視用 common.js[Common.browseWatch()] */
#responsiveObserver {
	height: 0;
	left: 0;
	position: absolute;
	top: -1000px;
}

/* デバイス別簡易表示設定 common.js[Common.browseWatch()] */
.pcItem,
.spItem {
	display: none;
}

body.modePC .pcItem,
body.modeSP .spItem {
	display: block;
}


/* 2.BASE-SET > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {

	/* sp > メニュー展開用オプション */
/*	html.opened {
		overflow: hidden;
	}
	html.opened #page {
		position: absolute;
		z-index: 1;
	}
	html.opened #openMenuBlock {
		overflow: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch
	}
	html.opened #headerMenuBG {
		display: block;
	}*/
	body.modalIsOpen #page *,
	html.opened #contents *,
	html.opened #footer * {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		tap-highlight-color: rgba(0, 0, 0, 0);
	}


	/* oldAndroid */
	html.opened.oldAndroid{
		overflow: auto;
	}
	html.opened.oldAndroid #page {
		position: static;
	}
	html.opened.oldAndroid #openMenuBlock {
		overflow: auto;
	}
	html.opened header,
	html.opened #header{
/*		height: 100%;*/
	}
	html.opened.oldAndroid #header * {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		tap-highlight-color: rgba(0, 0, 0, 0);
	}



	body {
		min-width: 320px;
		-webkit-text-size-adjust: none; /* for iPhone */
	}

	/* レスポンシブ監視用 */
	#responsiveObserver {
		height: 1px;
	}

}


/* 3.WIRE-FRAME
--------------------------------------------------------- */

html {
	overflow-y: scroll;
}

html .wrap {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
#contents {
	margin: 0 auto 41px;
	padding: 186px 0 0 0;
}
#contents .contents-frame {
	background: url(../img/bg_line01.png) repeat-y 710px 0;
}
#contents .contents-frame #main {
	float: left;
	width: 680px;
}

#contents .contents-frame #sub {
	float: right;
	width: 220px;
}


/* 3.WIRE-FRAME > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {

	html .wrap {
		margin: 0 20px;
		width: auto;
	}

	#contents {
		margin: 0 auto 40px;
		padding: 77px 0 0 0;
	}
	#contents .contents-frame {
		background: none;
	}
	#contents .contents-frame #main,
	#contents .contents-frame #sub {
		float: none;
		width: auto;
	}

}


/* 4.HEADER
--------------------------------------------------------- */
#header {
	background-color: #fff;
	border-bottom: 1px solid #f0ece8;
	box-shadow: 0 1px 6px -6px #66635d;
	height: 155px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:300;
}

/* #header > #headerInner */
#headerInner {
	position: relative;
	height: 100px;
	z-index: 10;
}
#headerInner .site-tagline {
	background: #f1ece7;
	color: #9a938c;
	font-size: 11px;
	line-height: 25px;
}
#headerInner .logo-block {
	letter-spacing: -.4em;
	padding: 17px 0 0;
	position: relative;
}
#headerInner .logo,
#headerInner .logo-tagline {
	display: inline-block;
	letter-spacing: 0;
	line-height: 1.5;
	vertical-align: middle;
}
#headerInner .logo-icnBloc {
	display: inline-block;
	letter-spacing: 0;
	vertical-align:middle;
	padding-left:15px;
}
#headerInner .logo-icnBloc img{
	width:40px;
	height:40px;
}
*:first-child+html #headerInner .logo,
*:first-child+html #headerInner .logo-tagline {
	display: inline;
	zoom: 1;
}
#headerInner .logo-tagline {
	padding-left: 16px;
}
#headerInner .login {
	font-size: 11px;
	line-height: 40px;
	padding: 0 55px 0 0;
	letter-spacing:0;
	position:absolute;
	top:82px;
	right:60px;
}
#headerInner .login-edit {
    padding: 0 40px 0 0;
}
#headerInner .login a {
	color: #9a938c;
}
#headerInner .login a:hover {
	color: #b99747;
}
#headerInner .about {
	position:absolute;
	right:0;
	bottom:0;
	font-size: 11px;
	letter-spacing:normal;
}
#headerInner .about a {
	color: #9a938c;
}
#headerInner .about a:hover {
	color: #b99747;
}
#headerBtn{
	position:absolute;
	top:35px;
	left:50%;
	margin-left:-480px;
}

/* fixed */
#header.fixed {
	position: fixed;
	top: -100px;
}
#header.fixed .mini-logo {
	width: 71px;
}
#header.fixed #globalNavi .category-navi {
	width: auto;
	width: 850px;
	float:left;
	position: relative;
}
#header.fixed #globalNavi .category-navi dd a {
	font-size: 11px;
}
#header.fixed #globalNavi .category-navi dd span{
	/*padding: 0 26px;*/
}

/* oldAndroid */
html.oldAndroid #header{
	position: absolute;
}

/* REGISTER-HEADER
--------------------------------------------------------- */
#register-header {
	background-color: #fff;
	border-bottom: 1px solid #f0ece8;
	box-shadow: 0 1px 6px -6px #66635d;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:300;
}

/* #register-header > #register-headerInner */
#register-headerInner {
	position: relative;
	height: 100px;
	z-index: 10;
}
#register-headerInner .site-tagline {
	background: #f1ece7;
	color: #9a938c;
	font-size: 11px;
	line-height: 25px;
}
#register-headerInner .logo-block {
	letter-spacing: -.4em;
	padding: 17px 0 0;
}
#register-headerInner .logo,
#register-headerInner .logo-tagline {
	display: inline-block;
	letter-spacing: 0;
	line-height: 1.5;
	vertical-align: middle;
}
*:first-child+html #register-headerInner .logo,
*:first-child+html #register-headerInner .logo-tagline {
	display: inline;
	zoom: 1;
}
#register-headerInner .logo-tagline {
	padding-left: 16px;
}

/* fixed */
#register-header.fixed {
	position: fixed;
	top: -100px;
}
#register-header.fixed .mini-logo {
	width: 48px;
}
#register-header.fixed #globalNavi .category-navi {
	width: 718px;
}
#register-header.fixed #globalNavi .category-navi dd a {
	font-size: 11px;
}


/* #header > #globalNavi */
#openMenuBlock{
	display:block;
}
#globalNavi {
	position: relative;
}
*:first-child+html #globalNavi {
	zoom: 1;
}
#globalNavi a {
	text-decoration: none;
}


/* #globalNavi > #headerBtn */
#headerBtn {
	z-index: 1;
}
/* #headerBtn > #searchOpen */
#searchOpen {
	position: absolute;
	right: 0;
	top: 72px;
	z-index: 1;
}
#searchOpen a {
	background: #8b8276 url(../img/ico_search01.png) no-repeat 50% 50%;
	border-radius: 3px;
	box-shadow: 0 1px 0 0 #eae4e0;
	display: block;
	height: 40px;
	text-indent: -9999px;
	width: 40px;
}
#searchOpen a:hover {
	background-color: #b9b4ad;
	box-shadow: none;
}
/*  #headerBtn > #cartOpen
----------------------------- */
#cartOpen {
  position: absolute;
  right: 50px;
  top: 72px;
  z-index: 1;
}

#cartOpen a {
  background: #8b8276 url(../img/ico_cart01.png) no-repeat 50% 50%;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #eae4e0;
  display: block;
  height: 40px;
  text-indent: -9999px;
  width: 40px;
}

#cartOpen a:hover {
  background-color: #b9b4ad;
  box-shadow: none;
}

/* #globalNavi > #siteNavi */
#siteNavi {
}
#siteNavi .mypage {
/*	float: right;*/
	font-size: 11px;
	line-height: 40px;
/*	padding: 8px 55px 0 0;*/
position:absolute;
top:8px;
right:115px;
z-index:1;
}
#siteNavi .mypage span {
	color: #b99747;
	display: block;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 125px;
}
#siteNavi .mypage a {
	color: #b99747;
}
#siteNavi .mypage a:hover {
	text-decoration: underline;
}

#siteNavi .mini-logo {
	background: url(../img/bg_line03.png) no-repeat 0 100%;
	float: left;
	height: 56px;
	overflow: hidden;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	width: 0;
}
#siteNavi .mini-logo a {
	display: block;
	margin: 8px 0 0 0;
	padding: 12px 0;
	text-align: center;
	width: 100%;
}
#siteNavi .mini-logo a:hover img {
	filter:alpha(opacity=60);
	opacity: .6;
}
#siteNavi .login{
	display:none;
}


/* category-navi */
#siteNavi .category-navi {
	background: url(../img/bg_line03.png) no-repeat 0 100%;
	font-size: 12px;
	-moz-transition: width 200ms ease-out;
	-ms-transition: width 200ms ease-out;
	-o-transition: width 200ms ease-out;
	-webkit-transition: width 200ms ease-out;
	transition: width 200ms ease-out;
	width: 100%;
}

#siteNavi .category-navi dd {
	background: url(../img/bg_line03.png) no-repeat 100% 100%;
	float: left;
	text-align: center;
	white-space:nowrap;
	width:15%;
}
#siteNavi .category-navi dd a{
	display: block;
	margin: 5px 6px 0;
	padding: 0 0 6px;
}
#siteNavi .category-navi dd a span {
	display: block;
	line-height: 45px;
	font-weight: bold;
	-moz-transition: font 200ms ease-out;
	-ms-transition: font 200ms ease-out;
	-o-transition: font 200ms ease-out;
	-webkit-transition: font 200ms ease-out;
	padding:0 8px;
}

@media screen and (max-width: 740px) {
#siteNavi .category-navi dd a span {
	display: block;
	line-height: 45px;
	font-weight: bold;
	-moz-transition: font 200ms ease-out;
	-ms-transition: font 200ms ease-out;
	-o-transition: font 200ms ease-out;
	-webkit-transition: font 200ms ease-out;
	padding:0;
}
#headerInner .about{
	display:none;
}
}

#siteNavi .category-navi dd a.active span,
#siteNavi .category-navi dd a.active:hover span {
	background: #b99747;
	border-radius: 3px;
	color: #fff;
}

/* #globalNavi > #categorySubNavi */
#categorySubNavi {
	background-color: #faf9f7;
}
#categorySubNavi a {
	line-height: 1;
}
#categorySubNavi dl {
	display: none;
	padding: 28px 20px 15px;
}
#categorySubNavi dt {
	float: left;
	margin: 0 15px 13px 0;
}
#categorySubNavi dt a {
	background: url(../img/ico_link01.png) no-repeat 100% 50%;
	font-size: 14px;
	font-weight: bold;
	padding: 0 15px 0 0;
}
#categorySubNavi dt a:hover {
	background: url(../img/ico_link01_on.png) no-repeat 100% 50%;
}
#categorySubNavi dd {
	overflow: hidden;
}
#categorySubNavi dd li {
	border-right: 1px solid #cfcec9;
	float: left;
	margin: 0 0 13px;
	padding: 0 15px;
}
#categorySubNavi dd li a {
	font-size: 12px;
}

@media screen and (max-width: 740px) {
.cateSp {
	display: none;
}
}

/* #globalNavi > #siteSearch */
#siteSearch {
	background: url(../img/bg_arrow01.png) 97% 0 no-repeat;
	margin-right: -480px;
	position: absolute;
	padding-top: 10px;
	right: 50%;
	top: 85px;
	width: 388px;
}
#siteSearch .frame {
	background: #faf9f7;
	border-radius: 3px;
	position:relative;
	z-index:900;
}
#siteSearch .key-search {
	padding: 26px 24px;
}
#siteSearch .key-search .inside {
	background: #fff;
	border: 1px solid #eae4e0;
	border-radius: 3px;
	letter-spacing: -.4em;
	padding: 8px 9px;
}
#siteSearch .key-search input ,
#siteSearch .key-search .submit-btn {
	display: inline-block;
	outline:none;
	vertical-align: middle;
}
*:first-child+html #siteSearch .key-search input ,
*:first-child+html #siteSearch .key-search .submit-btn {
	display: inline;
	zoom: 1;
}
#siteSearch input {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	font-size: 12px;
	width: 282px;
}
#siteSearch .submit-btn {
	background: url(../img/ico_search03.png) 0 0 no-repeat;
	height: 19px;
	margin-left: 15px;
	text-indent: -9999px;
	width: 19px;
}
#siteSearch .submit-btn:hover {
	background: url(../img/ico_search03_on.png) 0 0 no-repeat;
}
#siteSearch .key-list {
	border-top: 3px solid #eae4e0;
	padding: 24px 24px 22px;
}
#siteSearch .key-list dt {
	color: #33302a;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
}
#siteSearch .key-list ul {
	letter-spacing: -.4em;
}
#siteSearch .key-list li {
	display: inline-block;
	letter-spacing: 0;
	margin: 0 4px 3px 0;
}
*:first-child+html #siteSearch .key-list li {
	display: inline;
	zoom: 1;
}
#siteSearch .key-list li a {
	background: #fff;
	border: 1px solid #ded9cd;
	border-radius: 3px;
	box-shadow: 0 1px 0 #eae4e0;
	color: #66635d;
	display: block;
	padding: 7px 10px 6px;
	text-decoration: none;
}
#siteSearch .key-list li a:hover {
	box-shadow: none;
	color: #b99747;
}

/* #globalNavi > #accountNavi */
#accountNavi {
	background: url(../img/bg_arrow01.png) 50% 0 no-repeat;
	font-size: 12px;
	margin-right: -429px;
	padding-top: 10px;
	position: absolute;
	right: 50%;
	right: 47%;
	top: 50px;
	width: 190px;
}
#accountNavi ul {
	background: #faf9f7;
	border-radius: 3px;
	overflow: hidden;
}
#accountNavi li + li {
	border-top: 1px solid #f0edea;
}
#accountNavi ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
/*	text-align: center;*/
	width: 100%;
}
#accountNavi ul li a span {
	background: url(../img/ico_link01.png) no-repeat 100% 50%;
	padding-right: 15px;
	padding-left: 10px;
	width:150px;
	display:inline-block;
}
#accountNavi ul li a:hover span {
	background-image: url(../img/ico_link01_on.png);
}

/* sp -> hide */
#spMenuBlock,
#spNavi,
#spMenuOpen,
#siteNavi .category-navi dt,
#siteNavi .list-navi,
#siteNavi .sub-navi,
#categorySubNavi,
#categorySubNavi .back,
#siteSearch,
#accountNavi,
#openMenuClose,
#headerMenuBG {
	display: none;
}


/* 4.HEADER > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {

	#header {
		background-color: transparent;
		border-bottom: 0;
		box-shadow: none;
		height: auto;
		position: fixed;
	}

	/* #header > #headerInner */
	#headerInner {
		background: url(../img/header_bg_sp.png) no-repeat 50% 100%;
		background-size: 800px 68px;
		height: 88px;
		letter-spacing: 0;
		margin: 0;
		padding: 0;
	}
	#header .site-tagline {
		font-size: 10px;
		line-height: 20px;
		text-align: center;
	}
	#headerInner .logo-block {
		padding: 13px 0 0;
	}
	#headerInner .logo {
		display: block;
		padding: 0;
		text-align: center;
	}
	#headerInner .logo img {
		height: 34px;
		width: 87px;
	}
	#headerInner .logo-tagline {
		display: none;
	}
	#headerInner .logo-icnBloc {
		position:absolute;
		top:13px;
		left:51%;
		margin-left:-90px;
		margin-left:50px;
		padding:0;
		width:180px;
		width:30px;
		text-align:right;
	}
	#headerInner .logo-icnBloc img{
		width:30px;
		height:30px;
		padding-right:7px;
	}
	

	/* fixed */
	#header.fixed {
		top: 0;
	}
	#header.fixed .site-tagline {
		display: none;
	}
	#header.fixed #headerInner {
		background: #fff;
		border-bottom: 1px solid #d9d9d9;
		box-shadow: 0 1px 6px -6px #66635d;
		height: 40px;
		padding: 0;
	}
	#header.fixed #headerInner .logo-block {
		padding: 10px 0 0;
	}
	#header.fixed #headerInner .logo img {
		height: 20px;
		width: 51px;
	}
	#header.fixed #searchOpen,
	#header.fixed #spMenuOpen {
		top: -50px;
	}
	#header.fixed #globalNavi .category-navi dd a span {
		font-size: 14px;
	}
	#header.fixed #openMenuBlock {
		top: 0;
	}
	#header.fixed #headerInner .logo-icnBloc{
		width:140px;
		width:26px;
		margin-left:32px;
		top:8px;
	}
	#header.fixed #headerInner .logo-icnBloc span{
		line-height:25px;
		display:inline-block;
	}
	#header.fixed #headerInner .logo-icnBloc img{
		width:25px;
		height:25px;
	}

	/* REGISTER-HEADER
	-----------------------------------------------------------------*/
	#register-header {
		background-color: transparent;
		border-bottom: 0;
		box-shadow: none;
		height: auto;
		/*position: fixed;*/
	}

	/* #register-header > #register-headerInner */
	#register-headerInner {
		background: url(../img/header_bg_sp.png) no-repeat 50% 100%;
		background-size: 800px 68px;
		height: 88px;
		letter-spacing: 0;
		margin: 0;
		padding: 0;
	}
	#register-header .site-tagline {
		font-size: 10px;
		line-height: 20px;
		text-align: center;
	}
	#register-headerInner .logo-block {
		padding: 13px 0 0;
	}
	#register-headerInner .logo {
		display: block;
		padding: 0;
		text-align: center;
	}
	#register-headerInner .logo img {
		height: 34px;
		width: 87px;
	}
	#register-headerInner .logo-tagline {
		display: none;
	}

	/* fixed */
	#register-header.fixed {
		top: 0;
	}
	#register-header.fixed .site-tagline {
		display: none;
	}
	#register-header.fixed #register-headerInner {
		background: #fff;
		border-bottom: 1px solid #d9d9d9;
		box-shadow: 0 1px 6px -6px #66635d;
		height: 40px;
		padding: 0;
	}
	#register-header.fixed #register-headerInner .logo-block {
		padding: 10px 0 0;
	}
	#register-header.fixed #register-headerInner .logo img {
		height: 20px;
		width: 51px;
	}
	#register-header.fixed #searchOpen,
	#register-header.fixed #spMenuOpen {
		top: -41px;
	}
	#register-header.fixed #globalNavi .category-navi dd a {
		font-size: 14px;
		padding: 0 20px;
	}
	#register-header.fixed #openMenuBlock {
		top: 0;
	}

	/* #header > #globalNavi */
	#globalNavi .wrap {
		margin: 0;
	}

	/* pc > reset */
	#openMenuBlock,
	#siteNavi {
		display: none;
	}
	#spMenuOpen,
	#siteNavi .category-navi dt,
	#siteNavi .list-navi,
	#siteNavi .sub-navi,
	#categorySubNavi .back,
	#openMenuClose {
		display: block;
	}

	/* #globalNavi > #headerBtn */
	#headerBtn {
		z-index: 100;
		position:relative;
		top:20px;
		left:0;
		margin:0 auto;
	}
	#headerInner .login{
		display:none;
	}

	/* #headerBtn > #searchOpen */
	#searchOpen {
		right: 10px;
		top: -60px;
		z-index: 300;
	}
	#searchOpen a {
		background: url(../img/ico_search02_sp.png) no-repeat 50% 50%;
		background-size: 21px 21px;
		box-shadow: none;
	}
	#searchOpen a:hover {
		background-color: transparent;
	}
	#searchOpen a.active {
		background: url(../img/ico_search02_sp-active.png) no-repeat 50% 50%;
		background-size: 21px 21px;
	}

	/* #headerBtn > #cartOpen */
	#cartOpen {
		position: absolute;
		right: 55px;
		top: -60px;
		z-index: 300;
	}
	#cartOpen a {
		background: url(../img/ico_cart01_sp.png) no-repeat 50% 50%;
		background-size: 21px 21px;
		box-shadow: none;
		display: block;
		height: 40px;
		text-indent: -9999px;
		width: 40px;
	}
	#cartOpen a:hover {
		background-color: #fff;
	}
	#header.fixed #cartOpen {
		top: -50px;
	}

	/* #headerBtn > #spMenuOpen */
	#spMenuOpen {
		left: 10px;
		position: absolute;
		top: -60px;
		z-index: 300;
	}
	#spMenuOpen a {
		background: url(../img/ico_menu_btn.png) no-repeat 50% 50%;
		background-size: 21px 16px;
		display: block;
		height: 40px;
		text-indent: -9999px;
		width: 40px;
	}
	#spMenuOpen a.active {
		background: url(../img/ico_menu_btn-active.png) no-repeat 50% 50%;
		background-size: 21px 16px;
	}

	/* #globalNavi > #openMenuBlock */
	#openMenuBlock {
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		position: relative;
		top: -11px;
		width: 100%;
		z-index: 1;
	}

	/* #globalNavi > #siteNavi */
	#siteNavi {
		background-color: #faf9f7;
		position: relative;
		z-index: 1;
	}
	#siteNavi .login,
	#siteNavi .mypage {
		float: none;
		font-size: 14px;
		line-height: 92px;
		padding: 0;
		/*display:block;*/
	}
	#siteNavi .login a,
	#siteNavi .mypage a {
		background: url(../img/ico_link05.png) no-repeat 100% 50% padding-box;
		background-size: 10px 17px;
		border-right: 20px solid transparent;
		color: #66635d;
		display: block;
		padding: 0 20px;
	}
	#siteNavi .mypage span {
		width: auto;
	}
	#siteNavi .mypage a {
		color: #c8b07b;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#siteNavi .mini-logo {
		display: none;
	}

	/* category-navi */
	#siteNavi .category-navi {
		background: none;
		float: none;
		font-size: 14px;
		width: auto;
	}
	#siteNavi .category-navi dt {
		background: #eae4e0;
		padding: 8px 15px;
		font-size: 10px;
	}
	#siteNavi .category-navi dd {
		background: none;
		float: none;
		padding: 0;
		text-align: left;
		width: auto;
	}
	#siteNavi .category-navi dd a {
		margin: 0;
		padding: 0 20px;
		border-bottom: 1px solid #eae4e0;
	}
	#siteNavi .category-navi dd a span {
		background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
		background-size: 10px 17px;
		font-weight: normal;
		display: block;
		line-height: 60px;
	}
	#siteNavi .category-navi dd a.active span,
	#siteNavi .category-navi dd a.active:hover span {
		background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
		background-size: 10px 17px;
		border-radius: 0;
		color: #66635d;
	}

	/* list-navi */
	#siteNavi .list-navi {
		border: 1px solid #efeae7;
		border-width: 3px 0;
		font-size: 14px;
	}
	#siteNavi .list-navi a {
		background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
		background-size: 10px 17px;
		border-bottom: 1px solid #eae4e0;
		display: block;
		line-height: 60px;
		padding: 0 20px;
	}

	/* sub-navi */
	#siteNavi .sub-navi a {
		border-bottom: 1px solid #eae4e0;
		color: #9a938c;
		display: block;
		font-size: 12px;
		line-height: 45px;
		padding: 0 20px;
	}

	/* #globalNavi > #categorySubNavi */
	#categorySubNavi {
		position: relative;
		z-index: 1;
	}
	#categorySubNavi .back a {
		padding: 10px 20px 0;
	}
	#categorySubNavi dl {
		padding: 0;
	}
	#categorySubNavi dt {
		border: 1px solid #efeae7;
		border-width: 3px 0;
		float: none;
		margin: 0;
	}
	#categorySubNavi dt a,
	#categorySubNavi dt a:hover {
		background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
		background-size: 10px 17px;
		display: block;
		padding: 20px 23px;
	}
	#categorySubNavi dd li {
		border-right: 0;
		border-bottom: 1px solid #eae4e0;
		float: none;
		margin: 0;
		padding: 0;
	}
	#categorySubNavi dd li a {
		background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
		background-size: 10px 17px;
		display: block;
		font-size: 14px;
		padding: 20px 23px;
	}

	/* #globalNavi > #categorySubNavi */
	#siteSearch {
		background: none;
		margin-right: 0;
		padding-top: 0;
		position: static;
		width: auto;
		margin-top:-15px;
	}
	#siteSearch .frame {
		border-radius: 0;
		position: relative;
		z-index: 3;
	}
	#siteSearch .key-search {
		padding: 26px 20px 25px;
	}
	#siteSearch .key-search .inside {
		border-radius: 0;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: table;
		width: 100%;
	}
	#siteSearch .key-search input ,
	#siteSearch .key-search .submit-btn {
		display: table-cell;
	}
	#siteSearch .key-search input {
		font-size: 14px;
		padding: 5px 10px 5px 0;
		width: 100%;
	}
	#siteSearch .key-search .submit-btn {
		background: url(../img/ico_search03_sp.png) 70% 48% no-repeat;
		background-size: 21px;
		border-left: 1px solid #eae4e0;
		height: 21px;
		padding-left: 18px;
		width: 21px;
	}
	#siteSearch .key-list {
		border-top: none;
		padding: 0;
	}
	#siteSearch .key-list dt {
		background: #eae4e0;
		font-size: 12px;
		font-weight: normal;
		padding: 6px 0;
		text-align: center;
	}
	#siteSearch .key-list ul {
		padding: 10px 20px 15px;
	}
	#siteSearch .key-list li {
		margin: 0 8px 10px 0;
	}
	#siteSearch .key-list li a {
		font-size: 12px;
	}

	/* #globalNavi > #accountNavi */
	#accountNavi {
		display: none;
	}

	/* #globalNavi  > #openMenuClose */
	#openMenuClose {
		padding: 0 0 100px 0;
	}
	#openMenuClose a {
		background: #f7f4ee;
		display: block;
		line-height: 1;
		margin: 2px 0 0 0;
		padding: 15px 0;
		position: relative;
		text-align: center;
		text-decoration:none;
		z-index: 1;
	}
	#openMenuClose span {
		background: url(../img/btn_close01_sp.png) no-repeat 0 50%;
		background-size: 10px 10px;
		font-size: 14px;
		padding: 0 0 0 18px;
	}

	/* #globalNavi  > #headerMenuBG */
	#headerMenuBG {
		display:block;
		background-color: rgba(56,56,56,.7);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding:0;
		z-index: 0;
	}

	/* 2015.8.19 追加 ----- スマホ別メニュー */
	#openMenuBlock{
		display:none;
	}
	/* #spMenu */
	html.openmenu {
		overflow: hidden;
	}
	#spMenuBlock{
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
		top: -11px;
		width: 100%;
		height:100%;
		z-index: 1;
	}
	#header.menuClose{
		height:auto;
	}
	#header.menuOpen{
		height:100%;
	}
	#header.menuOpen .spMenuWrap{
		height:100%;
		overflow:scroll;
		overflow-x: hidden;
	}
	#header.menuClose #spMenuBlock{
		display:none;
	}
	#header.menuOpen #spMenuBlock{
		display:block;
	}
	#spNavi{
		background-color: #faf9f7;
		position: relative;
		z-index: 1;
		width:100%;
	}
	#spNavi .login,
	#spNavi .mypage {
		font-size: 14px;
		line-height: 92px;
		padding-top: 10px;
	}
	#spNavi .login a,
        #spNavi .about a,
	#spNavi .mypage a {
		background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
		background-size: 10px 17px;
		display: block;
		padding: 0 20px;
		color: #66635d;
		text-decoration:none;
		line-height: 60px;
                border-bottom: 1px solid #eae4e0;
	}
	#spNavi .mypage a {
		color: #c8b07b;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#spNavi .mypage .faceIcon {
		display: inline-block;
		padding-right:5px;
	}
	#spNavi .mypage .faceIcon img {
		width:30px;
		height:auto;
		border-radius:100%;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		vertical-align:middle;
	}

	/* #spNavi > mypageNavi */
	#spNavi .mypageNavi {
		border-top: 3px solid #efeae7;
	}
	#spNavi .mypageNavi a {
		border-bottom: 1px solid #eae4e0;
		color: #9a938c;
		display: block;
		font-size: 12px;
		text-decoration:none;
		line-height: 45px;
		padding: 0 20px;
	}

	/* #spNavi > categoryNavi */
	#spNavi .categoryNavi {
		background: none;
		float: none;
		font-size: 14px;
		width: auto;
	}
        /*
	#spNavi .categoryNavi dt {
		background: #eae4e0;
		padding: 8px 15px;
		font-size: 10px;
	}
    */

        #sceneSearch dt,
        #itemSearch dt{
            background: url(../img/ico_plus02.png) no-repeat 100% 50% content-box;
            background-size: 17px 17px;
            padding: 0 20px;
            line-height: 60px;
            border-bottom: 1px solid #eae4e0;
            display: block;
        }

        #sceneSearch dt.active,
        #itemSearch dt.active{
            background-image: url(../img/ico_minus.png);
            background-size: 18px 2px;
        }

    /*
            background: #eae4e0 url(./ico_plus.png) no-repeat 100% 50% content-box;
                    background-size: 17px 17px;
                    font-weight: normal;
                    display: block;
                    line-height: 60px;
                    padding: 0 20px;
            border-bottom: 1px solid #eae4e0;
    */

        #sceneSearch dd,
        #itemSearch dd{
/*            background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
                    background-size: 10px 17px;
                    font-weight: normal;
                    display: block;
                    line-height: 60px;
                    padding: 0 20px;
            border-bottom: 1px solid #eae4e0;*/
            display:none;
        }
        #sceneSearch dd a,
        #itemSearch dd a{
            text-decoration:none;
        }
	#spNavi .categoryNavi dd,
        #spNavi #itemSearch dd,
        #spNavi #sceneSearch dd{
		text-align: left;
	}
	#spNavi .categoryNavi dd a,
        #spNavi #itemSearch dd a,
        #spNavi #sceneSearch dd a{
		display:block;
		margin: 0;
		padding: 0 20px;
		border-bottom: 1px solid #eae4e0;
		text-decoration:none;
	}
	#spNavi .categoryNavi dd a span,
        #spNavi #itemSearch dd a span,
        #spNavi #sceneSearch dd a span{
		background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
		background-size: 10px 17px;
		font-weight: normal;
		display: block;
		line-height: 60px;
		padding:0;
	}
	#spNavi .categoryNavi dd a.active span,
	#spNavi .categoryNavi dd a.active:hover span,
        #spNavi #itemSearch dd a.active span,
	#spNavi #itemSearch dd a.active:hover span,
        #spNavi #sceneSearch dd a.active span,
	#spNavi #sceneSearch dd a.active:hover span{
		background: url(../img/ico_link05.png) no-repeat 100% 50% content-box;
		background-size: 10px 17px;
		border-radius: 0;
		color: #66635d;
	}

	/* #spNavi > sub-navi */
	#spNavi .sub-navi a {
		border-bottom: 1px solid #eae4e0;
		color: #9a938c;
		display: block;
		font-size: 12px;
		text-decoration:none;
		line-height: 45px;
		padding: 0 20px;
	}
        #spNavi .sns .fb a {
            background: url(../img/sns/icon_fb_01.png) no-repeat;
        }
        #spNavi .sns .tw a {
            background: url(../img/sns/icon_tw_01.png) no-repeat;
        }
        #spNavi .sns .in a {
            background: url(../img/sns/icon_in_01.png) no-repeat;
        }
        #spNavi ul {
            list-style-type: none;
                padding-left: 0;
        }
        #spNavi .sns li{
            width: 50px;
            height: 50px;
            padding: 10px;
            margin: 10px;
            float: left;
        }
        #spNavi .sns li a{
            width: 50px;
            height: 50px;
            text-indent: -9999px;
            display: block;
        }
        .sns {
            width: 270px;
            margin: auto;
            overflow: hidden;
        }
        #menuLogout{
            border-top: 1px solid #eae4e0;
        }
}
/* グローバルナビアイコンが設定されている場合、右上カートアイコンと被る為の対応 */
@media screen and (max-width: 360px) {
	#searchOpen .searchOpen-narrow {
		width: 30px;
	}
	#cartOpen .cartOpen-narrow {
		width: 30px;
		margin: 0px -14px 0px 0px;
	}
}



/* 5.FOOTER
--------------------------------------------------------- */
/* add20181204 */
#footer .narrowing {
	bottom: 80px;
	position: fixed;
	right: 20px;
	z-index: 10;
}
#footer .narrowing a {
	background: url(../img/Mybook_bg.png) 0 0 repeat;
	border-radius: 2px;
	display: block;
	height: 50px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	width: 70px;
}
#footer .narrowing a span {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	font-size: 10px;
	bottom: 5px;
}
#footer .narrowing a:hover {
	opacity: 0.7;
}
#footer .narrowing a:before {
	position: absolute;
	content: '';
	background: url(../img/narrow_icon.png) 0 0 no-repeat;
	background-size: 20px;
	margin: auto;
	left: 0;
	right: 0;
	top: 8px;
	height: 20px;
	width: 20px;
}

#footer #pageTop {
	bottom: 20px;
	filter:alpha(opacity=0);
	opacity: 0;
	position: fixed;
	right: 20px;
	z-index: 10;
}
#footer #pageTop a {
	background: url(../img/footer_pagetop.png) no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 70px;
}
#footer #pageTop a:hover {
	background: url(../img/footer_pagetop_on.png) no-repeat;
}

#footer .sns {
	border-top: 1px solid #f0ece8;
	padding: 13px 0 0;
}
#footer .sns li {
	float: left;
	height: 33px;
}
#footer .sns li.tw {
	width: 110px;
}
#footer .sns li.fb {
	width: 120px;
}
#footer .sns li.hb {
	width: 130px;
}
#footer .sns li.gp {
	width: 80px;
}
#footer .sns li.pk {
	width: 120px;
}
#footer .sns li.ig {
	width: 120px;
	margin: -2px 0 0 -10px;
}

/* #footer > #footerInner */
#footerInner {
	background: #f7f4ee;
	padding: 40px 0;
}
#footerInner a {
	color: #9a938c;
	text-decoration: none;
}
#footerInner a:hover {
	color: #b99747;
}

/* .category-navi */
#footerInner .category-navi dt {
	float: left;
	margin: 0 0 11px;
}
#footerInner .category-navi dd {
	margin: 0 0 11px;
	min-height: 2em;
}
/* media float */
#footer .category-navi dl:before,
#footer .category-navi dl:after {
	content: "";
	display: table;
}
#footer .category-navi dl:after {
	clear: both;
}
#footer .category-navi dl {
	*zoom: 1;
}
#footer .category-navi dt {
	float: left;
	padding: 0 8px 0 0;
}
#footer .category-navi dd {
	overflow: hidden;
}
@media screen and (max-width: 740px) {
	#footer .category-navi dt {
		float: none;
	}
}

#footerInner .category-navi dt a {
	background: url(../img/ico_link01.png) no-repeat 100% 45%;
	color: #66635d;
	padding: 0 15px 0 0;
}
#footerInner .category-navi dt a:hover {
	background-image: url(../img/ico_link01_on.png);
	color: #b99747;
}
#footerInner .category-navi dd {
	font-size: 11px;
	padding: 1px 0 0 0;
}
#footerInner .category-navi ul {
	letter-spacing: -.4em;
}
#footerInner .category-navi li {
	display: inline-block;
	letter-spacing: 0;
	margin: 0 13px 10px 0;
}
*:first-child+html #footerInner .category-navi li {
	display: inline;
	zoom: 1;
}

/* .tag-navi */
#footerInner .tag-navi {
	font-size: 11px;
	letter-spacing: -.4em;
	margin: 7px 0 22px;
}
#footerInner .tag-navi li {
	display: inline-block;
	letter-spacing: 0;
	margin: 0 6px 10px 0;
}
*:first-child+html #footerInner .tag-navi li {
	display: inline;
	zoom: 1;
}
#footerInner .tag-navi li a {
	background: #fff;
	border: 1px solid #ded9cd;
	border-radius: 3px;
	box-shadow: 0 1px 0 #eae4e0;
	color: #66635d;
	display: block;
	padding: 7px 10px 6px;
	text-decoration: none;
	word-break: normal;
	word-wrap: break-word;
}
#footerInner .tag-navi li a:hover {
	box-shadow: none;
	color: #b99747;
}

/* .social-widget */
/* フッターインスタグラム更新 */
#footerInner .social-widget {
	padding: 0 0 34px;
	position:relative;
	height: 334px;
}
#footerInner .social-widget .item {
	width: 304px;
	position:absolute;
	top: 0;
}
#footerInner .social-widget .fb {
	left: 0;
}
#footerInner .social-widget .tw {
	left: 328px;
}
#footerInner .social-widget .instagram {
	right: 0;
}

#footerInner .social-widget .fb iframe,
#footerInner .social-widget .tw iframe,
#footerInner .social-widget .instagram iframe {
	width: 100%!important;
}
/* /フッターインスタグラム更新 */


/* .foot-sub-navi */
#footerInner .foot-sub-navi {
	font-size: 11px;
	letter-spacing: -.4em;
}
#footerInner .foot-sub-navi li {
	display: inline-block;
	letter-spacing: 0;
	margin: 0 15px 0 0;
}
*:first-child+html #footerInner .foot-sub-navi li {
	display: inline;
	zoom: 1;
}

/* .footer-logo */
#footerInner .footer-logo {
	bottom: -22px;
	font-size: 10px;
	position: absolute;
	right: 0;
	text-align: center;
}
#footerInner .footer-logo .logo {
	padding-bottom: 10px;
}

/* #footer > #footerBottom */
#footerBottom {
	background: #aea697;
	color: #fff;
	overflow: hidden;
	padding: 10px 0;
}
#footerBottom a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
#footerBottom a[target="_blank"] {
	background: url(../img/ico_blank01.png) no-repeat 100% 50%;
	padding: 0 11px 0 0;
}
#footerBottom a:hover {
	text-decoration: underline;
}

/* .navi */
#footerBottom .navi {
	float: left;
	letter-spacing: -.4em;
	width: 85%;
}
#footerBottom .navi li {
	display: inline-block;
	letter-spacing: 0;
	padding: 0 10px 0 0;
}
*:first-child+html #footerBottom .navi li {
	display: inline;
	zoom: 1;
}

/* copyright */
#footerBottom small {
	float: right;
}


/* 5.FOOTER > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {
	/* add20181204 */
	#footer .narrowing {
		bottom: 16px;
		right: 16px;
	}
	#footer .narrowing a {
		background: #b99747;
		border-radius: 30px;
		height: 60px;
		width: 60px;
		box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	}
	#footer .narrowing a span {
		bottom: 12px;
	}
	#footer .narrowing a:hover {
		opacity: inherit;
	}
	#footer .narrowing a:before {
		top: 12px;
	}

	#footer #pageTop {
		display: block;
		position: static!important;
	}

	#footer #pageTop a,
	#footer #pageTop a:hover {
		background: url(../img/footer_pagetop_sp.png) no-repeat 50% 50%;
		background-size: 28px 17px;
		border-top: 1px solid #d9d9d9;
		box-shadow: 0 -1px 0 rgba(229,229,229,0.5);
		height: 45px;
		width: auto;
	}

	#footer .sns {
		border-top: 2px solid #ebe6e1;
	}

	/* #footer > #footerInner */
	#footerInner {
		padding: 0 0 25px;
	}

	/* .category-navi */
	#footerInner .category-navi dt,
	#footerInner .category-navi dd {
		float: none;
		margin: 0;
	}
	#footerInner .category-navi dt {
		width: auto;
	}
	#footerInner .category-navi dt a {
		background: url(../img/ico_link01.png) no-repeat 100% 45%;
		border-bottom: 1px solid #e5e0d7;
		display: block;
		font-size: 12px;
		padding: 18px 0;
	}
	#footerInner .category-navi dt a:hover {
		text-decoration: none;
	}
	#footerInner .category-navi dd {
		display: none;
	}

	/* .tag-navi */
	#footerInner .tag-navi {
		display: none;
	}

	/* .social-widget */
	/*フッターインスタグラム更新*/
	#footerInner .social-widget {
		padding: 0;
		height:auto;
		position:static;
	}
	#footerInner .social-widget .item {
		position:static;
		margin: 15px 0 0 0;
		width: auto;
	}
	/* /フッターインスタグラム更新*/
	
	/* .foot-sub-navi */
	#footerInner .foot-sub-navi {
		font-size: 12px;
	}
	#footerInner .foot-sub-navi li {
		margin: 20px 0 0;
		width: 50%;
	}
	#footerInner .foot-sub-navi a {
		background: url(../img/ico_link01.png) no-repeat 100% 45%;
		padding: 0 15px 0 0;
	}

	/* .footer-logo */
	#footerInner .footer-logo {
		display: none;
	}

	/* #footer > #footerBottom */
	#footerBottom {
		padding: 25px 0 0;
	}

	/* .navi */
	#footerBottom .navi {
		float: none;
		width: 100%;
	}
	#footerBottom .navi li {
		padding: 10px 15px 0 0;
	}

	/* copyright */
	#footerBottom small {
		display: block;
		float: none;
		padding: 10px 0;
		text-align: center;
	}

}




/* 6.BREADCRUMBLIST
--------------------------------------------------------- */
#breadcrumbList{
	margin-bottom: 22px;
}
#breadcrumbList ul{
	width: 100%;
	text-overflow: ellipsis;
}
#breadcrumbList li{
	display: inline-block;
	margin-right: 5px;
	color: #9a938c;
}
#breadcrumbList li a{
	margin-right: 5px;
	text-decoration: none;
	color: #9a938c;
}
#breadcrumbList li a span{
	text-decoration: underline;
}
#breadcrumbList li span{
	font-size: 12px;
}
#breadcrumbList li a:hover span {
	color: #b99747;
	text-decoration: none;
}


/* #breadcrumbList > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {

	#breadcrumbList {
		display: none;
	}

}




/* 7.CONTENTS
--------------------------------------------------------- */

#contents {
}

/* page-hdg */
#contents .page-hdg {
	color: #33302a;
	font-size: 28px;
	font-weight: bold;
}
#contents .page-hdg span {
	font-weight: bold;
	margin-right: 10px;
}
#contents .page-hdg span:last-child {
	margin-right: 0;
}
*:first-child+html #contents .page-hdg span {
	display: inline;
}

/* .page-header */
#contents .page-header {
	margin: 0 0 30px;
}
#contents .page-header .page-hdg.under-line {
	border-bottom: 1px solid #ded9cd;
	padding: 0 0 10px;
}

/* .detail-header */
#contents .detail-header {
	margin: 0 0 9px;
}
#contents .detail-header .head-box {
	display: table;
	margin: 0 0 15px 0;
	width: 100%;
}
#contents .detail-header .page-hdg {
	color: #33302a;
	font-size: 28px;
	font-weight: bold;
}
#contents .detail-header .page-hdg span {
	font-weight: bold;
	margin-right: 10px;
}
#contents .detail-header .page-hdg,
#contents .detail-header .book-count {
	display: table-cell;
	line-height: 1.3;
	vertical-align: bottom;
}
#contents .detail-header .book-count {
	color: #aea9a3;
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
	text-align: right;
	width: 138px;
}
#contents .detail-header .book-count strong {
	font-size: 26px;
	font-weight: bold;
	padding: 0 5px 0 0;
}
*:first-child+html #contents .detail-header .page-hdg,
*:first-child+html #contents .detail-header .book-count {
	display: block;
	float: left;
}
*:first-child+html #contents .detail-header .page-hdg {
	width: 790px;
}
#contents .detail-header .data-box {
	border-top: 1px solid #eae4e0;
	letter-spacing: -.4em;
	margin-top: 10px;
	padding-top: 12px;
}
#contents .detail-header .date,
#contents .detail-header .key {
	display: inline-block;
	vertical-align: top;
}
#contents .detail-header .date {
	letter-spacing: 0;
	margin-right: 16px;
	padding-top: 9px;
}
#contents .detail-header .key {
	letter-spacing: -.4em;
	width: 860px;
}
#contents .detail-header .key li {
	display: inline-block;
	letter-spacing: 0;
	margin: 0 4px 4px 0;
}
*:first-child+html #contents .detail-header .date,
*:first-child+html #contents .detail-header .key,
*:first-child+html #contents .detail-header .key li {
	display: inline;
	zoom: 1;
}
#contents .detail-header .key li a {
	background: #fff;
	border: 1px solid #ded9cd;
	border-radius: 3px;
	box-shadow: 0 1px 0 #eae4e0;
	color: #66635d;
	display: block;
	padding: 7px 10px 6px;
	text-decoration: none;
}
#contents .detail-header .key li a:hover {
	box-shadow: none;
	color: #b99747;
}




/* 7.CONTENTS > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {

	/* page-hdg */
	#contents .page-hdg {
		font-size: 18px;
		margin-top: 30px;
	}

	/* page-header */
	#contents .page-header {
		margin: 0 20px 25px;
	}

	/* .detail-header */
	#contents .detail-header {
		margin: 0 20px 25px;
	}
	#contents .detail-header .page-hdg {
		display: block;
		width: auto;
		margin-bottom:20px;
	}
	#contents .detail-header .book-count {
		display: block;
		margin-top: 8px;
		font-size: 15px;
		padding-left: 0;
		text-align: left;
	}
	#contents .detail-header .book-count strong {
		font-size: 18px;
	}
	#contents .detail-header .data-box {
		border-top: none;
		margin: 25px 0 0 0;
		padding: 0;
	}
	#contents .detail-header .date,
	#contents .detail-header .key {
		display: block;
	}
	#contents .detail-header .date {
		color: #9a938c;
		font-size: 11px;
	}
	#contents .detail-header .key {
		width: auto;
	}
	#contents .detail-header .date {
		font-size: 11px;
		margin-bottom: 8px;
		padding-top: 0;
	}
	#contents .detail-header .key li {
		margin-bottom: 4px;
	}
	#contents .detail-header .key li a {
		font-size: 12px;
	}

}




/* 8.MAIN
--------------------------------------------------------- */

/* main-section */
#main .main-section .sec-wrap {
	margin: 0 0 40px;
}
#main .main-section .sec-wrap.is_relative {
	position: relative;
}
#main section:last-child .main-section .sec-wrap {
	margin: 0;
}

/* heading */
#main .hide-hdg {
	display: none;
}
#main .line-hdg {
	border-bottom: 1px solid #eae4e0;
	border-top: 2px solid #c5a75e;
	color: #33302a;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 20px;
	padding: 12px 0 10px;
}

/* .list-header */
#main .list-header {
	background: #fafafa;
	border :1px solid #ebe6e1;
	font-size: 15px;
	letter-spacing: -0.4em;
	margin-bottom: 30px;
	padding: 10px 20px 11px;
}
*:first-child+html #main .list-header .hdg,
*:first-child+html #main .list-header .num {
	display: inline;
	zoom: 1;
}
#main .list-header .hdg {
	display: inline-block;
	font-weight: bold;
	letter-spacing: 0;
}
#main .list-header .num {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0 0 0 5px;
}
#main .list-header .num span {
	font-size: 28px;
	font-weight: bold;
	margin: 0 5px;
}

/* tool-header */
#main .tool-header {
	position: relative;
}
#main .tool-header .sort {
	position: absolute;
	right: 0;
	top: 0;
}


/* 8.MAIN > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {

	#main .main-section .sec-wrap,
	#main section:last-child .main-section .sec-wrap {
		margin: 0 20px 25px;
	}

	/* heading */
	#main .line-hdg {
		margin: 0 0 15px;
		padding: 14px 0 12px;
	}

	/* .list-header */
	#main .list-header {
		margin: 0 0 15px;
	}
	#main .list-header .hdg {
		font-size: 13px;
	}
	#main .list-header .num span {
		font-size: 20px;
	}

	/* tool-header */
	#main .tool-header .sort {
		border-bottom: 1px solid #ded9cd;
		margin: 22px 0 0;
		padding-bottom: 22px;
		position: static;
		text-align: right;
	}


}




/* 9.SUB
--------------------------------------------------------- */
/* add20181205 */
.js-relatedArticle-pc {
	display: block;
}
.js-relatedArticle-sp {
	display: none;
}

#sub .sub-section {
	margin: 0 0 30px;
}
#sub section:last-child .sub-section {
	margin-bottom: 0;
}
#sub .sec-hdg {
	border-bottom: 1px solid #eae4e0;
	border-top: 2px solid #c5a75e;
	color: #33302a;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 10px;
	padding: 12px 0 10px;
}
#sub .sec-inner {
	margin: 0 0 15px;
}

/* .flickslider */
#sub .flickslider .pager {
	display: none;
}


/* 9.SUB > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {

	/* add20181205 */
	.js-relatedArticle-pc {
		display: none;
	}
	.js-relatedArticle-sp {
		display: block;
	}

	#sub .sub-section {
		margin: 0 20px 30px;
	}
	#sub .sec-hdg {
		margin: 0 0 15px;
		padding: 14px 0 12px;
	}
	#sub .sub-section .nav {
		margin: auto;
		width: 145px;
	}

	/* .flickslider */
	#sub .flickslider .inner {
		margin: 0 auto;
		position: relative;
	}
	#sub .flickslider .list {
		left: 0;
		position: absolute;
		top: 0;
		width: 99999px;
	}
	#sub .flickslider .pager {
		display: block;
		height: 17px;
		margin-bottom: 25px;
		position: relative;
	}
	#sub .flickslider .prev a,
	#sub .flickslider .next a {
		display: block;
		height: 17px;
		position: absolute;
		width: 17px;
	}
	#sub .flickslider .prev a {
		background: url(../img/sub_flick_prev.png) no-repeat 100% 45%;
		background-size: 10px 17px;
		left: 0;
		top: 0;
	}
	#sub .flickslider .next a {
		background: url(../img/sub_flick_next.png) no-repeat 100% 45%;
		background-size: 10px 17px;
		right: 0;
		top: 0;
	}
	#sub .flickslider .prev a.off,
	#sub .flickslider .next a.off {
		opacity: 0.3;
	}

	/*pointer*/
	#sub .flickslider .pointer {
		height: 10px;
		margin: auto;
		padding: 3px 0 0;
		text-align: center;
	}
	#sub .flickslider .pointer li {
		display: inline-block;
		vertical-align: top;
	}
	#sub .flickslider .pointer a {
		background: #9a938c;
		border-radius: 10px;
		display: block;
		height: 10px;
		margin: 0 4px;
		width: 10px;
	}
	#sub .flickslider .pointer li.active a {
		background: #b99747;
	}

}




/* 10.MODAL
--------------------------------------------------------- */
#modalDataSauce {
	display: none;
}

#modalWindow {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#modalBG {
	background-color: #000;
	filter:alpha(opacity=50);
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1001;
}
#modalContents {
	left: 50%;
	position: fixed;
	top: 50%;
	z-index: 1002;
}
#modalOuter {
	background-color: #fff;
	overflow: hidden;
}
#modalOuter .modalInner {
	display: none;
}
#modalOuter .modalInner iframe{
/*	min-height:400px;*/
}
#modalCloseBtn{
	background: url(../img/btn_close01.png) no-repeat 50% 50%;
	cursor: pointer;
	display: block;
	height: 40px;
	position: absolute;
	right: 13px;
	text-indent: -9999px;
	width: 40px;
	top: 15px;
	z-index: 1002;
}
#modalCloseBtn:hover {
	filter:alpha(opacity=70);
	opacity: 0.7;
}

/* .modalMsg */
#modalContents .modalMsg {
	font-size: 12px;
	line-height: 1.5;
	padding: 60px 50px 20px;
	text-align: center;
}

/* .modalFooter */
#modalContents .modalFooter {
	border-top: 1px solid #ddd8d2;
}
#modalContents .modalFooter .notice{
	margin-top: 18px;
	text-align: center;
	color: #abaaa6;
	font-size: 85%;
	line-height: 1.6;
}
#modalContents .modalFooter ul {
	letter-spacing: -.4em;
	text-align: center;
	padding: 18px 0 25px;
}
#modalContents .modalFooter ul li {
	display: inline-block;
	letter-spacing: 0;
	margin: 0 5px;
	padding: 0 10px 0 0;
	width: 180px;
}
*:first-child+html #modalContents .modalFooter ul li {
	display: inline;
	zoom: 1;
}
#modalContents .modalFooter .close {
	width: 180px;
	margin: auto;
	padding: 15px 0;
}

/* modalConfirm */
#modalConfirm{
	width: 530px;
}


/* modalDialog */
#modalDialog{
	width: 530px;
}

/* modalIframe */
@media screen and (min-width: 741px) {
#modalIframe2 {
	height: 470px;
	width: 870px;
}
#modalIframe2 iframe {
	height: 100%;
	width: 100%;
}

#modalFirst2 {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
}
#modalFirstBg2 {
	background-color: #000;
	filter:alpha(opacity=50);
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
}
#modalAboutWrap2{
	position:fixed;
	top:50px;
	left:50%;
	margin-left:-450px;
	margin-left:-495px;
	z-index:1005;
	display:block;
}
#modalAboutWrap{
	display:none;
}
#modalAboutCont2{
	width:990px;
	background:#FFF;
	overflow:hidden;
	padding-bottom:30px;
}
#modalAboutCont2 .firstTtl{
	text-align:center;
	padding:30px 0 26px;
	border-bottom:1px solid #ddd8d2;
	position: relative;
}
#modalAboutCont2 .firstTtl img{
	max-width:300px;
	width:100%;
	height:auto;
	cursor:pointer;
}
#modalAboutCont2 .firstTtl span{
	position: absolute;
	top: 35px;
	right: 30px;
}
#modalAboutCont2 .txtBloc{
	padding:30px;
	margin-bottom:10px;
}
#modalAboutCont2 .txtBloc p{
	color:#66635d;
	line-height:1.6;
	text-align: center;
}
#modalAboutCont2 .pointBloc{
	padding:0 30px;
	margin-left:-25px;
	margin-bottom:40px;
}
#modalAboutCont2 .pointBloc dl{
	float:left;
	width:33%;
}
#modalAboutCont2 .pointBloc dt,
#modalAboutCont2 .pointBloc dd{
	text-align:center;
	padding-left:25px;
}
#modalAboutCont2 .pointBloc dt{
	font-size: 20px;
	color: #7d7467;
	margin-bottom: 20px;
	text-decoration: underline;
}
#modalAboutCont2 .pointBloc dt img{
	width:50%;
	height:auto;
}
#modalAboutCont2 .pointBloc dd{
	color:#66635d;
	line-height:1.6;
}
#modalAboutCont2 .pointBloc dd p{
	font-size: 20px;
	color:#ab8d43;
}
#modalAboutCont2 .pointBloc dd span{
	font-size:90%;
}
#modalAboutCont2 .btnArea{
	padding:0 30px;
}
#modalAboutCont2 .btnArea p{
	margin-bottom:20px;
	text-align:center;
}
#modalAboutCont2 .btnArea p a{
	display:block;
	width:400px;
	margin:0 auto;
	padding:18px 0;
	text-align:center;
	background:#8b8276 url(../img/btn_arw.png) no-repeat 90% center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	box-shadow: 2px 2px 0px rgba(234,228,224,0.9);
	-moz-box-shadow: 2px 2px 0px rgba(234,228,224,0.9);
	-webkit-box-shadow: 2px 2px 0px rgba(234,228,224,0.9);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eae4e0, direction=90, strength=10, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#eae4e0, direction=180, strength=10, enabled=true);
}
#modalFirst {
	display:none;
}
}

#modalIframe {
	height: 470px;
	width: 870px;
}
#modalIframe iframe {
	height: 100%;
	width: 100%;
}


/* modalIframe */
@media screen and (max-width: 740px) {
#modalIframe {
	height: 470px;
	width: 870px;
}
#modalIframe iframe {
	height: 100%;
	width: 100%;
}
#modalFirst2 {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
}
#modalFirstBg2 {
	background-color: #000;
	filter:alpha(opacity=50);
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
}

#modalFirst {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
}
#modalFirstBg {
	background-color: #000;
	filter:alpha(opacity=50);
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
}
#modalAboutWrap{
	position:fixed;
	top:50px;
	left:50%;
	margin-left:-250px;
	z-index:1005;
	display:block;
}
#modalAboutWrap2{
	display:none;
}
#modalAboutCont{
	width:500px;
	background:#FFF;
	overflow:hidden;
	padding-bottom:30px;
}
#modalAboutCont .firstTtl{
	text-align:center;
	padding:21px 0 16px;
	border-bottom:1px solid #ddd8d2;
	position: relative;
}
#modalAboutCont .firstTtl img{
	max-width:300px;
	width:100%;
	height:auto;
	cursor:pointer;
}
#modalAboutCont .firstTtl span{
	position: absolute;
	top: 24px;
	right: 20px;
}
#modalAboutCont .txtBloc{
	padding:30px;
	margin-bottom:10px;
}
#modalAboutCont .txtBloc p{
	color:#66635d;
	line-height:1.6;
}
#modalAboutCont .pointBloc{
	padding:0 0 0 3%;
	margin-bottom:40px;
}
#modalAboutCont .pointBloc dl{
	float:left;
	width:32%;
}
#modalAboutCont .pointBloc dt,
#modalAboutCont .pointBloc dd{
	text-align:center;

}
#modalAboutCont .pointBloc dt{
	margin-bottom:20px;
}
#modalAboutCont .pointBloc dt img{
	width:100%;
	height:auto;
}
#modalAboutCont .pointBloc dd{
	color:#66635d;
	line-height:1.6;
}
#modalAboutCont .pointBloc dd span{
	font-size:90%;
}
#modalAboutCont .btnArea{
	padding:0 30px;
}
#modalAboutCont .btnArea p{
	margin-bottom:20px;
	text-align:center;
}
#modalAboutCont .btnArea p a{
	display:block;
	width:400px;
	margin:0 auto;
	padding:12px 0;
	text-align:center;
	background:#8b8276 url(../img/btn_arw2.png) no-repeat 90% center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	box-shadow: 2px 2px 0px rgba(234,228,224,0.9);
	-moz-box-shadow: 2px 2px 0px rgba(234,228,224,0.9);
	-webkit-box-shadow: 2px 2px 0px rgba(234,228,224,0.9);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eae4e0, direction=90, strength=10, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#eae4e0, direction=180, strength=10, enabled=true);
}
#modalFirst2 {
/*	display:none;*/
}
}

/* 10.MODAL > MEDIA-QUERY-SETTING
-------------------------------------------- */
@media screen and (max-width: 740px) {
	#modalWindow {
		position: absolute;
	}
	#modalContents {
		position: absolute;
	}
	#modalContents .modalInner {
		width: 280px;
	}
	#modalCloseBtn {
		background: #f7f4ee;
		height: auto;
		line-height: 1;
		margin: 2px 0 0 0;
		padding: 15px 0;
		position: static;
		text-indent: 0;
		text-align: center;
		width: auto;
	}
	#modalCloseBtn:hover {
		filter:alpha(opacity=100);
		opacity: 1;
	}
	#modalCloseBtn span {
		background: url(../img/btn_close01_sp.png) no-repeat 0 50%;
		background-size: 10px 10px;
		font-size: 14px;
		padding: 0 0 0 18px;
	}

	/* .modalMsg */
	#modalContents .modalMsg {
		padding: 20px 30px 20px;
	}

	/* .modalFooter */
	#modalContents .modalFooter {
		padding: 0 20px;
	}
	#modalContents .modalFooter ul li {
		display: block;
		margin: 0;
		padding: 0;
		width: auto;
	}
	#modalContents .modalFooter ul li.yes {
		margin-bottom: 15px;
	}

	/* modalDialog */
	#modalDialog .modalFooter {
		display: none;
	}

	/* modalIframe */
	#modalIframe {
		height: 820px;
	}

	#modalFirst{
		position:absolute;
	}
	#modalAboutWrap{
		width:100%;
		position: absolute;
		top:20px;
		left:0;
		margin:0;
	}
	#modalAboutCont{
		width:90%;
		margin:0 auto;
	}
	#modalAboutCont .btnArea p a{
		max-width:400px;
		width:100%;
	}

}




/* 11.MODAL-ARTICLE-FAV
--------------------------------------------------------- */
#modalArticleFav {
	width: 870px;
}
#modalArticleFav .regist-ttl {
	border-bottom: 1px solid #ddd8d2;
	color: #33302a;
	font-size: 18px;
	line-height: 69px;
	text-align: center;
}
#modalArticleFav .regist-ttl span {
	background: url(../img/ico_ribon02.png) no-repeat 0 50%;
	font-weight: bold;
	padding: 0 0 0 30px;
}
#modalArticleFav .regist-ttl span {
	display: inline-block;
}

/* overwrite */
#modalArticleFav .form-table {
	padding: 20px 50px;
}

/* #modalArticleFav > #articleBookSelect */
#articleBookSelect .error-line {
	padding: 10px 0;
	color: #ec765f;
	font-size: 11px;
}
#articleBookSelect .new-regist a {
	background: url(../img/ico_plus01.png) no-repeat 0 50%;
	padding: 0 0 0 18px;
	font-weight:bold;
}

/* overwrite */
#articleBookSelect .form-table dl {
	border-top: 0;
	padding: 0;
}

/* #modalArticleFav > #articleBookRegist */
#articleBookRegist {
	display: none;
}
#articleBookRegist .back {
	margin: 0 0 19px 0;
	width: 140px;
}


/* 11.MODAL-ARTICLE-FAV > MEDIA-QUERY-SETTING
-------------------------------------------- */

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

	#modalArticleFav {
		width: auto;
	}
	#modalArticleFav .regist-ttl {
		font-size: 14px;
		line-height: 63px;
	}
	/* overwrite */
	#modalArticleFav .form-table {
		height: auto;
		padding: 0 15px 0;
	}

	/* #modalArticleFav > #articleBookSelect */
	#articleBookSelect .new-regist {
		text-align: center;
		width:100%;
		top:0;
	}
	#articleBookSelect .new-regist a {
		text-decoration:none;
		display:block;
		padding: 10px 0 10px 20px;
		width:65%;
		margin:0 auto;
		border: 1px solid #ded9cd;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background-position:14px center;
	}

	/* overwrite */
	#articleBookSelect .form-table dl {
		padding: 20px 0 0 0;
	}

	/* #modalArticleFav > #articleBookRegist */
	#articleBookRegist .back {
		margin: 0;
		width: auto;
	}

}

/* 12.MODAL-ACTIVITY-NAV > MEDIA-QUERY-SETTING
-------------------------------------------- */

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

	/* #modalActivityNav */
	#modalActivityNav .frame {
		width: 280px;
	}
	#modalActivityNav .title {
		border-bottom: 1px solid #eae4e0;
		font-size: 14px;
		font-weight: bold;
		padding: 25px 0;
		text-align: center;
	}
	#modalActivityNav .activityNavModule {
		margin: 20px;
	}
	#modalActivityNav .activityNavModule .social-box {
		text-align: left;
	}
	#modalActivityNav .activityNavModule .social-box li {
		margin: 0 0 12px 7px;
	}

}




/* 13.OTHER
--------------------------------------------------------- */
/* finished */
#finished {
	border-top: 1px solid #eae4e0;
	text-align: center;
	padding-top: 80px;
}
#finished .lead {
	color: #b99747;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}
#finished .txt {
	color: #4b463f;
	font-size: 14px;
	margin-top: 20px;
}
#finished .back-link {
	margin: 50px auto 0;
	padding-bottom: 36px;
	width: 230px;
}

/* notFound */
#notFound {
	font-size: 14px;
	padding: 90px 0 75px;
	text-align: center;
}
#notFound .ttl {
	color: #33302a;
	font-size: 28px;
	font-weight: bold;
}
#notFound .txt {
	margin: 15px 0 0;
}
#notFound .btnLink {
	margin: 40px auto 0;
	width: 200px;
}


/* 13.OTHER > MEDIA-QUERY-SETTING
-------------------------------------------- */

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

/* finished */
	#finished {
		padding-top: 50px;
	}
	#finished .lead {
		font-size: 14px;
		margin-bottom: 14px;
	}
	#finished .txt {
		font-size: 12px;
		margin-top: 14px;
	}
	#finished .back-link {
		margin-top: 50px;
		padding-bottom: 0;
		width: 240px;
	}

	/* notFound */
	#notFound {
		padding: 45px 20px 5px;
	}
	#notFound .ttl {
		font-size: 17px;
	}
	#notFound .txt {
		font-size: 12px;
		margin: 10px 0 0;
	}
	#notFound .btnLink {
		font-size: 15px;
		margin: 45px auto 0;
		width: 240px;
	}

}

/* 13.OTHER > SNS ICON
-------------------------------------------- */
@charset "utf-8";
/* add20150723 */
.logo-block-in {
	float: left;
	width:835px;
}

.header-sns {
	position: absolute;
	right: 70px;
	top: 26px;
}

.header-sns li {
    float: left;
    padding-top: 8px;
    margin-left: 7px;
}

.header-sns .tw a,
.header-sns .fb a,
.header-sns .in a {
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    display: block;
}

.header-sns .tw a {
    background: url(../img/sns/icon_tw_01.png) no-repeat;
    background-size: 34px 34px;
}

.header-sns .fb a {
    background: url(../img/sns/icon_fb_01.png) no-repeat;
    background-size: 34px 34px;
}

.header-sns .in a {
    background: url(../img/sns/icon_in_01.png) no-repeat;
    background-size: 34px 34px;
}


.activityNavModule .social-box .pc-none {
    display: none;
}

.activityNavModule .social-box .line {
	width: 51px;
    margin: 0 0 0 3px;
    vertical-align: top;
}

.activityNavModule .social-box .line a {
	background: url(../img/sns/s_b_line.png) center center no-repeat #00cd00;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 4px 0 0 #119911;
	-webkit-box-shadow: 0 4px 0 0 #119911;
	box-shadow: 0 4px 0 0 #119911;
	color: #fff;
	display: block;
	height: 56px;
	width: 51px;
	text-indent: -9999px;
}

/*favoritebox*/
						.favoriteBox{ margin:30px auto;}
						.favoriteBox .ttl{ background:#e4e2d6; font-weight:bold; font-size:14px;
						padding:10px; padding-top:12px; text-align:center; color:#66635d;}
						.favoriteBox .snsArea{ border:1px solid #e4e2d6; overflow:hidden;}
						.favoriteBox .snsArea .fb{ width:406px; padding-left:40px; padding-top:13px; padding-bottom:13px; float:left;background: #faf9f7;border-right:1px solid #e4e2d6; }
/*						.favoriteBox .snsArea .fb-like{ height:20px; overflow:hidden; }*/
						.favoriteBox .snsArea .fbCont{ width:240px; padding-top:50px; padding-bottom:13px; float:right;}
						.favoriteBox .snsArea .snsAreaSub{ width:231px; float:right;text-align:center;}
						.favoriteBox .snsArea .txt{ color:#66635d; text-align:center; margin-bottom:10px; padding-top:25px;}
						.favoriteBox .snsArea .fb .countArea{  padding-left:60px;}
						.favoriteBox .snsArea .fb .txt{  padding-top:10px;}
						.favoriteBox .snsArea .tw{padding-bottom:20px;border-bottom:1px solid #e4e2d6;}
						.favoriteBox .snsArea .instaIconSp{ display:none;}
@media screen and (max-width: 740px) {
						.favoriteBox .snsArea .fb{ width:auto; padding-left:10%;float:none;border-right:none; padding-bottom:10px; padding-top:18px; overflow:hidden;}
						.favoriteBox .snsArea .fb img{ width:20%; height:auto; padding-top:5px;}
						.favoriteBox .snsArea .fbCont{ width:70%; padding-right:5%; padding-top:10px;}
						.favoriteBox .snsArea .fb .countArea{  padding-left:30px;}
						.favoriteBox .snsArea .snsAreaSub{ width:auto; float:none;}
						.favoriteBox .snsArea .txt {  padding-top: 13px;}
						.favoriteBox .snsArea .tw{ width:50%; float:left; border-bottom:none; padding-bottom:13px; border-right:1px solid #e4e2d6; box-sizing:border-box;}
						.favoriteBox .snsArea .insta{padding-bottom:13px; width:50%; float:left;}
						.favoriteBox .snsArea .instaIcon{ display:none;}
						.favoriteBox .snsArea .instaIconSp{ display:block;}
						.favoriteBox .snsArea .instaIconSp img{ width:90px;}

.header-sns {
	display: none;
}

.activityNavModule .social-box .pc-none {
    display: inline-block;
}