html{
	overflow-x:hidden;
}

.johnimg{margin-bottom:5px;}
.johntop,.jhontop{text-align:center;}
.johntop img,.jhontop img{width:180px;margin:2px 6px;border:3px solid #fff;}
.johntop img:hover,.jhontop img:hover{border:3px solid #ddd;}
/*カテゴリTOPページ*/
.header_area>strong{
display:block;
margin:5px;
}

div.footer_area p.lead{
width:93%;
padding:10px;
border-top:4px double #999;
}
div.footer_area h3{
width:93%;
padding:5px 10px;
margin:5px 0 0;
background:#DF80E8;
color:#fff;
border-radius:7px 7px 0 0;
border:1px solid #DF80E8;
}
div.footer_area h3 + p{
width:93%;
padding:10px;
border:1px solid #DF80E8;
margin:0 0 15px;
}
li.ca1 a{padding:6px 0 6px 17px;}
/*吹き出し
#search + #sps-itemCategoryBox はTOPのみに適応のため

ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#search + #sps-itemCategoryBox .sps-itemCategoryList {
    position: relative;
}
#search + #sps-itemCategoryBox .sps-itemCategoryList:hover .sps-itemCategorySub {
display: block;
}
#search + #sps-itemCategoryBox .sps-itemCategorySub {
    background: #fff;
    display: none;
    left: 171px;
    position: absolute;
    top: 0;
    width: 210px;
	border-top:1px solid #EF648C;
	box-shadow:2px 2px 4px #555;
}
#search + #sps-itemCategoryBox .sps-itemCategorySub li{
	border-bottom:1px solid #EF648C;
}
*/
#search + #sps-itemCategoryBox .sps-itemCategorySub {
width: 210px;
box-shadow:2px 2px 4px #555;
}
#search + #sps-itemCategoryBox .sps-itemCategorySub li a{
color:#E83569;
text-decoration:none;
}
#search + #sps-itemCategoryBox .sps-itemCategorySub li:hover{
background:#FDEFF3;
}

/*TOP news*/
ul li.news a{
text-decoration:none;
}
ul li.news a:hover{
text-decoration:underline;
color:#EF648C;
}
ul li.news{
display:block;
padding:1px 6px;
border-bottom:1px dotted #EF648C;
}
ul li.news:hover{
background:#FFF5F8;
}
/*default.css 無視*/
.centerbox{margin:6px 10px;}
.topIMG{padding:0;}
iframe{height:1px;}

<style>
/* スライドバナー */
.sp-flickslide {
	margin: 0 auto;
	padding:0px;
	border: none;
	width: 93.82352%;
	height: auto;
	background:#FFF;
	position: relative;
	overflow: auto;
}
.sp-flickslide-content {
	float: left;
}
.sp-flickslide-nav {
	float: left;
	width: 100%;
	height:13px;
	text-align: center;
	margin-top:13px;
}
.sp-flickslide-nav a {
	margin: 0 2%;
}
.sp-flickslide-nav-noselect {
	display: inline-block;
/*	width:3.76175%;
	min-height:24px;
	*/
	width:10px;
	height:10px;
	background:url(http://www.cosmeland.jp/site_data/cabinet/sp/top/nav-noselect.png) no-repeat 50% 50%;
	background-size:100%;
	-webkit-background-size: 100%;
}
.sp-flickslide-nav-select {
	display: inline-block;
/*	width:3.76175%;
	min-height:24px;
	*/
	width:10px;
	height:10px;
	background:url(http://www.cosmeland.jp/site_data/cabinet/sp/top/nav-select.png) no-repeat 50% 50%;
	background-size:100%;
	-webkit-background-size: 100%;
}
.sp-flickslide-nav-left {
	float: left;
	position: absolute;
	bottom: 0;
	width: 11.75548%;
	min-height: 63px;
	margin: 0;
	background:url(http://www.cosmeland.jp/site_data/cabinet/sp/top/slide_left.png) no-repeat 50% 50%;
	background-size:100%;
}
.sp-flickslide-nav-right {
	float: right;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 11.75548%;
	min-height: 63px;
	margin: 0;
	background:url(http://www.cosmeland.jp/site_data/cabinet/sp/top/slide_right.png) no-repeat 50% 50%;
	background-size:100%;
}

span.flink {
	color:#DE3976;
}
/*レコメンドキング*/
.pager_image{height:140px;text-align:center;}
.pager_image a img{max-height:130px;}
.pager_image img{width:auto !important;}
.history_image img{max-height:120px;}
/*
#_rcmdjp_display_1 .pager{
position:relative;
height:350px;
}
#_rcmdjp_display_1 .pager #pager-page-1,#_rcmdjp_display_1 .pager #pager-page-2{
position:absolute;
top:30px;
left:0;
}
*/
#pager-page-1, #pager-page-2{
-webkit-transition:all .3s ease;-moz-transition-duration: .3s;
height:270px;
}

/*TOP*/
.shopCopy h1{font:normal 10px arial;letter-spacing:-1px;}

.header_area h1{margin:-4em 1em 3em;}
#bread{margin-top:3em;}
/*Keyword link*/
#sps-headKeywordBox{margin:1em 18px -2.3em;}
#sps-headKeywordBox span{color:#999;}
#sps-headKeywordBox ul,#sps-headKeywordBox ul li{
margin:0;padding:0;list-style:none;display:inline;
}

#amazon{
	height:1050px;
	overflow-x:hidden;
}


/*BSCのテーマを間違って、レスポンシブホワイトっていうのに変えてしまって、それまでのエレガントピンクに戻したあと管理画面に加えたCSS*/
/*このファイルはあくまでバックアップ用*/
/*加えた場所は管理画面　デザイン設定 > ヘッダーとSEOの設定 > ヘッダの設定　headタグ追加（ HTMLカスタマイズ（ベーシックテンプレート用/上級者向け）） */
#header{background-size:100% auto;}
#header div.shoplogo h1.siteName,#header div.shoplogo > a{opacity:0;line-height: 2em;padding:10px 0 0;}
#header div.shoplogo h1.siteName a,#header div.shoplogo > a{display: block;}
#header div.shoplogo .sitecopy{position:absolute;top:5px;width: 500px;}
div.shoplogo .sitecopy a{display:block;}
.layout1{height: 290px;}
.layout1 .item img{max-height: 80px;padding:0;}
#rightSide .layout1{box-sizing:border-box;}
#sps-headKeywordBox div{margin:0 9px;}
.header_area{width:94%;padding-top: 1.2rem;}
#headMenu div.headnavi{font-size: 10px;top:9px;}
#sps-headKeywordBox ul{font-size: 10px;}


/* 2019.08.19 addcss */
#header{background-size:100% auto;}
#header div.shoplogo h1.siteName,#header div.shoplogo > a{opacity:0;line-height: 2em;padding:10px 0 0;}
#header div.shoplogo h1.siteName a,#header div.shoplogo > a{display: block;}
div.shoplogo h1{opacity:0;}
#header div.shoplogo h2.sitecopy,#header div.shoplogo .sitecopy{position:absolute;top:5px;width: 500px;}
div.shoplogo .sitecopy a{display:block;opacity: 0;}
.layout1{height:290px;}
.layout1 .item img{wpadding:0;max-height:80px;}
#rightSide .layout1{box-sizing:border-box;}
#headMenu div.headnavi{top:4px;}
#sps-headKeywordBox div{margin:0 9px;}
.header_area{width:94%;padding-top: 1.2rem;}
#headMenu div.headnavi{font-size: 10px;top:9px;}
#sps-headKeywordBox ul{font-size: 10px;}