@charset "UTF-8";

/*
font-family:'Brandon Text W01 Medium';
font-family:'Brandon Text W01 Medium Italic';
font-family:'Brandon Text W01 Bold';
font-family:'Brandon Text W01 Bold Italic';
font-family:'Brandon Text W01 Black Italic';
*/

img { max-width: 100%; height: auto; }
html { height: 100%; }
body { font-size: 10px; height: 100%; background: #000; color: #FFF; font-family:'Hiragino Kaku Gothic ProN',  Meiryo, 'Lucida Grande', sans-serif; }

a { color: #a38f5f; outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a:hover { text-decoration: none; color: #c6b697; }

p { font-size: 1.6em; line-height: 1.8em; }

.ja { font-family:'Hiragino Kaku Gothic ProN',  Meiryo, 'Lucida Grande', sans-serif; }
.bx-wrapper .bx-viewport { left: 0!important; border:none!important; box-shadow: none!important; }

/* */
h1,h2,h3,h4,h5,h6 { font-family:'Brandon Text W01 Bold'; font-weight: normal;  }
h1.ja,h2.ja,h3.ja,h4.ja,h5.ja,h6.ja { font-family:'Hiragino Kaku Gothic ProN', Meiryo, 'Lucida Grande', sans-serif; }

.btn-yellow { color: #000; background-color: #a28e5f; border-color: #9e8656; }
.btn-yellow:hover,
.btn-yellow.focus,
.btn-yellow.active { color: #000;  background-color: #9e8656; border-color: #9b804b; }


h3.block-title { font-size: 2.2em; color: #FFF; text-align: center; letter-spacing: 3px; }
h3.block-title .title-small { font-size: 0.5em; font-weight: 300; }

.header { width: 100%; height: 80%; position: relative; display: table; background: url(../images/header-image.jpg) no-repeat center center; background-size: cover; }
.header-page { height: 300px;}
.header-logo { display: table-cell;  width: 100%; vertical-align: middle; text-align: center; padding: 84px 40px;  }
.header-logo h1 { margin: 0;}



.page-navigation { text-align: center; padding: 14px 0; border-bottom: #2d2924 solid 1px; }
.page-navigation ul { margin: 0; padding: 0; list-style: none;}
.page-navigation li { display: inline; font-size: 1.8em; font-family:'Brandon Text W01 Bold'; letter-spacing: 2px; }
.page-navigation li a { padding: 8px 32px; display: inline-block; }
.page-navigation li.entry a { /*border: #a38f5f solid 1px; */ background: #a38f5f; color: #000; }



.event-table {}
.event-table th,
.event-table td { font-size: 1.6em; font-weight: normal; padding: 10px 0; text-align: left; vertical-align: top; }
.event-table th { padding-right: 30px;}
.event-table td {}

.v-middle td,
.v-middle th { vertical-align: middle;}

.section-artbook { margin: 24px 0;}

.section-overview { padding-bottom: 48px; border-bottom: #2d2924 solid 1px;}
.section-overview h1 { font-size: 5.4em; text-align: center; color: #a38f5f; letter-spacing: 7px; margin: 64px  0; }
.section-overview h2.thanks { margin: 28px 0 48px; text-align: center; font-size: 4.8em; font-weight: 600;}
.section-overview .introduction { margin: 0 0 48px; }
.section-overview .introduction p { }
.section-overview .introduction .mash-trailer { margin: 40px auto; text-align: center; }
.section-overview .event-overview { padding: 32px; border: #666 solid 1px; background: #1a1a1a; }
.section-overview .event-overview .event-table { margin: 48px 0; }
.section-overview .event-overview h3.block-title { margin: 20px 0 48px; }
.section-overview .event-overview h2 { font-size: 5.4em; margin: 0 0 6px; color: #a38f5f; }
.section-overview .event-overview h3.ja { font-size: 1.8em; margin: 6px 0; color: #a38f5f; }
.section-overview .event-overview p { }
.section-overview .event-overview .flyer { margin: 24px 0 0; }

/* information */
.section-information { padding: 48px 0; border-bottom: #2d2924 solid 1px; }
.section-information h3 { text-align: center; margin-bottom: 24px; }
/*
.section-information .row-table { display: table;  background: #F00;}
.section-information .row-table .col { background: #FF0; display: table-cell!important; }
.section-information .row-table .col .item { background: #0FF; }
.section-information .row-table .col .item a {  background: #00F;  }
*/
.section-information .item { padding:5px; }
.section-information .item a { display: block; border:#a38f5f solid 1px;}
.section-information .item a:hover { background: #2d2924; border: #FF9 solid 1px;}
.section-information .item a:hover img { }
.section-information .item a .thumbnail {}
.section-information .item a .thumbnail img {}
.section-information .item a .text { padding: 12px 10px 36px; }
.section-information .item a .text .post-title { font-size: 1.4em; margin: 0 0 0px; color: #a38f5f; line-height: 1.2em; font-weight: 400; }
.section-information .item a .text .post-date { font-size: 0.8em; margin: 0; }
.section-information .readmore  { text-align: center; margin: 24px 0;}
.section-information .readmore a { display: inline-block; padding: 8px 24px; border:#a38f5f solid 1px; border-radius: 2px; color: #a38f5f; font-size: 1.4em; }


/* members */
.section-members { padding: 48px 0; border-bottom: #2d2924 solid 1px; }
.section-members * { box-sizing: border-box; }
.section-members p.note { text-align: center; }
.section-members .members { margin-top: 48px; }
.section-members .item { width: 20%; padding: 10px; float: left; display: inline-block; text-align: center; }
.section-members .item h3 { text-align: center; font-size: 1.6em; font-family:'Brandon Text W01 Regular'; }
.section-members .item p { text-align: left; font-size: 1.2em; letter-spacing: 0; line-height: 1.4em; }

.section-sns { padding: 48px 0; border-bottom: #2d2924 solid 1px; }
.section-sns .accounts { margin: 32px 0;}
.section-sns .accounts .col { text-align: center; }
.section-sns .accounts .col a { font-size: 2.1em; width: 90%; padding: 12px 0; display: inline-block; border: #a38f5f solid 1px; border-radius: 2px; font-family:'Brandon Text W01 Medium'; }



/* instafeed */
.instafeed-block { margin-top: 32px; }
.instafeed-block h3.hashtag { font-size: 1.8em; letter-spacing: 1px; text-align: center; color: #FFF; font-weight: normal; margin: 0 0 24px; font-family:'Brandon Text W01 Medium Italic'; }
.instafeed-block h3.hashtag a { color: #FFF; }

/*.section-news-instagram { margin-top: 36px; }
.instafeed-wrapper { padding-bottom: 0px; overflow: hidden; }
.instafeed { padding: 0 10px; }
.instafeed .col { margin-bottom: 2px; width: 25%; display: inline-block; box-sizing: border-box; padding:5px; }
.instafeed .col a { }
.instafeed .col img { border:#FFF solid 4px; box-shadow: 0 0 3px rgba(0,0,0,0.4); }
.instafeed .col a:hover img {  }*/

.instafeed .col img { margin-bottom: 10px;}
.lb-data .lb-details { width: 100%; }
.lb-data .lb-caption { margin: 4px 0; display: inline-block; font-weight: 300; line-height: 1.3em; }
.lb-data .lb-caption a { color: #FFF; font-weight: 700; }
.lb-data .lb-caption .likes { margin-bottom: 3px; }
.lb-data .lb-caption .view-app { display: inline-block; font-weight: 300; margin: 4px 0; font-size: 1.1em; background: rgba(0,0,0,0.3); color: #FFF; border: #FFF solid 1px; border-radius: 4px; padding: 8px 12px; margin-top: 8px; }
.android .lb-data .lb-caption .iew-app { display: none!important; }
.lb-data .lb-number { display: none!important; }


.section-events { padding: 48px 0; border-bottom: #2d2924 solid 1px; }
.section-events h3.block-title { margin-bottom: 64px; }
.section-events .events { margin-bottom: 24px; }
.section-events .events .col:nth-child(2n+1) { clear: both; }
.section-events .events .col:nth-last-child(2) .event { border-bottom: #666 solid 2px; }
.section-events .events .col:last-child .event { border-bottom: #666 solid 2px; }
.section-events .event { padding: 12px 0 24px; margin: 0 10px; border-top: #666 solid 2px; }
.section-events .event h3 { color: #a38f5f; }
.section-events .event h4.ja {  color: #a38f5f; font-size: 1.4em; }
.section-events .event-table { margin: 32px 0; border-bottom: #333 solid 1px; width: 100%; }
.section-events .event-table th, 
.section-events .event-table td { font-size: 1.4em; padding: 10px; border-top: #333 solid 1px; vertical-align: middle; }
.section-events .event-table th { width:8em; padding-right: 1em;  }
.section-events .event-table td {}
.section-events .event-table tr:nth-child(2n+1) th,
.section-events .event-table tr:nth-child(2n+1) td { }

.section-events .events-schedule {}
.section-events .events-schedule .event-row {}
.section-events .events-schedule h5.date { margin: 42px 12px; font-size: 2.4em; color: #FFF; text-align: right; font-family:'Brandon Text W01 Bold Italic'; }
.section-events .events-schedule .content { padding: 10px;}
.section-events .events-schedule h3 { color: #a38f5f; font-size: 3.6em; }
.section-events .events-schedule h4.ja {  color: #FFF; font-size: 1.4em; }

/* font-family:'Brandon Text W01 Bold'; */

.section-supporters { margin-bottom: 64px; padding: 48px 0 24px; border-bottom: #2d2924 solid 1px;  }
.section-supporters .page-title { text-align: center; font-size: 3.6em; letter-spacing: 2px; margin-bottom: 56px; }
.section-supporters .logos { margin: 32px 0; }
.section-supporters .logos .item { background: #FFF; padding: 10px; margin-bottom: 10px; text-align: center; }
.section-supporters .international-supporters .item { background-color: #000; }
.section-supporters .local-supporters { text-align: center; margin: 54px 0 24px;}
.section-supporters .local-supporters a { font-size: 1.6em; font-family:'Brandon Text W01 Regular'; letter-spacing: 1px; display: inline-block; padding: 8px 24px; border:#a38f5f solid 1px; border-radius: 3px; }
 

.section-misc { background: url(../images/background-image.jpg) no-repeat bottom; background-size: contain; padding-bottom: 540px; }
.section-misc .information { padding: 24px; border:#666 solid 2px; }
.section-misc .information h3.block-title { color: #FFF; margin: 0 0 18px; text-align: left; }
.section-misc .information h3.opendistro { color: #a38f5f; font-size: 2.8em; margin: 0 0 6px; }
.section-misc .information h4.ja {  color: #a38f5f; font-size: 1.4em; margin: 0; }
.section-misc .information .logo-open { float: right; width: 120px; padding: 12px; border:#555 solid 1px; }
.section-misc .information .event-table { margin-top: 24px; }
.section-misc .information .event-table th,
.section-misc .information .event-table td { padding: 6px 0; font-size: 1.4em; }
.section-misc .information .event-table th { padding-right: 1em; }

h2.update-later { margin: 64px 0; color: #FFF; font-size: 4.2em; text-align: center; font-family:'Brandon Text W01 Medium Italic'; letter-spacing: 3px; }

.footer .copyrights { text-align: center; padding: 32px 0; color: #666; font-size: 1.2em; }

/* ------------------------------------------------------------------------------------------------
Responsive
------------------------------------------------------------------------------------------------ */


/*
@media (max-width: @screen-xs-max) { 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { }
@media (min-width: @screen-lg-min) { }
*/


/* xs, sm */
@media (max-width:991px) {


/* members */
.section-members { padding: 24px 0; }
.section-members * { box-sizing: border-box; }
.section-members .members { margin-top: 24px; }
.section-members .item { width: 100%; padding: 10px; ; }
.section-members .item:nth-child(2n+1) { ___clear: both; }
.section-members .item img { float: left; width: 40%; }
.section-members .item .text { float: right; width: 55%; }
.section-members .item h3 { font-size: 1.6em; margin-top: 6px; text-align: left; }

.section-events .events .col:nth-last-child(2) .event { border-bottom: none; }
.section-events .events-schedule {}
.section-events .events-schedule .event-row { padding: 12px 0 12px; border-top: #666 solid 1px; }
.section-events .events-schedule h5.date { margin: 12px 0 8px; padding: 0; text-align: left; }
.section-events .events-schedule .content { padding: 0 0px;}
.section-events .events-schedule h3 { font-size: 2.6em; margin-top: 0; }

/*
.section-events .events-schedule h4.ja {  color: #FFF; font-size: 1.4em; }
*/



.section-supporters { margin-bottom: 32px; }




}

/* xs */
@media (max-width: 767px) { 


p { font-size: 1.2em; }

.header { height: 100%; }
.header-logo { padding: 44px 32px; }

.header-page { height: 140px; }
.header-page img { height: 60px; }

.page-navigation li { font-size: 1.4em; letter-spacing: 1px; }
.page-navigation li a { padding: 4px 12px; }


h3.block-title { font-size: 1.4em; }

.section { padding-left:5px; padding-right: 5px; padding-top: 10px; box-sizing: border-box; }
.section-overview h1 { font-size: 2.8em; letter-spacing: 1px; margin: 32px 0; }

.section-overview h2.thanks { font-size: 2.8em; }

.section-overview .event-overview { padding: 14px; }
.section-overview .event-overview .event-table { margin: 24px 0; }
.section-overview .event-overview h3.block-title { margin: 20px 0 36px; }
.section-overview .event-overview h2 { font-size: 2.8em; }
.section-overview .event-overview h3.ja { font-size: 1.4em; }

.section-overview .event-overview .event-table {}
.section-overview .event-overview .event-table th,
.section-overview .event-overview .event-table td { padding: 2px 0; width: 100%; display: block; }
.section-overview .event-overview .event-table th { font-weight: 700; }
.section-overview .event-overview .event-table td { padding-bottom: 14px;}

.section-information .row .col:nth-child(2n+1) { clear: both; }
.section-information .row .item { margin-bottom: 10px;}
.section-information .row .item a { overflow: hidden; }
.section-information .row .item a .thumbnail { width: 30%; float: left; margin: 0; }
.section-information .row .item a .text { padding: 10px 10px 10px; width: 70%; box-sizing: border-box; float: right; }


.section-sns { padding-bottom: 48px; }
.section-sns .accounts .col a { display: block; padding: 8px 0; margin-bottom: 14px; font-size: 1.5em; width: 100%; }

.section-events { padding-top: 48px; padding-bottom: 24px; margin-bottom: 32px; }
.section-events .events { margin-bottom: 24px; }
.section-events .events .event { margin: 0; padding-top: 24px; }
.section-events .events .event h3 { font-size: 2.2em; margin: 0; }
.section-events .events .event .event-table th { width:6em; }
.section-events .events .col:first-child .event { }
.section-events .events .col:last-child .event { border-bottom: none; }



.section-supporters .supporters .col:nth-child(4n+1) { clear: both; } 
.section-supporters .event-supporters .col:nth-child(3n+1) { ___clear: both; } 
.section-misc { padding: 0 10px 220px; }
.section-misc .information { padding: 18px; }
.section-misc .information h3.opendistro { font-size: 2.6em; }
.section-misc .information .logo-open { float: none; width: 160px; margin-bottom: 14px; padding: 0; border: none; }

h2.update-later { margin: 84px 0; font-size: 2.8em; line-height: 1.6em; }

}

/* sm */
@media (min-width: 768px ) and (max-width:991px) {
	
.header { height: 100%; }
.header-logo { padding: 64px 64px; }

.header-page { height: 200px; }
.header-page img { height: 90px; }

.page-navigation li { font-size: 1.4em; letter-spacing: 1px; }
.page-navigation li a { padding: 8px 18px; }


.section-members .item img { width: 30%; }
.section-members .item .text {  width: 65%; }
.section-members .item h3 { font-size: 2.1em;}
.section-members .item p { font-size: 1.4em; line-height: 1.8em; }
/*
.section-members .item { width: 50%; padding: 10px; ; }
.section-members .item img { float: none; width: 100%; }
.section-members .item .text { float: none; width: 100%; }
*/
/*
.section-members .members { margin-top: 24px; }
.section-members .item { width: 100%; padding: 10px; ; }
.section-members .item:nth-child(2n+1) { ___clear: both; }
.section-members .item img { float: left; width: 40%; }
.section-members .item .text { float: right; width: 55%; }
.section-members .item h3 { font-size: 1.6em; margin-top: 6px; text-align: left; }
*/




.section-sns .accounts .col a { font-size: 1.6em; padding: 12px 12px; width: 100%; }

.section-events .events { margin-bottom: 32px; }
.section-events .events-schedule h3 { font-size: 3.2em; }

.mash-trailer iframe { width: 640px; height: 360px;}

.section-information .row .col:nth-child(2n+1) { clear: both; }

.section-supporters .supporters .col:nth-child(6n+1) { ___clear: both; } 
.section-supporters .event-supporters .col:nth-child(4n+1) { ___clear: both; } 
.section-misc { padding-bottom: 360px;}
.section-misc .information { margin-bottom: 42px; } 

h2.update-later { margin: 84px 0 84px; font-size: 3.2em; }

}


/* md */
@media (min-width: 992px) and (max-width:1199px) {

.header { height: 74%; }
.header-logo { padding: 32px 48px; }
.header-logo img { width:520px; }

.header-page { height: 240px; }

.__page-navigation { text-align: center; padding: 14px 0; border-bottom: #2d2924 solid 1px; }
.__page-navigation ul { margin: 0; padding: 0; list-style: none;}
.page-navigation li { font-size: 1.6em; letter-spacing: 1px; }
.page-navigation li a { padding: 8px 24px; }
.__page-navigation li.entry a { /*border: #a38f5f solid 1px; */ background: #a38f5f; color: #000; }


.section-events .events { margin-bottom: 64px; }
	
.mash-trailer iframe { width: 500px; height: 281px;}

.section-information .row .col:nth-child(4n+1) { clear: both; }

.section-supporters .supporters .col:nth-child(12n+1) { ___clear: both; } 
.section-supporters .event-supporters .col:nth-child(6n+1) { ___clear: both; } 

.section-misc .information { margin-bottom: 42px; } 
h2.update-later { margin: 84px 0 180px; }


}

/* lg */
@media (min-width: 1200px) {

.mash-trailer iframe { width: 640px; height: 360px;}

.section-information .row .col:nth-child(4n+1) { clear: both; } 

.section-supporters .supporters .col:nth-child(12n+1) { ___clear: both; } 
.section-supporters .event-supporters .col:nth-child(6n+1) { ___clear: both; } 
}


/* ------------------------------------------------------------------------------------------------
Printing
------------------------------------------------------------------------------------------------ */
@media print {
	
}