@charset "UTF-8";

#_subNavi{position:absolute; right:0; top:25px;}
#_subNavi > ul#_globalUl > li{display:inline-block;}
#_subNavi > ul#_globalUl > li + li {margin-left: 17px; padding-left: 17px; background: url(./../images/gab.png) left 3px no-repeat;}
#_subNavi > ul#_globalUl > li > a{display:block; text-indent:-9999px; }
#_subNavi > ul#_globalUl > li.bookmark > a{background:url(./../images/bookmark.png) center center no-repeat; width: 31px; height: 30px;}
#_subNavi > ul#_globalUl > li.share > a{background:url(./../images/share.png) center center no-repeat; width: 21px; height: 30px}
#_subNavi > ul#_globalUl > li.print > a{background:url(./../images/print.png) center center no-repeat; width: 27px; height: 30px;}

@media only screen and (max-width:1024px){
	#_subNavi ul#_globalUl{width:100px; height:50px; background-position:-20px center;}
	#_subNavi ul#_globalUl li.print{display:none;}
	#_subNavi .box_sns{top:50px}
	#_subNavi div.favoriteWrap{top:50px;}
}

/*sns*/
.box_sns{position: absolute; right:0px;top: 50px;padding: 20px;border: 1px solid #cecece;background: #fff;z-index: 100; width:340px;}
.box_sns .close{display: block;position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;text-indent: -9999px;background: url(./../images/closeFunc.png) no-repeat center;}
.box_sns .list_sns{margin-bottom:10px; overflow:hidden;}
.box_sns .list_sns dt,
.box_sns .list_sns dd {float: left;}
.box_sns .list_sns dt {width: 75px;text-align: left;}
.box_sns .list_sns ul{margin-top:3px;}
.box_sns .list_sns ul li {display: inline-block;}
.box_sns .list_sns ul li a {display: inline-block; width: 25px; height: 25px; text-indent: -9999px; margin: 0 2px;}
.box_sns .list_sns ul li.btn_fb a{background: url(./../images/snsFacebook.png) no-repeat;}
.box_sns .list_sns ul li.btn_tw a{background: url(./../images/snsTwitter.png) no-repeat;}
.box_sns .list_sns ul li.btn_ks a {background: url(./../images/snsCacaoStory.png) no-repeat;}
.box_sns .list_sns ul li.btn_pr a{background: url(./../images/snsPinterest.png) no-repeat}
.box_sns .list_sns ul li.btn_na a{background: url(./../images/snsBlog.png) no-repeat}
.box_sns .list_share {width:100%;margin-top: 10px;overflow: hidden;}
.box_sns .list_share dt,
.box_sns .list_share dd,
.box_sns .list_share dd ul li {float: left;}
.box_sns .list_share dt {width: 75px; text-align: left;}
.box_sns .list_share ul {display: inline-block;width: 100%;}
.box_sns .list_share ul li.first {min-width: 180px;}
.box_sns .list_share ul li.last {float: right;}
.box_sns .list_share input {width: 100%;height: 32px;border: 1px solid #b1b1b1;line-height: 32px;text-indent: 10px;color: #666;}
.box_sns .list_share a {display: block;width: auto;height: 34px;padding: 0 5px;margin-left: 5px;background: #707070;line-height: 34px;text-align: center;color: #fff;font-size: 14px; margin-top:1px;}
.box_sns .list_share a:hover {color: #ffcc00 !important;}
.box_sns .list_share label {display: none;}

div.favoriteWrap{display:block;width:260px;position: absolute;top: 50px;right: 0px;border: 1px solid #cecece;background: #FFF;z-index: 10;}
div.favoriteWrap .favoriteClose{display: block;position: absolute;top: 20px;right: 20px;width: 13px;height: 13px;text-indent: -9999px;background: url(./../images/closeFunc.png);}
div.favoriteWrap h4{border-bottom:1px solid #cecece;font-size: 18px;background:none;padding: 10px 15px;font-weight: 500;}
div.favoriteWrap p{text-align:center;line-height: 1.5;font-size: 14px;padding: 15px 20px;word-break: keep-all;background: #f2f2f2;}
div.favoriteWrap p strong{display:block;color:#0889e7;margin-bottom: 10px;}
div.favoriteWrap ul{padding: 15px 0;border-top:1px solid #cecece;}
div.favoriteWrap ul li{position:relative;padding: 10px 25px 10px 15px;font-size: 16px;line-height: 1.4;word-break: keep-all;}
div.favoriteWrap ul li:hover{background:#d9e0e8;}
/*div.favoriteWrap ul li:before{display:block;content:"";position:absolute;left:0;top:12px;width:4px;height:2px;background:#000;}*/
div.favoriteWrap ul li a.delF{display:inline-block;margin-left:10px;text-indent:-9999px;width:13px;height:13px;vertical-align:middle;background:url(./../images/delF.png);margin-top: -4px;position: absolute;right: 10px;top: 20px;}
div.favoriteWrap div.addF,
div.favoriteWrap div.resetF{text-align:center;padding-bottom:15px;}
div.favoriteWrap div.addF{background: #f2f2f2;}
div.favoriteWrap div.resetF{padding-top:20px; border-top:1px solid #d6d6d6;}
div.favoriteWrap div.addF a,
div.favoriteWrap div.resetF a{display:inline-block;padding:5px 20px;color:#FFF;font-size: 14px;border-radius: 10px; transition:ease all .5s;}
div.favoriteWrap div.addF a{background:#0067c3;}
div.favoriteWrap div.resetF a{background: #fff;color: #50555d;border: 1px solid #333;}
div.favoriteWrap div.addF a:hover,
div.favoriteWrap div.resetF a:hover,
div.favoriteWrap div.addF a:focus,
div.favoriteWrap div.resetF a:focus{background:#194a96; color:#fff;}


@media only screen and (max-width:1024px){
	#_subNavi {top:5px;}
}
@media only screen and (max-width:677px){
	#_subNavi {display:none;}
}