@charset "UTF-8";
/* CSS Document */

/*　コンテンツ内容文字　*/
#pe_contents{
	 margin-bottom: 70px;
	 font-weight:100;
	line-height: 22px;
}

/*　ブランドリストテーブル　*/
#perfume th{
	width: 25%;
	font-weight:100;
	line-height: 22px;
}
#cosme th{
	width: 25%;
    font-weight:100;
	line-height: 22px;
}

/*　宅配買取流れ中央揃え　*/
div#nagare_step{
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

/*------------------------------------
　　　　レスポンシブ
-------------------------------------*/
/* 画像レシポンシブ */
.switch {
    visibility: hidden;
}


	
/*------------------------------------
　　　　ヘッダー
-------------------------------------*/

/*　ナビ　ホバーエフェクト　*/
.button {
	position: relative;
	z-index: 2;
	background-color: #f27398;
	/*color: #e62055;*/
	font-weight: 100;
	line-height: 50px;
	overflow: hidden;
}
.button:hover {
	color: #ffffff;
}
.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	top: 0;
	background-color: #f6a2ba;
}
.button {
	display: inline-block;
	width: 158.5px;
	height: 45px;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

a.button:link {
color : #ffffff; 
}
a.button:visited {
color : #ffffff; 
}
a.button:active {
color : #ffffff; 
}
a.button:hover {
color : #ffffff; 
}

#pe_navi {
	width: 960px;
	margin-bottom: 50px;
}



/*------------------------------------
　　　　買取流れサークル
-------------------------------------*/

#warp_br{
    text-align:center;
    font:14px;
    color:#fff;
}



/*div#warp_br a:hover {
　opacity: 1;
　-webkit-animation: flash 1s;
　animation: flash 1s;
}
*/
#warp_br a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#warp_br a{
    display:block;
    text-decoration:none;
    color:#ffffff;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
    float:left;
    list-style:none;
    width:160px;
    height:160px;
    line-height:160px;
    border-radius:50%;
    -moz-border-radius:50%;
 -webkit-border-radius:50%;
    margin:5px 5px 5px 5px;
}
#warp_br a:nth-child(1) {
    background: #f9b9cc;
}
 
#warp_br a:nth-child(2) {
    background: #f6a2ba;
}
 
#warp_br a:nth-child(3) {
    background: #f27398;
}
 
#warp_br a:nth-child(4) {
    background: #ee4476;
}

#warp_br a:nth-child(5) {
    background: #ed3b6f;
}


/*------------------------------------
　　　　TOPへもどるボタン
-------------------------------------*/
#page-top {

position:fixed;
bottom:20px;
right:20px;
font-size:12px;
z-index:10;
}
#page-top a {
background:#f27398;
text-decoration:none;
color:#ffffff;
width:100px;
text-align:center;
display:block;
border-radius:5px;
padding:5px 5px;
}
#page-top a:hover {
text-decoration:none;
background:#e62055;
}