@charset "utf-8";
/*CSS INFOMATION=======================

HOBBY
BASECSS

File name : base.css
====================================*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);


/*----------------------------------------
	
	=COMMON
-----------------------------------------*/
body{
	background:#fff;
filter:expression('');
}

#header{
	width:100%;
	background:#fff;
}

#header .logo {
	width:220px;
	height:52px;
}

#inheader{
	width: 990px; /* 	width: 1230px; */
	height: 52px;
	margin: 10px auto 0;
}

#header_ad {
	width: 990px; /* 	width: 1230px; */
	margin: 10px auto 0px;
	padding: 0px;
	text-align: center;
}
#center_ad {
	width:670px;
	margin: 0px auto 10px;
	padding: 0px;
	text-align: center;
}
#right_ad {
	width:300px;
	margin: 0px auto 10px;
	padding: 0px;
	text-align: center;
}
#right_ad img {
	height:auto;
}



#globalNavi{
	background-color: #111;
	margin-top: 10px;
}

#inNav{
	width: 990px; /* 	width: 1230px; */
	height: 40px;
	margin: auto;	
	/* background-image: url(../img/glonav_bg.png); */
	background-repeat: no-repeat;
	background-position: center center;
}

#inNav li{
	float:left;
	color:#fff;
}
#inNav li a {
	width: 155px; /*width: 195px; */
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	height: 35px;
	text-align: center;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center 5px;
}
#inNav li.inNav01 a {
	background-image:url(../img/menu001.png);
}
#inNav li.inNav01 a.current,
#inNav li.inNav01 a:hover {
	background-image:url(../img/menu001_ov.png);
	background-color:#FFFFFF;
}

#inNav li.inNav02 a {
	background-image:url(../img/menu002.png);
}
#inNav li.inNav02 a.current,
#inNav li.inNav02 a:hover {
	background-image:url(../img/menu002_ov.png);
	background-color:#FFFFFF;
}
#inNav li.inNav03 a {
	background-image:url(../img/menu003.png);
}
#inNav li.inNav03 a.current,
#inNav li.inNav03 a:hover {
	background-image:url(../img/menu003_ov.png);
	background-color:#FFFFFF;
}
#inNav li.inNav04 a {
	background-image:url(../img/menu004.png);
}
#inNav li.inNav04 a.current,
#inNav li.inNav04 a:hover {
	background-image:url(../img/menu004_ov.png);
	background-color:#FFFFFF;
}
#inNav li.inNav05 a {
	background-image:url(../img/menu005.png);
	/*background-size:contain;*/
}
#inNav li.inNav05 a.current,
#inNav li.inNav05 a:hover {
	background-image:url(../img/menu005_ov.png);
	background-color:#FFFFFF;
}
#inNav li.inNav06 a {
	background-image:url(../img/menu006.png);
}
#inNav li.inNav06 a.current,
#inNav li.inNav06 a:hover {
	background-image:url(../img/menu006_ov.png);
	background-color:#FFFFFF;
}



#contents{
	width:990px;
	/*
	width:1230px;
	*/
	margin:0 auto;
	padding:10px 0 30px;
	overflow:hidden;
	clear:both;
}

#contents h2{
/*	padding:15px 0 0;*/
	clear:both;
}
#contents h2.ttl_tags {
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/ttl_tags.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 495px;
	font-size: 15px;
	line-height: 100%;
	margin: 15px 0px 0px;
	padding-top: 13px;
	padding-left: 45px;
}


#slideArea{
	margin:15px 0 0;
}

/*左サイド*/
#leftside {
	width:0px; /* 240px */
	float:left;
	display:none;
}

/*--h4タイトル（タブ）--*/
#right-contents h4,
.tokusyu_rensai h4 { /*#contents */
	font-size:17px;
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin:0px;
	padding:0 0 3px 27px;
	height:25px;
	width:auto;
	clear:both;
	display:block;
	background-color:#ffffff;
	border-bottom:1px #a0a0a0 solid; /* c0c0c0 */
	background-image:url(../img/ttlicon.png);
	background-position: 4px 6px;
	background-repeat: no-repeat;
}



#contents h2 span {
	background-color: #FFF;
	height: 15px;
	padding: 5px 8px 5px 4px;
	display: inline-block;
}
#contents h2 span.noimage {
	background-image: url(../img/ttl_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: auto 15px;
	padding-left:28px;
}

#contents h2 span img {
	height:15px;
	width:auto;
}
#contents h2:after {
	content:" ";
	/* background-image:url(../img/tab_bg.png); */
	width:10px;
	height:25px;
	margin:0px;
	padding:0px;
	position:relative;
	display:block;
	float:right;
}

/*--特集／連載--*/
#contents h2.tokusyu_ttl {
	margin-top:5px;
}
/*--注目記事--*/
.noticeentry {
	background-color:#e50012;
	padding:5px;
	margin-bottom:10px;
}
.noticeentry .inner {
	background-color:#ffffff;
	padding:10px;
	position:relative;
}
.noticeentry .leftBox {
	width:130px;
	height:130px;
	background-color: #FFF;
	background-image: url(../images/noimage.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom:5px;
}
.noticeentry .leftBox img {
	position: absolute;
	clip: rect(0px 130px 130px 0px);	
}
.noticeentry .snsBox {
	width:68px;
	position:absolute;
	right:10px;
	top:10px;
}
.noticeentry .snsBox .fb-like {
	margin-top:5px;
}

/*--週間ツイートランキング--*/
.tweetranking {
	background-color:#a7cee8;
	padding:5px;
	margin-bottom:10px;
}
.tweetranking .inner {
	background-color: #ffffff;
	padding: 5px;
	position: relative;
	border-bottom: 1px dotted #c0c0c0;
}
.tweetranking .inner:last-child {
	border-bottom: none;
}
.tweetranking .inner .rts {
	display: inline-block;
	width: 42px;
	height: 35px;
	text-align: center;
	color: #ffffff;
	background-color: #49d3ec;
	float: left;
	margin-right: 5px;
	line-height: 14px;
	-webkit-box-shadow: 2px 2px #EFEFEF;
	box-shadow: 2px 2px #EFEFEF;
	padding-top: 7px;
}

/*--週間アクセスランキング--*/
.accessranking {
	background-color:#e0e0e0;
	padding:5px;
	margin-top:10px;
}
.accessranking .inner {
	background-color: #ffffff;
	padding: 5px;
	position: relative;
	border-bottom: 1px dotted #c0c0c0;
}
.accessranking .inner:last-child {
	border-bottom: none;
}
.accessranking .inner .rts {
	display: inline-block;
	width: 42px;
	height: 18px;
	text-align: center;
	color: #666666;
	background-color: #dedede;
	float: left;
	margin-right: 5px;
	line-height: 14px;
	-webkit-box-shadow: 2px 2px #EFEFEF;
	box-shadow: 2px 2px #EFEFEF;
	padding-top: 24px;
	background-image: url(../img/crown.png);
	background-repeat: no-repeat;
	background-position: center 7px;
}

.accessranking .rank1 .rts {
	background-color: #f4a60c;
	color: #ffffff;
}
.accessranking .rank2 .rts {
	background-color: #b5b7ba;
	color: #ffffff;
}
.accessranking .rank3 .rts {
	background-color: #cca685;
	color: #ffffff;
}

/*--ファミリーサイト--*/
#familysite {
	background-color:#e0e0e0;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
}
#familysite li a {
	background-color:#ffffff;
	display:block;
	width:100%;
}

#familysite li a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}



#rightside{
	width:980px;
	float:right;
}

/*センター（メイン部分）*/
#left-contents{
	width:670px;
	float:left;
}

/*--オススメ記事--*/
.pickupentry {
	background-color:#e0e0e0;
	padding:5px;
	margin-bottom:10px;
}

.pickupentry li{
	float:left;
}

.pickupentry li a{
	width:310px;
	display:block;
	padding:10px;
	background-color:#FFFFFF;
	margin:0px;
	text-decoration:none;
}

.pickupentry li a:hover{
	background-color:#FFE8E8;
}


.pickupentry li.kijiA a{

	width: 309px;
	border-bottom: 1px dotted #c0c0c0;
	border-right: 1px dotted #c0c0c0;
}
.pickupentry li.kijiB a{
	border-bottom: 1px dotted #c0c0c0;
}
.pickupentry li.kijiC a{
	width:309px;
	border-right: 1px dotted #c0c0c0;
}

.pickupentry .leftBox {
	width:100px;
	height:100px;
	float:left;
	background-color: #FFF;
	background-image: url(../images/noimage.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.pickupentry .leftBox img {
	position: absolute;
	clip: rect(0px 100px 100px 0px);	
}
.pickupentry .rightBox {width:200px;float:right;}

.pickupentry a .day {
	font-size:12px;
	color:#111;
}


/*--NEWS（トップ用）--*/
.topnews {
	background-color:#e0e0e0;
	padding:1px;
	margin-bottom:10px;
}

.topnews .inner {
	background-color: #ffffff;
	padding: 10px 10px 5px;
	position: relative;
	border-bottom: 1px dotted #c0c0c0;
}
.topnews .tags {
	margin-top:5px;
	margin-bottom: 5px;
}
.topnews .tags a {
	/* background-color: #a0a0a0; */
	font-size: 10px;
	color: #666666;
	padding: 4px 8px;
	margin-right: 2px;
	margin-bottom: 4px;
	border-radius: 4px;
	display:inline-block;
	border:1px solid #aaaaaa;
	font-weight:normal;
}
.topnews .date {
	padding: 10px 6px 4px;
	background-color: #FFFFFF;
	line-height: 100%;
}
.topnews .date h2 {
	border-bottom: 1px #a0a0a0 solid;
	padding-bottom:10px;
}
.topnews .date span {
	font-size: 29px;
	font-weight: bold;
	padding: 8px 5px 6px;
	display: block;
	font-family:'Oswald',Impact,Verdana; //;Georgia
    font-style: italic;
    border-bottom: 1px solid #a0a0a0;
}

.topnews .leftBox{
	width:150px;
	height:150px;
	float:left;
	background-color: #FAFAFA;
	background-image: url(../images/noimage.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border:1px solid #ccc;
}
.topnews .leftBox img {
	position: absolute;
	clip: rect(0px 150px 150px 0px);	
	width:150px;
	height:auto;
}
.topnews .rightBox {
	width:480px;
	float:
	right;
}

.ttlB {
	font-size:16px;
	margin:0px;
	text-decoration:none;
	text-height:18px;
	color:#1591cd;
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;

}

.ttlB a:hover{
	text-decoration:underline;
}

/*個別エントリー用タイトル*/
.ttlC {
	font-size:200%;
	margin:0px;
	text-decoration:none;
	text-height:18px;
	/* color:#1591cd; */
	margin-bottom:5px;
	/*font-weight:normal; */
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;

}
.day{
	font-size:10px;
	font-weight:100 !important;
	color:#111;
}
.day .modified {
	margin-left:1em;
}



/*--月別アーカイブリスト--*/
.topnews .monthlyList {
	background-color: #ffffff;
	padding: 10px 10px 5px;
	position: relative;
}
.topnews .monthlyList a,
.topnews .monthlyList div {
	font-size:14px;
}
.topnews .monthlyList div.yy {
	float:left;
	margin-right:18px;
}
.topnews .monthlyList div.mm {
	float:left;
}
.topnews .monthlyList div.mm a {
	margin-right:12px;
}
.topnews .monthlyList div.ym {
	clear:both;
	margin-bottom:14px;
}


/*--特集/連載まとめページ--*/
.titleimage {
	max-width:100%;
	height:auto;
}

/*右サイド*/
#right-contents{
	width:300px;
	float:right;
}

/*--ストアランキング--*/
.storeranking {
	background-color:#f39c12;
	padding:5px;
	margin-bottom:10px;
}
#contents .storeranking h2 span {
	background-color: #fbc404;
}
#contents .storeranking h2:after {
	background-image:url(../img/tab_store_bg.png);
}

.storeranking li a{
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	vertical-align: bottom;
}

.storeranking li.rankboxA a{
	background: #fbc404;
}

.storeranking li.rankboxA a:hover{
	background:#ffd82b;
}


.storeranking li.rankboxB a{
	background:#cad1d6;
}

.storeranking li.rankboxB a:hover{
	background:#e9e9e9;
}

.storeranking li.rankboxC a{
	background:#e8b888;
}

.storeranking li.rankboxC a:hover{
	background:#F4C89D;
}

.storeranking .leftBox {
	width: 70px;
	height: 70px;
	float: left;
	background-color: #FFF;
	background-image: url(../images/noimage.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.storeranking .leftBox img {
	position: absolute;
	clip: rect(0px 70px 70px 0px);	
}
.storeranking .rightBox {
	width:190px;
	float:right;
	padding:0px;
}

/*--特集/連載--*/
.tokusyu_rensai {
	background-color:#e0e0e0;
	padding:0px;
	margin-bottom:10px;
}

.tokusyu_rensai h5{
	font-size:15px;	
	overflow: hidden;
	height: 4.8em;
}


.tokusyu_rensai h5 a {
	height: 4.8em;
	text-overflow:ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}



.tokusyu_rensai .inner {
	background-color: #ffffff;
	padding: 10px 10px 5px;
	position: relative;
	border-bottom:1px dotted #e0e0e0;
	overflow: hidden;
}

.tokusyu_rensai .leftBox{
	width:70px;
	height:70px;
	float:left;
	background-color: #FAFAFA;
	background-image: url(../images/noimage.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border:1px solid #efefef;
}
.tokusyu_rensai .leftBox img {
	position: absolute;
	clip: rect(0px 70px 70px 0px);	
	width:70px;
	height:auto;
}
.tokusyu_rensai .rightBox {
	width:195px;
	float:right;
}

.tokusyu_rensai h3 {
	font-size:15px;
	margin:0px;
	text-decoration:none;
	line-height:170%;
	height: 1em;
}

.tokusyu_rensai h3 a {
	height: 4.8em;
	text-overflow:ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.tokusyu_rensai h3 a:hover{
	text-decoration:underline;
}

/*-- 気になるキーワード --*/
.keyword {
	padding:1px;
	margin-bottom:10px;
}

.keyword ul {
	background-color:#ffffff;
	padding-top:5px;

}
.keyword li{
	display:inline-block;
}
.keyword li a{
	font-size: 10px;
	color: #666666;
	padding: 4px 8px;
	margin-left: 2px;
	margin-bottom: 4px;
	border-radius: 4px;
	display:inline-block;
	border:1px solid #aaaaaa;
	font-weight:normal;

}

.keyword li a:hover{
	background:#efefef;
}




#footer {
	background: #333333;
	text-align: center;
	padding: 15px 0;
}

#footer p,
#footer p a {
	font-size: 14px;
	line-height: 100%;
	color:#ffffff;
}

#footer .f2 {
	width: 960px;
	padding: 10px;
	background-color: rgba(255,255,255,0.20);
	border-radius: 5px;
	margin: 16px auto;
}
#footer .f2 div {
	margin:0px;
	padding:0px;
}



#bannerArea_A{
	padding:15px 0 0;
}

#bannerArea_B{
	padding:15px 0 0;
	float:right;
}

/* box */

.boxA{
	width:120px;
	background:#fff url(../images/waku_left_bottom.png) bottom center no-repeat;
	padding:20px 20px 10px;
}
.boxA img {
	width:120px;
	height:auto;
}
.boxA li{
	padding:0 0 10px;
}

.boxBtop{
	background:url(../images/waku_white03_top.png) top center no-repeat;
	padding:12px 0 0;
	margin:10px 0 0;
}

.boxBmiddle{
	width:500px;
	background:#fff;
	padding:8px 20px;
	overflow:hidden;
}

.boxBbottom{
	background:url(../images/waku_white03_bottom.png) bottom center no-repeat;
	padding:0 0 12px;
}

.boxC{
	width:260px;
	background:#fff;
	padding:20px;
}

.boxD li.underwaku a:link {
	display:block;
	padding:15px 6px 13px 20px;
	background:url(../images/waku_white01_off.png) center bottom no-repeat;
	margin:0 0 1px;
	color:#111;
	overflow:hidden;
	text-decoration:none;
}


.boxD li.underwaku a:hover {
	display:block;
	padding:15px 6px 13px 20px;
	background:url(../images/waku_white01_on.png) center bottom no-repeat;
	margin:0 0 1px;
	color:#111;
	overflow:hidden;
	vertical-align:bottom;
	text-decoration:none;
}

.boxD li{
	margin:0;
}

.boxD li a{
	display:block;
	padding:15px 6px 13px 20px;
	background:#fff;
	margin:0 0 1px;
	/margin:0 0 1px;
	color:#111;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxD li a:hover{
	display:block;
	padding:15px 6px 13px 20px;
	background:#ddd;
	margin:0 0 1px;
	/margin:0 0 1px;
	color:#111;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}

.boxE li.boxblackA a{
	display:block;
	padding:15px 20px 13px;
	background:#727373 url(../images/icon_yaji01.png)  200pt center no-repeat;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxE li.boxblackA a:hover{
	display:block;
	padding:15px 20px 13px;
	background:#888b8b url(../images/icon_yaji01.png)  200pt center no-repeat;
	color:#fff;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}



.boxE li.boxblackB a{
	display:block;
	padding:15px 20px 13px;
	background:#646567 url(../images/icon_yaji01.png)  200pt center no-repeat;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxE li.boxblackB a:hover{
	display:block;
	padding:15px 20px 13px;
	background:#858688 url(../images/icon_yaji01.png)  200pt center no-repeat;
	color:#fff;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}

.boxE li.boxblackC{
	padding:15px 20px 13px;
	background:#3d3d3d url(../images/waku_black01_bottom.png) center bottom no-repeat;
	overflow:hidden;
	vertical-align:bottom;
	
}







.boxItop{
	background:url(../images/waku_white03_top.png) top center no-repeat;
	padding:12px 0 0;
	margin:10px 0 0;
}

.boxImiddle{
	width:510px;
	background:#fff;
	padding:8px 15px;
	overflow:hidden;
}

.boxIbottom{
	background:url(../images/waku_white03_bottom.png) bottom center no-repeat;
	padding:0 0 12px;
}


.boxJ{
	width:480px;
	background:#f4f4f4;
	padding:10px;
	margin:0 auto 10px;
	font-size:10px;
	border-radius: 6px; /* CSS3 */
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.boxK{
margin:0 5px;
padding:15px 0;
border-top:1px dotted #ccc;
}
/* ttl */

.ttlA a:link, .ttlA a:visited {
	width:470px;
	display:block;
	background:#e50012;
	padding:8px 15px 5px;
	color:#fff;
	font-size:14px;
	margin:0 0 15px;
	clear:both;
	text-decoration:none;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.ttlA a:hover{
	width:470px;
	display:block;
	background:#f38d0a;
	padding:8px 15px 5px;
	color:#fff;
	clear:both;
	font-size:14px;
	margin:0 0 15px;
	text-decoration:none;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}




.post-category{
	padding:10px 0 0;
	text-align:left;
	font-size:10px;
	clear:both;
}
.post-copyright{
	text-align:left;
}


#commonLink{
	padding: 20px 0 0;
	text-align: center;
}

#commonLink li{
	padding:0 0 5px;
}

#searchArea{
	width:300px;
	padding:50px 0 0;
}

#searchArea input:focus{
	background:#e6e6e6 !important;
	outline: none!important;
}

/* searchArea */

#searchArea .kensaku_area{
	background: #e6e6e6;
	width: 210px !important;
	height: 28px!important;
	padding: 5px !important;
	border-top: 1px solid #e6e6e6!important;
	border-bottom: 1px solid #e6e6e6!important;
	border-left: 1px solid #e6e6e6!important;
	border-right: 1px solid #000!important;
	-webkit-border-radius: 6px 0 0 6px / 6px 0px 0 6px;
	-moz-border-radius: 6px 0 0 6px / 6px 0 0 6px;
	border-radius: 6px 0 0 6px / 6px 0 0 6px;
	behavior: url(/PIE.htc);
	
}

#searchAreaB{
	padding: 5px 0px 0px;
	width: 265px;
}

#searchAreaB input:focus{
	background:#e6e6e6 !important;
	outline: none!important;
}


#searchAreaB .kensaku_area{
	background:#e6e6e6;
	width:173px !important;
	height:14px!important;
	padding:5px !important;
	border-top:1px solid #e6e6e6!important;
	border-bottom:1px solid #e6e6e6!important;
	border-left:1px solid #e6e6e6!important;
	border-right:1px solid #000!important;
	-webkit-border-radius: 6px 0 0 6px / 6px 0px 0 6px;
	-moz-border-radius: 6px 0 0 6px / 6px 0 0 6px;
	border-radius: 6px 0 0 6px / 6px 0 0 6px;
	behavior: url(/PIE.htc);　/* IE */
}


/* float */


.leftBoxB{width:220px;float:left;}


.rightBoxB{width:270px;float:right;}




.leftBoxE{
	/
	width: 270px;
	float: left;
	padding-bottom:5px;
	
}
.rightBoxE{
	/*width:265px;float:right;margin-top:10px;*/
    width:265px;
    float:left;
    margin-top:10px;
    margin-left:310px;	
}
.header-twitter {
    width:50px;
    height:50px;
    float:left;
    margin-top:2px;
    margin-left:30px;
    /*background-color:#00aced;*/
    background-image:url(../img/tw_icon.png);
	background-size: contain;
}
.header-facebook {
    width:50px;
    height:50px;
    float:left;
    margin-top:2px;
    margin-left:15px;
    /*background-color:#305097;*/
    background-image:url(../img/fb_icon.png);
	background-size: contain;
}



.leftBoxF{width:220px;float:left;padding:30px 0 0;}
.rightBoxF{width:300px;float:right;}

.leftBoxG{width:150px;float:left;}
.rightBoxG{width:550px;float:right;}

.bookList li{
	width:140px;
	background:#f4f4f4;
	padding:10px;
	float:left;
	margin:5px;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}
.bookList li.line{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.bookList li img {
	width:140px;
	height:auto;
}

.bookTxt{
/*	text-align:center; */
	font-weight:bold;
	padding:10px 0 0;
	min-height:40px;
}



.hobbykanList li{
	width:140px;
	background:#f4f4f4;
	padding:8px;
	float:left;
	margin:2px;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.hobbykanTxt{
	text-align:left;
	font-weight:bold;
	font-size:10px;
	padding:10px 0 0;
	height:45px;
}

.hobbykanTxt02{
	text-align:left;
	font-size:10px;
	padding:5px 0 0;
	height:50px;
}

#info{
padding:10px 5px 15px;
}

#info .shohin{
font-weight:bold;
padding:0 0 10px; 
}

#info li{
font-size:10px !important;
}




.btnA {
	clear:both;
	padding:20px 0 ;
	text-align:center;

}

/* icon */

.icon_yajiA{
	background:url(../images/icon_yaji02.png)  right center no-repeat;
	overflow:hidden;
	padding:0 13px 0 0;
}

.icon_yajiB{
	background:url(../images/icon_yaji01.png)  right center no-repeat;
	overflow:hidden;
	padding:0 13px 0 0;
}

.icon_yajiC{
/*	background:url(../images/icon_yaji03.png) center left no-repeat;*/
	padding:0px;
}

.icon_yaji04{
	background:url(../images/icon_yaji04.png) center left no-repeat;
	padding:0 0 0 15px;
}




/*----------------------------------------
	
	=POST
-----------------------------------------*/

.postContents {
	border-top:1px #a0a0a0 solid; /* c0c0c0 */
	margin-top:5px;
	padding-top:5px;
}
.postContents h1{
	font-size:22px;
	padding:0 0 5px !important;
	
}

.postContents h2{
	font-size:20px;
/*	padding:0 0 5px !important;*/
}

.postContents h3{
	font-size:18px;
	padding:0 0 5px !important;
}

.postContents h4{
	font-size:16px;
	/* padding:0 0 5px !important; */
}

.postContents h5{
	font-size:14px;
	/* padding:0 0 5px !important; */
}

.postContents img{
	padding:3px;
}

.mainContents {
	padding-top:10px;
}

/**20160216 位置調整**/
/**
.mainContents > div > img,
.mainContents > div > p > img,
.mainContents > div > p > a > img {
	display: block;
	margin: 5px auto 10px;
}
**/
/**20160216 位置調整**/

/**20160216 位置調整**/
.mainContents > div {
	text-align: left;
}
/**20160216 位置調整**/

.mainContents strong, .mainContents p, .mainContents a, .mainContents span{
	font-size:16px;
}

.mainContents img {
	/*
	display: block;
	margin-left: auto;
	margin-right: auto;
	*/
}

/* 記事内のリストスタイル */
.mainContents ul li{
	position: relative;
	padding: 2px;
	border-bottom: 1px dashed #ccc;
}
.mainContents ol li{
	position: relative;
	padding: 3px;
	border-bottom: 1px dashed #ccc;
	list-style-type: decimal;
}

/* 記事内のテーブルスタイル */
.mainContents table.sale {
  width: auto;
}
.mainContents table.sale tr:nth-child(1) td {
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  border-left:1px solid #258;
  background: #258;
  background: -moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  color: #fff;
  font-size: 1.15em;
  font-weight: bold;
  padding: 8px 15px;
  line-height: 120%;
  vertical-align: middle;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(34,85,136,0.9);
}
.mainContents table.sale tr:nth-child(1) td:first-child {
  text-align: center;
}
.mainContents table.sale tr:nth-child(1) td:last-child {
  border-right:1px solid #258;
  text-align: center;
}
.mainContents table.sale tr td {
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  padding: 8px 5px;
  vertical-align: middle;
  text-align: center;
}
.mainContents table.sale tr td:first-child {
  text-align: left;
}
.mainContents table.sale tr td:last-child {
  border-right: 1px solid #84b2e0;
  text-align: right;
}
.mainContents table.sale tr {
  background: #fff;
}
.mainContents table.sale tr:nth-child(2n+1) {
  background: #f1f6fc;
}

.relatedTitle{
	
	color:#000;
	font-weight:bold;
	margin:10px 0 0;
	font-size:17px;
	border-bottom:1px #a0a0a0 solid; /* c0c0c0 */
}

.related{
	padding:0 0 10px;
}
.related {
	font-size:0;
}
.related li{
	padding: 10px 6px;
	clear: both;
	overflow: hidden;
	display: inline-flex;
}
.related li h5{
	font-size:12px;
	height: 4.8em;
	overflow: hidden;
}

.related li h5 a {
	height: 4.8em;
	text-overflow:ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}



/*----------------------------------------
	
	=LINK
-----------------------------------------*/

a { font-weight:bold;}

a:link {color: #1591cd;text-decoration:none;}
a:visited {color:#1591cd;text-decoration:none;}
a:hover, a:active {color: #1591cd;text-decoration:underline;}
a:focus {color:#1591cd;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}


/*----------------------------------------
	
	=MARGIN - PADDING
-----------------------------------------*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl11 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml9 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr9 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

*/

/*----------------------------------------
	
	=ALIGN
-----------------------------------------*/


.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.alignC {
    text-align:center !important;
}


/*----------------------------------------
	
	=FLOAT
-----------------------------------------*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}


/*-----------------------------------------
 
  =FLOATING BOX CLEAR
-----------------------------------------*/

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

.clr {
display: inline-block;
}

* html .clr { 
height: 1%;
}

.clr {
display: block;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}


/*----------------------------------------
	
	=TXT
-----------------------------------------*/

.fontSS{
	font-size:77%;
}

.fontS{
	font-size:85%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:108%;
}

.fontB{
font-weight:bold;
}


.fontP{
color:#ff7ebe;
font-size:12px;
font-weight:bold;
}

.fontGreen{
color:#4daa35;
font-size:20px;
font-weight:bold;
}

.fontRed{
color:#e50012;
font-weight:bold;
}



.fontPink{
color:#d70085;
font-size:30px;
font-weight:bold;
}

.fontBlue{
color:#04447c;
font-weight:bold;
}

/*---------------------
ナビゲーション
---------------------*/
.post_nav {
	margin: 0px;
	padding: 0px;
	position:relative;
	height: 40px;
}
.post_nav div {
	text-align: center;
	margin: 10px;
	padding: 0px;
	height: auto;
	width: 80px;
	position:absolute;
}
.post_nav  img {
	width:80px;
	height: auto;
}

.prev_post {
	top:0px;
	left:0px;
}
.next_post {
	top:0px;
	right:0px;
}

/*----改ページナビゲーション--*/

.pagesprit {
    /* margin: 1em 0; */
	clear:both;
	padding:1em 0;
	text-align:center;
	background-color:#FFFFFF;
}
.pagesprit:after, .page-numbers:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.page-numbers {
    margin: 0;
	display:inline-block;
}

.page-numbers .numbers {
	color: #FFFFFF;
	display: inline-block;
	list-style: none outside none;
	margin-left: 3px;
	padding: 10px 20px;
    background-color: #999999;
	border-radius: 3px;
	margin-bottom: 3px;
}


.page-numbers a .numbers {
	background-color:#CCCCCC;
}
.page-numbers a:first-child {
    margin-left: 0;
}

.page-numbers a .numbers {
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.page-numbers a:hover .numbers {
    background-color: #999999;
/*    color: #333333;*/
/*    opacity: 0.8;*/
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}





/*facebookボタン*/
.fb-like {
	width:102px;
}

.alignleft{
	float: left;
}

.wp-caption p.wp-caption-text {
	font-size:90%;
}


.rankingflg {
	color: #FFFFFF;
	position: absolute;
	border: solid 1px rgb(193,167,167);
	background: rgba(218,27,27,0.9);
	top: 0;
	left: -40px;
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight: bold;
	padding: 2px 48px 2px 40px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.garally {
		margin-bottom:10px;


}

.garally ul {
	padding-top:10px;
	padding-left:10px;
	
}

.garally li {
	width:90px;
	height:90px;
	position: relative;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	border:solid 1px #ccc;
}

.garally img {
	width:100%;
	height:auto;
}

.topnews .mainContents h2 { /*#contents */
	font-size:180%;
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	border-left:5px solid #e50012;
	width:auto;
	clear:both;
	display:block;
}

.weeklyranking {

}

.weeklyranking ul{
	margin-bottom:5px;
}

.weeklyranking li {
	border-bottom:1px dotted #e0e0e0;
	padding:4px;
	overflow: hidden;
}
.weeklyranking li:after {
	content: "";
	clear: both;
	display: block;
}

.weeklyranking h5 {
	width:250px;
	display:block;
	height: 3.2em;
	line-height:170%;
	float:left;
}
.weeklyranking h5 a {
	width:250px;
	height: 3.2em;
	text-overflow:ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.rankingcrc {
	display: block;
	float:left;
	width: 20px;
	height: 20px;
	margin-left:5px;
	margin-right:2px;
	background: #DAB51B; /* da5019  edad0b */
	border-radius: 11px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	font-family: 'メイリオ',Meiryo,'游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#left-contents ul {


}

.mainContents li {
	font-size:16px;
	padding-left:10px;
	list-style: disc inside;
}

.mainContents h4 { /*#contents */
	font-size:160%;
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	border-left:5px solid #a0a0a0;
	width:auto;
	clear:both;
	display:block;
}

.linec0{
	border-bottom:1px #a0a0a0 solid; /* c0c0c0 */
	margin:10px 0;
}


.topcatlink{
	/*padding-bottom:10px;*/
}
.topcatlink .clip_title {
	display: inline-block;
	white-space: nowrap;
	width: 30em;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

.fbbox {
	border:1px solid #ccc;
	overflow:hidden;
	margin:10px 0;
}

.fbimg{
    width: 324px;
    height: 198px;
    float: left;
    margin-right: 15px;
    vertical-align: middle;
    background-color: #f5f5f5;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.fbtxt{
    padding: 15px;
    margin-top: 15px;
//    text-align: center;
}


#footer .footerNavList {
    width: 168px;
    float: left;
    text-align: left;
	margin-right:4px;
}

#footer .footerNavList ul {
	margin-top:4px;
}
#footer .footerNavList li {
	font-size:10px;
	margin: 0 0 4px;
}

#footer .footerbox {
    width: 990px;
    margin: 10px auto;
    overflow: hidden;
}

#footer .footerbox h3 {
	font-weight:bold;
	color: #cccccc;
	font-size:16px;
	border-bottom:1px solid #444444;
	margin-top:5px;
	padding-bottom:5px;
}

#footer a {
	font-weight:normal;
	color: #cfcfcf;
	text-decoration:none;
}

#footer a:hover,#footer a:active {color: #1591cd;text-decoration:underline;}


.yarpp-related {
	padding:0 0 10px;
}

p.author,
p.author a {
    text-align: right;
    font-size: x-small;
    margin-bottom: 10px;
}

/*Pagenation*/
.wp-pagenavi {
    /* margin: 1em 0; */
	padding:1em 0;
	text-align:center;
	background-color:#FFFFFF;
}
.wp-pagenavi:after, .wp-pagenavi ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.wp-pagenavi ul {
    margin: 0;
	display:inline-block;
}
.wp-pagenavi a,
.wp-pagenavi span {
	color: #FFFFFF;
	display: inline-block;
	list-style: none outside none;
	margin-left: 3px;
	padding: 10px 20px;
	background: none repeat scroll 0 0 #CCCCCC;
	border-radius: 3px;
	margin-bottom: 3px;
}
.wp-pagenavi a:first-child {
    margin-left: 0;
}
.wp-pagenavi span.current {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
}
.wp-pagenavi a {
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.wp-pagenavi a:hover {
    background-color: #999999;
/*    color: #333333;*/
/*    opacity: 0.8;*/
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}




.topnews h2 { /*#contents */
	font-size:17px;
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin:0px;
/*	padding:0 0 10px 0 !important;*/
	/* height:25px; */
	width:auto;
	clear:both;
	display:block;
	background-color:#ffffff;
/*	border-bottom:1px #a0a0a0 solid; /* c0c0c0 */
	/* background-image:url(ttlicon.png); */
	/* background-position: 4px 6px; */
	/* background-repeat: no-repeat; */
}

.topboxviews {
	width:100%;
}

.topboxviews:after {
	content: "";
	clear: both;
	display: block;
}

.topbigimagebox {
	width:980px;
	margin:0 auto;
	padding-left:10px;
}

.topleftbox {
	width:670px;
	background-color:#fff;
	float:left;
	margin:10px 0 0;
	height:290px;
	position: relative;
	overflow: hidden;
}

.topleftbox img{
	position: relative;
	clip: rect(0px 670px 290px 0px);
	width: 670px;
	height: auto;
	
}

.toprightbox {
	width:300px;
	background-color:#f00;
	float:right;
	margin:10px 0 0;
}

.topleftboxtitle {
	font-size: 20px;
	color: #fff;
	position: absolute;
	background: #ccc;
	width: auto;
	bottom:0px;
	overflow: hidden;
	background-color:rgba(0,0,0,0.7);
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	padding:10px;

}

.toprightbox .data {
	color:rgba(193,193,193,0.3);
	position: absolute;
	right:0px;
	bottom:-12px;
	font-family:'Oswald',Impact,Verdana; //font-family: 'Oswald', sans-serif;
	font-weight:bold;
	padding:0px;
	font-size:30px;
}

.toprightbox h2 {
	font-size:17px;
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin:0px;
	padding:0 0 3px 27px;
	height:25px;
	width:auto;
	clear:both;
	display:block;
	background-color:#ffffff;
	border-bottom:1px #a0a0a0 solid; /* c0c0c0 */
	background-image:url(../img/ttlicon.png);
	background-position: 4px 6px;
	background-repeat: no-repeat;
}

div.toprightbox .tokusyu_rensai {
	margin-bottom:0px;
}

.tags.top a {
	background-color: rgba(0,0,0,0.7);
    border: none;
    border-radius: 0;
    position: absolute;
    z-index: 10;
    left: 11px;
    bottom: 6px;
    text-align: left;
    color: #fefefe;
    text-align: left;
    max-width: 142px;
    overflow: hidden;
    margin: 0px;
    padding: 4px;

}

#contents .catname h1{
	font-size: 32px;
	font-family: '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin: 0px;
	padding: 0px;
	width: auto;
	clear: both;
	display: block;
	background-color: #ffffff;

}

.topad {
    text-align: center;
    padding-bottom: 20px;
	padding-top:10px;
}


/**記事中のスタイルシート**/
.wp-caption {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
div.postContents .aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
div.postContents .alignleft {
	float:left;
}
div.postContents .alignright {
	float:right;
}
div.postContents .alignnone {
	clear:both;
}

/* **********************************
チャット風レイアウト
*********************************** */
/* チャット1：画面左側 */
.mainContents .chat-box1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.mainContents .chat-face1 {
  float: left;
  margin-right: -120px;
}
.mainContents .chat-face1 img {
  width: 90px;
  height: 90px;
  border-radius: 30px;
  border: 1px solid #ccc;
  box-shadow: 0 0 4px #ddd;
}
.mainContents .chat-area1 {
  width: 100%;
  float: right;
}
.mainContents .chat-hukidashi1 {
  display: inline-block;
  padding: 15px 20px;
  margin-left: 120px;
  margin-top: 8px;
  border-radius: 10px;
  position: relative;
  background-color: #ffc0e6;
  font-size: 1.2em;
}
.mainContents .chat-hukidashi1 p {
  margin-bottom: 0px;
}
.mainContents .chat-hukidashi1:after {
  content: "";
  position: absolute;
  top: 35px; left: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #ffc0e6 transparent transparent;
}
/*チャット2：画面右側*/
.mainContents .chat-box2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.mainContents .chat-face2 {
  float: right;
  margin-left: -120px;
}
.mainContents .chat-face2 img {
  width: 90px;
  height: 90px;
  border-radius: 30px;
  border: 1px solid #ccc;
  box-shadow: 0 0 4px #ddd;
}
.mainContents .chat-area2 {
  width: 100%;
  float: left;
}
.mainContents .chat-hukidashi2 {
  display: inline-block;
  padding: 15px 20px;
  margin-right: 120px;
  margin-top: 8px;
  border-radius: 10px;
  position: relative;
  background-color: #f5e2a9;
  font-size: 1.2em;
  float: right;
}
.mainContents .chat-hukidashi2 p {
  margin-bottom: 0px;
}
.mainContents .chat-hukidashi2:after {
  content: "";
  position: absolute;
  top: 35px; right: -20px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  border-color: transparent transparent transparent #f5e2a9;
}
/*チャット3：画面左側*/
.mainContents .chat-box3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.mainContents .chat-face3 {
  float: left;
  margin-right: -120px;
}
.mainContents .chat-face3 img {
  width: 90px;
  height: 90px;
  border-radius: 30px;
  border: 1px solid #ccc;
  box-shadow: 0 0 4px #ddd;
}
.mainContents .chat-area3 {
  width: 100%;
  float: right;
}
.mainContents .chat-hukidashi3 {
  display: inline-block;
  padding: 15px 20px;
  margin-left: 120px;
  margin-top: 8px;
  border-radius: 10px;
  position: relative;
  background-color: #bcf5a9;
  font-size: 1.2em;
}
.mainContents .chat-hukidashi3 p{
  margin-bottom: 0px;
}
.mainContents .chat-hukidashi3:after {
  content: "";
  position: absolute;
  top: 35px; left: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #bcf5a9 transparent transparent;
}
/*チャット4：画面右側*/
.mainContents .chat-box4 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.mainContents .chat-face4 {
  float: right;
  margin-left: -120px;
}
.mainContents .chat-face4 img {
 width: 90px;
 height: 90px;
 border-radius: 30px;
 border: 1px solid #ccc;
 box-shadow: 0 0 4px #ddd;
}
.mainContents .chat-area4 {
  width: 100%;
   float: left;
}
.mainContents .chat-hukidashi4 {
  display: inline-block;
  padding: 15px 20px;
  margin-right: 120px;
  margin-top: 8px;
  border-radius: 10px;
  position: relative;
  background-color: #c0e6ff;
  font-size: 1.2em;
  float: right;
}
.mainContents .chat-hukidashi4 p {
  margin-bottom: 0px;
 }
.mainContents .chat-hukidashi4:after {
  content: "";
  position: absolute;
  top: 35px; right: -20px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  border-color: transparent transparent transparent #c0e6ff;
}

.afbox {
	margin-top: auto;
	text-align: center;
}
iframe[src^="https://rcm-fe.amazon-adsystem.com/"] {
	margin: 10px 10px 10px 10px;
}
/* Amazonアソシエイト */
.amzbox_s_txt,
.amzbox_s {
	margin: 1em 0;
}
.amzbox_s_txt li,
.amzbox_s li {
	list-style: none;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	border: 1px solid #ccc;
	position: relative;
	float: left;
	width: 130px;
	height: 220px;
}
.amzbox_s_txt li p,
.amzbox_s li p {
	margin: 0;
	line-height: 1.4;
	font-size: 12px;
	text-align: left;
}
.amzbox_s_txt li p.title,
.amzbox_s li p.title {
	margin: 5px 3px 0;
}
.amzbox_s_txt li p.price,
.amzbox_s li p.price {
	margin: 0 3px;
	color: #cbcbcb;
	float: left;
	font-size: 10px;
}
.amzbox_s_txt li p.logo,
.amzbox_s li p.logo {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.amzbox_s li p img {
	border:0px;
}
/* LinkShareアソシエイト */
.linkshare {
	list-style: none;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	border: 1px solid #EEE;
	position: relative;
	float: left;
	width: 130px;
	height: 220px;
	line-height: 1.4;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
}

/**広告関連のスタイルシート**/
#ad_top {
	width:728px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

.entry_ad {
}
.entry_ad:after {
	content: "";
	clear: both;
	display: block;
}
#ad_second {
	float:left;
	width:300px;
	height:250px;
}#ad_third {
	float:right;
	width:300px;
	height:250px;
}


.notfound h1{
	font-size: 16px;
	margin: 30px;
}
.notfound p{
	margin: 30px 0 0 30px;
}

/**ジャック広告用 css **/
#jack_ad {
	position: absolute;
	display: block;
	width: 100%;
	top: 112px;
}
#jack_ad.fixed {
	position: fixed;
	top: 0px;
}

#jack_ad .inner {
	display: block;
	width: 1000px;
	margin: 0px auto;
	position: relative;
	
}
#jack_ad .inner .leftbanner {
	display: block;
	position: absolute;
	top:0px;
	left: -300px;
}
#jack_ad .inner .rightbanner {
	display: block;
	position: absolute;
	top:0px;
	right: -300px;
}

#jack_ad .inner .leftbanner_sp {
	display: block;
	position: absolute;
	top:0px;
	left: -250px;
	width: 250px;
}
#jack_ad .inner .rightbanner_sp {
	display: block;
	position: absolute;
	top:0px;
	right: -250px;
	width: 250px;
}
#jack_ad .inner .leftbanner_sp img,
#jack_ad .inner .rightbanner_sp img {
	max-width: 100%;
	height: auto;
}
#jack_ad .inner .leftbanner_sp div,
#jack_ad .inner .rightbanner_sp div {
	width: 250px !important;
}

/**pc/スマホ切り替えボタンcss **/
.switch {
	background-color: #606060;
	padding: 18px;
	text-align: center;
}
.switch a {
	display: inline-block;
	padding: 18px 42px;
	background-color: #efefef;
	border-radius: 15px;
	line-height: 100%;
	text-decoration: none;
	font-size: 200%;
	color: #404040;
}


/***広告バナーを2列に並べる**/
.ad_column {
	display: flex;
	justify-content: space-around;
	background-color: #fff;
	padding-top: 10px;
}