@CHARSET "UTF-8";

/* ボタン
---------------------------------------------------------- */
#content .btnWhtS,
#contents .btnWhtS,
.boxFooter .btnWhtS{
	display: block;
	padding: 7px 10px;
	border: 1px solid #cccccc;
	background: #fff;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	color: #333;
}
#content .btnWhtL,
#contents .btnWhtL{
	display: block;
	padding: 17px 21px;
	border: 1px solid #cccccc;
	background: #fff;
	border-radius: 5px;
	line-height:21px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #333;
}
#content .btnWhtSS,
#contents .btnWhtSS{
	display: block;
	padding: 8px 5px 6px;
	border: 1px solid #cccccc;
	background: #fff;
	border-radius: 5px;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	color: #333;
}
#content .btnRedS,/*#content*/
#content .btnWhtS:hover,
#content .btnRedL,
#content .btnGryL:hover,
#content .btnWhtL:hover,
#content .btnWhtSS:hover,/*#content"s"*/
#contents .btnRedS,
#contents .btnWhtS:hover,
#contents .btnRedL,
#contents .btnGryL:hover,
#contents .btnWhtL:hover,
#contents .btnWhtSS:hover,
.boxFooter .rl_bottom_clip .btnWhtS:hover{
	border-color: #c80000;
	background: #c80000;
	text-decoration: none;
	color: #fff;
}

.snsArea span{
	float: left;
}
.snsArea .sharePopNum{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 16px;
	margin-left: 5px;
	line-height: 32px;
	vertical-align: top;
	text-decoration: none;
}
.snsArea.snsAreaSS .sharePopNum{
	margin-left: 0;
	padding-right: 10px;
	line-height: 18px;
	font-size: 14px;
    /* IE7対応 */
    *padding-right: 0px;
}
.on + .sharePopNum{
	color: #666;
}
a:hover .on + .sharePopNum{
	color: #c80000;
}

/* SSサイズ */
#contents .snsArea.snsAreaSS{
	padding: 8px 0;
}
#contents .snsArea.snsAreaSS:hover{
	background:#FFFFFF;
	border: 1px solid #cccccc;
}
.snsArea.snsAreaSS li{
}
.btnFBss,
.btnTWss,
.btnHTss,
.btnPKss,
.btnGPss{
	background:url(/img/spot/img_parts_sns_ss.png) 0 0 no-repeat;
	height: 0;
	padding-top: 17px;
	text-indent:-9999px;
	display: inline-block;
	*display: block;
	*zoom: 1;
	overflow:hidden;
	font-size: 0;
}
.btnFBss{ background-position:0 0; width: 26px; }
.btnTWss{ background-position:-27px 0; width: 25px; }
.btnHTss{background-position:-53px 0; width: 33px; }
.btnPKss{background-position:-87px 0; width: 31px; }
.btnGPss{background-position:-119px 0; width: 35px; }
.btnFBss.on{ background-position:0 -17px; }
.btnTWss.on{ background-position:-27px -17px; }
.btnHTss.on{background-position:-53px -17px; }
.btnPKss.on{background-position:-87px -17px; }
.btnGPss.on{background-position:-119px -17px; }
a:hover .btnFBss,
a:hover .btnTWss,
a:hover .btnHTss,
a:hover .btnPKss,
a:hover .btnGPss{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}



div.snsArea ul li{
	float: left;
	padding-right: 4px;
	text-align:right;
}

div.snsArea *{
	line-height:10px;
}

div.snsArea ul li.noPad{
	padding-right: 0;
}

div#sb2{
	float: right;
	margin-bottom:20px;
}


/* SNSボタン
---------------------------------------------------------- */
.icoMonoTw,
.icoMonoIn,
.icoMonoFb,
.icoMonoBl,
.icoMonoOt{
	background:url(/img/kiji/ico_kijidndset.png) 0 0 no-repeat;
	display: block;
	float:left;
	width: 20px;
	height: 0;
	padding-top: 20px;
	margin-right: 6px;
	overflow: hidden;
	vertical-align: middle;
	font-size: 0;
}
.icoMonoIn{ background-position:0 -21px; }
.icoMonoFb{ background-position:0 -42px; }
.icoMonoBl{ background-position:0 -62px; }
.icoMonoOt{ background-position:0 -82px; }

a:hover .icoMonoTw{ background-position:-20px 0; }
a:hover .icoMonoIn{ background-position:-20px -21px; }
a:hover .icoMonoFb{ background-position:-20px -42px; }
a:hover .icoMonoBl{ background-position:-20px -62px; }
a:hover .icoMonoOt{ background-position:-20px -82px; }

/* スポット・イベント系 SNS */
#contents .snsArea{
	width: auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.snsArea li{
	border-left:#eeeeee solid 1px;
	padding:0 4px;
}
.snsArea.btnWhtS{
	padding: 6px 0 5px;
	overflow:hidden;
}
#contents .snsArea.btnWhtS:hover{
	background:#FFFFFF;
	border: 1px solid #cccccc;
}
.snsArea li:first-child{
	border-left:none;
}
.snsArea li a{
	display: block;
	color: #333;
	overflow:hidden;
	text-decoration: none;
	cursor: pointer;
	*display: inline!important;
	*zoom: 0;
}
.snsArea li a:hover{
	color: #c80000;
}
.lets_sbm{
	overflow:hidden;
}
.btnFB,
.btnTW,
.btnHT,
.btnPK,
.btnGP{
	height: 0;
	padding-top: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow:hidden;
	width: 20px;
}
.btnFB{ background:url(/img/spot/img_parts_sns_fb.png) 0 0 no-repeat;background-size:20px auto; }
.btnTW{ background:url(/img/spot/img_parts_sns_tw.png) 0 0 no-repeat;background-size:20px auto; }
.btnHT{background:url(/img/spot/img_parts_sns_ht.png) 0 0 no-repeat;background-size:20px auto; }
.btnPK{background:url(/img/spot/img_parts_sns_po.png) 0 0 no-repeat;background-size:20px auto; }
.btnGP{background:url(/img/spot/img_parts_sns_gg.png) 0 0 no-repeat;background-size:20px auto; }
.btnFB.on,
.btnTW.on,
.btnHT.on,
.btnPK.on,
.btnGP.on{ background-position:0 -20px; }
a:hover .btnFB,
a:hover .btnTW,
a:hover .btnHT,
a:hover .btnPK,
a:hover .btnGP{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}

/* Lサイズ */
#contents .snsArea.snsAreaL{
	padding: 12px 0;
}
#contents .snsArea.snsAreaL:hover{
	background:#FFFFFF;
	border: 1px solid #cccccc;
}
.snsArea.snsAreaL li{
	padding:0 10px;
}
.btnFBL,
.btnTWL,
.btnHTL,
.btnPKL,
.btnGPL{
	height: 0;
	text-indent:-9999px;
	display: inline-block;
	*display: block;
	*zoom: 1;
	overflow:hidden;
	padding-top: 30px;
	width: 30px;
	font-size: 0;
}
.btnFBL{ background:url(/img/spot/img_parts_sns_fb.png) 0 0 no-repeat;background-size:30px auto; }
.btnTWL{ background:url(/img/spot/img_parts_sns_tw.png) 0 0 no-repeat;background-size:30px auto; }
.btnHTL{background:url(/img/spot/img_parts_sns_ht.png) 0 0 no-repeat;background-size:30px auto; }
.btnPKL{background:url(/img/spot/img_parts_sns_po.png) 0 0 no-repeat;background-size:30px auto; }
.btnGPL{background:url(/img/spot/img_parts_sns_gg.png) 0 0 no-repeat;background-size:30px auto; }
.btnFBL.on,
.btnTWL.on,
.btnHTL.on,
.btnPKL.on,
.btnGPL.on{ background-position:0 -30px; }
a:hover .btnFBL,
a:hover .btnTWL,
a:hover .btnHTL,
a:hover .btnPKL,
a:hover .btnGPL{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}

/* add */
.btnClipRedL, .btnClipFbL, .btnClipHtnL, .btnClipTwL, .btnClipLineL {
    display: inline-block;
    height: 45px;
    overflow: hidden;
    text-indent: -999px;
    vertical-align: middle;
    width: 45px;
}

.btnClipFbL {
  background-image:url("/img/phones/ico_common_fb.png");
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:0px 0px;
  background-size:45px auto;
}

.btnClipTwL {
  background-image: url("/img/phones/ico_common_tw.png");
  background-repeat: no-repeat;
  background-attachment:scroll;
  background-position:0px 0px;
  background-size:45px auto;
}

.btnClipHtnL {
  background-image:("/img/phones/ico_common_ht.png");
  background-repeat: no-repeat;
  background-attachment:scroll;
  background-position:0px 0px;
  background-size:45px auto;
}

.btnGry span {
  right: 20px;
}

.btnGry span {
  margin: -8px 0 0;
  /*position: absolute;*/
  right: 12px;
  top: 50%;
  z-index: 1;
}
.icnClip {
  background-image: url("/img/phones/ico_clip_bk.png");
  background-repeat:repeat;
  background-position:0px 0px;
  background-attachment:scroll;
  background-size:37px auto;
  width: 18px;
}

.socialArea {
	clear: both;
	margin-bottom: 10px;
}
.socialArea li {
	margin: 0 !important;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.socialAreaMiddle {
	clear: both;
	margin: 0 !important;
	position: absolute;
}
.kiji_tit_01 {
	overflow: initial !important;
	float: left !important;
}
li .hatena-bookmark-button-frame {
    width: 80px !important;
  }
.pocket-btn iframe {
	width: 62px;
}
.boxFooter .snsArea li {
	padding: 0px 6px 3px 9px;
}
.boxFooter .kijiSnsArea .kijiShareArea .snsArea {
  padding: 7px 0;
}
#content #main div.mainBottom {
	margin: 0 0 7px;
}
.btnWhtS {
	margin-top: 3px;
}
#sb1.btnWhtS:hover,
#sb2.btnWhtS:hover {
	background: #fff !important;
	border-color: #ccc !important;
}
#sb1 ul.lets_sbm,
#sb2 ul.lets_sbm {
	margin: 0 !important;
}
#sb1 ul.lets_sbm li,
#sb2 ul.lets_sbm li {
	margin-left: 6.5px !important;
	padding:0 0 0 6.5px !important;
	float: left;
}
#sb1 ul.lets_sbm li:first-child,
#sb2 ul.lets_sbm li:first-child {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
#sb2 {
	float: right;
}
#content div.headingBlock #sb ul.lets_sbm li {
	margin-left: 6.5px !important;
}
#content div.headingBlock #sb ul.lets_sbm li:first-child {
	margin-left: 0 !important;
}
/*
.pcView #couple_head .couple_lead p {
    padding : 5px 0 0 15px;
}
.pcView .socialArea {
    clear: both;
    padding: 0 0 0 15px;
}
*/
ul.socialPaginationArea {
    float: left;
	margin: 0 0 0 10px;
	padding: 0;
}
.socialPaginationArea li {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.socialPaginationArea li .hatena-bookmark-button-frame {
    width: 80px !important;
}
.socialPaginationArea .pocket-btn iframe {
	width: 62px;
}