@charset "utf-8";

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 480px), only screen and (orientation: landscape) and (max-width:640px ) {

#header #logo a,
#header #logo a.cat span,
.headerSns .tw a,
.headerSns .fb a,
.headerSns .gp a,
.osusumettlL span,
.newArrivalttlL span,
.rankttlS span,
.curatorttlS span,
.categoryttlS span,
.categoryttlL .categoryName,
.osusumettlS span,
.sns .tw,
.sns .fb,
.sns .hb,
.articleSns-sp .otherSns a,
.rank1 span,
.rank2 span,
.rank3 span,
.rank4 span,
.rank5 span,
.topMoreBtn a,
.moreCuratorBtn a,
#sub .tag li a,
#pageTop a,
#footerSns-sp .tw a,
#footerSns-sp .fb a,
#sideMenu .tag li a {
	background: url(../img/s_parts.png) no-repeat;
	-moz-background-size: 500px 500px;
	-webkit-background-size: 500px 500px;
	background-size: 500px 500px;
}

#wrapper {
	background-image: none;
}

/* breadcrumbList */
#breadcrumbList {
	display: none;
}

.lineL,
.lineS {
	background: url(../img/s_line.png) 0 top repeat-x;
	padding-top: 20px;
	-moz-background-size: 320px 3px;
	-webkit-background-size: 320px 3px;
	background-size: 320px 3px;
}

.headerInner {
	width: 100%;
}

/* title */
.mailttlL,
.othersttlL,
.osusumettlL,
.newArrivalttlL,
.categoryttlL,
.curatorttlL {
	text-align: center;
}

.mailttlL span,
.othersttlL span,
.osusumettlL span,
.newArrivalttlL span,
.categoryttlL span,
.curatorttlL span {
	font-size: 18px;
	margin: 0;
	padding: 4px 0 4px 60px;
	display: inline;
}

.osusumettlL span {
	background-position: -270px -4px;
}

.newArrivalttlL span {
	background-position: -270px -40px;
}

.categoryttlL span {
	background:url(../img/icon43.png) 0 0 no-repeat;
	background-size:45px 26px;
	-webkit-background-size:45px 26px;
	-moz-background-size:45px 26px;
	margin-bottom: 20px;
}

.categoryttlL.al {
	padding: 0 10px;
}

.mailttlL {
	margin-left:0px;
}
.mailttlL span {
	background: url(../img/icon27.png) 0 0.05em no-repeat;
	background-size:45px 26px;
}

.othersttlL span {
	background: url(../img/icon18.png) left 4px no-repeat;
	background-size: 45px 26px;
	padding-top:7px;
	padding-bottom:5px;
}

.categoryttlL span.area {
	background: url(../img/icon37.png) left 4px no-repeat;
	background-size: 45px 26px;
	padding-top:7px;
	padding-bottom:5px;
}

.categoryttlL.al span {
	display: block;
	text-align: left;
}

.categoryttlL span.cat {
	background: url(../img/icon32.png) left 4px no-repeat;
	background-size: 45px 26px;
	padding-top:7px;
	padding-bottom:5px;
}

.categoryttlL em {
	display: block;
	font-size: 14px;
	line-height: 1;
	margin: 20px 10px 0 10px;
	padding: 13px 20px 10px 34px;
}

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

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

.curatorttlL span {
	background:url(../img/icon43.png) no-repeat;
	-moz-background-size: 45px 26px;
	-webkit-background-size: 45px 26px;
	background-size: 45px 26px;
	margin-bottom: 20px;
}

.rankttlS,
.curatorttlS,
.categoryttlS,
.articleCategoryttlS,
.osusumettlS,
.prefCategoryttlS,
.noticeTtl {
	text-align: center;
}

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

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

.rankttlS span,
.curatorttlS span,
.categoryttlS span,
.articleCategoryttlS span,
.osusumettlS span,
.prefCategoryttlS span,
.noticeTtl span {
	font-size: 18px;
	font-weight: bold;
	height: 27px;
	margin-left: 0;
	padding: 4px 0 8px 60px;
	display: inline;
}

.prefCategoryttlS span,
.noticeTtl span {
	background-size: 45px auto;
}

.rankttlS span {
	background-position: -270px -148px;
}

.curatorttlS span {
	background-position: -270px -110px;
}

.categoryttlS span {
	background-position: -270px -74px;
}

.articleCategoryttlS span {
	background:url(../img/icon32.png) 0 2px no-repeat;
	background-size: 45px 26px;
	-moz-background-size: 45px 26px;
	-webkit-background-size: 45px 26px;
}

.osusumettlS span {
	background-position: -270px -3px;
}

/* android only */
/* label */
.labelNew {
    color: #ec6d71;
    font-size: 10px;
    padding-left: 10px;
}

/* nav icon */
.navNew {
    display: none;
    width: 11px;
    height: 11px;
    background:url(../img/icon56.png) no-repeat;
    -moz-background-size: 23px 13px;
    -webkit-background-size: 23px 13px;
    background-size: 11px 11px;
    position: absolute;
    top: 28px;
    left: 28px;
}

/* sns */
.sns .tw,
.sns .fb,
.sns .hb {
	padding-left: 30px;
	padding-bottom: 5px;
}

.sns .fb {
	padding-left: 19px;
}

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

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

.sns .fb {
	background-position: -87px -130px;
}

.sns .hb {
	background-position: -178px -130px;
}

.sns .count {
	display: inline-block;
}

.sns .countArrow {
	left: 18px;
	top: 4px;
}

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

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

.articleSns-sp {
	padding: 0 10px;
}

.articleSns-sp {
	display: block;
	margin-bottom: 20px;
}

.articleSns-sp li {
	float: left;
	width: 75px;
}

.articleSns-sp li.hb {
	width: 85px;
}

/*.articleSns-sp li.fb {
	width: 70px;
	height:65px;
}*/

.articleSns-sp li.otherSns {
	width: 65px;
}

.articleSns-sp .otherSns a {
	background-color: #333;
	background-position: -108px -91px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 0 0 #000;
	-webkit-box-shadow: 0 3px 0 0 #000;
	box-shadow: 0 3px 0 0 #000;
	color: #fff;
	display: block;
	font-size: 11px;
	height: 22px;
	padding-top: 37px;
	text-align: center;
	width: 70px;
}
.articleSns-sp .otherSnsB {
	margin-top: 10px;
}

.articleSns-sp .otherSnsB a {
	background: #333;
	padding-right: 15px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 4px 0 0 #000;
	-webkit-box-shadow: 0 4px 0 0 #000;
	box-shadow: 0 4px 0 0 #000;
}

.articleSns-sp .otherSnsB a span {
	background: url(../img/icon49.png) right center no-repeat;
	-moz-background-size: 23px 20px;
	-webkit-background-size: 23px 20px;
	background-size: 23px 20px;
	color: #fff;
	display: block;
	text-align: center;
	line-height:43px;
	font-size: 15px;
}

.articleSns-sp li.line {
	width: 65px;
}

.articleSns-sp .tw a {
	background: url(../img/icon05.png) center 13px no-repeat #31a7e0;
	-moz-background-size: 29px 20px;
	-webkit-background-size: 29px 20px;
	background-size: 29px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 4px 0 0 #2680ad;
	-webkit-box-shadow: 0 4px 0 0 #2680ad;
	box-shadow: 0 4px 0 0 #2680ad;
	color: #fff;
	display: block;
	font-size: 10px;
	height: 18px;
	padding-top: 40px;
	width: 70px;
	text-align:center;
}

#article .articleSns-sp .tw a {
	background: url(../img/icon05.png) center center no-repeat #31a7e0;
	-moz-background-size: 25px auto;
	-webkit-background-size: 25px auto;
	background-size: 25px auto;
	height: 36px;
	width: 40px;
	padding-top: 0;
}

.articleSns-sp .line a {
	background: url(../img/icon52.png) center 8px no-repeat #00cd00;
	-moz-background-size: 29px 29px;
	-webkit-background-size: 29px 29px;
	background-size: 29px 29px;
	-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;
	font-size: 10px;
	height: 18px;
	padding-top: 40px;
	width: 70px;
	text-align:center;
}

#article .articleSns-sp .line a {
	background: url(../img/icon52.png) center center no-repeat #00cd00;
	-moz-background-size: 25px 25px;
	-webkit-background-size: 25px 25px;
	background-size: 25px 25px;
	height: 36px;
	width: 40px;
	padding-top: 0;
}

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

#article .articleSns-sp li + li {
	margin-left: 6px;
}

#article .articleSns-sp .hb a {
	background: url(../img/icon60.png) center center no-repeat #00A4DE;
	-moz-background-size: 25px auto;
	-webkit-background-size: 25px auto;
	background-size: 25px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 4px 0 0 #027daa;
	-webkit-box-shadow: 0 4px 0 0 #027daa;
	box-shadow: 0 4px 0 0 #027daa;
	color: #fff;
	display: block;
	font-size: 10px;
	height: 36px;
	width: 40px;
	text-align:center;
}

.nanagogo-share-iframe {
    margin-bottom: -8px;
}

.nanagogo-share--ios {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 80px;
    height: 24px;
    border-radius: 3px;
    cursor: pointer;
    background-color: rgb(251, 76, 66);
}

.nanagogo-share__inner {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    height: 14px;
    margin: auto;
    text-align: center;
}

.nanagogo-share__inner-img {
    height: 14px;
    margin-right: 4px;
    vertical-align: text-bottom;
}

.nanagogo-share__inner-txt {
    color: #fff;
    font-size: 13px;
}

#modalFollow .title1 {
	margin: 33px auto 0 auto;
	width: auto;
	display: table;
}
#modalFollow .title1 dt {
	padding-left: 10px;
	width: auto;
	display: table-cell;
	float: none;
}
#modalFollow .title1 dt img {
	vertical-align: top;
}
#modalFollow .title1 dd {
	font-size: 13px;
	display: table-cell;
	padding-left: 15px;
	padding-right: 15px;
	width: auto;
	float: none;
}
#modalFollow .title2 {
	font-size: 13px;
	display: inline-block;
}

#header #logo,
#header p,
#contents,
#footerSns .inner,
#footerSnsWidget li,
address {
	float: none;
}

.headerSns,
.articleSns-pc,
#twWidget,
#gpWidget,
#subOsusume .topArticleTitle,
#subOsusume .curatorS,
.subBnr {
	display: none;
}

#subOsusume .curatorName,
#subOsusume .sns {
	display: block;
}

#page,
#wrapper,
#contents,
#main,
#sub,
#subOsusume .curatorName,
#pageTop,
#footerSns,
#mecicolleFollow .inner,
address {
	width: auto;
}

#sub {
    float: none;
}

/* HEADER
--------------------------------------------------------- */
#header {
	position:fixed;
	z-index: 7777;
	top:0;
	left:0;
}

.headerInner {
	padding: 15px 0;
	position:relative;
	height: 50px;
}

#header p {
	font-size: 10px;
	padding: 10px 0 0 22px;
	text-align: center;
}

#header #logo{
	margin: 0 auto;
	width: 180px;
}

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

#header #logo a.cat img {
	width: 30px;
}

#header #logo a.cat span {
    background-position:-52px 0;
	display: block;
	height: 26px;
	width: 150px;
}

#open-sb {
	position: absolute;
	top: 0;
	left:0;
	margin:0 !important;
	background:url(../img/sidemenu_btn.png) center center no-repeat;
	background-size:19px 14px;
	-moz-background-size:19px 14px;
	-webkit-background-size:19px 14px;
	width: 49px;
	height: 81px;
	cursor: pointer;
	text-indent:-9999px;
	display: block;
}

#mekiki{
	width:100%;
	background:#f2f2f2;
	height: 20px;
}

#mekiki #mekiki-in{
	width:100%;
	line-height:20px;
	font-size:10px;
	text-align:center;
}

/* btn */
.topMoreBtn {
	margin: 23px auto 30px;
	width: 300px;
}

.topMoreBtn a {
	background-color: #aacf53;
	background-position: 272px -152px;
	-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 {
	width: 300px;
}

.moreCuratorBtn a {
	background-color: #7058a3;
	background-position: 272px -152px;
	-moz-box-shadow: 0 3px 0 0 #4d3d70;
	-webkit-box-shadow: 0 3px 0 0 #4d3d70;
	box-shadow: 0 3px 0 0 #4d3d70;
	width: 300px;
}

.editorRequestBtn a,
.editorRequestBtn input,
.moreCuratorBtn input {
	width: 100%;
	margin-bottom: 30px;
}

/* paging */
#paging {
	margin-bottom: 40px;
}

/* SUB
--------------------------------------------------------- */
/* topFollow */
#topFollow {
	display: block;
}

#topFollow p {
	font-weight: bold;
	text-align: center;
	padding-bottom: 18px;
	font-size: 14px;
}

#articleFollow {
	display: block;
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
}

#articleFollow p {
	padding-bottom: 15px;
}

.topFollowSns {
	text-align: center;
}

.topFollowSns li {
	display: inline-block;
	margin: 0 8px 15px;
	font-size: 0;
}

.topFollowSns li.fb {
	width: 120px;
}

.topFollowSns li.fb iframe {
	width: 120px;
}

#smartBnr{
	display: block;
	margin-top: 5px;
}

#smartBnr {
	padding-bottom: 20px;
}


/* banner */
.bannerList {
	border-bottom:1px solid #e6e6e6;
	margin-bottom: 10px;
	padding-top: 0;
}

#sub-pickupBnr {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

/* rank */
#subRank {
	padding-bottom: 20px;
}

.rankList .cx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.rankList .photo {
	float: none;
}

.rankList li {
	padding: 0;
}

.rankList li a {
	background: url(../img/s_arrow01.png) right center no-repeat;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	padding: 10px 25px 10px 10px;
}

.rankList dl {
	float: none;
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

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

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

.rank2 span {
	background-position: -20px -95px;
}

.rank3 span {
	background-position: -40px -95px;
}

.rank4 span {
	background-position: -60px -95px;
}

.rank5 span {
	background-position: -80px -95px;
}

/* osusume */
#subOsusume .topSubArticle {
	background: url(../img/s_arrow01.png) right center no-repeat;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	border-bottom: 1px solid #e6e6e6;
}

#subOsusume .topSubArticle a {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	overflow: visible;
	width: 100%;
}

#subOsusume .topSubArticleMain {
	margin-bottom: 0;
	padding: 10px 15px 10px 10px;
	width: 100px;
}

#subOsusume .topSubArticlePhoto img {
	height: 75px;
	width: 100px;
}

#subOsusume .topArticleCuratorS {
	padding: 10px 0;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

#subOsusume .curatorName .title {
	display: block;
	font-size: 14px;
	padding-bottom: 5px;
	padding-right: 18px;
}

#subOsusume .curatorName .name {
	color: #666;
	font-size: 12px;
	padding-bottom: 5px;
}

#subOsusume .sns {
	width: auto;
}

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

#subOsusume .sns .countArrow {
	top:4px;
}

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

#subOsusume .topArticleCuratorS .icon-pr-wrap {
	display: block;
	margin-right: 25px;
}

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

.articleCategoryArea {
	width:100%;
}

#subArticleCategory li {
	width: 50%;
}

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



/* category */
#sub .tag,
#sideMenu .tag {
	padding-left: 0;
}

#subPrefCategory {
	margin-bottom: 30px;
}

#sideMenu .sideCat .tag,
#subPrefCategory .border {
	border-bottom:1px solid #e6e6e6;
}

#subPrefCategory dt {
	margin-left: 10px;
	padding: 13px 0;
}

#sideMenu .sideCat .tag {
	padding-top: 13px;
}

#sub .tag li,
#sideMenu .tag li {
	margin-right: 0;
	padding: 0 10px;
	width: 43%;
}

#sub .tag li a,
#sideMenu .tag li a {
	background-color: #eee;
	background-position: -277px -177px;
	-moz-box-shadow: 0 3px 0 0 #ccc;
	-webkit-box-shadow: 0 3px 0 0 #ccc;
	box-shadow: 0 3px 0 0 #ccc;
	padding: 15px 5px 13px 30px;
	width: 79%;
}
/* subCurator */
#subCurator a {
	display: block;

}

#subBtns {
	display:none;
}
#subBtns .btn01 ,
#subBtns .btn02 {
	width:300px;
}
#subBtns .btn01 a ,
#subBtns .btn02 a {
	background-position: 272px -106px;
}

/* FOOTER
--------------------------------------------------------- */
#pageTop {
	height: auto;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
}

#pageTop a {
	background-position: -170px -40px;
	bottom: auto;
	display: block;
	height: 46px;
	margin: 0 auto !important;
	position: relative;
	right: auto;
	text-indent: -9999px;
	width: 46px;
}

#mecicolleFollow {
	background-color: #eee;
	padding: 26px 0 18px;
}

#mecicolleFollow p {
	text-align: center;
}

#footerSns-sp {
	display: block;
	text-align: center;
}

#footerSns-sp li {
	display: inline-block;
	height: 52px;
	margin: 0 12px 20px;
	width: 52px;
}

#footerSns-sp .tw a,
#footerSns-sp .fb a,
#footerSns-sp .instagram a {
	display: block;
	height: 52px;
	text-indent: -9999px;
	width: 52px;
}

#footerSns-sp .tw a {
	background-position: 0 -40px;
}

#footerSns-sp .fb a {
	background-position: -55px -40px;
}

#footerSns-sp .instagram a {
	background: url(../img/icon12.png) no-repeat;
	background-size: 52px;
}

#footerSns {
	background-color:#eee;
}

#footerSns .inner {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 100%;
}

#footerSns .inner p {
	background: none;
	float: none;
	margin: 0 10px;
	padding: 0 0 15px 0;
	text-align: center;
}

#footerSns .inner ul {
	margin: 0 10px;
}

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

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

#footerNav {
	width:auto;
}

#footerNav .inner {
	float: none;
	margin: 0 10px;
	padding: 0;
	width: auto;
}

#footerNav .inner li {
	float:none;
	margin: 0;
	border-top: 1px solid #d9d9d9;
	border-left: none;
	padding:0;
}

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

#footerNav .inner li a {
	background:url(../img/arrow03-s.png) right center no-repeat;
	-moz-background-size: 8px 11px;
	-webkit-background-size: 8px 11px;
	background-size: 8px 11px;
	padding: 15px 0 15px 15px;
	display: block;
}

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

.footerSubBnr {
	border-top: 1px solid #d9d9d9;
	display: block;
	margin: 0 10px;
	padding: 10px 0 30px 0;
}

.footerSubBnr .btn01 ,
.footerSubBnr .btn02 {
	background: #ec6d71 url(../img/icon01.png) 18px center no-repeat;
	line-height: 1.8;
	width: 300px;
	margin: 15px auto 0 auto;
}
.footerSubBnr .btn01 a ,
.footerSubBnr .btn02 a {
	background: url(../img/parts.png) no-repeat;
	background-position: 272px -106px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 16px 28px 16px 66px;
}
.footerSubBnr .btn02 {
	background: #7058a3 url(../img/icon02.png) 18px center no-repeat;
}

.footerSubBnr .imgBnr {
	text-align: center;
	margin-top: 15px;
}

address {
	background-color: #d9d9d9;
	text-align: center;
}

/*.footerSnsBtns {
	display: block;
}*/

/* info */
#info-pc {
	display: none;
}

#info-sp {
	display: block;
}

#info-sp a {
	background:url("../img/s_arrow01.png") right center no-repeat;
	background-size:18px 18px;
	-moz-background-size:18px 18px;
	-webkit-background-size:18px 18px;
	padding: 15px;
	display: block;
}


/* sideMenu */
#mainContents {
	padding-top: 100px;
	z-index: 6666;
}

#menuBg {
	display: block;
	position:fixed;
	overflow: hidden;
	top:101px;
	background:#000;
	opacity:0.8;
	z-index:8888;
	width:100%;
}

#sideMenuWrap{
	overflow: auto;
	position: absolute;
	z-index:9999;
	top: 101px;
	width: 100%;
}

#sideMenu{
	border-top: 1px solid #e6e6e6;
	width:100%;
	background:#fff;
	margin-bottom: 50px;
}

#sideMenu a {
	padding: 15px;
	display: block;
	font-size: 14px;
}

#sideMenu h2 {
	padding: 22px 15px 12px;
	font-weight: bold;
	font-size: 15px;
}

#sideMenu h2,
#sideMenu .sideCat a {
	border-bottom: 1px solid #e6e6e6;
}

#sideMenu .osusume a,
#sideMenu .newArrival a,
#sideMenu .rank a,
#sideMenu .curator a,
#sideMenu .app a {
	padding-left: 50px;
}

#sideMenu .sideMenuAppDownload {
	align-items: center;
	background-color: #ec6d71;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	padding: 17px 8px 17px 20px;
}

#sideMenu .sideMenuAppDownload__txt {
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: 700;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#sideMenu .sideMenuAppDownload__btnInner {
	background-color: #fff;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 3px 0 0 #bfbfbf;
	-webkit-box-shadow: 0 3px 0 0 #bfbfbf;
	box-shadow: 0 3px 0 0 #bfbfbf;
	color: #ec6d71;
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	line-height: 36px;
	width: 136px;
}

#sideMenu .osusume a {
	background:url(../img/icon44.png) 15px 18px no-repeat;
	-moz-background-size: 23px 13px;
	-webkit-background-size: 23px 13px;
	background-size: 23px 13px;
}

#sideMenu .newArrival a {
	background:url(../img/icon45.png) 15px 18px no-repeat;
	-moz-background-size: 23px 13px;
	-webkit-background-size: 23px 13px;
	background-size: 23px 13px;
}

#sideMenu .rank a {
	background:url(../img/icon46.png) 15px 18px no-repeat;
	-moz-background-size: 22px 13px;
	-webkit-background-size: 22px 13px;
	background-size: 22px 13px;
}

#sideMenu .curator a {
	background:url(../img/icon47.png) 15px 18px no-repeat;
	-moz-background-size: 23px 13px;
	-webkit-background-size: 23px 13px;
	background-size: 23px 13px;
}

#sideMenu .app {
  display: none;
}

#sideMenu .app a {
	background:url(../img/icon55.png) 15px 18px no-repeat;
	-moz-background-size: 23px 13px;
	-webkit-background-size: 23px 13px;
	background-size: 23px 13px;
}

#sideMenu .arrow {
	background: url("../img/s_arrow01.png") right center no-repeat;
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	display: block;
}

#sideMenu .borderB {
	border-bottom: 1px solid #e6e6e6;
}

#sideMenu .tag li {
	float: left;
	width: 100px;
	margin: 0 0 12px 15px;
	padding: 0;
}

#sideMenu dt {
	padding: 13px 15px 13px 0;
	margin-left: 15px;
	border-top: 1px solid #e6e6e6;
}

#sideMenu .tag li a {
	width: auto;
	font-size: 14px;
	padding:12px 5px 10px 30px;
}

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

.sp__contnet {
	display: block;
}

.shopList li {
    height: auto;
}

#map-canvas .imgshop {
    float: none;
    width: 100%;
}

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

#map-canvas .txtContent p {
    margin-top: 5px;
}

.imgMap-pc img {
    width: 98.5%;
}

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

.newArrivalList .icon-pr-wrap {
	margin-right: 0;
}

#instagramWidget {
	display: none;
}

.mediaPlanLinkBnr--pc {
	display: none;
}

.mediaPlanLinkBnr--sp {
	display: block;
	padding: 20px 12px;
}


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

.carouselInner {
	margin: 0 10px;
	padding: 25px 0 30px
}

.carouselTitle {
	font-size: 14px;
}

.carouselItemList {
	margin-bottom: -20px;
	padding-bottom: 20px;
	overflow-x: scroll;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}

.carouselItem {
	padding-left: 0;
	width: 40%;
	flex-basis: 40%;
}

.carouselItem + .carouselItem{
	padding-left: 5px;
}

.carouselItemTitleWrap {
	padding: 15px 10px;
}

.carouselItemTitle{
	height: 36px!important;
	line-height: 1.5;
	background-color: #fff;
	position: relative;
	padding-right: 1em;
	overflow: hidden;
}

.carouselItemTitle:before {
	content: "...";
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.carouselItemTitle:after {
	content: "";
	position: relative;
	right: -1em;
	float: right;
	width: 1em;
	height: 100%;
	background-color: inherit;
}

.carouselItemGenre {
	min-height: 30px;
}

.carouselBtn {
	display: none!important;
}

#top .carousel {
	background: url(../img/s_line.png) 0 top repeat-x;
	background-size: 320px 3px;
}

#top .carouselTitle {
	text-align: center;
}

#top .carouselTitle span {
	font-size: 18px;
  display: inline;
  padding: 4px 0 4px 60px;
}

#article .carouselTitle {
	padding-left: 0;
	font-size: 14px;
	text-align: center;
}

#articleIndex .carouselTitle {
	padding-left: 0;
	font-size: 14px;
}

}
