@charset "utf-8";
/*
Theme Name: 【使用中】徹底比較！一番儲かる仮想通貨のテーマファイル
Version: 2.1
Description: 最終更新:2022/01/ クイックタグ等の追加
Author: TSUKAHIKAKU
Author URI: https://tsukahikaku.com
Tags: 
*/
/*************************
カラー：　#2b6ca3
//タイトルカラー：#003254

メディアクエリ
@media only screen and (max-width: 959px){
}
@media screen and (max-width: 644px){
}
@media screen and (max-width: 430px){
}
*************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*
html{
	font-size:62.5%;
}
*/
body{
	font: 16px/1.5 "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#333;
	-webkit-text-size-adjust:100%;
	background:#eee;
}


/* リンク設定
------------------------------------------------------------*/
a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	color:#313131;
}

a:hover, a:active{
	outline: none;
	color:#6f6f6f;
}

a img:hover{
	opacity:0.7;
}
/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], 
textarea,
input[type="email"]{
	/*フォームのリセット*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;

	vertical-align:middle;
	font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic", Sans-Serif;
/*
	line-height:30px;
	height:30px;
*/
	padding:1px 5px;
	border:1px solid #d4d4d7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#555;
	background:#fcfcfc;
}
/*
textarea{
	height:auto;
	line-height:1.8;
}
*/
input[type="submit"],
input[type="reset"],
input[type="button"]{
	padding:3px 10px;
	background:#2b6ca3;
	border:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:1.5;
	font-size:120%;
	color:#fff;
	border:#2b6ca3 2px solid;
	-webkit-appearance: none;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
	background: #fff;
	color:#2b6ca3;
	cursor:pointer;
}

*:first-child+html input[type="submit"]{
	padding:3px;
}

input[type="submit"].form-submit{
	width:150px;
	padding:10px 0;
}

.gText{
	color:#999;
}

/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
	margin:0 auto;
	width:1000px;
}

#header{
	background:#fff;
}
.header__inner{
	overflow:hidden;
	position:relative;
	width:1000px;
	margin:0 auto;
}

#content{
	width:1000px;
	padding:0 0 50px;
}

#footer{
	clear:both;
} 


/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
	display:none;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
	clear:both;
	max-width:500px;
	margin:10px 0;
}

#header h2 img{
	vertical-align:bottom;
	width:100%;
	height:auto;
}
/* コンタクト
----------------------------------*/
.contact{
	position:absolute;
	top:0;
	right:0;
	z-index:500;
	width:300px;
	padding:10px 0 0;
	font-size:90%;
}
@media screen and (max-width: 1024px){
	.contact{
		display:none;
	}
}
.contact p.nav_menu a{
	color:#2b6ca3;
	font-size:100%;
}
#form02{
	margin-top:5px;
	background-color: #f5f5f5;
	width:290px;
	box-sizing:border-box;
	height: 40px;
	border: 1px #ccc solid;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	align-items: center;
	-webkit-align-items: center;
}
#form02 input{
    margin: 0px;
    height: 40px;
    box-sizing: border-box;
    background-color: transparent;
    font-size:12px;
	line-height:40px;
}
#form02{
	border-radius: 20px;    
}
#input02{
    border: none;
    width: 250px;
    font-size:80%;
}
#submit02{
	width: 30px;
	border: none;
	box-sizing:border-box;
	background:transparent;
	color:#ccc;
}


/* 新ハンバーガーメニュー
----------------------------------*/
.spMenu{
	display:none;
}
@media screen and (max-width: 1024px){
	.spMenu{
		display:block;
	}
}
.menuBtn {
	position: fixed;
	top: 15px;
	right: 15px;
	left:auto;
	display: flex;
	height: 50px;
	width: 50px;
	justify-content: center;
	align-items: center;
	z-index: 999;
	background:#f5f5f5;
	border:#000 1px solid;
	border-radius:5px;
	transition: all 0.5s;
	box-sizing:border-box;
}
.menuBtn span,
.menuBtn span:before,
.menuBtn span:after {
	content: '';
	display: block;
	height: 3px;
	width: 30px;
	border-radius: 3px;
	background-color: #333;
	position: absolute;
	top:17px;
}
.menuBtn span:before {
	top:-10px;
}
.menuBtn span:after {
	top: 10px;
}
.menu_txt{
	font-size:10px;
	line-height:3.6em;
	font-weight:bold;
	position:absolute;
	bottom:2px;
	line-height:1.2em;
	text-align:center;
	left:0;
	right:0;
	margin:auto;
}
#spMenu_btn_check:checked ~ .menuBtn{
	position: fixed;
	top: 15px;
	left: calc(40% - 50px);
}

#spMenu_btn_check:checked ~ .menuBtn span {
	background-color: rgba(255, 255, 255, 0);
}
#spMenu_btn_check:checked ~ .menuBtn span::before {
	top:auto;
	bottom: 0px;
	transform: rotate(45deg);
}

#spMenu_btn_check:checked ~ .menuBtn span::after {
	top: 0px;
	transform: rotate(-45deg);
}

#spMenu_btn_check {
	display: none;
}
.menuBody{
	width: 60%;
	height: 100vh;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch; 
	position: fixed;
	top: 0;
	left: 100%;
	z-index:999;
	background-color: #fff;
	transition: all 0.5s;
	border-left:#111 1px solid;
}
.menuBody::-webkit-scrollbar {
	display:none;
}
#spMenu_btn_check:checked ~ .menuBody {
	left: 40%;
}
.menuBody ul {
	padding: 10px 10px 0;
	box-sizing:border-box;
}
.menuBody ul li {
	border-bottom: solid 1px #ffffff;
	list-style: none;
}
.menuBody ul li a {
	display: block;
	width: 100%;
	font-size: 14px;
	box-sizing: border-box;
	color:#333;
	text-decoration: none;
	padding: 10px 10px;
	position: relative;
}
.menuBody li svg{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
}



/* トップページ　メイン画像
----------------------------------*/
.slick-arrow{display:none;}

div.post{
	margin:0 0 5px 0;
	padding:10px 0;
	border:1px solid #d5d5d5;
	background: #fff;
	box-sizing:border-box;
	position:relative;
	z-index:200;
}

.post #ez-toc-container + p:first-of-type{
	clear:both;
}

.toppage h4{
	margin:0 0 10px;
	font-size:16px;
	font-weight:normal;
	color:#333;
}

.toppage{padding:10px 10px 20px 20px;}


/* 記事ループ
*****************************************************/
.list{
	padding:10px 0;
	border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
.content{
	margin-bottom:40px;
}
h2.title{
	text-align:center;
	clear:both;
	margin:0;
	padding:0 10px 2px 10px;
	font-size:175%;
	color:#2b6ca3;
	border-bottom:0;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0;
}
.home h2.title{
	color:#F3FF00;
	font-size:160%;
	font-weight:bolder;
	margin-bottom:10px;
	letter-spacing:2px;
	text-shadow:1.5px 1.5px 0 #000, -1.5px -1.5px 0 #000,
              -1.5px 1.5px 0 #000, 1.5px -1.5px 0 #000,
              0px 1.5px 0 #000,  0 -1.5px 0 #000,
              -1.5px 0 0 #000, 1.5px 0 0 #000;
	text-align:left;
}
.dateLabel{
	text-align:right;
	font-weight:bold;
	color:#858585;
}
.post p{
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
}

.post ul{margin: 0 0 10px 10px;}
.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2,
#comment_area h2{
	margin:10px 0;
	padding-bottom:2px;
	padding:10px;
	font-size:120%;
	font-weight:normal;
	color:#fff;
	background:#003254;

}
.ranking-ttl{
	margin:10px 0;
	padding:10px;
	font-size:120%;
	font-weight:normal;
	color:#fff;
	background:#003254;
	margin-bottom:0;
}




#comment_area h2{
	margin-bottom:0;
}
.icon_ttl,
.svg_icon{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
}
.crown_icon{
	width: 22px; 
	height: 22px; 
	opacity: 1;
}

.border-title h2.title{
position: relative;
width:350px;
padding:10px 45px;
border-top:#2b6ca3 2px solid;
margin:0 auto;
height:40px;

}
.border-title h2.title:before{
content: '';
position: absolute;
top: 41px;
display: inline-block;
width: 100px;
height: 2px;
background-color: #2b6ca3;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.border-title h2.title:after{
content: '';
position: absolute;
top:41px;
display: inline-block;
width: 100px;
height: 2px;
background-color: #2b6ca3;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.border-title h2.title:before {left:-74px;}
.border-title h2.title:after {right: -74px;}

.borderT{
	border-top:#eee 2px solid;
	position: relative;
}
.borderB{
	border-bottom:#eee 2px solid;
	position: relative;

}
.borderT:before {
	position: absolute;
	content: "";
	display: block;
	border-top: solid 2px #2b6ca3;
	top: -2px;
	width: 246px;
}

.borderT:after {
	position: absolute;
	content: "";
	display: block;
	border-bottom: solid 2px #2b6ca3;
	top: -2px;
	width: 246px;
	right:0;
}
.borderB:before {
	position: absolute;
	content: "";
	display: block;
	border-bottom: solid 2px #2b6ca3;
	bottom: -2px;
	width: 246px;
}

.borderB:after {
	position: absolute;
	content: "";
	display: block;
	border-bottom: solid 2px #2b6ca3;
	bottom: -2px;
	width: 246px;
	right:0;
}
@media only screen and (max-width: 644px){
	.borderT,.borderB{
		border:none;
		
	}
	.borderT:after,.borderB:after,.borderB:before,.borderT:before{
		border:none;
	}
	#wrapper{
		overflow:hidden;
	}
}

p.title_heading{
margin:10px 0;
padding:10px 10px;
font-size:120%;
font-weight:normal;
color:#fff;
background:#003254;
}

.post h3{
font-size:110%;
font-weight:bold;
border-bottom:#003254 2px solid;
border-left:#003254 5px solid;
padding:5px 0 5px 15px;
}

h3#reply-title{
text-align:center;
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:175%;
color:#2b6ca3;
border-bottom:0;
font-weight:bold;
}


.post h4{
font-size:140%;
font-weight:bold;
}
.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post .singleImg img{
	max-width:400px;
	width:100%;
	height:auto;
}

.post img.size-large{
width:100%;
height:auto;

}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 2% 20px;
width:96%;
box-sizing:border-box;
}
.post table tr{
border:#ccc 1px solid;
}

.post table th{
padding:10px;
width:30%;
font-size:85%;
font-weight:bold;
border-width: 0 0 1px 1px;
background:#efefef;
}

.post table td{
padding:10px;
border-width: 0 0 1px 1px;
/*background:#fff;*/
}
.post table td a{
text-decoration:underline;
}

.post .scroll_tablearea{
white-space: nowrap;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
post table.list_table{
width:100%;
margin:0 15px;
box-sizing:border-box;
}
.post table.list_table th{
background:#103251;
color:#fff;
}
.post table.list_table th,.post table.list_table td{
min-width:200px;
border:#ccc 1px solid;
font-size:90%;
text-align:center;
padding:5px 0;
vertical-align:middle;
padding:5px;
table-layout: fixed;
}
.post table.list_table td,
.post table.info_table td{
	text-align:left;
	word-break: break-all;
}


@media only screen and (max-width: 959px){
	/*.post .scroll_tablearea{
		white-space: nowrap;
		width: 100%;
  		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}*/
	
}
    	
@media only screen and (max-width: 644px){
/*ツイッター埋め込みのサイズ制限*/
	.post .twitter-tweet{
		max-width:350px !important;
		/*width:100% !important;*/
		width : 98% !important;
		width : -webkit-calc(100% - 10px) !important;
		width : calc(100% - 10px) !important;
		max-height:400px;
		overflow:auto;
		margin:0 auto;
	}
	.post table.info_table{
		margin:0 auto;
		width:96%;
	}
	.post table.info_table th,
	.post table.info_table td{
		word-break: break-all;
		box-sizing:border-box;
	}
}
.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

.post table.list_table img{
	min-width:100px;
	width:100px;
	height:auto;
}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}

.content_nav{
overflow:hidden;
padding:0 20px;
}

.box8,.box9{
width:100%;
box-sizing:border-box;
margin:0;
}
/* コメントエリア
------------------------------------------------------------*/
.comments_area{
	padding:10px;
	box-sizing:border-box;
	border:#f00 1px solid;
}



/* 目次プラグインなし
------------------------------------------------------------*/
#toc ,.toc{
    width: 47%;/*auto;*/
    display: table;
    margin: 0 0 10px;
    padding:10px;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    border:#aaaaaa solid 1px;
    border-radius: 3px;
    background-color: #f9f9f9;
    float:left;
    box-sizng:border-box;
}
#toc .mokuji,.toc .mokuji {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: bold;
    font-size:120%;
    margin-bottom:10px;
}
#toc .mokuji,
#toc .toc-toggle {
    font-weight: normal;
    font-size: 90%;
}
#toc ul,#toc ol {
    list-style: none;
    list-style-position: inside;
}


#toc .toc-list {
    margin: 0;
    padding: 0;
}
#toc a:hover{
text-decoration:underline;
}

@media only screen and (max-width: 644px){
	#toc,.toc{width:100%;box-sizing:border-box;margin-bottom:10px;}
}
.con_btn{
	margin:15px 0;
}
.con_btn a{
	display:block;
	max-width:700px;
	width:100%;
	margin:0 auto;
}
.con_btn a img{
	width:100%;
	height:auto;
}
@media only screen and (max-width: 644px){
	.con_btn{
		margin:15px 20px;	
	}
}

/*single.php　スクラップノートエリア
****************************************************/
.single_scrap{
width:47%;
background:#f9f9f9;
border:#aaaaaa 1px solid;
border-radius: 5px; 
-webkit-border-radius: 5px;  
-moz-border-radius: 5px;
margin-bottom:10px;
float:right;
padding:10px;
box-sizng:border-box;

}
@media only screen and (max-width: 644px){

}
.single_scrap h3{
background:none;
color:#2b6ca3;
font-weight:bold;
padding-top:0;
padding-bottom:0;
margin-bottom:10px;
margin-top:0;
border:none;
}

.single_scrap h3 img{
height:30px;
width:auto;
vertical-align:middle;
margin:0 5px;

}
.single_scrap ol{
    list-style-position: inside;

}
.single_scrap li a{
font-family:yasashisagothic;
}
.single_scrap a:hover{
color:#313131;
text-decoration:underline;

}



/* スクラップノート
*****************************************************/
.scrapbox{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:         wrap;
-webkit-justify-content: space-around;
justify-content:         space-around;
-webkit-align-content: stretch;
 align-content:         stretch;
background:#fff;
}
.scrapbox a{
display:block;
position:relative;
}
.scrapbox img.toku_mark{
position:absolute;
left:0;
top:0;
width:60px;
height:auto;
}
.scrapbox h4{
font-size:120%;
font-weight:bold;
color:#003254;

}

.scrapbox h4 span.dateText{
font-size:60%;
}
.scrapbox_large{
font-family:yasashisagothic;

}

.scrapbox_large.firstbox{
width:600px;
border:#d5d5d5 1px solid;
box-sizing:border-box;
}

.scrapbox_large.somebox{
width:400px;
border:#d5d5d5 1px solid;
box-sizing:border-box;
}

.scrapbox_large.firstbox a.img__link{
position:relative;
display:block;
width:100%;
height:310px;
overflow:hidden;
box-sizing:border-box;
}
.scrapbox_large.firstbox .note{
height:80px;
}
.scrapbox_large.somebox a.img__link{
position:relative;
display:block;
width:100%;
height:135px;
overflow:hidden;
box-sizing:border-box;
}

.scrapbox_large.firstbox a img.attachment-scrap-img{
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
border:0;
padding:0;
vertical-align:bottom;
}

.scrapbox_large.somebox a img.attachment-scrap-img{
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
border:0;
padding:0;
vertical-align:bottom;
}

.scrapbox_large.somebox a{
width:100%;
height:80px;
overflow:hidden;
box-sizing:border-box;
}
.scrapbox_large.somebox a.note_area{
height:120px;
}
.scrapbox_small .note{
font-size:120%;
}

.scrapbox_large.somebox .note{
height:130px;
}

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

.scrapbox_large .note{
padding:0;/* 15px;*/
padding:0 5px;
}
.scrapbox_large .note p{
    padding-bottom: 0.1em;
    background-color: #fff;
    background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #ccc 1.1px, transparent 1px);
    background-size: 2px 2.2em;
    line-height: 2.2;
    font-family:yasashisagothic;
    font-size:70%;
}
.scrapbox_large .note p{
font-size:75%;
}

.scrapbox_large .note p:first-child{
background:none;
}

span.dateText{
font-size:70%;
padding-top:5px;
text-align:right;
font-weight:normal;
position:absolute;
bottom:5px;
right:5px;
background-color: rgba(0,0,0,0.5);
color:#fff;
padding:5px 10px;
}

/* サイドバー　ウィジェット
*****************************************************/
section.widget ul, .widget_search, #calendar_wrap, .textwidget{
margin:0 0 20px 0;
padding:10px 10px 10px 17px;
border:1px solid #d5d5d5;
background: #fff;
}

section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}

p.banner{padding-bottom:15px;}

p.banner img{
max-width:233px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
opacity:.8;
}

section.widget h3{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

section.widget li a{
display:block;
padding:7px 0 7px 12px;
background:url(images/arrow.gif) no-repeat 0 12px;
border-bottom:1px dashed #dcdcdc;
}

section.widget li:last-child a{border:0;}

.searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(images/arrow.gif) no-repeat 0 5px;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#333;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#6f6f6f;}



/* フッター
*****************************************************/
#footer ul{
padding:15px 0 25px;
text-align:center;
}

#footer li{
display:inline-block;
padding: 5px 16px;
border-left:1px dotted #d5d5d5;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#000;
font-size:85%;
}

#footer li a:hover{color:#999;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
color:#000;
font-size:10px;
}

#pagetop{
	position:fixed;
	right:30px;
	bottom:10px;
	font-size:40px;
	color:#fff;
	background:#2b6ca3;
	width:50px;
	height:50px;
	border-radius: 50%; 
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	z-index:900;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

/* 広告用吹き出し
------------------------------------------------------------*/
.ad_balloon{
position: relative;
margin: 1em 0;
padding: 5px 10px;
border: solid 3px #FF3333;
max-width: 360px;
width:100%;
position:fixed;
top:-20px;
right:0;
z-index:999;
background:#fff;
font-size:16px;
line-height:1.7em;
box-sizing:border-box;

}
.balloon__main{position:relative;}
.balloon__main img{
	position:absolute;
	top:-5px;
	left:-10px;
	width:40px;
	height:40px;
}
.balloon__main p{padding-top:10px;}
.ad_balloon .box-title {
position: absolute;
display: inline-block;
top: 88px;
right: -3px;
padding: 0px 10px;
/*height: 36px;
line-height: 36px;*/
vertical-align: middle;
font-size: 18px;
background: #FF3333;
color: #ffffff;
font-weight: bold;
border: solid 3px #FF3333;
box-sizing:border-box;
}
.ad_balloon .box-title img{
width:30px;
height:auto;
margin:0 5px;
vertical-align:middle;
}
.balloon_img{
width:75px;
height:75px;
overflow:hidden;
float:left;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
margin-right:5px;

}

.ad_balloon:hover{opacity: 0.5;}

@media only screen and (max-width: 644px){
	.ad_balloon .box-title{
		max-width:100%;
		top:64px;
		left:60%;
		right:-3px;
		font-size: 13px;
		height: 20px;
		line-height: 18px;
		vertical-align:middle;
		text-align:center;
	}
	.ad_balloon .box-title img{
	width:18px;
	margin:0 2px;
	}
	.ad_balloon div,.balloon__main p{padding-top:0;}
	.balloon_img{width:45px;height:45px;}
	.ad_balloon{
		max-width:100%;
		width:100%;
		height:70px;
		font-size:18px;
		top:-12px;
		left:0;
	}
}
@media only screen and (max-width: 430px){
	.ad_balloon{
		font-size:16px;
	}
}
@media only screen and (max-width: 340px){
	.ad_balloon{
		font-size:14px;
	}


}
/* コメントフォーム
------------------------------------------------------------*/
.comments__form{
	background:#f5f5f5;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #d5d5d5;
}
@media only screen and (max-width: 644px){
	.comments__form{
		padding:10px;
	}
}
.comments__form input[type="text"],
.comments__form textarea{
	border:#ccc 1px solid;
	padding:15px;
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	font-size:14px;
}
.comments__form input[type="submit"]{
	display:block;
	width:50%;
	padding:15px 0;
	margin:20px auto;
	font-weight:bold;
}
p.comment-form-email{
	display:none;
}
i.fa-smile{color:#e975a7;}
i.fa-meh{color:#fae04c;}
i.fa-frown{color:#7dc35e;}

/*input fileのデザイン変更*/

.acf-file-uploader{
	text-align:center;
}

.acf-basic-uploader{
	padding:10px 40px;
	background:#eee;
	cursor: pointer;
	width:30%;
	border-radius:3px;
	display:inlie-block;
	border:#ccc 1px solid;
}

.acf-basic-uploader:before{
	content:"ファイルを選択してください";
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.acf-basic-uploader input[type="file"]{
	display:none;
}
.acf-input p.description{
	text-align:center;
	font-size:12px;
	line-height:2.4;
}
.acf-label label{
	font-weight:bold;
	font-size:16px;
	margin:10px 0;
}
/*必須マークを非表示*/
.acf-required{
	display:none;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
	clear:both;
	width: 100%;
	height: 30px;
	margin: 5px 0 20px;
}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}
ul.page-numbers li{
display:inline-block;
/*padding:5px 2px;*/
}
ul.page-numbers li a{
border:#2b6ca3 2px solid;
padding:5px 15px;
color:#2b6ca3;
}
ul.page-numbers li a:hover{
background:#2b6ca3;
color:#fff;
}
ul.page-numbers li span.current{
background:#2b6ca3;
color:#fff;
padding:5px 15px;
border:#2b6ca3 2px solid;
}


.pagination{
   /* text-align: center;*/
   margin-top:20px;
}
a.page-numbers,
.pagination .current{
    background: #fff;
    border: solid 1px #2b6ca3;
    padding:5px 15px;
    margin:5px 2px;
    text-decoration: none;
    color:#2b6ca3;
    display:inline-block;
}

a.page-numbers:hover,.pagination .current{
    background: #2b6ca3;
    border: solid 1px #2b6ca3;
    color: #fff;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{
padding:20px 0 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
/*-webkit-justify-content: space-around;
justify-content:space-around;*/
-webkit-align-content: stretch;
align-content:stretch;

}

ul.post li{
width:30%;
margin-bottom:20px;
margin-right:3%;
height:200px;
overflow:hidden;
}
ul.post li:first-child,ul.post li:nth-child(3n+1){
margin-left:2%;
}
ul.post li:nth-child(3n){
margin-right:0;
}
ul.post li a{
position:relative;
display:block;
width:100%;
height:200px;
overflow:hidden;
box-sizing:border-box;

}
ul.post li p.cate_list{
position:absolute;
top:5px;
left:5px;
background:#f00;
color:#fff;
line-height:1.2em;
padding:5px 10px;
font-size:80%;
}


ul.post li p.time_text{
text-align:right;
font-weight:normal;
font-size:80%;
position:absolute;
top:5px;
right:5px;
background-color: rgba(0,0,0,0.5);
color:#fff;
padding:5px 10px;
}

ul.post img{
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
border:0;
padding:0;
vertical-align:bottom;
}
ul.post .title__box{
background-color: rgba(0,0,0,0.5);
position:absolute;
width:100%;
bottom:0;
left:0;
color:#fff;
padding:10px;
box-sizing:border-box;
height:55px;
}
ul.post h3{
color:#fff;
border:none;
font-size:17px;
background:none;
margin:0;
padding:0;
font-weight:bold;
line-height:1.1em;
}

ul.post li a #hoverImg{
position:absolute;
top:0;
left:0;
z-index:999;
display:block;
width:100%;
height:200px;
}

ul.post li a:hover img{
opacity:0.7;
}

ul.post li a #hoverImg:hover{
background: url("./images/img_hover.png") no-repeat center center;
opacity:1;
}

.scrapbox a #hoverImg{
position:absolute;
top:0;
left:0;
z-index:999;
display:block;
width:100%;
height:150px;
}
.firstbox a #hoverImg{
	height:410px;
}
.scrapbox #hoverImg:hover{
	background: url("./images/img_hover.png") no-repeat center center;
	opacity:1;

}

/* クチコミリスト
------------------------------------------------------------*/
.comment-list{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	padding:20px 10px;
}
.faceicon{
	width:30px;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	box-sizing:border-box;
}
.faceicon svg{
	padding-top:15px;

	width:30px;
	height:30px;
}
.faceicon span{
	font-size:12px;
	margin-top:30px;
}
.chatting{
	width:calc(100% - 50px);
}
@media only screen and (max-width: 644px){
	.chatting{
		width:85%;
	}
}
.chatting .says{
	padding:20px;
	box-sizing:border-box;
	position:relative;
	border-radius:5px;
}
@media only screen and (max-width: 644px){
	.chatting .says{
		padding:10px;
	}
}
.says.commodity_slug:after{
	content:"";
	position:absolute;
	left:-20px;
	top:20px;
	border: 10px solid transparent;
	border-right: 11px solid #fff0f5;
}
.says.mlm_slug:after{
	content:"";
	position:absolute;
	left:-20px;
	top:20px;
	border: 10px solid transparent;
	border-right: 11px solid #f5deb3;
}
.says.hyip_slug:after{
	content:"";
	position:absolute;
	left:-20px;
	top:20px;
	border: 10px solid transparent;
	border-right: 11px solid #ee99ff;
}
.says.coin_slug:after{
	content:"";
	position:absolute;
	left:-20px;
	top:20px;
	border: 10px solid transparent;
	border-right: 11px solid #FFFFCC;
}
.says.ico_slug:after,
.says.post_slug:after{
	content:"";
	position:absolute;
	left:-20px;
	top:20px;
	border: 10px solid transparent;
	border-right: 11px solid #d7ebfe;
}
.says.exchanges_slug:after{
	content:"";
	position:absolute;
	left:-20px;
	top:20px;
	border: 10px solid transparent;
	border-right: 11px solid #d5efdd;
}
.says.wallets_slug:after{
	content:"";
	position:absolute;
	left:-20px;
	top:20px;
	border: 10px solid transparent;
	border-right: 11px solid #ffd400;
}
.comment-ttl{
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}
/*コメント評価顔*/
.icon--good{
	fill:#e975a7;
}
.icon--usually{
	fill:#fae04c;
}
.icon--bad{
	fill:#7dc35e;
}
.cmt-img{
	margin-top:10px;
	text-align:left;
}
.cmt-img img{
	object-fit:cover;
	-o-object-fit: cover;
	width:250px;
	max-height:300px;
}





/*ページ内リンク用調整*/
.single .balloon4,.single .balloon5{
	padding-top:50px;
	margin-top: -50px;
}

@-webkit-keyframes modify{
      0% { padding-top: 50px; margin-top: -50px; }
    100% { padding-top: 0; margin-top: 0; }
}
@keyframes  modify{
      0% { padding-top: 50px; margin-top: -50px; }
    100% { padding-top: 0; margin-top: 0; }
}

.entry-content h3:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}
/*トップページのみコメントの改行をしない仕様*/
.home .mycomment p br,.home .says p br{
display:none;
}

span.more{
font-weight:bold;
display:block;

}


/***********

トップページスライダー(swiper)

***********/

.multiple-item{
	margin-top:40px;
}

.item-list{
	height:200px;
	overflow:hidden;
}
@media screen and (max-width: 644px){
	.item-list{
		height:250px;
	}
}
.item-list a{
	overflow:hidden;
	box-sizing:border-box;
}
.thumbImg{
	position:relative;
	width:100%;
	height:200px;
	box-sizing:border-box;
	overflow:hidden;
}
@media screen and (max-width: 644px){
	.thumbImg{
		height:250px;
	}
}
.thumbImg:before{
	content: "";
	display: block;
	padding-top: 100%;
}

.thumbImg img{
	object-fit:cover;
	-o-object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.cate_mark{
	background:#f00;
	color:#fff;
	line-height:1.2em;
	padding:3px 10px;
	font-size:70%;
	font-weight:bold;
	display:inline-block;
}
.cate_mark.commodity{
	background:#f3ff00;
	color:#333;
}
.cate_mark.coin,
.cate_mark.exchanges,
.cate_mark.hyip,
.cate_mark.ico,
.cate_mark.mlm,
.cate_mark.wallets{
	background:#266199;
}
/*
p.time_text{
	text-align:right;
	font-weight:normal;
	font-size:80%;
	position:absolute;
	top:5px;
	right:5px;
	background-color: rgba(0,0,0,0.5);
	color:#fff;
	padding:5px 10px;
}
*/
.title__box{
	background-color: rgba(0,0,0,0.5);
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	color:#fff;
	padding:5px 10px;
	box-sizing:border-box;
	height:70px;
}
.multiple-item h3{
	color:#fff;
	border:none;
	font-size:14px;
	background:none;
	margin:0;
	padding:0;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.4em;
}

.post .list_box:nth-child(even){
background:#f0f0f0;
}
.list_box{
padding:20px 0;
overflow:hidden;
}
.list_box h4{
font-size:140%;
font-weight:bold;
}
.list_box img{
max-width:300px;
width:30%;
height:auto;
float:left;
margin:0 10px;
}
.list_box p{
color:#999;
}
/*アイキャッチ画像の背景画像へ変更*/
.list_thumbnail{
	max-width:300px;
	width:30%;
	height:200px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	float:left;
	margin:0 10px;
}
@media only screen and (max-width: 644px){
	.list_thumbnail{height:100px;}

}
@media only screen and (max-width: 430px){
	.list_thumbnail{height:80px;}
}
.btn{
	display:block;
	background:#2b6ca3;
	color:#fff;
	padding:10px 0;
	margin:15px 0;
	width:200px;
	text-align:center;
	border:#2b6ca3 2px solid;
	box-sixing:border-box;
}
.btn:hover{
	background:#fff;
	color:#2b6ca3;
}
#next img{
	margin:0 auto;
}
.btn02{
	display:block;
	background:#2b6ca3;
	color:#fff;
	padding:15px 0;
	margin:15px auto 20px auto;
	width:40%;
	text-align:center;
	border:#2b6ca3 2px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	position:relative;
	box-sixing:border-box;
	font-size:15px;
	font-weight:bold;
}
@media only screen and (max-width: 644px){
	.btn02{
		width:90%;
	}
}
.home .btn02{
	margin:10px auto 30px auto;
}
.btn02 svg{
	fill:#fff;
	width:20px;
	height:20px;
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
}

#next a{
	display:block;
	background:#2b6ca3;
	color:#fff;
	padding:15px 0;
	margin:15px auto 20px auto;
	width:40%;
	text-align:center;
	border:#2b6ca3 2px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	position:relative;
	box-sixing:border-box;
	font-size:15px;
	font-weight:bold;
}
@media only screen and (max-width: 644px){
	#next a{
		width:90%;
	}
}
/*
.btn02::after{
    border:25px solid transparent;
    border-left-color:#2b6ca3;
    border-right-width:5px;
    right:-25px;
    content:"";
    display:block;
    top:5px;
    position:absolute;
    width:0;
}
*/

.btn02:hover{
	/*background:#fff;
	color:#2b6ca3;*/
	color:#fff;
	opacity:0.7;
}

.ad_area{
	text-align:center;
	margin-top:40px;
}

.ad_slider{
	max-width:900px;
	width:100%;
	margin:20px auto;
}
.ad_slider img{
	width:100%;
	height:auto;
}
/* タブ切り替え
------------------------------------------------------------*/
label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #bdc3c7;
  cursor: pointer;
  background-color: #f5f5f5;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
label.panel-label:hover {
  /*color: #003399;*/
  color:#003254;
}
#comments h2{
	margin-bottom:0 !important;
}
.comments__area{
	padding:10px;
	box-sizing:border-box;
	border:1px solid #d5d5d5;
	background:#fff;
	margin-bottom:20px;
	margin-top:0;
}
#panels {
	background-color: #fff;
}

#panels .container {
  margin: 0 auto;
  width: 100%;
  padding:10px;
  box-sizing:border-box;
  border:1px solid #d5d5d5;
  
}

#panels section header label.panel-label {
  /*padding: 12px 24px;*/
  box-sizing: border-box;
  font-size:120%;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
  width:100%;
  
}

#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial;
  opacity: 1;
  padding: 0;
}

#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}

#panel-3-ctrl:checked ~ #panels #panel-3 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}
#panel-4-ctrl:checked ~ #panels #panel-4 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}
#panel-5-ctrl:checked ~ #panels #panel-5 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}


#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: white;
  color: #2b6ca3;
  padding-top: 24px;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
  height: 6px;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: white;
  color: #003254;
  padding-top: 24px;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
  height: 6px;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {
  border-right: 1px solid transparent;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
  background-color: white;
  color: #003254;
  padding-top: 24px;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
  height: 6px;
}
/**/
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last {
  border-right: 1px solid transparent;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
  background-color: white;
  color: #003254;
  padding-top: 24px;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label::after {
  height: 6px;
}
/**/
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5.last {
  border-right: 1px solid transparent;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {
  background-color: white;
  color: #003254;
  padding-top: 24px;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label::after {
  height: 6px;
}
ul#tabs-list {
  display: flex;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
}
ul#tabs-list li {
  text-align: center;
  /*font-size: 0.875em;*/
  font-size:120%;
  width: 20%;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
  border-right: 1px solid #dfdfdf;
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}
ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label {
position: relative;
padding: 24px 0;
font-size:90%;
font-weight:bold;
color:#2b6ca3;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #2b6ca3;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {
  padding-top: 24px;
}
ul#tabs-list li label.panel-label:hover::after {
  height: 6px;
}

main {
    width: 100%;
    margin: 0 auto;
}
.panel-radios {
  display: none;
  
}

main p {
  line-height: 1.5;
}
.icon__menu{display:none;}

.breadcrumbs{

max-width:1000px;
width:100%;
margin:5px auto 0;
font-size:70%;
overflow: hidden;
text-overflow:elipsis;
white-space: nowrap;
}

.breadcrumbs span{display:inline-block;}
.breadcrumbs a{
	display:block;
	font-weight:normal;
	color:#333;
	text-decoration:underline;
}


/******************
タイムライン
******************/
.timelineArea{
	max-height:500px;
	width:100%;
	box-sizing:border-box;
	overflow:scroll;
	padding:5px;
	border:#eee 1px solid;
	overflow-x: hidden;

}
/*
.timelineArea time{
	padding-right:10px;
	margin-right:10px;
	border-right:#ccc 2px solid;
}
*/
.timeline  li {
overflow: hidden;
margin: 0;
position: relative;
}
.timeline li p.timeline-date {
width: 140px;
float: left;
font-size:80%;
margin-top: 20px;
padding:0;
font-weight:bold;
}

.timeline-content {
width: 80%;
float: left;
border-left: 3px #b0c4de solid;
padding-left: 20px;
}
.post .timeline h3{
font-size:110%;
font-weight:bold;
border:none;
padding:0;
padding-top:17px;
}
.timeline-content:before {
content: '';
width: 12px;
height: 12px;
background: #2b6ca3;
position: absolute;
left: 136px;
top: 24px;
border-radius: 100%;
}

@media only screen and (max-width: 644px){
	.timelineArea{
		width:100%;
		margin:0 auto;
/*
		border:#ccc 5px solid;
*/
	}
	.timeline {
		list-style: none;
	}
	.timeline li {
		margin-bottom: 0;
		overflow: visible;
	}
	.timeline li p.timeline-date{
		width:auto;
		padding-left:20px;
		float:none;
		padding-top:3px;
		margin-top:0;
		border-left: 3px #b0c4de solid;
	}
	.timeline-content{
		float:none;
		width:100%;
		padding-left:10px;
	}
	.timeline-content p{padding-left:0;}
	.timeline-content:before{
		left:-4px;
		top:4px;
		z-index:999;
	}
}

/* トップページ最新情報
------------------------------------------------------------*/

.latestList{
	max-height:250px;
	overflow-y:scroll;
}
@media screen and (max-width: 644px){
	.latestList{
		max-height:330px;
		overflow-y:scroll;
		font-size:16px;
	}
	/*iPhone用スクロールバー*/
	.latestList::-webkit-scrollbar {
		background:#f5f5f5;
		width:3px;
		border-radius:2px;
	}
}
.latestList__link{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	align-items: center;
	-webkit-align-items: center;
	display:block;
	box-sizing:border-box;
	border-bottom:#ccc 1px dotted;
	padding:10px 0;

}
@media screen and (max-width: 644px){
	.latestList__link{
		padding:10px 0;
	}
}
.latestList__link:hover{
	background:#f0f8ff;
	opacity:1;
}
.latestList__ttl{
	line-height:1.8;
	vertical-align: top;
}
.newMark{
	display:inline-block;
	background:#f00;
	padding:5px 10px;
	border-radius:3px;
	line-height:1;
	font-size:70%;
	color:#fff;
	font-weight:bold;
	margin-right:5px;
	vertical-align: middle;
}
.latestList__link svg{
	vertical-align: middle;
}

/* コメント一覧
------------------------------------------------------------*/
.commentsArea{
	border:1px solid #d5d5d5;
	background:#fff;
	padding:20px 10px;
	box-sizing:border-box;
}
div.post,
.commentsArea{
	border-top:#2b6ca3 2px solid;
}
/*
.commentsList__link{
	font-size:90%;
	background:#fff;
	padding:20px 10px;
	box-sizing:border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-justify-content: space-around;
	justify-content:         space-around;
	-webkit-align-content: stretch;
 	align-content:         stretch;
}
.commentsList li:nth-child(even) .commentsList__link{
	background:#f5f5f5;
}
.commentsList__item i{
	width:6%;
	text-align:center;
	margin:auto;
}

.acf-field-5adec2a5e7eab li{
	height:30px;
	line-height:30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
}
.acf-field-5adec2a5e7eab li label,
.acf-field-5adec2a5e7eab li svg{
	vertical-align:middle;
	
}
.acf-field-5adec2a5e7eab li svg{
	margin-right:5px;
}
.commentsTextArea{
	width:93%;
}
.commentsTextArea p{
	font-size:110%;
}
.commentsTextArea p.commentsTitle{
	font-size:90%;
	font-weight:bold;
	padding:0;
	line-height:1.2em;	
	padding-bottom:5px;
}
@media only screen and (max-width: 644px){
	.commentsList__link{padding:10px 5px;}
	.commentsList__item i{width:15%;}
	.commentsTextArea{width:85%;}
}
*/
/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
nav#mainNav{
	clear:both;
	position:relative;
	z-index:200;
	width:100%;
	background:#fff;
	border-top:#2b6ca3 3px solid;
	border-bottom:#2b6ca3 3px solid;

}
nav#mainNav ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-justify-content: space-around;
	justify-content:         space-around;
	-webkit-align-content: stretch;
 	align-content:         stretch;
	width:1000px;
}
nav#mainNav ul li{
	width:15%;
}
nav#mainNav ul li:first-of-type{
	width:10%;
}
nav#mainNav ul li a{
	width:100%;
	display: block;
	text-align: center;
	color:#2b6ca3;
	font-size:100%;
	padding:10px 0;
	border-right:#2b6ca3 2px solid;
	box-sizing:border-box;
}
nav#mainNav ul li:first-child a{
	border-left:#2b6ca3 2px solid;
}

nav#mainNav ul li a span,nav#mainNav ul li a b{
	display:block;
	font-size:90%;
	line-height:1.4;
}

nav#mainNav ul li a span{
	font-size:70%;
	font-weight:normal;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
	background:#2b6ca3;
	color:#fff;
}
nav#mainNav ul ul{
	width:160px;
	border-top:0;
}

nav#mainNav ul li ul{display: none;}

nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:45px;
left:-1px;
z-index:500;
}

nav#mainNav ul li li{
margin:0;
float: none;
height:40px;
line-height:40px;
width:160px;
background:#192f5b;
border-right:0;
border-bottom:1px dotted #fff;
}

nav#mainNav ul li li:last-child{border:0;}

nav#mainNav ul li li a{
width:100%;
height:40px;
padding:0 0 0 10px;
line-height:40px;
font-size:95%;
text-align:left;
}

nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#d7e1f4;}

nav div.panel{
display:block !important;
float:left;
}
  
a#menu{display:none;}

}
.drawer-nav{
	background:#f5f5f5;
}

.drawer-nav ul li a{
	display:block;
	padding:10px;
	box-sizing:border-box;
	font-size:90%;
	position:relative;
}

.drawer-nav ul li a svg{
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-0.5em;
}



/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	display:none;/*表示切り替え*/
	clear:both;
	margin:0 auto 10px;
	/*background:#fff url(images/mainnavBg.png) repeat-x 0 -5px;*/
	border-top:3px solid #2b6ca3;
	border-bottom:3px solid #2b6ca3;
	background:#fff;
	}
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:right;
	background: url(images/menuOpen.png) no-repeat top 8px right 90px;
  	color:#2b6ca3;
	}
	
	nav#mainNav a#menu span{padding-right:35px;}
	
	nav#mainNav a.menuOpen{
	border-radius:6px 6px 0 0;
	background: url(images/menuOpen.png) no-repeat top 8px right 90px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{
	margin:0;
	padding:0;
	border-top:1px dashed #e5e5e5;
	}
	nav#mainNav ul ul{border:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:center;
	border-bottom:1px dashed #e5e5e5;
	background:#fff;
	}
	
	nav#mainNav ul li:last-child a{border:0;border-radius:0 0 6px 6px;}
	nav#mainNav ul li li:last-child a{border:0;border-radius:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #e5e5e5;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#fff;
	}
	
	nav#mainNav ul li.current-menu-item li a{color:#777}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#fbfaf9 url(images/sub1.png) no-repeat 20px 18px;}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#fff url(images/sub1.png) no-repeat 20px -62px;}
	
	nav#mainNav ul li li:last-child a{background:#fbfaf9 url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#fff url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
/*
	#form02{display:none;}
*/
	#form02{
		margin:0 auto;
		max-width:290px;
		width:100%;
	}
	#input02{
		border: none;
		width: calc(100% - 40px);
		font-size:80%;
	}

	#mainImg{margin-bottom:20px;}
	nav#mainNav{position:relative;}
	.sp_search {
/*
		position:absolute;
		top:0;
		left:0;
*/
		width:60%;
	}
		.icon_search{width:80%;margin:10px auto;}
	.sp_search .searchform,.icon_search .searchform{
	width:100%;
	height:27px;
	border: 2px #555 solid;border-radius:0px;
	background:#f5f5f5;
	padding:0;
	margin:3px;
	position:relative;
	}
	.sp_search .searchform input,.icon_search .searchform input{display:inline-block;}
	.sp_search .searchform input[type="text"],.icon_search .searchform input[type="text"]{margin-right:54px;background:#f5f5f5;height:27px;margin:0;vertical-align:top;padding:0;border:none;width:80%;box-sizing:border-box;font-size:15px;-webkit-appearance: none;
   border-radius: 0;}
	.sp_search .searchform input[type="submit"],.icon_search .searchform input[type="submit"]{background:#fff;color:#000;border-radius:0px;border:#555 1px solid;border-left:#555 3px solid;box-sizing:border-box;margin:0;width:50px;height:27px;padding:0;position:absolute;top:0;right:0;font-size:15px; -webkit-appearance: none;
   border-radius: 0;}
.sp_search .searchform input[type="text"].s,.icon_search .searchform input[type="text"].s{font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;}
    .sp_search .searchform input[type="text"],.icon_search .searchform input[type="text"]{background-image:url(./images/search.png);
    background-repeat:no-repeat;background-size:auto 100%;}
    .sp_search .searchform input[type="text"].s:focus, .icon_search .searchform input[type="text"].s:focus{
   background-image:none;
    }
    
}
	


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	#wrapper, .inner{width:100%;box-sizing:border-box;padding:0 5px;}
	.header__inner{width:96%;padding:0 2%;box-sizing:border-box;}
	.contact{padding:10px 0 10px;}
  	nav#mainNav{width:100%;box-sizing:border-box;}
	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}
	nav div.panel{float:none;}
	#mainImg img{width:98%;height:auto;}
	#content, #sidebar{
	clear:both;
	width:100%;
	float:none;
	margin:0 auto;
	/*padding:10px 0;*/
	box-sizing:border-box;
	}

	.banner{width:100%;margin:0 auto;text-align:center;}
	p.banner img{width:100%;height:auto;}
	
	section.widget_search{text-align:center;}
	
	.breadcrumbs{width:90%;}
	.ad_slider{width:96%;box-sizing:border-box;margin:0;}
	.ad_slider img{width:100%;height:auto;box-sizing:border-box;}
	.ad_area{width:100%;}
	.ad_area img{width:100%;height:auto;}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	body{background-position:0 -25px;}
	#header h1{color:#333;}
	
#header h2 img{max-width:80%;padding-bottom:10px;}
	.header__inner{text-align:left;padding-left:0;margin:0;width:100%;}
	
	#header h2,.contact{float:none;}
	.contact{padding:0 0 20px;}
	.contact p{text-align:center;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	.ad_area{margin:0 auto;}
	.ad_area img{width:100%;height:auto;}
	.contact{display:none;}
	.post{padding:5px 5px 0 5px;}
	.scrapbox_large.somebox .note_area,.scrapbox_large.firstbox .note{height:95px;}
	.scrapbox_large.firstbox,.scrapbox_large.somebox{
	width:100%;font-size:90%;
	}
	.scrapbox_large.firstbox a.img__link{height:145px;}
	/*.scrapbox_large img.img__link,.scrapbox_large.firstbox a img.attachment-scrap-img{
	width:100%;height:auto;
	display:block;
	}*/
	/*.scrapbox a.img__link{height:400px;}*/
	.scrapbox a.img__link{
	width:100%;
	height:400px;
	overflow:hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	}
	.scrapbox_small{font-size:90%;}
	.single_scrap{width:100%;}
	ul.post li{width:100%;}
	h2.title{font-size:24px;padding-top:10px;}
	ul#tabs-list li label.panel-label{font-size:50%;}
	#tabs-list li span{display:none;}
	/*.balloon5 p,.balloon4 p{font-size:80%;}*/
	#panels .balloon4 .mycomment,#panels .balloon5 .says{
		font-size:14px;
	}
	.list_box h4{font-size:16px;}
	p.text_ecperpt{display:none;}
	.home h2.title,.border-title h2.title{
		width:90%;
		padding:2px 0;
		height:30px;
	}
	
}
@media only screen and (max-width: 430px){
	.icon__menu{
		height:55px;
	}
	.icon__menu ul li{
		height:50px;
	}
	.icon__menu ul li a{
		font-size:50%;
		display:block;
	}
	ul#tabs-list li label.panel-label{font-size:45%;}
	.icon__menu ul li ul{
	height:auto;
	top:-81px;
	left:0;
	}
	.icon__menu ul li ul.icon_menu_nav{
	top:-300px;
	left:0;
	}
}
/* スマホページ下部ボタン
------------------------------------------------------------*/
#fixedBtn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 300;
    background:#f5f5f5;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content:         space-around;
    -webkit-align-content: stretch;
    align-content:         stretch;
    padding-top:5px;
}
#fixedBtn p{
	width:47%;
}
#fixedBtn p a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;

	padding:9px 0;
	color:#fff;
	background:#808080;
	border-radius:5px;
	font-weight:bold;
}
#fixedBtn p a.oBtn{
	background:#ff6a00;
}
#fixedBtn p a.BtnNone{
	background:#ccc;
	color:#999;
}


/**/
.icon_menu ul.menu_inner{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content:         space-around;
-webkit-align-content: stretch;
 align-content:         stretch;
}

.icon_menu ul li{
width:20%;
border:#eee 1px solid;
}
.icon_menu ul li a{
text-align:center;
display:block;
font-size:90%;
}

.icon_menu ul.icon_menu_nav li{width:100%;}
#icon_menu{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 300;
}
.toggle-content{
    display: none;
    position: fixed;
    bottom: 50px;
    background: white;
    width: 100%;
}

.toggle-content .hatena-module{
    padding: 15px 10px 10px 10px;
}
.toggle-content .hatena-module-body{
    font-size: 80%;
}
.toggle-content .hatena-module-body a{
    color: #444;
    font-weight: bold;
}
.toggle-content .hatena-module-body .urllist-image{
    width: 50px;
    height: 50px;
}
.toggle-content .urllist-item{
    padding: 0;
    margin: 0;
    min-height: 29px;
}
.toggle-content .urllist-item::before{
    display: none;
}
.category-list{
    list-style-type: none;
    margin: 0;
    width: 100%;
    padding-left: 0;
}
.category-list li{
    border-top: 1px solid #333;/*カテゴリのリスト間の線の色*/
}
.category-list a{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #444;/*カテゴリの背景色*/
    color: #f0f0f0;/*カテゴリの文字色*/
    font-size: 80%;
}
.btn-area{border-top:#ccc 1px solid;}
.btn-area a,
.btn-area span{
display: block;
float: left;
width: 20%;
height: 50px;
padding-top:5px;
line-height: 18px;
text-align: center;
vertical-align:middle;
font-size: 70%;
background: #fff;
color: #444;
border-right:#ccc 1px solid;
box-sizing:border-box;
}
.toggle-content ul.icon_menu_nav{
border-top:#ccc 1px solid;
}
.toggle-content ul.icon_menu_nav li a{
display:block;
text-align:center;
padding:5px 0;
border-bottom:#ccc 1px dashed;
}


.toggle-content ul.follow-list{

}
.toggle-content ul.follow-list li{
width:35%;
float:left;
text-align:center;
background:#000;
color:#fff;
line-height:40px;
}
.toggle-content ul.follow-list li:first-child{
width:30%;
}
.toggle-content ul.follow-list li a{
display:block;
text-align:center;
}

.toggle-content ul.follow-list li a.fa-follow{
background:#415a93;
color:#fff;
}
.toggle-content ul.follow-list li a.tw-follow{
background:#8ecbf4;
color:#fff;
}
.toggle-btn.active{
background:#2b6ca3;
color:#fff;
}
.balloon4 .mycomment p,.balloon5 .says{
font-size:14px;
}
.icon_menu_nav li.closeBtn span{
	border:#2b6ca3 2px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:0 20px;
}
.icon_menu_nav li.closeBtn a{
	color:#2b6ca3;
	font-size:12px;
}
/*コメント吹き出し色分け
******************************************/
.mlm_slug {
	background:#f5deb3;
}
.hyip_slug {
	background:#ee99ff;
}
.commodity_slug {
	background:#fff0f5;
}
.coin_slug {
	background:#FFFFCC
}
.ico_slug,
.post_slug {
	background:#d7ebfe;
}
.exchanges_slug {
	background:#d5efdd;
}
.exchanges_slug {
	background:#d5efdd;
}
.wallets_slug {
	background:#ffd400;
}


.svg--white{
	fill:#fff;
}


/*
##################################################################
 
	アクセスランキング
 
##################################################################
*/

.pr__cont{
	background:#d7ebfe;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #d5d5d5;
}
@media only screen and (max-width: 644px){
	.pr__cont{
		padding:5px;
	}
}
.pr__ranking{
	/*.post ul のmarginをリセット*/
	margin-left:0 !important;
}
.ranking__list {
	margin-top:20px;
}
@media only screen and (max-width: 644px){
	.ranking__list {
		margin-top:10px;
	}
}
.ranking__list:first-of-type{
	margin-top:0;
}
.ranking__list a{
	background:#fff;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.ranking__box--img{
	width:10%;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
.ranking__box--img img{
	width:50%;
	height:auto;
}
@media only screen and (max-width: 644px){
	.ranking__box--img img{
		width:auto;
		height:30px;
	}
}
.ranking__box--body{
	width:90%;
	position:relative;
}
/*
@media only screen and (max-width: 644px){
	.ranking__box--body{
		width:100%;
		position:relative;
	}
}
*/
.ranking__box--body p{
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
	padding:0;
}
@media only screen and (max-width: 644px){
	.ranking__box--body p{
		font-size:18px;
		line-height:1.2em;
	}
}
.ranking__box--body:before{
	content: "";
	top: 0;
	right: 0;
	border-bottom: 80px solid transparent;
	border-right: 80px solid #ff4444; 
	position: absolute;
	z-index: 100;
}
@media only screen and (max-width: 644px){
	.ranking__box--body:before{
		content: "";
		top: 0;
		right: 0;
		border-bottom: 40px solid transparent;
		border-right: 40px solid #ff4444; 
		position: absolute;
		z-index: 100;
	}
}

.ranking__box--body:after {
	content: "チェック!!";
	display: block;
	top: 20px;
	transform: rotate(45deg);
	color: #fff; 
	right: -8px;
	position: absolute;
	z-index: 101;
}
@media only screen and (max-width: 644px){
	.ranking__box--body:after {
		content: "チェック!!";
		font-size:10px;
		display: block;
		top: 10px;
		transform: rotate(45deg);
		color: #fff; 
		right: -8px;
		position: absolute;
		z-index: 101;
	}
}





.t_arrow{
position:relative;
display:block;
position: absolute;
content: '';
width: 0;
height: 0;
margin: auto;
top: 20px;
left:0px;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 16px 0 16px 16px;
}
.t_arrow:after{
position: absolute;
content: '';
width: 0;
height: 0;
margin: auto;
top: -16px;
left:-26px;
border-style: solid;
border-color: transparent transparent transparent #d7ebfe;
border-width: 16px 0 16px 16px;
}