@charset "utf-8";

body {width: 320px;margin: 0px;padding: 0px;}
.content {width: 100%; margin: 10px auto 0; overflow: hidden;}

.globalheaderFrame {display: none;}

.header {height: 40px;overflow: hidden;margin-left: 6px;}

.header .releaseDate {width: 100%;background-repeat: repeat-x;height: 25px;padding-top: 3px;text-align: center;background-position-y: -7px;font-size: 0.7em;}
.header .title {top: 24px;width: 100%;background-size: 447px;left: 0px;padding-top: 54px;height: 12px;color: #FFF;font-size: 0.6em;text-align: center;font-family: serif;}
.header .nosp {display: none;}

.billboard {background: url(../images/billboard_pict.jpg) no-repeat -259px -1px;background-size: 660px;height: 410px;}
.billboard .pv {height: 180px;top: 18px;left: 8px;font-size: 0.7em;}
.billboard .pv .thumbs {padding-top: 62px;margin-bottom: 30px;height: 5px;width: 93px;background-size: contain;position: relative;}
.billboard .pv .playButtonOnThumb {top: 20px;left: 35px;}
.billboard .pv .pvTitle {font-size: 0.8em;margin-right: 0;left: 0;top: 0;text-align: center;height: 15px;margin-top: 9px;width: 100px;}

.webCM .pause {right: -4px;}

.billboard .share {width: 100%;height: 80px;top: 315px;right: inherit;padding: 15px 0px 0px 4px;font-size: 0.7em;background-color: black;left: initial;}
.billboard .share .sns li {margin-right: 7px;}

#zooey .products {height: 980px;}
#zooey .products .frame {width: 280px;margin-left: 10px;margin-right: 0px;padding: 20px 10px 10px 10px;height: 300px;float: inherit;}

.column .column01 {width: 100%;left: 0px;padding: 0px;font-size: 12px;}
.column .column02 {width: 100%;position: inherit;top: inherit;margin-top: -20px;background: url(../images/bg_column02.jpg) repeat-y 0px -117px;background-size: 100%;}
.column .column03 {width: 100%;position: inherit;top: inherit;}

.preview {border-radius: 0px;margin-top: 0px;}
.preview h2 {font-size: 1em;padding: 15px 5px 15px 5px;}
.preview .tracks .buyiTunes {font-size: 0.8em;margin-right: 3px;}
.preview .tracks li {margin-top: 5px;margin-bottom: 5px;padding-top: 5px;padding-bottom: 5px;padding-left: 5px;}
.preview .tracks .tr10 .itsplay{letter-spacing: -1px;}
.preview .albumPreview .button {font-size: 0.9em;padding: 2px 10px 4px;}

.pvcBanner {margin: 30px 0px 0 0px;box-sizing: border-box;width: 100%;}


.news {padding: 10px;box-sizing: border-box;height: auto;overflow: inherit;}
.news .article h1 {font-size: 1.2em;}
.news .article p {font-size: 1em;line-height: 1.7em;}

.articles {margin-top: 20px;padding: 18px 0 35px 20px;height: auto;background-position-y: -50px;}
.articles li {font-size: 1em;margin-bottom: 30px;}
.articles li.voices {margin-left: auto;margin-right: auto;width: 200px;}

.related {margin-top: 20px;padding: 20px 0 0 0;background-size: 100%;height: auto;}
.related a {width: 190px;height: 0px;padding-top: 46px;margin-left: auto;margin-right: auto;}

.related .downloadKey {margin: 0px auto 25px auto;}

.coyoteBand {border-bottom: none;}
.coyoteBand h3 {padding-top: 190px;background-size: 100%;}
.coyoteBand a {font-size: 1.2em;}
.musthaves {padding-top: 30px;}
.musthaves h3 {padding: 3px;margin-top: 0px;width: 180px;padding-top: 20px;margin-left: auto;margin-right: auto;}

/*deluxePage*/
#preorder .content .deluxe {width: 100%;height: inherit;}
#preorder .content .deluxe .photo {width: 100%;height: 630px;background: url(../images/preorder/delux_contents.jpg) no-repeat -210px 0px #fefef6;background-size: 170%;}
#preorder .content .deluxe .copy {background-image: none;width: 95%;top: 270px;padding-top: 0px;height: 70px;left: 10px;right: 0px;background-size: contain;display: block;color: black;font-size: 1em;overflow: visible;}
#preorder .content .deluxe .products {height: 235px;width: 100%;left: 0;bottom: 20px;border: none;top: 400px;display: block;}
#preorder .content .deluxe .deluxeDiscs ul {float: initial;margin-bottom: 20px;}
#preorder .content .deluxe .deluxeDiscs {height: 100%;}
#preorder .products .slide {left: -290px;} 
#preorder .content .deluxe .products .store .back {display: none;}

/*textPage*/
#zooey_note .header .title{background-color: black;height: 23px;}
#zooey_note .billboard_note.production .gradient {background-image: none;}
#zooey_note .billboard_note.production img {height: 300px;width: 680px;}
#zooey_note .billboard_note.production .titleText {width:90%;top: 100px;left: 8px;background-size: contain;}
#zooey_note .textArea .note_leftColumn {height: auto;}
#zooey_note .textArea.production {width: 100%;height: 100%;background: none;margin: -3px 0 0;margin-top: 20px;margin-bottom: 60px;}
#zooey_note .textArea.production .note_leftColumn {display: none;}

#zooey_note .textArea .note_rightColumn {width: 90%;float: initial;padding: 15px;line-height: 1.6em;font-size: 1em;border-left: 2px solid white;margin-bottom: 30px;}

#zooey_note .billboard_note img {height: 230px;}
#zooey_note .textArea .note_rightColumn p {margin-bottom: 5px;}
#zooey_note .textArea .note_rightColumn.coyoteBandStory {width: 100%;float: initial;padding: 15px;border-left: none;margin-top: 0;box-sizing: border-box;}
#zooey_note .textArea .note_rightColumn.coyoteBandStory .sect h3 {font-size: 1.0em;margin-bottom: 20px;margin-top: 20px;}
#zooey_note .textArea .note_rightColumn.coyoteBandStory .sect p {line-height: 1.7em;}

.footer {margin-bottom: 0px;}

/* iPhone 4inch 横向き */
@media screen and (orientation:landscape) {

body {width: 568px;margin: 0px;padding: 0px;}
.header .title {width: 100%;background-size: 567px;padding-top: 70px;height: 0px;}
.header {height: 30px;}
.billboard {background-size: 830px;height: 410px;margin-top: -20px;}
.products .frame {width: 560px;}
.products .store .back{display: none;}
#preorder .content .deluxe .photo {width: 100%;height: 290px;background: url(../images/preorder/delux_contents.jpg) no-repeat -0px 0px #fefef6;background-size: 100%;}
#preorder .content .deluxe .copy {display:none;}

#preorder .content .deluxe .products {display: none;}

}

/* iPhone 3.5inch 横向き */
@media screen and (max-width: 480px) and (orientation:landscape) {
	
body {width: 480px;margin: 0px;padding: 0px;}

	
	
	
	
	
}