@charset "UTF-8";
@import url("reset.css");
@import url("default.css");
/*---	全体	---------------------------*/
html {
}
body.lock{

	position:fixed;
	top:0; bottom:0; left:0; right:0;
/*
overflow:hidden;
*/
}
body.unlock{

	position: relative;
	top:unset; bottom:unset; left:unset; right:unset;

/*
overflow:unset;
*/
}


/*ヘッダー*/
header{
	width:100%;
	padding-top: 60px;
	text-align:center;
	position:absolute;
	z-index:1200;

	opacity: 0;
}
body.first_on header{
	opacity: 1;
position:fixed;
	transition: 1.0s ease-out;
	-webkit-transition-delay: 4.5s;
	transition-delay: 4.5s;
}body.first_on_link header{
	opacity: 1;
	transition: 0.0s ease-out;
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}
body.first_on header.fixed_keep{
	transition: 0.2s;
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}
body.first_on header.fixed{
	padding-top:0;
}


header .head_main{
	width:var(--fullsize);
	margin:0 auto;
	overflow:hidden;
	padding-top:15px;
}header .head_main .head_left{
	float:left;
	margin-top:5px;
}header .head_main .head_right{
	float:right;
}header .head_main img{
	width:46;
	height:auto;
}header .head_main a{
	display:inline-block;
}



/*メニュー ボタン*/
header .menu_btn {
	position: relative;
	display:inline-block;
    width: 50px;
	height:50px;
	padding:12px 9px 12px;
	z-index:500;
}header .menu_btn a {
    position: relative;
    display: block;
    height: 100%;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
	cursor: pointer;
}header .menu_btn a:hover {
/*	opacity: 1;*/
}header .menu_btn span {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    height: 2px;
	background:var(--main-color);
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
}header .menu_btn span:nth-of-type(1) {    top: 1px;	}
header .menu_btn span:nth-of-type(2) {    top: 12px;	}
header .menu_btn span:nth-of-type(3) {    bottom: 1px;	}
header .menu_btn span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
	background:var(--main-color);
    -webkit-transition: all .4s;
    transition: all .4s;
}header .menu_btn .active span:nth-of-type(2) {
    /*-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg);
}header .menu_btn .active span:nth-of-type(2)::after {
    /*-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);*/
    -webkit-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    transform: rotate(70deg);
}header .menu_btn .active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);
}header .menu_btn .active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    -ms-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0);
}

/*メニュー本体*/

.slide_menu{
	position: fixed;
	width:100vw;
	height:100vh;
	top:0;	left:100%;
	z-index:90;
	padding:15px;
	text-align:center;
	transition: all .6s ease-out;
	opacity:0;
	background:var(--main2-color);
	z-index:1100;
	display:flex;
}.slide_menu.active{
	left:0;
	opacity:1;
}

.slide_menu div.slide_menu_img{
	width:50%;
	display: flex;
	align-items: center;
	justify-content: center;
}



.slide_menu div.slide_menu_list{
	width:50%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.slide_menu ul.slide_menu_ul{

}.slide_menu ul.slide_menu_ul li{
	width:100%;
	text-align:left;
	padding-left:22px;
}.slide_menu ul.slide_menu_ul li a{
	color:var(--main-color);
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	padding:11px 0;
	position:relative;
}.slide_menu ul.slide_menu_ul li a:hover{
	opacity:1;
}

.slide_menu ul.slide_menu_ul li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	height: 1px;
	background: var(--main-color);
	transform: scale(0, 1);
	transform-origin: left;
	transition: 0.4s;
}.slide_menu ul.slide_menu_ul li a:hover:before {
	transform: scale(1);
}
.slide_menu ul.slide_menu_ul li a:after{
	content: "";
	position: absolute;
	background-image:url('img/arrow_btn_menu.png');
	width:17px; height:13px;
	top:50%;	left:-22px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%); 
	opacity:0;
	transition: 0.4s;
}.slide_menu ul.slide_menu_ul li a:hover:after {
	opacity:1;
}






/*コンテンツエリア*/
#contents_area{
	width:100%;
	min-height:90vh;
}

#contents_area section{
	width:100%;
	min-width:var(--fullsize);
	min-height:50vh;
	padding:240px 0 240px;
	text-align:center;
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
}
#contents_area section#first-view{	background:var(--c-white);	}
#contents_area section#logo-design{	background:var(--c-white);	}
#contents_area section#greetings{	background:var(--c-buraun);	}
#contents_area section#message{		background:var(--c-pink);	}
#contents_area section#lineup{		background:var(--c-green);	}
#contents_area section#gallary{		background:var(--c-buraun);	}


/*紙吹雪*/
#particles{
	width:100%;
	height:200vh;
	position:absolute;
	opacity: 0;
}

body.first_on #contents_area #particles{
	opacity: 1;

	transition: 2.8s ease-out;
	-webkit-transition-delay: 4.5s;
	transition-delay: 4.5s;
}
body.first_on_link #contents_area #particles{
	opacity: 1;
	transition: 0.0s ease-out;
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}

body.first_on #contents_area #particles.fadetimeOut{
	transition: 0.8s ease-out;
	opacity: 0 !important;
	-webkit-transition-delay: 4.0s;
	transition-delay: 4.0s;
}
body.first_on #contents_area #particles.fadeOut,
body.first_on_link #contents_area #particles{
	transition: 0.8s ease-out;
	opacity: 0 !important;
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}

/*共通*/

#contents_area section:before{
	content:"";
	position:absolute;
	top:-7px;	left:0;
	width:100%;
	height:520px;
	background-image:url('img/back_border_l.svg');
	background-position-x: center;
	z-index:500;

	transition: 1.4s ease-out;
}
#contents_area section#first-view:before{	display:none;	}
#contents_area section#logo-design:before{	display:none;	}
section#lineup:before{		height:445px;	}
section#gallary:before{		height:370px;	}

#contents_area section .section_title{
	opacity: 0;

	transition: 0.7s ease-out;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

#contents_area section.section_moveon:before{
	height:67px;
}
#contents_area section.section_moveon .section_title{
	opacity: 1;
}

#contents_area h3{
	font-family:var(--font-family-go);
	font-weight:normal;
}

#contents_area .scroll_down{
	position:absolute;
	bottom:100px;
	left:50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%); 
}
#contents_area .scroll_down:before,
#contents_area .scroll_down:after{
	content: "";
    width: 1px;
    height: 80px;
    background:var(--main-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    -webkit- transform: translateX(-50%) translateY(100%); 
}#contents_area .scroll_down:before{
	bottom:unset;
	top:0;
    transform: translateX(-50%) translateY(-100%);
    -webkit- transform: translateX(-50%) translateY(-100%); 
}

#contents_area .scroll_down .arrow {
  padding-top: 70px;
}
#contents_area .scroll_down .arrow span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  border-left: 2px solid var(--main-color);
  border-bottom: 2px solid var(--main-color);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 3s infinite;
  animation: sdb 3s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#contents_area .scroll_down .arrow span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#contents_area .scroll_down .arrow span:nth-of-type(2) {
  top: 20px;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
#contents_area .scroll_down .arrow span:nth-of-type(3) {
  top: 40px;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


/*ファーストビューエリア*/
#contents_area section#first-view{
	height:100vh;
	min-height:500px;
	padding:0;
	overflow-x:visible;
	overflow-y:visible;

	background:var(--main2-color);
}
body.first_on #contents_area section#first-view{
	background:transparent;

	transition: 1.0s ease-out;
	-webkit-transition-delay: 3.0s;
	transition-delay: 3.0s;
}
body.first_on_link #contents_area section#first-view{
	background:transparent;
	transition: 0.0s ease-out;
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}

#contents_area section#first-view .first_border{
	position:absolute;
	top:-7px;	left:0;
	width:100%;
	height:calc(100vh + 7px);
	z-index:1500;
	background-color:var(--main2-color);
	background-image:url('img/back_border_l.svg');
	background-position-x: center;

}
body.first_on #contents_area section#first-view .first_border{
	top:calc(-100vh + 53px);

	transition: 2.0s ease-out;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;

	animation:border_back_white 1.0s ease-out;
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
	animation-fill-mode:forwards;
}body.first_on_link #contents_area section#first-view .first_border{
	top:calc(-100vh + 60px);

	transition: 0.0s ease-out;
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;

	animation:border_back_white 0.0s ease-out;
	-webkit-animation-delay: 0.0s;
	animation-delay: 0.0s;
	animation-fill-mode:forwards;
}

@keyframes border_back_white {
	0%{		background-color:var(--main2-color);	}
	100%{  	background-color:transparent;			}
}


#contents_area section#first-view .first_logo_box{
	width:500px;
	height:calc(100% + 670px);
/*	height:100%;*/
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
	z-index:1000;
}
#contents_area section#first-view .first_logo{
	position:relative;
	width:100%;
	height:auto;
	position: sticky;
	left:0;
	top:50vh;
	transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
body.lock #contents_area section#first-view .first_logo{
	position: absolute;
}body.unlock #contents_area section#first-view .first_logo{
	position: sticky;
}

#contents_area section#first-view .first_logo img{

}#contents_area section#first-view .first_logo img.first_logo_text{
	margin:0 auto;
	opacity: 0;
}#contents_area section#first-view .first_logo img.first_logo_25{
	position:absolute;
	top:0;	left:50%;
	transform: translateX(-50%)  translateY(30px);
    -webkit- transform: translateX(-50%)  translateY(30px);
}
body.first_on #contents_area section#first-view .first_logo img.first_logo_text{
	opacity: 1;

	transition: 1.0s ease-out;
	-webkit-transition-delay: 4.5s;
	transition-delay: 4.5s;
}
body.first_on_link #contents_area section#first-view .first_logo img.first_logo_text{
	opacity: 1;
	transition: 0.0s ease-out;
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}


#contents_area section#first-view .first_scroll{
	position:absolute;
	bottom:85px;
	left:50%;
	transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
	text-align: right;
	opacity: 0;
}
body.first_on #contents_area section#first-view .first_scroll{
	bottom:25px;
	opacity: 1;

	transition: 1.0s ease-out;
	-webkit-transition-delay: 4.5s;
	transition-delay: 4.5s;
}
body.first_on #contents_area section#first-view .first_scroll.fadeOut{
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	transition: 0.5s;
	opacity: 0;
}

#contents_area section#first-view .first_scroll p{
	color:var(--main-color);
	font-size:20px;
}#contents_area section#first-view .first_scroll img{
	display:inline-block;
	margin-right:50%;
}


/*ロゴデザインについて*/
#contents_area section#logo-design{
	padding-top:50px;
}
#contents_area section#logo-design .whitespace{
	background:#ffffff;
	position:absolute;
	width:0%;
	height:10px;
	top:0;	left:50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit- transform: translateX(-50%) translateY(-50%);
	transition: 0.6s ease-out;
}#contents_area section#logo-design .whitespace.open{
	width:50%;
}
#contents_area section#logo-design .logo_box{
	width:970px;
	margin:0 auto 0;
	border:2px solid var(--main-color);
	color:var(--main2-color);
	position:relative;
}
#contents_area section#logo-design .logo_box:after{
	content:"";
	background:#ffffff;
	position:absolute;
	width:15%;
	height:10px;
	bottom:0;	left:50%;
    transform: translateX(-50%) translateY(50%);
    -webkit- transform: translateX(-50%) translateY(50%);
}
#contents_area section#logo-design .logo_title{
	position:absolute;
	top:0;	left:50%;
    transform: translateX(-50%) translateY(-30px);
    -webkit- transform: translateX(-50%) translateY(-30px);

	opacity: 0;
	transition: 0.6s ease-out;
}#contents_area section#logo-design .logo_title.fadeIn{
	opacity: 1;
}
#contents_area section#logo-design .logo_title img{
	display:block;
	margin:0 auto 10px;
}#contents_area section#logo-design .logo_title h3{
	font-size:28px;
	display:inline-block;
	border-bottom:1px solid var(--main-color);
	padding-bottom:5px;
	margin-bottom:70px;
	position:relative;
}#contents_area section#logo-design .logo_title h3:after{
	content: "";
    width: 1px;
    height: 71px;
    background:var(--main-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    -webkit- transform: translateX(-50%) translateY(100%); 
}

#contents_area section#logo-design .logo_area{
	height:300px;
	margin-top:200px;
}
#contents_area section#logo-design .logo_text{
	font-family:var(--font-family-go);
	margin-bottom:100px;
	padding:60px 0;
	font-size:17.5px;

	opacity: 0;
	transition: 0.6s ease-out;
}#contents_area section#logo-design .logo_text.fadeIn{
	opacity: 1;
}

#contents_area section#logo-design .logo_mes_box{
	width:675px;
	background:#eeecea;
	padding:25px;
	margin:0 auto 135px;
	position:relative;

	opacity: 0;
	transition: 0.6s ease-out;
}#contents_area section#logo-design .logo_mes_box.fadeIn{
	opacity: 1;
}

#contents_area section#logo-design .logo_mes_box:after{
	content:"";
	width:99%;	height:99%;
	border-right:2px solid var(--main-color);
	border-bottom:2px solid var(--main-color);
	position:absolute;
	bottom:-17px;	right:-17px;
}#contents_area section#logo-design .logo_mes_box:before{
	content:"";
    width: 1px;
    height: 135px;
    background:var(--main-color);
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    -webkit- transform: translateX(-50%) translateY(100%);
}
#contents_area section#logo-design .logo_mes_in{
	border:1px solid var(--main2-color);
	color:var(--font-color);
	padding:90px 0;
	position:relative;
	z-index:5;
}#contents_area section#logo-design .logo_mes_in .logo_mes_title{
	position:absolute;
	top:-12px;
	left:15px;
}#contents_area section#logo-design .logo_mes_in p{
	margin-bottom:30px;
	/*font-weight:bold;*/
}#contents_area section#logo-design .logo_mes_in p:last-child{
	margin-top:80px;
	margin-bottom:0;
}#contents_area section#logo-design .logo_mes_in:before{
	content:"";
    width: 1px;
    height: 135px;
    background:var(--main-color);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    -webkit- transform: translateX(-50%) translateY(-100%);
}

#contents_area section#logo-design .logo_ayumi{
	font-family:var(--font-family-go);
	font-size:17.5px;
	padding:50px 0 35px;
	margin-bottom:100px;
	position:relative;
}#contents_area section#logo-design .logo_ayumi:after{
	content:"";
    width: 1px;
    height: 65px;
    background:var(--main-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    -webkit- transform: translateX(-50%) translateY(100%);
}
#contents_area section#logo-design .scroll_down{
	bottom:200px;
}#contents_area section#logo-design .scroll_down:before {
	display:none;
}#contents_area section#logo-design .scroll_down:after {
	height:160px;
}


/*支配人からのご挨拶*/
#contents_area section#greetings{
}
#contents_area section#greetings .greetings_box_ou{
	position:relative;
	margin:150px auto 0;
	width:740px;
}
#contents_area section#greetings .greetings_box{
	position:relative;
	margin:0 auto;
	width:740px;
	border:2px solid var(--main-color);
	background:var(--main2-color);
	padding:20px 0;
}
#contents_area section#greetings .greetings_box_in{
	position:relative;
	width:700px;
	background:#ffffff;
	margin:0 auto;
	padding:40px 90px;
}
#contents_area section#greetings .greetings_box h3{
	font-size:28px;
	color:var(--main2-color);
	border-bottom:1px solid var(--main-color);
	padding:10px 8px;
	margin-bottom:40px;
}#contents_area section#greetings .greetings_box p{
	text-align:left;
	margin-bottom:40px;
	/*font-weight:bold;*/

text-align: justify;
text-justify: inter-ideograph;

}#contents_area section#greetings .greetings_box p:last-child{
	text-align:center;
	margin-bottom:0;
}

#contents_area section#greetings .greetings_title{
	position:absolute;
	width:320px;
	height:165px;
	top:-10px;
	left:50%;
	transform: translateX(-50%) translateY(-100%);
    -webkit- transform: translateX(-50%) translateY(-100%);
}#contents_area section#greetings .greetings_title img{
	position:relative;
	z-index:5;
}#contents_area section#greetings .greetings_title .back_buraun{
	position:absolute;
	background:var(--main2-color);
	width:150px;
	height:30px;
	bottom:-35px;
	left:50%;
	transform: translateX(-50%) translateY(-100%);
    -webkit- transform: translateX(-50%) translateY(-100%);
}

#contents_area section#greetings .greetings_box:before,
#contents_area section#greetings .greetings_box:after{
	content:"";
	position:absolute;
	border-right:2px solid var(--main-color);
	width:1px;
	height:100px;
	top:40%;
	transform:translateY(-50%);
    -webkit- transform:translateY(-50%);
}#contents_area section#greetings .greetings_box:before{	left:-20px;		}
#contents_area section#greetings .greetings_box:after{		right:-20px;	}

#contents_area section#greetings .greetings_box_ou .cornerbox{
	position:absolute;
	width:90px;	height:80px;
	border:2px solid var(--main-color);
}
#contents_area section#greetings .greetings_box_ou .cornerbox:nth-of-type(1){	top:-20px;		left:-20px;		}
#contents_area section#greetings .greetings_box_ou .cornerbox:nth-of-type(2){	top:-20px;		right:-20px;	}
#contents_area section#greetings .greetings_box_ou .cornerbox:nth-of-type(3){	bottom:-20px;	left:-20px;		}
#contents_area section#greetings .greetings_box_ou .cornerbox:nth-of-type(4){	bottom:-20px;	right:-20px;	}

#contents_area section#greetings .scroll_down:before {
	height:70px;
}



/*メッセージ*/
#contents_area section#message{
	padding-top:300px;
}

#contents_area section#message .message_top{
	position:relative;
	width:980px;
	margin:0 auto 425px;
	color:var(--main2-color);
}#contents_area section#message .message_top_main{
	font-family:var(--font-family-go);
	position:relative;
	z-index:1;
}#contents_area section#message .message_top img{
	display:block;
	margin:0 auto 10px;
}
#contents_area section#message .message_top h3{
	display:inline-block;
	text-align:center;
	font-size:28px;
	border-bottom:1px solid var(--main-color);
	padding-bottom:5px;
	margin-bottom:20px;
}
#contents_area section#message .message_top .back_message{
	position:absolute;
	top:-210px; 
	left:0;
	z-index:0;
}

#contents_area section#message .message_box{
	position:relative;
	width:1000px;
	margin:0 auto 235px;
	z-index:2;
}
#contents_area section#message .message_box .mes_num{
	z-index:3;
	position:absolute;
	background:var(--main2-color);
	width:845px;
	height:455px;
}#contents_area section#message .message_box .mes_num img{
	position:absolute;
}

#contents_area section#message .message_box .mes_text{
	z-index:4;
	position:relative;
	width:725px;
	height:455px;
	display:flex;
	justify-content: center;
	align-items: center;
}#contents_area section#message .message_box .mes_text_back{
	position:absolute;
	background:#ffffff;
	width:100%;
	height:100%;
	z-index:3;
	transition: .5s;
}#contents_area section#message .message_box .mes_text_back:before{
	content:"";
	position:absolute;
	width:70%;	height:98%;
	border-left:1px solid var(--main-color);
	border-right:1px solid var(--main-color);
	border-bottom:1px solid var(--main-color);
	bottom:-10px;	left:-10px;
}#contents_area section#message .message_box .mes_text_main{
	position:relative;
	z-index:4;
	padding:16% 14%;
	text-align:left;
	/*font-weight:bold;*/
}
#contents_area section#message .message_box .mes_text_main p span.coming_soon{
	font-size:1.3em;
}

#contents_area section#message .message_box .mes_text_main p.t_right{
	font-size:1.2em;
	margin-top:20px;
}#contents_area section#message .message_box .mes_text_main p.t_right span{
	font-size:0.8em;
}

#contents_area section#message .message_box .mes_img{
	z-index:5;
	position:absolute;
	right:0;
	bottom:0;
	transition: .5s;
}

#contents_area section#message .message_box:nth-of-type(2n +1){
	padding-left:60px;
}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_num{
	transform:rotate(-3deg);
	background:#8a7c6d;
}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_num img{
	top:15px;	left:15px;
}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_text{
	margin-left:110px;
}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_text_back{
	transform:rotate(2deg);
}#contents_area section#message .message_box.mes_anime_on:nth-of-type(2n +1) .mes_text_back{
	transform:rotate(8deg);
}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_text_back:before{
	border-left:none;
	width:30%;
	right:-10px;	left:unset;
}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_img{
	transform:rotate(-1deg);
	left:0px;	right:unset;	bottom:-20px;
}#contents_area section#message .message_box.mes_anime_on:nth-of-type(2n +1) .mes_img{
	transform:rotate(-5deg);
}

#contents_area section#message .message_box:nth-of-type(2n +2){
	padding-left:20px;
}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_num{
	transform:rotate(3deg);
}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_num img{
	top:15px;	right:15px;
}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_text{
	margin-right:80px;
}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_text_back{
	transform:rotate(-2deg);
}#contents_area section#message .message_box.mes_anime_on:nth-of-type(2n +2) .mes_text_back{
	transform:rotate(-8deg);
}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_text_back:before{
	border-right:none;
	width:20%;
}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_img{
	transform:rotate(1deg);
	right:80px;	bottom:-60px;
}#contents_area section#message .message_box.mes_anime_on:nth-of-type(2n +2) .mes_img{
	transform:rotate(5deg);
} 

#contents_area section#message .message_box:nth-of-type(2){
	padding-left:0px;
    transform: translateX(-50px);
    -webkit- transform: translateX(-50px);
}#contents_area section#message .message_box:nth-of-type(2) .mes_num{
	transform:rotate(3deg);
}#contents_area section#message .message_box:nth-of-type(2) .mes_num img{
	bottom:15px;	left:15px;	top:unset;
}#contents_area section#message .message_box:nth-of-type(2) .mes_text{
	margin-left:120px;
}#contents_area section#message .message_box:nth-of-type(2) .mes_text_back{
	transform:rotate(-2deg);
}#contents_area section#message .message_box.mes_anime_on:nth-of-type(2) .mes_text_back{
	transform:rotate(-8deg);
}#contents_area section#message .message_box:nth-of-type(2) .mes_text_back:before{
	border-right:none;
	width:70%;
}#contents_area section#message .message_box:nth-of-type(2) .mes_img{
	transform:rotate(1deg);
	right: -20px;
}#contents_area section#message .message_box.mes_anime_on:nth-of-type(2) .mes_img{
	transform:rotate(5deg);
}

#contents_area section#message .message_box:nth-of-type(9){
	margin-bottom: 90px;
}
#contents_area section#message .message_box .mes_item{
	position:absolute;
}
#contents_area section#message .message_box .mes_item.item1{	top: -240px;	right: -400px;	}
#contents_area section#message .message_box .mes_item.item2{	bottom:-390px;	left:-140px;	}
#contents_area section#message .message_box .mes_item.item3{	top:20px;		right:-320px;	}
#contents_area section#message .message_box .mes_item.item4{	bottom:-360px;	right:-230px;	}
#contents_area section#message .message_box .mes_item.item5{	bottom:-200px;	left:-140px;	}
#contents_area section#message .message_box .mes_item.item6{	bottom: -200px;	right: -150px;	}
#contents_area section#message .message_box .mes_item.item7{	bottom:-130px;	left:-170px;	}
#contents_area section#message .message_box .mes_item.item8{	bottom:-230px;	right:-160px;	}

#contents_area section#message .message_box .pen_line{
	position:absolute;
}
#contents_area section#message .message_box .pen_line.pen1{	top: -270px;	right: -100px;	}
#contents_area section#message .message_box .pen_line.pen2{	bottom:-210px;	left:-150px;	}
#contents_area section#message .message_box .pen_line.pen3{	top:330px;		left:-130px;	}
#contents_area section#message .message_box .pen_line.pen4{	top: -210px;	right: 0px;		}
#contents_area section#message .message_box .pen_line.pen5{	top: -210px;	left: -125px;	}
#contents_area section#message .message_box .pen_line.pen6{	top: -220px;	right: 30px;	}
#contents_area section#message .message_box .pen_line.pen7{	bottom: -200px;	left: 434px;	}
#contents_area section#message .message_box .pen_line.pen8{	top: -180px;	left: -120px;	}
#contents_area section#message .message_box .pen_line.pen9{	bottom: -160px;	left: 321px;	}


#contents_area section#message .scroll_down:before {
	display:none;
}

#contents_area section#message .lantos_sign{
	display:inline-block;
	height:65px;
}

/*主催公演ラインナップ*/

#contents_area section#lineup{
}

#contents_area section#lineup .lineup_title{
	margin-bottom: 65px;
}
#contents_area section#lineup .lineup_title img{
	display:block;
	margin:0 auto 10px;
}#contents_area section#lineup .lineup_title h3{
	font-size:28px;
	display:inline-block;
	border-bottom:1px solid var(--main-color);
	padding-bottom:5px;
	margin-bottom:70px;
	position:relative;
}#contents_area section#lineup .lineup_title h3:after{
	content: "";
    width: 1px;
    height: 71px;
    background:var(--main-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    -webkit- transform: translateX(-50%) translateY(100%);
}

#contents_area section#lineup .lineup_box{
	width: 1080px;
	display:inline-block;
	position:relative;
}#contents_area section#lineup .lineup_box .lineup_back{
	position:absolute;
	width:100%;
	height:calc(100% + 65px);
	background:#afa59b;
	bottom:0;	left:0;
	transform:rotate(4deg);
}

#contents_area section#lineup .lineup_box .lineup_backtitle{
	position:absolute;
	top:10px;	left:10px;
	z-index:100;
}

#contents_area section#lineup .lineup_box_main{
	width:100%;
	background:var(--c-white);
	display:inline-block;
	padding:30px;
	padding-bottom:0;
	margin-bottom: 10px;
	position:relative;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
}


#contents_area section#lineup .lineup_box_main ul.lineup_list_ul{
	display:flex;
	flex-wrap:wrap;
    justify-content: space-between;
	position:relative;
	font-family:var(--font-family-go);
}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li{
	background:#c6b5ad;
	width:320px;
	height:191px;
	display:inline-block;
	margin-bottom:30px;
	position:relative;
	overflow:hidden;
	transition: .3s;
}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li:hover {
	transform: scale(1.2);
	z-index:100;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 7px;
}
#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li a{
	color:#ffffff;
}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li img{
	width:100%;
	height:100%;
	/*object-fit: cover;*/
	object-fit: contain;
}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li img.none_back{
	object-fit: none;
}

#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li div.event_end{
	position:absolute;
	display:inline-block;
	bottom:8px;	right:8px;
	font-weight:bold;
	padding:1px 6px 2px;
	background:var(--main2-color);
}

#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li .text_area{
	width:100%;	height:100%;
	background:#000000bb;
	padding:20px;
	position:absolute;
	bottom:-100%;
	left:0;
	white-space:normal;
	transition: .3s;

    display: flex;
    justify-content: center;
    align-items: center;
}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li:hover .text_area {
	bottom:0%;
	left:0;
}
#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li:hover a{
	opacity: 1;
}
#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li .text_area h6{
	display:block;
	font-size:13px;
	line-height:1.5;
	margin:0 auto 10px;
	padding-bottom:5px;
	border-bottom:2px solid #ffffff;

	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li .text_area p.date{
	font-size:13px;
	margin-bottom:10px;
	font-weight:bold;
}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li .text_area p.member{
	text-align:left;
	font-size:11px;

	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}


/*記念展ギャラリー*/
#contents_area section#gallary{
	font-family:var(--font-family-go);
	padding-bottom:150px;
}

#contents_area section#gallary .gallary_box{
	border:1px solid var(--main-color);
	width:1080px;
	margin:0 auto 0;
	position:relative;
}

#contents_area section#gallary .gallary_box .gallary_title{
	width:360px;
	margin:0 auto 75px;
	text-align:center;
	background:var(--main2-color);
	position:relative;
	transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}#contents_area section#gallary .gallary_box .gallary_title img{
	display:inline-block;
	margin:0 auto 10px;
}#contents_area section#gallary .gallary_box .gallary_title h3{
	font-size:28px;
	color:#ffffff;
	border-bottom:1px solid var(--main-color);
	display:inline-block;
	padding-bottom:10px;
}#contents_area section#gallary .gallary_box .gallary_title h3:after{
	content:"";
	width:1px;
	height:150px;
	background:var(--main-color);
	position:absolute;
	bottom:0;	left:50%;
	transform: translateX(-50%) translateY(100%);
    -webkit- transform: translateX(-50%) translateY(100%);
}
#contents_area section#gallary .gallary_box .gallary_title:before,
#contents_area section#gallary .gallary_box .gallary_title:after{
	content:"";
	background-image: url('img/title_gallary_l.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width:31px;
	height:100%;
	position:absolute;
	left:-3.5px;	top:0;
}#contents_area section#gallary .gallary_box .gallary_title:after{
	background-image: url('img/title_gallary_r.svg');
	background-position-x: right;
	right:-3.5px;	top:0;	left:unset;
}



#contents_area section#gallary .img_frame{
	/*background-image:url('img/gallary_frame.svg');
	background-size: cover;
	background-repeat: no-repeat;
	padding:5%;*/
    opacity: 0;
	transform: translateY(-20%);
    -webkit- transform: translateY(-20%);
	transition: 0.8s ease-out;
}
#contents_area section#gallary .img_frame.fadeIn{
    opacity: 1;
	transform: translateY(0%);
    -webkit- transform: translateY(0%);
}
#contents_area section#gallary .img_frame img{
	width:100%
}

#contents_area section#gallary .gallary_main_image{
	position:relative;
	margin-bottom:140px;
}

#contents_area section#gallary .gallary_main_image .mes{
	font-family:var(--font-family-go-notyaku);
	position:absolute;
	top:-30px;
	right:20%;
	display:inline-block;
	text-align: left;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	z-index: 500;
} 
#contents_area section#gallary .gallary_main_image p{
	font-size:32px;
	background:var(--main-color);
	color:#ffffff;
	padding:10px 0;
	font-weight:bold;
	display: table;
}#contents_area section#gallary .gallary_main_image p:first-child{
	margin-left:20px;
}

#contents_area section#gallary .gallary_main_image .img_frame{
	width:1224px;
	margin-left: calc(50% - 1224px/2);
}

#contents_area section#gallary .gallary_box .gallary_line{
	width:100%;
	margin-bottom:140px;
	position:relative;
}#contents_area section#gallary .gallary_box .gallary_line p{
	color:#ffffff;
	width:315px;
	display:inline-block;
	text-align:left;
}

#contents_area section#gallary .gallary_box .gallary_line.r_line{
	text-align:right;
	padding-right:140px;
}#contents_area section#gallary .gallary_box .gallary_line.l_line{
	text-align:left;
	padding-left:140px;
}

#contents_area section#gallary .gallary_box .gallary_line.r_line .img_frame,
#contents_area section#gallary .gallary_box .gallary_line.l_line .img_frame{
	position:absolute;
	top:0;
}

#contents_area section#gallary .gallary_box .gallary_line.r_line .img_frame{
	width:686px;
	left:-230px;
}#contents_area section#gallary .gallary_box .gallary_line.l_line .img_frame{
	width:394px;
	right:80px;
}

#contents_area section#gallary .gallary_exhibit{
	width:800px;
	margin:140px auto 0;
	border:1px solid var(--main-color);
	padding:40px;
	position:relative;
	text-align:left;
	color:#ffffff;
}
#contents_area section#gallary .gallary_exhibit h4{
	color:var(--main-color);
	background:var(--main2-color);
	border:1px solid var(--main-color);
	font-size:26px;
	padding:2px 10px;
	position:absolute;
	top:0;
	left:40px;
	transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

#contents_area section#gallary .gallary_exhibit table{
	width:100%;
	margin-top:20px;
	border-collapse: collapse;
}#contents_area section#gallary .gallary_exhibit table th,
#contents_area section#gallary .gallary_exhibit table td{
	padding:15px 10px;
	background:#695744;
}
#contents_area section#gallary .gallary_exhibit table th{
	width:20%;
	text-align:center;
}#contents_area section#gallary .gallary_exhibit table td{
	width:80%;
}
#contents_area section#gallary .gallary_exhibit table tr{
	border-bottom:1px solid var(--main-color);
}#contents_area section#gallary .gallary_exhibit table tr:first-child{
	border-top:1px solid var(--main-color);
}

#contents_area section#gallary .gallary_exhibit .img_frame{
	width:550px;
	position:absolute;
	top: -210px;
    right: -360px;
}



/*トップに戻る*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index:1050;
	display: none;
}
#page-top a {
    position: relative;
	z-index:1000;
    width: 70px;
	height:70px;
	border-radius: 50px;
    text-align: center;
    display: block;
}

#page-top a:before{
	content:"";
	position:absolute;
	background-image:url('img/arrow_top.png');
	width:83px;
	height:94px;
	bottom:60px;
	left:20px;
	transform: translatex(-50%) translatey(50%);
    -webkit- transform: translatex(-50%) translatey(50%);
}

/*フッター*/
footer{
	font-family:var(--font-family-go);
	width:100%;
	min-width:var(--fullsize);
	text-align:center;
	background:var(--sub3-color);
	padding:70px 0;
}

footer h2{
	text-align:center;
}footer h2 img{
	display:block;
	margin:0 auto;
	width:560px;
}

footer .foot_main div{
	display:table;
	margin:0 auto;
}

footer p{
	color:#ffffff;
	display:block;
	margin:0 auto;
	text-align:left;
}footer p.address{
	font-family:var(--font-family-min);
	font-size:20px;
	margin-top:10px;
	margin-bottom:30px;
}footer p.copy{
	text-align:center;
	font-size:14px;
	margin-top:50px;
}



/*イベントページ用*/
body.eventPage{

	position: relative;
	top:unset; bottom:unset; left:unset; right:unset;
	/*
	overflow:unset;
	*/
}
body.eventPage #contents_area section:before{
	height:60px;
}
body.eventPage header{
	opacity: 1;
}

#contents_area section#event_page{
	background:var(--c-green);
	font-family:var(--font-family-go);
	padding-bottom:200px;
}

#contents_area section#event_page .event_box{
	width:970px;
	position:relative;
	margin:0 auto;
	z-index:10;
}
#contents_area section#event_page .event_box:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#ffffff;
	top:-10px;
	left:-10px;
}
#contents_area section#event_page .event_box .cornerline{
	position:absolute;
	width:2px;
	height:100px;
	background:var(--main-color);
	z-index:200;
}
#contents_area section#event_page .event_box .cornerline:nth-of-type(1){
	top:-10px;	left:60px;
	transform-origin:top right;
	transform:rotate(45deg);
}#contents_area section#event_page .event_box .cornerline:nth-of-type(2){
	top:-10px;	right:60px;
	transform-origin:top left;
	transform:rotate(-45deg);
}#contents_area section#event_page .event_box .cornerline:nth-of-type(3){
	bottom:-40px;	left:-10px;
	transform-origin:top left;
	transform:rotate(-45deg);
}#contents_area section#event_page .event_box .cornerline:nth-of-type(4){
	bottom:-40px;	right:-10px;
	transform-origin:top right;
	transform:rotate(45deg);
}

#contents_area section#event_page .event_box h3{
	font-size:27px;
	color:var(--font-color);
	border-bottom:1px solid var(--main-color);
	font-weight:bold;
	padding:10px 0 20px;
	margin-bottom:50px;
}

#contents_area section#event_page .event_head{
	position:absolute;
	top:70px;
	left:50%;
	transform: translateX(-50%) translateY(-100%);
    -webkit- transform: translateX(-50%) translateY(-100%);
}#contents_area section#event_page .event_head img{
	position:relative;
	z-index:5;
}#contents_area section#event_page .event_head .back_white{
	position:absolute;
	background:#ffffff;
	width:380px;
	height:30px;
	bottom:20px;
	left:50%;
	transform: translateX(-50%) translateY(-100%);
    -webkit- transform: translateX(-50%) translateY(-100%);
}


#contents_area section#event_page .event_box_in{
	position:relative;
	border:2px solid var(--main-color);
	padding:125px 130px;
	z-index:100;
	text-align:center;
}
#contents_area section#event_page .event_box_in .event_img{
	margin-bottom:50px;
}
#contents_area section#event_page .event_box_in .event_img img{
	max-width:100%;
	display:block;
	margin:0 auto;
}
#contents_area section#event_page .event_box_in .event_text{
	margin-bottom:50px;
}

#contents_area section#event_page .event_box_in .event_text{
	margin-bottom:50px;
}

#contents_area section#event_page .event_box_in .event_table table{
	width:100%;
	margin-top:20px;
	border-collapse: collapse;
}#contents_area section#event_page .event_box_in .event_table table th,
#contents_area section#event_page .event_box_in .event_table table td{
	padding:15px 10px;
	text-align:left;
}
#contents_area section#event_page .event_box_in .event_table table th{
	width:20%;
	text-align:center;
	position:relative;
}#contents_area section#event_page .event_box_in .event_table table th:after{
	content:"";
	position:absolute;
	height:calc(100% - 25px);
	width:1px;
	border-right:1px solid var(--main-color);
	top:50%;	right:0;
	transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}#contents_area section#event_page .event_box_in .event_table table td{
	width:80%;
}
#contents_area section#event_page .event_box_in .event_table table tr{
	border-bottom:1px solid var(--main-color);
}#contents_area section#event_page .event_box_in .event_table tr:first-child{
	border-top:1px solid var(--main-color);
}

#contents_area section#event_page .lineup_btn{
	position:relative;
	display:inline-block;
	margin:50px auto 0;
}#contents_area section#event_page .lineup_btn:after{
	content:"";
	position:absolute;
	background-image:url('img/arrow_btn.png');
	width:17px;
	height:16px;
	top:50%;
	left:15px;
	transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
	
}#contents_area section#event_page .lineup_btn:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#ffffff;
	top:-4px;
	left:-4px;
}#contents_area section#event_page .lineup_btn a{
	border:2px solid var(--main-color);
	padding:7px 20px;
	padding-left:40px;
	display:block;
	color:var(--main-color);
	z-index:10;
	position:relative;
}

/*イベント項目*/
.service{
	padding: 4px 15px;
	border:2px solid var(--main-color);
	font-weight:bold;
	position:relative;
	display: inline-block;
	z-index:5;
}.service:before{
	content:"";
	position:absolute;
	border-right:1px solid var(--main-color);
	border-left:1px solid var(--main-color);
	width:calc(100% - 6px);
	height:calc(100% - 12px);
	top:50%;	left:50%;
	transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
	z-index: -1;
}.service:after{
	content:"";
	position:absolute;
	border-top:1px solid var(--main-color);
	border-bottom:1px solid var(--main-color);
	height:calc(100% - 6px);
	width:calc(100% - 12px);
	top:50%;	left:50%;
	transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
	z-index: -1;
}


p.status{
	margin:20px 0 10px;
}p.status span.label{
	margin-right:10px;
	font-weight:bold;
}


/*状態*/
.ticketStatus{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ccc;
	font-size: 1.384615384615385em;
	padding: 10px 15px;
	padding-left: 37px;
	line-height: 1.2;
	background-color: #EFEFEF;
	background-position: 6px center;
	background-repeat: no-repeat;
}
/*販売中*/
.ticketStatus.sale{
	background-color: #F7E7EA;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9Imljb24iIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHN0eWxlPjwvc3R5bGU+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMS44IiByPSI4LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzllMDcwNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=');
}
/*残小*/
.ticketStatus.few{
	background-color: #F7E7EA;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9Imljb24iIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHN0eWxlPjwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWUwNzA3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEyIDIwbDkuNC0xNi4zSDIuNnoiLz48L3N2Zz4=');
}
/*売り切れ*/
.ticketStatus.out{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9Imljb24iIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHN0eWxlPi5zdDB7ZmlsbDojNDQzZjM1fTwvc3R5bGU+PHBhdGggZD0iTTEwLjgtLjhoMi40djI1LjNoLTIuNHoiIGNsYXNzPSJzdDAiIHRyYW5zZm9ybT0icm90YXRlKDQ1LjAwMSAxMiAxMS44MzcpIi8+PHBhdGggZD0iTTEwLjgtLjhoMi40djI1LjNoLTIuNHoiIGNsYXNzPSJzdDAiIHRyYW5zZm9ybT0icm90YXRlKDEzNC45OTkgMTIgMTEuODM3KSIvPjwvc3ZnPg==');
}
/*扱い外*/
.ticketStatus.not{
	padding: 6px 15px 7px 37px;
	line-height: 1.25;
	font-size: 0.923076923076923em;
}
/*扱い外、発売前*/
.ticketStatus.not,
.ticketStatus.before{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9Imljb24iIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHN0eWxlPjwvc3R5bGU+PHBhdGggZmlsbD0iIzQ0M2YzNSIgZD0iTS41IDkuOGgyM3Y0SC41eiIvPjwvc3ZnPg==');
}

/*チケット購入*/
.ticketBuy{
	display:inline-block;
	margin:20px 0;
	background: linear-gradient(165deg, #b58e64 0%, #b58e64 50%, #ad8153 50%, #ad8153 100%);
	padding:11px 15px;
	padding-right:65px;
	position:relative;
}.ticketBuy span{
	color:#ffffff;
}
.ticketBuy:before{
	content:"";
	background-image:url('img/arrow_btn_w.png');
	width:47px;	height:24px;
	position:absolute;
	right:10px;
	top:calc(50% + 1px);
	transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}.ticketBuy:after{
	content:"";
	position:absolute;
	border-right:2px solid var(--main-color);
	border-bottom:2px solid var(--main-color);
	width:100%;	height:100%;
	top:4px;	left:4px;
}

/*チラシ*/
.flyer{
	margin-top: 0;
	margin-bottom: 0;
}
.flyer img{
	border: 1px solid #ccc;
}
.papers{
	margin: 0;
}
.papers li{
	margin-bottom: 0.5em;
}
.papers li a{
	color:var(--font-color);
}
/*Mobile*/
@media screen and (max-width: 767px){
	.flyer img{
		margin: 0 auto;
	}

}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	.flyer{
		float: left;
		margin-right: 1em;
	}
	.flyer img{
		margin: 0;
	}
}
ul.papers{
	list-style-type:none;
	margin:1em 0;
	padding: 0;
}
.papers a,
ul.papers li a{
	padding-left:1.5em;
	display:inline-block;
	vertical-align:middle;
	word-break: break-all;
}
.papers a:before{
	font-family: FontAwesome;	
	content: "\f0f6";
	display: inline-block;
	text-decoration: none;
	width: 1.5em;	
	margin-left:-1.5em;
	color: #5a5753;
}
.papers a[href$=".pdf"]::before,
.papers a.PDF:before {
	content: "\f1c1";	
	color: #b50000;
}
.papers a[href$=".doc"]::before,
.papers a[href$=".docx"]::before,
.papers  a.WORD:before {
	content: "\f1c2";	
	color: blue;
}
.papers a[href$=".xls"]::before,
.papers a[href$=".xlsx"]::before,
.papers  a.EXCEL:before {
	content: "\f1c3";	
	color: green;
}



/*---	SP版	---------------------------*/
@media (max-width: 767px){


	header{
		padding-top: 40px;
	}

	header .head_main{
		width:100%;
		padding:15px 15px 0;
	}header .head_main img{
		width:40px;
	}


	header .menu_btn a{
	    margin-top:4px;
	}
	/*メニュー本体*/

	.slide_menu{
		display:flex;
		flex-wrap:wrap;
	}
	.slide_menu div.slide_menu_img{
		padding-top:100px;
		width:100%;
	}
	.slide_menu div.slide_menu_list{
		width:100%;
	}

	.slide_menu ul.slide_menu_ul{

	}.slide_menu ul.slide_menu_ul li{
		width:100%;
		text-align:left;
		padding-left:22px;
	}.slide_menu ul.slide_menu_ul li a{
		color:var(--main-color);
		font-size:18px;
		font-weight:bold;
		display:inline-block;
		padding:11px 0;
		position:relative;
	}.slide_menu ul.slide_menu_ul li a:hover{
		opacity:1;
	}

	.slide_menu ul.slide_menu_ul li a:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: 10px;
		width: 100%;
		height: 1px;
		background: var(--main-color);
		transform: scale(0, 1);
		transform-origin: left;
		transition: 0.4s;
	}.slide_menu ul.slide_menu_ul li a:hover:before {
		transform: scale(1);
	}
	.slide_menu ul.slide_menu_ul li a:after{
		content: "";
		position: absolute;
		background-image:url('img/arrow_btn_menu.png');
		width:17px; height:13px;
		top:50%;	left:-22px;
	    transform: translateY(-50%);
	    -webkit- transform: translateY(-50%); 
		opacity:0;
		transition: 0.4s;
	}.slide_menu ul.slide_menu_ul li a:hover:after {
		opacity:1;
	}






	/*コンテンツエリア*/
	#contents_area section{
		min-width:100%;
		padding:100px 15px 240px;
	}

	/*共通*/
	#contents_area section:before{
		top:-10px;
		height:520px;
		transition: 1.4s ease-out;
	}
	section#lineup:before{		height:445px;	}
	section#gallary:before{		height:370px;	}

	#contents_area section .section_title{
		transition: 0.7s ease-out;
		-webkit-transition-delay: 0.9s;
		transition-delay: 0.9s;
	}

	#contents_area section.section_moveon:before{
		height:47px;
	}

	#contents_area .scroll_down{
		bottom:100px;
	}
	#contents_area .scroll_down:before,
	#contents_area .scroll_down:after{
	    height: 80px;

	}#contents_area .scroll_down:before{
	}

	#contents_area .scroll_down .arrow {
	  padding-top: 70px;
	}



	/*ファーストビューエリア*/
	#contents_area section#first-view{
		min-height:500px;
	}

	#contents_area section#first-view .first_border{
		top:-10px;
	}
	body.first_on #contents_area section#first-view .first_border{
		top:calc(-100vh + 40px);
	}body.first_on_link #contents_area section#first-view .first_border{
		top:calc(-100vh + 40px);
	}

	#contents_area section#first-view .first_logo_box{
		width:100%;
		height:calc(100% + 580px);
		pointer-events: none;

	}#contents_area section#first-view .first_logo{

	}#contents_area section#first-view .first_logo img{

	}#contents_area section#first-view .first_logo img.first_logo_text{

	}#contents_area section#first-view .first_logo img.first_logo_25{

	}


	#contents_area section#first-view .first_scroll{
	}#contents_area section#first-view .first_scroll p{
		font-size:20px;
	}


	/*ロゴデザインについて*/
	#contents_area section#logo-design{
		padding-top:50px;
		padding-bottom:140px
	}
	#contents_area section#logo-design .whitespace{
	}#contents_area section#logo-design .whitespace.open{
		width:78%;
	}
	#contents_area section#logo-design .logo_box{
		width:100%;
		margin:0 auto 0;
		border:2px solid var(--main-color);
		color:var(--main2-color);
		position:relative;
	}
	#contents_area section#logo-design .logo_box:after{
		width:70px;
	}
	#contents_area section#logo-design .logo_title{
		position:absolute;
		top:0;	left:50%;
	    transform: translateX(-50%) translateY(-30px);
	    -webkit- transform: translateX(-50%) translateY(-30px);
	}
	#contents_area section#logo-design .logo_title img{
		display:block;
		margin:0 auto 10px;
	}#contents_area section#logo-design .logo_title h3{
		font-size:20px;
		margin-bottom:70px;
		position:relative;
	}#contents_area section#logo-design .logo_title h3:after{
		content: "";
	    width: 1px;
	    height: 71px;
	    background:var(--main-color);
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    transform: translateX(-50%) translateY(100%);
	    -webkit- transform: translateX(-50%) translateY(100%); 
	}

	#contents_area section#logo-design .logo_area{
		height:300px;
		margin-top:120px;
	}
	#contents_area section#logo-design .logo_text{
		margin-bottom:100px;
		padding:25px 20px;
		font-size:16px;
	}

	#contents_area section#logo-design .logo_mes_box{
		width:90%;
		padding:15px;
		margin:0 auto 100px;
		position:relative;
		
	}#contents_area section#logo-design .logo_mes_box:after{
		display:none;
	}#contents_area section#logo-design .logo_mes_box:before{
	    height: 100px;
	    bottom: 0;
	}
	#contents_area section#logo-design .logo_mes_in{
		padding:80px 0 40px;
		z-index:5;
	}#contents_area section#logo-design .logo_mes_in .logo_mes_title{
		position:absolute;
		top:-12px;
		left:10px;

	}#contents_area section#logo-design .logo_mes_in p{
		margin-bottom:30px;
	}#contents_area section#logo-design .logo_mes_in p:last-child{
		margin-top:40px;
		margin-bottom:0;
	}#contents_area section#logo-design .logo_mes_in:before{
	    height: 100px;
	    top: -15px;
	}

	#contents_area section#logo-design .logo_ayumi{
		padding:35px 0 35px;
		margin-bottom:100px;
		font-size:16px;
	}#contents_area section#logo-design .logo_ayumi:after{
		content:"";
	    width: 1px;
	    height: 65px;
	    background:var(--main-color);
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    transform: translateX(-50%) translateY(100%);
	    -webkit- transform: translateX(-50%) translateY(100%);
	}
	#contents_area section#logo-design .scroll_down{
		bottom:100px;
	}#contents_area section#logo-design .scroll_down:before {
		display:none;
	}#contents_area section#logo-design .scroll_down:after {
		height:80px;
	}


	/*支配人からのご挨拶*/
	#contents_area section#greetings{
	}
	#contents_area section#greetings .greetings_box_ou{
		margin:150px auto 0;
		width:100%;
	}
	#contents_area section#greetings .greetings_box{
		margin:0 auto;
		width:100%;
		padding:10px 0;
	}
	#contents_area section#greetings .greetings_box_in{
		position:relative;
		width:calc(100% - 20px);
		padding:30px 20px;
	}
	#contents_area section#greetings .greetings_box h3{
		font-size:20px;
		color:var(--main2-color);
		border-bottom:1px solid var(--main-color);
		padding:10px 8px;
		margin-bottom:30px;
	}#contents_area section#greetings .greetings_box p{
		margin-bottom:30px;
	}

	#contents_area section#greetings .greetings_box:before,
	#contents_area section#greetings .greetings_box:after{
		content:"";
		position:absolute;
		border-right:2px solid var(--main-color);
		width:1px;
		height:100px;
		top:40%;
		transform:translateY(-50%);
	    -webkit- transform:translateY(-50%);
	}#contents_area section#greetings .greetings_box:before{	left:-10px;		}
	#contents_area section#greetings .greetings_box:after{		right:-10px;	}

	#contents_area section#greetings .greetings_box_ou .cornerbox{
		position:absolute;
		width:90px;	height:80px;
		border:2px solid var(--main-color);
	}
	#contents_area section#greetings .greetings_box_ou .cornerbox:nth-of-type(1){	top:-10px;		left:-10px;		}
	#contents_area section#greetings .greetings_box_ou .cornerbox:nth-of-type(2){	top:-10px;		right:-10px;	}
	#contents_area section#greetings .greetings_box_ou .cornerbox:nth-of-type(3){	bottom:-10px;	left:-10px;		}
	#contents_area section#greetings .greetings_box_ou .cornerbox:nth-of-type(4){	bottom:-10px;	right:-10px;	}

	#contents_area section#greetings .scroll_down:before {
		height:70px;
	}



	/*メッセージ*/
	#contents_area section#message{
		padding-top:150px;
		padding-left:0;
		padding-right:0;
	}

	#contents_area section#message .message_top{
		position:relative;
		width:110%;
		margin:0 auto 175px;
		margin-left: calc(50% - 110% / 2);
		color:var(--main2-color);
	}#contents_area section#message .message_top_main{
		font-family:var(--font-family-go);
		position:relative;
		z-index:1;
	}#contents_area section#message .message_top_main img{
		width:50%;
	}#contents_area section#message .message_top img{
		display:block;
		margin:0 auto 0;
	}
	#contents_area section#message .message_top h3{
		font-size:20px;
		padding-bottom:5px;
		margin-bottom:20px;
	}
	#contents_area section#message .message_top .back_message{
		position:absolute;
		top:-85px; 
		left:0;
		z-index:0;
	}

	#contents_area section#message .message_box{
		position:relative;
		width:100%;
		margin:0 auto 250px;
		padding:0 15px;
	}
	#contents_area section#message .message_box .mes_num{
		z-index:3;
		position:absolute;
		background:var(--main2-color);
		width:90%;
		height:100%;
	}#contents_area section#message .message_box .mes_num img{
		position:absolute;
		width:50px;
	}

	#contents_area section#message .message_box .mes_text{
		width:100%;
		height:auto;
	    transform: translateY(60px);
	    -webkit- transform: translateY(60px);
	}#contents_area section#message .message_box .mes_text_back{
		position:absolute;
		background:#ffffff;
		width:100%;
		height:100%;
		z-index:3;
	}#contents_area section#message .message_box .mes_text_back:before{
		display:none;
	}#contents_area section#message .message_box .mes_text_main{
		padding:28% 9%;
	}

	#contents_area section#message .message_box .mes_img{
		right:0;
		bottom:0;
		width:160px;
		height:auto;
	}

	#contents_area section#message .message_box:nth-of-type(2n +1){
		padding:0 15px;
	}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_num img{
		top:10px;	left:unset;	right:10px;
	}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_text{
		margin-left:0;
	}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_text_back:before{
		border-left:none;
		width:30%;
		right:-10px;	left:unset;
	}#contents_area section#message .message_box:nth-of-type(2n +1) .mes_img{
		transform:rotate(-1deg);
		left:10px;	right:unset;	bottom:-150px;
	}

	#contents_area section#message .message_box:nth-of-type(2n +2){
		padding:0 15px;
	}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_num img{
		top:10px;	right:unset;	left:10px;
	}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_text{
		margin-right:0;
	}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_text_back:before{
		border-right:none;
		width:20%;
	}#contents_area section#message .message_box:nth-of-type(2n +2) .mes_img{
		transform:rotate(1deg);
		right:unset;	bottom:-150px;	left:10px;
	}

	#contents_area section#message .message_box:nth-of-type(2){
		padding:0 15px;
	    transform: translateX(0px);
	    -webkit- transform: translateX(0px);
	}#contents_area section#message .message_box:nth-of-type(2) .mes_num img{
		bottom:unset;	left:10px;	top:10px;
	}#contents_area section#message .message_box:nth-of-type(2) .mes_text{
		margin-left:0;
	}#contents_area section#message .message_box:nth-of-type(2) .mes_text_back:before{
		border-right:none;
		width:70%;
	}#contents_area section#message .message_box:nth-of-type(2) .mes_img{
		transform:rotate(-1deg);
		right: -20px;
	}

	#contents_area section#message .message_box .mes_img.eng_name{
		bottom:-170px;
	}

	#contents_area section#message .message_box:nth-of-type(8){
		margin-bottom:200px;
	}

	#contents_area section#message .message_box .mes_item.item1{	bottom: -230px;	right: -165px;	top:unset;		}
	#contents_area section#message .message_box .mes_item.item2{	bottom: -370px;	right: 40px;	left:unset;		}
	#contents_area section#message .message_box .mes_item.item3{	bottom: -240px;	right: -50px;	top:unset;		}
	#contents_area section#message .message_box .mes_item.item4{	bottom: -300px;	right: -30px;	}
	#contents_area section#message .message_box .mes_item.item5{	bottom: -280px;	left: -20px;	}
	#contents_area section#message .message_box .mes_item.item6{	bottom: -230px;	right: 20px;	}
	#contents_area section#message .message_box .mes_item.item7{	bottom: -290px;	right:-50px;	left:unset;	}
	#contents_area section#message .message_box .mes_item.item8{	bottom: unset;	right:-40px;	top:-240px;	transform: rotate(35deg);	}

	#contents_area section#message .pen_line{
		display:none;
	}

	/*主催公演ラインナップ*/
	#contents_area section#lineup{

	}

	#contents_area section#lineup .lineup_title img{
		display:block;
		margin:0 auto 10px;
	}#contents_area section#lineup .lineup_title h3{
		font-size:20px;
		margin-bottom:70px;
	}#contents_area section#lineup .lineup_title h3:after{
	    height: 71px;
	}

	/*主催公演ラインナップ*/

	#contents_area section#lineup .lineup_box{
		width: 100%;
	}#contents_area section#lineup .lineup_box .lineup_back{
		height:calc(100% + 75px);
		transform:rotate(2deg);
		left: -45px;
	}

	#contents_area section#lineup .lineup_box .lineup_backtitle{
		height: 50px;
	}

	#contents_area section#lineup .lineup_box_main{
		width:100%;
		background:var(--c-white);
		display:inline-block;
		padding:15px;
		padding-bottom:0;
		margin-bottom: 10px;
		position:relative;
	}


	#contents_area section#lineup .lineup_box_main ul.lineup_list_ul{
		display:flex;
		flex-wrap:wrap;
	    justify-content: center;
		position:relative;
		font-family:var(--font-family-go);
	}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li{
		background:#c6b5ad;
		margin-bottom:15px;
		margin-left: 0;
		position:relative;
		overflow:hidden;
		transition: .3s;
	}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li:hover {
		transform: scale(1.0);
	}

	#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li .text_area{
		padding:20px;
		bottom:0%;
		left:0;
	}

	#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li .text_area h6{
		font-size:14px;
		line-height:1.5;
		margin:0 auto 10px;
		padding-bottom:6px;
	}#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li .text_area p.date{
		font-size:13px;
		margin-bottom:10px;
	}
	#contents_area section#lineup .lineup_box_main ul.lineup_list_ul li .text_area p.member{
		font-size:11px;
		-webkit-line-clamp: 3;
	}


	/*記念展ギャラリー*/
	#contents_area section#gallary{
		padding-top:150px;
		padding-bottom:150px;
	}

	#contents_area section#gallary .gallary_box{
		width:100%;
	}

	#contents_area section#gallary .gallary_box .gallary_title{
		width:80%;
		margin:0 auto 45px;
	}#contents_area section#gallary .gallary_box .gallary_title img{
		width:80%;
	}#contents_area section#gallary .gallary_box .gallary_title h3{
		font-size:20px;
	}#contents_area section#gallary .gallary_box .gallary_title h3:after{
		height:120px;
	}

	#contents_area section#gallary .img_frame img{
		width:100%
	}

	#contents_area section#gallary .gallary_main_image{
		position:relative;
		margin-bottom:40px;
	}

	#contents_area section#gallary .gallary_main_image .mes{
		top:-30px;
		right:30px;
		display:inline-block;
		text-align: left;
	    -webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
	} 
	#contents_area section#gallary .gallary_main_image p{
		font-size:18px;
	}

	#contents_area section#gallary .gallary_main_image .img_frame{
		width:100vw;
		margin-left: calc(50% - 100vw / 2);
	}

	#contents_area section#gallary .gallary_box .gallary_line{
		width:100%;
		margin-bottom:40px;
		position:relative;
		text-align:center;
	}#contents_area section#gallary .gallary_box .gallary_line p{
		text-align:left;
		width:90%;
		padding:0 0;
		margin-bottom:40px;
	}

	#contents_area section#gallary .gallary_box .gallary_line.r_line{
		text-align:center;
		padding-right:0;
	}#contents_area section#gallary .gallary_box .gallary_line.l_line{
		text-align:center;
		padding-left:0;
	}

	#contents_area section#gallary .gallary_box .gallary_line.r_line .img_frame,
	#contents_area section#gallary .gallary_box .gallary_line.l_line .img_frame{
		position:relative;
		top:0;
		margin: 0 auto;
	}

	#contents_area section#gallary .gallary_box .gallary_line.r_line .img_frame{
		width:90%;
		left:unset;
	}#contents_area section#gallary .gallary_box .gallary_line.l_line .img_frame{
		width:90%;
		right:unset;
	}

	#contents_area section#gallary .gallary_exhibit{
		width:100%;
		margin:140px auto 0;
		padding:40px 20px;
	}
	#contents_area section#gallary .gallary_exhibit h4{
		font-size:20px;
		padding:2px 10px;
		left:30px;
	}

	#contents_area section#gallary .gallary_exhibit table th{
		width:25%;
		text-align:center;
	}#contents_area section#gallary .gallary_exhibit table td{
		width:75%;
	}
	#contents_area section#gallary .gallary_exhibit table tr{
		border-bottom:1px solid var(--main-color);
	}#contents_area section#gallary .gallary_exhibit table tr:first-child{
		border-top:1px solid var(--main-color);
	}

	#contents_area section#gallary .gallary_exhibit .img_frame{
		width:90%;
		position:relative;
		top:unset;	right:unset;
		transform: translateX(0%) translateY(0%);
	    -webkit- transform: translateX(0%) translateY(0%);
		margin:0 auto 20px;
	}



	/*トップに戻る*/
	#page-top {
	    position: fixed;
	    bottom: 20px;
	    right: 20px;
		display: none;
	}
	#page-top a {
	    position: relative;
		z-index:1000;
	    width: 70px;
		height:70px;
		border-radius: 50px;
	    text-align: center;
	    display: block;
	}

	#page-top a:before{
		content:"";
		position:absolute;
		background-image:url('img/arrow_top.png');
		width:83px;
		height:94px;
		bottom:60px;
		left:20px;
		transform: translatex(-50%) translatey(50%);
	    -webkit- transform: translatex(-50%) translatey(50%);
	}

	/*フッター*/
	footer{
		min-width:100%;;
		padding:60px 20px;
	}
	footer p{
    	display: block;
	}

	footer h2 img{
		width:85%;
		margin-bottom:20px;
	}

	footer p.address{
		font-size:18px;
		margin-top:10px;
		margin-bottom:20px;
	}footer p.copy{
		font-size:11px;
		margin-top:40px;
	}





	/*イベントページ用*/

	body.eventPage #contents_area section:before{
		height:40px;
	}
	body.eventPage header{
		opacity: 1;
	}

	#contents_area section#event_page{
		background:var(--c-green);
		font-family:var(--font-family-go);
		padding:150px 15px;
	}

	#contents_area section#event_page .event_box{
		width:98%;
	}

	#contents_area section#event_page .event_box .cornerline{
		height:80px;
	}
	#contents_area section#event_page .event_box .cornerline:nth-of-type(1){
		top:-10px;	left:45px;
	}#contents_area section#event_page .event_box .cornerline:nth-of-type(2){
		top:-10px;	right:45px;
	}#contents_area section#event_page .event_box .cornerline:nth-of-type(3){
		bottom:-35px;	left:-10px;
	}#contents_area section#event_page .event_box .cornerline:nth-of-type(4){
		bottom:-35px;	right:-10px;
	}

	#contents_area section#event_page .event_box h3{
		font-size:21px;
		padding:10px 0 20px;
		margin-bottom:50px;
	}

	#contents_area section#event_page .event_head{
		position:absolute;
		width:70%;
		top:70px;
	}#contents_area section#event_page .event_head .back_white{
		width:230px;
		height:30px;
		bottom:20px;
	}


	#contents_area section#event_page .event_box_in{
		padding:100px 20px;
	}
	#contents_area section#event_page .event_box_in .event_img{
		margin-bottom:50px;
	}
	#contents_area section#event_page .event_box_in .event_img img{
	}
	#contents_area section#event_page .event_box_in .event_text{
		margin-bottom:50px;
	}

	#contents_area section#event_page .event_box_in .event_text{
		margin-bottom:50px;
	}

	#contents_area section#event_page .event_box_in .event_table table th,
	#contents_area section#event_page .event_box_in .event_table table td{
		text-align:left;
		display: block;
	}
	#contents_area section#event_page .event_box_in .event_table table th{
		padding:10px 5px;
		width:32%;
		text-align:center;
		position:relative;
	}#contents_area section#event_page .event_box_in .event_table table th:before{
		content:"";
		position:absolute;
		width:calc(100% - 7px);
		height:1px;
		border-bottom:1px solid var(--main-color);
		left:0;	bottom:0;
	}#contents_area section#event_page .event_box_in .event_table table td{
		width:100%;
		padding:14px 10px 17px;
	}

	#contents_area section#event_page .lineup_btn{
		position:relative;
		display:inline-block;
		margin:50px auto 0;
	}#contents_area section#event_page .lineup_btn:after{
		content:"";
		position:absolute;
		background-image:url('img/arrow_btn.png');
		width:17px;
		height:16px;
		top:50%;
		left:15px;
		transform: translateY(-50%);
	    -webkit- transform: translateY(-50%);
		
	}#contents_area section#event_page .lineup_btn:before{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		background:#ffffff;
		top:-4px;
		left:-4px;
	}#contents_area section#event_page .lineup_btn a{
		border:2px solid var(--main-color);
		padding:7px 20px 8px;
		padding-left:40px;
		display:block;
		color:var(--main-color);
		z-index:10;
		position:relative;
	}






}

.zaseki_image_box{
	border:3px double #ad8153;
	width:380px;
	height:auto;
	margin:0;
}
.zaseki_image_box img{
	padding:15px;
	width:100%;
	height:auto;
}

@media screen and (max-width: 767px){
	.zaseki_image_box{
		width:100%;
	}
}
