@charset "UTF-8";
/*
	Theme Name: Hima-theme
	Description: Himatubushi.xyzのオリジナルテーマです
	Author: Naohiro Yoshida
	Author URI: http://himatubushi.xyz/
	Version: 1.0.0
*/
/* ========BASIC======== */
html,body { width: 100%; min-width: 1250px; height: auto; margin: 0;}

body {
	color: #353535;
	font-family: Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

a { text-decoration: none;}
a:hover{ text-decoration: none;}


hr {
	height: 0;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-top: 1px solid #FF9900;
	text-align: center;
}

hr:after {
	content: '§';/*§*/
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #fff;
	color: #000066;
	font-size: 18px;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	transform: rotate(30deg);
	border-radius : 10px;
}/* ======== ※消去禁止 ======== */

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

/* ========FONT CUSTOM======== */
.bold { font-weight: bold;}
.p-cre { font-size: 12px;}
.sma{ font-size: 14px;}

/****************************************
               Site-Layout
*****************************************/

/****************************************
                 Header
*****************************************/
header { width: 100%; height: auto; box-shadow:0px 0px 5px 0px  #666666;}

.header-content { width: 85%; height: auto; margin: 0 auto;}
.site-logo { float: left;}
.logo-image { width: 100%; height: auto; margin-top: 5px;}
nav { width: auto; height: auto; margin-top: 15px; float: right; font-size: 85%;}
nav li { float: left; list-style: none; margin-left: 20px;}
nav li a { color: #353535;}
nav li a:hover { color: #b33005; text-decoration:none;}

.site-description { margin: 5px 0 5px 15px;}

/****************************************
                Top-image
*****************************************/
#top-image { width: 100%; height: auto; text-align: center;}
#top-image img { margin: 50px auto 20px;}

.title { font-family: 'Londrina Sketch'; font-size: 28px;
 width: 70%; height: auto; margin: 0 auto -20px; text-align: center; letter-spacing: 2px;}

/****************************************
                Category
*****************************************/
#category { width: 100%; height: auto; margin-top: 0;}/*赤*/

#category-name{ width: 1000px; height: auto; margin: 0px auto 20px auto; padding-top: 15px; border-top: 1px solid #ccc;}
.cat-item { width: 20%; height: auto; float: left; margin-top: 10px; text-align: center;}

.cat-item h2 {
	color: #353535;
	font-size: 90%;
	margin: auto 20px;
	padding: 13px 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border: 1px solid #ccc;
}
.cat-item h2:hover { color: #b33005; text-decoration:none;}

.it i { color: #FFAAFF;} .ani i { color: #FFDAAA;}
.spo i { color: #FCEC52;} .eve i { color: #33CC99;}
.day i { color: #337CA0;}

/****************************************
           Top Main Contents
*****************************************/
#content { width: 1000px; height: auto; margin: 0 auto; padding-top: 20px;}
#primary { width: 100%; height: auto;}
#second { width: 100%; height: auto;}
#popular { width: 65.8%; height: auto; float: left;}

/***********************************
         Top ブログ記事一覧
************************************/
main { width: 100%; height: auto; margin: 10px auto; border-top: 1px solid #ccc; padding-top: 20px;}

main > article { position: relative; width: 320px; height: 315px; display: inline-block; overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #aaa;}
article > a {
	display: block;
	position: absolute;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 10;
}

article h2 { font-size: 18px; color: #333; font-weight: bolder; line-height: 22px;}

article:nth-child(3n-1) { margin-right: 14px; margin-left: 14px}
.article-cat {
	position: absolute;
	top: 0; left: 0;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 17px;
	padding: 6px 7px 5px;
	letter-spacing: 1px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index: 5;
}
.article-cat > a { color: #fff;}

.post-thumb{ width: 100%; height: 200px; overflow: hidden;}
.post-thumb img{
	width: 100%; height: 200px;
	-moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
article:hover .post-thumb img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.article-detail {
	position: absolute;
	bottom: 5px;
	left: -135px;
	z-index: 2;
	width: 115px;
	height: 50px;
	color: #fff; background: rgba(233,29,16,0.6);/*(179,48,5,0.6)*/
	-webkit-transition: .3s;
	transition: .3s;
}
article:hover .article-detail { left: 0;}

.article-detail > p { padding-left: 10px; font-size: 14px; font-weight: bold;}
.article-detail > p::after { content: ''; position: absolute;}
.article-detail > p::after {
	top: 0;
	right: -20px;
	z-index: 2;
	border-width: 25px 0 25px 20px;
	border-style: solid;
	border-color: transparent transparent transparent rgba(233,29,16,0.6);
	width: 0;
	height: 0;
}

.post-meta {
	position: absolute;
	bottom: 5px; right: 0;
	color: #999;
	font-size: 12px;
}

.at-itweb{ background: rgba(255,170,255,0.7);}
.at-anime{ background: rgba(255,218,170,0.7);}
.at-sports{ background: rgba(252,236,82,0.7);}
.at-event{ background: rgba(51,204,153,0.7);}
.at-daily{ background: rgba(51,124,160,0.7);}

/********* PAGER ***********/
.pagination{ width: 80%; height: auto; margin: 30px auto; padding-top: 20px; text-align: center; clear: both;}

a.page-numbers,
.pagination .current{
    background: #fff;
	color: #b33005;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 4px;
    text-decoration: none;
}

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

.pagination .current{
    background: #b33005;
    border: solid 1px #b33005;
    color: #fff;
}

/***********************************
         Top Popular記事一覧
************************************/
.tabbox { width: 100%; height: auto; border-top: 1px solid #ccc;}

.p-post-tab li {
	width: 20%;
	height: auto;
	float: left;
	list-style: none;
	margin-right: 40px;
	margin-left: -20px;
	padding: 10px 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border: 1px solid #ccc;
	text-align: center;
}

.p-post-tab a { color: #353535;}
.p-post-tab a:hover { color: #b33005; text-decoration:none;}

#tabmonth { width: 95%; height: auto; margin: 30px auto;}
#tabmonth ul { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0;}
#tabmonth li { font-size: 90%; color: #bbb; padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; list-style: none;}
#tabmonth li:after { content: ""; clear: both; display: block;}
#tabmonth li a { color: #353535;}
#tabmonth li a:hover { color: #b33005; border-bottom: 1px dashed #b33005;}
#tabmonth li img { margin: 0 10px 0 0;}
.wpp-post-title { font-size: 130%;}


/***********************************
       Single 単一ブログ記事
************************************/
.breadcrumbs li{ float: left; margin-right: .5em; font-size: 10px;}
.breadcrumbs a { color: #353535;}
.breadcrumbs a:hover { color: #b33005; border-bottom: 1px dashed #b33005;}
.post-single { width: 700px; height: auto; margin: 30px auto;}

.post-single > h1 { font-size: 230%;}
.post-single-content > h2 { font-size: 200%; line-height: 160%; margin-top: 50px; -web-kit-margin-after: 80%}
.post-single-content > h3 { font-size: 160%; line-height: 160%; margin-top: 40px; -web-kit-margin-after: 0.6em}

.post-single-content > p { font-size: 115%; line-height: 180%; margin: 25px auto; letter-spacing: 1px;}
.post-single-content ul { width: 100%; height: auto; font-size: 120%; font-weight: bold; margin: 30px auto;}
.post-single-content li { padding: 5px 0;}
.post-single-content a { color: #b33005; font-size: 110%;}
.post-single-content a:hover { color: #FF9900; border-bottom: 1px dashed #FF9900; text-decoration: none;}
.post-single-content iframe { text-align: center;}


.post-meta-single { padding: 6px 0; border-top: 1px solid #353535; border-bottom: 1px dashed #353535;}
.post-meta-single a { color: #353535;}
.post-meta-single a:hover { color: #b33005; border-bottom: 1px dashed #b33005; text-decoration: none;}
.post-cat,
.post-tag { font-size: 90%;}

/************** Table-CSS ****************/
.t-lend1 {background:#F1F1F1;}
.t-lend2 {background:#FAFAFA;}
.t-lend3 {background:#DDDDDD;}


table.t-basic {
	width: 90%;
	height: auto;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
 
table.t-basic th {
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
}
 
table.t-basic td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    border-bottom: #999 1px solid;
}
 
table.t-basic th.r2,
table.t-basic th.r3,
table.t-basic th.r4 { text-align: center;}
 
table.t-basic td.r2,
table.t-basic td.r3,
table.t-basic td.r4 {
    text-align: center;
	font-weight: normal;
	font-size: 13px;
} 

table.t-basic th.r1 {
	font-size: 14px;
    width: 120px;
    border-right: #999 1px solid;
}
 
table.t-basic th.r2,
table.t-basic td.r2 {
    width: 150px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
}


table.t-basic th.r3,
table.t-basic td.r3 {
    width: 150px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
}
 
table.t-basic th.r4,
table.t-basic td.r4 {
    width: auto;
    border-left: #fff 1px solid;
	border-right: #999 1px solid;
}

/************** 囲み-CSS ****************/
.enclosure {
    padding: 20px 25px;
    background: #fff;
    border: 3px #BA324D solid;
    position: relative;
    z-index: 10;
}
.enclosure:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #BA324D solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

.enclosure > p { font-size: 115%; line-height: 180%; margin: 25px auto; letter-spacing: 1px;}

/************** 名言囲み-CSS ****************/
.wise {
	width: 85%;
	height: auto;
	font-size: 16px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #fcfcfc;
	margin: 30px auto;
	padding: 20px;
}

/********* Single bottom Ads ***********/
.single-bottom-ad { padding-top: 15px;}

/********* Single bottom Tags ***********/
.single-bottom-tags { width: 100%; height: auto; margin: 35px auto 0;}
.single-bottom-tags li { list-style-type: none; float: left; margin: 4px 10px 8px 0;}
.single-bottom-tags li a { font-size: 14px; color: #777; border: 1px solid #ccc; border-radius: 3px; padding: 6px; }

/********* 記事下Social Button *********/
.social { width: 100%; height: auto; margin: 30px auto 20px;
	display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
}

/*** Social Button effect***/
.sns-btn {
	display: block;
	width: 19.2%;
	height: 45px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
	color: #fff;
	border-radius:3px;
	letter-spacing: 1px;
}
.sns-btn::before,
.sns-btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sns-btn,
.sns-btn::before,
.sns-btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

/*Twitter*/
.social .tw { background-color: #55acee; border: 1px solid #59b1eb;}
.social .tw:hover {	background-color: #fff;	border-color: #59b1eb;	color: #59b1eb;}
/*Facebook*/
.social .fb { background-color: #305097; border: 1px solid #305097;}
.social .fb:hover {	background-color: #fff;	border-color: #305097;	color: #305097;}
/*Gplus*/
.social .gp { background-color: #dd4b39; border: 1px solid #dd4b39;}
.social .gp:hover {	background-color: #fff;	border-color: #dd4b39;	color: #dd4b39;}
/*はてブ*/
.social .ha { background-color: #00A5DE; border: 1px solid #00A5DE;}
.social .ha:hover {	background-color: #fff;	border-color: #00A5DE;	color: #00A5DE;}
/*Pocket*/
.social .po { background-color: #ED4055; border: 1px solid #ED4055;}
.social .po:hover {	background-color: #fff;	border-color: #ED4055;	color: #ED4055;}


/********* 記事下Related Posts *********/
.related { margin-top: 50px;}
.social h4,
.related h4 {
	color: #353535;
	font-size: 120%;
	-webkit-margin-before: 1em; -webkit-margin-after: 0.7em;
	clear: left;
	margin-top: 15px;
	padding-bottom: 4px;
	border-bottom:3px solid #FFCC33;
}
.related h4::after { content: "オススメ関連記事"; font-size: 12px; color: #bbb; margin-left: 10px;}

.related h5 {
	font-size: 140%;
	line-height: 130%;
	-webkit-margin-before: 0em; -webkit-margin-after: 0.3em;
}
.related h5 a { color: #353535;}
.related h5 a:hover { color: #ff9900; border-bottom: 1px dashed #ff9900;}

.related-post { padding: 15px 0; border-bottom: 1px solid #ccc; clear: both;}
.related-post-thumb { width: 150px; height: 100px; padding-right: 13px; float: left;}
.related-tags > a,
.related-meta-single { color: #aaa; font-size: 13px;}


/********* 記事下PAGER *********/
.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.navigation > div{ width: 50%;}
.navigation .alignright{ text-align: right;}

.navigation a{ color: #353535; display: block; padding: 1em; border: none;}
.navigation a:hover{ background: #ffeff7; color: #000;}
.navigation .alignright a:hover{ border-left: 1px solid #ddd;}

/****************************************
              category.php
　カテゴリーのタイトル、説明部分の編集
*****************************************/
.cat-title {
	margin-bottom: 10px;
	font-size: 200%;
	line-height: 100%;
}
.itweb h1 { color: #FFAAFF;}
.itweb p { color: #FFBAFF;}
.animan h1 { color: #FFDAAA;}
.animan p { color: #FFDCB9;}
.sports h1 { color: #FFFF33;}
.sports p { color: #FFFF55;}
.event h1 { color: #80FF80;}
.event p { color: #AAFFAA;}
.daily h1 { color: #75FFFF;}
.daily p { color: #AAFFFF;}

/****************************************
                Sidebar
*****************************************/
#side-primary{ width: 32%; height: auto; float: right; margin-right: 0.6%;}

#sidebar,
#side-banner { width: 100%; height: auto; margin: 10px auto; border-top: 1px solid #ccc;}/*紫*/

#side-menu h4,
#side-banner h4 {line-height: 150%;}

/************** Profile **************/
.profile { width: 90%; height: auto; margin: 0 auto;}
.profile p { font-size: 90%;}
.profile img {
	width: 100px;
	height: 100px;
	margin-left: 30%;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

/************** SNS&feed **************/
.sns-feed { width: 90%; height: auto; margin: 0 auto;}

.rf-box { margin: 10px auto 20px;}
.sns-feed i.rss { font-size: 130%;}
.sns-feed i.feedly { font-size: 160%;}

/****rss****/
.sns-feed a .rss{
	width: 140px;
	height: auto;
	display: inline-block;
	float: left;
	padding: 0;
	line-height: 30px;
	border: 1px solid #ccc;
	color: #777;
	outline: none;
	text-align:center;
	text-decoration: none;
}
.sns-feed a::before .rss,
.sns-feed a::after .rss{ position: absolute; z-index: -1; display: block; content: '';}
.sns-feed a .rss,
.sns-feed a::before .rss,
.sns-feed a::after .rss{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s; transition: all .4s;}
.sns-feed a:hover .rss{ background-color: #fff; border-color: #FF9900; color: #FF9900;}
/****feedly****/
.sns-feed a .feedly{
	width: 140px;
	height: auto;
	display: inline-block;
	float: right;
	padding: 0;
	margin: 0;
	line-height: 30px;
	border: 1px solid #ccc;
	color: #777;
	outline: none;
	text-align:center;
	text-decoration: none;
}
.sns-feed a::before .feedly,
.sns-feed a::after .feedly{ position: absolute; z-index: -1; display: block; content: '';}
.sns-feed a .feedly,
.sns-feed a::before .feedly,
.sns-feed a::after .feedly{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s; transition: all .4s;}
.sns-feed a:hover .feedly{ background-color: #fff; border-color: #6CC655; color: #6CC655;}


/****************************************
                 Footer
*****************************************/
footer {
	width: 100%; height: auto;
	clear: both;
	color: #444;
	background: #fafafa;
	margin-top: 50px;
}

.ft-content{ width: 70%; height: auto; margin: 0 auto; padding-top: 30px; display: flex; justify-content: space-between;}
.about { width: 31%; height: auto; border-bottom: 1px dashed #bbb;}
.about a { color: #444;}
.tag-cloud { width: 68%; height: auto; border-bottom: 1px dashed #bbb;}

.ft-content h5 { font-family: 'Londrina Sketch'; font-size: 140%; -webkit-margin-before: 0em; -webkit-margin-after: 0.7em; border-bottom: 1px solid #bbb; padding-bottom: 8px; text-align: center; letter-spacing: 2px;}
.ft-content p { font-size: 90%; padding-left: 10px;}

/******タグクラウド*******/
.tags { padding-left: 10px;}
.tags a { 
	display: inline-block;
	white-space: nowrap;
	font-size: 12px;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-right: 10px;
	margin-bottom: 8px;
	padding: 5px 8px 3px;
}

.tags a:hover {
	background-color: #444;
	border-color: #fff;
	color: #fff;
}

.tags a::before,
.tags a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.tags a,
.tags a::before,
.tags a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.pc-switcher { width: 100%; height: auto; margin-top: 20px; text-align: center;}
.active {
	background: #FFF;
	width: 50px;
	height: auto;
	margin-right: 1px;
	padding: 2px; 
	border-top: 1px solid #777;
	border-left: 1px solid #999;
}
.pc-switcher a {
	background: #FFF;
	width: 50px;
	height: auto;
	padding:2px 25px;
	border-bottom: 1px solid #777;
	border-right: 1px solid #999;
}

#copyright { line-height: 300%; text-align: center;}

/******トップ戻るボタン*******/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 50px;
    font-size: 150%;
}
#page-top a {
display: block;
color: #888;
padding: 15px 20px;
text-align: center;
text-decoration: none;
border: 1px solid #888;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
#page-top a:hover {
	border-style: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	border: 1px solid #888;
}

/****** ヨメレバ、カエレバCSS *******/
.booklink-box, .kaerebalink-box{
    width:90%;
    margin:20px auto;
    padding:20px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}

.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
}

.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
 
.booklink-info, .kaerebalink-info{
    margin:0;
        text-align:left;
    line-height:120%;
    overflow: hidden;
}
 
.booklink-name, .kaerebalink-name{
    font-size:16px;
    margin-bottom:24px;
    line-height:1.5em;
}
 
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8pt;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{ margin-bottom:15px;}
 
.booklink-link2, .kaerebalink-link1{ margin-top:10px;}
 
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
        width:30%;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    margin:15px 2px 0 auto;
    padding:8px 1px;
    text-align:center;
        float:left;
    }
    
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover,  .shoplinkkakakucom:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
 
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active  .shoplinkkakakucom:active { position:relative; top:1px;}
 
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a{
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
}
    
.shoplinkamazon a { color:#FF9901;}
.shoplinkrakuten a { color:#c20004;}
.shoplinkkindle a { color:#007dcd;}
.shoplinkkakakucom a { color:#314995;}
.shoplinkyahoo a { font-size:10px; color:#7b0099;}
.shoplinkyahoo img { display:none;}
.booklink-footer { clear:left;}

/****************************************
          Form
*****************************************/
/**************searchbox************************/
.searchbox{ width: 100%; height: auto; margin: 25px auto;}
#searchform{ position: relative; height: 24px; width: 230px; margin: 0 auto;}
#s{ padding: 6px 20% 6px 5%; width: 75%; font-size: 11px;}

#searchsubmit{
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 26px;
	border: none;
	background: url(https://himatubushi.xyz/wp-content/themes/hima/images/search.png) no-repeat 50% 50%;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px 10px;
	max-width: 100%;
	width: 70%;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #fafafa;
	color: #777;
	vertical-align: bottom;
	font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{	display: block;}

textarea { overflow: auto;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ff69b4;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
 	-moz-box-shadow: 0 0 3px rgba(255,105,180,1);
	box-shadow:  0 0 3px rgba(255,105,180,1);
 	color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 20px;
	padding: 4px 12px;
	padding: 8px 10px;
	border: 1px solid #00005B;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ff89c4;
	color: #333;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  	border: 1px solid #00005B;
		background: #ff89c4;
		color: #fff;
	  	text-shadow: 0 -1px rgba(0, 0, 0, .4);

	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active { position: relative; top:1px;	}

/****************************************
          WordPress Misc
*****************************************/
.aligncenter { display: block; margin-right: auto; margin-left: auto;}
.alignleft { float: left;}
.alignright { float: right;}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{ font-size: 80%;}

.wp-caption img { margin: 0; padding: 0; border: 0 none;}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright { display: inline-block; margin: 0 0 1em 1.5em;}
img.alignleft { display: inline-block; margin: 0 1.5em 1em 0;}

blockquote {
	font-size: 115%;
	background: url(https://himatubushi.xyz/wp-content/themes/hima/images/blockquote.png) no-repeat 2% 6%;
    padding: 10px 20px;  
    border-top: 1px solid #CCC;  
    border-bottom: 1px solid #CCC;  
    color: #212121;
}