/*
Template: albatros
Theme Name: crypto-currency-girls
Theme URI:http://open-cage.com/albatros/
*/

a:focus {
  outline: none; }
/*********************
LARGER MOBILE DEVICES
*********************/
@media only screen and (min-width: 481px) {

}

/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 768px) {

}

/*********************
DESKTOP ONLY
*********************/
@media only screen and (min-width: 1100px) {

}


/* ロゴ */
@media only screen and (min-width: 768px){
	.home #inner-header{
			z-index: 1;
	}
	.header.headercenter #logo {
		margin: 10px auto 10px;
	}
}

/* グローバルナビ */

@media only screen and (min-width: 768px){
	#g_nav{
		margin: 0px;
		height:50px;
		top:40px;
	}
	#g_nav ul{
		display:block;
		margin: 0 auto;
		text-align: center;
		position:inherit;
	}
	#g_nav ul li{
		display:inline-block;
		float:none;
		width: 220px;
	}
	#g_nav ul li a{
		background:url(../none.html);
		background: linear-gradient(45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8));
		border:2px solid #fff;
		border-radius: 10px;
		padding:10px 0;
		font-weight: bold;
		color:#fff;
		margin:0 15px;
	}
	#g_nav ul li a:before{
		font-family: FontAwesome;
		content: "\f0c1";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;
		background: linear-gradient(45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8));
		font-weight: normal;
		width: 30px;
		text-align: center;
		height: 30px;
		line-height: 32px;
		left: -1.35em;
		top: 14%;
		border: solid 3px white;
		border-radius: 50%;
	}
	#g_nav ul li a:hover{
		background:url(../none.html);
		background-color: #fff;
		color:#5c9ee7;
		border:2px solid #5c9ee7;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	#g_nav ul li a:hover:before{

    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
	}

	@-webkit-keyframes spin {
		0% {-webkit-transform: rotate(0deg);}
		100% {-webkit-transform: rotate(360deg);}
	}
	@-moz-keyframes spin {
		0% {-moz-transform: rotate(0deg);}
		100% {-moz-transform: rotate(360deg);}
	}
	@-ms-keyframes spin {
		0% {-ms-transform: rotate(0deg);}
		100% {-ms-transform: rotate(360deg);}
	}
	@-o-keyframes spin {
		0% {-o-transform: rotate(0deg);}
		100% {-o-transform: rotate(360deg);}
	}
	@keyframes spin {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(360deg);}
	}


	body.archive #logo,body.single #logo,body.page #logo{
		text-align: left;
	}

	body.archive .header.headercenter #logo p.h1,body.single .header.headercenter #logo p.h1,body.page .header.headercenter #logo p.h1{
		margin-top:15px;
	}

	body.archive .header.headercenter #g_nav,body.single .header.headercenter #g_nav,body.page .header.headercenter #g_nav{
		margin-top: -80px;
		padding-bottom: 80px;
	}
}


	/*ヘッダー*/

	header.header{
		background: none;
	}

	.home .subnav .searchform{
		display:none;
	}


@media only screen and (min-width: 768px) {
	.home #custom_header{
		background: url(../images/cropped-custom_header_2.png) no-repeat center center;
		margin-top: -510px;
	}
	.home #header_girl{
		background: url(../images/chara.png) no-repeat center bottom;
		/*background: url(https://crypto-currency-girls.com/wp-content/uploads/2018/04/chara_b8.png) no-repeat center bottom;*/
		max-width: 1609px;
		width:100%;
		height: 600px;
		margin: 0 auto;
		display: block;
	}
	#header_copy{
		position: absolute;
		top: 40%;
		left: 60%;
	}
	#header_logoSP{
		display:none;
	}
	.home .header.headercenter #logo{
		margin: 300px auto 10px;
		text-align: center;
	}
	.home .header.headercenter #logo img{
		height:200px;
		max-height: none;
	}
	#custom_header{
		height:500px;
	}
}

@media only screen and (max-width: 767px) {
	.home #custom_header{
		height:500px;
	}
	#logo a img{
		max-width: 100%;
	}
	.home #custom_header{
		height: 520px;
		background: url(../images/main_bg_SP.png) no-repeat top center;
	}
	.home #header_girl{
		background: url(../images/main_3.png) no-repeat center center;
		/*background: url(https://crypto-currency-girls.com/wp-content/uploads/2018/04/main_3_b8.png) no-repeat center center;*/
		position:relative;
		background-size: cover;
		height:520px;
	}
	#header_copy{
		display:none;
	}
	#header_copy img{
		width:100%;
	}
	#header_logoSP{
	position: absolute;
	bottom: 0;
	}
	#header_logoSP img{
		width:80%;
		display:block;
		margin:0 auto 10px;
	}

}

@media only screen and (min-width: 481px) and (max-width: 767px){
	#custom_header{
		height: 680px;
	}
	#header_girl{
		background: url(../images/main_3.png) no-repeat center center;
		height: 680px;
	}
}


/* 背景 */
.particles-js-canvas-el{
	position: fixed;
	top:0; left:0; width:100%; height:100%;
	z-index: -1;
}


/* 見出し */
h1.entry-title,h1.single-title{
	color:#fff;
	font-weight: bold!important;
	font-size: 150%;
	text-shadow:
3px 3px 0px #0076c2,
3px 2px 0px #0076c2,
3px 1px 0px #0076c2,
3px 0px 0px #0076c2,
2px 3px 0px #0076c2,
1px 3px 0px #0076c2,
0px 3px 0px #0076c2,
2px 2px 0px #0076c2,
1px 2px 0px #0076c2,
0px 2px 0px #0076c2,
2px 1px 0px #0076c2,
1px 1px 0px #0076c2,
0px 1px 0px #0076c2,
2px 0px 0px #0076c2,
1px 0px 0px #0076c2,
0px 0px 1px #0076c2
;
}

#top_carousel h1.entry-title{
	font-weight: normal!important;
	text-shadow:none;
	color:#0076c2;
}

.single .entry-content h2.heading,.page .entry-content h2.heading {
	position: relative;
	padding: 2px 5px 2px 37px;
	font-size: 20px;
	color: #474747;
	background: none;
	border-bottom: 1px solid #ffd98a;
}

.single .entry-content h2.heading:before,.page .entry-content h2.heading:before {
	font-family: FontAwesome;
	content: "\f0c1";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #ffa337;
	font-weight: normal;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -12px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: solid 3px white; 
	border-radius: 50%;
}


.single .entry-content h2.check,.page .entry-content h2.check{
	position: relative;
	color: black;
	background: #d0ecff;
	line-height: 1.4;
	padding: 0.25em 0.5em;
	margin: 2em 0 0.5em;
	border-radius: 0 5px 5px 5px;
}

.single .entry-content h2.check:after,.page .entry-content h2.check:after {/*タブ*/
	position: absolute;
	font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
	content: '\f00c Check';
	background: #2196F3;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 3px 7px 1px;
	font-size: 0.7em;
	line-height: 1;
	letter-spacing: 0.05em;
	border-top:none;
}


.single .entry-content h2.point,.page .entry-content h2.point{
	position: relative;
	border-top: solid 2px #80c8d1;
	border-bottom: solid 2px #80c8d1;
	background: #f4f4f4;
	line-height: 1.4;
	padding: 0.4em 0.5em;
	margin: 2em 0 0.5em;
}

.single .entry-content h2.point:after,.page .entry-content h2.point:after{/*タブ*/
	position: absolute;
	font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
	content: '\f0a7\ POINT';
	background: #80c8d1;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 0.7em;
	line-height: 1;
	letter-spacing: 0.05em;
	border-top:none;
}

.single .entry-content h3.heading,.page .entry-content h3.heading {
	position: relative;
	background: #f1f8ff;
	padding: 0.25em 0.5em;
	border-left: solid 2em #5c9ee7;
}

.single .entry-content h3.heading:before,.page .entry-content h3.heading:before {
	font-family: FontAwesome;
	content: "\f135";
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: normal;
	left: -25px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



.single .entry-content h4.heading,.page .entry-content h4.heading{
	position: relative;
	padding: 0.25em 0;
	}
.single .entry-content h4.heading:after,.page .entry-content h4.heading:after {
	content: "";
	display: block;
	height: 4px;
	background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
	background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
	background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}



/* サイドバー */

h4.widgettitle {
	position: relative;
	background: #f4f4f4;
	padding: 2px 5px 2px 40px;
	font-size: 20px;
	color: #474747;
	border-radius: 0 10px 10px 0;
}

h4.widgettitle:before {
	font-family: FontAwesome;
	content: "\f080";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #ff6363;
	font-weight: normal;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -5px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}



/* 強調表示 */

em.red-bold{
	color:#ff6363;
	font-weight:bold;
	font-style: normal;
	border: none;
}

em.high-lighter{
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-style: normal;
	font-size: 1.5em;
	font-weight:bold;
	border: none;
}


/* スマホヘッダー */
@media only screen and (max-width: 768px) {
	.subnav .searchform{
		display:none;
	}
	.mean-container .mean-bar{
		background: rgba(255, 255, 255, 0.23);
	}
}


/* プリロード */

.wp-smart-loader{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#loader{
    width: 100px;
    height: 100px;
}

/* 投稿 */
.date-author {
	font-size: 70%;
	margin-top: 10px;
	border-top: 1px dotted #FBE2E2;
	border-bottom: 1px dotted #FBE2E2;
	padding: 1em 2em;
	overflow: hidden;
}

/* フッター */
#footer-top h4.widgettitle{
	padding-left: 40px;
}
#footer-top h4.widgettitle:before{
	background: #0076c2;
	content: "\f013";
}
.tagcloud a:before {
	font-family: "fontawesome";
	content: '\f02b';
	margin-right: 0.2em;
}

@media only screen and (min-width: 768px) {
	#media_image-2{
		padding:0 20px 0 0;
	}
}

/* トップへ戻る */
@media only screen and (min-width: 768px) {
	#page-top a{
		background: url(../images/go_to_top.png) no-repeat center center;
		background-size: cover;
		width:150px;
		height:185px;
	}
	#page-top a.purupuru{
		background: url(../images/Ripple_01.gif) no-repeat center center;
		background-size: cover;
		width:150px;
		height:185px;
	}
	#page-top .fa-chevron-up:before {
		content:none;
	}
}


/* カルーセル */
#top_carousel h2.h3{
font-size: 150%;
line-height: 1.5em;
color: #fff;
text-shadow:
3px 3px 0px #0076c2,
3px 2px 0px #0076c2,
3px 1px 0px #0076c2,
3px 0px 0px #0076c2,
2px 3px 0px #0076c2,
1px 3px 0px #0076c2,
0px 3px 0px #0076c2,
2px 2px 0px #0076c2,
1px 2px 0px #0076c2,
0px 2px 0px #0076c2,
2px 1px 0px #0076c2,
1px 1px 0px #0076c2,
0px 1px 0px #0076c2,
2px 0px 0px #0076c2,
1px 0px 0px #0076c2,
0px 0px 1px #0076c2
;
}


/* トップヘッダー下 */
.home_widget{
	background: url(../images/bg_about.png) no-repeat top center;
	width: 1076px;
	height: 673px;
	position:relative;
}

.home_widget #text-2{
	margin: 180px auto 0px;
}

.home_widget #text-2 .textwidget{
	margin:0 auto;
	display:block;
	width:800px;
}

.home_widget #media_image-3{
	position:absolute;
	bottom:0px;
	left:0px;
	width:72px;
}

.swing {
    margin:10px;
    -moz-animation: swing linear 5s infinite;
    -moz-transform-origin: center -30px 0;
    -webkit-animation: swing linear 5s infinite;
    -webkit-transform-origin: center -30px 0;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -30px 0;
    -o-animation: swing linear 5s infinite;
    -o-transform-origin:center -30px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -30px 0;
    display: block;
    float:left;
}
 
@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(5deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(5deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

img.chain{
	position: absolute;
	margin-top: -3px;
	margin-left: -20px;
	z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width:1100px){
	.home_widget{
		background: url(../images/bg_about_tab.png) no-repeat top center;
		background-size: 760px;
		width:760px;
		height:780px;
	}

	.home_widget #text-2{
		margin: 140px auto 0px;
	}

	.home_widget #text-2 .textwidget{
		margin:0 auto;
		display:block;
		width:620px;
	}

	img.chain {
		width: 60px;
	}
}

@media only screen and (min-width: 481px) and (max-width:768px){
	#text-3{
		width: 90%;
		margin: -40px auto 0;
		padding:0 5px;
	}
	img.chain {
		margin-top: -42px;
		margin-left: -13px;
		width: 42px;
	}
}

/*********************
LARGER MOBILE DEVICES
*********************/
@media only screen and (max-width: 480px) {
	.home_widget{
		background: url(../none.html);
		margin-top: 20px;
		width:100%;
		height:auto;
	}
	img.chain {
		margin-top: -37px;
		margin-left: -22px;
		width: 42px;
	}
	#text-3{
		margin-top: -20px;
		background-color: rgba(0,159,255,0.5);
		border: 1px solid #0076c2;
		-webkit-box-shadow: 0 2px 5px #ddd;
		-moz-box-shadow: 0 2px 5px #ddd;
		box-shadow: 0 2px 5px #ddd;
		-webkit-box-shadow: 0 2px 5px rgba(128, 128, 128, 0.15);
		-moz-box-shadow: 0 2px 5px rgba(128, 128, 128, 0.15);
		box-shadow: 0 2px 5px rgba(138, 138, 138, 0.15);
		padding:0 5px;
	}
}

/* メインカラム */
#main .article,.single .authorbox,.single .related-box{
	border: 1px solid #0076c2;
	/**/-webkit-box-shadow: 0 2px 5px #ddd;
	-moz-box-shadow: 0 2px 5px #ddd;
	box-shadow: 0 2px 5px #ddd;
	-webkit-box-shadow: 0 2px 5px rgba(128, 128, 128, 0.15);
	-moz-box-shadow: 0 2px 5px rgba(128, 128, 128, 0.15);
	box-shadow: 0 2px 5px rgba(138, 138, 138, 0.15);
	box-shadow:5px 5px rgba(0,159,255,0.5);
}


ul.wpp-list li a:before{
	background:#000!important;
	color:#fff!important;
}

.widget.widget_search input[type="search"],.searchform input[type="search"]{
	background-color: #fff;
}

.sharewrap{
	background:#f4f4f4;
}

.header .subnav .site_description, .header .mobile_site_description{
	color:#5c6b80!important;
}

#footer-text-box{
	background:#fff;
	padding:10px;
	margin-top: 10px;
}

/* 補足 */
.supplement{
	background-color: #fff!important;
}

.supplement:before{
	content:"\f0c1"!important;
}

.related_article a:hover{
	background:rgba(0,159,255,0.5)!important;
}

div#toc_container {
    width: 100% !important;
}

@media only screen and (min-width: 768px){
	#oreno{
		display:none;
	}
}