h2      				{ color:#2f5d50; letter-spacing:0.05em; text-align:left; margin-top:0px; 
    				      line-height:1.3; padding-bottom:.5%; }
.h2small,.h4small
                { font-weight:normal; margin-left:-.6em; color: #333; }
h3,h4           { line-height:1.5; margin:0px; }
.albumsec>article>a:hover   { opacity:.65; transition:.7s ease-out; }


@media print, screen and (min-width:769px) {
h2              { font-size:16px; border-bottom:1px solid #777; }
.h2small				{ font-size:13px; }
h3              { font-size:15px; padding-left:15px; }
#ochi_album201905title
                { padding-top:485px; }
#ootsuka_album201905title,#okamoto_album201905title
                { padding-top:265px; }
#enmadoyoutubetitle
                { padding-top:40px; }
h4              { font-size:13px; padding-left:15px; padding-top:55px; }
#mainbox				{ width:980px;
                  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex;
                  margin-top:80px; }
#maintxtbox     { width:722px; }
.album          {
                  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex;
                  vertical-align:middle; margin-top:30px; margin-bottom:80px;
                }
.album01        { margin-bottom:30px; }
.albumtitle     { width:180px; border-left:5px solid #ddd; }
.albumsec       { width:542px;
                  -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
                }
.albumsec>article
                { margin-bottom:0px; }
.albumsec>.albumart>a
                { background-color:#ddd; border-bottom:1px solid #bbb;
                  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex;
                }
article>a>img   { width:70%; height:70%; }
}

@media only screen and (max-width:768px) and (min-width:641px) {
h2              { font-size:3vw; border-bottom:1px solid #777; }
.h2small				{ font-size:2.5vw; }
h3              { font-size:2.5vw; padding-left:10px; }
#ochi_album201905title
                { padding-top:193%; }
#ootsuka_album201905title
                { padding-top:102%; }
#okamoto_album201905title
                { padding-top:9%; }
#enmadoyoutubetitle
                { padding-top:9%; }
h4              { font-size:2vw; padding-left:10px; padding-top:9%; }
#mainbox				{ 
                  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; 
                  margin-top:80px; }
.album          {
                  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex;
                  margin-top:30px; margin-bottom:80px;
                }
.album01        { margin-bottom:30px; }
.albumtitle     { width:30%; border-left:5px solid #ddd; }
.albumsec       { width:70%;
                  -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
                }
.albumsec>article
                { margin-bottom:0px; }
.albumsec>.albumart>a
                { background-color:#ddd; border-bottom:1px solid #bbb;
                  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex;
                }
.albumsec>.albumart>a>img
                { width:65%; height:65%; }
#maintxtbox     { flex-basis:100%; }
}
	
@media only screen and (max-width:640px) and (min-width:481px) {
h2              { font-size:4vw; text-align:center; padding-bottom:.2%; }
.h2small				{ font-size:3.5vw; text-align:center; margin-left:0em; }
h3              { font-size:3.5vw; padding:2% 0 2% 0; text-align:center; }
h4              { font-size:3vw; padding-left:10px; padding-top:8%; }
#mainbox				{ 
                  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex;
                  margin-top:80px; }
.album          { 
                  margin-top:0; margin-bottom:100px;
                }
.albumtitle     { width:100%; border-top:5px solid #ddd; }
.albumsec       { width:100%;
                  -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
                }
.albumsec>article
                { margin-bottom:0px; }
.albumsec>.albumart>a
                { background-color:#ddd; border-bottom:1px solid #bbb;
                  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex;
                }
.albumsec>.albumart>a>img
                { width:63%; height:63%; }
#maintxtbox     { flex-basis:100%; }
}

@media only screen and (max-width:480px) and (min-width:321px) {
h2              { font-size:4.5vw; text-align:center; padding-bottom:.2%; }
.h2small				{ font-size:3.5vw; text-align:center; }
.h2small,.h4small
                { margin-left:0em; }
h3              { font-size:4vw; padding:2% 0 2% 0; text-align:center; }
h4              { font-size:3.5vw; padding:2% 0 2% 0; text-align:center; }
#mainbox				{ margin-top:80px; }
.album          { margin-top:0; margin-bottom:100px; }
.albumtitle     { width:100%; border-top:5px solid #ddd; }
.albumsec       { width:100%;
                  -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
                }
.albumsec>article
                { margin-bottom:0px; }
.albumsec>.albumart
                { background-color:#ddd; border-bottom:1px solid #bbb;
                  -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
                  margin-bottom:20px;
                }
.albumsec>.albumart>a>img
                { width:100%; }
#maintxtbox     { flex-basis:100%; }
}

@media only screen and (max-width:320px) {
h2              { font-size:5vw; text-align:center; padding-bottom:.2%; }
.h2small				{ font-size:4vw; text-align:center; }
.h2small,.h4small
                { margin-left:0em; }
h3              { font-size:4.5vw; padding:2% 0 2% 0; text-align:center; }
h4              { font-size:4vw; padding:2% 0 2% 0; text-align:center; }
#mainbox				{ margin-top:80px; }
.album          { vertical-align:middle; margin-top:0; margin-bottom:100px; }
.albumtitle     { width:100%; border-top:5px solid #ddd; }
.albumsec       { width:100%;
                  -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
                }
.albumsec>article
                { margin-bottom:0px; }
.albumsec>.albumart
                { background-color:#ddd; border-bottom:1px solid #bbb;
                  -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
                  margin-bottom:20px;
                }
.albumsec>.albumart>a>img
                { width:100%; }
#maintxtbox     { flex-basis:100%; }
}