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





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


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




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

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

#brandContent #brandBanner2 { margin-bottom: 0; }
#squareBox { padding-top: 8%; width: 100%; }

#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
============================================================================================*/
/* sister JENNIページコンテンツ */
#sisterContent { width: 100%; padding-bottom: 8%; }

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

/* ページタイトル */
#sisterContent h3 {
	margin-bottom: 0;
	width: 100%;
	height: auto;
}

/* サムネイルの表示 */
#sisterStage {
	width: 100%;
}

/* coming soon */
/*#sisterContent h4 {
	margin: 0 auto;
	width: 719px;
	height: auto;
}*/

#sisterStage #sister01 { auto; margin-left: 0;}
#sisterStage #sister02 {  }

#sisterStage #sister03 {  }
#sisterStage #sister04,
#sisterStage #sister05,
#sisterStage #sister06,
#sisterStage #sister07 {  }





/* 詳細ページ */
#detailContainer .sisterDetailBox {	width: 100%; }


#sisterContent .sister1Txt {  }
#sisterContent .sister2Txt { position: absolute; bottom: 4%; right: 4%; }
#sisterContent .sister3Txt { position: absolute; bottom: 4%; left: 4%; }
#sisterContent .sister4Txt { position: absolute; top: 4%; left: 4%; }
#sisterContent .sister5Txt { position: absolute; top: 4%; right: 4%; }
#sisterContent .sister6Txt { position: absolute; bottom: 4%; left: 4%; }

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

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

#wamContainer {
	width: 100%;
}

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

#wamContainer .wam01 {
	width: 49%;
}

#wamContainer .wam02 {
	width: 45%;
}

#wam #detailTxt	li {
	margin-left: 0;
}

/* 商品詳細 */
#wamDetailContainer img { width: 100%; height: auto; }
.wamDetailBox {	width: 70%; }

#wamDetailContainer .wam1Txt { 	 }

/*============================================================================================
JENNI WAMWAM　end
wamwam.html
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: 40%;
	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 #loveCover,
#loveContent #love1 {
	padding-bottom: 40px;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
#love1 img {
	width: 100%;
	height: auto;
}

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

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


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

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

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

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

#babyBox1 div {
	width: 50%;
}

/* 商品詳細 */
#babyDetailContainer img { width: 100%; height: auto; }
.babyDetailBox {	width: 70%; }

#babyDetailContainer .baby1Txt { position: absolute; bottom: 4%; left: 4%; }
#babyDetailContainer .baby2Txt { position: absolute; bottom: 4%; right: 4%; }

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





/*============================================================================================
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: 100%; }

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

/* 商品詳細 */
#feeDetailContainer img { width: 100%; height: auto; }
.feeDetailBox {	width: 70%; }



/*============================================================================================
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 #detailContainer {
	width: 47%;
	margin-left: 6%;
}

#pinkShower #detailContainer:first-child {
	margin-left: 0;
}

/* 商品詳細 */
#pinkDetailContainer img { width: 100%; height: auto; }
.pinkDetailBox {	width: 70%; }

#pinkDetailContainer .pink1Txt { position: absolute; bottom: 4%; left: 4%; }
#pinkDetailContainer .pink2Txt { position: absolute; bottom: 4%; right: 4%; }


/*============================================================================================
pink shower　end
pink.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　start
privacy.html
screen only max-width:979px settings
============================================================================================*/


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

#loveContent #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;
	text-align: left;
}



/*============================================================================================
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
============================================================================================*/




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


@media only screen and (max-width: 910px) {
/* 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_arrow2.png) no-repeat right center;
}

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

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


/* brandMenu */

nav#brandMenu {
	padding-top: 0;
	padding-bottom: 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;
	background	: url(../images/sp_arrow.png) no-repeat right center;
}

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

/*============================================================================================
JENNI WAMWAM　start
wamwam.html
screen only max-width:700px settings
============================================================================================*/
#brandContent h3.wamTitle {
	width: 50%;
}
#brandContent h3.wamTitle img {
	width: 100%;
	height: auto;
}
/*============================================================================================
JENNI WAMWAM　end
wamwam.html
screen only max-width:700px settings
============================================================================================*/


}


@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
============================================================================================*/

/* Jenni love 20140818 仮 */
.loveDetailBox { width: 100%; }

}


@media only screen and (max-width: 700px) {
	
.love_coming {
	margin: 0 auto;
	width: 80%;
	height: auto;
}

.love_coming img { width: 100%; height: auto; }
	

#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
============================================================================================*/

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

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

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


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

/*============================================================================================
SISTER JENNI　start
screen only max-width:979px settings
============================================================================================*/
/* 詳細ページ */
#sisterContent #detailContainer {
}

#detailContainer .sisterDetailBox { width: 100%; }

#sisterContent #detailTxt {
	padding: 4%;
	width: 92%;
	height: auto;
	position: static;
	background-color: #fff;
}

#sisterContent #detailTxt li {
	display: inline;
}

#sisterContent #detailTxt li br {
	display: none;
}


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




}


@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
============================================================================================*/

/*============================================================================================
jenni love　start
love.html
screen only max-width:580px settings
============================================================================================*/
/* comming soon用 */
div.loveComming {	width: 90%; }
div.loveComming img {	width: 100%; }
/*============================================================================================
jenni love　end
love.html
screen only max-width:580px settings
============================================================================================*/


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

#feeDetailContainer #detailTxt li { float: none; }

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

/*============================================================================================
wam　start
wamwam.html
screen only max-width:580px settings
============================================================================================*/

#wamDetailContainer .wam1Txt li { float: none; }
/*============================================================================================
wam　end
wamwam.html
screen only max-width:580px settings
============================================================================================*/


/* sister Jenni */


} /* @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
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 #brandBanner6 { padding-top: 0; }

#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
============================================================================================*/


/*============================================================================================
SISTER JENNI　start
screen only max-width:480px settings
============================================================================================*/
#sisterContent #detailTxt li {
	display: block;
}

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



/*============================================================================================
JENNI WAMWAM　start
wamwam.html
screen only max-width:480px settings
============================================================================================*/
#brandContent h3.wamTitle {
	width: 50%;
	padding-bottom: 8%;
}


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

#wamContainer {
	width: 100%;
}

#wam {
	width: 100%;
	height: auto;
	float: none;
}
#wam img {
	width: 100%;	
	height: auto;
}

#wamContainer .wam01 {
	width: 100%;
	height: auto;
}

#wamContainer .wam02 { 
	width: 100%;
	height: auto;
}

/* 商品詳細 */

#wamDetailContainer #detailTxt {
	position: static;
}

#wamDetailContainer #detailTxt li {
	display: block;
}


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


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

/* 商品詳細 */


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



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

#pinkShower {
	width: 100%;
	height: auto;
}
#brandContent h3.pinkTitle {
	padding-top: 8%;
}

#pinkShower #detailContainer {
	width: 100%;
	margin-left: 0;
}

#pinkShower #detailContainer:first-child {
	margin-top: 0;
}

#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%;
}

/* 商品詳細 */

#pinkDetailContainer #detailTxt {
	position: static;
	margin-bottom: 16%;
}

#pinkDetailContainer #detailTxt li {
	display: block;
}


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


/*============================================================================================
S JENNI BABY　start
baby.html
screen only max-width:480px settings
============================================================================================*/

/* 商品詳細 */

#babyDetailContainer #detailTxt {
	position: static;
}

#babyDetailContainer #detailTxt li {
	display: block;
}
/*============================================================================================
f'ee fossette　end
fee.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%;
}

/*============================================================================================
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;
}

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



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

/* Jenni love 20140818 仮 */
#loveContent #detailTxt li {
	display: block;
	float: none;
}



}