@charset "shift_jis";

/* ======================================================================

  Common

========================================================================= */

/*　閉じる×ボタン
-----------------------------*/
.closebtn {
  position: absolute;
  top: -1px;
  right: -1px;
  display: table-cell;
  width: 18px;
  height: 18px;
  padding: 4px;
  vertical-align: top;
  cursor: pointer;
}
.closebtn span {
  display: block;
  background-image: url(http://img1.kakaku.k-img.com/images/smartphone/woman/icon_btn_01.png);
  background-color:#fff;
  background-position: 0px -46px,0 0;
  -webkit-background-size: 17px 81px,100% 100%;
  background-size: 17px 81px,100% 100%;
  background-repeat: repeat-x;
  width: 17px;
  height: 17px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
  box-shadow: 0 1px 1px rgba(0,0,0,0.25);
  -webkit-border-radius: 2px;
  border-radius: 8px;
}

/*　アイテムエリア
-----------------------------*/
.womanBnrArea .itemArea {
	padding:5px 0;
	display:table;
	table-layout:fixed;
	margin: 0 auto;
}
.womanBnrArea .itemArea .itemBox {
	display:table-cell;
    width:95px;
}
.womanBnrArea .itemArea .box {

  background: #fff;
  color: #3498db;
  font-size:36px;
  line-height:100px;
  margin:0 auto 5px;
  position:relative;
  text-align:center;
  width: 78px;
  height: 78px;
  background-color: #ece8d9;
  border: 1px solid #cac6b6;
  display: table;
  padding: 4px;
}
.womanBnrArea .itemArea .box > span {
	text-align:center;
	background-color: #fff;
	display: table-cell;
	vertical-align: middle;
}
.womanBnrArea .itemArea img {
	text-align:center;
	max-width:65px;
	max-height:65px;
	margin: 0 auto 5px;
	display: table-cell;
	vertical-align: middle;
}
.womanBnrArea .itemArea .crown span {
	display:block;
	/* [READ][CSS-SPRITE] icon_crown.png */
	width:33px;
	height:24px;
	margin:0 auto 2px;
	text-indent:-999em;
}
.womanBnrArea .itemArea .crown span {
	background-image:url(http://img1.kakaku.k-img.com/images/smartphone/woman/icon_crown.png);
	background-size:33px 242px;
	background-repeat:no-repeat;
}
.womanBnrArea .itemArea .crown.gold span {background-position:0 0;}
.womanBnrArea .itemArea .crown.silver span {background-position:0 -24px;}
.womanBnrArea .itemArea .crown.bronze span {background-position:0 -48px;}


/* ======================================================================

  pattern

========================================================================= */

/* 導線枠【1】
--------------------------------------------------------- */
.womanBnrArea {
	background:#f3f3f3;
	padding:8px 0;
}

div.womanBnrArea { /* レビュー詳細 */
	background:#ddd;
	padding: 0 0 8px 0 ;
}
.bnrArea + div.womanBnrArea { /* レビュー詳細 ミニバナー */
	padding: 0;
}
.womanBnrArea .leadbnr {
	overflow:hidden;
	background-color:#f27d7a;
	border:1px solid #5F1E1C;
	text-align: center;
	position:relative;
}
.womanBnrArea .leadbnr img {
	max-width:412px;
}
.womanBnrArea .leadbnr a {
	overflow:hidden;
	display:block;
}
div.itemList.displayArea ul.linkList .womanBnrArea .leadbnr > a:link {
	background-color:#f27d7a;
}
div.itemList ul.linkList > li.womanBnrArea a {
	padding:0;
	background-image:none;
}


/* 導線枠【2】
--------------------------------------------------------- */
.womanBnrArea .leadbnr2 {
	overflow:hidden;
	background:#fff;
	border:1px solid #F27D7A;
	text-align: center;
	position:relative;
}

.womanBnrArea .leadbnr2 .itemAreaWrap {
	background-color:#ffe7e6;
	padding:5px;
}

.womanBnrArea .leadbnr2 .itemAreaWrap .itemAreaInner {
	background-color:#fff;
	border-radius:6px;
	padding:5px;
}
.womanBnrArea .leadbnr2 .itemArea {
	padding-bottom:0;
}
.womanBnrArea .leadbnr2 .itemArea .box {
  margin-bottom:2px;
}
.womanBnrArea .leadbnr2 .itemAreaWrap .title {
	background:#F27D7A;
	padding:3px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-radius:5px;
}

/*　ボタンエリア
-----------------------------*/
.womanBnrArea .btnArea {
	padding: 0 5px 5px;
	text-align: left;
	color: #5f1e1c;
	background:#ffe7e6 url(http://img1.kakaku.k-img.com/images/smartphone/woman/arrow_type2_2.png) no-repeat right 8px;
	-webkit-background-size:15px 18px;
	background-size:15px 18px;
}


/* 導線枠【3】
--------------------------------------------------------- */
.womanBnrArea .leadbnr3 {
	overflow:hidden;
	background:#ffe7e6;
	border:1px solid #F27D7A;
	text-align: center;
	position:relative;
}
.womanBnrArea .leadbnr3 a {
	background-color:ffe7e6;
}
.womanBnrArea .leadbnr3 .title {
	background:#F27D7A;
	padding:3px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.womanBnrArea .leadbnr3 .wrap{
	padding:8px;
	margin-right:4px;
	background:url(http://img1.kakaku.k-img.com/images/smartphone/woman/arrow_type2_2.png) no-repeat right center;
	-webkit-background-size:15px 18px;
	background-size:15px 18px;
	background-color:#ffe7e6;
}
div.itemList.displayArea ul.linkList .womanBnrArea .leadbnr3 > a:link {
	background-color:#ffe7e6;
}
.womanBnrArea .leadbnr3 .itemArea {
	width:100%;
	display:table;
	table-layout:fixed;
	margin: 0;
	padding:0;
}
.womanBnrArea .leadbnr3 .itemArea .itemBox {
  width:80px;
}
.womanBnrArea .leadbnr3 .itemArea .box {
  width: 74px;
  color: #3498db;
  font-size:36px;
  line-height:100px;
  margin: 0 10px 0 0;
  position:relative;
  text-align:center;
  border:1px solid #fff;
  background-color:#E0E0E0;
  padding: 2px;
}
.womanBnrArea .leadbnr3 .itemArea img {
	text-align:center;
	max-width:65px;
	max-height:65px;
	margin: 0 auto 5px;
	display: table-cell;
	vertical-align: middle;
}

.womanBnrArea .leadbnr3 .itemArea .txtBox {
	display:table-cell;
	vertical-align:top;
	text-align:left;
	color:#000;
    padding:0 10px 0 8px;
}
.newsArea ul.linkList > li a {
	padding:0;
	font-size:16px;
}

.womanBnrArea .leadbnr3 .itemArea .readTit {
	padding:2px;
	background:#f27d7a;
	border-radius:4px;
	margin:0 5px 5px 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}


/* レビュー詳細等
--------------------------------------------------------- */

/*　バナー広告エリア
-----------------------------*/
h2 + .bnrArea {
	margin-top:1px;
}

/*　バナータイプ1　*/
.bnrArea .bnrType01 {
	display:table;
	border-bottom: 1px solid #d0ccbe;
	height:100px;
	width:100%;
}
.bnrArea .bnrType01 .catch {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding: 0 5px 0 10px;
}
.bnrArea .bnrType01 .catch .subCopy {
	font-size:10px;
}
.bnrArea .bnrType01 .catch .mainCopy {
	font-size:24px;
	font-weight:bold;
}
.bnrArea .bnrType01 .image {
	display:table-cell;
	text-align:right;
}
.bnrArea .bnrType01 .image img {
	width:130px;
	height:100px;
}

.bnrArea dl {
	border: 2px solid #e6dfc6;
	border-radius:6px;
	margin: 5px;
}
.bnrArea dl dt {
	background:#e6dfc6;
	border-radius:4px 4px 0 0;
	padding:3px;
	text-align:center;
}
.bnrArea dl dd {
	padding:5px;
}
.bnrArea dl dd > ul {
	text-align:center;
}
.bnrArea dl dd > ul > li {
	display:inline-block;
	margin-right:10px;
	color:#f06662;
}
.bnrArea dl dd > ul > li > a {
	color:#f06662;
}
.bnrArea .txt24 {
	font-size:24px;
}

/*　バナータイプ2　*/
.bnrArea .bnrType02 {
	width:100%;
	position:relative;
}
.bnrArea .bnrType02 .catch {
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.5);
}
.bnrArea .bnrType02 .catch p {
	padding:5px;
}
.bnrArea .bnrType02 .catch .subCopy {
	font-size:10px;
}
.bnrArea .bnrType02 .catch .mainCopy {
	font-size:20px;
	font-weight:bold;
}
.bnrArea .bnrType02 .image {
	text-align:center;
	max-width:368px;
	margin:0 auto;
}


