body { width: 1000px; margin: 0 auto; text-align: left !important; padding: 0 !important; background-color: #ebebeb; font: 100.1% 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif; }
#slogan,#site_search_switch label { font-size: 69% !important; }
#search_section { width: 235px !important; }
/*
#search { height: 23px !important; }
*/
#main_content { background-color: #fff; overflow: hidden; }
#main_img,#lead { margin: 0 5%; padding-top: 3%; background-color: #fff; }
.smb { margin-bottom: 3%; }
#lead { margin-bottom: 3%; padding-top: 0; }
.clearfix { clear: both; }
.da-thumbs {
	list-style: none;
	width: 984px;
	position: relative;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin: 5px;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
    height: 150px;
}
.da-thumbs li a div {
	position: absolute;
    background: rgba(0, 205, 255, 0.4);
	width: 100%;
	height: 150px;

}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
    margin: 60px 10px 10px 10px;
	text-transform: uppercase;
	font-weight: normal;
    font-size: 15px;
    text-align: center;
	color: rgba(255,255,255,0.9);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

section#photo_sec { background-image: url(../images/bg_dot.jpg); overflow: hidden; margin: 0 5%; padding-top: 2%; text-align: center;}
div.photo_box, div.sp_photo_box { float: left; margin: 0 1%; text-align: center; }
div.photo_box button, div.sp_photo_box button { border-radius: 3px; vertical-align: bottom; }
div.photo_box { width: 200px; margin-bottom: 2%; margin-right: 20px; margin-left: 0; margin-top: 1%; }
div.photo_box_first { margin-left: 20px; }
div.sp_photo_box { width: 47%;margin: 1%; }
.votegirl { overflow: hidden; }
.btn_vote { display: block; width: 172px; height: 56px; text-indent:-9999px;  float: left; background-image: url(../images/btn_vote.png); margin: 0 10%; }
.btn_vote:hover { background-position:left bottom; }
.sp_btn_vote { display: block; width: 86%; height: 40px; text-indent:-9999px;  float: left; background-image: url(../images/sp/btn_vote.png); background-repeat: no-repeat; margin: 0 7%; background-size: 100% 100%; }

.photo { width: 200px; height: 200px; border: 1px solid #ccc; }
.photo_old { padding: 1px; }
.photo_new {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden;
    padding: 1px;
}
.photo_new:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 150px;
    height: auto;
    background: red;
    background: linear-gradient(to bottom, #fd0303,rgba(252, 252, 0, 0.63));
    background:-moz-linear-gradient(top,#fd0303,rgba(252, 252, 0, 0.63)); 
    background:-webkit-gradient(linear,center top,center bottom,from(#fd0303),to(rgba(252, 252, 0, 0.63)));
    content: "New";
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    padding: 5px 10px;
    left: -56px;
    top: 0px;
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.main_img { float: left; margin-right: 3%; margin-top: 3%; }
.img_left { margin-left: 1%; }
.main_img_right { margin-right: 0; }
#infomation { margin: 5% 0; height: 117px; }
#sea_news_cs { display:block; text-indent:-9999px;  float: left; margin: 0 3% 0 5%; }
#sea_news { display:block; width:434px; height:117px; background-image:url(../images/btn_news.png); background-repeat:no-repeat; text-indent:-9999px;  float: left; margin: 0 3% 0 5%; }
#sea_news:hover{ background-position:left bottom; }
#seaside_info { display:block; width:434px; height:117px; background-image:url(../images/btn_topics.png); background-repeat:no-repeat; text-indent:-9999px;  float: left; }
#seaside_info:hover{ background-position:left bottom; }
#girl2017,#girl2016,#girl2015,#girl2014, #girl2013, #girl2012 { padding: 0 5%; margin: 3% 0; /* height: 350px; */ overflow: hidden; }
.thumb { width: 88px; float: left; border: 1px solid #ccc; }


/* SP */
#sp_body { width: 100%; }
.ui-content { padding: 0;  }
#sp_contents { margin: 0; padding: 0; background-color: #fff; }
#sp_main_lead { margin: 5% 5%; }
.sticky { /* position: fixed; */ z-index: 1; margin-bottom: 2%; }
section.sp_girl_photo { padding: 0 1%; background-image: url(../images/sp/bg_dot.jpg); overflow: hidden; padding-top: 3%; text-align: center; }
section.sp_girl_photo>img { margin-bottom: 1%; }
section.sp_girl_photo a img { margin-bottom: 1%; }
.sp_btn { margin: 0 5%; }
#sp_sub_ttl { margin: 3% 15%; }
.sp_article_img1 { margin: 0; margin-left: 2%; }
.sp_article_img { margin: 0; width: 100%; }
.sp_article_img_other { margin: 0; margin-top: 4%; width: 32%; }
.sp_article_img14 { margin: 0; margin-left: 2%; margin-bottom: 2%; }
.sp_article_img4 { margin: 0; margin-bottom: 2%; }
.sp_img_ctr { margin-left: 1.5%; }
.sp_img_old {
    display: inline-block !important;
    padding: 1px;
    width: 31%;
    height: 31%;
}
.sp_img_new {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden;
    padding: 1px;
/*    width: 31%;*/
    width: 100%;
    height: 31%;
}
.sp_img_new:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 115%;
    height: 16%;
    background: linear-gradient(to bottom, rgba(252, 136, 0, 0.77), rgba(253, 3, 3, 0.71) 50%, rgba(252, 136, 0, 0.77));
    background:-moz-linear-gradient(top,rgba(252, 87, 0, 0.77),rgba(253, 3, 3, 0.71) 50%,rgba(252, 87, 0, 0.77));
    background:-webkit-gradient(linear,center top,center bottom,from(rgba(255, 157, 0, 0.63)),color-stop(0.5,rgba(253, 3, 3, 0.71)),to(rgba(255, 157, 0, 0.63)));
    content: "New";
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 3% 5%;
    left: -38%;
    top: 0%;
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
}
.sp_thumb { width: 22%; float: left; border: 1px solid #ffffff; margin-left: 2.0%; margin-bottom: 1%; }


/* 結果発表 */
section#photo_sec>img { margin-bottom: 1%; }
div#first { text-align: center; padding: 0 2%; overflow: hidden; margin-bottom: 3%; }
div#second { float: left; width: 47%; text-align: center; margin: 0 2%; overflow: hidden; margin-bottom: 3%; }
div#third { float: left; width: 47%; text-align: center; overflow: hidden; margin-bottom: 3%; }
img.btn_second { margin:0 auto; }
a:hover { opacity: 0.6; }