/*
Theme Name:Original Theme
Theme URI:https://www.mikitop.com
Author:genki
Description:mikitop
Version:1.0
*/



.grecaptcha-badge { visibility: hidden; }


html,
body { -webkit-text-size-adjust: 100%;
width: 100%;
position: relative;
height:auto;
margin:0;
background-color:#FAF9F7;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}



html{}

body {padding:1vw;
box-sizing:border-box;
display:none;
letter-spacing: 1px;
}

.content{border:1px solid #000;
box-sizing:border-box;
width: 100%;
height: auto;}




.post{position:relative;}

h1{color:#000;}
h2{color:#000;}
h3{color:#000;}
h4{color:#000;}
p{color:#000;
margin:0;
}

a{text-decoration:none;
color:#000;}

a:hover{color:#000;}

pre{}


ul {margin:0;
}







/* hedder */

.mail{display:none;}

.hedder{border-bottom:1px solid #000;
width:100%;
height:4.4vw;
position:relative;
}


.hedder.fixed{
position: fixed;/*fixedを設定して固定*/
z-index: 999;/*最前面へ*/
top:0;/*位置指定*/
left:1vw;/*位置指定*/
width : calc(100% - 2vw - 2px) ;
background-color:#FAF9F7;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
}

.hedder.fixed .hedderinner{

}

.hedder.fixed:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}


.title{position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width:10.5%;
}

.sns{position: absolute;
top: 36%;
right: 0%;
text-align: right;
width:15%;
margin-right:3%;
white-space:nowrap;}

.sns img{width:1.45vw;
margin-left:1vw;}



.nav{
position:absolute;
top:40%;
margin-left:3%;
width:auto;
white-space:nowrap;
}


.nav a{color:#000;}

.nav a:hover{color:#000;}

.nav ul{font-family: 'Jost', sans-serif;
font-weight:400;
padding: 0; 
font-size: 0.70vw;
font-style: normal;

letter-spacing: 2.1px;
}
.nav li{display:inline;
list-style: none;
margin-right:1.5vw;
}




.nav li{

background: linear-gradient(90deg, #000 30%, #ccc 50%, #000 70%);
 
background-size: 400% auto; 
background-position:99% 50%;
 
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-ms-text-fill-color: transparent;
}

.nav li:hover { 

color: #000;
background-position: 1% 50%;
transition: all 2.5s ease-out; 
  
}




/* top */


.aijimako-bo{
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
display: block;
color:#fff;
font-size: 0.5vw;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}


div#topimg{width: 100%;
height:auto;
position:relative;}

ul#randomList {
width: 100%;
margin: 0;
padding: 0;
}



ul#randomList img{width: 100%;
object-fit: cover;
object-position:bottom;

}

ul#randomList li {
  position: absolute;
	width: 100%;

}





.gif{position:absolute;
width: 100%;
object-fit: cover;
z-index:1;
opacity: .35;
mix-blend-mode:multiply;}




.toppostall{position: absolute;
margin-top: 52px;
padding-right: 3%;
top: 0;
right: 0;
width: 8.85vw;
z-index: 9;}


.toppost:not(:first-child){
border-top:1px solid #000;
padding-top:1.3vw;
}

.toppostall h2{}

.toppostdate{margin: 0;
font-size: 0.75vw;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}

.topposttitle{margin: 0;
font-size: 0.65vw;
font-weight: normal;
padding-top: 1.55vw;
line-height: 1.4vw;
padding-bottom: 1.25vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}




.btn04 {z-index:0;
margin-top: 0.9vw;
font-size: 0.75vw;
letter-spacing: 2px;
position: relative;
display:inline-block;
padding: 0.35vw 1vw;
border-radius: 9999px;
color:#000;
border:1px solid #000;
text-decoration: none;
outline: none;
overflow: hidden;
font-family: 'Jost', sans-serif;
font-weight:500;
}

.btn04:hover {
color:#fff;
border-color: transparent;

transition-delay: .6s;
}

.btn04 span{
display: block;
z-index: 2;
}


.bordertop span::before,
.bordertop span::after {
content: '';
position: absolute;
width:0.1vw;
height: 0;
background: #000;
transition: all .3s;
}


.bordertop span::before {
left:0;
top:0;
}


.bordertop span::after {
right:0;
top:0;
}


.bordertop:hover span::before,
.bordertop:hover span::after {
height: 100%;
}


.bordertop::before{
content: '';
position: absolute;
left: 0;
top:0;
z-index: -1;
width: 100%;
height: 0;
background:#000;
transition: all .3s;
}


.bordertop:hover::before{
height: 100%;
transition-delay: .4s;
}


.rightsnssh{display:none;}



/* ABOUT */

.about{text-align:center;
padding-top: 7.8vw;}

.about:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.aboutp{
padding-top:0.4vw;
padding-bottom: 6.8vw;
text-align:left;
width: 28.5%;
margin:auto;
}


.aboutp span{
font-size: 0.43vw;
display: block;
text-align: right;
font-family: 'Jost', sans-serif;
font-weight:500;
}

.mikitop{padding-top: 0vw;
width: 28.5%;}

.abouth1{padding-top: 1.7vw;
font-size: 1vw;
padding-bottom: 0.5vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.about p{font-size: 0.65vw;
line-height: 1.3vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}



/* NEWS */

.archiveleft{display:block;}
	
.archiveleftsh{display:none;}	


.archive{width:28.45%;
margin:auto;
padding-top: 7.75vw;
padding-bottom: 7.3vw;}

.archive:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.archiveleft{position:absolute;
top: 7.7vw;
left:20.6vw;}


.archiveleft li a {
position: relative;
display: inline-block;
transition: .3s;
word-break: break-all;
}
.archiveleft li a::after {
position: absolute;
bottom: 0.4vw;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #000;
transition: .3s;
}
.archiveleft li a:hover::after {
width: 100%;
}



.monthly-list{
margin:0;
padding: 0;
line-height: 2.1vw;
}

.archiveleft p{font-size: 0.75vw;
padding-bottom: 2.5vw;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}
.archiveleft li{font-size: 0.75vw;
font-family: 'Jost', sans-serif;
font-weight:400;
letter-spacing: 2px;}

.archive .newsdate{font-size: 0.75vw;
margin:0;
padding-bottom: 1.4vw;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}

.archive .newstitle{font-size: 0.80vw;
margin:0;
padding-bottom: 1.4vw;
line-height: 1.25vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.postone:not(:first-child) .newsdate{
padding-top: 3.1vw;
margin-top: 2.6vw;
border-top:1px solid #000;
}

.archive p{font-size: 0.65vw;
line-height: 1.4vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.archive img{width:100%;}

.archive iframe{width:100%;
height:auto;}

.pagination-inner{position:relative;}

.pagination{float:right;
padding-top: 3.1vw;}

.pagination a{font-size: 0.65vw;}
.pagination span{font-size: 0.65vw;}


.archive p a {
position: relative;
display: inline-block;
transition: .3s;
word-break: break-all;
}
.archive p a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #000;
transition: .3s;
}
.archive p a:hover::after {
width: 100%;
}





/* DISCOGRAPHY */

.discograrhy{text-align: center;
padding-top: 3.0vw;
padding-bottom: 7.3vw;}

.discograrhy:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}



ul {
  list-style-type: none;
}
.tab-area {margin: auto;
width: 21.3%;
padding:0;
}

.tab-area div{width: 30%;}

.tab {display:inline;	
}

.tab{font-size: 0.7vw;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;
cursor: pointer;
}

.tab.active{
color: #000;

}
.panel {
  display: none;
  text-align: center;
}
.panel.active {
  display: block;
}



#release{float:left;
text-align:right;}

#works{float:right;
text-align:left;}



.tab-area .active{
position: relative;
display: inline-block;
}


.tab-area .active::after {
position: absolute;
bottom: -0.45vw;
left: 0;
content: '';
width: 100%;
height: 1px;
background-color: #000;
}





.tab-area li:not(.active){opacity:0.5;}


.tab-area li:not(.active){
position: relative;
display: inline-block;
transition: .3s;
}
.tab-area li:not(.active)::after {
position: absolute;
bottom: -0.45vw;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #000;
transition: .3s;
}
.tab-area li:not(.active):hover::after {
width: 100%;
}

.tab-area li:hover {
opacity:1;
}



.itemall{width:58.4%;
margin:auto;
padding-top: 5.1vw;
}

.item{float: left;
width:calc(86.8% / 4);
position:relative;
padding-bottom:2.9vw;
}

.iteminner{
margin:0 auto;
overflow:hidden;
width:100%;

}


.iteminner img{
transition:0.5s all;}


.iteminner img:hover{
transform:scale(1.2,1.2);
transition:0.5s all;
}

.item img{width:100%;
vertical-align:top;
height: auto;
min-height: 100%;
object-fit: cover;}

.item:nth-child(4n+1){clear: both;
margin-right:4.4%;
}

.item:nth-child(4n+2){
margin-right:4.4%;
}

.item:nth-child(4n+3){
margin-right:4.4%;
}

.item:nth-child(4n){
margin-right:0%;
}

.item span{font-size: 0.65vw;
padding-top:1.10vw;
display: block;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.workstext1{border-bottom:1px solid #000;
padding-bottom:0.6vw;
margin-bottom:0.75vw;}

.workstext2{padding-top: 0vw!important;
line-height:1.3vw;}

.item br{
display: none;}

.workstext2 br{display: block!important;}




/* DISCOGRAPHY2 */

.discograrhy2{width: 58.0%;
margin:auto;
padding-top: 12.25vw;
padding-bottom: 7.3vw;}

.discograrhy2:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.discograrhy2 .img{float:left;
width: 49.3%;}

.discograrhy2 .text{float:right;
width: 34.5%;
border-left:1px solid #000;
padding-left:2.0vw;}

.discograrhy2 .img img{width:100%;}


.discograrhy2h1{font-size: 0.80vw;
margin:0;
padding-bottom:1.45vw;
line-height: 1.0vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.discograrhy2p{font-size: 0.65vw;
line-height:1.25vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.discograrhy2batu{position:absolute;
top: 7.9vw;
left: 20.55vw;
width: 1.70vw;}

.discograrhy2prev{position:absolute;
top: 37.9vw;
left: 6.2vw;
width: 2.05vw;}

.discograrhy2next{position:absolute;
top: 37.9vw;
right:6.2vw;
width: 2.05vw;}



/* GUIDELINE */


.guideline{width: 28.5%;
margin:auto;
padding-top: 7.8vw;
padding-bottom: 14.4vw;}

.guidelineh1:not(:first-child):not(:nth-child(2)){
border-top:1px solid #000;
padding-top:2.35vw;
padding-bottom:1.1vw;

}

.guidelineh1:nth-child(2){padding-top:2.35vw;
padding-bottom:1.1vw;}

.guidelineh1{font-size: 0.80vw;
margin:0;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}


.guidelinep{font-size: 0.65vw;
line-height: 1.3vw;
padding-bottom:2.1vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.red{color:red;}
.guidelinecenter{text-align:center;}



/* CONTACT */

.contact .left{display:block;}
.contact .right{display:block;}
.contactsh{display:none;}

.contact{width:58%;
margin:auto;
padding-top: 7.8vw;
padding-bottom: 6.3vw;}

.contact:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.contact .left{float:left;
width:36.5%;}

.contact .right{float:right;
width:36.5%;}

.contacth1{font-size: 0.80vw;
margin:0;
padding-bottom:2.70vw;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}


.contact .left p{font-size: 0.65vw;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}

.contact .right p{font-size: 0.65vw;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}



*:focus {
  outline: none;
}

input{font-size: 130%;
-webkit-appearance: none;
border-radius: 0;
 -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}

input[type="text"],input[type="tel"]{border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #000;
width: 100%;
margin-top:1.25vw;
margin-bottom:1.00vw;
background-color: #FAF9F7;}

input[type="email"]{border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #000;
width: 100%;
margin-top:1.25vw;
margin-bottom:1.75vw;
background-color: #FAF9F7;}


textarea{border:1px solid #000;
width: 100%;
font-size: 140%;
margin-top:1.05vw;
margin-bottom: 1.25vw;
height: 11.4vw;
background-color: #FAF9F7;
-webkit-appearance: none;
border-radius: 0;
 -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}

input[type="submit"]{background-color:#000;
color:#fff;
border:none;
border-radius: 9999px;
font-size: 0.65vw;
padding-top: 0.45vw;
padding-bottom: 0.45vw;
padding-left: 0.85vw;
padding-right: 0.85vw;
cursor:pointer;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}

.wpcf7 form .wpcf7-response-output{font-size: 0.80vw;}




/* thank you */

.thankyou{
padding-top: 18.5vw;
margin:auto;
width: 32.5%;
padding-bottom: 22.9vw;
}

.thankyouh1{text-align:left;
font-size: 0.80vw;
margin:0;}

.thankyoup{text-align:left;
padding-top: 1.3vw;
font-size: 0.65vw;
white-space:nowrap;
}




/* goods */

.goods{text-align: center;}
	
.goods:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.mktp_goods_top{padding-top: 27.2vh;
padding-bottom: 27.2vh;
width: 28%;}





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

html{}
	

/* slidmenu */
#menu-toggle * {
transition: 0.25s ease-in-out;
box-sizing: border-box;
}


#menu-toggle span {
display: block;
background: #000;
}

#menu-toggle {transform: scale(0.29);
transform-origin: left top;
position: absolute;
top: 16.2px;
left: 6.2%;
z-index: 9999;
width: 100px;
height: 100px;
cursor: pointer;
border-radius: 5px;
}
#menu-toggle:hover {
}
	
#menu-toggle.fixed{
position: fixed;
top: 6.0px;
}
	
#menu-toggle #hamburger {
position: absolute;
height: 100%;
width: 100%;
}
#menu-toggle #hamburger span {
width: 79px;
height: 4px;
position: relative;
top: 10px;
left: 10px;
margin: 25px 0;
}
#menu-toggle #hamburger span:nth-child(1) {
transition-delay: 0.5s;
}
#menu-toggle #hamburger span:nth-child(2) {
transition-delay: 0.625s;
}
#menu-toggle #hamburger span:nth-child(3) {
transition-delay: 0.75s;
}
#menu-toggle #cross {
position: absolute;
height: 100%;
width: 100%;
transform: rotate(45deg);
}
#menu-toggle #cross span:nth-child(1) {
height: 0%;
width: 4px;
position: absolute;
top: 10%;
left: 48px;
transition-delay: 0s;
}
#menu-toggle #cross span:nth-child(2) {
width: 0%;
height: 4px;
position: absolute;
left: 10%;
top: 48px;
transition-delay: 0.25s;
}

#menu-toggle.active #hamburger span {
width: 0%;
}
#menu-toggle.active #hamburger span:nth-child(1) {
transition-delay: 0s;
}
#menu-toggle.active #hamburger span:nth-child(2) {
transition-delay: 0.125s;
}
#menu-toggle.active #hamburger span:nth-child(3) {
transition-delay: 0.25s;
}
#menu-toggle.active #cross span:nth-child(1) {
height: 80%;
transition-delay: 0.625s;
}
#menu-toggle.active #cross span:nth-child(2) {
width: 80%;
transition-delay: 0.375s;
}



	
	
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: left;
 position: fixed;
 top: 0;
left:0;
background-color: #FAF9F7;
box-sizing: border-box;
padding:9.3px;
opacity:1;
z-index:12;
}
#overlay ul{line-height: 410%;
 padding-left: 0px;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 3px;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
font-size: 16.8px;
 margin-bottom: 0%;
}
#overlay ul li a{ z-index:10;
 color:#000;
 text-decoration: none;
 
}

#overlayinner{background-image: url("https://mikitop.com/wp-content/uploads/top_sh.gif");
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
width:100%;
height:100%;
border: 1px solid #000;
box-sizing: border-box;}

	
	
	
	
	
/* hedder */

	
.menu-trigger{display:inline;}
#overlay{visibility:visible;}

	
.nav{display:none;}
	
.heddersh{border-bottom:1px solid #000;
width:100%;
height:5vw;
position:relative;
background-color:#FAF9F7;
}
	
	
.hedder.fixed{
left:9.3px;/*位置指定*/
width : calc(100% - 18.6px - 2px);
}

	
body{padding: 9.3px;}

.hedder {
height: 41px;
}
	
.menu-trigger {
top: 2.5%;
}
	

/* navsh */	
	
.bodyactive{overflow: hidden;}

.bodyactive .content{height: 100%!important;}
	
.bodyactive .hedder{display: none;}
.bodyactive .post{display: none;}
.bodyactive #topimg{display: none;}
.bodyactive .toppostall{display: none;}
	
	
.heddersh{
height: 41px;
}
	
.snssh a{position:relative;}
	
.snssh img{width:24.9px;
float: left;
padding-right: 10px;
}
	
.youtube img{

}
	
.twitter img{

}
	
.nikoniko img{

}
	
.instagram img{

}
	
	
	
.snssh span{font-family: 'Jost', sans-serif;
font-weight:500;
font-size:12px;}

	
	

	
.navsh{width:78%;
margin:auto;
padding-top: 50px;}
	
.snssh{width:78%;
margin:auto;
padding-top: 75px;}	
	
.snssh a{display: flex;
align-items: center;
height: 30px;
width: 116px;
padding-bottom: 16.3px;
letter-spacing: 2px;
white-space:nowrap;
}
	
.youtube,.nikoniko{float: left;
text-align:left;
clear:both;
margin-right: 30px;}
.twitter,.instagram{float: left;
text-align:left;
}

	
	
/* hedder */

.sns .youtube,.sns .twitter,.sns .nikoniko,.sns .instagram{display:none;}

.sns{margin-right: 4.3%;
top: 11.3px;
transform:none;
-webkit-transform:none;
-ms-transform:none;}

	
	
.mail{display:block;
}
.mail img{width: 23.6px;}	
	
.title {
width: 99px;
}
	
	
	
	
/* top */	
	
	
.aijimako-bo {
bottom: 22px;
font-size: 9px;
color:#000;
}
	
div#topimg {
height:50.5vh;
}
	
	
ul#randomList img {
height:50.5vh!important;
}	
.gif {
height:50.5vh!important;
}
	
.toppostall {
position: static;
margin-top: 359px;
padding-right: 0%;
width: 77.5%;
margin:auto;
padding-top: 29.3px;
padding-bottom: 27.3px;
}	
	
.toppostall:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

	
.toppostdate {
font-size: 12.5px;
}
	
	
.topposttitle {
font-size: 12px;
padding-top: 3.5px;
line-height: 210%;
padding-bottom: 23.5px;
}
	
.toppost:not(:first-child) {
padding-top: 24.3px;
}
	
	
.toppostall .btn04 {
float: right;
margin-top: 0px;
font-size: 13px;
padding: 1.2px 0px;
line-height: 200%;
text-align: center;
width: 100%;
}
	
	
.rightsnssh{display:block;
position:absolute;
top:29.3px;
right:4.3%;}
	
.rightsnssh img{width:23.5px;}
	
.rightyoutube{padding-bottom:22px;}
.righttwitter{padding-bottom:22px;}	
.rightnikoniko{padding-bottom:22px;}

	
/* about */
	
.about {
padding-top: 41.2px;
}
	
.mikitop {
width: 78.5%;
}
	
.aboutp {
padding-top: 0px;
padding-bottom: 37px;
width: 78.5%;
}
	
.abouth1 {
margin:0;
font-size: 17.0px;
padding-bottom: 30px;
padding-top: 32px;
}
	
.about p {
font-size: 12.5px;
line-height: 200%;
}
	
	
.aboutp span{font-size: 6px;
padding-top: 0px;
}
	

/* news */

.archiveleft{display:none;}
	
.archive {
width: 77.5%;
padding-top: 0px;
padding-bottom: 44px;
clear:both;
}
	
.archiveleftsh{display:block;
padding-top: 42px;
width: 77.5%;
margin:auto;}	
	
.archiveleftsh p{font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;
margin-bottom: 7px;

}	

	
.archiveopen1div {width:100%;
border-bottom: 1px solid #000;
padding-top: 6.1px!important;
}
	
.archiveopen1divdiv{width:78.5%;
margin:auto;
}
	
.archiveopen1divdiv:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
.archiveopen1div .monthly-list{column-count: 2;
width: 70%;
float:right;
text-align: right;
margin-right: 6px;
line-height:280%;
margin-bottom: 20px;}
	
.archiveopen1divleft{
float:left;
width:20%;
line-height:280%;
padding: 0;
margin:0;
}
	
	
	
.archiveopen1div li{font-size: 12px;
font-family: 'Jost', sans-serif;
font-weight:400;
letter-spacing: 2px;
text-decoration:underline;}
	


.archive .newsdate {
font-size: 12.5px;
padding-bottom: 29.5px;
padding-top: 31.1px;
}
	
.postone:not(:first-child) .newsdate {
padding-top: 31.1px;
margin-top: 30.6px;
}
	
.archive .newstitle {
font-size: 12px;
padding-bottom: 29.5px;
line-height: 200%;
}
	
.archive p {
font-size: 12px;
line-height: 200%;
}
	
.archive p a {

}

	
.pagination {
padding-top: 31.1px;
}
	
.pagination span {font-family: 'Jost', sans-serif;
font-weight:400;
 font-size: 12px;
}
.pagination a {font-family: 'Jost', sans-serif;
font-weight:400;
 font-size: 12px;
}
	
.pagination .current{text-decoration: underline;}
	


/* discograrhy */


.itemall {
width: 77.5%;
padding-top: 48px;
}


.item {
width: calc(92.7% / 2);
padding-bottom: 0px;

}

.item:nth-child(4n+1) {
clear: both;
margin-right:7.3%;
}

.item:nth-child(4n+2) {
margin-right: 0%;
}

.item:nth-child(4n+3) {
clear: both;
margin-right:7.3%;
}


.discograrhy {
padding-top: 0px;
padding-bottom: 22px;
}


.tab-area {
width: 58.0%;
}

.tab {
font-size: 13.5px;
}	

.item span {
font-size: 10px;
padding-top: 11.5px;
padding-bottom: 35px;
line-height: 180%;

}


.tab-area .active::after {
bottom: -0.55vw;
}

.tab-area li:not(.active)::after {
bottom: -0.55vw;
}

.workstext1 {
border-bottom: 1px solid #ccc;
padding-bottom: 9px!important;
margin-bottom: 7.1px!important;
}

.workstext2{padding-bottom: 17px!important;}


/* discograrhy2 */


.discograrhy2 {
width: 77.5%;
padding-top: 42px;
padding-bottom: 56px;
}

.discograrhy2 .img {
float: none;
width: 100%;
}

.discograrhy2 .text {
float: none;
width: 100%;
border-left: 0px solid #ccc;
padding-left: 0px;
padding-top: 40px;
}


.discograrhy2h1 {
font-size: 12px;
padding-bottom: 32px;

}

.discograrhy2p {
font-size: 12px;
line-height: 205%;
}


.discograrhy2arrow{text-align:center;
padding-top: 21px;
position:relative;}
	
.discograrhy2arrow:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
.discograrhy2batu {position:absolute;
top: 23px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 17px;


}

.discograrhy2prev{position:static;
top: 0px;
width: 20px;
left: 0%;
float:left;}

.discograrhy2next{position:static;
top: 0px;
width: 20px;
right: 0%;
float:right;}


	
/* guideline */


.guideline {
width: 77.5%;
padding-top: 39px;
padding-bottom: 16px;
}
	
	
.guidelineh1 {
font-size: 12px;
}
	
.guidelinep {
font-size: 12px;
padding-bottom: 47px;
line-height: 200%;
}
	
.guidelineh1:nth-child(2) {
padding-top: 55.3px;
padding-bottom: 29.0px;
}
	
.guidelineh1:not(:first-child):not(:nth-child(2)) {
padding-top: 53px;
padding-bottom: 31px;
}
	
	
.guideline .btn04 {
margin-top: 0px;
font-size: 13px;
padding-top: 3px;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
width:100%;
}
	
	
/* contact */	
	
.contact .left{display:none;}
.contact .right{display:none;}
.contactsh{display:block;}
	
.contact{width: 77.5%;
padding-top: 42px;
padding-bottom: 56px;}

	
.contact p{font-size: 12px;}
	
.div-open{display: none;}
	
.div-openactive{display: block;}
	
.nav-open{border: 1px solid #000;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 14px;
padding-right: 14px;
color: #000;
font-size: 14px;
position: relative;
}
.nav-open::before{/* 閉じている時 */
content: url(https://mikitop.com/wp-content/uploads/plus.png);
position: absolute;
right: 14px;
top:8px;
transform: scale(0.14);
transform-origin: right top;
}
.nav-open.active::before{/* 開いている時 */
content: url(https://mikitop.com/wp-content/uploads/minus.png);
}
	
.contactopen1p{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight:bold;}
.contactopen2p{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight:bold;
margin-top: 29px;
}
	
label{font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}

	
input {
font-size: 15px;
}
	
.div-open{padding-top:36px;}
	
.submitsend{text-align:center;
position:relative;
}
.wpcf7-spinner{position:absolute!important;
top:0;
right:0;
}
	
input[type="text"], input[type="tel"] {
margin-top: 23px;
margin-bottom: 32px;
}
	
input[type="email"] {
margin-top: 23px;
margin-bottom: 39px;
}
	
textarea {
font-size: 12px;
margin-top: 29px;
margin-bottom: 18px;
height: 128px;
}
	
input[type="submit"] {
-webkit-appearance: none;
border-radius: 9999px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;
font-size: 12px;
margin-bottom: 32px;
width: 100%;
}
	
	
	
	
	
/* thank you */
.thankyou {
width: 77.5%;
padding-top: 39px;
}	

.thankyouh1 {
font-size: 12px;
}
.thankyoup {
padding-top: 29.3px;
font-size: 12px;
white-space: normal;
line-height:210%;
}
.thankyou .br1 {
display:none;
}

	
	
	
/* goods */

.mktp_goods_top{
width: 50%;}
	
	
	


}

@media screen and (min-width: 769px) and (max-width: 1024px) {	


html{}
	

/* slidmenu */
#menu-toggle * {
transition: 0.25s ease-in-out;
box-sizing: border-box;
}


#menu-toggle span {
display: block;
background: #000;
}

#menu-toggle {transform: scale(0.29);
transform-origin: left top;
position: absolute;
top: 16.2px;
left: 6.2%;
z-index: 9999;
width: 100px;
height: 100px;
cursor: pointer;
border-radius: 5px;
}
#menu-toggle:hover {
}
	
#menu-toggle.fixed{
position: fixed;
top: 6.0px;
}
	
#menu-toggle #hamburger {
position: absolute;
height: 100%;
width: 100%;
}
#menu-toggle #hamburger span {
width: 79px;
height: 4px;
position: relative;
top: 10px;
left: 10px;
margin: 25px 0;
}
#menu-toggle #hamburger span:nth-child(1) {
transition-delay: 0.5s;
}
#menu-toggle #hamburger span:nth-child(2) {
transition-delay: 0.625s;
}
#menu-toggle #hamburger span:nth-child(3) {
transition-delay: 0.75s;
}
#menu-toggle #cross {
position: absolute;
height: 100%;
width: 100%;
transform: rotate(45deg);
}
#menu-toggle #cross span:nth-child(1) {
height: 0%;
width: 4px;
position: absolute;
top: 10%;
left: 48px;
transition-delay: 0s;
}
#menu-toggle #cross span:nth-child(2) {
width: 0%;
height: 4px;
position: absolute;
left: 10%;
top: 48px;
transition-delay: 0.25s;
}

#menu-toggle.active #hamburger span {
width: 0%;
}
#menu-toggle.active #hamburger span:nth-child(1) {
transition-delay: 0s;
}
#menu-toggle.active #hamburger span:nth-child(2) {
transition-delay: 0.125s;
}
#menu-toggle.active #hamburger span:nth-child(3) {
transition-delay: 0.25s;
}
#menu-toggle.active #cross span:nth-child(1) {
height: 80%;
transition-delay: 0.625s;
}
#menu-toggle.active #cross span:nth-child(2) {
width: 80%;
transition-delay: 0.375s;
}



	
	
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: left;
 position: fixed;
 top: 0;
left:0;
background-color: #FAF9F7;
box-sizing: border-box;
padding:9.3px;
opacity:1;
z-index:12;
}
#overlay ul{line-height: 410%;
 padding-left: 0px;
font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 3px;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
font-size: 16.8px;
 margin-bottom: 0%;
}
#overlay ul li a{ z-index:10;
 color:#000;
 text-decoration: none;
 
}

#overlayinner{background-image: url("https://mikitop.com/wp-content/uploads/top_sh.gif");
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
width:100%;
height:100%;
border: 1px solid #000;
box-sizing: border-box;}

	
	
	
	
	
/* hedder */

	
.menu-trigger{display:inline;}
#overlay{visibility:visible;}

	
.nav{display:none;}
	
.heddersh{border-bottom:1px solid #000;
width:100%;
height:5vw;
position:relative;
background-color:#FAF9F7;
}
	
	
.hedder.fixed{
left:9.3px;/*位置指定*/
width : calc(100% - 18.6px - 2px);
}

	
body{padding: 9.3px;}

.hedder {
height: 41px;
}
	
.menu-trigger {
top: 2.5%;
}
	

/* navsh */	
	
.bodyactive{overflow: hidden;}

.bodyactive .content{height: 100%!important;}
	
.bodyactive .hedder{display: none;}
.bodyactive .post{display: none;}
.bodyactive #topimg{display: none;}
.bodyactive .toppostall{display: none;}
	
	
.heddersh{
height: 41px;
}
	
.snssh a{position:relative;}
	
.snssh img{width:24.9px;
float: left;
padding-right: 10px;
}
	
.youtube img{

}
	
.twitter img{

}
	
.nikoniko img{

}
	
.instagram img{

}
	
	
	
.snssh span{font-family: 'Jost', sans-serif;
font-weight:500;
font-size:12px;}

	
	

	
.navsh{width:78%;
margin:auto;
padding-top: 50px;}
	
.snssh{width:78%;
margin:auto;
padding-top: 75px;}	
	
.snssh a{display: flex;
align-items: center;
height: 30px;
width: 116px;
padding-bottom: 16.3px;
letter-spacing: 2px;
white-space:nowrap;
}
	
.youtube,.nikoniko{float: left;
text-align:left;
clear:both;
margin-right: 30px;}
.twitter,.instagram{float: left;
text-align:left;
}

	
	
/* hedder */

.sns .youtube,.sns .twitter,.sns .nikoniko,.sns .instagram{display:none;}

.sns{margin-right: 4.3%;
top: 11.3px;
transform:none;
-webkit-transform:none;
-ms-transform:none;}

	
	
.mail{display:block;
}
.mail img{width: 23.6px;}	
	
.title {
width: 99px;
}
	
	
	
	
/* top */	
	
.aijimako-bo {
bottom: 22px;
font-size: 9px;
color:#000;
}
	
div#topimg {
height:50.5vh;
}
	
	
ul#randomList img {
height:50.5vh!important;
}	
.gif {
height:50.5vh!important;
}
	
.toppostall {
position: static;
margin-top: 359px;
padding-right: 0%;
width: 77.5%;
margin:auto;
padding-top: 29.3px;
padding-bottom: 27.3px;
}	
	
.toppostall:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

	
.toppostdate {
font-size: 12.5px;
}
	
	
.topposttitle {
font-size: 12px;
padding-top: 3.5px;
line-height: 210%;
padding-bottom: 23.5px;
}
	
.toppost:not(:first-child) {
padding-top: 24.3px;
}
	
	
.toppostall .btn04 {
float: right;
margin-top: 0px;
font-size: 13px;
padding: 1.2px 0px;
line-height: 200%;
text-align: center;
width: 100%;
}
	
	
.rightsnssh{display:block;
position:absolute;
top:29.3px;
right:4.3%;}
	
.rightsnssh img{width:23.5px;}
	
.rightyoutube{padding-bottom:22px;}
.righttwitter{padding-bottom:22px;}	
.rightnikoniko{padding-bottom:22px;}

	
/* about */
	
.about {
padding-top: 41.2px;
}
	
.mikitop {
width: 78.5%;
}
	
.aboutp {
padding-top: 0px;
padding-bottom: 37px;
width: 78.5%;
}
	
.abouth1 {
margin:0;
font-size: 17.0px;
padding-bottom: 30px;
padding-top: 32px;
}
	
.about p {
font-size: 12.5px;
line-height: 200%;
}
	
.aboutp span{font-size: 6px;
padding-top: 0px;
}
	

/* news */

.archiveleft{display:none;}
	
.archive {
width: 77.5%;
padding-top: 0px;
padding-bottom: 44px;
clear:both;
}
	
.archiveleftsh{display:block;
padding-top: 42px;
width: 77.5%;
margin:auto;}	
	
.archiveleftsh p{font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;
margin-bottom: 7px;

}	

	
.archiveopen1div {width:100%;
border-bottom: 1px solid #000;
padding-top: 6.1px!important;
}
	
.archiveopen1divdiv{width:78.5%;
margin:auto;
}
	
.archiveopen1divdiv:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
.archiveopen1div .monthly-list{column-count: 2;
width: 70%;
float:right;
text-align: right;
margin-right: 6px;
line-height:280%;
margin-bottom: 20px;}
	
.archiveopen1divleft{
float:left;
width:20%;
line-height:280%;
padding: 0;
margin:0;
}
	
	
	
.archiveopen1div li{font-size: 12px;
font-family: 'Jost', sans-serif;
font-weight:400;
letter-spacing: 2px;
text-decoration:underline;}
	


.archive .newsdate {
font-size: 12.5px;
padding-bottom: 29.5px;
padding-top: 31.1px;
}
	
.postone:not(:first-child) .newsdate {
padding-top: 31.1px;
margin-top: 30.6px;
}
	
.archive .newstitle {
font-size: 12px;
padding-bottom: 29.5px;
line-height: 200%;
}
	
.archive p {
font-size: 12px;
line-height: 200%;
}
	
.archive p a {

}

	
.pagination {
padding-top: 31.1px;
}
	
.pagination span {font-family: 'Jost', sans-serif;
font-weight:400;
 font-size: 12px;
}
.pagination a {font-family: 'Jost', sans-serif;
font-weight:400;
 font-size: 12px;
}
	
.pagination .current{text-decoration: underline;}
	


/* discograrhy */


.itemall {
width: 77.5%;
padding-top: 48px;
}


.item {
width: calc(92.7% / 2);
padding-bottom: 0px;

}

.item:nth-child(4n+1) {
clear: both;
margin-right:7.3%;
}

.item:nth-child(4n+2) {
margin-right: 0%;
}

.item:nth-child(4n+3) {
clear: both;
margin-right:7.3%;
}


.discograrhy {
padding-top: 0px;
padding-bottom: 22px;
}


.tab-area {
width: 58.0%;
}

.tab {
font-size: 13.5px;
}	

.item span {
font-size: 10px;
padding-top: 11.5px;
padding-bottom: 35px;
line-height: 180%;

}


.tab-area .active::after {
bottom: -0.55vw;
}

.tab-area li:not(.active)::after {
bottom: -0.55vw;
}

.workstext1 {
border-bottom: 1px solid #ccc;
padding-bottom: 9px!important;
margin-bottom: 7.1px!important;
}

.workstext2{padding-bottom: 17px!important;}


/* discograrhy2 */


.discograrhy2 {
width: 77.5%;
padding-top: 42px;
padding-bottom: 56px;
}

.discograrhy2 .img {
float: none;
width: 100%;
}

.discograrhy2 .text {
float: none;
width: 100%;
border-left: 0px solid #ccc;
padding-left: 0px;
padding-top: 40px;
}


.discograrhy2h1 {
font-size: 12px;
padding-bottom: 32px;

}

.discograrhy2p {
font-size: 12px;
line-height: 205%;
}


.discograrhy2arrow{text-align:center;
padding-top: 21px;
position:relative;}
	
.discograrhy2arrow:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
.discograrhy2batu {position:absolute;
top: 23px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 17px;


}

.discograrhy2prev{position:static;
top: 0px;
width: 20px;
left: 0%;
float:left;}

.discograrhy2next{position:static;
top: 0px;
width: 20px;
right: 0%;
float:right;}


	
/* guideline */


.guideline {
width: 77.5%;
padding-top: 39px;
padding-bottom: 16px;
}
	
	
.guidelineh1 {
font-size: 12px;
}
	
.guidelinep {
font-size: 12px;
padding-bottom: 47px;
line-height: 200%;
}
	
.guidelineh1:nth-child(2) {
padding-top: 55.3px;
padding-bottom: 29.0px;
}
	
.guidelineh1:not(:first-child):not(:nth-child(2)) {
padding-top: 53px;
padding-bottom: 31px;
}
	
	
.guideline .btn04 {
margin-top: 0px;
font-size: 13px;
padding-top: 3px;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
width:100%;
}
	
	
/* contact */	
	
.contact .left{display:none;}
.contact .right{display:none;}
.contactsh{display:block;}
	
.contact{width: 77.5%;
padding-top: 42px;
padding-bottom: 56px;}

	
.contact p{font-size: 12px;}
	
.div-open{display: none;}
	
.div-openactive{display: block;}
	
.nav-open{border: 1px solid #000;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 14px;
padding-right: 14px;
color: #000;
font-size: 14px;
position: relative;
}
.nav-open::before{/* 閉じている時 */
content: url(https://mikitop.com/wp-content/uploads/plus.png);
position: absolute;
right: 14px;
top:8px;
transform: scale(0.14);
transform-origin: right top;
}
.nav-open.active::before{/* 開いている時 */
content: url(https://mikitop.com/wp-content/uploads/minus.png);
}
	
.contactopen1p{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight:bold;}
.contactopen2p{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight:bold;
margin-top: 29px;
}
	
label{font-family: 'Jost', sans-serif;
font-weight:500;
letter-spacing: 2px;}

	
input {
font-size: 15px;
}
	
.div-open{padding-top:36px;}
	
.submitsend{text-align:center;
position:relative;
}
.wpcf7-spinner{position:absolute!important;
top:0;
right:0;
}
	
input[type="text"], input[type="tel"] {
margin-top: 23px;
margin-bottom: 32px;
}
	
input[type="email"] {
margin-top: 23px;
margin-bottom: 39px;
}
	
textarea {
font-size: 12px;
margin-top: 29px;
margin-bottom: 18px;
height: 128px;
}
	
input[type="submit"] {
-webkit-appearance: none;
border-radius: 9999px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;
font-size: 12px;
margin-bottom: 32px;
width: 100%;
}
	
	
	
	
	
/* thank you */
.thankyou {
width: 77.5%;
padding-top: 39px;
}	

.thankyouh1 {
font-size: 12px;
}
.thankyoup {
padding-top: 29.3px;
font-size: 12px;
white-space: normal;
line-height:210%;
}
.thankyou .br1 {
display:none;
}


	
/* goods */
	
.mktp_goods_top{
width: 50%;}
	



}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}

.nav li {

}


}

@media screen and (min-width: 1601px) {	
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}


	
}







@media only screen and (max-device-width:480px){
	
.archive p a {
text-decoration:underline;
}
.archive p a::after {
height: 0px;
}
	
	
.navsh {
padding-top: 4vh;
}

#overlay ul {
line-height: 7.5vh;
}

.snssh {
padding-top: 5.5vh;
}
	
.snssh a {
padding-bottom: 2vh;
}
	

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
.archive p a {
text-decoration:underline;
}
.archive p a::after {
height: 0px;
}
	

}










@media only screen and (max-device-width:480px) and (orientation: landscape){
	
	
.navsh {
padding-top: 5vh;
}


.snssh {
padding-top: 3vh;
}
	
#overlay ul {
line-height: 6.6vh;
}
	
.snssh a {
padding-bottom: 0vh;
}
	
	
.youtube, .nikoniko {
clear: none; 
margin-right: 15px;
}
	
.twitter, .instagram {
margin-right: 15px;
}
	
}




@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape){


.navsh {
padding-top: 5vh;
}

#overlay ul {
line-height: 7.7vh;
}

.snssh {
padding-top: 7vh;
}
	
.snssh a {
padding-bottom: 2vh;
}
	
}








/* chome */

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    -webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}




@media screen and (min-width: 1025px) and (max-width: 1100px) {
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .nav ul {
transform: scale(0.83); 
transform-origin: left top; 
}
	
.title{z-index: 9;}
	
.archive .newstitle{line-height: 16px;}
	
.archive p{line-height: 20px;}

.about p{line-height: 20px;
}
	
.discograrhy2p{line-height: 20px;
}
	
.workstext2{line-height: 20px;}
	
.guidelinep{line-height: 20px;}
	
.topposttitle{line-height: 20px;}	

	
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .nav ul {
transform: scale(0.9); 
transform-origin: left top; 
}
.title{z-index: 9;}
	
.archive .newstitle{line-height: 16px;}
	
.archive p{line-height: 20px;}

.about p{line-height: 20px;
}
	
.discograrhy2p{line-height: 20px;
}
	
.workstext2{line-height: 20px;}
	
.guidelinep{line-height: 20px;}
	
.topposttitle{line-height: 20px;}	
	
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .nav ul {
transform: scale(0.95); 
transform-origin: left top; 
}
	
.title{z-index: 9;}
	
.archive .newstitle{line-height: 16px;}
	
.archive p{line-height: 20px;}

.about p{line-height: 20px;
}
	
.discograrhy2p{line-height: 20px;
}
	
.workstext2{line-height: 20px;}
	
.guidelinep{line-height: 20px;}
	
.topposttitle{line-height: 20px;}	
	
}







	



/* win */
.win body{

}


@media screen and (min-width: 768px) and (max-width: 824px) {	

}

@media screen and (min-width: 824px) and (max-width: 924px) {	

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	

}

@media screen and (min-width: 1024px) and (max-width: 1124px) {	

}