@charset "UTF-8";

/* =====================================
	イベント用設定
===================================== */


*, *:before, *:after {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
    box-sizing:content-box;	
}

#gnav {
	display:none;
}

#header .inner .headerLink{
	display:none;
}

#eventWrapper {
	padding-top:0;
	padding-bottom:0;
	line-height:1.4;
}

#eventWrapper .mainimg_pc {
	display:none;
}

#eventWrapper .mainimg_sp img {
	max-width:none;
	width:100%;
}

#contents {
	width: 100%;
	margin: 0 auto;
	background-color:#FFFFFF;
}

.event h2 {
	margin:20px auto 0 auto;
	text-align:center;
}

#contents .subread {
	width:100%;
	padding:15px 0;
	text-align:center;
	font-size:138.5%;
	font-weight:bold;
	vertical-align:middle;
}

#contents .subread a {
	text-decoration:underline;
}

#contents .subread a:hover {
	text-decoration:none;
}

#eventWrapper #category_info.info {
	width:auto;
	border:none;
}


/* --- 登録ボタン --- */

.registration {
	padding:10px 20px;
	margin:20px 10px 0 10px;
	background:#f0f0f0;
	border:1px solid #d9d9d9;
	font-size:92.3%;
	font-weight:bold;
	text-align:center;
	color:#f12424;
}

#resistration_btn {
	width:150px;
	height:36px;
	margin:10px auto 0 auto;
	display:block;
	background:url(../img/registration_btn.png);
	text-align: center;
	line-height:36px;
	text-decoration:none;
	font-size:110%;
	color:#FFFFFF;	
}

.registration a {
	text-decoration:underline;
	font-size:83.3%;
	color:#191919;
}

a.resi_url2 {
	display:block;
	margin-top:5px;
}

/* --- NEWS & TOPICS --- */

#news {
	width:100%;
	margin-top:20px;
	padding-top:15px;
	background-color:#f0f0f0;
}

#news h3 {
	height:12px;
	margin:0 10px 15px 10px;
	padding:0 0 0 4px;
	display:block;
}

#news h3 img {
	margin:0;
}

#news .newsarea {
	width:100%;
	background-color:#FFFFFF;
}

#news .newsarea ul {
	display:block;
}

#news .newsarea ul li {
	border-bottom:1px solid #D9D9D9;
	padding:20px 10px 20px 25px;
	background:url(../img/news_arrow.png) 10px center no-repeat;
	background-size:6px 12px;
	word-wrap: break-word;
	text-align: justify;
	text-justify: inter-ideograph;
}

#news .newsarea ul li:first-child {
	border-top:1px solid #D9D9D9;
}

#news .newsarea ul li:last-child {
	border-bottom:none;
}


/* --- EVENT --- */

#event {
	width:100%;
	margin:0 auto;
}

#event h3 {
	margin-bottom:15px;
	padding:15px 10px;
	font-weight:bold;
	position:relative;
}

#event h3 span {
	padding:0 10px;
	display:block;
	font-weight:normal;
	position:absolute;
	right:0;
	top: 0;
	bottom: 0;
	margin: auto;	
}

#event h3:first-child {
	margin-top:20px;
}

#event .eventSP_mlr10 {
	padding:0 10px;
	box-sizing: border-box;
}

#event dl {
	margin:20px 10px 0;
	color:#191919;
	clear:both;
}

#event dl dt {
	display:block;
	font-size:131%;
	font-weight:bold;
	margin-bottom:12px;
	padding-bottom:3px;
}

#event dl dd {
	display:block;
	font-size:108%;
	font-weight:bold;
	margin-bottom:20px;
	text-align: justify;
	text-justify: inter-ideograph;
	border:none;
}


#event dl dd a {
	text-decoration:underline;
}

#event .event_tablearea {
	width: 100%;
	margin: 0 auto 10px;
	padding: 10px;
	box-sizing: border-box;
}

#event .event_tablearea table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	font-size:93%;
	border:5px solid #D8D8D8;
	box-sizing: border-box;
}

#event .event_tablearea table a {
	text-decoration:underline;
}

#event .event_tablearea table th {
	width:85px;
	vertical-align:middle;
	text-align:center;
	padding:10px 4px;
	font-weight:bold;
	background:#E5E5E5;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#event .event_tablearea table td {
	vertical-align:middle;
	text-align:left;
	padding:10px 15px;
	background:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

#event .caution a {
	text-decoration:underline;
}

#event .caution dl dd {
	display:block;
	font-size:107.7%;
	font-weight:bold;
	color:#4C4C4C;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:15px;
	padding-bottom:2px;
}

#event .caution dl dt {
	display:block;
	font-size:92.3%;
	font-weight:normal;
}

/* --- チケット購入ボタン --- */

.buy_btn {
	width:100%;
	padding:40px 30px 20px 30px;
	box-sizing:border-box;
	text-align:center;
}

#event .buy_multiArea {
	margin:0 0;
	padding:40px 0 20px 0;
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
 	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

#event .buy_multiArea a {
	width:100%;
	height:70px;
	display:block;
}

button.event_buy_multi {
	width:100%;
	height:70px;
	display:block;
	font-weight:bold;
	text-align:left;
	border:none;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;	
	color:#FFFFFF;
	background-image:url(../img/white_arrow.png);
	background-position:97% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	outline:none;	
}

#event .buy_multiArea .event_buy_multi:hover {
	opacity:0.7;
}

#event .buy_multiArea button + button {
	border-top:#FFFFFF solid 1px;
}
#event .buy_multiArea a + a {
	border-top:#FFFFFF solid 1px;
}

button.event_buy_multi span {
	font-size:153.9%;
	font-weight:bold;
	display:block;
}

button.event_buy_multi span:nth-of-type(2) {
	font-size:138.5%;
}

/* --- other --- */

#event .ticket_txt {
	font-size:92.3%;
	padding-bottom:12px;
}

#event .ticket_kiyaku {
	height:142px;
	margin:0 10px 30px;
	padding:15px;
	font-size:92.3%;
	border:4px solid #e5e5e5;
	overflow:scroll;
	overflow-y:scroll;
}

/* --- SP用スクロールバー --- */

.ticket_kiyaku {
	overflow:auto;
}
.ticket_kiyaku::-webkit-scrollbar{
	width:5px;
}

.ticket_kiyaku::-webkit-scrollbar-track {
  border-radius:2px;
}

.ticket_kiyaku::-webkit-scrollbar-thumb{
	background:#666666;
	border-radius:2px;
}


/* --- 規約表示ボタン --- */

.ticket_kiyaku_uptxt {
	margin:20px 10px;
	font-size:93%;
}

#event .ticket_btn {
	padding-bottom: 10px;
}

#event .ticket_check {
	width:85%;
	padding-bottom:30px;
	margin:0 auto;
	font-size:138.5%;
	text-align:left;
	font-weight:bold;
}

#event .ticket_check span {
	display:table-cell;
}

#event .ticket_check span:first-child {
	width:20px;
}

/* --- submitボタン --- */

#event .ticket_check input {
	vertical-align:middle;
}

#event #submitArea {
	margin:0 0;
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
 	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

#event #submitArea a {
	width:100%;
	height:70px;
	display:block;
}

button.btn_submit {
	width:100%;
	height:70px;
	display:block;
	text-align:left;
	border:none;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
	color:#FFFFFF;
	background-image:url(../img/white_arrow.png);
	background-position:97% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	outline:none;
}

#event #submitArea button + button {
	border-top:#FFFFFF solid 1px;
}

#event #submitArea a + a {
	border-top:#FFFFFF solid 1px;
}

button.btn_submit[disabled] {
	cursor: default;
	opacity:0.3;
}
	
button.btn_submit:hover {
	opacity:0.7;
}
	
button.btn_submit[disabled]:hover {
	opacity:0.3;
}

button.btn_submit span {
	font-size:153.9%;
	font-weight:bold;
	display:block;
}

button.btn_submit span:nth-of-type(2) {
	font-size:123.1%;
	font-weight:normal;
}

#event .mdstxt {
	margin-top:20px;
	display:block;
	text-align:center;
	color:#323232;
}

/* --- SPECIAL PRESENT --- */

#present .cont {
	padding:10px;
	background:#eae9ea;
	margin:0 auto 40px;
	overflow:hidden;
	color:#191919;
}

#present .cont .present_img {
	width:30%;
	float:left;
	margin:0 0 20px 0;
}

#present .cont .present_img a {
	display:inline;
}

#present .p_present_ttl {
	width:65%;
	float:right;
	margin-bottom:20px;
	font-weight:bold;
}

#present .p_present_read {
	clear:both;
	margin-bottom:20px;
	font-weight:bold;
}

#present .cont .present_txt {
	display:block;
	margin-top:20px;
	text-decoration:underline;
}

#present .cont a {
	display:block;
	margin-top:20px;
	text-decoration:underline;
}


/* --- 追加欄 --- */

#event_etcWrap {
	margin:50px auto;
}

#event_etcWrap p {
	margin-bottom:14px;
}


/* --- バナー --- */

#event #bannerArea {
	margin:50px 0;
	text-align:center;
}

#event #bannerArea a {
	display:block;
	padding:0 10px;
}

#event #bannerArea a + a {
	margin-top:20px;
}

#contents #snsbannerArea {
	margin:50px 10px;
	text-align:center;
}


/* --- SNS --- */
 
#contents #twfollow {
	margin:20px 10px;
	padding:30px 0;
	border-top:#666 dotted 1px;
	border-bottom:#666 dotted 1px;
}

#contents #followbtn_area {
	margin:20px 10px;
	padding:30px 0;
	border-top:#666 dotted 1px;
	border-bottom:#666 dotted 1px;
	text-align:center;
}

#contents #followbtn_area a {
	display:inline-block;
	width:60px;
}

#contents #followbtn_area a + a {
	margin-left:20px;
}

#contents #twfollow a {
	margin:0 auto;
	padding:20px 0;
	display:block;
	background-color:#1DABED;
	background-image:url(../img/white_arrow.png), url(../img/sns_twfollowbg.png);
	background-position:96% 50%, 5% 50%;
	background-repeat:no-repeat, no-repeat;
	border-radius: 6px;
	box-shadow: 0 5px #00409A;
	font-size:123.1%;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
 
#contents .p_sns {
	margin-bottom:20px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

#contents #sns {
	margin:0 auto;
	padding-bottom:20px;
}

#contents #sns img {
}

#contents #sns ul {
	display:block;
	overflow:hidden;
}

#contents #sns ul li {
	text-align:center;
}


#contents #sns ul {
	height:88px;
	padding:0 10px;
	overflow:hidden;
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	justify-content:center;
}

#contents #sns ul li {
	width:25%;
	box-sizing:border-box;
 	text-align:center;
}

#contents #sns ul li + li {
	margin-left:4px;
}

#contents #sns ul li.sns_tw a {
	display:block;
	background:#1dabec;
}

#contents #sns ul li.sns_tw a:hover {
	background:#1e7ec8;
}

#contents #sns ul li.sns_fb a {
	display:block;
	background:#3b5a97;
}

#contents #sns ul li.sns_fb a:hover {
	background:#1c366f;
}

#contents #sns ul li.sns_gp a {
	display:block;
	background:#db4e41;
}

#contents #sns ul li.sns_gp a:hover {
	background:#ac2f11;
}

#contents #sns ul li.sns_line a {
	display:block;
	background:#5fe33b;
}

#contents #sns ul li.sns_line a:hover {
	background:#3cb112;
}

.noticeWrap {
	margin-top:20px;
}


/* --- Schema --- */

#event .schemaarea {
	margin: 0 auto !important;
	padding:0 10px 20px !important;
}

#event .schemaarea table {
	border:1px solid #CCCCCC !important;
}


#event .schemaarea table a {
	text-decoration:none !important;
}

#event .schemaarea table th {
	background:#F0F0F0 !important;
}


@media screen and (min-width: 360px) {

#contents #twfollow a {
	background-position:96% 50%, 12% 50%;
}

}


@media screen and (min-width: 1060px) {

#contents {
	width:1000px;
}
	
#gnav {
	display:block;
}

#gnav .inner .btn01 {
	text-align:right;
}

#gnav .inner .btn01 a {
	line-height:53px;
	font-size:108%;
	color:#4C4C4C;
	font-weight:bold;
}

#header .inner .headerLink{
	display:block;
}

#header .inner .headerLink a {
	display:block;
}

#eventWrapper {
	padding:0 20px 40px 20px;
}

#eventWrapper .mainimg_pc {
	display:block;
}

#eventWrapper .mainimg_pc img {
	margin-top:0 !important;
}

#eventWrapper .mainimg_sp {
	display:none;
}

.event h2 {
	margin:30px auto;
}


/* --- 登録ボタン --- */

.registration {
	width:860px;
	padding:15px 20px;
	margin:20px auto 30px;
	text-align:left;
	position:relative;
}

#resistration_btn {
	margin:0;
	position:absolute;
	top:12px;
	right:10px;
}

/* --- NEWS & TOPICS --- */

#news {
	width:900px;
	padding-top:0;
	margin:20px auto 40px;
	background:none;
}

#news h3 {
	height:12px;
	margin:0 0 8px 0;
	background-color:none;
}

#news .newsarea {
	width:840px;
	border:10px solid #F0F0F0;
	padding:8px 20px;
	background:#FFFFFF;
}

#news .newsarea ul li {
	border-bottom:1px dotted #CCCCCC;
	padding:10px 0 6px 20px;
	background:url(../img/news_arrow.png) left 12px no-repeat;
	background-size:6px 12px;
}

#news .newsarea ul li:first-child {
	border-top:none;
}

/* --- EVENT --- */

#event {
	width:900px;
}

#event h3 {
	padding:15px;
}

#event h3 span {
	padding:0 15px;
}

#event .eventSP_mlr10 {
	padding:0;
	box-sizing:content-box;
}

#event dl {
	margin:20px auto 0;
}

#event dl dt {
	font-size:153.8%;
}

#event dl dd {
	margin-bottom:25px;
	font-size:123.1%;
}

#event .event_tablearea {
	width: 900px;
	background: #F0F0F0;
}

#event .event_tablearea table {
	width:880px;
	border:1px solid #D8D8D8;
}

#event .event_tablearea table th {
	width:142px;
	padding:10px;
	border-right:none;
}

#event .event_tablearea table td {
	width:688px;
}

#event .ticket_kiyaku {
	width:862px;
	height:142px;
	margin:0 auto 30px;
	padding:15px;
}

/* --- チケット購入ボタン --- */

#event .buy_multiArea .event_buy_multi {
	width:280px;
	height: 90px;
	text-align:center;
	border-radius: 6px;
	background-position:96% 50%;
}

#event .buy_multiArea a {
	width:280px;
	height: 90px;
}

#event .buy_multiArea a + a {
	margin-left:30px;
	border-top:none;
}

#event .buy_multiArea button + button {
	margin-left:30px;
	border-top:none;
}

#event .buy_multiArea button:nth-of-type(4) {
	margin-left:0;
}

#event .buy_multiArea a:nth-of-type(4) {
	margin-left:0;
}

#event .buy_multiArea button:nth-of-type(4), 
#event .buy_multiArea button:nth-of-type(5), 
#event .buy_multiArea button:nth-of-type(6) {
	margin-top:20px;
}

#event .buy_multiArea a:nth-of-type(4), 
#event .buy_multiArea a:nth-of-type(5), 
#event .buy_multiArea a:nth-of-type(6) {
	margin-top:20px;
}

/* --- submitボタン --- */

#event .ticket_check {
	width:100%;
	margin:0 auto;
	font-size:100%;
	text-align:center;
	padding-bottom:30px;
}

#event .ticket_check span {
	display:inline-block
}

.ticket_kiyaku_uptxt {
	margin:20px 0;
}

button.btn_submit {
	width:280px;
	height: 90px;
	text-align:center;
	border-radius: 6px;
	background-position:96% 50%;
}

#event #submitArea a {
	width:280px;
	height: 90px;
}


#event #submitArea button + button {
	margin-left:30px;
	border-top:none;
}

#event #submitArea a + a {
	margin-left:30px;
	border-top:none;
}

#event #submitArea button:nth-of-type(4) {
	margin-left:0;
}

#event #submitArea a:nth-of-type(4) {
	margin-left:0;
}

#event #submitArea button:nth-of-type(4), 
#event #submitArea button:nth-of-type(5), 
#event #submitArea button:nth-of-type(6) {
	margin-top:20px;
}

#event #submitArea a:nth-of-type(4), 
#event #submitArea a:nth-of-type(5), 
#event #submitArea a:nth-of-type(6) {
	margin-top:20px;
}


/* --- SPECIAL PRESENT --- */

#present .cont {
	width:860px;
	padding:20px;
	margin:0 auto 40px;
}

#present .cont .present_img {
	width:auto;
	margin:0 20px 0 0;
}

#present .p_present_ttl, 
#present .p_present_read, 
#present .p_present_txt, 
#present a.present_link {
	float:right;
	width:640px;
}


#present .p_present_read {
	padding-top:0;
	clear:none;
}

/* --- バナー --- */

#event #bannerArea {
	width:auto;
	margin:50px 0;
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
 	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

#event #bannerArea a {
	padding:0;
}

#event #bannerArea a:nth-of-type(2) {
	margin-top:0;
	margin-left:20px;	
}

#event #bannerArea a:nth-of-type(3) {
	margin-top:10px;
}

#event #bannerArea a:nth-of-type(4) {
	margin-top:10px;
	margin-left:20px;	
}


#contents #snsbannerArea {
	margin:50px 0;
}


/* --- SNS --- */

 
#contents #twfollow {
	width:900px;
	margin:20px auto;
	padding:30px 0;
	border-top:#666 dotted 1px;
	border-bottom:#666 dotted 1px;
}

#contents #followbtn_area {
	width:900px;
	margin:20px auto;
	padding:30px 0;
	border-top:#666 dotted 1px;
	border-bottom:#666 dotted 1px;
}

#contents #followbtn_area a {
	width:70px;
}


#contents #twfollow a {
	width:560px;
	margin:0 auto;
	padding:20px 0;
	background-position:96% 50%, 24% 50%;
	font-size:138.5%;
}

#contents #sns {
	width:900px;
	margin:0 auto;
	padding-bottom:20px;
}

#contents #sns ul {
	padding:0;
}

#contents #sns ul li {
	width:222px;
	height:88px;
}

.noticeWrap {
	margin-top:40px;
}

#fnav .inner ul li:nth-of-type(1), 
#fnav .inner ul li:nth-of-type(5) {
	width:180px;	
}

#fnav .inner ul li:nth-of-type(2), 
#fnav .inner ul li:nth-of-type(6) {
	width:210px;	
}

#fnav .inner ul li:nth-of-type(3), 
#fnav .inner ul li:nth-of-type(7) {
	width:210px;	
}


#fnav .inner ul li:nth-of-type(4), 
#fnav .inner ul li:nth-of-type(8) {
	width:180px;	
}

#fnav .inner ul li:nth-of-type(9) {
	width:260px;	
}


/* --- Schema --- */

#event .schemaarea {
	margin: 0 auto !important;
	padding:10px 0 30px !important;
	background: none !important;	
}

#event .schemaarea table {
	width:900px !important;	
}


}