
#main .entry-content .wp-caption {
    padding: 0;
    border: none;
}

.scrollable-table table{
  border-collapse: collapse;
  margin: 2em 0;
  max-width: 100%;
}

.scrollable-table th{
  background-color: #eee;
}

.scrollable-table th,
.scrollable-table td{
  border: solid 1px #ccc;
  padding: 3px 5px;
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
  max-width: 770px;
}

/*ツイッター*/
.sns .twitter a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .twitter a:hover{
color: #fff !important;
border: solid 1px #444444 !important;
background: #444444 !important;
}

/*Facebook*/
.sns .facebook a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .facebook a:hover{
color: #fff !important;
border: solid 1px #444444 !important;
background: #444444 !important;
}

/*はてブ*/
.sns .hatebu a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .hatebu a:hover{
color: #fff !important;
border: solid 1px #444444 !important;
background: #444444 !important;
}

/*Pocket*/
.sns .pocket a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .pocket a:hover{
color: #fff !important;
border: solid 1px #444444 !important;
background: #444444 !important;
}

/*Google+*/
.sns .googleplus a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .googleplus a:hover{
color: #fff !important;
border: solid 1px #444444 !important;
background: #444444 !important;
}

/*line*/
.sns .line a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .line a:hover{
color: #fff !important;
border: solid 1px #444444 !important;
background: #444444 !important;
}

/*feedly*/
.sns .feedly a{
color: #332d2d !important;
border: solid 1px #332d2d !important;
background: #fff !important;
box-shadow: none;
}

.sns .feedly a:hover{
color: #fff !important;
border: solid 1px #444444 !important;
background: #444444 !important;
}

/* ▼ボタンカラーここから▼ */
.shoplinkamazon a{
color: #e89713;
}
.shoplinkrakuten a{
color: #d91414;
}
.shoplinkyahoo a{
color: #691ed5;
}
.shoplinkjalan a{
color: #ed5016;
}
.shoplinkjtb a{
color: #e10b0b;
}
.shoplinkknt a{
color: #0f75c2;
}
.shoplinkikyu a{
color: #18b412;
}
.shoplinkrurubu a{
color: #0f32a3;
}
.shoplinkamazon a:hover{
background-color: #e89713;
border-color: #e89713;
}
.shoplinkrakuten a:hover{
background-color: #d91414;
border-color: #d91414;
}
.shoplinkyahoo a:hover{
background-color: #691ed5;
border-color: #691ed5;
}
.shoplinkjalan a:hover{
background-color: #ed5016;
border-color: #ed5016;
}
.shoplinkjtb a:hover{
background-color: #e10b0b;
border-color: #e10b0b;
}
.shoplinkknt a:hover{
background-color: #0f75c2;
border-color: #0f75c2;
}
.shoplinkikyu a:hover{
background-color: #18b412;
border-color: #18b412;
}
.shoplinkrurubu a:hover{
background-color: #0f32a3;
border-color: #0f32a3;
}
/* ▲ボタンカラーここまで▲ */

/* フォローボタン4*/
.flw_btn4 {
display: inline-block;
position: relative;
text-decoration: none;
margin:2px;
width: 100px;
height: 80px;
border-radius: 0px;
transition: .4s;
}
.flw_btn4 .fa {
position: absolute;
font-size: 25px !important;
top: 40%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
.flw_btn4 .label {
position: absolute;
font-size: 12px !important;
top: 70%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
.flw_btn4.fb {
color: #6680d8 !important;
border: solid 2px #6680d8 !important;
background: #fff !important;
}
.flw_btn4.fb:hover {
color: #fff !important;
border: solid 2px #6680d8 !important;
background: #6680d8 !important;
}
.flw_btn4.htb {
color: #49a8fb !important;
border: solid 2px #49a8fb !important;
background: #fff !important;
}
.flw_btn4.htb:hover {
color: #fff !important;
border: solid 2px #49a8fb !important;
background: #49a8fb !important;
}
.flw_btn4.tw {
color: #22b8ff !important;
border: solid 2px #22b8ff !important;
background: #fff !important;
}
.flw_btn4.tw:hover {
color: #fff !important;
border: solid 2px #22b8ff !important;
background: #22b8ff !important;
}
.flw_btn4.pkt {
color: #ff6d82 !important;
border: solid 2px #ff6d82 !important;
background: #fff !important;
}
.flw_btn4.pkt:hover {
color: #fff !important;
border: solid 2px #ff6d82 !important;
background: #ff6d82 !important;
}
.flw_btn4.fdly {
color: #6cc655 !important;
border: solid 2px #6cc655 !important;
background: #fff !important;
}
.flw_btn4.fdly:hover {
color: #fff !important;
border: solid 2px #6cc655 !important;
background: #6cc655 !important;
}
.flw_btn4.gp {
color: #fd6969 !important;
border: solid 2px #fd6969 !important;
background: #fff !important;
}
.flw_btn4.gp:hover {
color: #fff !important;
border: solid 2px #fd6969 !important;
background: #fd6969 !important;
}
.flw_btn4.ist {
color: #e84cb6 !important;
border: solid 2px #e84cb6 !important;
background: #fff !important;
}
.flw_btn4.ist:hover {
color: #fff !important;
border: solid 2px #e84cb6 !important;
background: #e84cb6 !important;
}
.flw_btn4.cnt {
color: #878484 !important;
border: solid 2px #878484 !important;
background: #fff !important;
}
.flw_btn4.cnt:hover {
color: #fff !important;
border: solid 2px #878484 !important;
background: #878484 !important;
}

/*--------------------------------------
ダークモードトグル
--------------------------------------*/
.darkmode-pc label {
	cursor: pointer;
	user-select: none;
}

.darkmode-pc input[type=checkbox] {
	display: none;
	cursor: pointer;
}

.darkmode-pc label>input[type=checkbox]~span {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 64px;
	height: 32px;
	font-size: 14px;
	border-style: none;
	border-radius: 15px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.darkmode-pc label>input[type=checkbox]:checked+span {
	display: flex;
	padding-left: 8px;
	color: white;
	background-color: #273646;
}

.darkmode-pc label>input[type=checkbox]:checked+span+span {
	display: none;
}

.darkmode-pc label>input[type=checkbox]+span {
	display: none;
}
.darkmode-pc label>input[type=checkbox]+span+span {
	display: flex;
	padding-right: 8px;
	color: gray;
	background-color: lightgray;
}

.darkmode-pc label>input[type=checkbox]:checked+span::after,
.darkmode-pc label>input[type=checkbox]+span+span::before {
	display: block;
	width: 28px;
	height: 28px;
	margin: 3px;
	border-radius: 50%;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	content: "&#x1f319;";
}

.darkmode-pc label>input[type=checkbox]:checked+span::after {
	background-color: #888;
	filter: grayscale(.8);
}

.darkmode-pc label>input[type=checkbox]+span+span::before {
	background-color: #555;
}

