@charset "utf-8";

/* 2019-01-23 .ticket_btn cursor : pointer; */

/* = in common
------------------------------------------------------------------------------------------*/
.main_wrap {margin: 0 auto;}
.main_wrap h1 {text-align: center;font-size: 0.9rem;}
.main_wrap h1 strong {color: #cc0000;letter-spacing: 0.2rem;font-weight: inherit;display: block;}
.main_wrap h1.tit_jp {color:#cc0000;}
.main_wrap h2 {border:1px solid #cccccc;background-color: white;}
.main_wrap h3 {font-weight: bolder;}
.txt_block ul {list-style-type: inherit;padding-left: 2rem;}
.txt_block li {margin-left: 1em;text-indent: -1em;}
.txt_table dl {display: table;border-bottom:1px dotted #cccccc;width: 100%;}
.txt_table dt,.txt_table dd {display: table-cell;}
.text-indent {text-indent: -1rem; padding-left: 1rem;}
@media only screen and (min-width: 1000px), print {
.main_wrap {width: 1000px;padding-top: 30px;}
.main_wrap h1 {margin-bottom: 25px;}
.main_wrap h1 strong {font-size: 3rem;}
.main_wrap h2  {padding: 0.7rem;font-size: 1rem;margin-bottom: 20px;}
.txt_block {margin-bottom: 30px;}
.txt_block h3 {font-size: 1rem;margin-bottom: 1rem;}
.txt_table dl {width: 100%;text-align: left;padding: 10px;box-sizing: border-box;}
.txt_table dt {width: 20%;}
}
@media only screen and (max-width: 999px) {
.main_wrap {width: 94%;padding-top: 2.5vw;}
.main_wrap h1 {margin-bottom: 3vw;letter-spacing: inherit;}
.main_wrap h1 strong {font-size: 2rem;letter-spacing: 0.1rem;}
.main_wrap h2 {padding: 0.4rem 0.6rem;font-size: 1rem;margin-bottom: 3.5vw;}
.txt_block {margin-bottom: 20px;}
.txt_block h3 {margin-bottom: 1rem;font-size: 1rem;}
.txt_table dl {padding: 5px;}
.txt_table dt {width: 35%;padding-right: 10px;}
}


/* = 404 not found
------------------------------------------------------------------------------------------*/
.notfound h1 {font-weight: bold;margin-bottom: 30px;letter-spacing: 0.1rem;}
.notfound a {display: block;margin: 0 auto; box-sizing: border-box;background-color: #cc0000;color: #fff;text-align: center;border-radius: 500px;}
.notfound a {padding: 0.5rem;}
.notfound a:hover {text-decoration: none;background-color: #ff0000;}

@media only screen and (min-width: 1000px), print {
.notfound {padding: 200px 0;}
.notfound h1 {font-size: 1rem;}
.notfound a {width: 50%;}
}
@media only screen and (max-width: 999px) {
.notfound {padding: 100px 0;}
.notfound h1 {font-size: 1rem;}
.notfound a {width: 80%;}
}


/* = toppage
------------------------------------------------------------------------------------------*/
.top_wrap {padding-top: 0;margin:0 auto;}
.top_info h2 {text-align: center;border: none;background-color: inherit;font-size: 1rem; letter-spacing: 0.1rem;}
.top_info h2 strong {font-size: 2rem;font-weight: inherit;color: #cc0000;}
.top_mainimg a:hover img {opacity: 0.5;}
@media only screen and (min-width: 1000px), print {
.top_wrap {width: 100%;max-width: 1000px;margin-bottom: 10px;}
.top_wrap:after {clear: both;display: block;height: 0;line-height: 0;visibility: hidden;font-size: 0.1rem;content: ".";}
.top_info h2 {margin-bottom: 15px;padding: inherit;}
.top_mainimg {width: 100%;padding-top: 15px;height: 330px;margin-bottom: 25px !important;}
.top_mainimg img {width: 90%;margin: 0 auto;padding-top: 12px;opacity: 0.5;}
.top_mainimg img.single {width: 767px;opacity: 1;}
.top_mainimg .slick-center img {width: 100%;padding-top: 0;opacity: 1;}
.top_mainimg .slick-center a:hover img {opacity: 0.9;}
}
@media only screen and (max-width: 999px) {
.top_wrap {width: 94%;}
.top_info h2 {margin-bottom: 3.5vw;letter-spacing: inherit;padding: 0;}
.top_mainimg {overflow: hidden;height: auto;padding: 0;margin-bottom: 4vw !important}
.top_mainimg img {width: 100%;border-radius: 0;padding: 0;}
.top_mainimg img.single {width: 100%;}
}

/********************** slick *******************************/
.slider {display: none;}
.slider.slick-initialized {display: block;}
.slick-slider {margin: 0;}
.slick-slide, .slick-slide img, .slick-active {-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;}
.slick-dots {bottom: 30px;}

@media only screen and (min-width: 1000px), print {
.slick-slide {width: 840px;}
.slick-prev:before, .slick-next:before {font-size: 60px !important;color: black !important;}
.slick-prev, .slick-next {z-index: 4;height: 60px !important;width: 60px !important;}
.slick-prev {left: 0 !important;margin-left: calc(50vw - 470px);}
.slick-next {right: 0 !important;margin-right: calc(50vw - 470px);}
}
@media only screen and (max-width: 999px) {
.slick-slide {width: auto;height: 37vw !important;}
.slick-prev, .slick-next {display: none !important;}
}
/********************** information *******************************/
.top_info {border: 5px solid #cc0000;margin-bottom: 30px;border-radius: 10px;float: right;background-color: white;box-sizing: border-box;}
.top_info h2 {padding: 0;letter-spacing: 0;}
.top_info .info_block dl {background-color: white;box-sizing: border-box;margin-top: 0.5rem;}
.top_info .info_block dt, .top_info .info_block dd {width: 100%;box-sizing: border-box; font-size: 0.9rem;}
.top_info .info_block dt {font-weight: bolder;background-color: #333333;color: white;}
.top_info .info_block dt a {color: white;}
.top_info .info_block dd {border: 1px solid #aaa;border-top: none;}
.top_info .info_block dd li {border-top: 1px solid #ccc;}
.top_info .info_block dd li:first-child {border-top: none;}
.top_info .info_block a {color: #333333;display: block;}
.top_info .info_block a: hover {text-decoration: none;background-color: #f2f2f2;}
.top_info .top_maintenance {padding: 0;}
.top_info .top_maintenance ul {list-style: inherit;padding-left: 2rem;}
.top_info .top_maintenance li {margin-bottom: 0.6rem;color: #cc0000;font-size: 0.9rem;}
.top_info .top_maintenance li a {color: black;}
@media only screen and (min-width: 1000px), print {
.top_info {padding: 15px 15px 5px;width: 37.5%;}
.top_info h2 strong {letter-spacing: 0.1rem;}
.top_info .info_block {margin-bottom: 15px;}
.top_info .info_block dl:nth-child(n+2) {margin-top: 5px;}
.top_info .info_block dt {padding: 10px 20px;}
.top_info .info_block dd {font-weight: bold;}
.top_info .info_block dd li {padding: 10px 25px;}
.top_info .top_maintenance {margin-bottom: 15px;}
}
@media only screen and (max-width: 999px) {
.top_info {padding: 0.2rem;border: 6px solid #cc0000;margin-bottom: 20px;width: 100%;}
.top_info h2 {margin-top: 0.6rem;}
.top_info h2 strong {font-size: 1rem;letter-spacing: 0;font-weight: bold;font-size: 2rem;}
.top_info .info_block {margin-bottom: 0.2rem;font-size: 1rem;}
.top_info .info_block dt {padding: 0.2rem 0.5rem;}
.top_info .info_block dd {display: block;width: 100%;box-sizing: border-box;padding: 0 0.2rem;}
.top_info .info_block dd li {padding: 0.5rem;}
.top_info .top_maintenance {margin-top: 1rem;margin-bottom: 0px;}
}

/********************** news *******************************/
.top_news h2 {margin-bottom: 0;border: none;text-align: center;background-color: initial;}
.top_news h2 strong {color: #cc0000;}
.top_news dl {border: 2px solid #eaeaea;border-bottom: 0;box-sizing: border-box;background-color: white;}
.top_news dt {color: #333333;font-weight: bolder;background-repeat: no-repeat;}
.top_news a {display: block;text-decoration: none;color: #333333;}
.top_news a: hover dl {background-color: #f2f2f2;}
.top_news dt.kouen {background-image: url(../images/news_kouen2018.png);}
.top_news dt.info {background-image: url(../images/news_info2018.png);}
.news_block {border-bottom: 2px solid #eaeaea;}
.news_link {padding: 0 1rem; margin-top: 1rem;}
.news_link a {display: block;background-color: #cc0000;color: white;text-align: center;border-radius: 40px;margin: 0 auto;font-size: 1rem;box-sizing: border-box;}
.news_link a:hover {text-decoration: none;background-color: #ee0000;}
@media only screen and (min-width: 1000px), print {
.top_news h2 strong {font-size: 2.2rem;letter-spacing: 0.2rem;font-weight: inherit;}
.top_news {float: left;width: 62.5%;vertical-align: top;box-sizing: border-box;padding-right: 15px;}
.top_news dl {display: table;text-align: left;padding: 15px 20px;width: 100%;}
.top_news dt,.news dd {display: table-cell;}
.top_news dt {width: 72px;color: #333333;padding-bottom: 20px;background-position: left bottom;}
.top_news dt.kouen, .top_news dt.info {background-size: 70px 20px;}
.top_news dd {display: table-cell;padding-left: 15px;vertical-align: middle;}
.news_block {margin-bottom: 18px;}
.top_news dt, .top_news dd {font-size: 1rem;}
.news_link a {width: 60%;padding: 15px 0;}
}
@media only screen and (max-width: 999px) {
.top_news h2 strong {font-size: 2rem;letter-spacing: 0;font-weight: bold;}
.top_news {width: 100%;margin: 0 auto;padding: 0;padding-bottom: 10px;display: inherit;}
.top_news p {width: 100%;padding: 0;}
.top_news dl {display: inherit;padding: 2vw 4vw;}
.top_news dt, .top_news dd {font-size: 0.9rem;}
.top_news dt {display: inherit;width: auto;padding: 0 0 0.3rem 64px;background-position: left top;}
.top_news dt.kouen, .top_news dt.info {background-size: 56px 16px;}
.news_block {margin-bottom: 10px;}
.news_link a {width: 80%;padding: 3vw;}
}

/********************** artist,event *******************************/
.artist_list, .event_list {margin-bottom: 1.4rem;}
.artist_list h2, .event_list h2 {font-size: 1rem;margin-bottom: 1rem;text-align: center;}
.artist_list h2 strong, .event_list h2 strong {color: #cc0000;}
.artist_list ul, .event_list ul {border-left: 1px solid #d9d9d9;}
.artist_list ul:after, .event_list ul:after {clear: both;display: block;height: 0;line-height: 0;visibility: hidden;font-size: 0.1rem;content: ".";}
.artist_list li, .event_list li {float: left;border: 1px solid #cccccc; border-left: none;box-sizing: border-box;background-color: white;margin-top: -1px;}
.artist_list img, .event_list img {width: 100%;}
.artist_list h3, .event_list h3 {font-size: 1rem;font-weight: bolder;margin-top: 0.4rem;}
.artist_list p, .event_list p {font-size: 0.8rem;color: #333333 !important;margin-top: 0.2rem;margin-bottom: 0;}
.artist_list a, .event_list a {text-decoration: none;display: block;box-sizing: border-box;}
.artist_list a:hover, .event_list a:hover {background-color: #f2f2f2;}
.artist_list a:hover img, .event_list a:hover img {opacity: 1;}
.archive_link a {display: block;background-color: #cc0000;color: white;text-align: center;border-radius: 40px;margin: 0 auto;font-size: 1rem;box-sizing: border-box;}
.archive_link a:hover {text-decoration: none;background-color: #ee0000;}
@media only screen and (min-width: 1000px), print {
.artist_list h2 strong, .event_list h2 strong {font-size: 2.2rem;letter-spacing: 0.2rem;font-weight: inherit;}
.artist_list ul, .event_list ul {margin-bottom: 30px;}
.artist_list li, .event_list li {width: 25%;}
.artist_list a, .event_list a {padding: 16px;}
.archive_link {padding: 0 0 15px;}
.archive_link a {width: 50%;padding: 15px 0;}
}
@media only screen and (max-width: 999px) {
.artist_list h2 strong, .event_list h2 strong {font-size: 2rem;letter-spacing: 0;font-weight: bold;}
.artist_list ul, .event_list ul {margin-bottom: 15px;}
.artist_list li, .event_list li {width: 50%;}
.artist_list a, .event_list a {padding: 3vw;}
.archive_link {padding: 0;}
.archive_link a {width: 80%;padding: 3vw;}
}

/********************** sns *******************************/
.top_sns {margin: 0 auto;border-collapse: separate;border-spacing: 20px 0;padding: 10px 0;}
.top_sns_block {vertical-align: top;}
.top_sns_block h2 {padding-bottom: 5px;text-align: left;}
.top_sns_block h2 img {width: 94%;}
.top_sns_block li {line-height: 0;margin-bottom: 5px;}
.top_sns_block li img {width: 100%;}
@media only screen and (min-width: 667px), print {
.top_sns {display: table;width: 100%;max-width: 1000px;}
.top_sns_block {display: table-cell;width: 33.33%;}
}
@media only screen and (max-width: 666px) {
.top_sns {width: 92%;border-spacing: inherit;}
.top_sns_block:nth-child(n+2) {margin-top: 2rem;}
.top_sns_block:nth-child(3) {width: 100%;display: inline-block;}
.top_sns_block li {width: 48%;display: inline-block;}
.top_sns_block li:nth-child(2n+1) {padding-right: 2%;}
}


/* = article
------------------------------------------------------------------------------------------*/
/********************** list *******************************/
.news_list dl {width: 100%;box-sizing: border-box;border-bottom: 1px solid #cccccc;}
.n_list_name {font-weight: bolder; font-size:1.1rem;}
.n_list_date {padding-bottom: 5px; font-size:0.9rem;}
.n_list_photo {width: 100%;}
.n_list_text img, .n_list_photo img {max-width: 100%;display: block;margin: auto;}
.n_list_text p {margin-bottom: 1rem;}
.news_list .n_list_text{font-weight: bold;font-size: 1.1rem;}
.news_more {margin: 0;}
.news_more a {display: block;background-color: #cc0000;color: white;text-align: center;border-radius: 20px;margin: 0 auto;box-sizing: border-box;}
.news_list .news_more a:hover {text-decoration: none;background-color: #ee0000;}
@media only screen and (min-width: 1000px), print {
.news_list dl {display: table;padding-bottom: 20px;margin-bottom: 20px;}
.news_list dt,.news_list dd {display: table-cell;vertical-align: top;}
.news_list dt {line-height: 0;padding-right: 20px;width: 10%;}
.n_list_text {margin-top: 6px;}
.n_list_date {margin: 10px 0;border-bottom: 1px dotted #cccccc;}
.news_more a {margin: 0 0 0 auto;width: 250px;padding: 10px 0;}
}
@media only screen and (max-width: 999px) {
.news_list_wrap {padding-top: 0px;}
.news_list dl {display: inherit;padding: 0;margin-bottom: 1rem;}
.news_list dt, .news_list dt img {display: none;}
.news_list dd {display: block;}
.n_list_text {margin-top: 4px;}
.n_list_date {margin: 6px 0;}
.news_more {padding-bottom: 5px;margin: 0 0 10px 0;}
.news_more a {width: 50%;padding: 1vw;}
}
/********************** view *******************************/
.news_view dl {width: 100%;box-sizing: border-box;border-bottom: 1px solid #cccccc;}
.n_view_name {font-weight: bolder;font-size: 1rem;}
.n_view_date {border-bottom: 1px dotted #cccccc;padding-bottom: 5px;margin-bottom: 10px;}
.n_view_text {margin-bottom: 10px;}
.n_view_photo {width: 100%;max-width: 100%;}
@media only screen and (min-width: 1000px), print {
.news_view dl {display: table;padding-bottom: 20px;margin-bottom: 20px;}
.news_view dt,.news_view dd {display: table-cell;vertical-align: top;}
.news_view dt {line-height: 0;padding-right: 20px;width: 10%;}
}
@media only screen and (max-width: 999px) {
.news_view_wrap {padding-top: 0px;}
.news_view dl {display: inherit;padding: 0;}
.news_view dt, .news_view dt img {display: none;}
.news_view dd {font-size: 1rem;padding: 0;}
}


/* = Concert, Event
------------------------------------------------------------------------------------------*/
/********************** common *******************************/
.artist_wrap {box-sizing: border-box;position: relative;font-size: 0.9rem;}
.artist_wrap h2 {margin-bottom: 1rem;}
.artist_tit {text-align: center;}
.artist_tit strong {color: #cc0000;}
@media only screen and (min-width: 1000px), print {
.artist_wrap {width: 1000px;margin: 0 auto 50px;}
.artist_tit {letter-spacing: 0.2rem;font-size: 1rem;padding: 10px 0 40px;}
.artist_tit strong {font-size: 1.8rem;font-weight: inherit;}
.mgnb_s {padding-bottom: 20px;}
}
@media only screen and (max-width: 999px) {
.artist_wrap {width: 94%;margin: 0 auto 20px;}
.artist_tit {letter-spacing: inherit;padding: 1vw 0 20px;font-size: 0.9rem;margin-bottom: 0;}
.artist_tit strong {font-size: 2rem;padding-right: 5px;}
.mgnb_s {padding-bottom: 10px;}
}

/********************** common(navi) *******************************/
.artist_nav {background-image: url(../images/artist_nav_bg.png);background-repeat: repeat-x;background-position: center bottom;margin-bottom: 20px;}
.artist_nav ul {padding-bottom: 5px;}
.artist_nav li {text-align: center;}
.artist_nav li strong {display: block;font-weight: inherit;}
.artist_nav li a {color: #333333;}
.artist_nav li a:hover {background-color: #eeeeee;text-decoration: none;}
@media only screen and (min-width: 1000px), print {
.artist_nav ul {display: table;width: 1000px;margin: 0 auto;border-left: 1px solid #cccccc;box-sizing: border-box;}
.artist_nav li {display: table-cell;border-right: 1px solid #cccccc;font-size: 0.7rem;box-sizing: border-box;width: 16%;}
.artist_nav li strong {font-size: 1.1rem;}
.artist_nav li a {display: block;padding: 12px 0;}
}
@media only screen and (max-width: 999px) {
.artist_detail {padding-top: 45px;}
.artist_nav ul {width: 100%;font-size: 0;}
.artist_nav li {display: inline-block;font-size: 0.7rem;padding-top: 0.4rem;padding-bottom: 0.4rem;border-bottom: 1px solid #cccccc;}
.artist_nav li:nth-child(odd) {border-right: 1px solid #cccccc;width: 50%;}
.artist_nav li:nth-child(even) {width: calc(50% - 1px);}
.artist_nav li strong {font-size: 1.2rem;}
}

/********************** info page *******************************/
.artist_main {background-color: #222222;line-height: 0;height: 37vw;overflow: hidden;position: relative;max-height: 370px;display: flex; justify-content: center; align-items: center;}
.artist_main img {width: 100%;max-width: 1000px;-webkit-filter: none;filter: none;z-index: 5;position: relative;}
.artist_main_bg {width: 100%;height: 25vw;position: absolute;top: 0;left: 0;background-size: cover;background-position: center;background-repeat: no-repeat;-webkit-filter: blur(10px);filter: blur(10px);opacity: 0.7;}
.artist_title {margin-bottom: 1rem;word-break: break-word;}
.artist_share li {display: inline-block;vertical-align: middle;}
.facebook, .line, .tweet {border-radius: 5px;-moz-border-radius: 5px ;-webkit-border-radius: 5px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.facebook {background-color: #3b5998;background-image: url(../images/facebookbutton_20x20.png);}
.line {background-color: #00c300;background-image: url(../images/linebutton_20x20.png);}
.tweet {background-color: #1da1f2;background-image: url(../images/tweetbutton_20x20.png);}
.facebook:hover, .line:hover, .tweet:hover {opacity: 0.8;}
.txt_l {vertical-align: top;background-color: #eeeeee;padding: 1rem;margin-bottom: 1rem;font-size: 0.9rem}
.news_box {margin-bottom: 1rem;}
.news_box_date, .news_box_text {display: inline;}
.news_box_date {font-size: 0.9rem;margin-right: 0.3rem;}
.freearea {margin-bottom: 1rem;}
.aboutreserve {border: 1px solid #cccccc;}
.aboutreserve p {text-align: center;background-color: #eeeeee;}
.aboutreserve ul {list-style: inherit;}
.schedule_wrap {margin-bottom: 1rem;}
.underlineGray {border-bottom-style: solid;border-bottom-width: 2px;border-bottom-color: rgb(191, 191, 191);}
@media only screen and (min-width: 1000px), print {
.artist_title {font-size: 1.8rem;font-weight: bold;padding-right: 200px;}
.artist_title span {font-size: 1rem;}
.artist_wrap h2 {font-weight: bolder;}
.artist_share {position: absolute;background-color: black;padding: 7px 4px 7px 12px;border-radius: 5px;-moz-border-radius: 5px ;-webkit-border-radius: 5px;top: -5px;right: 0;}
.artist_share li {margin-right: 5px;color: white;}
.artist_share li span {display: none;}
.facebook, .line, .tweet {width: 30px;height: 30px;}
.news_box {padding: 0 1rem;}
.news_box_text {overflow: hidden;}
.aboutreserve {margin-bottom: 35px;}
.aboutreserve_div {padding: 10px 20px;}
.aboutreserve p {margin: 0;padding: 10px;font-weight: bold;}
.aboutreserve ul {padding-left: 1rem;}
}
@media only screen and (max-width: 999px) {
.artist_title {font-size: 1.6rem;width: 100%;font-weight: bold;}
.artist_title span {display: block;font-size: 0.9rem;}
.artist_wrap h2, .news_box, .freearea {margin-left: 2%;margin-right: 2%;font-size: 0.8rem;}
.artist_wrap h2 {font-size: 0.9rem;}
.artist_share {background-color: white;padding: 0;margin-bottom: 1rem;}
.artist_share li {margin-right: 0;color: black;}
.artist_share li span {display: inline;vertical-align: 1px;}
.artist_share img {width: 20px;}
.facebook, .line, .tweet {width: 100%;height: 30px;}
.facebook {background-size: 25px 25px;}
.line {background-size: 30px 30px;}
.tweet {background-size: 30px 30px;}
.sns_icon {width: 30px;height: 30px;}
.artist_txt{margin-bottom: 5vw;border-top: 1px solid #ccc;padding:10px 0;border-bottom: 1px solid #ccc;}
.txt_l {width: 100%;display: inherit;box-sizing: border-box;padding: 15px 10px;font-size: 0.9rem;}
.news_box li {display: table;}
.news_box_date, .news_box_text {display: table-cell;}
.news_box_text {padding-left: 0.4rem;font-size: 0.9rem;} 
.aboutreserve {font-size: 0.9rem;margin-bottom: 15px;}
.aboutreserve_div {padding: 10px;}
.aboutreserve p {padding: 10px 0;}
.aboutreserve ul {padding-left: 1.6rem;margin-bottom: 1.2rem; padding-right:0.2rem;}
}

/********************** tab box *******************************/
#tabMenu ul:after {clear: both;display: block;height: 0;line-height: 0;visibility: hidden;font-size: 0.1rem;content: ".";}
#tabMenu li {float: left;text-align: center;}
#tabMenu li a {display: block;background-color: #333333;color: #eeeeee;border: 1px solid #666666;position: relative;font-weight: bolder;}
#tabMenu li a:hover {text-decoration: none;background: #666666;}
#tabMenu li a.active {background: white;border: 1px solid #cccccc;z-index: 2;color: #333333;}
#tabBoxes .area_red {border: 6px solid #e59999;}
#tabBoxes .area_red h1 {background-color: #cc3333;}
#tabBoxes .area_blue {border: 6px solid #99b2e5;}
#tabBoxes .area_blue h1 {background-color: #3366cc;}
#tabBoxes .area_wrap {box-sizing: border-box;display: none;min-height: 200px;}
#tabBoxes .area_wrap.default {display: block;}
#tabBoxes .area_wrap h1 {color: white;text-align: center;font-weight: bolder;font-size: 1rem;margin-top: -30px;}
#tabBoxes .show_date {margin-bottom: 1rem;font-weight: bolder;border-collapse: collapse;}
#tabBoxes .show_date dl {border-bottom: 1px dashed #aaaaaa;}
#tabBoxes .show_date dt {white-space: nowrap;width: 15%;}
#tabBoxes .price {background-color: #f2f2f4; font-size: 1rem;}
#tabBoxes .sponsoredname{font-size: 0.9rem;}
#tabBoxes .ticket {width: 100%;margin: 0 auto;}
#tabBoxes .entry_block {margin-top: 1rem;}
#tabBoxes .ticket_info {font-size: 1.8rem;font-weight: bolder;text-align: center;margin-bottom: 1rem;background-color: #333333;color: white;padding: 0.8rem;}
/* ul */
#tabBoxes ul {width: 100%;}
#tabBoxes .ticket li {box-sizing: border-box;width: 100%;margin-bottom: 1rem;}
#tabBoxes .ticket_detail {color: #333333;font-weight: bold;}
#tabBoxes .ticket_tit {border-bottom: 1px dashed #888888;font-weight: bold;margin-top: 0.2rem;margin-bottom: 0.5rem;padding-bottom: 6px;}
#tabBoxes .ticket_tit:nth-child(n+2){margin-top:1rem;}
#tabBoxes .ticket_date {color: #cc0000;}
#tabBoxes .ticket_btn {text-align: center; color: white;box-sizing: border-box;cursor: pointer;}
#tabBoxes .onsale {background-color: #cc0000;}
#tabBoxes .nosale {background-color: #999999;}
#tabBoxes .ticket_btn a {display: block;color: white;border-radius: 5px;}
#tabBoxes .ticket_btn a:hover {text-decoration: none; background-color: #ff0000;}
#tabBoxes .ticket_detail_wrap {border-radius: 0 0 15px 15px;box-shadow: 0 3px 2px #cccccc;background: linear-gradient(to bottom, #fafafa 0%,#f1f1f1 100%);}
#tabBoxes .ticket_detail_btn {background-image: url(../images/d_arrow_b.png);background-repeat: no-repeat;background-position: center 80%;text-align: center;}
#tabBoxes .ticket_detail_btn:hover {cursor: pointer;background-image: url(../images/d_arrow_b_on.png);}
#tabBoxes .ticket_detail_btn.changed {background-image: url(../images/d_arrow_b2_on.png);}	
#tabBoxes .ticket_notes {font-weight: normal;}
#tabBoxes .reserve_large {font-size: 1.2rem;}
@media only screen and (min-width: 1000px), print {
#tabBoxes .area_wrap {padding: 10px 20px 20px;}
#tabBoxes .area_wrap h1 {width: 130px;height: 130px;line-height: 130px;float: left;margin-bottom: 15px;}
#tabMenu {margin-bottom: 2rem;}
#tabMenu li {width: 16.66%;}
#tabMenu li a {padding: 20px 0;}
#tabBoxes .show_date {width: 795px;margin-left: 153px;display: table;}
#tabBoxes .show_date dl {display: table-row;}
#tabBoxes .show_date dt {display: table-cell;padding: 10px 0 5px;line-height: 1.3rem;font-size: 1rem;}
#tabBoxes .show_date dt span.date {font-size: 2rem;}
#tabBoxes .show_date dd span.venue {font-size: 1.6rem;}
#tabBoxes .show_date dt span.open {font-size: 1rem;}
#tabBoxes .show_date dd {display: table-cell;padding: 10px 0 5px 20px;}
#tabBoxes .price {padding: 1rem 1.5rem;margin-bottom: 25px;clear: both;}
/* ul */
#tabBoxes li {display: table;padding: 10px;}
#tabBoxes .ticket_status {margin-bottom: 1rem;}
#tabBoxes .ticket_icon {display: table-cell;width: 200px;border: 4px solid #cccccc;background-color: white;vertical-align: middle;box-sizing: border-box;}
#tabBoxes .ticket_icon img {display: block;margin: auto;}
#tabBoxes .ticket_tit {font-size: 1.2rem;}
#tabBoxes .ticket_detail {display: table-cell;width: 732px;padding-left: 20px;}
#tabBoxes .ticket_date {float: left;width: 488px;padding-right: 10px;padding-top: 8px;font-size: 1.2rem;}
#tabBoxes .ticket_status:after {clear: both;display: block;height: 0;line-height: 0;visibility: hidden;font-size: 0.1rem;content: ".";}
#tabBoxes .ticket_btn {float: right;width: 210px;padding: 0.8rem 0;}
#tabBoxes .ticket_btn {border-radius: 5px;font-size: 1.2rem;}
#tabBoxes .ticket_detail_btn {background-size: 20px;padding: 12px 0 30px;}
#tabBoxes .ticket_notes {padding: 0 1rem 2rem; line-height: 1.2rem;font-size: 0.8rem;}
}
@media only screen and (max-width: 999px) {
#tabBoxes .area_wrap {padding: 10px;}
#tabBoxes .area_wrap h1 {width: 100%;height: auto;padding: 5vw 0;margin-bottom: 1rem;font-size: 1.2rem;}
#tabMenu {margin-bottom: 8vw;}
#tabMenu li {width: 33.333%;font-size: 0.9rem;}
#tabMenu li a {padding: 15px 0;}
#tabBoxes .show_date {width: 100%;display: inherit;font-size: 1rem;line-height: 1.5rem;}
#tabBoxes .show_date dt {width: 100%;line-height: 1.2rem;font-size: 1rem;}
#tabBoxes .ticket_info {font-size: 1.2rem;}
#tabBoxes .area_wrap  dt span.date {font-size: 1rem;}
#tabBoxes .area_wrap  dt span.open {font-size: 1rem;}
#tabBoxes .show_date dl:nth-child(n+2){margin-top: 0.6rem; }
#tabBoxes .show_date dd {padding-bottom: 0.6rem;margin-top: 0.6rem;}
#tabBoxes .area_wrap dd span.venue {font-size: 1.1rem;}
#tabBoxes .area_wrap dd br {display: block;}
#tabBoxes .price {padding: 0.6rem;margin-bottom: 0.6rem;font-size: 0.9rem;}
#tabBoxes .sponsoredname{font-size: 0.8rem;}
#tabBoxes .price p {margin-bottom: 0.8rem;}
/* ul */
#tabBoxes li {padding: 0 10px 10px;}
#tabBoxes .ticket_icon {width: 100%;margin-bottom: 8px;background-color: white;}
#tabBoxes .ticket_icon img {width: 100px;margin: 0 auto;display: block;}
#tabBoxes .ticket_tit {font-size: 1.2rem;}
#tabBoxes .ticket_detail {width: 100%;padding-left: 0;}
#tabBoxes .ticket_date {width: 100%;padding-top: 0;margin-bottom: 1rem;font-size: 1rem;}
#tabBoxes .ticket_btn {width: 100%;padding: 4px 0;}
#tabBoxes .ticket_btn {border-radius: 5px 5px 0 0;}
#tabBoxes .ticket_detail_btn {background-size: 15px;padding: 10px 0 24px;}
#tabBoxes .ticket_notes {padding: 0 0.5rem 0.5rem;line-height: 1.2rem;font-size: 0.8rem;}
#tabBoxes .ticket_notes p {margin-bottom: 0.5rem;}
}

/********************** not info page *******************************/
/* news */
.artist_main_in_wrap .artist_img img {width: 100%;}
.artist_news li {margin-bottom: 2rem;}
/* Google form */
fieldset {box-sizing: border-box;border: medium none !important;margin: 0 0 10px;padding: 0;max-width:100%;width:100%;}
fieldset div {margin-bottom: 8px;}
#formSender input, #formSender select, #formSender textarea {box-sizing: border-box;max-width:100%;width:100%;border:1px solid #cccccc;background:white;margin:0 0 5px;padding:8px;font-size:1rem;}
#formSender button[type="submit"] {cursor:pointer;width:100%;border:none;background:#bbbbbb;color:white;margin:1rem 0;font-size:1.2rem;padding: 0.4rem 0;}
#formSender button[type="submit"]:hover {background:black;-webkit-transition:background 0.2s ease-in-out;-moz-transition:background 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;}
#loading {display: table;width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0.9;background-color: white;}
#loading .loadingMsg {display: table-cell;text-align: center;vertical-align: middle;padding-top: 140px;background: url("/mediafile/images/gif-load.gif") center center no-repeat;font-size: 2rem;}
/* biography */
.artist_biography ul {list-style-type: none;}
.artist_biography li {text-indent: 1rem;}
/* disco */
.disco_wrap dt img {vertical-align: top;max-width: 100%;height: auto;}
/* goods */
.goods_wrap .alert {border: 10px solid #dddddd;}
.goods_wrap .alert h2 {text-align: center;}
.goods_wrap dt {margin-bottom: 1rem;line-height: 0;}
.goods_wrap dt img {width: 100%;height: auto;}
.goods_wrap dd h3 {font-weight: bolder;font-size: 1rem;border-bottom: 1px solid #cccccc;padding-bottom: 6px;margin-bottom: 1rem;}
.goods_wrap dd div {margin-top: 0.4rem;}
@media only screen and (min-width: 1000px), print {
.artist_main_in {background-color: #222222;}
.artist_main_in_wrap {width: 1000px;margin: 0 auto;display: table;}
.artist_main_in_wrap .artist_name {display: table-cell;color: white;vertical-align: middle;padding: 0 16px;} 
.artist_main_in_wrap .artist_name h1 {font-size: 1.5rem;font-weight: bolder;}
.artist_main_in_wrap .artist_name h1 span {font-size: 0.8rem;}
.artist_main_in_wrap .artist_name h2 {font-size: 0.9rem;margin-top: 1rem;}
.artist_main_in_wrap .artist_img {display: table-cell;line-height: 0;vertical-align: middle;width: 42%;padding: 10px 0;}
/* news */
.artist_news .n_list_photo {width: 80%;height: 80%;margin-left: 10%;}
/* biography */
.artist_biography li {margin: 0 1rem 1rem;}
/* disco */
.disco_wrap dl {width: 49%;display: inline-flex;flex-wrap: wrap;vertical-align: top;}
.disco_wrap dt {width: 160px;padding: 0 10px;line-height: 0;}
/* goods */
.goods_wrap:after {clear: both;display: block;height: 0;line-height: 0;visibility: hidden;font-size: 0.1rem;content: ".";}
.goods_wrap .alert {padding: 15px 30px;margin-bottom: 20px;}
.goods_wrap .alert h2 {font-size: 1rem;}
.goods_wrap dl {width: 44%;display: inline-block;box-sizing: border-box;overflow: hidden;vertical-align: top;margin-left: 4%;margin-bottom: 20px;}
.goods_wrap dl:nth-child(odd) {}
}
@media only screen and (max-width: 999px) {
.artist_main_in {line-height: 0;height: 37vw;overflow: hidden;position: relative;}
.artist_main_in .artist_name {display: none;}
.artist_main_in_wrap {width: 100%;}
.artist_main_in_wrap img {width: 100%;}
.artist_main_in_wrap .artist_name {display: none;}
.artist_main_in_wrap .artist_img {display: inherit;padding: 0;}
/* biography */
.artist_biography li {margin: 0 0.2rem 1.5rem 0.3rem;}
/* disco */
.disco_wrap dl {width: 100%;margin-bottom: 10px;border-bottom: 1px solid #cccccc;}
.disco_wrap dt, .disco_wrap dd {display: inline-block;}
.disco_wrap dt {width: 40%;}
/* goods */
.goods_wrap .alert {padding: 10px;margin-bottom: 10px;}
.goods_wrap .alert h2 {font-size: 1rem;margin-bottom: 0.5rem;}
.goods_wrap dl {width: 100%; padding: 0;margin-bottom: 1rem;}
}


/* = Calendar
------------------------------------------------------------------------------------------*/
.table_wrap {display: table;table-layout: fixed;width: 100%;border-collapse: collapse;margin-bottom: 2rem;}
.table_caption {display: table-caption;vertical-align: middle;text-align: center;margin-bottom: 10px;}
.table_row {display: table-row-group;}
.table_cell {display: table-cell;vertical-align: top;overflow: hidden;border: 1px solid #dddddd;background-color: white;}
.table_cell span {font-family: 'Oswald';display: block;}
.table_cell.sat span {color: #0066cc;}
.table_cell.sun span {color: #cc0000;}
.table_cell a {color: white;display: block;}
.table_row.table_youbi {background: none;}
.table_row.table_youbi .table_cell {height: auto;border: none;background: none;vertical-align: middle;}
.table_row.table_youbi .table_cell.sat {color: #0066cc;}
.table_row.table_youbi .table_cell.sun {color: #cc0000;}
@media only screen and (min-width: 1000px), print {
.table_caption span {font-size: 1.7rem;}
.table_cell {height: 3rem;padding: 5px;}
.table_cell a {font-size: 0.7rem;}
.table_cell div {padding: 1px 1px 2px;margin: 0 0 2px 0;border-radius: 3px;}
.table_cell span {padding: 0 4px 6px;}
.table_row.table_youbi {font-size: 1rem;}
.table_row.table_youbi .table_cell {padding-left: 8px;}
}
@media only screen and (max-width: 999px) {
.calendar_wrap h1 {margin-bottom: 1.5rem;}
.table_caption span {font-size: 2rem;}
.table_cell {height: 40px;padding: 1px;}
.table_cell a {font-size: 0.7rem;}
.table_cell div {padding: 1px;margin: 0 0 2px 0;word-wrap: break-word;}
.table_cell span {font-size: 1rem;padding: 0 3px 3px;}
.table_row.table_youbi {font-size: 1rem;}
.table_row.table_youbi .table_cell {padding-left: 3px;}
}


/* = Service Guide, Members
------------------------------------------------------------------------------------------*/
/********************** common *******************************/
.last {margin-right:0 !important;}
.notice_red {border: #cc0000 solid 3px;color: #cc0000;text-align: center;font-weight: bold;}
.service_wrap h2, .members_wrap h2 {background-image: url(../images/border.gif);background-repeat: no-repeat;background-position: bottom;border: none;background-color: inherit;font-weight: bold;}
.service_wrap h3, .members_wrap h3 {font-weight: bold;}
.service_wrap h4, .members_wrap h4 {text-align: center;font-weight: bold;}
.service_wrap h4 strong, .members_wrap h4 strong {color: #cc0000;display: block;}
.service_wrap ul,.members_wrap ul {list-style-type: none;padding-left: 0;font-size: 0.9rem;}
.member_type {float: left;border-radius: 5px;box-sizing: border-box;padding: 0.5rem;margin-bottom: 3rem;margin-right: 1.8rem;}
.privilege dl {display: table;border: 3px  solid #cc0000;border-radius: 5px;width: 100%;box-sizing: border-box;}
.privilege dt {display: table-cell;font-weight: bold;color: white;background-color: #cc0000;white-space: nowrap; vertical-align: middle;width: 25%;text-align: center;font-size: 1.4rem;}
.privilege dd {display: table-cell;color: #cc0000;vertical-align: middle;font-weight: bold;}
.privilege.no dl {border: 3px solid #999999;}
.privilege.no dt {color: white; background-color: #999999;}
.privilege.no dd {color: #999999;}
.privilege {font-size: 0.9rem;}
.process {width: 100%;border-radius: 5px;box-sizing: border-box;}
.process h5 {font-weight: bold;color: #cc0000;text-align: left;font-size: 1.4rem;}
.process01, .process02 {background-repeat: no-repeat;margin-top: 1rem;}
.process01 p, .process02 p {text-indent: -9999px;}
.notice_black {margin: 25px 0;padding: 20px;text-align: center;border: #cccccc solid 3px;color: #333333;font-weight: bold;}
@media only screen and (min-width: 1000px), print {
.notice_red {padding: 1.4rem;margin: 2rem 0;}
.service_wrap h2, .members_wrap h2 {margin: 0 0 20px 0;padding: 0 0 10px 0;font-size: 1.7rem;}
.service_wrap h3, .members_wrap h3 {margin-bottom: 20px;padding-left: 0;border: none;font-size:1.2rem;line-height: 1.5rem;}
.service_wrap h4, .members_wrap h4 {padding: 11px 0 17px;font-size: 1rem;}
.service_wrap h4 strong, .members_wrap h4 strong {font-size: 1.2rem;}
.member_type {width: 485px;border: 10px solid #cccccc;}
/*.member_type:first-of-type {margin-left: 10px;margin-right: 10px;}*/
.member_type img {float: left; width: 60px;}
.privilege dd {text-align: center;padding: 0.8rem 0;}
.process {border: 10px solid #cccccc;padding: 30px;margin-right: 30px;margin-bottom: 40px;}
.process h5 {margin-bottom: 10px;}
.process01, .process02 {width: 922px;height: 62px;}
.process01 {background-image: url(../images/process01.png);}
.process02 {background-image: url(../images/process02.png);}
}
@media only screen and (max-width: 999px) {
.notice_red {margin-top: 1rem;padding: 0.6rem; font-size: 0.8rem}
.service_wrap h2,.members_wrap h2 {margin: 15px 0;padding-left: 0; padding-right: 0;}
.service_wrap h3, .members_wrap h3 {margin-bottom: 15px;margin-left: 0;}
.service_wrap h4, .members_wrap h4 {font-weight: bold;padding: 0.4rem 0 0.8rem;font-size: 1rem;}
.service_wrap h4 strong, .members_wrap h4 strong {font-size: 1rem;}
.service_wrap ul,.members_wrap ul {font-size: 0.8rem;}
.member_type {width: 100%;border: 5px solid #cccccc;}
.member_type img {display: none;}
.privilege dt {padding: 10px;font-size: 1rem;}
.privilege dd {padding: 4px 8px;font-size: 0.9rem;}
.privilege dd br {display: none;}
.process {border: 5px solid #cccccc;padding: 15px;margin-bottom: 15px;}
.process h5{font-size: 1.2rem;}
.process p{font-size: 0.9rem;}
.process01, .process02 {width: 100%;background-size: 100%;}
.process01 {background-image: url(../images/process01_sm.png);height: calc((100vw - 57px) * 1.684 );}
.process02 {background-image: url(../images/process02_sm.png);height: calc((100vw - 57px) * 1.253 );}
}

/********************** button *******************************/
a.btn {display: block;color: white;font-weight: bold;text-align: center;border-radius: 10px;padding: 15px;box-sizing: border-box;position: relative;}
a.btn:hover {text-decoration: none;}
a.btn:active {top: 3px;box-shadow: none;}
a.btn span {display: block;}
a.btn img {width: 17px;margin: 0 auto;}
a.btn_regist {background-image: url(../images/d_arrow.png);background-repeat: no-repeat;}
a.btn_regist_new {float: left;}
a.btn_red {background-color: #cc0000;box-shadow: 0px 5px 0px 0px #990000;-moz-box-shadow: 0px 5px 0px 0px #990000;-webkit-box-shadow: 0px 5px 0px 0px #990000;}
a.btn_orange {background-color: #cc6600;box-shadow: 0px 5px 0px 0px #993300;-moz-box-shadow: 0px 5px 0px 0px #993300;-webkit-box-shadow: 0px 5px 0px 0px #993300;}
a.btn_blue {background-color: #3366cc;box-shadow: 0px 5px 0px 0px #003296;-moz-box-shadow: 0px 5px 0px 0px #003296;-webkit-box-shadow: 0px 5px 0px 0px #003296;line-height: 1.5rem;}
a.btn_pink {background-color: #ff3399;box-shadow: 0px 5px 0px 0px #c80064;-moz-box-shadow: 0px 5px 0px 0px #c80064;-webkit-box-shadow: 0px 5px 0px 0px #c80064;line-height: 1.5rem;}
a.btn_small {display: block;font-weight: bold;text-align: center;border-radius: 5px;padding: 5px 8px 6px;box-sizing: border-box;position: relative;}
a.btn_small_red, a.btn_small_red_reverse:hover {background-color: white;border: 3px solid #cc0000;background-image: url(../images/i_detail.png);background-repeat: no-repeat;background-position: center right 15px;margin-top: 15px;color: #cc0000;}
a.btn_small_red:hover, a.btn_small_red_reverse {background-color: #cc0000;border: 3px solid #cc0000;background-image: url(../images/i_detail_white.png);background-repeat: no-repeat;background-position: center right 15px;margin-top: 15px;color: #fff;text-decoration: none;}
@media only screen and (min-width: 1000px), print {
a.btn{font-size: 1.3rem;}
a.btn_regist {width: 420px;margin: 23px auto -34px;padding: 18px 0 35px;background-position: 50% 55px;}
a.btn_regist_new {width: 485px;margin: 0 20px 50px 0;}
a.btn_regist_new:nth-child(2n+0) {margin: 0 0 50px 0;}
a.btn_pre_regist_new {width: 800px;margin: 0 auto 60px ;padding: 35px 0 30px;}
}
@media only screen and (max-width: 999px) {
a.btn_regist {width: 100%;margin: 15px auto -34px;padding: 18px 0 30px;background-position: 50% 50px;}
a.btn_regist_new {width: 100%;margin: 0 20px 25px 0;}
a.btn_regist_new:nth-child(2n+0) {margin: 0 0 50px 0;}
a.btn_pre_regist_new {width: 100%;margin: 0 auto 30px ;padding: 20px 0 17px;word-break: keep-all;}
}

/********************** service *******************************/
.t_steps dl {border: 1px solid #ccc;border-radius: 10px;width: 100%;box-sizing: border-box;}
.t_steps dt {font-weight: bold;color: white;background-color: #cc0000;}
.t_steps .d_arrow {display: block;margin: 7px auto;}
.pg_columns {border-collapse: separate;border-spacing: 10px 0;}
.three_columns {border: 10px solid #cccccc;border-radius: 5px;box-sizing: border-box;}
.three_columns h3 img {display: block;margin: 0 auto;}
.udo_ticket {border-radius: 5px;box-sizing: border-box;padding: 15px;margin: 0 auto;}
.pg_steps {margin-bottom: 1rem;}
.pg_steps:last-child {margin-bottom: 0; margin-top: 3rem;}
.pg_steps dt {font-weight: bold;margin:9px 0 5px 0;}
.pg_steps dd {font-size: 0.9rem;}
@media only screen and (min-width: 1000px), print {
.t_steps dl {display: table;}
.t_steps dt {display: table-cell;width: 240px;white-space: nowrap;border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;vertical-align: middle;font-size: 1.4rem;padding:20px 0;}
.t_steps dt img {width: 3rem;margin-left: 2rem;margin-right: 1rem;vertical-align: middle;}
.t_steps dd {display: table-cell;color: #333333;vertical-align: middle;text-align: left ;padding: 1rem;font-size: 1rem;}
.pg_columns {display: table;}
.three_columns {display: table-cell;width: 326px;margin-right: 10px;margin-bottom: 30px;padding: 20px 15px;}
.udo_ticket {width: 485px;border: 10px solid #cccccc;}
.udo_ticket img {float: left;width: 60px;}
.pg_steps img {width: 50px;float: left;}
.pg_steps dl {overflow: auto;padding-left: 20px;}
}
@media only screen and (max-width: 999px) {
.t_steps dt {display: inline-block;width: 100%;padding: 0.6rem;box-sizing: border-box;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;}
.t_steps dt img {width: 1rem;margin-right: 0.4rem;}
.t_steps dd {display: inline-block;padding: 10px;font-size: 0.9rem;}
.three_columns {width: 100%;height: auto !important;margin-bottom: 15px;padding: 15px 10px;border: 5px solid #cccccc;}
.udo_ticket {width: 100%;border: 5px solid #cccccc;}
.udo_ticket img {display: none;}
.pg_steps img {width: 2rem;float: left;margin-right: 5px;margin-bottom: 5px;}
.pg_steps dl {overflow: auto;padding-left: 10px;}
}

/********************** members *******************************/
.members_wrap .red {color: #cc0000 !important;}
.members_wrap .orange {color: #cc6600 !important;}
.members_wrap h3 span {font-weight: normal;display: block;font-size: 1rem;}
.members_wrap li {margin-left: 1rem; text-indent: -1rem;}
.member_table {margin-bottom: 1rem;}
.member_cell_left {background-color: #eeeeee;}

.cell_blue, .cell_pink {display: inline-block;color: white; font-weight: bold;margin-right: 0.4rem;}
.cell_blue {background-color: #3366cc;}
.cell_pink {background-color: #ff3399;}

@media only screen and (min-width: 1000px), print {
.member_table {display: table;width: 100%;}
.member_row_group {display: table-row-group;}
.member_row {display: table-row;}
.member_row:first-child .member_cell_left, .member_row:first-child .member_cell_right {border-top: 1px #cccccc solid;}
.member_cell_left, .member_cell_right {display: table-cell;border-left: 1px #cccccc solid;border-bottom: 1px #cccccc solid;padding: 1.5rem 2rem;vertical-align: middle;}
.member_cell_left {width:220px;font-weight: bold;}
.member_cell_right {border-right: 1px #cccccc solid;}
.member_cell_right span{font-size:0.9rem;}
span.cell_blue, span.cell_pink {margin-right: 0.4rem;width: 12rem;text-align: center;font-size: 1rem;}
}
@media only screen and (max-width: 999px) {
.member_row:first-child .member_cell_left {border-top: 1px #cccccc solid;}
.member_cell_left, .member_cell_right {border: 1px #cccccc solid;border-top: none;}
.member_cell_left:first {border-top: 1px #cccccc solid;}
.member_cell_left {line-height: 2rem; padding-left: 0.5rem;font-size: 0.9rem;font-weight: bold;}
.member_cell_right {padding: 0.5rem 0.5rem 1rem; font-size: 0.9rem;}
.pcbr {display: none;}
}


/* = faq
------------------------------------------------------------------------------------------*/
.faq_wrap h2 {border: 1px solid #cc0000;background-color: white;}
.faq_wrap h3 {border: 1px solid #cccccc;background-color: white;padding: 0.5rem 0;margin-bottom: 1rem;}
.faq_wrap dl {margin-bottom: 1rem;}
.faq_wrap dt {padding: 11px 0 11px 48px;background-image: url(../images/question.png);background-repeat: no-repeat;background-position: 5px 5px;background-color: #fefefe;}
.faq_wrap dt:hover {cursor: pointer;background-color: #eeeeee;text-decoration: none;color: #cc0000;}
.faq_wrap dd {background: white;margin-bottom: 1rem;font-size:0.9rem;}
@media only screen and (min-width: 1000px), print {
.faq_wrap h2 {font-size: 1rem;padding: 0.7rem;}
.faq_wrap dl {padding-left: 1rem;}
.faq_wrap dt {font-size: 1rem;}
.faq_wrap dd {padding: 1rem;}
}
@media only screen and (max-width: 999px) {
.faq_wrap h2 {font-size: 1rem;padding: 0.4rem 0.6rem;}
.faq_wrap h3 {font-size: 1rem;text-align: center;}
.faq_wrap dd {padding:0.4rem 0.8rem;}
}


/* english
------------------------------------------------------------------------------------------*/
.tit_en {letter-spacing: 0.1rem;}
.en_block h2 {border: 1px solid #cccccc;background-color: white;padding: 0.5rem 0;margin-bottom: 1rem;}
.en_block p {font-family: 'Hammersmith One';}
@media only screen and (min-width: 1000px), print {
.en_block dd {padding-left: 2rem;}
}
@media only screen and (max-width: 999px) {
.tit_en {letter-spacing: 0;}
.english_wrap h1 strong {font-size: 1.3rem;}
.en_block {font-size: 0.9rem;}
}


/* = about
------------------------------------------------------------------------------------------*/
/********************** about_udo, map *******************************/
.about_head {width: 100%;background-image: url(../images/about_head.jpg);background-position: center;background-size: cover;}
.about_head div {display: flex; justify-content: center; align-items: center;}
.about_wrap h2 {font-size: 1rem;}
.about_wrap p {text-indent: 1rem; margin-bottom: 1rem;font-size:0.9rem;}
.about_wrap ul,dl {font-size:0.9rem;}
.aboutp {text-indent: 1rem;}
.map h2 {color: #cc0000;font-weight: bolder;}
.map ul {list-style: none;padding: 0;}
@media only screen and (min-width: 1000px), print {
.about_wrap h1 {margin-top: -10px;}
.about_head div {height: 210px;}
.map {margin-bottom: 50px;}
.map:after {clear: both;display: block;height: 0;line-height: 0;visibility: hidden;font-size: 0.1rem;content: ".";}
.map li {width: 49%;float: left;padding-left: 2%;}
.map li:first-child {padding-left: 0;}
}
@media only screen and (max-width: 999px) {
.about_head div img {width: 50%;}
.map {margin-bottom: 0px;}
.map li {width: 100%;margin-bottom: 10px;margin-left: 0;}
.map li iframe {height: 200px;}
}

/********************** kojinjoho *******************************/
.about_wrap h4 {margin-bottom: 0.5rem;font-size: 1rem;}
.about_wrap li {list-style-type: none;text-indent: -1rem;}
.about_wrap dl {margin-bottom: 0.3rem;}
/*.about_wrap dt {text-indent: 1rem;}*/
.about_wrap dd {margin-left: 2rem;}


/* = other
------------------------------------------------------------------------------------------*/
/* YouTube container */
.youtube-container {position: relative;overflow: hidden;padding-bottom: 56.25%;height: 0;}
.youtube-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube-half-inner {width: 100%;padding-bottom: 56.25%;height: 0;position: relative;}
.youtube-half-inner iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
@media only screen and (min-width: 1000px), print {
.youtube-container {width: 80%;height: 80%;margin-left: 10%;padding-top: 110px;padding-bottom: 34%;}
.youtube-half-container {width: 800px;margin-left: 100px;}
.youtube-half-outer {width: 398px;display: inline-block;}
}
@media only screen and (max-width: 999px) {
.youtube-half-container {width: 100%;}
.youtube-half-outer {margin-bottom: 2rem;}
}
/* End YouTube container */

/********************** 50th Present page *******************************/
@media only screen and (min-width: 640px), print {
#present-goods {display: table;margin: 0.5rem;border-collapse: separate;border-spacing: 4px 0;}
.present-goods-cell {display: table-cell; max-width: 40%;} 
}

/********************** lightbox *******************************/
#colorbox, #cboxOverlay, #cboxWrapper {position: absolute;top: 0;left: 0;z-index: 9999;overflow: hidden;}
#cboxOverlay {position: fixed;width: 100%;height: 100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear: left;}
#cboxContent {position: relative;}
#cboxLoadedContent {overflow: auto;}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;}
.cboxPhoto {float: left;margin: auto;border: 0;display: block;max-width: none;}
.cboxIframe {width: 100%;height: 100%;display: block;border: 0;}
#colorbox, #cboxContent, #cboxLoadedContent {box-sizing: content-box;}
#cboxOverlay {background: #222222;}
#colorbox {outline: none;}
/* #cboxContent {margin-bottom: 60px;overflow: visible;}*/
#cboxContent {margin-right: 60px;overflow: visible;}
.cboxIframe {background: white;}
#cboxError {padding: 50px;border: 1px solid #cccccc;}
#cboxLoadedContent {background: white;box-sizing: border-box;}
#cboxLoadingGraphic {background: url(../images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay {background: white;}
#cboxTitle {position: absolute;top: -22px;left: 0;color: white;}
#cboxCurrent {position: absolute;top: -22px;right: 205px;text-indent: -9999px;}
#cboxSlideshow, #cboxClose {text-indent: -9999px;width: 40px;height: 100%;position: absolute;top: 0;background: url(../images/controls2.png) no-repeat 0 0;}	
#cboxClose {background-position: 7px 0;right: -50px;border: 0;outline: none;}
#cboxClose:hover {background-position: -40px 0;}

@media only print {
.udo-previewbar {
	display: none !important;
}
}