@charset "UTF-8";
/* CSS Document */
html {
	/* cursor: url("https://shokki.org/img/general/cursor.png") 10 0,
	url("https://shokki.org/img/general/cursor.cur"), default; */
	-ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
html::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}
body {
	font-family: "Gothic Medium BBB";
	font-size: 30px;
	text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	color: #000000;
	/* cursor: url("https://shokki.org/img/general/pointer.png") 10 0, url("https://shokki.org/img/general/pointer.cur"), pointer; */
}
a:hover {
	text-decoration: line-through;
}
p {
	padding: 0;
	margin: 0;
}
#main{
	z-index: 10;
	text-align: left;
	top: 50px;
	left: 5%;
	position: fixed;
}
.shkk {
	margin-right: 30px;
	letter-spacing:0.05em;
}
.tab, .tab li, .tab li a {
    float: left;
    padding: 0;
	margin: 0 0.5em 0 0;
    list-style: none;
}
.content {
    clear: both;
	text-align: left;
    float: left;
	padding: 0;
	margin: 1.7em 0 0 0;
	line-height: 1.7em;
	max-width: 92vw;
	max-height: 94vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
.content::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}
.sc {
	margin-left: 2.5em;
}
.area {
    display: none;
	margin: 0 0 8em 0;
	padding: 0;
}
.area img{
	width: 10%;
	height: auto;
	padding: 0;
	margin: 10em 0 0 0;
}
.post {
	z-index: 1;
	text-align: right;
    margin: 15vh 10% 15% auto;
	width: 56%;
}
.post img, .post video {
	width: 100%;
	margin-top:13%;
	margin-bottom:0.7%;
}
.post p {
	font-size: 21px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10%;
}
.ct-small {
	margin: 30% 5% 20%;
}
.ct {
	margin-bottom: 15%;
}
.ct-m {
	margin-bottom: 50%;
}
.ct-b {
	margin-top:10%;
}
.caption {
	line-height: 1.8em;
	margin-top: 35%;
	font-size: 20px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.partition {
	margin-bottom: 10%;
}

#wi23, #wi23 a {
	color: #FF5710;
}
#au21, #au21 a {
	color: #30635F;
}
#su21 {
	background-color: #F9CFCA;
}
#tmtm28-dl::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-10;
  width:100%;
  height:100vh;
  background:url("c/sp21/28/img-28/io_202107.jpg") center no-repeat;
  background-size:cover;
}
#tmtm28-dl, #tmtm28-dl a {
	color: #FFFFFF;
}
.nnsw2 {
	line-height: 1.8em;
	font-size: 18px;
	padding-top: 13vh;
	text-align: left;
}
.nnsw {
	line-height: 1.8em;
	font-size: 22px;
	padding-top: 15vh;
	text-align: left;
}
#su20::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-10;
  width:100%;
  height:100vh;
  background:url("c/su20/img-su20/su20-bg.png") center no-repeat;
  background-size:cover;
}
#su20, #su20 a {
	color: #C38273;
}
#wi19::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-10;
  width:100%;
  height:100vh;
  background:url("c/wi19/img-wi19/ct_wi19.png") center no-repeat;
  background-size:cover;
}
#wi19, #wi19 a {
	color: #16A687;
}
#tmtm14-ex {
	color: #FFFFFF;
	background-color: #1B1B1B;
}
#tmtm14-ex a {
	color: #FFFFFF;
}
#tmtm14-3 {
	color: #F667B9;
	background-color: #0503B0;
}
#tmtm14-3 a {
	color: #F667B9;
}
#sp19, #sp19 a {
	color: #6D6D6D;
}
#wi18, #wi18 a {
	color: #9C00FF;
}
#tmtm15 {
	color: #00148B;
	background-color: #FFE400;
}
#tmtm15 a {
	color: #00148B;
}
#tmtm12-2 {
	color: #4D693D;
	background-color: #EBE6D8;
}
#tmtm12-2 a {
	color: #4D693D;
}
#tmtm14-2 {
	color: #FFFFFF;
	background-color: #F0DB5F;
}
#tmtm14-2 a {
	color: #FFFFFF;
}
#su18 {
	color: #F2F2F2;
	background-color: #9DAAC0;
}
#su18 a {
	color: #F2F2F2;
}
.su18-ct {
	margin: 0 0 35% 0;
}
#sp18 {
	color: #FFFFFF;
	background-color: #F09293;
}
#sp18, #sp18 a {
	color: #FFFFFF;
}
#wi17, #wi17 a {
	color: #ff0000;
}
#tmtm12, #tmtm12 a {
	color: #1F3663;
}
#sp17 {
	color: #341253;
	background-color: #DEC3F4;
}
#sp17 a {
	color: #341253;
}
#wi16, #wi16 a {
	color: #F15A24;
}
#su16, #su16 a {
	color: #047400;
}
#au15, #au15 a {
	color: #0000FF;
}
#wi15 {
	color: #B59917;
	background-color: #F4F8F9;
}
#wi15 a {
	color: #B59917;
}
.text {
	line-height: 1.8em;
	font-size: 18px;
	padding-top: 6vh;
	text-align: left;
}

@media screen and (max-width:1078px) {
	#tab1 br {
		display: none;
	}
}

@media screen and (max-width:840px) {
	body {
		font-size: 24px;
	}
	#main{
		top: 35px;
	}
	.post p {
		font-size: 17.5px;
	}
	.caption {
		font-size: 17.5px;
		line-height: 1.9em;
	}
	.post {
		width: 68%;
   		margin: 15% 6% 15% auto;
	}
	.nnsw, .nnsw2, .text {
	font-size: 17.5px;
	}
}

@media screen and (max-width:560px) {
	body {
		font-size:16px;
	}
	.post p {
		font-size: 12px;
	}
	#main{
		top: 25px;
	}
	.shkk {
		margin-right: 10px;
	}
	.tab, .tab li, .tab li span, .tab li a {
		margin: 0 0.35em 0 0;
	}
	#tab2 p {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.post {
		width: 80%;
   		margin: 15% 4% 15% auto;
	}
	.ct {
		margin-bottom: 7%;
	}
	.ct-b {
		margin-top:7%;
	}
	.caption {
		line-height: 1.8em;
		font-size: 12px;
	}
	.nnsw, .nnsw2, .text {
	font-size: 12px;
	}
}
@media screen and (min-width: 360px) {
  body { -webkit-text-size-adjust: 100%; }
}