/* ===============================================================================
 for PC
 =============================================================================== */




/* ベスコス
------------------------------------------------------------------ */
.left, .right{
	float: none;
}
body.bestcosme {
	background-color: #f6f1c7;
}
body.bestcosme #containerCover{
	background-image: url(../images/bestcosme/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
body.bestcosme h1 {
	margin: 0 auto;
}
body.bestcosme h1 div{
    text-align: center;
    font-size: 15px;
    line-height: 1;
}
body.bestcosme p.theme {
	width: 225px;
	margin: 30px auto;
}
body.bestcosme section {
	width: 100%;
	max-width: 900px;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-right: 28px;
	margin: 0 auto;
	background-image: url(../images/bestcosme/item_bg_header.png?20150105), url(../images/bestcosme/item_bg_body.png?201501050);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    background-size: 100% auto;
    -pie-background:
    url(../images/bestcosme/item_bg_header.png) no-repeat top center,
    url(../images/bestcosme/item_bg_body.png) no-repeat bottom center;
    -pie-background-size: 100% auto;
    zoom:1;
    position: relative;
}
body.bestcosme section .group ,
body.bestcosme section h2.name {
	float: right;
	width: 61%;
}
body.bestcosme section .image_badge {
	float: left;
	width: 25%;
	margin-left: 8%;
}
body.bestcosme section .image {
	text-align: center;
}
body.bestcosme section .image img {
	max-width: 200px;
	width: auto;
	max-height:300px;
	height: auto;
}
body.bestcosme section.item2 .image img {
	max-width: 200px;
	max-height:235px;
}

body.bestcosme section .badge li {
	/*width: 28%;*/
	width:63px;
	float: left;
	margin-bottom: 20px;
	min-height: 110px;
}
body.bestcosme section .badge li:nth-child(4) ,
body.bestcosme section .badge li:first-child {
	margin-left: 0;
}
body.bestcosme section h2.name {
	background-image: url(../images/bestcosme/item1_name_pc.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 45px;
	text-indent: -5000px;
	overflow: hidden;
}
body.bestcosme section h2.name a {
	display: block;
	height: 50px;
}

body.bestcosme section.item1 h2.name {background-image: url(../images/bestcosme/item1_name_pc.png);}
body.bestcosme section.item2 h2.name {background-image: url(../images/bestcosme/item2_name_pc.png);}
body.bestcosme section.item3 h2.name {background-image: url(../images/bestcosme/item3_name_pc.png);}
body.bestcosme section.item4 h2.name {background-image: url(../images/bestcosme/item4_name_pc.png);}
body.bestcosme section.item5 h2.name {background-image: url(../images/bestcosme/item5_name_pc.png);}
body.bestcosme section.item6 h2.name {background-image: url(../images/bestcosme/item6_name_pc.png);}
body.bestcosme section.item7 h2.name {background-image: url(../images/bestcosme/item7_name_pc.png);}
body.bestcosme section.item8 h2.name {background-image: url(../images/bestcosme/item8_name_pc.png);}
body.bestcosme section.item9 h2.name {background-image: url(../images/bestcosme/item9_name_pc.png);}

body.bestcosme section .group {
	/*min-height: 300px;*/
}
body.bestcosme section article {
	margin-bottom: 20px;
}
body.bestcosme section article h3.name {
	background: url(../images/bestcosme/prize_text0.jpg) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
	height: 50px;
}

body.bestcosme section.item1 article.prize1 h3.name {background-image: url(../images/bestcosme/item1_prize1.png);}
body.bestcosme section.item1 article.prize2 h3.name {background-image: url(../images/bestcosme/item1_prize2.png);}
body.bestcosme section.item1 article.prize3 h3.name {background-image: url(../images/bestcosme/item1_prize3.png);}
body.bestcosme section.item2 article.prize1 h3.name {background-image: url(../images/bestcosme/item2_prize1.png);}
body.bestcosme section.item2 article.prize2 h3.name {background-image: url(../images/bestcosme/item2_prize2.png);}
body.bestcosme section.item2 article.prize3 h3.name {background-image: url(../images/bestcosme/item2_prize3.png);}
body.bestcosme section.item3 article.prize1 h3.name {background-image: url(../images/bestcosme/item3_prize1.png);}
body.bestcosme section.item4 article.prize1 h3.name {background-image: url(../images/bestcosme/item4_prize1.png);}
body.bestcosme section.item5 article.prize1 h3.name {background-image: url(../images/bestcosme/item5_prize1.png);}
body.bestcosme section.item6 article.prize1 h3.name {background-image: url(../images/bestcosme/item6_prize1.png);}
body.bestcosme section.item7 article.prize1 h3.name {background-image: url(../images/bestcosme/item7_prize1.png);}
body.bestcosme section.item8 article.prize1 h3.name {background-image: url(../images/bestcosme/item8_prize1.png);}
body.bestcosme section.item9 article.prize1 h3.name {background-image: url(../images/bestcosme/item9_prize1.png);}

body.bestcosme section article p.text {
	background: url(../images/bestcosme/item1_prizetext1_pc.png) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
	height: 26px;
	margin-left: 59px;
	margin-bottom: 10px;
}

/*リップ＆チーク クリーム*/
body.bestcosme section.item2014-4 h2.name {
	background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream.png);
}
body.bestcosme section.item2014-4 article.prize1 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize1.png); height: 90px;}
body.bestcosme section.item2014-4 article.prize2 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize2.png);}
body.bestcosme section.item2014-4 article.prize3 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize3.png);}
body.bestcosme section.item2014-4 article.prize4 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize4.png);}
body.bestcosme section.item2014-4 article.prize5 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize5.png);}
body.bestcosme section.item2014-4 article.prize6 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize6.png);}
body.bestcosme section.item2014-4 article.prize7 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize7.png);}
body.bestcosme section.item2014-4 article.prize8 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize8.png);}
body.bestcosme section.item2014-4 article.prize9 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize9.png);}
body.bestcosme section.item2014-4 article.prize10 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize10.png);}
body.bestcosme section.item2014-4 article.prize11 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize11.png); height: 88px;}
body.bestcosme section.item2014-4 article.prize12 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize12.png);}
body.bestcosme section.item2014-4 article.prize13 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize13.png); height: 65px;}
body.bestcosme section.item2014-4 article.prize14 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize14.png);}
body.bestcosme section.item2014-4 article.prize15 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize15.png);}
body.bestcosme section.item2014-4 article.prize16 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize16.png);}
body.bestcosme section.item2014-4 article.prize17 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize17.png);}
body.bestcosme section.item2014-4 article.prize18 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize18.png);}
/*カラーインパクト ジェルライナー*/
body.bestcosme section.item2014-1 h2.name {background-image: url(../images/bestcosme/201412/201412_color_impact_gel_liner.png);}
body.bestcosme section.item2014-1 article.prize2 h3.name {background-image: url(../images/bestcosme/201412/201412_color_impact_gel_liner_prize1.png);}
body.bestcosme section.item2014-1 article.prize1 h3.name {background-image: url(../images/bestcosme/2014item1_prize1.png);}

/*グロッシーリッチ アイズ*/
body.bestcosme section.item2014-2 h2.name {background-image: url(../images/bestcosme/2014item2_name_pc.png);}
body.bestcosme section.item2014-2 article.prize3 h3.name {background-image: url(../images/bestcosme/201412/201412_glossy_rich_eyes_prize1.png);}
body.bestcosme section.item2014-2 article.prize4 h3.name {background-image: url(../images/bestcosme/201412/201412_glossy_rich_eyes_prize2.png);}
body.bestcosme section.item2014-2 article.prize1 h3.name {background-image: url(../images/bestcosme/2014item2_prize1.png);}/*maquia*/
body.bestcosme section.item2014-2 article.prize2 h3.name {background-image: url(../images/bestcosme/2014item2_prize2.png);}/*seda*/

/*ヌーディリッチ アイズ*/
body.bestcosme section.item2014-3 h2.name {background-image: url(../images/bestcosme/201412/201412_nudyrich_eyes.png);}
body.bestcosme section.item2014-3 article.prize2 h3.name {background-image: url(../images/bestcosme/201412/201412_nudyrich_eyes_prize1.png);}
body.bestcosme section.item2014-3 article.prize1 h3.name {background-image: url(../images/bestcosme/2014item3_prize1.png);}/*baila*/


/*ティアドロップライナー*/
body.bestcosme section.item2014-5 h2.name {background-image: url(../images/bestcosme/201412/201412_tear_drop_liner.png);}
body.bestcosme section.item2014-5 article.prize1 h3.name {background-image: url(../images/bestcosme/201412/201412_tear_drop_liner_prize1.png);}

/*アイブロウ＆ノーズパウダー*/
body.bestcosme section.item2014-6 h2.name {background-image: url(../images/bestcosme/201412/201412_eye_brow_powder.png);}
body.bestcosme section.item2014-6 article.prize2 h3.name {background-image: url(../images/bestcosme/201412/201412_eye_brow_powder_prize1.png);}
body.bestcosme section.item2014-6 article.prize1 h3.name {background-image: url(../images/bestcosme/201412/201412_eye_brow_powder_prize2.png);}

/*デュオリッチ アイズ*/
body.bestcosme section.item2014-7 h2.name {background-image: url(../images/bestcosme/201412/201412_duo_rich_eyes.png);}
body.bestcosme section.item2014-7 article.prize1 h3.name {background-image: url(../images/bestcosme/201412/201412_duo_rich_eyes_prize1.png);}


/* bestcosme 2015 */

body.bestcosme2015 .theme {
	font-size: 23px;
	font-weight: lighter;
	letter-spacing: 0.1em;
	text-align: center;
}
body.bestcosme2015 .item {
}
body.bestcosme2015 .item figure {
	float: left;
	margin-left: 8%;
	width: 25%;
	text-align: center;
}
body.bestcosme2015 .item figure img {
max-width: 200px;
width: auto;
max-height: 300px;
height: auto;
margin: auto;
display: block;
}
body.bestcosme2015 section .badge li {
    display: inline-block;
    width: auto;
    float: none;
}
body.bestcosme2015 section .badge li img {
    max-width: auto;
}
body.bestcosme2015 section.color_polish .badge li img {
    width:100px;
}


body.bestcosme2015 .item h1 {
	float: right;
	font-size: 28px;
	font-weight: lighter;
	margin-bottom: 45px;
	width: 61%;
}

body.bestcosme2015 .item h1 a{
	text-decoration: none;
	color: black;
}

body.bestcosme2015 .item h1 img {
	width: auto;
}
body.bestcosme2015 .item article {
	color: #916900;
	background: url(../images/bestcosme/icon_crown.png) 0 0 no-repeat;
	float: right;
	min-height: 50px;
	width: 61%;
	padding-left: 60px;
	background-position: left center;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body.bestcosme2015 .item article:last-child {
	margin-bottom: 50px;
}
body.bestcosme2015 .item article h2 {
	font-size: 18px;
	margin-left: 60px;
	margin-bottom: 2px;
	font-weight: lighter;
}
body.bestcosme2015 .item article img {
	width: auto;
	height: auto;
	margin-left: 60px;
    margin-top: 4px;
}
body.bestcosme2015 .item article h2 span {
	display: inline-block;
}
body.bestcosme2015 .item article p{
	font-size: 14px;
	margin-left: 60px;
	font-weight: lighter;
}
body.bestcosme2015 .item article p em {
	display: inline-block ;
	font-style: normal;
	font-weight: lighter;
	margin-left: 5px;
}
body.bestcosme2015 .past {
	padding-bottom: 44px;
	text-align: center;
}
body.bestcosme2015 .past p {
top: -14px;
position: relative;
}
body.bestcosme2015 .past a {
	font-size: 18px;
	text-decoration: none;
	color: #333;
}




/*過去*/
body.bestcosme .gotopast {
	text-align: center;
}
body.bestcosme .gotopast img {
	height: auto;
}








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




/* ベスコス
------------------------------------------------------------------ */
body.bestcosme #containerCover{
	background-image: url(../images/bestcosme/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 50% auto;
	padding-top: 1px;
}
body.bestcosme h1 {
	width: auto;
	margin: 18px 20px 15px;
	text-align: center;
}
body.bestcosme h1 img {
	max-width: 100%;
}
body.bestcosme p.theme {
	width: auto;
	margin: 15px 75px 18px;
	text-align: center;
}
body.bestcosme p.theme img {
	max-width: 226px;
}

body.bestcosme section {
	width: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0 10px;
	background-image: url(../images/bestcosme/item_bg_header_sp.png?201412171700), url(../images/bestcosme/item_bg_body_sp.png?201412171700);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    background-size: 100% auto, 100% auto;
    -pie-background:
    url(../images/bestcosme/item_bg_header_sp.png) no-repeat top center,
    url(../images/bestcosme/item_bg_body_sp.png) no-repeat bottom center;
}

body.bestcosme section h2.name {
	float: right;
}
body.bestcosme section .image_badge {
	float: none;
	width: auto;
	margin-left: 0;
}
body.bestcosme section .image {
	width: 35%;
	max-width: 200px;
	margin-left: 8%;
	float: left;
	text-align: center;
}
body.bestcosme section .image img {
	max-width: 100px;
	width: auto;
	max-height:150px;
	height: auto;
}
body.bestcosme section.item2 .image img {
    max-height: 120px;
}
body.bestcosme section .badge {
	float: right;
    padding-right: 8.7%;
    margin-bottom: 10px;
    width: 41.3%;
}
body.bestcosme section .badge li {
	width: 35px;
	max-width: 50px;
	float: left;
	margin-left: 5px;
	margin-bottom: 0;
	min-height: 64px;
}

body.bestcosme2015 section .badge {
	float: left;
    padding-right: 8.7%;
    margin-bottom: 10px;
    width: 400px;
}
body.bestcosme2015 section .badge li {
	width: auto;
	float: left;
	max-width: 100%;
	margin-left: 10px;
	margin-bottom: 0;
}
body.bestcosme section .badge li:nth-child(4) ,
body.bestcosme section .badge li:first-child {
	margin-left: 0;
}
body.bestcosme section h2.name {
	/*background-image: url(../images/bestcosme/item1_name_sp.png);*/
	width: 50%;
	background-size: 80% auto;
	margin-bottom: 10px;
	text-indent: -5000px;
	overflow: hidden;
	height: 36px;
}

body.bestcosme section .group {
	clear: both;
	float: none;
	width: auto;
	padding-bottom: 30px;
	min-height: 0;
	margin-left: 6%;
	margin-right: 6%;
}

body.bestcosme section article {
	margin-bottom: 10px;
}
body.bestcosme section article h3.name {
}

body.bestcosme section article p.text {
	/*background: url(../images/bestcosme/item1_prizetext1_sp.png) no-repeat 0 0;
	background-size: auto 18px;*/
	margin-bottom: 8px;
	margin-left: 59px;
	height: 30px;
}

body.bestcosme2015 {
}
body.bestcosme2015 h1 {
	margin-left: 0;
	text-align: left;
}

body.bestcosme2015 .item figure img {
	max-width: 130px;
}
body.bestcosme2015 .item article {
	margin-left: 20px;
	margin-right: 0;
    clear: left;
    float: left;
    width: auto;
}
body.bestcosme2015 .item article img {
}

body.bestcosme2015 .past p {
top: -3px;
position: relative;
}
body.bestcosme2015 .item h1 img {
	width: 100%;
}


}

@media screen and (max-width: 567px) {
/* ベスコス
------------------------------------------------------------------ */

body.bestcosme section h2.name {
	background-image: url(../images/bestcosme/item1_name_sp.png);
	width: 50%;
	background-size: auto 33px;
	margin-bottom: 10px;
	text-indent: -5000px;
	overflow: hidden;
	height: 34px;
}

body.bestcosme section.item1 h2.name {background-image: url(../images/bestcosme/item1_name_sp.png);}
body.bestcosme section.item2 h2.name {background-image: url(../images/bestcosme/item2_name_sp.png);}
body.bestcosme section.item3 h2.name {background-image: url(../images/bestcosme/item3_name_sp.png);}
body.bestcosme section.item4 h2.name {background-image: url(../images/bestcosme/item4_name_sp.png);}
body.bestcosme section.item5 h2.name {background-image: url(../images/bestcosme/item5_name_sp.png);}
body.bestcosme section.item6 h2.name {background-image: url(../images/bestcosme/item6_name_sp.png);}
body.bestcosme section.item7 h2.name {background-image: url(../images/bestcosme/item7_name_sp.png);}
body.bestcosme section.item8 h2.name {background-image: url(../images/bestcosme/item8_name_sp.png);}
body.bestcosme section.item9 h2.name {background-image: url(../images/bestcosme/item9_name_sp.png);}



body.bestcosme section.item2014-1 h2.name {background-image: url(../images/bestcosme/201412/201412_color_impact_gel_liner_sp.png);}
body.bestcosme section.item2014-2 h2.name {background-image: url(../images/bestcosme/2014item2_name_sp.png);}
body.bestcosme section.item2014-3 h2.name {background-image: url(../images/bestcosme/201412/201412_nudyrich_eyes_sp.png);}
body.bestcosme section.item2014-5 h2.name {background-image: url(../images/bestcosme/201412/201412_tear_drop_liner_sp.png);}
body.bestcosme section.item2014-6 h2.name {background-image: url(../images/bestcosme/201412/201412_eye_brow_powder_sp.png);}
body.bestcosme section.item2014-7 h2.name {background-image: url(../images/bestcosme/201412/201412_duo_rich_eyes_sp.png);}

body.bestcosme section article h3.name {
	background: url(../images/bestcosme/prize_text0.jpg) no-repeat 0 0;
	background-size: auto 28px;
	text-indent: -5000px;
	overflow: hidden;
	height: 30px;
	margin-bottom: 2px;
}


body.bestcosme2015 {
}
body.bestcosme2015 .item figure img {
max-height: 100px;
display: inline-block;
margin-left:8px;
max-width: 60px;
}
body.bestcosme2015 section .badge {
    float: left;
    width: 230px;
}
body.bestcosme2015 section .badge li {
    width: 55px;
}
body.bestcosme2015 section .badge li img {
    width: auto;
    height: auto;
}




body.bestcosme2015 .item h1 {
	font-size: 14px;
	margin-top: 30px;
	width: 55%;
}
body.bestcosme2015 .item article {
width: 90%;
clear: both;
float: none;
margin: 0 auto 10px;
background-size: 25px auto;
min-height: 30px;
padding-left: 35px;
}
body.bestcosme2015 .item article img {
width: auto;
margin-left: 29px;
height: 20px;
}
body.bestcosme2015 .item article h2 ,
body.bestcosme2015 .item article p {
font-size: 14px;
margin-left: 30px;
}

/*リップ＆チーク クリーム*/
body.bestcosme section.item2014-4 h2.name {
	background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_sp.png);
}
body.bestcosme section.item2014-4 article.prize1 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize1.png); background-size: auto 54px; height: 50px;}
body.bestcosme section.item2014-4 article.prize11 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize11.png); background-size: auto 49px; height: 50px;}
body.bestcosme section.item2014-4 article.prize13 h3.name {background-image: url(../images/bestcosme/201412/201412_lipandcheek_cream_prize13.png); background-size: auto 36px; height: 50px;}


body.bestcosme section article p.text {
	background: url(../images/bestcosme/item1_prizetext1_sp.png) no-repeat 0 0;
	background-size: auto 18px;
	margin-bottom: 8px;
	margin-left: 0;
}






}