@charset "utf-8";

/* CSS Document */

/* ==============================================================

	Style Reset
	
============================================================== */
* {margin:0; padding:0;} 

html{
	overflow: 'hidden';
	min-height: 100%;
}
body {
	color:#000;
	background:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; outline: none;}
table{border-collapse:collapse;border-spacing:0;_font-size:1.02em;/* 20100826追加 */}
fieldset,img{border:0;}
img{vertical-align: center; border:none;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-weight:normal;font-style:normal;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
caption{/font-size:0.9em}/* 20100826追加 */
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
hr{display:none;}
legend{color:#666;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%; outline: none;}


/* ==============================================================

	Font Reset
	
============================================================== */
body {
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color: #000;
}

/* ==============================================================

	Hyperlink Format
	
============================================================== */
/* \*/ a { outline:none; overflow:hidden; } /**/
/* \*/ a:focus { outline:none; overflow:hidden; } /**/

a         { color: #000;	text-decoration: none; }
a:link    { color: #000;	text-decoration: none; }
a:visited { color: #000;	text-decoration: none; }
a:hover   { color: #ff0000;	text-decoration: none; }

/*--- PC ---*/
/*-------------------------------------
 body
--------------------------------------*/
body {
	margin: 0;
    padding: 0;
    background: #dbd7ce;
}

p {
	line-height:1.6em;
}

.btn:hover .base {
  fill: #ff0000;
}
/*-------------------------------------
 common
--------------------------------------*/
#container {
	display: block;
	width: 1000px;
	margin: 0px auto 100px auto;
	position: relative;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

.release-box {
	display: block;
	position: absolute;
	top: 120px;
}

.release-jkt {
	display: block;
	width: 180px;
	height: 180px;
	margin-right: 20px;
	float: left;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
}
.release-txt {
	display: block;
	font-size: 50px;
	font-weight: bold;
	padding: 5px 0px;
	color: #fff;
	float: left;
}

.title {
	display: block;
	position: absolute;
	top: 300px;
	left: 25px;
}

.bio-title {
	text-align: left;
	margin: 110px 0px 50px 0px; 
}

.bio-photo {
	width: 1000px;
	margin: 0px auto 25px;
}

.bio-txt {
    color: #333;
	text-align: left;
    margin: 0px auto 3em;
	word-break: break-all;
}

.event-h2 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 0.5em 0em;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 1em;
}

.event-h3 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 0em;
    border-bottom: 1px dashed;
    margin-bottom: 1em;
}

.buy-ticket {
	text-align: center;
	color: #fff!important;
	font-size: 18px;
	letter-spacing: 0.1em;
	margin-top: 15px;
	padding: 0.25em 0.5em;
	border: 1px solid #e76115;
	background: #e76115;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

/*-------------------------------------
 pc-gmenu
-------------------------------------*/
.pc-gmenu {
	display: block;
    position: fixed;
    right: 135px;
	top: 25px;
}

.pc-gmenu li {
	font-size: 18px;
	font-family: 'Questrial', sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-decoration: none;
	padding: 7px 0px;
	margin-right: 50px;
	float: right;
}

.pc-gmenu img {
	height: 14px;
}

.sns-btn {
	display: block;
	position: fixed;
	top: 28px;
	right: 50px;
}
.sns-btn img {
	height: 24px;
}

/*-------------------------------------
 header
--------------------------------------*/
header {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px 50px;
	background-color: rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	position:fixed;
	top:20px;
	left:0px;
	z-index:9999;
}
.header-logo img {
	height: 30px;
	}
	
	
/*-------------------------------------
 footer
--------------------------------------*/
.footer {
	display:block;
	width:100%;
	font-size:10px;
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.1em;
	color: rgba(255, 255, 255, 0.75);
	bottom:0px;
	position:fixed;
	text-align:center;
	padding:10px 0px;
	}

.copyright {
	text-shadow: 1px 1px 2px #333; 
}

/*-------------------------------------
 display none
--------------------------------------*/
.menu-trigger {display: none;}
.menu_area {display: none;}



/*--- iPad ---*/
@media screen and (max-width: 1024px) {
/*-------------------------------------
 body
--------------------------------------*/
img {
 max-width: 100%;
 height: auto;
}

body {
	margin: 0;
	padding: 0;
	background: #dbd7ce;
}

/*-------------------------------------
 common
--------------------------------------*/
#container {
	display:block;
	width: 680px;
	margin: 0px auto 100px auto;
	position: relative;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

.release-box {
	display: block;
	position: absolute;
	top: 100px;
}

.release-jkt {
	display: block;
	width: 120px;
	height: 120px;
	margin-right: 20px;
	float: left;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
}

.release-jkt img {
	width: 120px;
	height: 120px;
}

.release-txt {
	display: block;
	font-size: 34px;
	font-weight: bold;
	padding: 5px 0px;
	line-height: 1.2em;
	color: #fff;
	float: left;
}

.release-txt img {
	height: 110px;
}

.title {
	display: block;
	position: absolute;
	top: 240px;
	left: 0px;
}

.title img {
	width: 430px;
}

.bio-title {
	text-align: left;
	margin: 110px 0px 50px 0px; 
}

.bio-title img {
	height: 30px;
}

.bio-photo {
	width: 680px;
	margin-bottom: 25px;
}

.bio-txt {
	width: 680px;
    color: #333;
    margin: 0px auto 75px;
    padding-bottom: 75px;
    border-bottom: 1px dashed;
	word-break: break-all;
}

/*-------------------------------------
 pc-gmenu
-------------------------------------*/
.pc-gmenu {
	display: block;
    position: fixed;
    right: 125px;
	top: 25px;
}

.pc-gmenu li {
	padding: 7px 0px;
	margin-right: 25px;
	float: right;
}


/*-------------------------------------
 header
--------------------------------------*/
header {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px 50px;
	background-color: rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	position:fixed;
	top:20px;
	left:0px;
	z-index:9999;
}


/*-------------------------------------
 display none
--------------------------------------*/
.menu-trigger {display: none;}
.menu_area {display: none;}

}


/*--- iPhone 6 7 8 X ---*/
@media screen and (max-width: 640px) {
/*-------------------------------------
 body
--------------------------------------*/
img {
 max-width: 100%;
 height: auto;
}

body {
	margin: 0;
	padding: 0;
	background: #dbd7ce;
}

/*-------------------------------------
 common
--------------------------------------*/
#container {
	display:block;
	width: 320px;
	margin: 0px auto 100px auto;
	position: relative;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

.release-box {
	display: block;
	position: absolute;
	top: 85px;
}

.release-jkt {
	display: block;
	width: 90px;
	height: 90px;
	margin-right: 10px;
	float: left;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
}

.release-jkt img {
	width: 90px;
	height: 90px;
}

.release-txt {
	display: block;
	font-size: 30px;
	font-weight: bold;
	padding: 5px 0px;
	line-height: 1.2em;
	color: #fff;
	float: left;
}

.release-txt img {
	height: 80px;
}

.title {
	display: block;
	position: absolute;
	top: 175px;
}

.title img {
	width: 320px;
}

.bio-title {
	text-align: left;
	margin: 90px 0px 30px 0px; 
}

.bio-photo {
	width: 320px;
	margin-bottom: 25px;
}

.bio-txt {
    width: 320px;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed;
	word-break: break-all;
}


/*-------------------------------------
 pc-gmenu
-------------------------------------*/
.pc-gmenu {
	display: none;
}

.pc-gmenu li {
	display: none;
}

.sns-btn {
	display: none
}

/*-------------------------------------
 header
--------------------------------------*/
header {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px 25px;
	background-color: rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	position:fixed;
	top:20px;
	left:0px;
	z-index:9999;
}


/*-------------------------------------
 sp menu button
--------------------------------------*/

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	cursor: pointer;
}
.menu-trigger {
	position: relative;
	padding: 50px 50px 50px 50px;
	position: fixed;
	top: 13px;
	right: -5px;
	z-index:30;
}
.menu-trigger.active {
	position: relative;
	padding: 50px 50px 50px 50px;
	position: fixed;
	top: 0;
	right: -5;
	z-index:30;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 40px;
	height: 4px;
	margin: 15px 30px 56px 30px;
	background-color: #000;
	border-radius: 4px;
}
.menu-trigger.active span {
	position: absolute;
	left: 0;
	width: 40px;
	height: 4px;
	margin: 15px 30px 56px 30px;
	background-color: #000;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 5px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(23px) rotate(-315deg);
	transform: translateY(23px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(3px) rotate(315deg);
	transform: translateY(3px) rotate(315deg);
}


.menu_area {
	display: none;
	text-align: center;
	font-size: 24px;
	font-family: 'Questrial', sans-serif;
	line-height: 2em;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #e2fb0c, #000);
	position: fixed;
	top: 0;
	left: 0;
	padding: 100px 0px;
	z-index:20;
	}
.menu_area li a {
	display: block;
	list-style: none;
	color: #fff;
	letter-spacing: 0.1em;
	}
.menu_area li a:hover{
	display: block;
	list-style: none;
	color: #000;
	letter-spacing: 0.1em;
	font-family: 'Questrial', sans-serif;
	}

.logo-s {
	display:block;
	width:162px;
	float:left;
	}
}

/*--- iPhone5 SE ---*/
@media screen and (max-width: 320px) {
/*-------------------------------------
 body
--------------------------------------*/
img {
 max-width: 100%;
 height: auto;
 width: auto\9; /* ie8 */
}

body {
	margin: 0;
	padding: 0;
	background: #dbd7ce;
}

/*-------------------------------------
 common
--------------------------------------*/
#container {
	display:block;
	width: 280px;
	margin: 0px auto 100px auto;
	position: relative;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

.release-box {
	display: block;
	position: absolute;
	top: 80px;
}

.release-jkt {
	display: block;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	float: left;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
}

.release-jkt img {
	width: 80px;
	height: 80px;
}

.release-txt {
	display: block;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.1em;
	color: #fff;
	float: left;
}

.release-txt img {
	height: 70px;
}

.title {
	display: block;
	position: absolute;
	top: 170px;
}

.title img {
	width: 320px;
}

.yomigaeru {
	display: none;
}

.bio-title {
	text-align: left;
	margin: 90px 0px 30px 0px; 
}

.bio-photo {
	width: 280px;
	margin-bottom: 25px;
}

.bio-txt {
    width: 280px;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed;
	word-break: break-all;
}
/*-------------------------------------
 pc-gmenu
-------------------------------------*/
.pc-gmenu {
	display: none;
}

.pc-gmenu li {
	display: none;
}


/*-------------------------------------
 header
--------------------------------------*/
header {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px 25px;
	background-color: rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	position:fixed;
	top:20px;
	left:0px;
	z-index:9999;
}


/*-------------------------------------
 sp menu button
--------------------------------------*/

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	cursor: pointer;
}
.menu-trigger {
	position: relative;
	padding: 50px 50px 50px 50px;
	position: fixed;
	top: 13px;
	right: -5px;
	z-index:30;
}
.menu-trigger.active {
	position: relative;
	padding: 50px 50px 50px 50px;
	position: fixed;
	top: 0;
	right: -5;
	z-index:30;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 40px;
	height: 4px;
	margin: 15px 30px 56px 30px;
	background-color: #000;
	border-radius: 4px;
}
.menu-trigger.active span {
	position: absolute;
	left: 0;
	width: 40px;
	height: 4px;
	margin: 15px 30px 56px 30px;
	background-color: #000;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 5px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(23px) rotate(-315deg);
	transform: translateY(23px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(3px) rotate(315deg);
	transform: translateY(3px) rotate(315deg);
}


.menu_area {
	display: none;
	text-align: center;
	font-size: 24px;
	font-family: 'Questrial', sans-serif;
	line-height: 2em;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #e2fb0c, #000);
	position: fixed;
	top: 0;
	left: 0;
	padding: 100px 0px;
	z-index:20;
	}
.menu_area li a {
	display: block;
	list-style: none;
	color: #fff;
	letter-spacing: 0.1em;
	}
.menu_area li a:hover{
	display: block;
	list-style: none;
	color: #000;
	letter-spacing: 0.1em;
	font-family: 'Questrial', sans-serif;
	}
}
.sp-sns {
	margin-top: 70px;
}
.sp-sns img {
	height: 24px;
}

.googleCalendar iframe {
  width: 100%;
  height: 400px;
}
@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 600px;
  }
}