@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Itim&family=Noto+Sans+JP:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Itim&family=Kiwi+Maru:wght@300&family=Noto+Sans+JP:wght@300&display=swap');

	body {
		margin: 0;
		padding: 0;
		border: none;

		font-family: 'Itim', 'Kiwi Maru', 'Noto Sans JP',cursive,sans-serif;

	}

	img {
		max-width: 100%;
	}

	/* image */
	img,
	/* block */
	div, p, blockquote,
	/* heading */
	h1, h2, h3, h4, h5, h6,
	/* list */
	ul, ol, li, dl, dt, dd,
	/* form */
	form, fieldset, textarea
	{
		border: 0;
		margin: 0;
		padding: 0;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		list-style: none;

		line-height: 1.8em;
	}
	a { cursor:pointer; }
	table {
		font-size:100%;
	}
	hr.separator {
		display: none;
	}


/* Font-Size */
	.font10 { font-size: 10px; }
	.font12 { font-size: 12px; }
	.font14 { font-size: 14px; }
	.font20 { font-size: 20px; }
	.font22 { font-size: 22px; }

/* Margin-Top & Padding-Top */
	.mt00 { margin-top:  0px; }    .pt00 { padding-top:  0px; }
	.mt05 { margin-top:  5px; }    .pt05 { padding-top:  5px; }
	.mt10 { margin-top: 10px; }    .pt10 { padding-top: 10px; }
	.mt15 { margin-top: 15px; }    .pt15 { padding-top: 15px; }
	.mt20 { margin-top: 20px; }    .pt20 { padding-top: 20px; }
	.mt25 { margin-top: 25px; }    .pt25 { padding-top: 25px; }
	.mt30 { margin-top: 30px; }    .pt30 { padding-top: 30px; }
	.mt35 { margin-top: 35px; }    .pt35 { padding-top: 35px; }
	.mt40 { margin-top: 40px; }    .pt40 { padding-top: 40px; }
	.mt45 { margin-top: 45px; }    .pt45 { padding-top: 45px; }
	.mt50 { margin-top: 50px; }    .pt50 { padding-top: 50px; }
	.mt55 { margin-top: 55px; }    .pt55 { padding-top: 55px; }
	.mt60 { margin-top: 60px; }    .pt60 { padding-top: 60px; }
	.mt65 { margin-top: 65px; }    .pt65 { padding-top: 65px; }
	.mt70 { margin-top: 70px; }    .pt70 { padding-top: 70px; }
	.mt75 { margin-top: 75px; }    .pt75 { padding-top: 75px; }
	.mt80 { margin-top: 80px; }    .pt80 { padding-top: 80px; }
	.mt85 { margin-top: 85px; }    .pt85 { padding-top: 85px; }
	.mt90 { margin-top: 90px; }    .pt90 { padding-top: 90px; }
	.mt95 { margin-top: 95px; }    .pt95 { padding-top: 95px; }
	.mt100{ margin-top:100px; }    .pt100{ padding-top:100px; }

/* Margin-Right & Padding-Right */
	.mr00 { margin-right:  0px; }  .pr00 { padding-right:  0px; }
	.mr05 { margin-right:  5px; }  .pr05 { padding-right:  5px; }
	.mr10 { margin-right: 10px; }  .pr10 { padding-right: 10px; }
	.mr15 { margin-right: 15px; }  .pr15 { padding-right: 15px; }
	.mr20 { margin-right: 20px; }  .pr20 { padding-right: 20px; }
	.mr25 { margin-right: 25px; }  .pr25 { padding-right: 25px; }
	.mr30 { margin-right: 30px; }  .pr30 { padding-right: 30px; }
	.mr35 { margin-right: 35px; }  .pr35 { padding-right: 35px; }
	.mr40 { margin-right: 40px; }  .pr40 { padding-right: 40px; }
	.mr45 { margin-right: 45px; }  .pr45 { padding-right: 45px; }
	.mr50 { margin-right: 50px; }  .pr50 { padding-right: 50px; }
	.mr55 { margin-right: 55px; }  .pr55 { padding-right: 55px; }
	.mr60 { margin-right: 60px; }  .pr60 { padding-right: 60px; }
	.mr65 { margin-right: 65px; }  .pr65 { padding-right: 65px; }
	.mr70 { margin-right: 70px; }  .pr70 { padding-right: 70px; }
	.mr75 { margin-right: 75px; }  .pr75 { padding-right: 75px; }
	.mr80 { margin-right: 80px; }  .pr80 { padding-right: 80px; }
	.mr85 { margin-right: 85px; }  .pr85 { padding-right: 85px; }
	.mr90 { margin-right: 90px; }  .pr90 { padding-right: 90px; }
	.mr95 { margin-right: 95px; }  .pr95 { padding-right: 95px; }
	.mr100{ margin-right:100px; }  .pr100{ padding-right:100px; }

/* Margin-Bottom & Padding-Bottom */
	.mb00 { margin-bottom:  0px; } .pb00 { padding-bottom:  0px; }
	.mb05 { margin-bottom:  5px; } .pb05 { padding-bottom:  5px; }
	.mb10 { margin-bottom: 10px; } .pb10 { padding-bottom: 10px; }
	.mb15 { margin-bottom: 15px; } .pb15 { padding-bottom: 15px; }
	.mb20 { margin-bottom: 20px; } .pb20 { padding-bottom: 20px; }
	.mb25 { margin-bottom: 25px; } .pb25 { padding-bottom: 25px; }
	.mb30 { margin-bottom: 30px; } .pb30 { padding-bottom: 30px; }
	.mb35 { margin-bottom: 35px; } .pb35 { padding-bottom: 35px; }
	.mb40 { margin-bottom: 40px; } .pb40 { padding-bottom: 40px; }
	.mb45 { margin-bottom: 45px; } .pb45 { padding-bottom: 45px; }
	.mb50 { margin-bottom: 50px; } .pb50 { padding-bottom: 50px; }
	.mb55 { margin-bottom: 55px; } .pb55 { padding-bottom: 55px; }
	.mb60 { margin-bottom: 60px; } .pb60 { padding-bottom: 60px; }
	.mb65 { margin-bottom: 65px; } .pb65 { padding-bottom: 65px; }
	.mb70 { margin-bottom: 70px; } .pb70 { padding-bottom: 70px; }
	.mb75 { margin-bottom: 75px; } .pb75 { padding-bottom: 75px; }
	.mb80 { margin-bottom: 80px; } .pb80 { padding-bottom: 80px; }
	.mb85 { margin-bottom: 85px; } .pb85 { padding-bottom: 85px; }
	.mb90 { margin-bottom: 90px; } .pb90 { padding-bottom: 90px; }
	.mb95 { margin-bottom: 95px; } .pb95 { padding-bottom: 95px; }
	.mb100{ margin-bottom:100px; } .pb100{ padding-bottom:100px; }

/* Margin-Left & Padding-Left */
	.ml00 { margin-left:  0px; }   .pl00 { padding-left:  0px; }
	.ml05 { margin-left:  5px; }   .pl05 { padding-left:  5px; }
	.ml10 { margin-left: 10px; }   .pl10 { padding-left: 10px; }
	.ml15 { margin-left: 15px; }   .pl15 { padding-left: 15px; }
	.ml20 { margin-left: 20px; }   .pl20 { padding-left: 20px; }
	.ml25 { margin-left: 25px; }   .pl25 { padding-left: 25px; }
	.ml30 { margin-left: 30px; }   .pl30 { padding-left: 30px; }
	.ml35 { margin-left: 35px; }   .pl35 { padding-left: 35px; }
	.ml40 { margin-left: 40px; }   .pl40 { padding-left: 40px; }
	.ml45 { margin-left: 45px; }   .pl45 { padding-left: 45px; }
	.ml50 { margin-left: 50px; }   .pl50 { padding-left: 50px; }
	.ml55 { margin-left: 55px; }   .pl55 { padding-left: 55px; }
	.ml60 { margin-left: 60px; }   .pl60 { padding-left: 60px; }
	.ml65 { margin-left: 65px; }   .pl65 { padding-left: 65px; }
	.ml70 { margin-left: 70px; }   .pl70 { padding-left: 70px; }
	.ml75 { margin-left: 75px; }   .pl75 { padding-left: 75px; }
	.ml80 { margin-left: 80px; }   .pl80 { padding-left: 80px; }
	.ml85 { margin-left: 85px; }   .pl85 { padding-left: 85px; }
	.ml90 { margin-left: 90px; }   .pl90 { padding-left: 90px; }
	.ml95 { margin-left: 95px; }   .pl95 { padding-left: 95px; }
	.ml100{ margin-left:100px; }   .pl100{ padding-left:100px; }

/* Float */
	.fl { float: left; }        .fr { float: right; }       .clear { clear:both; }

/* TextAlign */
	.al { text-align: left; }   .ar { text-align: right; }  .ac { text-align: center; }

/* Clearfix*/
	.clearfix { zoom:1; }
	.clearfix:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
/* Nav*/
	.nav { zoom:1; }
	.nav:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	
/* Hidden */
	.hidden { display: none; }

/* ReservedKeywords */
	.ahover, .ahoverArea, .pngfix, .png, .commonPop, .section, .nav, .article, .header, .footer, #header, #footer {}

/* ForJavascript */

	/*.win  { font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }*/
	/*.mac, .safari { font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }*/
	


.sp {
  display: none;
}

@media only screen and (max-width: 736px) {
  .pc {
    display: none;
  }
  .sp {
    display: inline-block;
  }
}


p {
	position: relative;
}
/* customize */

li a {
	color: #666;
}

 #blockskip a {
            position: absolute;
            top: 0;
            left: -9999px;
            display: block;
            text-align: center;
        }

        #blockskip a:focus {
            z-index: 11000;
            left: 0;
            right: 0;
            margin: auto;
        }
        .btn-rounded{
            border-radius : 1000px;
        }


        .color__btn {
            background-color: #80CBC4;
            color: #212121;
        }
        .color__navi {
            background-color: #fff;
        }
        .color__logo {
            color: #212121;
        }
        .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
            background-color: transparent;
            border-bottom : 3px solid #aaa;
        }

        #index .navbar-nav .nav-item.index>.nav-link, 
		#profile .navbar-nav .nav-item.profile>.nav-link, 
		#diary .navbar-nav .nav-item.diary>.nav-link, 
		#information .navbar-nav .nav-item.information>.nav-link, 
		#video .navbar-nav .nav-item.video>.nav-link, 
		#workshop .navbar-nav .nav-item.workshop>.nav-link, 
		#kinkonkan .navbar-nav .nav-item.kinkonkan>.nav-link, 
		#schedule .navbar-nav .nav-item.schedule>.nav-link {
            background-color: transparent;
            border-bottom : 3px solid #aaa;
        }

        .toggler__txt{
            display : block;
            font-size : 0.5em;
        }
        .nav__main{
            font-size : 1.2em;
        }
        .nav__sub{
            font-size : 0.8em;
        }

       @media screen and (max-width: 767.98px) { 
            .nav__main{
            font-size: 1em;

            }
            .nav__sub{
                font-size : 1em;
            }
            .navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
                /*background-color: #efefef;*/
                border-bottom : none;
            }
        #index .navbar-nav .nav-item.index>.nav-link, 
		#profile .navbar-nav .nav-item.profile>.nav-link, 
		#diary .navbar-nav .nav-item.diary>.nav-link, 
		#information .navbar-nav .nav-item.information>.nav-link, 
		#video .navbar-nav .nav-item.video>.nav-link, 
		#workshop .navbar-nav .nav-item.workshop>.nav-link, 
		#kinkonkan .navbar-nav .nav-item.kinkonkan>.nav-link, 
		#schedule .navbar-nav .nav-item.schedule>.nav-link {
            	background-color: #efefef;
                border-bottom : none;
        }
			.nav-item {			
			background-color: rgba(255,255,255,0.8);
			text-align: center;
		}

        }




header {
	position: fixed;
	background-color: rgba(255,255,255,0.8);
	top: 0;
	width: 100vw;
	max-width: none!important;
	z-index: 5;
	  padding: 5px 1em!important;
	  display: flex;
	  justify-content: flex-start;
	  border-bottom: 1px solid #eee;
	  flex-wrap: wrap;

}

@media (min-width: 930px) {

[role="banner"] h1 {
     margin: 0; 
}

}
.navbar {
	background-color: transparent;
	padding: 0;
}
header .navbar {
	position: relative;
	top: 0;
	left: 0;
	box-shadow: none;
	z-index:999;
}
footer .navbar {
	text-align:center;
	box-shadow: none;
	z-index:999;
}
.navbar-toggler {
z-index:20;
}
.navbar-collapse {
z-index:30;
}


h1 {
    font-size: 2em;
}
h2 {
	font-size: 1.8em;
	margin: 30px auto 20px;
}
h3 {
	font-size: 1.4em;
	margin: 30px auto 20px;
}

p {
	margin: 1.618em 0;
}

	header h1 {
	 	margin-right: 40px!important;
	 }


@media screen and (max-width:767.98px) {
	header {
		position: fixed;
		background-color: rgba(255,255,255,0.8);
		left: 0;
		top: 0;
		width: 100%;
		padding: 0!important;

	}
	 header h1 {
	font-size: 24px;
	}
	 header .navbar {
		position: fixed!important;
		right:0;
	}
	.navbar.navbar-light .navbar-toggler {
	    color: #000;
	    right: 10px;
	    position: absolute;
	    top: 10px;
	}
	h2 {
	font-size: 1.3em;
	margin: 30px auto 20px;
	}
	h3 {
		font-size: 1.1em;
		margin: 30px auto 20px;
	}
}

.discography a {
 display:block;
 margin: 10px auto;
}
.widget h3 {
    border-bottom: none!important;
}
@media screen and (max-width: 930px) {
	.discography .inner {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.discography .inner a {
		max-width: 31%;
		margin: 0;
	}
	.content {
	border-top:none;
	margin: 0 2em;
}
}

#schedule #posts li time {
	font-size: 1.5em;
	margin-bottom: 5px;

}

.schedule li {
	font-size: 1.1em;
	margin-bottom: 0.8em;
	line-height: 1.3em;
	border-bottom: 1px solid #eee;
	padding-bottom: 0.4em;
}


.information li, .diary li {
		margin-bottom: 1.2em;
			line-height: 1.3em;
}
/*#mainimage { 
	margin-top:140px;
}

@media screen and (max-width: 767.98px) {
#mainimage { 
	margin-top:80px;
}
}
*/
footer .align-items-start {
	align-items: center!important;
}
.breadcrumb {
	display: none;
}
.cap {
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 0 5px;
		font-size: 10px;
		text-shadow: 0 0 5px rgba(0, 0, 0, .8);
		color: #fff;
		opacity: 0.8;
	}

 

@media (min-width: 930px){

	.content {
		border-top: none;
	}
	.content [role="main"] {
	    width: 74%;
	}
	.content .related {
	    width: 22%;
	    margin-top: 0;
	    padding-top: 0;
	}
}

body {
	padding-top: 100px;
	}
@media screen and (max-width:1200px) {
	body {
				padding-top: 170px;
	}
}
@media screen and (max-width:768px) {
	body {
				padding-top: 100px;
	}

}

#posts .title {
	font-size: 1.4em!important;
}
#posts h2 {
    border-bottom: none;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
     margin-bottom: 20px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

#posts ol li  {
    margin: 20px 0;
    color: #666;
}
#posts ol li .title {
	color:#111;
}

@media (min-width: 700px) {
#posts ol li time {
    width: 20.0%;
    font-size: 1.5em;
}
#information #posts ol li div ,#diary #posts ol li div {
	width: inherit;
}
}

#kinkonkan div.profile {
	margin-bottom: 30px;
}

.contact {
	text-align: center;
	margin-top: 40px;
	font-size: 1.5em;
}

.label {
    display: inline-block;
    margin-right: 0.5em;
    padding: 0 0.5em;
    background-color: none!important;
    color: #ddd;
    font-size: 80%;
    text-decoration: none;

    display: none;
}