@charset "UTF-8";

@import "./list.css";

/* ---------------------------------------------------------------------
*
*   ■「検索トップ」画面用のCSS
*
* ------------------------------------------------------------------- */

/* list.css 内でsearch.css を読み込み */

/* シェアボタンブロック */
#index ul.block-share-btn {
	top:auto;
	bottom:5px;
}


/*========== ピッククアップ一覧 ==========*/

#listPickup h1,
h1.strong {
	letter-spacing:1px;
}
#listPickup h1 {
	letter-spacing:2px;
}
#listPickup {
	margin-top:40px;
}
#listPickup ul {
	padding-top:10px;
}

#btnAllView {
	padding:0px 0 5px;
	text-align:right;
	letter-spacing:1px;
}
#btnAllView a {
	font-weight:bold;
}
#btnAllView a:before {
	content:"";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: calc(50% - 10px);
	left: 50px;
	border-right:solid 3px #500;
	border-bottom:solid 3px #500;
	transform: rotate(45deg);
}
#btnAllView a:after {
	content:"";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: calc(50% - 10px);
	right: 50px;
	border-right:solid 3px #500;
	border-bottom:solid 3px #500;
	transform: rotate(45deg);
}
#btnAllView a {
	position: relative;
	display: block;
	width: 600px;
	margin: 50px auto 0;
	color:#500;
	font-size:1.4em;
	text-align:center;
	line-height:60px;
	background: #F9F5F6;
	border:solid 1px #500;
}
#btnAllView a:hover {
	text-decoration:none;
	opacity:0.7;
}

.popup_optional_contents {
	width: 600px;
   	height: 485px;
	padding-right:5px;
   	display:none;
   	background: #ffffff;
   	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	color:#333;
}