* { margin: 0; padding: 0; }
@font-face {
font-family: 'NotoSansCJKjp-Light';
src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2);
font-display: swap;
}
body,html {
font-weight:normal;
font-family:'NotoSansCJKjp-Light','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:15px;
color:#333;
background-color:#FAFAFA;
line-height:145%;
}
@media (max-width:640px) { 
body,html {
background:none;
}
}
ul {
list-style:none;
}
a {
text-decoration:none;
color:#1FA2E1;
}
a:hover {
text-decoration:underline;
}
a:focus {
outline:none;
}
p {
margin:0;
}
@media (max-width:640px) { 
* {
font-size: 1.05em;
line-height: 2em;
}
td{
line-height:1.8em;
}
#melmaga_body img {
width:600px !important;
}
}
hr{
margin-bottom:10px;
}
h1 {
font-size:30px;
line-height:35px;
font-weight:normal;
font-family: "ＭＳ Ｐゴシック", "Osaka",Georgia, "Times New Roman", Times, serif;
}
h1 a{
color:#1F88A7;
}
h1 a:hover {
text-decoration:none;
color:#333;
}
p{
margin:1.5em 0;
}
h2{
font-size:15px;
line-height:20px;
}
h3{
font-size:16px;
} #mainWrapper {
}
@media (max-width:640px) { 
}
#wrapper {
margin:0 auto;
width:auto;
}
@media screen and (min-width:1920px) { 
#wrapper {
width:1920px;
}
}
@media screen and (max-width:640px) { 
#wrapper {
width:640px;
}
}
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 0;
height:412px;
}
@media (max-width:640px) { 
#header {
height:320px;
}
}
#content {
padding-bottom:20px;
margin-top: 380px;
z-index: 15;
background-color:#FFF;
position: relative;
overflow:hidden;
padding: 10px 10% 0 10%;
text-shadow: #eee 1px 1px;
width: 80%;
}
@media screen and (max-width:1150px) { 
#content {
padding: 14px 2% 0 2%;
margin: 380px 0% 0 0%;
width: 96%;
background-color: #FFF;
}
}
@media screen and (max-width:640px) { 
#content {
display:block;	
margin: 330px 0% 0 0%;
padding:0;
width: 640px;
}
}
#flex_content {
display:flex;	
flex-direction:row-reverse;
}
@media screen and (max-width:640px) { 
#flex_content {
display:block;	
}
}
#content #colLeft {
flex-basis:70%;
margin-left:30px;
padding-top:10px;
}
@media (max-width:640px) { 
#content #colLeft{
margin:0px;
width: 600px;
padding-left: 20px;
}
}
#content #colRight {
flex-basis:250px;
}
@media screen and (max-width:1150px) { 
#content #colRight {
width:300px;
}
}
#footer {
background:#111;
padding:15px 0 30px;
margin-top:20px;
text-shadow:1px 1px #000;
border-top:3px solid #000;
}
#footerInner {
width:960px;
margin:0 auto;
padding:20px 0 35px;
overflow:hidden;
}
@media (max-width:640px) { 
#footerInner {
width:640px;
}
#footerInner img{
width:600px;
}
}  #logo {
height:412px;
position: relative; width:100%;
}
#logo a img{
z-index:1;
width:1920px;
height:412px;
margin-left: -960px;
position: absolute;
left: 50%;
}
#logo video{
z-index:0;
top:0px;
width: auto;
min-height: 100%;
}
@media screen and (max-width:640px) { 
#logo {
height:320px;
}
#logo a img{
width: 1420px;
height: 312px;
margin-left: -710px;
max-width:none;
}
#logo video{ }
}
#topMenu {
position:absolute;
left:-13px;
top:0;
text-shadow:1px 1px #000;
}
#topMenu ul li{
float:left;
}
#topMenu ul li a, #topMenu ul li div {
display:block;
height:32px;
color:#3FAEA5;
padding:18px 15px 0;
text-transform:uppercase;
font-size:12px;
}
#topMenu ul li div {
color:#ccc;
text-transform:none;
}	
#topMenu ul li a span {
font-size:10px;	
color:#999;
line-height:120%;
}
#topMenu ul li a:hover, #topMenu ul li a.selected {
text-decoration:none;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_topmenu_hover.jpg) 0 0 repeat-x;
color:#FFF;
text-shadow:1px 1px #666;
}
#category_links{
position: absolute;
top:380px;
width: 100%;
margin:0 auto;
color:#FFF;
font-weight:800;
font-size:1em;
z-index:3;
}
#category_links div{
width:620px;
display:flex;	
margin:0 auto;
justify-content: center;
}
#category_links a{
text-align:center;
margin:0 1em;
color:#FFF;
} #topSocial {
position:absolute;
right:0;
top:100px;
}
#topSocial ul li {
float:left;
padding:0 5px;
width:50px;
}
#topSocial ul li a {
display:block;
height:49px;
width:49px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_topsocial.png) 0 0 no-repeat;
text-indent:-9999px;
}
#topSocial ul li a.twitter {
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/ico_social_twitter.png) 0 0 no-repeat;
}	
#topSocial ul li a.facebook {
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/ico_social_facebook.png) 0 0 no-repeat;
}
#topSocial ul li a.rss {
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/ico_social_rss.png) 0 0 no-repeat;
}
#topSocial ul li a.twitter:hover, #topSocial ul li a.facebook:hover, #topSocial ul li a.rss:hover {
background-position:0 -49px;
} #topSearch {
position:absolute;
right:0;
top:13px;
} pre {
font-size: 1.3 em; 
padding:10px; 
background: #E3E8EA;
display:block;
border:1px solid #FDFDFD;
margin-bottom:25px;
clear:both;
}
#content #colLeft ul li, #content #colLeft ol li  {
padding:5px 0 5px 20px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bullet_list.png) 0 8px no-repeat;
}
#content #colLeft ul {
margin:0 0 15px 15px;
}
#content #colLeft ol li {
background:none;
padding-left:0;
}
#content #colLeft ol {
margin:0 0 15px 35px;
}
#featuredPosts {
width:100%;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_dotted_big.png) 0 100% repeat-x;
overflow:hidden;
margin:30px 0;
}
#featuredPosts .item {
float:left;
width:46%;
padding:0 2% 30px 0;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/featured_bubble.png) 90% 0 no-repeat;
margin-right:15px;
position:relative;
}
@media (max-width:640px) { 
#featuredPosts .item {
width:620px;
padding: 0 0 0 20px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/featured_bubble.png) 90% 0 no-repeat;
}
}
#featuredPosts .lastItem {
margin-right:0;
padding-right:0;
}
@media (max-width:640px) { 
#featuredPosts .lastItem {
margin: 2em 0 2em 0;
}
}
#featuredPosts .item h1 {
padding-right:80px;
padding-top:5px;
font-weight:normal;
margin-bottom:25px;
line-height:130%;
height:90px;
width:79%;
}
@media (max-width:640px) { 
#featuredPosts .item h1{
padding-top: 30px;
margin-bottom: 0px;
height:auto;
}
#featuredPosts .item h1 a{
font-size:30px;
line-height:1.2em;
}
}
#featuredPosts .item h1  a {
color:#333;
}
#featuredPosts .item h1 a:hover {
text-decoration:none;
color:#399B8C;
}
#featuredPosts .item .readMore {
display:block;
width:46px;
height:46px;
position:absolute;
left:90%;
top:90%;
text-indent:-9999px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_readmore.png) 0 -46px no-repeat;
}
@media (max-width:640px) { 
#featuredPosts .item .readMore {
display:none;
background:none;
}
}
#featuredPosts .item .readMore:hover {
background-position:0 0;
}
#featuredPosts .item img {
margin-right:15px; 
border:0px solid #F7F9F9;
-moz-border-radius:8px; 
-webkit-border-radius:8px;
}
@media (max-width:640px) { 
#featuredPosts .item img {
width:600px;
}
}
#featuredPosts .item p {
margin-bottom:0.3em;
}
@media (max-width:640px) { 
#featuredPosts .item p {
line-height:1em;
}
} #slider {
position:relative;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/loading.gif) no-repeat 50% 40%;
height:370px; 
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
z-index:1;
} #content .postBox {
float:left;
margin:0 42px 30px 0;
width:290px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/box_botttom_shadow.png) 50% 100% no-repeat;
padding-bottom:5px;
position:relative;
text-shadow:none;
}
@media (max-width:640px) { 
#content .postBox {
margin: 0 1% 30px 2%;
width: 46%;
}
}
#content .lastBox {
margin-right:0;
}
#content .postBoxInner, #content .postBoxInnerHover {
overflow:hidden;
border:8px solid #EFF7E5;
background:#EFF7E5;
padding:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
height:380px;
font-size:12px;
}
@media (max-width:640px) { 
#content .postBoxInner, #content .postBoxInnerHover {
height:390px;
}
}
#content .postBoxInner div.excerpt {
overflow:hidden;
height:120px;
}
@media (max-width:640px) { 
#content .postBoxInner div.excerpt p{
line-height:1em;
}
}
#content .postBoxInnerHover {
background:#FFF;
border:8px solid #CCDBC7;
}
#content .postBoxInner img {
border:none;
}
#content .postBoxInner p {
margin:0 0 1.5em;
}
#content .postBoxInner div.meta{
font-size:11px;
color:#888;
margin:0;
text-transform:uppercase;
position:absolute;
left:18px;
bottom:25px;
}
#content .postBoxInner div.meta img {
vertical-align:middle;
}
#content .postBox .postBoxInner h2 {
font-size:20px;
padding:15px 0 10px;
font-weight:normal;
margin-bottom:0;
}
#content #colLeft .postBox .postBoxInner h2 {
margin-bottom:0;
}
#content .postBoxInner h2 a {
color:#353535;
}
@media (max-width:640px) { 
#content .postBoxInner h2 a {
font-size:20px;
font-weight:800;
line-height:1.2em;
}
}
#content .postBoxInner h2 a:hover {
color:#1FA2E1;
text-decoration:none;
}
@media (max-width:640px) { 
#content .postBoxInner h2 a {
line-height:1.2em;
}
}
#content .postBox .readMore {
position:absolute;
bottom:-5px;
right:20px;
display:block;
width:46px;
height:46px;
text-indent:-9999px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_readmore.png) 0 0 no-repeat;
}
#content .postBox .readMore:hover {
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_readmore.png) 0 -46px no-repeat;
} #content #singlePost.normal {
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_dotted_big.png) 0 100% repeat-x;
margin-bottom:20px;
padding-bottom:20px;
}
#content #singlePost .meta {
text-transform:uppercase;
font-size:11px;
color:#666;
margin:-15px 0 15px;
padding-bottom:18px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_dotted_big.png) 0 100% repeat-x;
}
#content #singlePost .meta img {
padding:0;
background:none;
}
#content #singlePost h1 {
padding-bottom:10px;
}
#content #singlePost img {
padding:0px;
margin: 0.8em 0 0.3em 0;
border:none;
width:auto;
height:auto;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#content #colLeft h1, #content #colLeft h2 {
margin-bottom:20px;
}
@media (max-width:640px) { 
#content #colLeft h1, #content #colLeft h2 {
margin: 30px 0 25px 0;
}
}
.postTags {
font-size:13px;	
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/ico_tag.png) 0 50% no-repeat;
padding-left:24px;
margin:25px 0 0;
} .rightBox {
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/box_botttom_shadow_right.png) 50% 100% no-repeat;
padding-bottom:4px;
margin-bottom:12px;
}
@media (max-width:640px) { 
.rightBox {
display:none;
}
}
.rightBoxInner  {
background:#EFF7E5;
padding:10px;
padding-bottom:20px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:8px solid #CCDBC7;
}
.rightBoxInner h2 {
padding:10px 0;
text-transform:uppercase;
font-size:15px;
border-bottom:1px solid #ddd;
}
.rightBoxInner ul li{
padding:6px 0;
border-bottom:1px solid #ddd;
}
.rightBoxInner ul li, .rightBoxInner p, .rightBoxInner div {
text-shadow:none;
}
h2.twitter {
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/ico_bird.png) 90% 40% no-repeat;
}
#twitter a.action{
font-weight:bold;
display:block;
padding-top:10px;
}
.rightBoxInner p {
margin:0.7em 0;
}
.rightBoxInner div {
margin-top:10px;
} .emm-paginate {overflow:hidden;text-align:center;background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_pagination.png) 0 50% repeat-x; margin:15px auto 0; font-size:18px; float:left; padding-right:2px;}
.emm-paginate a, .emm-paginate .emm-current {background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_pagination_item.png);color:#26B8A3; margin:0 5px;display:block; width:41px; height:31px; text-align:center; text-decoration:none; float:left;padding-top:10px; font-weight:bold;}
.emm-paginate .emm-title {color:#555; float:left; font-size:12px; padding-top:10px;}
.emm-paginate .emm-gap {color:#999; margin-left:10px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#000;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {} #twitter_update_list li, .tooltip li {
padding:10px 0;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
line-height:125%;
color:#666;
} .tooltip{
position:absolute;
z-index:999;
left:-9999px;
top:0;
width:250px;
background:#F7F9F9;
padding:5px 10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:5px solid #EEF2F2;
}
#archive-title {
padding-bottom:8px;
margin:0 0 15px;
display:block;
border-bottom:1px dotted #BEC8CB;
}
.more-link{
text-transform:uppercase;
width:161px;
height:32px;
padding-top:10px;
margin-top:10px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/but_form.png) 0 100% repeat-x;
color:#FFF;
font-size:12px;
text-shadow:1px 1px #23829F;
display:block;
text-align:center;
} table#wp-calendar {
width:100%;
margin-top:3px;
}
table#wp-calendar caption {
padding:3px 0;
color:#4D6262;
background:#D8E0E0;
border-bottom:1px solid #B9C6C6;
}
table#wp-calendar th {
background:#EEF2F2;
border-bottom:1px solid #D8E0E0;
padding:2px 0; 
color:#1FA2E1;
}
table#wp-calendar td {
text-align:center;
border-bottom:1px solid #EEF2F2;
padding:2px 0;
}
table#wp-calendar td#next, table#wp-calendar td#prev {
border-bottom:2px solid #EEF2F2;
text-align:left;
font-weight:bold;
padding-bottom:5px;
}
table#wp-calendar td.next {
text-align:right;
}  .dropcap1, .dropcap2, .dropcap3 {
float:left;
overflow:hidden;
text-align:center;
}
.dropcap1 {
font-size:34px;
height:34px;
line-height:38px;
width:30px;
text-align:left;
}
.dropcap2 {
font-size:28px;
height:38px;
line-height:38px;
width:38px;
margin-right:7px;
color:#fefefe;
background:#111;
text-shadow:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.dropcap3 {
font-size:26px;
height:40px;
line-height:40px;
width:40px;
margin-right:7px;
color:#fefefe;
text-shadow:none;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_dropcap3.png) 0 0 no-repeat;
} blockquote {
border-left:1px dashed #AAAAAA;
color:#555;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
line-height:18px;
margin:15px 0 15px 20px;
padding-left:20px;
}
blockquote.alignleft {
float:left;
margin:10px 10px 10px 0;
width:300px;
}
blockquote.alignright {
float:right;
margin:10px 0 10px 10px;
width:300px;
} .highlightyellow, .highlightblack, .highlightred, .highlightgreen {
text-shadow:none;
}
.highlightyellow{
background:#FFFFC1;
}
.highlightblack{
background:#333;
color:#fff;
}
.highlightred {
background:#CC0000;
color:#fff;
}
.highlightgreen {
background:#45C0B6;
color:#fff;
} #colLeft .onehalf, #colLeft .onehalf_last {
float:left;
width:310px;
margin:0 30px 10px 0;
overflow:hidden;
}
#colLeft .onehalf_last {
margin:0 0 10px 0;
}
#colLeft .onethird, #colLeft .onethird_last {
float:left;
width:197px;
margin:0 30px 10px 0;
overflow:hidden;
}
#colLeft .onethird_last {
margin:0 0 10px 0;
}  #footerInner .boxFooter {
float:left;
width:210px;
padding-right:30px;
overflow:hidden;
margin-bottom:40px;
}
#footerInner h2 {
font-size:20px;
border-bottom:1px solid #292929;
padding:7px 0 12px;
margin-bottom:2px;
color:#ccc;
font-weight:normal;
text-shadow:none;
}
#footerInner .boxFooter ul li {
padding:7px 0;
border-bottom:1px dotted #292929;
}
#footerInner .boxFooter ul li a {
text-decoration:none;
color:#555;
font-size:13px;
font-style:normal;
}
#footerInner .boxFooter ul li a:hover {
color:#ccc;
}
#footerInner .boxFooter #twitter_update_list li a{
color:#999;
}
#footerInner .boxFooter #twitter_update_list li a:hover {
text-decoration:underline;
} #footerInner #copyright {
clear:both;
position:relative;
color:#666;
}
#site5bottom {
position:absolute;
right:0;
top:-9px;
}
#site5bottom img {
border:none;
}
#site5bottom a {
display:block; } h2.h2comments {
display:block;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/ico_comments.png) 0 50% no-repeat;
padding:10px 0 10px 40px;
margin:20px 0 0 0;
}
h2.h2comments a.addComment {
display:block;
text-transform:uppercase;
float:right;
font-size:12px;
margin-top:-3px;
padding-top:8px;
margin-right:10px;
font-weight:bold;
}
h2.h2comments a.addComment:hover {
text-decoration:none;
}
h2#commentsForm {
margin:15px 0;
padding-top:15px;
}
#content #colLeft ul.commentlist {
list-style:none;
list-style-position:outside;
display:block;
margin:10px 0 20px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_dotted_big.png) 0 0 repeat-x;
padding:0;
overflow:hidden;
}
#content #colLeft ul.commentlist ul {
list-style-type:none;
list-style-position:outside;
margin:0;
}
#content #colLeft ul.commentlist li {
padding:0 0 20px 40px;
position:relative;
margin-top:25px;
background:none;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_dotted_big.png) 0 100% repeat-x;
}
#content #colLeft ul.commentlist li p{
font-size:13px;
margin:5px 0;
padding:5px 0;
}
#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {
margin-left:20px;	
}
#content #colLeft ul.commentlist li .comment-meta span {
font-size:11px;
color:#999;
}
#content #colLeft ul.commentlist li .avatar {
background:#fff;
padding:1px;
border:5px solid #eee;
position:absolute;
left:0;
top:0;
}
#content #colLeft ul.commentlist .reply {
position:absolute;
right:10px;
top:10px;
font-size:12px;
}
#content #colLeft ul.commentlist .reply a {
text-transform:uppercase;
font-weight:bold;
display:block;
}
#content #colLeft ul.commentlist .reply a:hover {
text-decoration:none;
}
#content #colLeft ul.commentlist li .children li {
margin-top:15px;
padding-top:20px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/bk_dotted_big.png) 0 0 repeat-x;
border-bottom:none;
padding-bottom:0;
}
#content #colLeft ul.commentlist li .children li .avatar {
top:20px;
}
#content #colLeft ul.commentlist li .children li .reply {
top:20px;
} #commentform p {
margin:0;
padding:0;
}
#commentform label {
display:block;
padding:5px 0;
}
#commentform input, #commentform textarea {
border:1px solid #fff;
border-top:1px solid #B8C4C5;
border-left:1px solid #B8C4C5;
padding:8px;
margin-bottom:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
width:350px;
}
#commentform input:focus, #commentform textarea:focus {
border:1px solid #45C0B6;
}
#commentform textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
width:630px;
}
#commentform input#submit{
border:none;
width:161px;
height:42px;
margin-top:10px;
cursor:pointer;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/but_form.png) 0 0 no-repeat;
color:#FFF;
font-size:12px;
padding-bottom:14px;
text-shadow:1px 1px #23829F;
}
.alignleft {
float:left;
margin:5px 15px 5px 0;
}
.alignright {
float:right;
margin:5px 0 5px 15px;
}  #topSearch input[type="text"] {
-moz-border-radius:4px; 
-webkit-border-radius:4px;
width:160px;
background:#fff url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/ico_search.png) 98% 50% no-repeat;
padding:4px 10px 4px;
font-style:italic;
margin-right:10px;
position:relative;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #fff;
}
#topSearch input[type="submit"] {
position:absolute;
right:0;
z-index:100;
width:43px;
height:44px;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/but_search.png) 0 0 no-repeat;
border:none;
cursor:pointer;
} #contact label {
display:block;
padding:5px 0;
}
#contact input, #contact textarea {
border:1px solid #fff;
border-top:1px solid #B8C4C5;
border-left:1px solid #B8C4C5;
padding:8px;
margin-bottom:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
width:350px;
}
#contact textarea {
width:560px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#contact input[type="submit"]{
border:none;
width:161px;
height:42px;
margin-top:10px;
cursor:pointer;
background:url(//blog.tirakita.com/wp-content/themes/journalcrunch/images/but_form.png) 0 100% repeat-x;
color:#FFF;
font-size:12px;
padding-bottom:14px;
text-shadow:1px 1px #23829F;
}
.errormsg, .successmsg{
background:#D93628;
color:#F5CBC7;
padding:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
text-shadow:none;
}
.successmsg {
background:#45C0B6;
color:#E1F4F2;
} H5{
margin-top:30px;
font-size:23px !important; 
padding-bottom:7px;
border-bottom: 2px dotted #6b0404;
color: #6b0404;
margin-bottom: 20px;
} ul.share_btn {
margin: 36px 0 25px 0;
padding: 0;
}
.share_btn li {
float: left;
width: 46%;
margin: 0 4px 0 0;
list-style: none !important;
}
.share_btn a {
display: block;
color: #fff;
text-decoration: none;
font-weight: bold;
text-align: center;
height: 45px;
line-height: 45px;
padding: 0;
font-size: 13px;
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
.share_btn a:hover {
color: #fff;
position: relative;
top: -3px;
}
span.social_icon {
margin-right: 3px;
font-size: 16px;
}
.share_btn li:last-child {
margin-right: 0;
}
.share_btn:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
a.facebook_btn {
background: #3B5998;
}
.facebook_btn:hover {
background: #5979be;
}
a.twitter_btn {
background: #33CCFF;
}
.twitter_btn:hover {
background: #88e1ff;
}
a.hatebu_btn {
background: #aaa;
}
.hatebu_btn:hover {
background: #d4d4d4;
}
span.hatebu_icon {
font-family: Verdana;
margin-right: 3px;
font-size: 16px;
}
a.hatebu_btn span {
position: relative;
top: -1px;
}
ul.share_btn_bottom {
margin: 20px 0 30px 0;
} .popular-posts-custom .img img{
margin-right: 5px;
float:left;
}
.popular-posts-custom .txt:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
ul.popular-posts-custom li{
float:none !important;
} .rightBoxInner{
font-size:0.8em;
line-height: 1.6em;
}
#npcatch{
}
#npcatch img{
margin-right: 5px;
float:left;
}
#npcatch a:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
} .breadcrumbs{
margin: 30px 10px 10px 10px;
font-size: 13px !important;
}
.speak_green {
color: #397135;
}
.speak_brown {
color: #281E15;
} .red {
font-weight: bold;
font-size: 1.2em;
color: #F00;
}
.red_big {
font-weight: bold;
font-size: 25px;
color: #F00;
}
.credit{
text-align:right;
font-size:0.5em;
color: #555;
}
H6{
color:#6d170f;
font-size:18px;
font-weight:800;
border-bottom:2px dotted #6d170f;
margin:0 0 10px 0 !important;
}
strong{
}
.face img{
width: 70px !important;
height: 70px!important;
float: left;
padding-right: 10px !important;
background-color: #FFF !important;
}
.face{
margin-top:5px;
display: flex;
align-items: center; }
.multi_line{
line-height:1.3em !important;
}
.religion{
font-size:1.2em;
background: linear-gradient(transparent 70%,  #a8bfff 80%);
}
.wiki{
padding:1em;
margin:1em;
background-color:#eaeaea;
border-radius:10px;
}
.center_photo{
text-align:center;
padding:0.5em;
margin:0.5em;
} #yrfpp {
display: flex;
flex-wrap: wrap;
}
#yrfpp .item {
padding: 1% 1% 1em 1%;
width:30%;
overflow: hidden;
}
#yrfpp .item div{
font-size: 0.6em;
}
#yrfpp .item img{
}
@media (max-width:640px) { 
#yrfpp .item {
width:48%;
}
}  #top_photo_1{
animation: top_photo_1 40s infinite;
}
#top_photo_2,#top_photo_3{
top:0px;
left:0px;
position:absolute;
}
#top_photo_2{
animation: top_photo_2 40s infinite;
}
#top_photo_3{
animation: top_photo_3 40s infinite;
} @keyframes top_photo_1 {
0% {
opacity:1;
transform:  scale(1);
}
30% {
opacity:1;
transform:  scale(1.2);
}
31% {
opacity:0;
}
100% {
opacity:0;
}
}
@keyframes top_photo_2 {
0% {
opacity:0;
}
27% {
opacity:0;
}
28% {
opacity:0.5;
transform:  scale(1);
}
30% {
opacity:1;
transform:  scale(1);
}
60% {
opacity:1;
transform:  scale(1.2);
}
61% {
opacity:0;
}
100% {
opacity:0;
}
}
@keyframes top_photo_3 {
0% {
opacity:0;
}
57% {
opacity:0;
transform:  scale(1.3);
}
60% {
opacity:1;
left:0px;
transform:  scale(1.3);
}
100% {
opacity:1;
left:10%;
transform:  scale(1.3);
}
}  .line-bc {
padding: 20px 10px;
max-width: 100%;
margin: 15px auto;
text-align: right;
} .balloon6 {
width: 100%;
margin: 10px 0;
overflow: hidden;
}
.balloon6 .faceicon {
float: left;
margin-right: 20px;
width: 40px;
}
.balloon6 .faceicon img{
width: 100%;
height: auto;
border-radius: 50%;
background:none !important;
}
.balloon6 .chatting {
width: 100%;
text-align: left;
padding-top: 25px;
}
.says,.says2 {
display: inline-block;
position: relative; 
margin: 0 0 0 50px;
padding: 10px;
max-width: 70%;
border-radius: 12px;
background: #edf1ee;
}
.says:after,.says2:after {
content: "";
display: inline-block;
position: absolute;
top: 3px; 
left: -19px;
border: 8px solid transparent;
border-right: 18px solid #edf1ee;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.says p,.says2 p {
margin: 0;
padding: 0;
}
.says2 {
background: #bde57e;
}
.says2:after {
border-right: 18px solid #bde57e;
}