@charset "utf-8";

/*###########################################

夢や Palm

common.css

CSS Version 2.0

LastModified:2012.01 by Mtec

###########################################*/

/*-----Global-----------------------------*/

*{
	padding: 0;
	margin: 0;
}

.clearfix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}

/*-for IE-*/

.clearfix{
 	zoom:1;
}

img{
	border:0;
	vertical-align: bottom;
}

p{
	line-height: 22px;
}

a{
}

br { letter-spacing: 0; }

body{
	font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #fff;
	color:#666;
}

/*--ヘッダ--*/

#header { width:950px; height:160px; position:relative; }

#header .logo-area,
#header .official-area {
	font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1", "Open Sans", "游ゴシック Light", "YuGothic Light", "游ゴシック", "YuGothic";
}

#header .logo-area { width: 160px; text-align: center; position: absolute; top: 25px; left: 0; }
#header .logo-area a { font-size: 10px; color: #000; text-decoration: none;}
#header .logo-area img { margin-bottom: 2px;}

#header .official-area { position: absolute; top: 102px; left: 4px;}
#header .official-area a {
	display: inline-block; width: 150px; padding: 4px 0; text-align: center; border: solid 1px #CECECE;
	font-size: 13px; color: #000; line-height: 100%; text-decoration: none; opacity: 0.6;}
#header .official-area a:hover { opacity: 1;}

#header .header-link { width:350px; position:absolute; top:41px; left:185px; }

#header .header-link .page {}
#header .header-link .page a { margin-right:1px; border-right: solid 1px #dcdbda; }
#header .header-link .page a.last { border-right:none; }
#header .header-link .brand { padding: 15px 0 0; }
#header .header-link .brand a {	margin: 0 10px 0 0; }

#header .header-utility { width:380px; position:absolute; top:46px; left:550px; }
#header .header-utility ul { list-style:none; overflow:hidden; }
#header .header-utility ul li { float:left; margin: 0 16px 0 0; }
#header .header-utility ul li a { font-size: 10px; color: #000; text-decoration: none; opacity: 0.6;}
#header .header-utility ul li a:hover { opacity: 1;}
#header .header-utility ul li a img { margin: 0 5px 0 0;}

#header .header-search  { width:380px; position:absolute; top:78px; left:550px; }
#header .header-search form { display:block; width:230px; height:30px; position:relative; }
#header .header-search form input { border:none; background:none; -webkit-appearance:none; outline:0; }
#header .header-search form input[type="text"] { width:180px; height:20px; margin: 5px 0 0 12px; }
#header .header-search form input[type="image"] { position:absolute; top:2px; right:8px; }

#header .header-utility_2 { position:absolute; top:76px; left:790px; }
#header .header-utility_2 a { margin-right:4px; }

#header .header-utility_3 { background:#D4D2CD; overflow:hidden; position:absolute; top:120px; right:22px; }
#header .header-utility_3 .btn-mypage { float:right; width:104px; height:25px; background:#FFF; }
#header .header-utility_3 .stage-area { float:right; padding-left:10px; color:#fff; font-size:10px; line-height:25px; }
#header .header-utility_3 .stage-area span { display:inline-block; }
#header .header-utility_3 .stage-area span.stage_1 { width:130px; height:25px; background: url(/~palm/img01/icon_stage1.gif) no-repeat; }
#header .header-utility_3 .stage-area span.stage_2 { width:110px; height:25px; background: url(/~palm/img01/icon_stage2.gif) no-repeat; }
#header .header-utility_3 .stage-area span.stage_3 { width:116px; height:25px; background: url(/~palm/img01/icon_stage3.gif) no-repeat; }
#header .header-utility_3 .stage-area span.stage_4 { width:112px; height:25px; background: url(/~palm/img01/icon_stage4.gif) no-repeat; }
#header .header-utility_3 .stage-area span.stage_5 { width:66px; height:25px; background: url(/~palm/img01/icon_stage5.gif) no-repeat; }

#header .official-area a img,
#header .header-link a img,
#header .header-utility a img { filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; vertical-align: middle; }
#header .header-utility_2 a img,
#header .header-utility_3 a img { filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; vertical-align: middle; }
#header .official-area a:hover img,
#header .header-link a:hover img,
#header .header-utility a:hover img,
#header .header-utility_2 a:hover img,
#header .header-utility_3 a:hover img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }

.path{
	font-size: 10px;
	padding:0 0 4px 10px;
	border-bottom:2px solid #ddd;
}

.path a{
	color: #666;
	text-decoration: none;
}

#leftnavi{
	width: 200px;
	padding:14px 0 0;
}

#leftnavi a{
	overflow: hidden;
	outline: none;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:0px;
	display:none;
	color:#fff;
	filter: alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	z-index: 200;
}

#content{
	width: 750px;
}

/*下のボタン　prev home top*/

#subbtn_in_fs{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
}

#subbtn_in_fs a {
	padding: 10px;
}

#subbtn_in_fs a img{
	filter: alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}

#subbtn_in_fs a img:hover{
	filter: alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}


/*--- フッター ---*/

#footer{
	width: 950px;
	border-top:2px solid #ddd;
	padding:20px 0 0;
	font-size: 10px;
	font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1", "Open Sans", "游ゴシック Light", "YuGothic Light", "游ゴシック", "YuGothic";
}
#footer a { color: #000; text-decoration: none; opacity: 0.6;}
#footer a:hover { opacity: 1;}

#footer .column1 { float: left; width: 240px;}
#footer .column1 .box { margin-top: 30px;}
#footer .column1 a { display: inline-block; margin-bottom: 2px;}

#footer .column2 { float: left; width: 235px; padding-top: 30px;}
#footer .column2 a { display: inline-block; margin-bottom: 2px;}

#footer .column3 { float: left; width: 474px; padding: 15px 0 20px; text-align: center; border-left: solid 1px #DDD;}
#footer .column3 .logoMain { height: 85px; margin-top: 15px; position: relative;}
#footer .column3 .logoMain div { display: inline-block;}
#footer .column3 .logoMain div.maison { width: 150px; position: absolute; top: 0; left: 50%; margin-left: -200px;}
#footer .column3 .logoMain div.men { width: 150px; position: absolute; top: 0; left: 50%; margin-left: -72px;}
#footer .column3 .logoMain div.lite { width: 130px; position: absolute; top: 0; left: 50%; margin-left: 54px;}
#footer .column3 .logoMain div a { display: block;}
#footer .column3 .logoMain .sns {
	display: inline-block; width: 20px; height: 20px; margin-top: 10px; line-height: 10em; overflow: hidden;
	background: url(/~palm/img01/icon_sns.gif) no-repeat; cursor: pointer; opacity: 0.6;
}
#footer .column3 .logoMain .sns:hover { opacity: 1;}
#footer .column3 .logoMain * { vertical-align: middle;}
#footer .column3 .logoMain .snsBlock { display: inline-block; margin-top: 10px; white-space: nowrap;}
#footer .column3 .logoMain a.snsIcon { display: inline-block; width: 20px; height: 20px; line-height: 20em; overflow: hidden;}
#footer .column3 .logoMain a.snsIcon.iconTwitter { background: url(/~palm/img01/icon_twitter.gif) no-repeat;}
#footer .column3 .logoMain a.snsIcon.iconFacebook { background: url(/~palm/img01/icon_facebook.gif) no-repeat;}
#footer .column3 .logoMain a.snsIcon.iconInstagram { background: url(/~palm/img01/icon_instagram.gif) no-repeat;}
#footer .column3 .logoMain a.snsIcon.iconWeibo { background: url(/~palm/img01/icon_weibo.gif) no-repeat;}
#footer .column3 .logoMain a.snsIcon.iconYoutube { background: url(/~palm/img01/icon_youtube.gif) no-repeat;}
#footer .column3 .logoMain a.snsIcon.iconVimeo { background: url(/~palm/img01/icon_vimeo.gif) no-repeat;}
#footer .column3 .store { margin-top: 10px;}
#footer .column3 .store a { display: inline-block; margin: 0 10px; vertical-align: top;}
#footer .column3 .store a span { display: block; margin-bottom: 4px; font-size: 14px;}
#footer .column3 .logoSub { margin-top: 15px;}
#footer .column3 .logoSub2 { margin-top: 10px; text-align: center;}
#footer .column3 .logoSub2 a { display: inline-block; width: 120px; margin: 0 25px;}
#footer .column3 .subMenu { margin-top: 20px;}

#footer .copyright { margin-top: 20px; text-align: center;}
#footer .copyright span { display: block; margin: 5px 0 40px;}

#btnPageTop { display: none; position: fixed; right: calc(50% - 600px); bottom: 30px; z-index: 20;}
#btnPageTop a { display: inline-block; width: 50px; height: 50px;}
#btnPageTop a:hover { opacity: 0.6;}
#btnPageTop a img { width: 100%;}


/*--- マイページ ---*/

.mypage_stage { display:inline-block; margin:20px; min-width:120px; max-width:300px; font-size:10px; line-height:1em; text-align:center; border: solid 1px #E6E6E8; }
.mypage_stage span { display:block; }
.mypage_stage span.box1 { padding: 12px 10px 4px; }
.mypage_stage span.box2 { width:98px; height:50px; margin: 0 auto; }
.mypage_stage span.box3 { padding: 4px 10px 6px; }

.mypage_stage.rank_1 span.box2 { background: url(/~palm/img01/bg_stage1.gif) no-repeat; }
.mypage_stage.rank_2 span.box2 { background: url(/~palm/img01/bg_stage2.gif) no-repeat; }
.mypage_stage.rank_3 span.box2 { background: url(/~palm/img01/bg_stage3.gif) no-repeat; }
.mypage_stage.rank_4 span.box2 { background: url(/~palm/img01/bg_stage4.gif) no-repeat; }
.mypage_stage.rank_5 span.box2 { background: url(/~palm/img01/bg_stage5.gif) no-repeat; }
.mypage_stage.rank_999 span.box2 { background: url(/~palm/img01/bg_stage5.gif) no-repeat; }


/*--- コメント登録用 ---*/

.btn-in-line {
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; display: -webkit-flex;
	justify-content: space-around; -webkit-justify-content: space-around; -ms-flex-pack: distribute; -webkit-box-pack: justify;
}
.btn-in-line a { display: block;}
.btn-in-line a img { max-width: 100%;}

.sizeImage img { max-width: 70%;}

.tagArea { padding: 30px 20px 20px;}
.tagArea .title { margin-bottom: 5px;}
.tagArea .tagBox {
	width: 100%;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.tagArea .tagBox div {
	margin: 0 10px 10px 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; max-width: 100%;
}
.tagArea .tagBox a {
	display: inline-block; padding: 9px 15px; line-height: 1em; font-size: 13px; text-align: center; text-decoration: none; background: #D1D1D1; border-radius: 16px;
}
.tagArea .tagBox a.large { display: inline-block; padding: 9px 20px; border-radius: 22px;}
.tagArea .tagBox a.large span { display: block; margin-top: 4px; line-height: 1em; font-size: 9px}
.tagArea .tagBox a:hover { opacity: 0.75;}


/*--- サーチページ ---*/

.searchPageWrap { width: 800px; margin: 0 auto;}

.logoArea.searchPage {
	display: -webkit-box; display:-ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: space-around; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around;
	margin: 20px 0; padding: 0 15px;
}
.logoArea.searchPage a { display: inline-block; width: 100px; border: solid 1px #FFF;}
.logoArea.searchPage a.current {
	border: solid 1px #CCC; position: relative;
	border-radius: 4px;
}
.logoArea.searchPage a.current:after {
	content: 'select'; width: 100px; font-size: 10px; text-align: center; position: absolute; bottom: -22px; left: 0;
}
.logoArea.searchPage a img { width: 100%;}

.searchFormWrap { padding: 10px 20px;}
.searchCategory { padding: 10px 20px;}
.searchColor { padding: 10px 20px 5px;}
.searchPrice { padding: 10px 20px 80px;}

.searchFormWrap .title,
.searchCategory .title,
.searchPrice .title,
.searchColor .title { margin-bottom: 10px; font-size: 14px;}

#searchForm { position: relative;} 
#searchForm #keywords { width: 99%; padding: 0 10px; font-size: 16px;}
#searchForm #searchBtn { position: absolute; top: 5px; right: 15px;}

.searchCategory select,
.searchPrice select { width: 100%; margin: 0 0 10px; font-size: 16px;}

.searchColor .colorList {
	display: -webkit-box; display:-ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.searchColor .colorList:after { display: none;}
.searchColor .colorList a {
	display: inline-block; width: 32%; margin-bottom: 10px; padding: 14px 0; line-height: 1em; color: #FFF; font-size: 14px; text-align: center; text-decoration: none; background-size: 100% 100%;
	border-radius: 8px;
}
.searchColor .colorList a.black { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_black.png);}
.searchColor .colorList a.white { color: #666; border: solid 1px #CACACA;}
.searchColor .colorList a.blue { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_blue.png);}
.searchColor .colorList a.red { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_red.png);}
.searchColor .colorList a.yellow { color: #666; background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_yellow.png);}
.searchColor .colorList a.purple { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_purple.png);}
.searchColor .colorList a.gray { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_gray.png);}
.searchColor .colorList a.pink { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_pink.png);}
.searchColor .colorList a.green { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_green.png);}
.searchColor .colorList a.brown { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_brown.png);}
.searchColor .colorList a.beige { color: #666; background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_beige.png);}
.searchColor .colorList a.gold { color: #666; background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_gold.png);}
.searchColor .colorList a.silver{ color: #666; background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_silver.png);}
.searchColor .colorList a.bronze { background-image: url(https://c05.future-shop.jp/shop/item/palm/design/img05/color_bronze.png);}
.searchColor .colorList a.other { color: #666;}

.searchPageWrap input[type="text"],
.searchPageWrap input[type="tel"],
.searchPageWrap input[type="email"],
.searchPageWrap input[type="password"] {
	height: 40px; line-height: 40px; border: 1px solid #979797 !important;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.searchPageWrap select {
	width: 372px; height: 40px; margin-right: 5px; padding: 0 10px !important; line-height: 40px; border: 1px solid #979797 !important; position: relative;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background: url(https://c05.future-shop.jp/shop/item/palm/design/img05/sp_arrow_02.png) right top no-repeat #FFF;
	-webkit-background-size: 35px 40px; -moz-background-size: 35px 40px; background-size: 35px 40px;
}
.searchPageWrap select option { padding: 2px 10px;}
.searchPageWrap select::-ms-expand {
    display: none;
}


/*--- 下部固定バナー ---*/

.footerFreeBannerWrap { display: none; width: 100%; position: fixed; bottom: 50px; left: 0; z-index: 999999;}
.footerFreeBanner { word-break: break-all; position: relative;}
.footerFreeBanner img { max-width: 100%;}
.footerFreeBanner .pc { display: block; margin: 0 auto; position: relative;}
.footerFreeBanner .sp { display: none;}
.footerFreeBanner a.close {
	display: block; width: 28px; height: 28px; line-height: 20em; overflow: hidden;
	background: url(https://c05.future-shop.jp/shop/item/palm/design/img05/sp_btn_close_banner.png) no-repeat;
	background-size: 28px 28px;
}


/*--- 商品にひもづくレコメンド ---*/

.FS2_body_Goods_GoodsDetail #FS2_Recommend_List,
.FS2_body_Cart_ShoppingCart #FS2_Recommend_List { display: none;}

.FS2_Recommend2_container_history,
.FS2_Recommend2_recommend { margin: 40px 0 0 !important;}

.FS2_body_Cart_ShoppingCart .FS2_Recommend2_recommend,
.FS2_body_Cart_ShoppingCart .FS2_Recommend2_container_history { width: 750px; margin: 40px auto 0 !important;}