.bellows__item:not(.bellows--is-open) > .bellows__content {display:none;}
.bellows__item.bellows--is-open > .bellows__content-wrapper, .bellows__item.bellows--is-closing > .bellows__content-wrapper {display:block;}
.bellows__content-wrapper {display:none;}

.bellows {-webkit-box-sizing:border-box; box-sizing:border-box;}
.bellows__header {position:relative; padding:10px 10px 5px 10px; margin-left:2px; margin-right:2px; border:0 none; -webkit-tap-highlight-color:transparent; cursor: pointer;}
.bellows__header:active {background:rgba(255,255,255,0.0);}
.bellows__header::before, .bellows__header::after {content:''; position:absolute; top:50%; right:6%; z-index:2; display:block; width:10px; height:2px; margin-top:-1px; background-color:rgba(255,255,255,0.0); -webkit-transition:-webkit-transform 0.25s ease-in-out; transition:transform 0.25s ease-in-out; pointer-events:none;}
.bellows__header::before {content:''; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
.bellows__header::after {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after {-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.bellows__item:last-child > .bellows__header {border-bottom: 0;}
.bellows__header h1, .bellows__header h2, .bellows__header h3 {margin:0; text-align:center; font:18px 'notosansBold', Arial, Helvetica, sans-serif; font-weight:normal; color:rgba(255,255,255,0.8); letter-spacing:0.2em;}
.bellows__header:hover h1, .bellows__header:hover h2, .bellows__header:hover h3 {color:rgba(255,255,255,1);}
h3.bellows__headercond {margin:0; text-align:center; font:18px 'notosansBold', Arial, Helvetica, sans-serif; font-weight:normal; color:rgba(255,255,255,0.8); letter-spacing:0.2em;}
h3.bellows__headercond:hover {color:rgba(255,255,255,1);}
.bellows__header h4 {margin:0; text-align:left; font:18px 'notosansBold', Arial, Helvetica, sans-serif; font-weight:normal; color:rgba(255,255,255,0.8); letter-spacing:0.08em;}
.bellows__content {padding:5px 10px; margin-left:2px; margin-right:2px; background-color:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.1); border-top:0;}
.bellows__content .bellows {margin-top:20px;}