@charset "utf-8";

/* =========================================================
	1.UNIVERSAL-RESET
	2.BASE-SET
	3.WIRE-FRAME
	4.HEADER
	5.SUB
	6.FOOTER
========================================================= */

/* 1.UNIVERSAL-RESET
--------------------------------------------------------- */
a,
abbr,
address,
article,
aside,
audio,
b,
address,
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,
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;
}

strong {
	font-weight: bold;
}

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;
}

/* 2.BASE-SET
--------------------------------------------------------- */

body {
	background-color: #fafafa;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;
	font-size: 13px;
	line-height: 1.4;
	-webkit-text-size-adjust: none;
	word-break: break-all;
	word-wrap: break-word;
}

@media screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: none; /* for iPhone */
	}
}

.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: #333;
	overflow: hidden;
	text-decoration: none;
}

/* 3.COMMON
--------------------------------------------------------- */

html {
	overflow-y: scroll;
}

.l-vertical-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.l-vertical-box__item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.l-vertical-box__item--2 {
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	flex: 2;
}
.l-vertical-box__item--center {
	justify-content: center;
}

.is--pc-hide {
	display: none;
}

.is--sp-hide {
	display: block;
}

#header #logo a,
#header #logo a.cat span,
.headerSns .tw a,
.headerSns .fb a,
.headerSns .gp a,
.osusumettlL span,
.osusumettlS span,
.newArrivalttlL span,
.rankttlS span,
.curatorttlL span,
.curatorttlS span,
.categoryttlL span,
.categoryttlS span,
.categoryttlL .categoryName,
.sns .tw,
.sns .fb,
.sns .hb,
.rank1 span,
.rank2 span,
.rank3 span,
.rank4 span,
.rank5 span,
.topMoreBtn a,
.carouselMoreBtn a,
.moreCuratorBtn a,
.moreCuratorBtn input,
.editorRequestBtn a,
.editorRequestBtn input,
.curatorBlogBtn a,
#pageTop a,
#footerSns .inner p {
	background: url(../img/parts.png) no-repeat;
}

#page {
	margin: 0 auto;
}

#wrapper {
	background: url(../img/center_bg.png) 639px 0 repeat-y #fff;
	margin: 0 auto;
	width: 960px;
}

#contents {
	float: left;
	width: 640px;
}

#main {
	width: 640px;
}

#sub {
	float: right;
	width: 320px;
}

.ac {
	text-align: center;
}

/* breadcrumbList */
#breadcrumbList {
	background: #fafafa;
}

.breadcrumbList {
	width: 960px;
	margin: 0 auto;
}

#breadcrumbList li {
	float: left;
}

#breadcrumbList li a,
#breadcrumbList li.last {
	background:url(../img/breadcrumb_list.png) right center no-repeat #fafafa;
	padding: 0 30px 0 20px;
	display: block;
	line-height: 42px;
}

#breadcrumbList li strong,
#breadcrumbList li a strong {
	font-weight: normal;
}

#breadcrumbList li.last,
#breadcrumbList li.last a {
	background-image: none;
}

/* line */
.lineL {
	background: url(../img/line-l.png) 0 top no-repeat;
	padding-top: 20px;
}

.lineS {
	background: url(../img/line-s.png) 0 top no-repeat;
	padding-top: 20px;
}

/* title */
.mailttlL,
.othersttlL,
.osusumettlL,
.newArrivalttlL,
.categoryttlL,
.curatorttlL {
	padding-bottom: 16px;
}

.mailttlL,
.othersttlL span,
.osusumettlL span,
.newArrivalttlL span,
.categoryttlL span,
.curatorttlL span {
	font-size: 21px;
	font-weight: bold;
	margin: 0 30px;
	padding-bottom: 10px;
	padding-left: 70px;
	display: block;
}

.osusumettlL span {
	background-position: -420px 0;
}

.newArrivalttlL span {
	background-position: -370px -35px;
}

.categoryttlL span {
	background-position: -320px -69px;
}

.othersttlL span {
	background: url(../img/icon17.png) left 4px no-repeat;
}

.categoryttlL span.area {
	background: url(../img/icon36.png) left 0 no-repeat;
}

.categoryttlL span.cat {
	background: url(../img/icon38.png) left 0 no-repeat;
}

.categoryttlL em {
	background-color: #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left: 20px;
	padding: 13px 20px 10px 20px;
	position: relative;
	vertical-align: text-top;
}

.categoryttlL .categoryName {
	background-position: -90px -267px;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	padding-left: 23px;
}

.categoryttlL .categoryArrow {
	background: none;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
	border-right: 8px solid #eee;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -15px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 12px;
	width: 0;
}


.curatorttlL span {
	background-position: -270px -104px;
}

.mailttlL {
	padding-left: 0px;
}
.mailttlL span {
	background: url(../img/icon26.png) 1px 1px no-repeat;
	font-weight: bold;
	padding-left: 70px;
	padding-bottom: 10px;
}

.rankttlS,
.noticeTtl {
	margin-bottom: 20px;
}

.osusumettlS,
.curatorttlS {
	margin-bottom: 27px;
}

.categoryttlS,
.prefCategoryttlS,
.articleCategoryttlS {
	margin-bottom: 20px;
}

.osusumettlS span,
.rankttlS span,
.curatorttlS span,
.categoryttlS span,
.prefCategoryttlS span,
.articleCategoryttlS span,
.noticeTtl span {
	font-size: 18px;
	font-weight: bold;
	height: 25px;
	margin-left: 20px;
	padding-left: 50px;
	display: block;
	line-height: 25px;
}

.noticeTtl span {
	background: url(../img/icon_notice_l.png) center left no-repeat;
	background-size: 36px auto;
}

.osusumettlS span {
	background-position: -230px -139px;
}

.rankttlS span {
	background-position: -110px -228px;
}

.curatorttlS span {
	background-position: -150px -198px;
}

.categoryttlS span {
	background-position: -190px -168px;
}

.prefCategoryttlS span {
	background:url(../img/icon39.png) 0 1px no-repeat;
}

.articleCategoryttlS span {
	background:url(../img/icon31.png) 0 1px no-repeat;
}

.topNoticeArticleList {
	border-top: 1px solid #e5e5e5;
	margin-bottom: 50px;
}

.topNoticeArticleList__item {
	border-bottom: 1px solid #e5e5e5;
	float: none;
	padding-bottom: 0;
	width: 640px;
}

.topNoticeArticleList__item .icon-pr-wrap {
	clear: both;
}

.topNoticeArticleList__item a {
	background: url(../img/arrow01.png) right center no-repeat;
	display: block;
	position: relative;
}

.topNoticeArticleList__item .photo {
	float: left;
}

.topNoticeArticleList__item .txt {
	padding: 15px 30px;
	width: 367px;
	float: left;
}

.topNoticeArticleList__item dt {
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 10px;
}

.topNoticeArticleList__item dd {
	color: #666;
	font-size: 14px;
}

.topNoticeArticleList__item .articleIndexCurator {
	float: left;
	width: 167px;
}

.topNoticeArticleList__item .curatorS {
	padding-left: 0;
}

.topNoticeArticleList__item .curatorName .name {
	font-weight: normal;
  padding-bottom: 0;
}

.topNoticeArticleList__item .mainArea {
	background: url(../img/icon40.png) 0 center no-repeat;
	width: 168px;
	height: 33px;
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
}

/* sns count */
.sns .tw,
.sns .hb {
	display: inline;
	padding-left: 28px;
	position: relative;
}

.sns .fb {
	display: inline;
	padding-left: 16px;
	position: relative;
}

.sns .hb {
	padding-left: 24px;
}

.sns .tw {
	background-position: -130px -48px;
}

.sns .fb {
	background-position: -195px -48px;
}

.sns .hb {
	background-position: -261px -48px;
}

.sns .count {
	background-color: #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	line-height: 1.8;
	padding: 1px 5px;
}

*:first-child+html .sns .count {
	padding: 6px;
}

.sns .countArrow {
	border-bottom: 4px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid #eee;
	border-top: 4px solid transparent;
	display: block;
	height: 0;
	left: 17px;
	position: absolute;
	top: 7px;
	width: 0;
}

.sns .fb .countArrow {
	left: 5px;
}

.sns .hb .countArrow {
	left: 12px;
}

/* articleSns */
.articleSns-pc {
	padding: 0 30px 15px;
}

.articleSns-sp {
	display: none;
}

.articleSns-pc li {
	float: left;
	width: 105px;
}

.articleSns-pc li.fb {
	width: 120px;
}

.articleSns-pc li.hb {
	width: 57px;
}

.articleSns-pc li.gp {
	width: 66px;
}

#article .articleSns-pc li {
	width: auto;
}

#article .articleSns-pc li + li {
	margin-left: 16px;
}

/* btn */
.editorRequestBtn a,
.editorRequestBtn input,
.topMoreBtn a,
.carouselMoreBtn a,
.moreCuratorBtn a,
.curatorBlogBtn a,
.moreCuratorBtn input,
.curatorBlogBtn a,
.moreCuratorBtn input {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}

.editorBackBtn input {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	display: block;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}

.topMoreBtn {
	margin: 0 auto;
	width: 300px;
}

.topMoreBtn a,
.topMoreBtn input {
	background-color: #aacf53;
	background-position: 272px -126px;
	-moz-box-shadow: 0 3px 0 0 #809c3e;
	-webkit-box-shadow: 0 3px 0 0 #809c3e;
	box-shadow: 0 3px 0 0 #809c3e;
	width: 300px;
}

.editorRequestBtn,
.moreCuratorBtn {
	margin: 0 auto;
	width: 280px;
}

.formbtns .moreCuratorBtn {
	width: 300px;
}

.moreCuratorBtn a,
.moreCuratorBtn input {
	background-color: #7058a3;
	background-position: 253px -126px;
	-moz-box-shadow: 0 3px 0 0 #4d3d70;
	-webkit-box-shadow: 0 3px 0 0 #4d3d70;
	box-shadow: 0 3px 0 0 #4d3d70;
	width: 280px;
}

.editorRequestBtn a,
.editorRequestBtn input {
	background-color: #ec6d71;
	background-position: 253px -126px;
	-moz-box-shadow: 0 3px 0 0 #ba5659;
	-webkit-box-shadow: 0 3px 0 0 #ba5659;
	box-shadow: 0 3px 0 0 #ba5659;
	width: 300px;
}

.editorBackBtn input,
.editorRequestBtn a,
.editorRequestBtn input,
.moreCuratorBtn input {
	border: none;
	cursor: pointer;
}

.editorRequestBtn,
.curatorBlogBtn {
	margin: 0 auto;
	width: 300px;
}

.editorBackBtn input,
.curatorBlogBtn a {
	background-color: #eee;
	background-position: 272px -81px;
	-moz-box-shadow: 0 3px 0 0 #ccc;
	-webkit-box-shadow: 0 3px 0 0 #ccc;
	box-shadow: 0 3px 0 0 #ccc;
	color: #000;
	width: 300px;
}

.editorBackBtn input {
	background: #eee url(../img/arrow04.png) 40px center no-repeat;
	color: #333;
	width: 240px;
}

/* curator */
.curatorL {
	display: table-cell;
	vertical-align: middle;
	width: 76px;
}

* html .curatorL {
	display: inline;
	zoom: 1;
}

*:first-child+html .curatorL {
	display: inline;
	zoom: 1;
}

.curatorL img {
	-moz-border-radius: 76px;
	-webkit-border-radius: 76px;
	border-radius: 76px;
	height: 76px;
	width: 76px;
}

.curatorS {
	padding: 0 10px 0 20px;
}

.curatorS {
	display: table-cell;
	vertical-align: middle;
	width: 33px;
}

* html .curatorS {
	display: inline;
	zoom: 1;
}

*:first-child+html .curatorS {
	display: inline;
	zoom: 1;
}

.curatorS img {
	-moz-border-radius: 33px;
	-webkit-border-radius: 33px;
	border-radius: 33px;
	height: 33px;
	width: 33px;
}
.curatorName {
	display: table-cell;
	vertical-align: middle;
}

* html .curatorName {
	display: inline;
	zoom: 1;
}

*:first-child+html .curatorName {
	display: inline;
	zoom: 1;
}

/* newArrivalList */
#top .newArrivalList li {
	min-height: 311px;
}

.newArrivalList li {
	float: left;
	padding-bottom: 12px;
	width: 213px;
}

.newArrivalList > li:hover {
	-moz-box-shadow: 1px 1px 5px 0 #ccc;
	-webkit-box-shadow: 1px 1px 5px 0 #ccc;
	box-shadow: 1px 1px 5px 0 #ccc;
}

.newArrivalList .photo {
	padding-bottom: 13px;
}

.newArrivalList dl {
	height: 100px;
	padding: 0 10px;
}

.newArrivalList .icon-pr-wrap {
	margin-right: 10px;
	clear: both;
}

.newArrivalList dt {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

.newArrivalList dd {
	color: #666;
	font-size: 14px;
}

/* modal-sns */
#modalSns {
	padding: 20px 0;
}

#modalSns p {
	font-size: 16px;
	margin-bottom: 30px;
	text-align: center;
}

#modalSns ul {
	text-align: center;
}

#modalSns li {
	display: inline-block;
	margin: 10px 5px;
	vertical-align: middle;
	text-align: center;
}

/* modal-follow */
#modalFollow{
	text-align: center;
	padding-bottom: 23px;
	}
#modalFollow .title1 {
	margin: 33px auto 0 auto;
	width: 320px;
}
#modalFollow .title1 dt {
	float: left;
	width: 50px;
}
#modalFollow .title1 dt img {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	vertical-align: bottom;
}
#modalFollow .title1 dd {
	float: right;
	width: 260px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6;
}
#modalFollow .followbtns1 {
	padding-top: 20px;
}
#modalFollow .followbtns1 li {
	display: inline;
	padding: 0 10px;
}
#modalFollow .title2 {
	border-top: 1px solid #f1f1f1;
	margin-top:30px;
	padding-top:25px;
	font-size:14px;
}
#modalFollow .followbtns2 {
	padding-top: 17px;
}
#modalFollow .followbtns2 li {
	display: inline;
	padding: 0 12px;
}


/* colorbox */

#colorbox, #cboxOverlay, #cboxWrapper{
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 9999;
}
#cboxWrapper {
	max-width: none;
}
#cboxMiddleLeft, #cboxBottomLeft{
	clear: left;
}
#cboxContent{
	border: 10px solid #eee;
	background-color:#fff;
	position: relative;
}
#cboxLoadedContent{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#colorbox, #cboxContent, #cboxLoadedContent{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#cboxOverlay{
	background-color: #000;
	height: 100%;
	position: fixed;
	width: 100%;
}

#colorbox{
	outline: 0;
}

#cboxClose:active {
	outline: 0;
}

#cboxClose{
	background: url(../img/close_ie8.png) no-repeat;
	border: 0;
	cursor: pointer;
	height: 34px;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: -10px;
	right: 5px;
	text-indent: -9999px;
	width: 34px;
}

/* paging */
#paging {
	line-height: 1;
	padding-top: 20px;
	text-align: center;
	margin-bottom: 140px;
}

#paging ol,
#paging li {
	display: inline;
}

#paging ol {
	font-size:0;
}

#paging li {
	font-size: 13px;
}

#paging li strong {
	background-color: #f7f7f7;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 11px 16px;
	font-weight: bold;
	font-size: 14px;
}

#paging li a {
	background:url(../img/paging_bg.png) 0 bottom no-repeat;
	border-bottom: 1px solid #ccc;
	padding: 11px 16px;
	font-weight: bold;
	font-size: 14px;
}

#paging li.prev a {
	background-position: -1px 0;
	border-radius: 5px 0 0 5px;
}

#paging li.prev strong {
	border-radius: 5px 0 0 5px;
	border-left: none;
	color: #ccc;
}

#paging li.next a {
	border-radius: 0 5px 5px 0;
}

#paging li.next strong {
	border-radius: 0 5px 5px 0;
	color: #ccc;
}



/*------------ carousel ------------*/

.carouselInner{
	margin: 0 30px 0 15px;
	padding: 40px 0;
	position: relative;
}

.carouselTitle {
	font-size: 18px;
	padding: 0 0 20px 15px;
}

.carouselTitle span {
	font-weight: bold;
}

.carouselItemListWrap {
	overflow: hidden;
}

.carouselItemList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	transition: transform 500ms ease;
}

.carouselItem {
	padding-left: 15px;
	width: 183px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.carouselItem a {
	width: 100%;
}

.carouselItem::-webkit-scrollbar {
	display: none;
}

.carouselItemImg {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}

.carouselItemTitleWrap {
	border: 1px solid #e6e6e6;
	border-width: 0 1px 1px;
	font-size: 12px;
	padding: 13px 15px;
}

.carouselItemTitle {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 1em;
}

.carouselItemGenre {
	font-size: 11px;
}

.carouselItemTitle + .icon-pr-wrap {
	margin-top: 5px;
}

.carouselBtn {
	display: inline-block;
	background: #333;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	opacity: 0;
	outline: none;
	position: absolute;
	top: 174px;
	transition: 500ms ease;
	height: 45px;
	width: 45px;
	visibility: hidden;
}

.carouselBtnPrev {
	left: -15px;
}

.carouselBtnNext {
	right: -30px;
}

.carouselBtnPrev::after {
	background-image: url(../img/carousel-arrow-left.png);
}

.carouselBtnNext::after {
	background-image: url(../img/carousel-arrow-right.png);
}

.carouselBtnPrev::after,
.carouselBtnNext::after {
	background-repeat: no-repeat;
	background-size: 13px 19px;
	content: "";
	display: block;
	margin: 0 auto;
	height: 19px;
	width: 13px;
}

.carousel + section #curatorDetail {
	border-top: 1px solid #e6e6e6;
	margin-top: -1px;
}

.carouselMoreBtn {
	margin: 0 auto;
	padding-top: 30px;
	width: 300px;
}

.carouselMoreBtn a {
	background-color: #aacf53;
	background-position: 272px -126px;
	-moz-box-shadow: 0 3px 0 0 #809c3e;
	-webkit-box-shadow: 0 3px 0 0 #809c3e;
	box-shadow: 0 3px 0 0 #809c3e;
	width: 300px;
}

#top .carousel {
	background: url(../img/line-l.png) 0 top no-repeat;
}

#top .carouselTitle span {
	padding-left: 70px;
	display: block;
	background: url(../img/icon57.png) no-repeat left center;
	background-size: 45px auto;
  font-size: 21px;
  font-weight: bold;
}

#article .carousel {
	border-bottom: 1px solid #e6e6e6;
}

#articleIndex .carousel {
	border-top: 2px solid #f39800;
}

#article .carouselTitle,
#articleIndex .carouselTitle {
	padding-left: 15px;
	text-align: left;
  font-size: 20px;
}


/* 4.HEADER
--------------------------------------------------------- */
#header {
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}

.headerInner {
	margin: 0 auto;
	padding: 29px 0 27px;
	width: 940px;
}

#header #logo{
	margin-right: 30px;
	width: 250px;
}

#header #logo a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	width: 250px;
}

#header #logo a.cat {
	background: none;
	text-indent: 0;
}

#header #logo a.cat img {
	float: left;
	width:44px;
}

#header #logo a.cat span {
    background-position:-50px 0;
	display: block;
	float: left;
	height: 40px;
	text-indent: -9999px;
    width: 200px;
}

#header #logo,
#header p {
	float: left;
}

#header p {
	font-size: 14px;
	padding-top: 16px;
}

.headerSns {
	float: right;
	padding-top: 6px;
	width: 136px;
}

.headerSns li {
	float: left;
}

.headerSns .tw a,
.headerSns .fb a,
.headerSns .instagram a {
	display: block;
	height: 32px;
	margin-right: 15px;
	text-indent: -9999px;
	width: 32px;
}

.headerSns .tw a {
	background-position: -260px 0;
}


.headerSns .fb a {
	background-position: -296px 0;
}

.headerSns .instagram a {
	background: url(../img/icon12.png) no-repeat;
	background-size: 32px;
	margin-right: 0;
}

#open-sb {
	display: none;
}

#mekiki{
	width:100%;
	background:#f2f2f2;
}

#mekiki #mekiki-in{
	width:960px;
	margin:0 auto;
	color:#7b7b7b;
	font-weight:bold;
	line-height:20px;
	font-size:11px;
}

/* 5.SUB
--------------------------------------------------------- */
/* topFollow */
#topFollow {
	display: none;
}
/* smartBnr */
#smartBnr {
	display: none;
}

#articleFollow {
	display: none;
}

/* banner */
.bannerList {
	padding: 10px;
}

.bannerList__item {
	list-style: none;
}

.bannerList__item a {
	display: block;
}

.bannerList__item img {
	width: 100%;
}

.bannerList__item + .bannerList__item {
	margin-top: 10px;
}

#sub-pickupBnr {
	display: none;
}

/* rank */
.rankList li {
	border-top: 1px solid #e6e6e6;
	padding: 14px 0 14px 20px;
}

.rankList li:hover {
	-moz-box-shadow: 1px 1px 5px 0 #ccc;
	-webkit-box-shadow: 1px 1px 5px 0 #ccc;
	box-shadow: 1px 1px 5px 0 #ccc;
}

.rankList li a {
	background: url(../img/arrow01.png) right center no-repeat;
	display: block;
	padding: 2px 17px 0 0;
}

.rankList .photo,
.rankList dl {
	float: left;
}

.rankList .photo {
	height: 75px;
	padding-right: 15px;
	position: relative;
	width: 100px;
}

.rankList dl {
	width: 155px;
}

.rank1 span,
.rank2 span,
.rank3 span,
.rank4 span,
.rank5 span {
	display: block;
	height: 30px;
	left: 5px;
	position: absolute;
	text-indent: -9999px;
	top: -2px;
	width: 18px;
	margin:0 !important;
}

.rank1 span {
	background-position: 0 -50px;
}

.rank2 span {
	background-position: -25px -50px;
}

.rank3 span {
	background-position: -50px -50px;
}

.rank4 span {
	background-position: -75px -50px;
}

.rank5 span {
	background-position: -100px -50px;
}

/* osusume */
#subOsusume .topSubArticle:hover {
	-moz-box-shadow: 1px 1px 5px 0 #ccc;
	-webkit-box-shadow: 1px 1px 5px 0 #ccc;
	box-shadow: 1px 1px 5px 0 #ccc;
}

#subOsusume .topSubArticleMain {
	margin-bottom: 10px;
	position: relative;
}

#subOsusume .topArticleTitle p {
	display: table-cell;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	vertical-align: middle;
	width: 320px;
}

* html #subOsusume .topArticleTitle p {
	display: inline;
	zoom: 1;
}

*:first-child+html #subOsusume .topArticleTitle p {
	display: inline;
	zoom: 1;
}

#subOsusume .topArticleTitle {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 320px;
	margin: 0 !important;
	background-image: url(../img/arrow01.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.8);
	padding: 12px 20px 6px;
	box-sizing: border-box;
	min-height: 85px;
}

#subOsusume .topArticleCuratorS {
	padding-bottom: 20px;
}

#subOsusume .sns {
	display: table-cell;
	vertical-align: middle;
	width: 192px;
}

* html #subOsusume .sns {
	display: inline;
	zoom: 1;
}

*:first-child+html #subOsusume .sns {
	display: inline;
	zoom: 1;
}

#subOsusume .curatorName .title {
	display: none;
}

#subOsusume .curatorName {
	width: 65px;
}

#subOsusume .curatorName .name {
	font-size: 11px;
	padding-bottom: 3px;
}

#subOsusume .sns .tw,
#subOsusume .sns .fb,
#subOsusume .sns .hb {
	padding-left: 28px;
	line-height: 2;
	padding-bottom: 5px;
}

#subOsusume .sns .fb {
	padding-left:17px;
}

#subOsusume .sns .hb {
	padding-left: 23px;
}

*:first-child+html #subOsusume .sns .count {
	padding-bottom: 6px;
}

#subOsusume .sns .countArrow {
	left: 17px;
	top: 7px;
}

#subOsusume .sns .fb .countArrow {
	left: 6px;
}

#subOsusume .sns .hb .countArrow {
	left: 13px;
}

#subOsusume .topArticleCuratorS .icon-pr-wrap {
	display: none;
}

/* curator */

#subCurator {
	margin-bottom: 30px;
}

#subCurator ul {
	padding-left: 20px;
	font-size: 0;
}


#subCurator li {
	margin-right: 12px;
	width: 60px;
	display: inline-block;
	vertical-align: top;
}

#subCurator li a img {
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	width: 60px;
}

#subCurator li a span {
	display: block;
	font-size: 11px;
	padding: 5px 0 18px;
	text-align: center;
}

/* articleCategory */
#subArticleCategory {
	margin-bottom: 20px;
}

.articleCategoryArea {
	border-top:1px solid #e6e6e6;
	background:url(../img/center_bg.png) center 0 repeat-y;
	width:100%;
}

#subArticleCategory li {
	background:url(../img/arrow01.png) right center no-repeat;
	float: left;
	border-bottom:1px solid #e6e6e6;
	width: 50%;
}

#subArticleCategory li.w {
	background-color: #fff;
	width: 100%;
}

#subArticleCategory li a {
	padding: 20px;
	display: block;
}

/* category */
#subCategory {
	margin-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
}

#sub .tag {
	padding-left: 20px;
}

#sub .tag li {
	float: left;
	margin-bottom: 13px;
	margin-right: 20px;
	width: 130px;
}

.articleCategory a,
#sub .tag li a,
#sideMenu .tag li a {
	background:url(../img/icon34.png) 10px center no-repeat #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 3px 0 0 #ccc;
	-webkit-box-shadow: 0 3px 0 0 #ccc;
	box-shadow: 0 3px 0 0 #ccc;
	display: block;
	font-size: 11px;
	padding: 5px 5px 3px 25px;
	width: 100px;
}

#subPrefCategory .pref {
	background:url(../img/arrow01.png) right center no-repeat;
	border-top:1px solid #e6e6e6;
}

#subPrefCategory .pref a {
	display: block;
	padding: 18px;
}

#subPrefCategory dt {
	font-size: 11px;
	margin-left: 20px;
	border-top:1px solid #e6e6e6;
	padding: 13px 0;
}

.subBnr {
	text-align: center;
}

#subBtns {
	border-top:1px solid #e6e6e6;
	padding:20px;
}
#subBtns .btn01 ,
#subBtns .btn02 {
	background:#ec6d71 url(../img/icon01.png) 18px center no-repeat;
	line-height:1.8;
	width:280px;
	margin:20px auto 0 auto;
}
#subBtns .btn01 a ,
#subBtns .btn02 a {
	background:url(../img/parts.png) no-repeat;
	background-position: 252px -106px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	display:block;
	padding:16px 28px 16px 66px;
}
#subBtns .btn02 {
	background:#7058a3 url(../img/icon02.png) 18px center no-repeat;
}

/* 6.FOOTER
--------------------------------------------------------- */
#pageTop {
	height: 52px;
	margin: 0 auto;
	position: relative;
	width: 960px;
}

#pageTop a {
	background-position: -20px -310px;
	bottom: 20px;
	display: block;
	height: 32px;
	position: absolute;
	right: 20px;
	text-indent: -9999px;
	width: 32px;
}


#mecicolleFollow {
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
	padding: 35px 0 40px;
}

#mecicolleFollow .inner {
	margin: 0 auto;
	width: 960px;
}

#mecicolleFollow p {
	font-size: 14px;
	padding: 0 10px 20px;
}

#footer {
	background: #eee;
}

#footerSns {
	background-color:#fff;
	margin: 0 auto;
	overflow: hidden;
}

#footerSns .inner {
	margin: 0 auto;
	padding: 15px 0;
	width: 960px;
}

#footerSns .inner p {
	background-position: -403px -368px;
	float: left;
	font-size: 15px;
	height: 20px;
	padding: 0 35px;
}

#footerSns .inner li {
	float: left;
}

.footerSubBnr {
	display: none;
}

#footerSns-sp {
	display: none;
}

#footerSnsWidget {
	margin: 0 auto;
	width: 960px;
}

#footerSnsWidget li {
	float: left;
	margin: 0 10px;
	width: 300px;
}

#footerNav {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

#footerNav .inner {
	float: left;
	margin: 0 auto;
	padding: 15px 0;
	width: 600px;
}

#footerNav .inner li {
	border-left: 1px solid #ccc;
	float:left;
	padding: 0 30px;
}

#footerNav .inner li.backHome {
	border-left: none;
	padding-left:0;
}

#footerNav .inner li.backHome a {
	background:url(../img/arrow04.png) 6px center no-repeat;
	padding-left: 35px;
}

#footerNav .inner li.backHome-sp {
	display: none;
}

address {
	float: right;
	padding: 15px 0;
	text-align: right;
	width: 320px;
}

.pro-counter {
	text-align: right;
}

.pro-count-err {
	color: #ec6d71;
}

/* */
.footerRelatedArticle {
	-webkit-transform: translate3d(0,0,0);
	position: fixed;
	left: 0;
	bottom: -173px;
	width: 100%;
	display: none;
}

.footerRelatedArticle-inner ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footerRelatedArticle-title {
	background:#333;
	color: #fff;
	padding: 10px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	position: relative;
}

.footerRelatedArticle-title .relatedArticle-close {
	background:url(../img/footer-related-article_close.png) center center no-repeat;
	-webkit-background-size: 12px;
	-moz-background-size: 12px;
	background-size: 12px;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	display: block;
	cursor: pointer;
	padding: 10px;
	position: absolute;
	top: 0;
	right: 0;
}

.footerRelatedArticle li {
	background-color: #fff;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.footerRelatedArticle .title {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	padding: 0 10px 10px;
	position: absolute;
	bottom: 0;
}

.footerRelatedArticle .photo:after {
	content: "";
	display: block;
	width: 100%;
	height: 100px;
	background: linear-gradient(180deg,transparent,rgba(0,0,0,.65));
	position: absolute;
	bottom: 0;
	left: 0;
}

#mainContents .footerRelatedArticle .icon-pr-wrap {
	margin-bottom: 3px;
	text-align: left;
}

#mainContents .footerRelatedArticle .icon-pr {
	color: #e5e5e5;
}

.footerRelatedArticle .inner {
	position: relative;
	width: 100%;
}

/*   clear-fix   */
#modalFollow .title1:after,
.footerSnsBtns ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#modalFollow .title1,
.footerSnsBtns ulr {
	zoom: 1;
	}

/* TinyMCE */
.font-l {
    font-size: 21px;
}

.font-m {
    font-size: 14px;
}

.font-s {
    font-size: 10px;
}

strong span {
    font-weight: bold;
}

/* info */
#info-pc {
	text-align:center;
	padding:20px 0px;
	font-size:14px;
	width:960px;
	margin:0 auto;
	background:#fff;
}

#info-pc span {
	color: #ec6d71;
}

#info-pc a {
	text-decoration: underline;
}

#info-sp {
	display: none;
}

#modalInfo {
	line-height: 1.5;
	padding: 20px 5px;
}

#modalInfo dt {
	font-weight: bold;
	padding-bottom: 10px;
}

#modalInfo dd {
	padding-bottom: 10px;
}

#modalInfo dd span {
	color: #ec6d71;
}

/* sideMenu */
#menuBg,
#sideMenuWrap {
	display: none;
}

#sideMenuWrap {
	display: none;
}

/* State */
.pc__contnet {
	display: block;
}

.sp__contnet {
	display: none;
}

.js-show {
    display: block!important;
}

.js-hide {
    display: none!important;
}

.areaGenreIndex {
    background-color: #f1f0f0 ;
    margin: 0 30px 15px;
    padding: 24px 30px;
}

.areaGenreIndex__ttl {
    color: #666;
    font-size: 15px;
}

.rateList li {
    color: #37a2dc;
    cursor: pointer;
    font-size: 14px;
    margin-top: 20px;
}

.rateList li:hover {
    text-decoration: underline;
}

.shopList dt {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    height: 40px;
}

.shopList li {
    position: relative;
    height: 346px;
    padding-bottom: 55px;
}

.shopList .topArticleCurator {
    margin-bottom: 10px;
}

.shopList .curatorName p {
    height: 20px;
}

.shopList .curatorS {
    padding: 0 10px;
}

.mapshop {
    background: #f5f5f5;
    padding: 10px 0px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    border-left: 1px solid #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 99.5%;
    display: block;
}

.mapshop span {
    background: url(../img/s_parts.png) no-repeat -200px -211px;
    padding-left: 18px;
    margin-right: 10px;
    display: inline-block;
    height: 16px;
    line-height: 18px;
}

#map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#map-canvas #bodyContent {
    padding: 15px 0 10px 10px;
    overflow: hidden;
}

#map-canvas .imgshop {
    float: left;
    width: 40%;
}

#map-canvas .txtContent {
    margin-left: 44%;
}

.imgMap-pc img,
.imgMap-sp img {
    border: none;
}

.content-map {
    width: 100%;
}

.arena-genre-map .content-map {
    height: 640px;
}

.icon-pr-wrap {
	line-height: 1;
	text-align: right;
}

#mainContents .icon-pr {
	font-size: 10px;
	background: transparent;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	color: #928792;
	line-height: 16px;
	padding: 0 5px;
	display: inline-block;
}

.movie {
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
}

.movie__inner {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}

.movie__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.instagramWidgetInner {
	border: 1px solid #e9eaed;
	background: #fafafa;
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px;
	width: 300px;
}

.instagramItemList {
	overflow: hidden;
}

.instagramLogo {
  border: 1px solid #cccfd0;
	border-radius: 50%;
	float: left;
	margin-right: 5px;
	padding: 3px;
}

#instagramWidget .instagramTitle {
	line-height: 30px;
	padding-bottom: 0;
}

#instagramWidget .instagramItem {
	margin: 10px 0 0;
	width: auto;
}

#instagramWidget .instagramItem:nth-child(odd){
	margin-right: 8px;
}

.instagramlink {
	background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png) no-repeat;
  background-size: 160px 178px;
	display: block;
	margin: 10px auto 0;
	padding-top: 24px;
	width: 137px;
	height: 0;
}

[data-android-is-active="false"] {
  display: none;
}

[data-android-is-active="true"] {
  display: block;
}

[data-mobile-is-active="false"] {
  display: none;
}

[data-mobile-is-active="true"] {
  display: block;
}

#mainContents #contents .util-margin-bottom-0 {
	margin-bottom: 0;
}

.mediaPlanLinkBnr {
	display: block;
	padding: 20px 30px;
}

.mediaPlanLinkBnr--sp {
	display: none;
}

.mediaPlanLinkBnr img {
	width: 100%;
}

#article .mediaPlanLinkBnr {
	border-bottom: 1px solid #e6e6e6;
}

#articleIndex .mediaPlanLinkBnr {
	border-top: 2px solid #f39800;
}

#top .mediaPlanLinkBnr {
	background: url(../img/line-l.png) 0 top no-repeat;
	padding-top: 23px;
}

[data-responsive-img-type="vertically"],
[data-responsive-img-type="horizontally"],
[data-responsive-img-type="square"] {
  opacity: 1;
}

[data-responsive-img-type="square"] {
	position: absolute;
  height: 100%;
  width: 100%;
}

[data-responsive-img-type="vertically"],
[data-responsive-img-type="horizontally"] {
  position: absolute;
}

[data-responsive-img-type="vertically"] {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: auto;
  width: 100%;
}

[data-responsive-img-type="horizontally"] {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
}

.u-margin-right-10 {
	margin-right: 10px;
}

.u-margin-bottom-10 {
	margin-bottom: 10px;
}

.u-link-color {
	color: #00a2de;
}

.u-underline {
	text-decoration: underline;
}

.is-hide {
	display: none;
}