<@charset "UTF-8";>
.bestcosme_title img {
	    width: 100vw;
	}

.bestcosme_title {  
    position: relative;
}

.bestcosme_title h1 {
    position: absolute;
  top: 100px;
  left: 60px;
font-weight: normal;
    font-size:34px;
}
        .bestcosme_title h1 span{
    font-size:20px;
}
.bestcosme_title img{
width: 100%;}
.lead{
    font-size:16px;
	    text-align: center;
margin:20px;
	}
	.bestcosme {
	    margin: 0 auto;
	    width: 880px;
	}
	.bestcosme .mainaward {
	    margin: 0 0 50px 0;
	    text-align: center;
	}
	.bestcosme_item {
	    margin: 0 0 50px 0;
	    overflow: hidden;
	    zoom: 1;
	}
	.bestcosme_item_details {
	    margin-top: 10px;
	    display: block;
	    clear: left;
	    text-align: center;
	    color: #333333;
	    font-size: 12px;
	}
	.bestcosme_item_details h4 {
	    font-size: 14px;
	    color: #996600;
	    margin-block-end: 0.5em !important;
	}
	.bestcosme_item_details span {
	    color: #996600;
	    font-weight: bold;
	}
	.bestcosme img {
	    width: 100%;
	}

	.bestcosme p {
	    margin-block-start: 0em !important;
	    margin-block-end: 0em !important;
	}
	.bestcosme_btn {
	    margin-top: 20px;
	}
	.bestcosme h2 {
	    color: #000000;
	    line-height: 140%;
	}
	.bestcosme_item_name h2 {
	    font-size: 22px;
	    margin-block-start: 3em;
	    margin-block-end: 0em !important;
	}
	.mainaward h2 {
	    font-size: 32px;
	}
	.bestcosme_t1 {
	    font-size: 16px;
	    line-height: 150%;
	    color: #333333;
	}

	p.note {
	    font-size: 10px !important;
	    line-hight: 1.2em !important;
	    padding-top: 10px;
	}
	.bestcosme_item_photo {
	    float: left;
	    text-align: center !important;
	    width: 500px;
	}
	.bestcosme_item_photo img {
	    width: 350px !important;
	}
	.bestcosme_item .bestcosme_item_name {
	    vertical-align: center !important;
	    float: right;
	    width: 360px;
	    text-align: center;
	}
	.bestcosme_item .bestcosme_item_name.title_sp {
	    text-align: center !important;
	}
	.bestcosme_item_name.title_sp {
	    float: none !important;
	    width: 100%;
	}
	.bestcosme_icon {
	    color: #c20430 !important; font-size: 16px;
	}
	.bestcosme_item_name .bestcosme_icon {
	    border: 1px #c20430 solid;
	    font-size: 14px;
	    padding: 1%;
	}
	.bestcosme_link {
	    text-align: center;
	    background-color: #000!important;
	    display: inline-block;
	    color: #FFF;
	    padding: 18px 30px;
	    text-transform: uppercase;
	    text-decoration: none;
	    font-size: 11px;
	    line-height: 14px;
	    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	    /* border: 2px solid #e5e5e5; */
	    min-width: 16px;
	}
	.bestcosme_link:hover {
	    opacity: 0.7;
	    filter: alpha(opacity=70);
	    -ms-filter: "alpha(opacity=70)";
	    color: #fff !important;
	}
	.bestcosme h2 .title_pc {
	    margin-block-start: 5em !important;
	}
	.title_pc, img.full {
	    display: block;
	}
	.title_sp, img.sp {
	    display: none;
	}
	
.bestcosme_item .sample { border: solid 1px #B40024;
margin:20px;
padding:20px;}
.bestcosme_item .sample .tag { color:  #B40024; font-size:12px;}
.bestcosme_item .sample h4 {font-weight: bold;  font-size:18px; margin-block-start: 0.33em; margin-block-end: 0.33em; color:  #B40024;}
.bestcosme_item .sample p {font-size:14px;}
	@media only screen and (max-width:796px) {
    .bestcosme_title h1{
    font-size:22px;
  top: 40px;
  left: 20px;
}
        .bestcosme_title h1 span{
    font-size:14px;
}
	.bestcosme h2 {
	    margin-block-start: 0.5em !important;
	}
	.mainaward h2 {
	    font-size: 22px;
	}
	.bestcosme {
	    margin: 0;
	    width: 100%;
	    text-aline: center;
	}
	.bestcosme_item {
	    width: 90%;
	    margin: 0 5% 8% 5%;
	}
	.bestcosme_item_name {
	    float: none !important;
	    width: 100% !important;
	}
	.bestcosme_item_photo {
	    float: none;
	    width: 100%;
	}
	.bestcosme_item_name {
	    text-align: center;
	}
	.title_pc, img.full {
	    display: none;
	}
	.title_sp, img.sp {
	    display: block;
	}
	.title, .bestcosme_t1{
	    font-size: 14px;
	}
	}