@charset "utf-8";
/* CSS Document */





@media only screen and (max-width: 979px) {


/*============================================================================================
トップページ　start
index.html
screen only max-width:979px settings
============================================================================================*/

#bannerContainer {
	width: 100%;
}


/*============================================================================================
トップページ　end
index.html
screen only max-width:979px settings
============================================================================================*/

/*============================================================================================
ブランドページ　start
brand.html
screen only max-width:979px settings
============================================================================================*/
/* バナーサイズ調整 */
#brandContent #brandBanner1,
#brandContent #brandBanner2,
#brandContent #brandBanner6,
#brandContent #brandBanner7 {
	width: 100%;
	height: auto;
}
#brandContent #brandBanner1 img,
#brandContent #brandBanner2 img,
#brandContent #brandBanner6 img,
#brandContent #brandBanner7 img {
	width: 100%;
	height: auto;
}

#brandContent #bannerBox {
	width: 100%;
	height: auto;
}

#brandContent #bannerBox ul li {
 width: 48%;
 height: auto;
 margin-left: 0;
}

#brandContent #bannerBox ul li#brandBanner4,
#brandContent #bannerBox ul li#brandBanner6 {
margin-left: 4%;
}

#brandContent #bannerBox ul li img {
 width: 100%;
 height: auto;
}
/*============================================================================================
ブランドページ　end
brand.html
screen only max-width:979px settings
============================================================================================*/



/*============================================================================================
SISTER JENNI　start
screen only max-width:979px settings
============================================================================================*/
#sisterContent {
	padding-top: 40px;
	padding-bottom: 40px;
}

#sisterContent h3 {
	padding-bottom: 40px;
	width: 100%;
	height: auto;
}

#sisterContent h3 img {
	width: 100%;
	height: auto;
}

#sisterStage {
	width: 100%;
	height: auto;
	padding-left: 0;
	padding-right: 0;
}

#sisterStage ul li {
	width: 100%;
	height: auto;
	margin-left: 0;
}

#sisterStage ul li#sister2 {
	width: 48%;
	height: auto;
}


#sisterStage ul li#sister3 {
	width: 48%;
	height: auto;
	margin-left: 4%;
}

#sisterStage ul li#sister5 {
	width: 30%;
	height: auto;
	float: left;
}

#sisterStage ul li#sister6 {
	width: 30%;
	height: auto;
	float: left;
	margin-left: 4%;
}

#sisterStage ul li#sister7 {
	width: 30%;
	height: auto;
	float: left;
	margin-left: 5%;
}

#sisterStage ul li#sister8 {
	width: 30%;
	height: auto;
	float: left;
}

#sisterStage ul li#sister9 {
	width: 65%;
	height: auto;
	float: left;
	margin-left: 5%;
}





.sisterArea {
	margin-bottom: 40px;
}

.sisterAreaLast {
	margin-bottom: 0;
}

#sisterStage ul li img {
	width: 100%;
	height: auto;
}

/* coming soon */
#sisterContent h4 {
	width: 80%;
	height: auto;
}

#sisterContent h4 img {
	width: 100%;
	height: auto;
}

.sister1Txt {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 0;
	text-align: left;
	width: 100%;
}

#detailContainer2 {
	margin: 0 auto 80px auto;
	width: 100%;
	height: auto;
	position: relative;
}

#detailContainer2 img {
	width: 100%;
	height: auto;
}

/* カラム数4 */
#detail4Column {
	width: 100%;
	height: auto;
}

#detailContainer3 {
	margin: 0 auto 80px auto;
	width: 48%;
	height: auto;
	float: left;
}

#detailContainer3 img {
	width: 100%;
	height: auto;
}

#detail4Column .column4Right {
	margin-left: 4%;
}


/* カラム数3 */
#detail3Column {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

#detailContainer4 {
	margin: 0 auto 80px auto;
	width: 30%;
	height: auto;
	float: left;
}

#detailContainer4 img {
	width: 100%;
	height: auto;
}

#detail3Column .column3Right {
	margin-left: 4%;
}



/*============================================================================================
SISTER JENNI　end
screen only max-width:979px settings
============================================================================================*/

/*============================================================================================
ブランド詳細サムネページ　start
screen only max-width:979px settings
============================================================================================*/

/* SISTER JENNI */
#detailContainer {
	margin-bottom: 40px;
	width: 100%;
	height: auto;
}

#detailContainer img {
	width: 100%;
	height: auto;
}

/* JENNI love */

#loveContent {
	padding-top: 40px;
	padding-bottom: 40px;
}

#loveContent h3 {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#loveContent h3 img {
	width: 100%;
	height: auto;
}

/* 詳細拡大メイン画像調整 */
#loveContent #detailContainer {
	margin-bottom: 40px;
	width: 100%;
	height: auto;
}

#loveContent #detailContainer img {
	width: 100%;
	height: auto;
}

#loveContent section {
	width: 100%;
	height: auto;
}

/* テキストサイズ */
#loveContent #lovetxt1 img,
#loveContent #lovetxt4 img {
	width: 100%;
	height: auto;
}

#loveContent #loveBox {
	padding-bottom: 40px;
	width: 90%;
	height: auto;
}

#loveContent #loveBox li {
	margin-left: 5%;
	width: 30%;
	height: auto;
}

#loveContent #loveBox li img {
	width: 100%;
	height: auto;
}

#loveContent #loveBox #lovetxt4 {
	width: 65%;
	height: auto;
}

#loveContent #love1 {
	padding-bottom: 40px;
	margin: 0 auto;
	width: 90%;
	height: auto;
}
#love1 img {
	width: 100%;
	height: auto;
}

#loveContent .loveArea { padding-bottom: 40px; }

/*============================================================================================
ブランド詳細サムネページ　end
screen only max-width:979px settings
============================================================================================*/

/*============================================================================================
SISTER JENNI　start
sister.html
screen only max-width:979px settings
============================================================================================*/

/* コンテンツタイトル */
#brandContent h3.babyTitle {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#brandContent h3.babyTitle img {
	width: 100%;
	height: auto;
}

/* モデルサムネイル1 3枚 */
#babyBox {
	width: 90%;
	height: auto;
}

#babyBox ul li {
	margin-left: 5%;
	width: 30%;
	height: auto;
}

#babyBox ul li img {
	width: 100%;
	height: auto;
}

/* モデルサムネイル2 2枚 */

#babyBox2 ul li {
	width: 45%;
	height: auto;
	margin-left: 5%;
}

#babyBox2 ul li img {
	width: 100%;
	height: auto;
}




/*============================================================================================
JENNI dance　start
dance.html
screen only max-width:979px settings
============================================================================================*/
#brandContent h3.danceTitle {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#brandContent h3.danceTitle img {
	width: 100%;
	height: auto;
}

#brandContent h4.danceTitle2 {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#brandContent h4.danceTitle2 img {
	width: 100%;
	height: auto;
}

#dance1 {
	width: 100%;
	height: auto;
}

#dance1 img {
	width: 100%;
	height: auto;
}



/*============================================================================================
JENNI dance　end
dance.html
screen only max-width:979px settings
============================================================================================*/


/*============================================================================================
fee fossette　start
fee.html
screen only max-width:979px settings
============================================================================================*/

#brandContent h3.feeTitle {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#brandContent h3.feeTitle img {
	width: 100%;
	height: auto;
}

#feeContainer {
	width: 480px;
}

.fee03 { margin-left: 0; }

.fee02,.fee04 { margin-left: 20px; }

.fee03,.fee04 { margin-top: 40px; }

/*============================================================================================
fee fossette　end
fee.html
screen only max-width:979px settings
============================================================================================*/




/*============================================================================================
pink shower	start
pink.html
screen only max-width:979px settings
============================================================================================*/

#pinkShower {
	width: 100%;
	height: auto;
}

#pinkShower img {
	width: 100%;
	height: auto;
}

#pinkShower div {
	width: 100%;
	height: auto;
	float: none;
	margin-left: 0;
	margin-top: 40px;
}

#pinkShower #detailTxt {
	width: 100%;
	height: auto;
	text-align: left;
	margin-top: 4%;
}


/*============================================================================================
pink shower　end
pink.html
screen only max-width:979px settings
============================================================================================*/




/*============================================================================================
JENNI WAMWAM　start
wamwam.html
screen only max-width:979px settings
============================================================================================*/
#brandContent h3.wamTitle {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#brandContent h3.wamTitle img {
	width: 100%;
	height: auto;
}

#wamContainer {
	width: 100%;
}

#wam {
	width: 30%;
	height: auto;
	float: left;
	margin-left: 5%;
}
#wam img {
	width: 100%;
	height: auto;
}



/*============================================================================================
WAMWAM　end
wamwam.html
screen only max-width:979px settings
============================================================================================*/




/*============================================================================================
blog　start
blog.html
screen only max-width:979px settings
============================================================================================*/

#blogBanner {
	width: 100%;
	height: auto;
}

#blogBanner img {
	width: 100%;
	height: auto;
}

.blogArea80 {
	padding-bottom: 40px;
}

/*============================================================================================
blog fossette　start
blog.html
screen only max-width:979px settings
============================================================================================*/


/*============================================================================================
press　start
blog.html
screen only max-width:979px settings
============================================================================================*/

#magazineContainer {
	margin: 0 auto;
	width: 588px;
	height: auto;
}
	
#magazineBox {
	width: 588px;
	height: auto;
	float: left;
}

/*============================================================================================
press　end
press.html
screen only max-width:979px settings
============================================================================================*/

/*============================================================================================
shoplist　start
shoplist.html
screen only max-width:979px settings
============================================================================================*/

#shopList {
	width: 90%;
}

#shopNavi span {
	display: block;
	line-height: 20px;
	float: left;
}

#shopList .shopBox01 {
	line-height: 25px;
}

/*============================================================================================
shoplist end
shoplist.html
screen only max-width:979px settings
============================================================================================*/

/*============================================================================================
recruit　start
recruit.html
screen only max-width:979px settings
============================================================================================*/

#recruitBox1 {
	width: 90%;
	height: auto;
}

#recruitBox1 dl {
	margin: 0 auto;
	display: block;
	float: none;
	width: 100%;
	height: auto;
}

#recruitListBox {
	margin: 0 auto;
	width: 90%;
	height: auto;
}

#recruitListBox dl {
	width: 100%;
	height: auto;
}

#recruitListBox dt {
	width: 100%;
	height: auto;
}

#recruitListBox dd {
	width: 100%;
	height: auto;
}


/*============================================================================================
recruit　end
recruit.html
screen only max-width:979px settings
============================================================================================*/

/*============================================================================================
company　start
company.html
screen only max-width:979px settings
============================================================================================*/

#companyContent h3 {
	padding-bottom: 40px;
	width: 50%;
	height: auto;
}

#companyContent h3 img {
	padding-bottom: 40px;
	width: 100%;
	height: auto;
}

#companyData {
	margin: 0 auto;
	width: 90%;
}
#companyData table {
	width: 100%;
}

#companyData dd {
	width: auto;
}

#mapList {
	width: 90%;
}

#mapList #map {
	width: 100%;
}

#mapList #map2 {
	width: 100%;
}

/*============================================================================================
company　start
company.html
screen only max-width:979px settings
============================================================================================*/

/*============================================================================================
privacy　start
privacy.html
screen only max-width:979px settings
============================================================================================*/

#privacyBox {
	width: 90%;
}

#privacyContent h3 {
	width: 50%;
	height: auto;
}
#privacyContent h3 img {
	width: 100%;
	height: auto;
}


/*============================================================================================
privacy　end
privacy.html
screen only max-width:979px settings
============================================================================================*/


#detailTxt {
	margin-top: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	position: relative;
	top: 0;
	left: 0;
}

#detailTxt li {
	margin-top: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	margin-left: 20px;
}

#detailContainer .danceColor {
	position: relative;
	left: 0;
}

#detailContainer .danceColor li {
	left:0;
	bottom: 20px;
	color: #fff;
}

#detailContainer4 .sister5Txt {
	width: 100%;
	height: auto;
}

#detailContainer4 .sister5Txt li {
	margin-left: 0;
}



/*============================================================================================
style_book　start
sp/style_book/index.html
screen only max-width:979px settings
============================================================================================*/


#styleBookContent h3 {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#styleBookContent h3 img {
	width: 100%;
	height: auto;
}

#styleBookBox {
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	width: 80%;
	margin: 0 auto;
}

#styleBookBox .comment {
	width: 100%;
}

#styleBookBox .comment img {
	width: 100%;
	height: auto;
}

#styleBookBox .list a {
	color: #e4007f;
}

/*============================================================================================
style_book　end
sp/style_book/index.html
screen only max-width:979px settings
============================================================================================*/


/*============================================================================================
Jenni Girl Audition start
award.html
screen only max-width:979px settings
============================================================================================*/
#awardContent h4 {
	width: 100%;
	height: auto;	
}

#awardContent h4 img	 {
	width: 100%;
	height: auto;	
}

#awardPhotoBox {
	width: 100%;
	height: auto;
}

#awardContent {
	width: 100%;
	height: auto;
}

.popup-gallery {
	margin: 0 auto;
	width: 745px;
	height: auto;
}

/*============================================================================================
Jenni Girl Audition end
award.html
screen only max-width:979px settings
============================================================================================*/


} /* @media only screen and (max-width: 979px) end */


@media only screen and (max-width: 860px) {

/* mainMenu */
nav#mainMenu {
	padding: 0;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#mainMenu ul {
	width: 100%;
	height: auto;
}


#mainMenu ul li img {
	padding-top: 5px;
	padding-bottom: 5px;
}

#mainMenu ul li a {
	padding-top: 5px;
	padding-bottom: 5px;
}

/**/
#spMenuTrigger {
	display: block;
	margin-left: 8%;
	margin-right: 8%;
	line-height: 50px;
	cursor: pointer;
	font-size: 16px;
	background: url(../images/sp_trigger.png) no-repeat right center;
}

#spMenuHide {
	display: none;
}

#mainMenu #spMenuHide li {
	float: none;
	display: block;
	width: 84%;
	height: auto;
	margin-left: 8%;
	margin-right: 8%;
	text-align: left;
	border-top: 1px solid #fff;
	background	: url(../images/sp_arrow.png) no-repeat right center;
}

#mainMenu #spMenuHide li a {
	display: block;
	width: 92%;
	height: auto;
}

/* brandMenu */

nav#brandMenu {
	padding-top: 0;
	width: 100%;
	height: auto;
	z-index: 10;
}

#brandMenu ul {
	width: 100%;
	height: auto;
}

#brandMenu ul li {
	float: none;
	display: block;
	width: 50%;
	height: auto;
	margin-left: 0;
}


#brandMenu ul li img {
	padding-top: 5px;
	padding-bottom: 5px;
}

#brandMenu ul li a {
	padding-top: 5px;
	padding-bottom: 5px;
}

/*
#brandMenu ul li#brand01 { float: left; }
#brandMenu ul li#brand02 { float: right; }
#brandMenu ul li#brand03 { float: left; }
#brandMenu ul li#brand04 { float: right; }
#brandMenu ul li#brand05 { float: left; }
#brandMenu ul li#brand06 { float: right; }
#brandMenu ul li#brand07 { float: left; }*/

#spBrandMenuTrigger {
	display: block;
	margin-left: 8%;
	margin-right: 8%;
	line-height: 50px;
	cursor: pointer;
	font-size: 16px;
	background: url(../images/sp_trigger.png) no-repeat right center;
}

#spBrandMenuHide {
	display: none;
}

#brandMenu #spBrandMenuHide li {
	float: none;
	display: block;
	width: 84%;
	height: auto;
	padding-left: 8%;
	margin-left: 0;
	text-align: left;
	border-top: 1px solid #fff;
	background	: url(../images/sp_arrow.png) no-repeat right center;
}

#brandMenu #spBrandMenuHide li a {
	display: block;
	width: 92%;
	height: auto;
}

}


@media only screen and (max-width: 745px) {

/*============================================================================================
Jenni Girl Audition start
award.html
screen only max-width:745px settings
============================================================================================*/
#awardContent h3 img {
	width: 60%;
}
#awardContent h4 img {
	width: 100%;
	height: auto;
}

.popup-gallery {
	margin: 0 auto;
	width: 480px;
	height: auto;
}

#awardPhoto,
#awardPhoto a,
#awardPhoto p {
	width: 180px;
	height: auto;
}

#awardPhoto img {
	width: 100%;
	height: auto;	
}

/*============================================================================================
Jenni Girl Audition end
award.html
screen only max-width:745px settings
============================================================================================*/

}


@media only screen and (max-width: 700px) {

#bannerSpace {
	position: static;
}

#banner1,
#banner2 {
	width: 50%;
	height: auto;
}

#banner1 img,
#banner2 img {
	width: 100%;
	height: auto;
}

}



@media only screen and (max-width: 650px) {


/*============================================================================================
press　start
blog.html
screen only max-width:979px settings
============================================================================================*/

#magazineContainer {
	margin: 0 auto;
	width: 392px;
	height: auto;
}
	
#magazineBox {
	width: 392px;
	height: auto;
	float: left;
}

/*============================================================================================
press　end
press.html
screen only max-width:979px settings
============================================================================================*/

#babyBox1 {
	width: 100%;
	height: auto;
}

#babyBox1 div {
	width: 48%;
	height: auto;
	margin-left: 4%;
}

#babyBox1 div img {
	width: 100%;
	height: auto;
}

#babyBox2 {
	padding-top: 40px;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
#babyBox2 div {
	width: 100%;
	height: auto;
}

#babyBox2 img {
	width: 100%;
	hieght: auto;
}

#auditionBanner {
	width: 100%;
	height: auto;
}

#auditionBanner img {
	width: 100%;
	height: auto;
}

#awardContent h5 {
	width: 100%;
	height: auto;
}


#awardContent h5 img {
	width: 80%;
	height: auto;
}



}





@media only screen and (max-width: 580px) {

/*============================================================================================
press　start
press.html
screen only screen and (min-width:481px) and (max-width:580px) settings
============================================================================================*/
	
#magazineBox {
	width: 392px;
	height: auto;
	float: none;
	margin-left: 0;
}

#magazineContainer {
	width: 392px;
}


#magazineBox dl {
	margin-top: 0px;
	float: left;
}


.mzBoxLast {
padding-top: 40px;
}

#detailTxt li {
	display: block;
	float: none;
}

#detailContainer .dance1Txt li {
	float: none;
}


/*============================================================================================
press　end
press.html
screen only screen and (min-width:481px) and (max-width:580px) settings
============================================================================================*/

/*============================================================================================
pinkshower　start
pink.html
screen only max-width:979px settings
============================================================================================*/


/* コンテンツタイトル */ 
#brandContent h3.pinkTitle {
width: 80%;
height: auto;
padding-bottom: 40px;
}

#brandContent h3.pinkTitle img {
width: 100%;
height: auto;
}


/*============================================================================================
pinkshower　end
pink.html
screen only max-width:979px settings
============================================================================================*/


} /* @media only screen and (min-width: 481px) and (max-width: 580px) end */















@media only screen and (max-width: 480px) {

/*============================================================================================
共通　start
all
screen only max-width:480px settings
============================================================================================*/



/* logoのサイズ */
h1 img { width: 50%; }

/* コレクション期間のサイズ */
h2 img { width: 70%; }


/* 言語切替非表示 */
ul#language {	display: none; }
/*============================================================================================
共通　end
all
screen only max-width:480px settings
============================================================================================*/

	
/*============================================================================================
トップページ　start
index.html
screen only max-width:480px settings
============================================================================================*/




/*============================================================================================
トップページ　end
index.html
screen only max-width:480px settings
============================================================================================*/

/*============================================================================================
ブランドページ　start
brand.html
screen only max-width:480px settings
============================================================================================*/



/* brandページのみbrandMenu非表示 */
#brandBody #brandContent {
	padding-top: 40px;
}

#brandContent h3 {
	width: 50%;
	height: auto;
	text-align: center;
}

#brandContent img {
	width: 100%;
	height: auto;
}




/* コンテンツタイトル */
#brandContent {
	padding-top: 30%;
	padding-bottom: 40px;
}

/* バナーサイズ調整 */
#brandContent #brandBanner1,
#brandContent #brandBanner2,
#brandContent #brandBanner6,
#brandContent #brandBanner7 {
	padding-top: 40px;
}
#brandContent #brandBanner1 img,
#brandContent #brandBanner2 img,
#brandContent #brandBanner6 img,
#brandContent #brandBanner7 img {
	width: 100%;
	height: auto;
}

#brandContent #bannerBox {
	padding-top: 40px;
}

#brandContent #bannerBox ul li {
 width: 47%;
 height: auto;
 margin-left: 0;
}

#brandContent #bannerBox ul li#brandBanner4,
#brandContent #bannerBox ul li#brandBanner6 {
margin-left: 6%;
}

#brandContent #bannerBox ul li#brandBanner6 {
	padding-top: 0;	
}

#brandContent #bannerBox ul li img {
 width: 100%;
 height: auto;
}

/*============================================================================================
ブランドページ　end
brand.html
screen only max-width:480px settings
============================================================================================*/



/*============================================================================================
press　start
press.html
screen only max-width:480px settings
============================================================================================*/

/* ページタイトルを縮小表示 */
#pressContent h3 {
	padding-bottom: 40px;
	width: 70%;
	height: auto;
}

#pressContent h3 img {
	width: 100%;
	height: auto;
}

/* 1列に変更 */
#magazineContainer {
	width: 176px;
}

#magazineBox {
	width: 176px;
	height: auto;
	margin-left: 0;
	float: none;
}


/* float解除 */
#magazineBox dl {
	float: none;
	height: auto;
	margin: 20px auto o auto;
}

/* リストの先頭　margin 0 */
#magazineBox dl.first {
	margin-top: 0;
}


/*============================================================================================
press　end
press.html
screen only max-width:480px settings
============================================================================================*/




/*============================================================================================
recruit　start
recruit.html
screen only max-width:480px settings
============================================================================================*/

#recruitContent h3 {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#recruitContent h3 img {
	width: 100%;
	height: auto;
}


/*============================================================================================
recruit　end
recruit.html
screen only max-width:480px settings
============================================================================================*/

/*============================================================================================
shoplist　start
shoplist.html
screen only max-width:480px settings
============================================================================================*/

#shopContent h3 {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#shopContent h3 img {
	padding-bottom: 40px;
	width: 100%;
	height: auto;
}


/*============================================================================================
shoplist end
shoplist.html
screen only max-width:480px settings
============================================================================================*/


#companyContent h3 {
	padding-bottom: 40px;
	width: 80%;
	height: auto;
}

#companyContent h3 img {
	padding-bottom: 40px;
	width: 100%;
	height: auto;
}

#companyData {
	margin: 0 auto;
	width: 90%;
}

#companyData dd {
	width: auto;
}



#privacyBox {
	width: 90%;
}

/*============================================================================================
fee fossette　start
fee.html
screen only max-width:480px settings
============================================================================================*/

#feeContainer {
	width: 100%;
}

#feeBox {
	margin: 0 auto;
	float: none;
}

#feeContainer .fee02,#feeContainer .fee03,#feeContainer .fee04 { margin-top: 4%; }

/*============================================================================================
fee fossette　end
fee.html
screen only max-width:480px settings
============================================================================================*/


/*============================================================================================
Jenni Girl Audition start
award.html
screen only max-width:480px settings
============================================================================================*/
#awardPhotoBox {
	margin-top: 4%;
	padding-top: 4%;
}

#awardContent h3 { padding-top: 4%; }
#awardContent h4 { margin-top: 4%; }

#awardContent h3 img {
	width: 60%;
}
#awardContent h4 img {
	width: 100%;
}

.popup-gallery {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

#awardPhoto {
	width: 44%;
	margin-left: 4%;
	margin-bottom: 4%;
}

#awardPhoto a,
#awardPhoto p {
	width: 100%;
}

#awardPhoto p {
	height: 51px;
}


/*============================================================================================
Jenni Girl Audition end
award.html
screen only max-width:480px settings
============================================================================================*/


}


@media only screen and (max-width: 320px) {
#bannerSpace {
	background: none;
}

#banner1, #banner2 {
	margin-top: 8%;
	width: 100%;
	float: none;
}

#banner2 {
	margin-bottom: 8%;
}


/* wamwam */
#wam {
	margin: 0 auto;
	width: 92%;
	float: none;
}

#wamContainer .wam01 {
	margin-left: auto;
}



/*============================================================================================
Jenni Girl Audition start
award.html
screen only max-width:320px settings
============================================================================================*/

#awardContent h3 img {
	width: 80%;
}


/*============================================================================================
Jenni Girl Audition end
award.html
screen only max-width:320px settings
============================================================================================*/
}