@font-face {
font-family: MyFont;
src: url('./fordash.eot'); /* IE9以上用 */
src: url('./fordash.otf') format('opentype');
}
html {
touch-action: manipulation;
}
body {
	padding-top: 25px;padding-right:3px;
	font-family:MyFont,YuGothic,'Yu Gothic Medium','Yu Gothic','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN',Meiryo,'MS Gothic',sans-serif;
	background:#ffff9D;
	/* background:#F5F8FA; /* isuki 2023/8/19 */
	/* background:#FDFDFD; /* isuki 2023/8/20 */
	/* background:hsla(100,100,100,1.0); /* isuki 2023/8/20 */
}
header,div.container{
	/*background:#ffffff;*/
}
.navbar-fixed-bottom div.navbar-header{
	margin-bottom:0px;	
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
a#bmenu2:hover,a#bmenu2:focus,a#bmenu3:hover,a#bmenu3:focus,
a#bmenu4:hover,a#bmenu4:focus,a#bmenu5:hover,a#bmenu5:focus,
a#bmenu6:hover,a#bmenu6:focus,a#bmenu7:hover,a#bmenu7:focus,
a#bmenu8:hover,a#bmenu8:focus,a#bmenu9:hover,a#bmenu9:focus{
background-color:#ffff8b;
}
a#bmenu2,a#bmenu3,a#bmenu4,a#bmenu5,a#bmenu6,a#bmenu7,a#bmenu8,a#bmenu9,a#bmenu10{
background-color:#ffffff;
    color:#333;
}
@media(min-width:0px) and (max-width:320px){
	a#bmenu1{
		font-size:18px
	}
}
@media(min-width:320px) and (max-width:374px){
a#bmenu1 {
	margin-left:15px;
	margin-right:2%;
	letter-spacing:3px;
}
}
@media(min-width:375px) and (max-width:767px){
a#bmenu1 {
    
	margin-left:15px;
	margin-right:3%;
    letter-spacing:5px;
}
}
@media(min-width:0px) and (max-width:767px){
#buttonfont {
	font-size:13px;
}
a#bmenu2,a#bmenu3,a#bmenu4{
	font-size:14px;
	padding-top:5px;
	line-height:19px;
}
a#bmenu1{
    font-family: "Noto Serif JP","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", serif;
	color:#880;
    font-weight:900;
	margin-top:6px;
	background: -webkit-linear-gradient(top, #770 20%,#aa0 40%,#cc7 70%,#b5b500 80%,#b0b000 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     border-bottom:1px solid #cc0;
}
a#bmenu2 {
	width:13%;
	border-left:1px solid #aaaaaa;
	text-align:center;
	margin-right:2px;
}
a#bmenu3 {
	width:14%;
	border-right:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
}
a#bmenu4 {
	width:13%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
	margin-left:2px;
	height:27px;
}
a#bmenu10 {
	font-size:12px;
	line-height:6px;
	width:10%;
	border-right:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
}
a#bmenu5 {
	font-size:10px;
	line-height:10px;
	width:17%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
	margin-left:15px;
}
a#bmenu6 {
	font-size:10px;
	line-height:10px;
	width:19%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
}
a#bmenu7 {
	font-size:10px;
	line-height:10px;
	width:18%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
}
a#bmenu8 {
	font-size:10px;
	line-height:10px;
	width:18%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
}
a#bmenu9 {
	font-size:10px;
	line-height:10px;
	width:18%;
	text-align:center;
	margin-right:0px;
}
div#topsaku{
	margin-top:8px;
	margin-right:-5px;
	font-size:14px;
	font-weight:600;
	line-height:15px;
	display:inline-block;
	vertical-align:bottom;
	float:left;
	text-align:right;
	max-width:55%;
}
h3 img{
	height:26px;
	vertical-align:bottom;
	border-radius:0px;
	margin-right:4px;
}
h3.topsp{
	font-weight:700;
	font-size:18px;
	margin-top:10px;
}
img#twittop{
	height:21px;
	vertical-align:bottom;
	border-radius:3px;
	float:right;
	margin-right:-5px;
	margin-top:5px;
}
}
@media(min-width:768px){
div#topsaku{
	margin-top:3px;
	font-size:18px;
	font-weight:600;
	line-height:1.2em;
	display:inline-block;
	vertical-align:bottom;
	float:right;
	text-align:right;
	max-width:75%;
}
h3 img{
	height:33px;
	vertical-align:bottom;
	border-radius:0px;
	margin-right:5px;
}
h3.topsp{
	font-weight:700;
	font-size:24px;
	margin-top:10px;
}
img#twittop{
	height:35px;
	vertical-align:bottom;
	border-radius:7px;
	float:right;
}
.navbar-fixed-bottom div.navbar-header{
	width:104%;
	padding-top:0px;
}
a#bmenu1 {
    font-family: "Noto Serif JP","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", serif;
    font-weight:800;
	margin-left:10px;
	display:inline;
	margin-right:30px;
    letter-spacing:5px;
    color:#880;
	background: -webkit-linear-gradient(top, #770 20%,#aa0 40%,#cc7 70%,#b5b500 80%,#b0b000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom:1px solid #cc0;
}
a#bmenu2 {
	display:inline-block;
	font-size:14px;
	margin-right:40px;
	line-height:22px;
}
a#bmenu3 {
	display:inline-block;
	font-size:14px;
	margin-right:40px;
	line-height:22px;
}
a#bmenu4 {
	display:inline-block;
	font-size:14px;
	margin-right:20px;
	line-height:22px;
}
a#bmenu10 {
	display:inline-block;
	font-size:14px;
	margin-right:40px;
	line-height:6px;
}
a#bmenu5 {
	font-size:12px;
	line-height:12px;
	width:18%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
	margin-left:-10px;
	margin-top: 0px;
    padding-top: 0px;
}
a#bmenu6 {
	font-size:12px;
	line-height:12px;
	width:20%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
	margin-top: 0px;
    padding-top: 0px;
}
a#bmenu7 {
	font-size:12px;
	line-height:12px;
	width:19%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
	margin-top: 0px;
    padding-top: 0px;
}
a#bmenu8 {
	font-size:12px;
	line-height:12px;
	width:19%;
	border-right:1px solid #aaaaaa;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
	margin-top: 0px;
    padding-top: 0px;
}
a#bmenu9 {
	font-size:12px;
	line-height:12px;
	width:19%;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
	margin-top: 0px;
    padding-top: 0px;
}
}
a#bmenu5{
    color:#420;
}
a#bmenu6{
    color:#240;
}
a#bmenu7{
    color:#440;
}
a#bmenu8{
    
}
a#bmenu9{
    color:#004;
}

.navbar-fixed-bottom i{
	line-height:28px;
}
.navbar-brand {
	margin-right:10px;
}
div.row {
	margin-left:-12px;
}
span.btn-dark {
	background:#3f3f3f;
}
div.post > h2 {
	background:#3f3f3f;
}
div.container#maintext {
	border:none;
	/*background:#ffffA0;*/
	padding-right:0px;
	padding-left:5px;
}
p.post-body {
	padding-left:8px;
	padding-right:5px;
}
footer {
	background:#ffff8b;
	padding:0;
}
.tags {
	font-size:12px;
	color:#3f3f3f;
	display:block;
}

.mokuji-old,.mokuji-next{
	border:1px solid #ffcc00;
	background-color:#fff;
	box-shadow:1px 0px 5px #777;
	border-radius:4px;
    display:inline-block;
	width:39%;
	font-size:15px;
	text-align:center;
	height:32px;
	margin-top:0px;
	color:#000000;
}
.mokuji-old{
    float:left;
}
.mokuji-next{
    float:right;
}
.mokuji-old:hover,.mokuji-next:hover{
	border-radius:8px;
	background-color:#fdffaa;
}
.mokuji-old:hover{
	transform:translateX(-6px);
}
.mokuji-next:hover{
	transform:translateX(6px);
}
.mokuji-home {
	text-align:center;
	//display: inline-block;
	position: relative;
	padding:15px 15px;
	//line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #40C659;
	border-radius: 50%;
	font-size:20px;
	//transition: transform .3s;
	transition-duration: 0.5s;
  //transition-property:width;
}
.mokuji-home:hover {
	//box-shadow:0px 2px 30px #00ff11;
	font-size:15px;
	padding:13px 13px;
	 cursor: pointer;
	 text-decoration: none;
	//text-align: center;
	 //transition: transform .3s;
	transform-origin: center;
	transform: scale(0.9, 0.9);
	opacity: 0.7;
}

.mokuji {
	height:30px;
	padding:0px 0px auto 0px ;
	margin:0px 1px -31px 1px ;
	//background:#ffffff;
	text-align:center;
}

/*.mokuji a:hover {
	background:#ffff8b;
    transform:translateY(-1px);
    box-shadow:5px 5px 10px #000000;
}*/
.mokuji a:link {
	color:#000000;
}
.mokuji img{
	border-radius:0px;
	margin-right:8px;
	vertical-align:-9.5px;
}
.mokuhr {
	margin:0 0 0 0;
}
table.point_table {
    max-width:95%;
    font-size:14px;
	width:auto;
	text-align:right;
	margin:auto;
	border:solid 2px #3f3f3f;
}
th.point_head {
	text-align:right;
	border-left:solid 2px #888888;
	border-right:solid 1px #888888;
	border-top:solid 2px #888888;
	border-bottom:solid 1px #888888;
	padding-left:5px;
	padding-right:5px;
	background:#ffff00;
}
table.point_table td.point_day {
	padding-right:5px;
	background:#ccffcc;
	border-left:solid 2px #888888;
	border-right:solid 1px #aaaaaa;
	border-top:solid 1px #aaaaaa;
	border-bottom:solid 1px #aaaaaa;
	color:#4169e1;
}
table.point_table td.point_all {
	padding-right:5px;
	background:#ffffcc;
	border-left:solid 2px #888888;
	border-right:solid 1px #aaaaaa;
	border-top:solid 1px #aaaaaa;
	border-bottom:solid 1px #aaaaaa;
	color:#b22222;
}
tr.allpoint {
	font-weight:bold;
	border:solid 2px #888888;
}
tbody#pointbody {
	border:solid 2px #888888;
}
thead#pointsquare {
	border:solid 2px #888888;
}
button.cp_btn {
	display: inline-block;
	width: 100px;
	padding: 10px 5px 10px 5px;
	text-align: center;
	text-decoration: none;
	color: #F68D17;
	border: 3px solid #ffcc17;
	border-radius: 20px;
	transition: .4s;
	background:#ffffff;
	font-size:20px;
	margin:5px;
	float:left;
}
button.cp_btn:hover {
	background: #ffcc17;
	color: #ffffff;
}
button.cp_btn:hover > span  {
	text-shadow: 2px 2px 5px #888888,-2px 2px 5px #888888,2px -2px 5px #888888,-2px -2px 5px #888888;
}
button.cp_btn:active {
	background: #ffcc17;
	border: 3px solid #ffcc17;
	border-radius: 20px;
	color: #ffffff;
}
.msgnavi1 {
	color:#000;
	text-align:center;
	border:2px solid #999;
	padding:4px 4px;
	margin:0 auto;
	background-color:#eee;
	border-radius:4px;
	float:left;
	transition: .3s;
}
.msgnavi1:hover{
	border-radius:12px;
	border:2px solid #fe0;
	background-color:#fdfdfd;
}
.topbtnall{
	display: flex;
  align-items: center;
  justify-content: center;
	position:relative;
	//overflow: hidden;
	//left:50%;
	//float:left;
}
.topbtn1{
	//width:100%;
	color:#000;
	margin-right:30px;
	//margin-left:10em;
	position:relative;
	//left: -70%;
    float: left;
    padding:10px 10px;
    background:#cf0;
    border-radius:10px;
    border:1px solid #000;
    box-shadow:0px 2px #000;
    transition:.2s;

}
.topbtn1:hover{
	color:#fff;
	//border-radius:15px;
	background-color:#ffff00;
	transform:translateY(-4px);
	
}
.topbtn2{
	margin-left:30px;
	position:relative;
	//left: -70%;
    //float: left;
    padding:10px 20px;
    background:#f70;
    border-radius:10px;
    border:1px solid #000;
    box-shadow:0px 2px #000;
    transition:.2s;

}
.topbtn2:hover{
	//border-radius:15px;
	background-color:#ffff00;
	transform:translateY(-4px);
	
}


div#gacha {
	text-align: center;
	//margin-left:3em;
	//margin-right:3em;
  padding-top: 10px;
  padding-bottom: 10px;
   background-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03);
  display: inline-block;
  //width: 140px;
  text-align: center
  font-size: 18px;
  color: #444;
  text-decoration: none;
  font-weight: bold;
  padding: 11px 24px;
  position: relative;
  border-radius:12px;
  border: 1px solid #555;
  transition: .4s;
  letter-spacing: 2px;
  box-shadow:0px 4px #000;
  //left: -60%;
  //float: left;
}
div#gacha:hover {
	border-radius:20px;
	 border: 1px solid #ddd;
  color: #fff;
  box-shadow:0px 4px #ccc;
}
div#gacha:active {
	transition: .0s;
	transform: translateY(3px);
	box-shadow:0px 0px;
}
@media(max-width:700px){
	.topbtn2{
		margin:2px;
        padding:10px 15px;
	}
	div#gacha {
		padding-top: 0px;
		padding-bottom:0px;
		padding:10px 30px;
		transform:translateY(-4px);
	}
	.topbtn1 {
		margin-right:2px;
		padding:10px 5px;
	}
}

div#vote {
	position:relative;
	font-size:15px;
	background-color:#ffd700;
	display:block;
	width:11em;
	height:auto;
	padding:3px;
	border-radius:15px;
	border:3px solid #44ffcc;
	text-align:center;
	color:#000080;
	z-index:1;
}
aside#vote1 {
	width:180px;
	margin-right:auto;
	margin-left:auto;
	margin-top:-20px;
}
aside#vote1 > a {
	text-decoration:none;
	font-size:15px;
	z-index:3;
}
div#vote::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	background: #44ffcc;
	border-radius:11px;
	transform-origin: center center;
	transform: scale(0, 1);
	transition: transform .3s;
}
div#vote:hover::before {
	transform: scale(1, 1);
}
div#vote:hover {
	color:#ffffff;
}

.calendarall{
	font-family: メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
	text-align:center;
	width:95%;
	margin-left:2.3%;
}
.calendarweek{
	background-color:#f0fbff;
}
.calendar2{
    background-color:rgba(255,245,0,0.2);
}
.archiveday{
	color:#666;
	margin-left:15%;
	font-size:90%;
	background-color:rgba(16,255,2,0.01);
	width:70%;
	box-shadow:0px 1px 1px #ddd;
	margin-bottom:7px;
}
.calendarevent{
	border-radius:4px;
	color:#000;
	padding:3px 0px;
	font-size:75%;
	box-shadow:10px 10px 100px #ddd;
	transition:0.3s;
	//border:1px solid #f70;
    margin-bottom:3px;
}
.archivetitle2{
	text-align:center;
    margin-left:5%;
	font-size:20px;
	font-family:メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
	font-weight:600;
	letter-spacing:2px;
	box-shadow:0px 1px 15px #cdf;
	padding:10px;
	width:60%;
	border-radius:3px;
}
.poembody{
	//font-size:18px;
	margin-top:25px;
	font-family:メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
}
.archivetitle{
    background-color:rgba(240,230,0,0.2);
    border-radius:6px;
    margin-top:25px;
    color:#550;
	font-family:'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
	font-size:26px;
    font-weight:700;
}
.archivetitle3{
    margin-left:5%;
    //background-color:rgba(240,230,0,0.2);
    border-radius:6px;
    margin-top:25px;
    color:#550;
	font-family:'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
	font-size:26px;
    font-weight:700;
}


.showtaglist {
  font-family: メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
  color:#000;
  list-style: none;
  //overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  //padding: 0 0 12px 8px;
  display: -ms-flexbox;
  display: flex;
  transition: transform .3s;
  }
@media screen and (max-width:757px){
	.showtaglist{
	overflow-x: scroll;
	}
}
/* 画面幅が768px以上の場合、横スクロールを解除 */
@media screen and (min-width: 768px) {
  showtaglist {
    overflow-x: inherit;
    overflow: hidden; 
    padding: 0 8px 6px; } }

.showtaglist > li {
	font-size:14px;
	opacity: 0.7;
  width: 100%;
  margin:10px 0px;
  background-color:#feff43;
  padding:10px 1px;
  border-radius:6px;
  box-shadow:0px 5px 10px #777;
  min-width: 140px;
  transition: transform .3s; }
.showtaglist > li:hover {
	transition: transform .3s;
	opacity: 1.0;
}
.showtaglist > li:active {
	transition: transform .0s;
	opacity: 1.0;
	box-shadow:none;
	transform:translateY(3px);
}

@media screen and (min-width: 768px) {
  .showtaglist > li {
    min-width: inherit; } }

.showtaglist > li:not(:last-child) {
  margin-right: 10px; }

.showtaglist > li:last-child {
  padding-right: 10px; }

@media screen and (min-width: 768px) {
  .showtaglist > li:last-child {
    padding-right: 0; } }

.showtaglist img {
  vertical-align: bottom; }

.tabs2 .tab-kobetu,.post_modal {
	width:100px;
	text-align:center;
    position: fixed;
    display: block;
   border: 1px solid #aaa;
   border-radius:2px;
   padding: 12px;
   text-decoration: none;
   font-weight: bold;
    z-index:10000;
    transition: .3s ease;
}
.tabs2 .kobetu1{
	color:#680;
    top:55px;
    left:20px;
    margin:5px;
    background-color:#eee;
}
.tabs2 .kobetu2{
	color:#880;
    top:55px;
    left:150px;
    margin:5px;
    background-color:#eee;
}
.tabs2 .kobetu3{
	color:#009;
    top:55px;
    left:280px;
    margin:5px;
    background-color:#eee;
}
.post_modal{
	color:#000;
	top:55px;
	right:5%;
    cursor: pointer;
	background-color:#eef;
	box-shadow:0px 1px 8px #eef;
	background:-webkit-radial-gradient(#fff 40%, #efefff);
}

@media(max-width:414px){
	.tabs2 .tab-kobetu,.post_modal{
		padding:8px;
		width:17%;
	}
	.tabs2 .kobetu1{
		top:44px;
		left:2px;
	}
	.tabs2 .kobetu2{
		top:44px;
		left:90px;
	}
	.tabs2 .kobetu3{
		top:44px;
		left:178px;
	}
	.post_modal{
		top:49px;
		font-size:11px;
		padding:5px;
		margin:0;
	}
}
@media(max-width:375px){
	.tabs2 .tab-kobetu,.post_modal{
		padding:8px;
		width:17%;
	}
	.tabs2 .kobetu1{
		top:44px;
		left:2px;
	}
	.tabs2 .kobetu2{
		top:44px;
		left:84px;
	}
	.tabs2 .kobetu3{
		top:44px;
		left:166px;
	}
	.post_modal{
		top:49px;
		font-size:11px;
		padding:5px;
		margin:0;
	}
}
@media(max-width:320px){
	.tabs2 .tab-kobetu,.post_modal{
		padding:8px;
		width:17%;
	}
	.tabs2 .kobetu1{
		top:46px;
		left:2px;
	}
	.tabs2 .kobetu2{
		top:46px;
		left:75px;
	}
	.tabs2 .kobetu3{
		top:46px;
		left:148px;
	}
	.post_modal{
		top:49px;
		font-size:11px;
		padding:5px;
		margin:0;
	}
}
.tab-7-content{
    box-shadow:0px 9px 10px #555;
}
.tab-8-content {
    border-radius:3px;
    border:solid 1px #777;
    background-color:#fdfff0;
    box-shadow:0px 9px 10px #661;
}
.tab-9-content {
    border-radius:3px;
    border:solid 1px #777;
    background-color:#fbfbff;
    box-shadow:0px 9px 10px #115;
}
.tabs2 .tab-kobetu:hover {
  background-color:#ffff00;
}
.tabs2 input[name="tab-radio"],
.tabs2 .tab-content2 {
  display: none;
}
.tabs2 .tab-content2{
  /*min-height: 190px;
  max-height:600px;*//*overflow:scroll;border:solid 1px #888888;text-align:left;*/
    
}
.tabs2 #tab7 {
    background-color: #ffffdd;
}
.tabs2 #tab8 {
    background-color: #ddffdd;
}
.tabs2 #tab9 {
    background-color: #ddddff;
}
.tabs2 #tab-7:checked ~ .tab-7-content,
.tabs2 #tab-8:checked ~ .tab-8-content,
.tabs2 #tab-9:checked ~ .tab-9-content{
  display: block;
}
.tabs2 input[name="tab-radio"]:checked + .tab-kobetu {
}
@media (min-width:800px){
.tabs2{
  font-size:13.5px;
}
}
/*コメントの移動*/
@media (min-width:758px){
	.comment-fix:focus{
	//transition-duration:3s;
	position:fixed;
	bottom:20px;
	margin:auto;
	left: 50%;
    transform: translate(-50%, -50%);
    width:75%;
	height:12%;
    z-index: 10000;
}
    .btn-fix{
	position:fixed;
	top:52px;
	left:270px;
}
}

/*
@media (max-width:757px){
    .comment-fix:focus{
	//transition-duration:3s;
	position:fixed;
	bottom:45%;
	margin:auto;
	left: 50%;
    transform: translate(-50%, -50%);
    width:85%;
	height:7%;
    overflow-y:hidden;
    -webkit-overflow-scrolling:auto;
}}
*/

.user_top{
    font-family: メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
	box-shadow:0px 2px 10px #66a;
	max-width:80%;
	margin-left:10%;
    margin-top:20px;
	padding:6px;
	background-color:#fff;
	//background:-webkit-radial-gradient(#fff 30%,#f2fdff 100%);
	border:solid 1px #23f;
	//background: -webkit-linear-gradient(top,#ddd 0%,#fdfdfd 2%,#fff 95%,#fdfdfd 97%,#ddd 100%)
}
.top_icon{
	float:left;
}
.user_btn{
	display:flex;
	list-style:none;
	font-size:14px;
	text-align:center;
	padding-inline-start: 0px;
}
.user_btn > li{
	border-radius:2px;
	box-shadow:0px 2px 2px #aaa;
	padding:4px;
    margin:5px;
    //border:1px solid #888
}
.user_login{
	text-align:center;
	font-size:20px;
	padding:10px;
	box-shadow:0px 2px 5px #cc0;
}
.top_loginbtn{
	text-align:center;
	margin-left:32%;
	width:30%;
	margin-bottom:2%;
}
@media (max-width:765px){
	.user_top{
		max-width:90%;
		margin-left:2%;
        margin-top:15px;
		font-size:14px;
	}
	.user_btn{
		font-size:12px;
		clear:both;
		justify-content: center;
	}
	.user_btn > li{
		padding:1px;
		margin:1px;
		padding-top:7px;
	}
    .tag_list2{
        overflow-x: scroll;
        padding:10px 1px;
        font-size:12px;
	}
}
.tag_list2{
	clear:both;
	text-align:center;
	justify-content:flex-end;
	list-style:none;
	display:flex;
}
.tag_list2 > li{
	margin:7px;
	border-left:1px solid #888;
	padding-left:8px;
}
.tag_list2 > li:last-child{
    border-right:1px solid #888;
    padding-right:8px;
}

.Z_kidoku_btn,.Z_kidoku_btn_after,.Z_star_btn,.Z_star_btn_after,.Z_vote_under{
    font-family: メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
	text-align:center;
	float:left;
	margin-right:2%;
	padding:3px;
	width:80px;
    font-size:12px;
}
.Z_kidoku_btn{
	margin-left:2%;
    border-radius:8px;
    background-color:#ffffd9;
    box-shadow:0px 1px 10px #d4d486;
}
.Z_kidoku_btn_after{
	margin-left:2%;
    border-radius:8px;
    border:1px solid #000;
}
.Z_star_btn{
    border-radius:8px;
    background-color:#fffa86;
    box-shadow:0px 1px 10px #d4d486;
}
.Z_star_btn_after{
	border-radius:8px;
    border:1px solid #000;
}
.Z_vote_under{
	border-radius:8px;
    background-color:#dff;
    box-shadow:0px 1px 5px #00f;
}

.kidoku_btn{
	margin-left:5%;
	background-color:#ffffd9;
	border:1px solid #dd0;
	border-radius:3px;
	//margin-left:10px;
	padding:5px;
	box-shadow:0px 2px 10px #aa0
}
.star_btn{
	margin-left:2%;
	text-align:center;
	//width:30%;
	padding:5px;
    border-radius:4px;
    border:0px;
    background:-webkit-linear-gradient(top,#cc0 0%,#ff2 5%,#ff4 25%,#ff6 40%,#ff5 50%,#ff3 70%,#ff2 80%,#ff0 90%,#dd0 100%);
    box-shadow:0px 2px 10px #dd0;
}
.star_btn_after{
	margin-left:2%;
	text-align:center;
	padding:5px;
    border-radius:4px;
    border:0px;
    background-color:#dda;
    //background:-webkit-linear-gradient(top,#cc0 0%,#ff2 5%,#ff4 25%,#ff6 40%,#ff5 50%,#ff3 70%,#ff2 80%,#ff0 90%,#dd0 100%);
    //box-shadow:0px 2px 10px #dd0;
}
.kidoku_btn_after{
	margin-left:5%;
	background-color:#ddddaa;
	//border:1px solid #dd0;
	border-radius:3px;
	//margin-left:10px;
	padding:5px;
	//box-shadow:0px 2px 10px #aa0
}
.vote_under{
	margin-left:2%;
	background-color:#dff;
	border:1px solid #00f;
	padding:4px;
    //color:#fff;
    border-radius:3px;
    box-shadow:0px 2px 5px #6aa;
}
.vote_timeout{
	margin-left:2%;
	background-color:#dda;
	padding:4px;
    border-radius:3px;
}
.kidoku_btn,.star_btn,.vote_under,.kidoku_btn_after,.star_btn_after,.vote_timeout{
	text-align:center;
	width:28%;
}
.poem_action2{
	font-size:17px;
	clear:both;
	text-align:center;
	margin-top:15px;
}
.poem_action{
    font-family: メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
    margin:30px 0;
	margin-left:10%;
	margin-right:10%;
	border-radius:45px;
	background:#ffffff;
	border:1px solid #3a0;
    padding:20px;
}
.poem_action1{
	text-align:center;
    font-size:17px;
    margin-top:5px;
}
.poem_action form{
	margin:0;
	padding:0;
	width:auto;
}
@media screen and (min-width:767px){
	.kidoku_btn,.kidoku_btn_after{
		float:left;
	}
	.star_btn,.star_btn_after,.vote_under,.vote_timeout{
		float:left;
	}
    .poem_action2{
        float:left;
        margin-left:10%;
        margin-top:18px;
    }
}
@media screen and (max-width:768px){
    .kidoku_btn,.star_btn,.vote_under,.star_btn_after,.vote_timeout{
    	width:80%;
    	margin-left:9%;
    	margin-bottom:7px;
    }
    .kidoku_btn_after{
    	width:76.5%;
    	margin-left:9%;
    	margin-bottom:7px;
    }
    .sharesns_under{
	margin-left:5px;
    }
    .poem_action{
    	padding:15px
    }
}
.sharesns_under{
	margin-left:4%;
}


.hidden_box {
    margin: 5px 0;/*前後の余白*/
}
/*ボタン装飾*/
.hidden_box label {
    padding: 7px;
    font-weight: bold;
    border: solid 2px #333;
    cursor :pointer;
}
/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}
/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
/*.notice_text{
	background-color:#fafcfe;
	box-shadow:0px 1px 2px #dfdfdf;
	padding:8px 2px;
	border-radius:5px;
}*/
.notice_text{
	background-color:rgba(240,240,240,0.5);
	padding:8px 2px;
	border-radius:1px;
	margin:0px 1px 1px 1px;
}
.th_post_main{
	width:93%;
	padding:0px;
	margin:0px;
}
.th_form {
    margin: 5px 0;
}
.th_form .th_postlabel {
	font-size:12px;
    padding: 7px;
    font-weight: bold;
    cursor :pointer;
    background-color:#dfdf88;
    line-height:15px;
    text-shadow:0px 1px 9px #fff;
}
.th_label {
    display: none;
}
.th_form .th_submit {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}
.th_form input:checked ~ .th_submit {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
.th_delete{
	width:70%;
	margin:0;
	padding:0;
	margin-top:10px;
}
.comment_action{
    display: none;
	padding:10px;
	margin:7px 15px 0px 10px;
	background-color:#d6e4ff;
    text-align:right;
}
.comment_form_sumple{
    display: none;
}

.memo_page{
    font-size: 20px;
    width:82%;
    color:#555;
    background-color:#ddd;
    padding:10px;
    white-space: pre-wrap;
    margin-left: 20px;
}
@media(max-width:768px){
	.memo_page{
		font-size:13px;
	}
}

#picinput-rnd{
	width:20px;
}
.picselect-rnd-label{
	border-radius:3px;
	padding:3px 8px;
	font-size:13px;
	border:1px solid #888;
	transition:0.05s;
}
.picselect-rnd input:checked ~ .picselect-rnd-label{
	background-color:#ffcc17;
}
.pic-select{
	text-align:center;
	overflow-y:scroll;
	width:auto;
	height:35%;
	border-radius:3px;
	border:1px double #666;
	background-color:#fff;
	margin-bottom:15px;
	margin-left:5%;
	padding:10px;
}
.pic-s{
	width:80%;
	height:150px;
	border-radius:5px;
}
.picinput{
	width:20px;
	height:150px;
}

.disp_none{
    display: none;
    opacity: 0;
    width:0;
    height: 0;
}

.page_links .monthshow_btn {
	margin-top:10px;
	font-size:12px;
    padding: 7px;
    font-weight: bold;
    cursor :pointer;
    background-color:#dfdf88;
    line-height:15px;
    text-shadow:0px 1px 9px #fff;
    box-shadow:0px 1px 5px #666;
    transition:0.3s;
}
.page_links .monthshow_btn:hover{
    background-color:#efef88;
}
.page_links input:checked ~ .monthshow_btn{
	background-color:#efef88;
}

#label_monthshow {
    display: none;
}
.page_links .month_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}
.page_links input:checked ~ .month_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.event_form .event_postlabel {
	margin-top:10px;
	font-size:12px;
    padding: 7px;
    font-weight: bold;
    cursor :pointer;
    background-color:#ffdf99;
    line-height:15px;
    text-shadow:0px 1px 9px #fff;
    box-shadow:0px 1px 5px #666;
    transition:0.3s;
}
.event_form .event_postlabel:hover{
    background-color:#ffef55;
}
#event_label {
    display: none;
}
.event_form .event_submit {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}
.event_form input:checked ~ .event_submit {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.page_gear_title{
	margin-left:2%;
	margin-right:1%;
	background-color:#fff;
	margin-bottom:5px;
	padding:5px;
	color:#550;
	border:1px solid #884;
}
.gear_submit_btn{
	text-align:center;
	max-width:50%;
    background-color:#ffaa00;
    color:#222;
    font-weight:700;
    border-radius:4px;
    padding:3px;
    
}
.gear_css{
	background-color:#fff;
	box-shadow:0px 1px 13px #ddd;
	margin-left:3%;
	margin-right:2%;
	padding:5px;
}
.datesid_css{
	border-radius:2px;
	border:1px solid #bbb;
	padding:4px;
	background-color:#fcfcf0;
}
.sid_css{
	border-radius:2px;
	border:1px solid #bbb;
	padding:4px;
	background-color:#fcfcf0;
}
.waysid_css{
	border-radius:2px;
	border:1px solid #bbb;
	padding:4px;
	background-color:#fcfcf0;
}
.gear_form{
	border-radius:2px;
	border:1px solid #bbb;
	padding:4px;
	background-color:#fcfcf0;
	margin-bottom:13px;
}

.q-radius-button {
    display: block;
	width: 80px;
	height: 80px;
	line-height: 50px;
	margin: 0 auto;
	font-size: 17px;
	font-weight:700;
	padding-left:4.5px;
	text-decoration: none;
	display: block;
	text-align: center;
	color: #3f3f3f;
	background: #ffbbbb;
	border:none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition:0.4s;
}
input.q-radius-button:focus {
	outline:0;
	background: #ffff8b;
}
input.q-radius-button:hover {
	outline:0;
	background: #ffcdcd;
}

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fdfdfd;
    background: -webkit-radial-gradient(#fff, #efefff);
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    border-radius:10px;
    max-height:55%;
    overflow-y:scroll;
}
.votebox_title{
	font-size:21px;
	border-radius:4px;;
	margin-bottom:20px;
	box-shadow:0px 1px 0px #88f; 
}
.js-votebox-post{
	margin-top:30px;
	margin-left:0%;
}
.js-modal-close-btn{
	margin-top:30px;
}
.srch_label{
	background-color:#ccc;
	border-radius:4px;
	padding:10px;
    transition: all 0.3s ease;
    margin-top: 3px;
    width:20%;
}
@media(max-width:767px){
	.srch_label{
		font-size:10px;
	}
}
.srch_radio{
    display: none;
}

@media(min-width:768px){
	.author_image_dx{
		float:left;
	}
}
.author_data_A{
	text-align:center;
	font-size:15px;
	max-width:90%;
    border-collapse: separate;
	background-color:#fffff4;
}

.keijiban_gear_btn{
    color:#000;
    padding:6px;
    background-color:#eaeaea;
    border:1px solid #555;
    border-radius:4px;
}
.js_page_postBG{
    background:#ffffff;
    border:1px solid #3b3b3b;
    padding-bottom:20px;
    transition: .2s ease;
}

.p_author_Name{
	font-size:40px;
}

.p_author_Profile{
	padding:10px;
	border-radius:10px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin:15px 10px 10px 10px;
	text-align:left;
	background-color:#fefef1;
	background: -webkit-radial-gradient(#fff 40%, #efefff);
    box-shadow:0px 1px 5px #aaa;
}
.p_author_profile2{
    padding:10px;
}
.author_btn_container{
	width: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.authorData_btn{
	float:left;
	cursor:pointer;
	padding:10px;
	width:30%;
	text-align:center;
	background-color:#ddd;
	margin:4px 2px 2px 2px;
    transition: 0.3s ease;
}
@media(max-width:767px){
    .authorData_btn{
    	width:40%;
    	font-size:14px;

    }
}
.author_profileTitle{
	font-size:20px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.Site_btn{
    display: inline-block;
	padding:5px;
	border-radius:2px;
	background-color:#eef;
	border:1px solid #88f;
	color:#000;
    margin-bottom: 4px;
}
.p_author_page1{
	text-align:center;
	display:none;
	padding:10px;
	background-color:#fafaff;
	border:double #770;
}
.p_author_page2{
    display: none;
}
.p_author_Settei{
	font-size:12px;
	display:block;
	text-align:right;
}
.author_SNS_btn{
    box-shadow: 0px 1px 5px #aaa;
}
.p_author_Site{
	display:block;
	padding:15px;
	height:auto;
}
.p_author_Press{
	display:inline-block;
	margin:6px;
	font-size:18px;
	color:#f90;
	border-radius:7px;
	padding:4px;
	border-bottom:1px solid;
}
.author_PressTitle{
	display:inline-block;
}
@media(max-width:320px){
	.p_author_Settei{
    	font-size:10px;
    }
}
@media(max-width:376px){

	.p_author_Name{
		font-size:35px;
	}
    .p_author_Settei{
    	font-size:11px;
    }
    .p_author_page1{
    	padding:2px;
    }
    .Site_btn{
    	display:block;
    }
    .p_author_Profile{
    	font-size:13px;
    }
}
.authorData_btn{
	text-align:center;
	background-color:#ddd;
	display:block;
	width:40%;
	padding:10px;
	float:left;
	margin-bottom:10px;
}
#js_authorData_btnA{
	margin-right:2px;
}
.bdg_box{
	text-align:center;
	margin:5px;
	padding:5px;
	background: -webkit-radial-gradient(#fcffff 40%, #effbff 100%);
}
.bdgBox_Deg{
	display:inline-block;
	border-bottom:1px solid;
}
.bdg_why{
	margin-bottom:9px;
}
.bdg_starTitle{
	margin:2px;
}
.bdg_star{
	margin-bottom:10px;
}
@media(max-width:767px){
    .onbreview{
        display: none;
    }
}

.serif{
    font-family: "Noto Serif JP","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", serif;
}
.meiryo{
    font-family: メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
}
.genkaku{
    font-family:'Noto Sans JP',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
}

.sublist{
	margin:5px 0px 10px 0px;
}
.sublist_box{
	display:block;
	padding:5px;
	font-size:16px;
}

.comment{
	border-radius:2px;
	border:1px solid #aaa;
	margin:3px;
	padding:3px;
	background-color:#fafafc;
}
.com_name{
	color:#000;
	font-size:22px;
    float:left;
    font-weight:700;
    text-shadow:1px 1px 30px #fff,-1px -1px 1px #ccc;
}
@media(max-width:1024px){
	.com_name{
		margin-top:5px;
	}
}
.com_rep{
	float:left;
	margin-top:5px;
}
.com_date{
	margin:5px 5px 0px 0px;
	float:right;
}
.com_img{
    float:left;
}

.keijiban_top{
	background-image:url(https://www.breview.org/images/ktop.jpg);
    background-color:rgba(255,255,255,0.1);
    background-blend-mode:lighten;
    border-radius:4px;
    padding:5px;
    color:#fff;
    text-shadow:2px 2px 4px #000,-2px -2px 4px #000;
}
#js_ktop_page_1,#js_ktop_page_2,#js_ktop_page_3,#js_ktop_page_4{
    display: none;
    backdrop-filter:blur(12px) grayscale(50%);
    padding:5px;
    list-style:none;
    background-color:rgba(245,245,245,0.2);
}
#js_ktop_page_1 a{
	color:#fdcc3a;
	text-shadow:1px 1px 4px #222,-1px -1px 4px #222;
}
#js_ktop_page_1 li{
	margin:2px;
}
.ktop_title{
	display:inline-block;
	backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
	padding:5px 15px 1px 15px;
	font-size:25px;
	
}
.ktopradio_hid{
    display: none;
}
.ktop_btn{
	margin-top:5px;
	padding:4px;
	backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
	transition:0.2s;
	border-radius:2px;
	box-shadow:0px 1px 5px;
    text-align: center;
    width:80px;
}
.ktop_left_pagebtn{
	margin-left:5px;
}
#js_ktop_p1clickdata{
	box-shadow:0px 1px 6px #ccc;
	padding:3px;
}
.ktop_name{
    color: #fdcc3a;
}
.ktop_p1_composdata{
	color:#fdcc3a;
	display:inline-block;
}
@media(min-width:769px){
    .ktop_left{
        float:left;
        width:40%;
    }
    .ktop_page_main{
        float:left;
        width:60%;
    }
    #js_ktop_p1clickdata{
        max-height:100px;
        overflow-y:scroll;
    }
    #js_ktop_page_3{
	max-height:200px;
	overflow-y:scroll;
}
}
@media(max-width:768px){
    #js_ktop_page_1,#js_ktop_page_2,#js_ktop_page_3,#js_ktop_page_4{
        backdrop-filter:blur(12px) grayscale(50%);
        -webkit-backdrop-filter: blur(12px) grayscale(50%);
    }
    .ktop_title,.ktop_btn{
        backdrop-filter:blur(9px);
        -webkit-backdrop-filter: blur(9px);
    }
    #js_ktop_page_1,#js_ktop_page_2,#js_ktop_page_3,#js_ktop_page_4{
        overflow-y: scroll;
        max-height: 27%;
    }
    #js_ktop_page_1 li{
    	font-size:14px;
    }
    .ktop_left_pagebtn{
    	white-space:nowrap;
    	width:97%;
    	position:relative;
    	overflow-x:scroll;
    }
    .ktop_title{
    	font-size:22px;
    	padding:0px 15px 0px 15px;
    }
    .ktop_left{
    	text-align:center;
    }
    .ktop_subtitle{
    	margin-bottom:2px;
    }
}

/*-----------*/
.news_box{
    font-weight:600;
    list-style:none;
    padding:15px 5px 15px 10px;
    text-align:left;
    width:90%;
    max-width:640px;
    margin:-15px auto 0px auto;
    background:#fff;
    border:2px dotted #444444;
    font-size:15px;
    max-height:17%;
    overflow-y:scroll;
}
@media(max-width:768px){
	.news_box{
        max-height:15%;
        overflow-y:scroll;
    }
}
div.right div.tags a{
	color:#3333cc;
}
div.right div.tags a:hover{
	color:#3f3f3f;
}
aside#koukoku1{
	width:324px;
	height:104px;
	display:block;
	border:none;
	margin:auto;
	padding:2px;
}
aside#koukoku2{
	max-width:320px;
	padding:20px 0px 20px 0px;
	display:block;
	border:none;
	margin:auto;
}
aside#koukoku3{
	display:none;
	border:none;
}
aside#koukoku4{
	display:none;
	border:none;
}
aside img {
	border-radius:0px;
}
p {word-break: break-all}
.minipost{word-break: break-all;width:93%;margin:0px 0px 0px 1em}
.author_details {margin:0px 0px 0px 1em;width:97%;}
h2.profile_subsection {margin:0px 0px 0px 0.5em;}
div.post{
	font-size:16px;
	width:auto;
	margin:0px auto 0px -5px;
}
.btn-list {margin-right:30px;}
.post h2 { 
    font-size:25px;
    font-family: "Noto Serif JP","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", serif;
    border-radius:7px 7px 0px 0px;
}
.right { margin-top:-30px;line-height:1.3em;position:relative;}
p.post-body{ margin-top:0px;}
#foot {height:25px;}
#page_top a:hover{
	text-decoration:none;
	color:#999999;
}
#page_top{
	z-index : 3;
	width: 50px;
	height: 228px;
	position: fixed;
	right: 5px;
	bottom: 30px;
	text-align: center;
}
#page_top a{
	position: relative;
	width: 50px;
	height: 50px;
	text-decoration: none;
	margin-bottom:5px;
	color:#bbbbbb;
}
#page_top a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
.btnside{
	display: inline-block;
	text-decoration: none;
	color: rgba(152, 152, 152, 0.43);/*アイコン色*/
	line-height: 50px;
	font-size: 25px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	font-weight: bold;
	background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	border-bottom: solid 2px #b5b5b5;
}
.btnside:active {/*押したとき*/
	background-image: -webkit-linear-gradient(#efefef 0%, #d6d6d6 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	border-bottom: none; padding-bottom:1px;
}
.page_links a.nowp {
	background-color:rgb(255,255,22); /*amarillo pollito */ 
	border-radius:3px;
	border:1px solid black;
}
aside#koukoku2 .ad_mobile{
	display:block;
	max-width:100%;
}
aside#koukoku2 .ad_desktop{
	display:none;
}
aside#koukoku1 .ad_mobile{
	display:block;
}
aside#koukoku1 .ad_desktop{
	display:none;
}
@media ( min-width: 768px ) {
.navbar-brand {
	margin-top:-27px;
}
body {padding-top:50px;}
#banner {
	border-bottom: none;
}
.bs-docs-section {
	margin-top: 8em;
}
.bs-component {
	position: relative;
}
.bs-component .modal {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	bottom: auto;
	z-index: 1;
	display: block;
}
.bs-component .modal-dialog {
	width: 90%;
}
.bs-component .popover {
	position: relative;
	display: inline-block;
	width: 220px;
	margin: 20px;
}
.nav-tabs {
	margin-bottom: 15px;
}
.progress {
	margin-bottom: 10px;
}
.navbar-nav {
	height:42px;
}
.navbar-nav li {
	margin-top:-22px;
}
.minipost{margin:0px 0px 0px 1em;width:95%;}
.author_details {margin:0px 0px 0px 1em;width:95%;}
aside#koukoku2 {
	text-align:center;
	width:940px;
	max-width:940px;
}
aside#koukoku2 .ad_mobile{
	display:none;
}
aside#koukoku2 .ad_desktop{
	display:block;
}
.pc_mini{
	width:640px;
	margin-left:15.5%;
}
}
@media ( max-width: 1024px ) {
.post {
    margin: 0 auto;
	color: black;
	line-height:1.6em;
}
.container#maintext {
	width:97%;
	margin-top:0px;
	padding:0px;
}
span.btn-dark{padding-bottom:0px;}
#page_top{
	width: 30px;
	height: 156px;
}
#page_top a{
	width: 30px;
	height: 30px;
}
.btnside{
	line-height:30px;
	font-size:15px;
}
div.post{font-size:13px;}
.post h2 {
	padding-top:0px; 
	padding-right:10px;
	padding-bottom:5px;}
.post h2 a {font-size:20px;}
p.post-body{ margin-top:-10px;}
span.btn-dark {height:24px;padding-top:0px;}
.button-navigation {margin-top:-50px;text-align:center;font-size:1px;line-height:0px;}
a.btn-default {height:22px;padding-top:5px;width:38%;margin:0px 0px 0px 0px;font-size:12px;overflow:hidden;padding-bottom:5px;}
}
@media ( min-width: 1025px ) {
.container#maintext {
	width:97%;
	margin-left:auto;
	margin-right:30px;
	max-width:960px;
}
aside#koukoku1 {
	width:970px;
	height:250px;
	padding:0px;
}
aside#koukoku1 .ad_mobile{
	display:none;
}
aside#koukoku1 .ad_desktop{
	display:block;
}
}
@media ( max-width: 767px ) {
.container {
	width:98%;
	margin:0px auto 0px auto;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
}
.container#maintext {
	width:94%;
	margin:0px 2.05% 0px auto;
	padding:0px;
}
.container h1 {
	padding-left:0.5em;
}
.container h2 {
	padding-left:0.5em;
}
}
@media ( min-width: 1184px ) {
aside#koukoku3{
	position:fixed;
	top:77px;
	left:5px;
	width:160px;
	height:600px;
	display:block;
	border:none;
}
p.post-body {
	padding-left:27px;
}
.container#maintext {
	width:auto;
	margin-left:165px;
	margin-right:calc(74% - 848px);
	max-width:100%;
}
}
@media ( min-width: 1366px ) {
.container#maintext {
	width:auto;
	margin-left:165px;
	margin-right:157px;
	max-width:100%;
}
aside#koukoku4{
	position:fixed;
	top:61px;
	right:5px;
	width:160px;
	height:600px;
	display:block;
	border:none;
}
#page_top{
	right: 40px;
}
@media (max-height: 976px ) {
#page_top{
	right: 70px;
}
}
}
@media (min-height: 977px ) {
#page_top{
	bottom: calc(10px + 3%);
}
}
@media (min-width: 1600px ) {
.container#maintext {
	margin-left:calc(5px + 10%);
	margin-right:calc(10% - 3px);
}
aside#koukoku3{
	left:calc(10% - 156px);
}
aside#koukoku4{
	right:calc(10% - 156px);
}
#page_top {
	right:calc(10% - 96px);
}
@media (max-height: 976px ) {
#page_top {
	right:calc(16px + 10%);
}
}
}
@media (max-width:320px){
.navbar {
	width:320px;
}
.mokuji a{
	vertical-align: middle;
}
}
@media (max-width:700px){
.mokuji a{
	font-size: 12px;
	line-height: 15px;
}
}
@media (max-width:578px){
.mokuji img{
	width:24px;
}
}
@media (max-width:556px){
.mokuji img{
	width:20px;
}
}
@media (max-width:546px){
.mokuji img{
	display:none;
}
.mokuji img.dispos2{
	display:inline;
	width:32px;
	margin:0px;
}
.mokuji span.dispos1{
	display:none;
}
}
#ol-search{
  display:none;
}
.overlay, 
.ol-search-wrap{
  display:none;
  opacity:0;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  animation:fade_overlay .3s;
}
.ol-search-wrap{
  z-index:9990;
}
.overlay{
  z-index:9991;
  background:rgba(0,0,0,.4);
}
#ol-search:checked ~ .ol-search-wrap,
#ol-search:checked ~ .ol-search-wrap .overlay{
  display:block;
  opacity:1;
}
form.searchform{
  position:fixed;
  top:50%;
  left:50%;
  z-index:9999;
  width:95%;
  max-width:720px;
  border:solid 2px #fff;
  border-radius:4px;
  transform:translate(-50%,-50%);
  padding:0px;
  background:rgba(255,255,255,0);
  border:none;
    text-align: center;
}
.ol-searchform .search-field, .ol-searchform .search-submit{
  height:48px;
  padding:4px 12px;
  border:none;
  background:rgba(0,0,0,.3);
  font-size:18px;
  color:#fff;
  transition:.3s;
  outline:none;
}
.search-field{
    height:48px;
    width:66%;
    margin:0px;
    line-height:24px;
}
.ol-searchform .search-field{
  flex:1;
  border-radius:4px 0 0 4px;
}
.ol-searchform .search-submit{
  cursor:pointer;
  border-radius:0 4px 4px 0;
}
.ol-searchform .search-field:focus,
.ol-searchform .search-field:focus + .search-submit{
  background:rgba(0,0,0,1);
}
@keyframes fade_overlay{
  0%{
    display:none;
    opacity:0;
  }
  1%{
    display:block;
    opacity:0;
  }
  100%{
    display:block;
    opacity:1;
  }
}
@media ( max-width:741px){
.nono {
	display:none;
}
}
.mov_post{
	width:99%;
	height:99%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	margin:auto;
	max-width:640px;
	max-height:360px;
}
.mov_parent{
	box-sizing:border-box;
	text-align:center;
	padding-bottom:56.25%;
	position:relative;
}
.pic_parent{
	box-sizing:border-box;
	text-align:center;
}
@media(min-width:698px){
.mov_parent{
	padding-bottom:364px;
}
}
img.picthumb{
	border-radius: 0px;
	width: 50%;
	max-width: 320px;
	vertical-align: top;
}
@media(min-width:0px) and (max-width:374px){
div.movthumb {
	width:47%;
	padding-bottom: 95px;
}
img.picthumb{
	max-height:95px;
}
}
@media(min-width:375px) and (max-width:413px){
div.movthumb {
	width:47%;
	padding-bottom: 112px;
}
img.picthumb{
	max-height:112px;
}
}
@media(min-width:414px) and (max-width:703px){
div.movthumb {
	width:47%;
	padding-bottom: 124px;
}
img.picthumb{
	max-height:124px;
}
}
@media(min-width:704px){
div.movthumb {
	padding-bottom: 214px;
	width:50%;
}
}
#newsposttop {
	color:#ff6666;
	font-size:15px;
	font-weight:600;
	width:80px;
	white-space: nowrap;
	padding:0px;
	position:relative;
	top:1px;
	left:50px;
	background:linear-gradient(#ffff8b 10%, #ffffff 100%);
}
@media (min-width:769px){
#newsposttop {
    margin: 0px auto 0px auto;
    left: -280px;
}
}
ruby {
	line-height:100%;
	ruby-align:center;
	text-align:center;
}
rt{
	font-size:8px;
	letter-spacing: -0.1em;
	text-align:inherit;
	transform: translateY(0.3em);
}
p.post-body {
    font-family:"Noto Serif JP","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", serif;
    font-size:15px;
    letter-spacing:1px;
    line-height: 175%;
    color:#000;
}
.conf_nomal{
    margin:0px 0px 0px 0px;
    box-sizing:border-box;
    width:99%;height:auto;
    padding:10px 0px 10px 3px;
    resize:none;
}
.conf_vert{
    box-sizing:border-box;
    overflow-x:scroll;
	width:99%;
	padding-top:0%;
	/*margin-top:10%;*/
	writing-mode: vertical-rl;
	max-height:80%;
}
.vert{
	overflow-x:scroll;
	width:100%;
	padding-top:5%;
    padding-bottom: 5%;
	/*margin-top:10%;*/
	writing-mode: vertical-rl;
	max-height:80%;
}
@media (max-width:757px){
    .vert{
        padding-top:10%;
    }
}
.bar_design::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.bar_design::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px #aaa inset;
}
.bar_design::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ff9;
  border:1px solid #999;
}

@media (max-width:757px){
    /*p.post-body{
        
        line-height:170%;
    }*/
}
.authorleft{
      font-family: "Noto Serif JP","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", serif;
	float:left;
	margin-top:20px;
	margin-left:18px;
    margin-bottom:15px;
    letter-spacing:1.5px;
}
.kobetu-name{
    color:#000;
    font-size:20px;
}
@media(max-width:757px){
    .kobetu-name{
        font-size:18px;
    }
}
.dateright {
	float:right;
	text-align:right;
	margin-right:5px;
	margin-top:3px;
}
@media (max-width:720px){
.dateright {
	font-size:10px;
	line-height:1.4em;
	margin-top:10px;
}
.authorleft span.btn-dark{
    font-size: 14px;
    height: auto;
    white-space: normal;
    padding: 0px 5px 0px 5px;
    line-height: 1.3em;
    text-align: left;
    letter-spacing: -0.5px;
}
}
@media (min-width:0px){
.authorleft span.btn-dark{
    max-width: 70px;
}
}
@media (min-width:320px){
.authorleft span.btn-dark{
    max-width: 117px;
}
}
@media (min-width:375px){
.authorleft span.btn-dark{
    max-width: 170px;
}
}
@media (min-width:420px){
.authorleft span.btn-dark{
    max-width: 210px;
}
}
@media (min-width:721px){
.authorleft span.btn-dark{
    max-width:435px;
    font-size: 15px;
    height: auto;
    white-space: normal;
    padding: 0px 5px 0px 5px;
    line-height: 1.3em;
    text-align: left;
    letter-spacing: -0.5px;
}
}
#pointbutton{
	margin: auto;
	width:333px;
}
@media (max-width:350px){
#pointbutton{
	margin: auto;
	width: 220px;
}
}
@media (max-width:600px){
.point_max{
	text-align:center;
	max-width:342px;
	margin:auto;
}
.point_tag{
	width:auto;
	position:relative;
	left:2px;
}
.sharebutton{
	border-radius:0px;
	width:32px;
	margin-right:5px;
	margin-left:5px;
}
.sharesns figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.sharesns figure:hover img {
	opacity: .5;
}
}
@media (min-width:601px){
.point_max{
	text-align:center;
	width:342px;
	margin-left:5px;
}
.point_tag{
	//float:right;
	width:200px;
	margin-top:37px;
}
a.tag_pop{
	display:block;
	line-height:16px;
}
.sharebutton{
	border-radius:0px;
	width:42px;
	margin-right:10px;
}
.sharesns figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.sharesns figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
    transform: rotatey(360deg);
	width:50px;
}
}
.chui{
	text-align:left;
}
@media (min-width:800px){
.point_max {
	width:auto;
}
.chui {
	margin-left:15%;
}
.point_tag{
	/*float:right;*/
	width:auto;
	margin-top:37px;
	position:relative;
	/*right:15%;*/
}
a.tag_pop{
	display:block;
	line-height:20px;
	font-size:15px;
}
#pointbutton {
	position: relative;
	right: 80px;
}
}
@media (min-width:1025px){
.chui {
	margin-left:20%;
}
}
.sharesns figure{
	display:inline-block;
}
#myChart{
	
	max-width:600px;
	max-height:300px;
}
.ZandKtitle{
    margin-bottom:0px;word-break: break-word;text-align:center;
}

.s_head{
	text-decoration:none;
    background-color:#fd0;
    background:-webkit-linear-gradient(top,#f5d500 1%,#fada00 5%,#fcdc00 6%,#fddd00 10%,#ffdd00 20%,#fd0 100%);
    padding:10px;
    border-radius:20px 20px 0px 0px;
    border-bottom:solid 1px #fe0;
}
.s_data1{
}
.thumbnailtitle{
    text-align:center;
}
.thumbnailauthor{
    font-size:15px;
    margin-left:5%;
    text-align:right;
}
.thumbnailpoints{
	text-align:right;
	/*margin-right:10%;*/
	padding:15px;
    margin-right:10px;
}
.thumbnail-review{
    line-height:1.6em;
    margin-left:6%;
}
.thumbnail-body{
	padding-bottom:20px;
	padding-left:12px;
    width:90%;
    margin-left:1em;
    margin-bottom:0px;
}
.thumbnailpost{
    font-family: メイリオ,Meiryo,'源ノ角ゴシック Regular','源ノ角ゴシック',-ヒラギノ角ゴ ProN W3,Arial, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic,sans-serif;
	width:70%;
	margin-left:15%;
}
a.thumbnaillink{
	text-decoration:none;
	display:block;
	color:#3b3b3b;
    box-shadow:0px 4px 8px #dda;
    border-radius:20px;
}
a.thumbnaillink:hover{
	background-color:#fcfcea;
	box-shadow:0px 4px 14px #dd6;
}
.s_foot{
	border-radius:0px 0px 20px 20px;
	background:#ffffff;
	background:-webkit-linear-gradient(top,#fcfcfc 80%,#fafafa 90%,#f7f7f7 96%,#f2f2f2 100%);
}
/*a.thumbnaillink:active {
	color: #000000;
	background: #dcdcdc;
	box-shadow: 0 -3px 0 #3b3b3b, 0 -4px 0 rgba(0,0,0,.2);
	transform: translateY(2.5px);
	transition-duration: .1s;
}*/
.thumbtags{
	margin-left:7%;
    float:left;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    margin-bottom:10px;
}
.thumbinfo{
	margin-right:5%;
	margin-bottom:2%;
    float:right;
    text-align:right;
}
@media(max-width:768px){
	.thumbnailpost{
	width:100%;
	margin-left:0%;
    }
    .thumbnailauthor{
    	margin-top:3%;
    }
    .s_head{
    }
    .thumbnailtitle{
    	font-size:20px;
        margin-top:5px;
        margin-bottom:0px;
        margin-left:5px;
        padding:0px;
        word-break:break-word;
        font-weight:600;
    }
}
@media(max-width:320px){
    .thumbnailtitle{
    	font-size:17px;
    }
    .s_head{
    }
}
/************************************
** CSSでタブ表示
************************************/
/* タブの外枠 */
.tabs {
  margin-top: 12px;
}
@media (max-width:799px){
.tabs {
  max-width:342px;
}
}
 
/* タブのスタイル */
.tabs .tab-label {
  display: inline-block;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #999;
  background-color: #f3f3f3;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom:0px;
  padding: 3px 6px;
  border-bottom: none;
  font-size: 0.9em;
  width:26%;
  max-width:90px;
}
@media(max-width:768px){
	.tabs .tab-label{
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom:0px;
        padding:0px;
        border-bottom: none;
        font-size: 0.8em;
        width:23%;
	}
}
@media(max-width:542px){
	.tabs .tab-label{
        width:18%;
	}
}
 
/* タブにマウスカーソルがのったときフッター */
.tabs .tab-label:hover {
  opacity: 0.7;
}
 
/* ラジオボタンと内容を非表示 */
.tabs input[name="tab-radio"],
.tabs .tab-content {
  display: none;
}
 
/* タブ内容のスタイル */
.tabs .tab-content{
  min-height: 190px;
}
 
/* 選択されているタブのコンテンツのみを表示 */
.tabs #tab-1:checked ~ .tab-1-content,
.tabs #tab-2:checked ~ .tab-2-content,
.tabs #tab-3:checked ~ .tab-3-content,
.tabs #tab-4:checked ~ .tab-4-content,
.tabs #tab-5:checked ~ .tab-5-content,
.tabs #tab-6:checked ~ .tab-6-content,
.tabs #tab-10:checked ~ .tab-10-content,
.tabs #tab-11:checked ~ .tab-11-content
{
  display: block;
}
 
/* 選択されているタブのスタイルを変える */
.tabs input[name="tab-radio"]:checked + .tab-label {
  background-color: #fff;
}
@media (min-width:800px){
.tab2800 {
max-width:338px;position:relative;margin:auto;right:81px;height:196px;
}
.tab3800 {
max-width:333px;position:relative;margin:auto;right:81px;height:196px;
}
.tabs{
  font-size:13.5px;
}
}
@media (min-width:370px){
.tab2800 {
height:196px;
}
.tab3800 {
height:196px;
}
}
@media (min-width:390px){
.pptab{
	min-width:344px;
}
}
@media (max-width:389px){
.pptab{
	min-width:100%;
}
}

@media (max-width:600px){
.author_image {
	width:160px;
    height:170px;
}
}
@media (min-width:601px){
.author_image {
	width:256px;
    height:275px;
}
}

@media (min-width:704px){
img.picpage{
	border-radius:0px;
	width:50%;
}
}
@media (max-width:703px){
img.picpage{
	border-radius:0px;
	max-width:99%;
}
}

.mov_page{
	width: 99%;
	height: 99%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}
@media (min-width:704px){
.movpage{
	text-align:center;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:50%;
}
}
@media (max-width:703px){
.movpage{
	text-align:center;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:99%;
}
}

/* isuki add start 2025.03.11 */
.mute-container {
    text-align: left; /* ★ ボタンを右寄せ */
	margin: 0;
	padding:0;
}

.mute-button {
    width: 26px; /* ★ 30px にしてボタンを小さくする */
    height: 24px; /* ★ 高さも 30px にする */
    border-radius: 50%; /* ★ これで完全な円形に */
    border: 1px solid #aaa; /* ボーダーを薄めに */
    background-color: #f8f9fa; /* 背景色（薄いグレー） */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    padding: 0; /* ★ 余計な余白をなくす */
}

.mute-button i {
    font-size: 12px; /* ★ アイコンサイズも少し小さく */
    color: #555;
}

.mute-button:hover {
    background-color: #e0e0e0;
    transform: scale(1.1);
}

.mute-button:active {
    transform: scale(0.9);
}
/* isuki add end 2025.03.11 */

/* isuki add start 2025.06.21 */
.user-actions{
    display:flex;
	flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;   /* ← 左寄せ */
    padding:6px;             /* 黄帯の内側余白に合わせる */
}
/* isuki add end 2025.06.21 */