﻿@charset "UTF-8";

/* ---■レスポンシブ広告■--- */
.adslot_1 
{
	width: 300px;
	height: 250px;
}
@media (min-width:359px) 
{
.adslot_1 
{
	width: 336px;
	height: 280px;
}
}

.adslot_2
{
	width: 320px;
	height: 100px;
}
@media (min-width:769px) 
{
.adslot_2
{
	width: 728px;
	height: 90px;
}
}
/* ---■レスポンシブおわり■--- */


/* ---■↓記事中のads枠↓■--- */

.adsframe-t1
{
	margin: 30px 0px 20px 0px;
}
@media screen and (max-width: 768px) 
{
.adsframe-t1
{
	margin: 30px 0px 0px 8px;
}
}


.adsframe-t2
{
	margin: 30px 0px 10px 0px;
}
@media screen and (max-width: 768px) 
{
.adsframe-t2
{
	margin: 30px 0px 0px 0px;
}
}

/* ---■↑記事中のads枠↑■--- */


/* ---■↓記事下のads枠↓■--- */ 


.adsframe-f1
{
	margin: 30px 0px 20px 0px;
}
@media screen and (max-width: 768px) 
{
.adsframe-f1
{
	margin: 30px 0px 10px 0px;
}
}


.adsframe-f2
{
	margin: 30px 0px 10px 0px;
}
@media screen and (max-width: 768px) 
{
.adsframe-f2
{
	margin: 30px 0px -10px 0px;
}
}


/* ---■↑記事下のads枠おわり↑■--- */ 

/* ---■↓ads表示設定↓■--- */ 

.ads320
{
	float: left;
	margin:0px 0px 20px 5px;
}

.ads768
{
	float: left;
	margin:0px 0px 20px 5px;
}
@media screen and (max-width: 768px) 
{
.ads768
{
	display: none;
}
}

/* ---■↑ads表示設定↑■--- */ 


/* ---■ナビ下・SPのみ表示■--- */ 
@media screen and (min-width: 769px) 
{
.ads-top
{
	display: none;
}
}

/* ---■一覧ページコンテンツ前・PCのみ表示■--- */ 
@media screen and (max-width: 768px) 
{
.ads-contents
{
	display: none;
}
}


.ads300
{
	margin: 36px 0px 36px 5px;
}


.media320
{
	margin: 3px;
	float: left
}


/* ------------■SNS-button■------------ */ 

.topsnsbox
{
	overflow: hidden;
	margin:30px 0px 0px -40px;

}

.topsnsbox li 
{
	float: left;
	margin-right: 3px;
	list-style-type: none;

}

.snsbox
{
	overflow: hidden;
	margin:20px 0px -10px -40px;

}
.snsbox li 
{
	float: left;
	margin-right: 3px;
	list-style-type: none;

}
.snsbox iframe 
{
	0px;
}

iframe.twitter-share-button 
{
	width: 60px!important;
}


.clear
{
	clear: both;
	visibility: hidden;
	height: 0;
}


@media screen and (min-width: 768px) 
{
.twitter
{
	margin-top: 4px;
}
}

@media screen and (min-width: 768px) 
{
.hatena
{
	margin-top: 4px;
}
}

@media screen and (min-width: 768px) 
{
.g1
{
	margin-top: 4px;
}
}
@media screen and (max-width: 768px) 
{
.g1
{
	display: none;
}
}


/* ------------■Tw上吹き出し■------------ */

.twitter_btn{
  width: 68px;
}
 
.arrow_box 
{
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	text-align: center;
	font-size: 11px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-decoration: none;
	color: #333;
	border-radius: 3px;
	font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
.arrow_box:after, .arrow_box:before 
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
 
.arrow_box:after 
{
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 3px;
	margin-left: -3px;

.arrow_box:before 
{
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #ccc;
	border-width: 4px;
	margin-left: -4px;
}