@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  font-style: normal;
}

:after, :before {
  display: inline-block
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%
}

main {
	width: 1050px;
    margin: 0px auto;
 	background-color: #fff;
    box-sizing: border-box;
}

body, form input, select, textarea {
  color: #333;
  line-height: 1
}

body, form input, select, textarea {
  font-family: Verdana, 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif
}

img {
  max-width: 100%;
  height: auto;
  border: 0
}

a {
  color: inherit;
  display: block
}

video {
	cursor : pointer;
	margin-bottom:10px;
}

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

ol, ul {
  list-style-type: none
}

p.b{
	font-weight: bold;
    font-size: 1.1em;
}

p.n{
	line-height:1.3
}

p.np{
    padding: 10px;
	background: #000;
    color: #fff;
	text-align: center;
}

p.np:hover{
	background: #fff;
    color: #000;
}

p.np a{
	display:block !important;
}

p.u a{
	text-decoration:underline;
}

table {
  width: 100%;
  border-collapse: collapse
}

input[type=submit] {
  cursor: pointer
}

textarea {
  resize: none
}

div .cb{
	clear:both;
}

.clearfix:after {
  content: '';
  clear: both;
  display: block
}

.ofh {
  overflow: hidden
}

.fl {
  float: left
}

.fr {
  float: right
}

.fs0 {
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0
}

.dib {
  display: inline-block;
  vertical-align: top
}

.df {
  display: flex;
  flex-wrap: wrap
}

.pr {
  position: relative
}

.pa {
  position: absolute
}

.pc_no {
  display: none
}

header .summary {
  padding: 4px 0;
  background: #000
}

.g-ani{
  cursor: pointer;
}

header .summary h1, header .summary p {
  max-width: 75pc;
  margin: 0 auto;
  color: #fff;
  font-family: メイリオ, Meiryo;
  font-weight: 400
}

header .logo {
	float: left;
}

header .logo img{
	width:302px;
	height:85px;
}

header .inner {
    width: 1050px;
    margin: 0px auto;
    padding: 15px 0;
}

header .inner h1{
	text-align:right;
}

form.gsc-search-box{
    width: 300px !important;
}

header form {
    margin: 20px 0px;
    max-width: 350px;
    float: right;
}

header form .search-box {
  border: 2px solid #000;
  background: #fff
}

header form .search-box input {
  width: 100%;
  margin: 0;
  border: 0
}

header form .search-box .search {
  width: 80%;
  padding: 8px 10px
}

header form .search-box .search::placeholder {
  color: #ccc
}

header form .search-box input#searchsubmit {
  width: 20%;
  float: right;
  padding: 10px;
  background: #000;
  color: #fff
}

nav.h_navi {
 	background: #000;
	color:#fff
}

nav.h_navi ul {
  max-width: 1050px;
  margin: 0 auto;
  font-size: 0
}

nav.h_navi ul li {
  min-width: 150px;
  display: inline-block;
  position: relative
}

nav.h_navi ul li a {
  text-align: center;
  padding: 15px 10px;
  font-size: 1.6rem;
  color: #fff
}

nav.h_navi ul li a:hover{
	text-decoration:underline;
}
nav.h_navi ul li:after {
  right: -1px
}

nav.h_navi ul li:nth-child(-n + 2)
  content: '';
  width: 1px;
  height: 26px;
  background: #333;
  position: absolute;
  top: 10px
}

nav.h_navi ul li:first-of-type:before {
  left: 0
}

nav.h_navi ul li:hover:after {
  display: none
}

main .inner .main-con {
	padding: 20px 10px 0px 10px;
	width: 450px;
	float: left;
}

.single main .inner .main-con {
	padding: 0px 10px 0px 10px;
	width: 700px;
	float: left;
	line-height:1.1;
}

.second-con{
	padding: 20px 10px 0px 10px;
	width:250px;
	float:left;

}

.third-con{
	padding: 20px 10px 0px 10px;
	width:350px;
	float:left;
}

.wpp-list li{
	margin:5px 0px;
}

.wpp-list .thumb{
	float:left;
    	width: 140px;
}

.wpp-list li:nth-child(odd) .thumb{
	float:right;
}

.wpp-list .info{
    float: left;
    width: 160px;
    padding: 5px;
    line-height: 1.1;
}

.fourth-con, .fifth-con{
	width:1050px;
	margin:0px auto;
	height: 250px;
}

.fourth-con h3, .fifth-con h3{
	border-bottom: 1px solid;
    padding-bottom: 5px;
}

.fifth-con{
	margin-bottom:25px;
}

.fifth-con li{
	display: inline-block;
}

.fourth-con li a, .fifth-con li a{
    text-decoration: underline;
	display:inline-block;
}

ul.subsequent{
	margin-left:140px;
}


/*月別アーカイブ*/
#archives2-2{
	margin: 25px 5px;
	width:500px;
	float: left;
}

.eachYear, .singleList{
	margin-top:0px !important;
}

.yearArchiveList li{
	margin-top:10px;
}

/*五十音カテゴリ*/
#execphp-5{
    width: 500px;
    margin: 25px 20px;
	float: left;
}

#execphp-5 ul{
	margin-top:5px;
}

#execphp-5 li{
    list-style: none;
    display: inline-block;
}

#execphp-5 li a:nth-child(n + 2), .fifth-con .links li:nth-child(n + 3){
	margin-left:10px;
}

.cat-item:nth-child( n + 1){
	margin-right:5px;
}

.eachYear{
    display: inline-block;
}

.eachYear li:nth-child(n + 2){
	margin-left:10px;
}

.year{
	margin-right:10px;
	float:left;
}

.singleList{
	float:left;
}

.singleList a{
	text-decoration:underline;
}

.single .third-con{
	padding: 0px 10px;
	width:350px;
	float:left;
}

main .inner aside {
  width: 280px;
  float: right;
  border: 3px solid #367ABD;
}

h2{
	background-color:#000;
	color: #fff;
	padding: 5px;
}

.contents h2{
	background-color:#fff;
	color: #000;
    font-size: 1.3em;
    padding: 10px 0px;
}

#respond h3 {
	padding: 10px;
	background-color:#000;
	color: #fff;
}

.post-list h2, .wpp-list h2{
	height:60px;
	padding: 5px 0px;
	background-color:#fff !important;
	color: #000 !important;
	font-weight:100;
	line-height:1.3;
}

main .inner h3 {
	color: #000;
	line-height:2;
	font-weight:normal;
}

main .inner ul.post-categories {
	font-size: 0;
	text-align: right;
}

.home main .inner ul.post-categories a {
  padding: 3px 5px;
  background: #000;
  color: #fff;
  font-size: 1.3rem
}

main .inner ul.post-categories a {
  padding: 5px 10px;
  background: #000;
  color: #fff;
  font-size: 1.2rem
}

main .inner ul.post-categories a:hover {
	background: #fff;
	color: #000;
	text-decoration:underline;
}

main .inner a.btn {
  float: right;
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  background: url(images/icon_arrow.png)no-repeat #000;
  background-position: top 50% right 10px;
  color: #fff;
  font-size: 1.6rem
}

main .inner a.btn:hover {
	color:#fff;
	text-decoration:underline;
}

main .main-con section {
  font-size: 0
}

main .main-con section .post-list {
  width: calc((100% - 15px)/2);
  margin: 5px 0px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden
}

.paged main .main-con section .post-list {
    width: 100%;
	margin: 5px 0px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden
}

.paged main .main-con section .post-list img{
	float:left;
	margin-right: 5px;
}

main .main-con section .post-list h3 {
  line-height: 1.4
}

main .main-con section .post-list h3 a {
  font-size: 1.6rem
}

main .main-con section .post-list h2 a:hover {
  text-decoration: underline;
}

main .main-con section .post-list h3 a:hover {
  text-decoration: underline;
}

main .main-con section .post-list img:hover {
	box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
}

.wpp-list li img:hover{
	box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
}

a.movie{
	display:block !important;
}

.playback{
	width: 70%;
}

.playback p{
	padding: 5px;
    text-align: center;
    background-color: #333;
    color: #fff;
}

.playback img{
	padding:0px !important;;
	width:100% !important;
}

.single #caution{
	font-weight: bold;
    font-size: 1.5em;
	color:#f00;
	text-align: center;
}

main .main-con section .post-list ul.post-categories li {
  margin: 5px 0 0 5px
}

.home main .main-con section:first-of-type .post-list:not(:first-of-type) ul.post-categories {
  margin: 0px;
  height: auto;
  overflow: hidden
}

main .main-con section:first-of-type .post-list:not(:first-of-type) ul.post-categories {
  margin: 0 0 0 105px;
  height: 85px;
  overflow: hidden
}

.main-con section .post-list:first-of-type {
	width: 100%;
}

.main-con section .post-list:first-of-type h3 a {
  font-size: 1.5rem
}

.main-con section .post-list:first-of-type p {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #555;
  overflow: hidden
}

main .main-con section:nth-of-type(even) .post-list:first-of-type img {
  float: right;
  margin-right: 0;
  margin-left: 15px
}

.post-list:nth-child(1) img {
  width: 450px;
  height: 270px
}

.post-list:nth-child(2) img, .post-list:nth-child(3) img{
    width: 200px;
    height: 160px;
}

.post-list:nth-child(2) h2, .post-list:nth-child(3) h2{
	height: 60px;
    overflow: hidden;
}

.post-list:nth-child(n + 4), .paged .post-list:nth-child(-n + 3){
	width:100% !important;
}

.post-list:nth-child(n + 4) img, .paged .post-list:nth-child(-n + 3) img{
    width: 100px;
    height: 80px;
	margin-right:5px;
	float:left;
}

.wpp-list{
 	counter-reset:number;
}

.wpp-list li:first-child::before{
    background-color: #e6b422;
}

.wpp-list li:nth-child(2)::before{
    background-color: #c0c0c0;
}

.wpp-list li:nth-child(3)::before{
    background-color: #b87333;
}

.wpp-list li::before{
	counter-increment:number;
	content:counter(number);
    background-color: #333;
    color: #fff;
    padding: 5px;
	font-size:1.2rem;
    float: left;
}


.wpp-list li a:hover{
	text-decoration:underline;
}

.breadcrumbs {
	padding: 10px;
	color: #000;
	overflow: hidden
}

.breadcrumbs a, .breadcrumbs span {
  font-size: 1.5rem;
  display: inline-block
}

.breadcrumbs a {
  padding: 5px 10px;
  background: #000;
  color: #fff;
}

.breadcrumbs a:hover {
 	background: #fff;
	color:#000;
}

main .main-con article h1.post-title {
  margin-bottom: 5px;
  color: #000;
  font-size: 2.2rem;
  line-height: 1.4;
  display: inline-block;
}

main .main-con article h1.post-title img {
	width:200px;
	height:160px;
	margin-right: 10px;
	float: left
}

main .main-con article .disc {
  margin-bottom: 15px;
  padding: 10px;
  background: #fef7dd;
  border: 1px solid #63403c;
  color: #63403c;
  font-size: 1.4rem;
  line-height: 1.6
}

main .main-con article .db_data {
	width: 100%;
 	margin-bottom: 10px;
 	text-align: left;
 	display: inline-block;
}

main .main-con article .db_data div {
  display: inline-block;
  font-size: 1.3rem
}

main .main-con article .time {
  margin-right: 20px;
  padding: 5px 0 5px 30px;
  background: url(images/icon_date.png)no-repeat left center
}

main .main-con article .comments-amount {
  padding: 5px 0 5px 35px;
  background: url(images/icon_comment.png)no-repeat left center
}

.comment-excerpt a:hover{
	text-decoration:underline;
}

dl.mycomment {
	width:100%;
	margin: 0 auto;
}

dl.mycomment dt{
	text-align: left;
	clear: left;
	float: left;
	width:50px;
	white-space: nowrap;
 	padding-top: 5px;
}

dl.mycomment dd{
	margin-left: 0;
	padding: 1px 0 5px 0;
	border-bottom: #C3CDCE 2px dotted;
 	padding-top: 5px;
}

dl.mycomment dd:last-child{
	border-bottom: #fff 0px dotted;
}

dl.mycomment dd span.my_comments_content{
	font-size:14px;
}

dl.mycomment dd a:hover{
	text-decoration:underline;
}

.home .post-categories li:first-child{
 	padding: 0px;
	background:none;
}

.post-categories li:first-child{
  padding: 5px 0 5px 35px;
  background: url(images/icon_cat.png)no-repeat left;
}

main .inner ul.post-categories li {
	margin-right:10px;
 	display: inline-block
}

main .main-con article .tag {
  margin-bottom: 10px;
  padding: 5px 0 5px 18px;
  background: url(images/icon_tag.png)no-repeat left center;
  float: right
}

main .main-con article .tag a {
  margin-left: 15px;
  padding: 5px 10px;
  display: inline-block;
  background: #654037;
  color: #fff;
  font-size: 1.2rem
}

main .main-con article .tag a:hover {
  background: #f2b51e
}

main .main-con article .contents {
  padding-top: 5px;
  background: #fff;
  position: relative;
  border-top: 1px solid;
}

main .main-con article .contents div, .page main .main-con article div, .category .contents div{
	margin-bottom:15px;
}

main .main-con article .contents iframe {
  	display: block;
	margin-bottom: 20px;
}

main .main-con article .contents img {
	max-width:480px;
    padding: 5px;
	margin-bottom:10px;
	display: block;
}

main .main-con article .contents a{
	display: inline-block;
}
.single .contents p, .page main .main-con article p, .category p{
    line-height: 2;
    margin-bottom: 1.1em;
}

.contents .t_b{
	font-weight:bold;
	line-height:1.2;
}

.contents .t_b a{
	text-decoration:underline;
}

main article .wpfp-link {
  width: 50%;
  margin: 10px auto 20px;
  padding: 10px;
  background: url(images/icon_comment.png)no-repeat 10px center #fff7dd;
  background-size: 20px;
  border: 1px solid #624037;
  border-radius: 5px;
  color: #63403c;
  text-align: center
}

main article span.wpfp-span {
  margin: 10px 0;
  display: block;
  text-align: center
}

main .main-con .bana {
  margin-bottom: 15px;
  background: #654037;
  color: #fff
}

main .main-con .bana img {
  float: left;
  margin-right: 15px
}

main .main-con .bana p {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.4
}

main .main-con .bana:hover {
  opacity: .8
}

main .main-con .bana:after, main .main-con .related_post li:after {
  content: '';
  clear: both;
  display: block
}

main .main-con .related_post {
  margin-bottom: 20px
}

main .main-con .related_post li {
	height:250px;
}

main .main-con .related_post li:nth-child(4), main .main-con .related_post li:nth-child(8){
	margin-right:0px !important;
}

main .main-con .related_post li:hover{
	  text-decoration: underline;
}

main .main-con .related_post li img {
  float: left;
  margin-right: 15px;
}

main .main-con .related_post li img:hover{
	box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%) !important;
} 

main .main-con #pager_space div {
	background-color: #000;
	color:#fff;
    border-bottom: 1px solid;
}

main .main-con #pager_space div a {
    width: 580px;
    height: 24px;
	padding: 10px;
	color: #fff;
	font-size: 1.4rem;
	display:inline-block;
    overflow: hidden;
}

#previous_post_link:hover{
	background: #fff;
	color:#000;
}

main .main-con #pager_space div a:hover{
	text-decoration: underline;

}

main .main-con #pager_space div span {
  font-size: 1.4rem
}

main .main-con #pager_space div span.title {
	margin-right: 10px;
	padding: 10px 20px 10px 10px;
	border-right: 1px solid #fff;
	display:inline-block;
	color:#fff;
}

main .main-con h1.archive-title {
  margin-bottom: 15px;
  padding: 8px 0 8px 45px;
  background: url(images/icon_honey.png)no-repeat 10px center #fef7dd;
  border-top: 2px solid #f2b51e;
  border-bottom: 2px solid #f2b51e;
  font-family: メイリオ, Meiryo;
  color: #482219
}

main .main-con section .post-archive {
  width: 100%;
  margin: 0;
  padding: 15px 0;
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #63403c;
  position: relative;
  overflow: hidden
}

main .main-con section .post-archive img {
  float: left;
  margin-right: 15px
}

main .main-con section .post-archive h3 {
  margin-bottom: 10px;
  line-height: 1.4
}

main .main-con section .post-archive h3 a {
  font-size: 2rem
}

main .main-con section .post-archive h3 a:hover {
  text-decoration: underline
}

main .main-con section .post-archive p {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #555;
  overflow: hidden
}

main .main-con section .post-archive img {
  width: 106px
}

main .main-con section .post-archive ul.post-categories {
  width: 550px;
  float: right
}

main .main-con section .post-archive ul.post-categories li {
  margin: 5px 0 0 5px
}

main .main-con section .post-archive .comments-amount {
  padding: 5px 0 5px 35px;
  background: url(images/icon_comment.png)no-repeat left center;
  position: absolute;
  left: 125px;
  bottom: 15px
}

main .main-con section .post-archive:last-of-type {
  border-bottom: 1px solid #63403c
}

main .main-con #catplus {
  margin-bottom: 25px;
  padding: 10px;
  background: #fdf0db;
  border: 1px solid #63403c
}

main .main-con #catplus img {
  float: left;
  margin-right: 15px
}

main .main-con #catplus h2, main .main-con #catplus h3 {
  margin-bottom: 10px;
  padding: 0;
  background: 0;
  border: 0;
  font-family: メイリオ, Meiryo;
  font-size: 1.8rem
}

main .main-con #catplus p {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.6;
  float: right;
}

main .main-con #catplus a.actor_btn {
  padding: 10px 10px 10px 30px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #654037;
  color: #fff;
  display: inline-block
}

main .main-con #catplus a.actor_btn:hover {
  background: #f2b51e
}

main .main-con #catplus a.actor_btn:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #fff
}

.wp-pagenavi {
  padding: 30px 0;
  text-align: center;
  font-size: 0
}

.wp-pagenavi a, .wp-pagenavi span {
  padding: 10px;
  display: inline-block
}

.wp-pagenavi a:hover {
	text-decoration:underline;
}

.wp-pagenavi a {
  background: #000;
  color: #fff
}

.wp-pagenavi .larger{
  border-right: 2px solid #fff
}

.wp-pagenavi .smaller{
  border-left: 2px solid #fff
}

.wp-pagenavi span.pages {
  display: none
}

.nextpostslink{
	margin-right:2px;
}

.previouspostslink{
	margin-left:2px;
}

.pagebreak-links{
    margin-top: 15px;
	text-align:center;
}

.pagebreak-links .current{
	margin:0px 10px;
}

.post-page-numbers{
	margin-bottom:0px;
    text-align: center;
}

a.post-page-numbers{
    background-color: #000;
    color: #fff;
    display: inline-block;
	padding: 10px 20px;
}

a.post-page-numbers:hover{
    background-color: #fff;
    color: #000;
	text-decoration:underline;
}

footer {
  padding:20px 0px;
  background: #000;
  color: #fff
}

footer .inner {
  background: no-repeat right top;
  position: relative
}

footer .inner h2 {
  width: 415px;
  margin-bottom: 10px;
  padding: 8px 0 8px 45px;
  background: url(images/icon_bee_w.png)no-repeat 10px center;
  border-bottom: 1px solid #f2b51e;
  display: inline-block;
  font-family: メイリオ, Meiryo;
  font-size: 1.8rem;
  font-weight: 400
}

footer .inner p {
  font-size: 1.4rem;
  line-height: 1.4;
  font-family: Verdana, 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif
}

footer .inner a.btn {
  margin-top: 25px;
  padding: 10px 40px;
  border: 1px solid #f2b51e;
  font-family: メイリオ, Meiryo;
  display: inline-block
}

footer p.copy {
  font-family: メイリオ, Meiryo;
  text-align: center
}

#container {
  padding-top: 0
}

#breadcrumbs, #footer, #footer-banner, #global-nav, #top, .page-top, .sb, .sub-column {
  display: none!important
}

#main {
  overflow: visible!important
}

#main-and-sub {
  width: 100%!important
}

#main-contents {
  margin: 0 auto!important;
  width: 96%!important;
  overflow: visible!important
}

.commentlist{
	padding:5px 0px;
}

#commentform{
	padding:10px 0px;
}

#commentform p{
	margin-bottom:10px;
}

.comment-author{
	padding-top: 5px;
}

cite.fn{
	display: inline-block;
}

.comment-author a{
    color: #4d90ff;
    font-weight: bold;
}

.comment-author cite, .comment-author span{
	vertical-align:top;
}

.comment-author img{
	margin-right:5px;
	float:left;
}

.comment-meta a{
	display: inline-block;
}

.commentmetadata{
	margin-bottom: 5px;
}

.db_data {
  font-size: 1.2em;
  text-align: right;
}

.time .new{
	color:#ff0000;
	font-weight:bold;
}

.db_data .time {
  display: inline-block;
}

.single .db_data .time {
  padding: 5px 0 5px 30px;
  background: url(images/icon_date.png)no-repeat left center;
  display: inline-block;
}

.comments-amount {
	margin-left: 20px;
	display: inline-block;
}

.single .comments-amount {
  padding: 5px 0 5px 35px;
  background: url(images/icon_comment.png)no-repeat left center;
  display: inline-block;
}

#br-info{
	text-align: right;
	margin-right: 10px;
}

#br-info a{
	display:inline-block;
}

.reply {
	margin: 10px 0px;
	background-color: #000;
	color:#fff;
	padding: 5px 10px;
	width: 50px;
}

.reply:hover{
	background-color: #fff;
	color:#000;
	text-decoration:underline;
}

.children .comment{
	border-left:2px inset;

}

.comment-body{
	line-height: 1.3;
}

.children .comment-body{
	padding-left: 25px;
}

.children .comment-body{
	background: url(images/icon_rep.png)no-repeat 1px -6px;
}

.children .children{
	padding-left: 25px;
}

#respond h3 a{
	margin-bottom:5px;
}

#cancel-comment-reply a{
    padding:5px 0px;
}

#site-icon img{
    width: 80px;
    border: 1px solid #333;
    border-radius: 10px;
}

#site-icon p{
	display: inline-block;
    vertical-align: top;
}

/*RSS*/
.wp_rss_retriever_item{
    height: 20px;
    overflow: hidden;
	list-style: none;
}

.wp_rss_retriever_item a{
    height: 15px;
    overflow: hidden;
}

.wp-rss-template-container .wprss-feed-meta{
	display:none;
}

.wp_rss_retriever_item a:hover{
    text-decoration:underline;
}

/*RSS
.wp_rss_retriever_list{
	height: 350px;
    overflow-y: scroll;
}*/

wp_rss_retriever_list::-webkit-scrollbar{
	width:10px;
	background:#eee;
}

.wp_rss_retriever_list::-webkit-scrollbar:horizontal{
	height:5px;
}
.wp_rss_retriever_list::-webkit-scrollbar-button{
    width:10px;
    height:5px;
    background:#666;
}
.wp_rss_retriever_list::-webkit-scrollbar-piece{
	background:#eee;
}

.wp_rss_retriever_list::-webkit-scrollbar-piece:start{
	background:#eee;
}

.wp_rss_retriever_list::-webkit-scrollbar-thumb{
	background:#999;
}

.wp_rss_retriever_list::-webkit-scrollbar-corner{
	background:#999;
}

/*はてなブックマーク*/
#hatena{
	position: fixed;
    bottom: 90px;
    right: 20px;
}

@media screen and (max-width:1250px) { 

#hatena{
	display:none;
}
}
/*はてなブックマーク*/

#amzn_assoc_ad_div_adunit_0{
	position: fixed;
    right: 20px;
    bottom: 90px;
}

/*前後の記事*/
#page-nav{
    padding: 20px 10px;
}

#page-nav img{
	width:100px;
	height:80px;
}

#page-nav ul{
	height:85px;
}

#page-nav a {
    width: 325px;
    display: inline-block;
    vertical-align: top;
}

#page-nav a:first-child{
	border-right:1px solid;
}

#page-nav li{
	display:inline-block;
}

#page-nav ul li:nth-child(3){
	max-width:195px;
	vertical-align: top;
    line-height: 1.2;
}

#page-nav a:hover ul li:nth-child(3){
	text-decoration:underline;
}

#page-nav a:first-child ul li:first-child{
	width: 20px;
    height: 80px;
    padding: 5px 2px;
    background-color: #000;
    color: #fff;
    float: left;
}

#page-nav a:nth-child(2) img{
	margin-right:0px;
	margin-left:5px;
}

#page-nav a:nth-child(2) ul li:nth-child(1){
	width: 20px;
    height: 80px;
    padding: 5px 2px;
    background-color: #000;
    color: #fff;
    float: right;
}

#page-nav a:nth-child(2) ul li:nth-child(2){
    float: right;
}

/*続きボタン*/
.grad-btn{
    background-color: #000;
    color: #fff;
    padding: 3px;
}

/*追尾広告*/
.f-ga{
	position: fixed;
    left: 20px;
    width: 160px;
    top: 60px;
    height: 160px;
}

@media screen and (max-width:1480px) { 
/*追尾広告*/
.f-ga{
	display:none;
}
}

.grad-btn::before {
	content: "続きを読む"
}
.grad-item {
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	height: 0px;
}
.grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px; /*グラデーションで隠す高さ*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	content: "";
}
.grad-trigger {
	display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
	content: "閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
	height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
	display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/*リンクカード*/
.kinl-card, .kinl-card ul{
	display: inline-block;
}

.kinl-card ul li:nth-child(2){
	text-decoration: underline;
}

.kinl-card a{
	white-space: nowrap;
}

.kinl-card img{
    width: 50px;
    height: 50px;
	margin:0px 5px 0px 0px !important;
    padding: 0px !important;
	float:left;
}

.kinl-card p{
    vertical-align: top;
}

/*tab*/
.tab-wrap{
    margin-bottom: 40px;
}
.tab-group{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}
.tab{
    flex-grow: 1;
    background: #000; /* タブのカラー */
    border-radius: 10px 10px 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 5px;
    padding: 14px 0 12px;
    text-align: center;
    vertical-align: bottom;
}
.panel-group, .rss_feed_management{
    min-height:100px;
    padding: 2px;
}
.panel{
    display:none;
}
.tab.is-active{
	color: #000;
    background: #fff;
    border: 1px solid;
    padding-bottom: 20px;
    text-decoration: underline;
}
.panel.is-show, .rss_feed_management{
    display:block;
	height: 350px;
    overflow-y: scroll;
}

.rss_feed_management li{
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 10px;
}

.rss_feed_management li a:hover{
    text-decoration: underline;
}


@media screen and (max-width:480px) { 
.tab{
    padding: 10px 0 7px;
}

.tab.is-active{
    padding-bottom: 15px;
}

/*widget*/
.textwidget p{
	padding:5px;
}

/*YARPP*/
.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	border:0px !important;
}