@charset "UTF-8";

/*==================================
Common Layout
==================================*/
body {
height: 100%;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 140%;
font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-weight: normal;
letter-spacing: 0;
color: #2c2c2c;
-webkit-text-size-adjust: 100%;
background-color: #000;
}

/* Text */
h1,h2,h3,h4,h5 {
padding: 0;
margin: 0;
}

.caption {
display: block;
font-size: 80%;
}

.inline_caption {
display: inline;
font-size: 80%;
}

a {
color: #2c2c2c;
text-decoration: none;
}

p {
line-height: 150%;
padding-bottom: 5px;
margin: 0;
}

strong {
font-weight: 600;
}

.underline {
text-decoration: underline;
}

/* PC wide */
.device_width {
display: block;
padding: 0;
margin: 0 30px;
}

article {
display: block;
padding: 0;
margin: 0 auto;

background-color: rgba(255,0,0,.1); /* 後で外す */
}

section {
display: block;
margin: 0 auto;
}

article section {
padding: 0 0 60px 0;
}

.text_red {
color: #d00;
}

.text_red a {
color: #d00;
}

/*==================================
Article
==================================*/
article {
display: block;
width: auto;
padding: 0;
margin: 0;
background-color: #fff;
}

/*==================================
Footer
==================================*/
footer {
display: block;
padding: 30px 0 0 0;
background-color: #fff;
text-align: center;
}

footer p.copyright {
font-size: 10px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
letter-spacing: .1em;
}

footer p.copyright a {
color: #2c2c2c;
}

footer .footer_link {
display: block;
padding: 15px 0 10px 0;
background-color: #fff;
}

footer .footer_link a {
display: block;
width: 150px;
height: 30px;
padding: 30px 0 0 0;
margin: 0 auto;
font-size: 90%;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
letter-spacing: .1em;
color: #2c2c2c;
background-image: url(../common/footerlink_logo.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 150px;
}

footer .f_logo {
display: block;
height: 150px;
background-image: url(../common/footer.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 160px;
}

#archives {
padding: 15px 0;
margin-top: 15px;
background-color: #000;
}

#archives .archives_area {
display: block;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 600;
letter-spacing: .1em;
font-size: 90%;
background-color: #000;
}

#archives .archives_area a {
display: block;
padding: 10px;
text-align: center;
color: #fff;
border: 1px solid #fff;
}

#archives .archives_area span {
display: none;
}

/*==================================
text
==================================*/
h2 {
display: block;
height: 25px;
padding: 0;
margin: 0 0 15px 0;
background-position: center center;
background-repeat: no-repeat;
}

h3 {
font-size: 160%;
font-weight: 600;
line-height: 1.6em;
padding: 0;
margin: 0 0 10px 0;
}

h4 {
font-size: 120%;
font-weight: 500;
line-height: 1.6em;
margin-bottom: 10px;
}

h5 {
font-size: 100%;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 5px;
margin-top: 15px;
}

.color_blue {
color: #00add8;
}

.color_yellow {
color: #ffd100;
}

.color_green {
color: #22d3c5;
}

.color_pink {
color: #f54a7e;
}

/*==================================
Main Visual
==================================*/
#mainvisual {
height: 445px;
background-color: #000;
background-image: url(../common/mainvisual.png);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

#mainvisual #main_graphic {
display: block;
padding: 150px 0 0 0;
margin: 30px 30px 0 30px;
background-image: url(../common/main_graphic.png);
background-position: center -15px;
background-repeat: no-repeat;
background-size: 150px;
background-color: #fff;
}

.main_graphic-group {
display: block;
background-color: #fff;
background-image: url(../common/main_graphic-group.png);
background-position: center top;
background-repeat: repeat-y;
background-size: 1px;
border-top: 1px solid #000;
padding-bottom: 10px;
}

#main_graphic-aichi {
display: block;
width: 50%;
height: 220px;
padding: 0;
background-image: url(../common/main_graphic-aichi-sp.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
float: left;
}

#main_graphic-osaka {
display: block;
width: 50%;
height: 220px;
padding: 0;
background-image: url(../common/main_graphic-osaka-sp.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
float: right;
}

#main_graphic a {
display: block;
width: 100%;
height: 90px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

a.main_graphic-0906 {
background-image: url(../common/main_graphic-0906-sp.png);
}

a.main_graphic-0907 {
background-image: url(../common/main_graphic-0907-sp.png);
margin-top: 40px;
}

a.main_graphic-0913 {
background-image: url(../common/main_graphic-0913-sp.png);
}

a.main_graphic-0914 {
background-image: url(../common/main_graphic-0914-sp.png);
margin-top: 40px;
}

/*==================================
Nav
==================================*/
nav {
display: block;
background-color: #000;
}

nav ul {
display: block;
width: 100%;
padding: 0;
margin: 0 auto;
list-style: none;
}

nav ul li {
display: block;
padding: 8px 0;
text-align: center;
font-size: 110%;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 600;
letter-spacing: .08em;
color: rgba(0,0,0,.3);
border-top: 1px solid #2c2c2c;
color: #5c5c5c;
}

nav ul li a {
display: block;
/* text-shadow: 0px 0px 8px rgba(0,0,0,.2); */
}

.nav_ticket a {
/* background-color: #00add8; */
color: #f64b7f;
}

.nav_goods a {
/* background-color: #ffd100; */
color: #22d3c5;
}

.nav_notice a {
/* background-color: #f64b7f; */
color: #00add8;
}

.nav_special a {
/* background-color: #22d3c5; */
color: #ffd100;
}

/*==================================
Section Common
==================================*/
span.colorbar {
display: block;
height: 6px;
margin-bottom: 60px;
background-image: url(../common/colorbar_sp.png);
background-position: center bottom;
background-repeat: repeat;
background-size: contain;
}

#section_ticket span.colorbar,
#section_goods span.colorbar {
display: block;
height: 6px;
margin-bottom: 45px;
background-image: url(../common/colorbar_sp.png);
background-position: center bottom;
background-repeat: repeat;
background-size: contain;
}

footer span.colorbar {
display: block;
height: 6px;
background-image: url(../common/colorbar_sp.png);
background-position: center bottom;
background-repeat: repeat;
background-size: contain;
margin-bottom: 30px;
}

/*==================================
Section Ticket
==================================*/
#section_ticket {
background-color: #000;
color: #c9c9c9;
padding-top: 30px;
border-top: 1px solid #2c2c2c;
}

#section_ticket h2 {
background-image: url(../common/h2_ticket.png);
background-size: 120px;
padding-bottom: 30px;
border-bottom: 3px solid #fff;
}

#section_ticket h3,
#section_ticket h4 {
color: #fff;
}

#section_ticket a {
text-decoration: underline;
color: #fff;
}

#section_ticket .ticket_left {
display: block;
margin-top: 15px;
}

#section_ticket .ticket_right {
display: block;
border-top: 1px solid #3c3c3c;
padding-top: 20px;
margin-top: 20px;
}

#section_ticket .ticket_wide {
display: block;
margin-top: 15px;
}

#section_ticket .spacer {
display: block;
height: 20px;
}

#section_ticket ul {
padding: 0 0 0 20px;
margin: 0;
font-size: 80%;
}

#section_ticket ul li {
padding: 0;
margin: 0;
}

#section_ticket h5 {
margin-top: 15px;
}

#section_ticket .border_white {
display: block;
border-bottom: 1px solid #fff;
margin: 30px 0;
}

#section_ticket .border_gray {
display: block;
border-bottom: 1px solid #3c3c3c;
margin: 20px 0;
}

#section_ticket .content_outline {
display: block;
padding: 5px 15px;
margin: 30px 0;
border: 1px solid #3c3c3c;
}

/*==================================
Section Detail
==================================*/
#section_detail0906 h2 {
background-image: url(../common/date0906.png);
background-size: 180px;
height: 120px;
}

#section_detail0907 h2 {
background-image: url(../common/date0907.png);
background-size: 180px;
height: 120px;
}

#section_detail0913 h2 {
background-image: url(../common/date0913.png);
background-size: 180px;
height: 120px;
}

#section_detail0914 h2 {
background-image: url(../common/date0914.png);
background-size: 180px;
height: 120px;
}

#section_detail0906,
#section_detail0907,
#section_detail0913,
#section_detail0914 {
background-color: #fff;
background-image: url(../common/bg_pattern.png);
background-repeat: repeat;
background-size: 50px;
padding-bottom: 90px;
}

#section_detail0906 {
padding-top: 60px !important;
}

.event_detail {
display: block;
color: #fff;
background-color: #000;
}

.event_detail a {
color: #fff;
text-decoration: underline;
}

.event_detail .artist_photo {
display: block;
}

.event_detail .artist_photo a {
display: block;
width: 50%;
height: 140px;
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
background-color: #000;
float: left;
}

@media screen and (max-width: 320px) {
.event_detail .artist_photo a {
height: 115px;
}
}

@media screen and (min-width: 414px) {
.event_detail .artist_photo a {
height: 160px;
}
}

.event_detail a.artist_perfume {
background-image: url(../common/artist_perfume.jpg);
}

.event_detail a.artist_sugasikao {
background-image: url(../common/artist_sugasikao.jpg);
}

.event_detail a.artist_rekishi {
background-image: url(../common/artist_rekishi.jpg);
}

.event_detail a.artist_hoshinogen {
background-image: url(../common/artist_hoshinogen.jpg);
}

.event_detail a.artist_mth {
background-image: url(../common/artist_mth.jpg);
}


.event_detail .event_spec {
display: block;
padding: 15px 10px;
}

.event_detail table {
text-align: left;
}

.event_detail table th {
display: block;
padding: 15px 10px 5px 10px;
font-weight: normal;
border-top: 1px solid #fff;
font-size: 110%;
font-weight: 500;
}

.event_detail table td {
display: block;
padding: 5px 10px 15px 10px;
}

.event_detail table th.noborder,
.event_detail table td.noborder {
border-top: none;
}

/* Bottom Nav */
.detail_bottom_nav {
display: none;
}

/*==================================
Section Notice
==================================*/
#section_notice {
background-color: #fff;
/*
background-image: url(../common/bg_pattern.png);
background-repeat: repeat;
*/
}

#section_notice h2 {
background-image: url(../common/h2_notice.png);
background-size: 90px;
padding-bottom: 30px;
border-bottom: 1px solid #000;
}

#section_notice a {
text-decoration: underline;
}

#section_notice .notice_read {
display: block;
border-bottom: 1px solid rgba(0,0,0,.1);
padding-bottom: 20px;
margin-bottom: 30px;
}

#section_notice ul {
padding: 0 0 10px 20px;
margin: 0;
font-size: 95%;
}

#section_notice ul li {
padding: 0;
margin: 5px 0;
}

#section_notice h5 {
font-size: 110%;
margin: 30px 0 10px 0;
}

#section_notice .notice_list {}

#section_notice .notice_list p {
font-size: 95%;
}

#section_notice .notice_list .inner {
display: inline-block;
padding: 10px 20px;
margin: 15px 0;
border: 1px solid #000;
background-color: #f6f6f6;
}

#areamap {
display: block;
}

#areamap #areamap_osaka13 {
display: block;
height: 340px;
background-image: url(../common/areamap_osaka13.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border: 1px solid #e3e3e3;
margin-bottom: 30px;
margin-top: 10px;
background-color: #f9f9f9;
}

#areamap #areamap_osaka14 {
display: block;
height: 340px;
background-image: url(../common/areamap_osaka14.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border: 1px solid #e3e3e3;
margin-bottom: 10px;
margin-top: 10px;
background-color: #f9f9f9;
}

#areamap table {
display: block;
text-align: center;
border-bottom: 1px solid #e3e3e3;
overflow: scroll;
}

#areamap th {
display: block;
border-top: 1px solid #e3e3e3;
padding: 5px 0;
width: 100px;
background-color: #f6f6f6;
font-weight: 500;
}

#areamap td {
border-top: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
padding: 5px 15px;
}

#areamap td.highlight {
background-color: #f6f6f6;
font-weight: 500;
}

#areamap h4 {
margin: 30px 0 15px 0;
font-weight: 600;
font-size: 120%;
text-align: center;
}

#areamap h5 {
margin: 15px 0 !important;
font-weight: 500;
font-size: 100% !important;
/* text-align: center; */
/* color: #d00; */
}

#areamap .date_strong {
font-size: 100% !important;
font-weight: 500;
padding-bottom: 5px;
}

/*==================================
Section Goods
==================================*/
#section_goods {
background-color: #fff;
background-image: url(../common/bg_pattern.png);
background-repeat: repeat;
}

#section_goods h2 {
background-image: url(../common/h2_goods@2x.png);
background-size: 90px;
/*
padding-bottom: 30px;
border-bottom: 1px solid #000;
*/
}

.goods_list {
margin: 15px auto;
border-left: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

.goods_list .item {}

.goods_list .item a {
display: block;
padding: 240px 20px 30px 20px;
margin: 0;
text-align: center;
background-position: center 15px;
background-repeat: no-repeat;
background-size: 240px;
background-color: #fff;
border-bottom: 1px solid #e3e3e3;
}

.goods_list .item a:hover {
background-color: #ffd100;
text-decoration: none;
}

.goods_list .item h4 {
font-size: 120%;
margin: 15px 0 5px 0;
}

.goods_list .item h5 {
font-family: 'Share Tech Mono', monospace;
font-size: 140%;
margin: 0 0 5px 0;
}

.goods_list .item p {
font-size: 90%;
}

.goods_list .item.goods01 a {
background-image: url(../goods/item01.png);
}

.goods_list .item.goods02 a {
background-image: url(../goods/item02.png);
}

.goods_list .item.goods03 a {
background-image: url(../goods/item03.png);
}

.goods_list .item.goods04 a {
background-image: url(../goods/item04.png);
}

.goods_list .item.goods05 a {
background-image: url(../goods/item05.png);
}

.goods_list .item.goods06 a {
background-image: url(../goods/item06.png);
}

.goods_list .item.goods07 a {
background-image: url(../goods/item07.png);
}

.goods_list .only {
display: inline-block;
width: 60px;
padding: 3px 0;
margin: -200px 30px 0 0;
color: #fff;
background-color: #000;
border-radius: 4px;
letter-spacing: .1em;
font-size: 80% !important;;
position: absolute;
right: 10px;
}

.goods_read {}

.goods_read h3 {
font-size: 130%;
font-weight: 500;
padding: 20px 0 0 0;
margin: 30px 0 20px 0;
border-top: 1px solid #000;
}

.goods_read h4 {
font-size: 100%;
margin: 15px 0 5px 0;
}

.goods_read h5 {
font-size: 100%;
margin: 5px 0;
font-size: 500;
line-height: 180%;
}

.goods_read a {
text-decoration: underline;
}

.goods_read ul {
padding: 0 0 10px 20px;
margin: 0;
font-size: 95%;
}

.goods_read ul li {
padding: 0;
margin: 2px 0;
}
.goods_read .notice_list {
padding: 0 30px;
}

.goods_read .notice_list p {
font-size: 95%;
}

.goods_read .inner {
display: block;
padding: 10px 20px;
margin: 15px 0;
border: 1px solid #c9c9c9;
background-color: #fcfcfc;
}

.goods_read a {
text-decoration: underline;
font-weight: 500;
}

.goods_read .text_imp {
color: #e00;
font-weight: 500;
text-decoration: underline;
}

/*==================================
Section Movie
==================================*/
#section_movie {
background-color: #000;
}

#section_movie h2 {
background-image: url(../common/h2_movie.png);
background-size: 85px;
}

#section_movie iframe {
display: block;
width: 100%;
margin: 0 auto;
}

/*==================================
Section enquete
==================================*/
#section_enquete {
background-color: #fff;
/*
background-image: url(../common/bg_pattern.png);
background-repeat: repeat;
*/
}

#section_enquete h3 {
font-size: 150%;
border-bottom: 2px solid #000;
padding: 0 0 15px 0;
margin-bottom: 15px;
}

#section_enquete .read {
display: block;
margin-bottom: 15px;
}

#section_enquete .enquete_link {
display: block;
}

#section_enquete .enquete_link a {
display: block;
padding: 15px 0;
margin-top: 10px;
background-color: #000;
color: #fff;
text-align: center;
}

#section_enquete .enquete_link a:hover {
background-color: #f64b7f;
text-decoration: none;
}

/*==========================================
クリア*/
.fix {
overflow: hidden;
zoom: 1;
}

/*全てにおいて非表示*/
.none {
display: none;
}

/*モバイルで表示*/
.display_sp {
display: block !important;
}

.display_pc {
display: none !important;
}