/* ==============================

  S1  / common.css / www.s1s1s1.com

============================== */

/* ==================== [ Google Fonts ] */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400,600);

/* ==================== [ normalize ] */
@import url("normalize.css");

/* ==================== [ RESET ] */
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ol, ul, li{
  margin:0;
  padding:0;
}
ul li{
	list-style-type:none;
}

/* ==================== [ BASE ] */
body{
	font-size: 16px;
	color:#333;
	min-width:960px;
	padding-top: 81px;
}
a{
	text-decoration:none;
	color:#f00;
}
a:hover{
	/*color:#333;*/
	text-decoration:underline;
}
/*a:visited{
	color:#d00;
}*/

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	zoom/*¥**/:1¥9;
}
hr.line-segment{
	display: block;
	border: none;
	height: 1px;
	background-color: #dedede;
}



/* ==================== [ COMMON ] */

/* ==================== [ header ] */
header{
	border-bottom:1px solid #e6e6e6;
	background-color:#fff;
}
header.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}
header > div.wrap-header{
	width:960px;
	height:65px;
	margin:0 auto;
	padding-top:15px;
	position:relative;
}
header #logo-maker{ float:left; }
header img{ display:block; }
header p{
	margin-left: 82px;
	font-size: 0.75em;
	line-height: 1.166667em;
	color:#b2b2b2;
}
/* ----- nav */
header nav{
	position:absolute;
	left:80px;
	top:36px;
	z-index:102;
}
header nav ul{ list-style-type: none; }
header nav ul.nav-main > li{
	position:absolute;
	top:0;
	z-index:103;
}
ul.nav-main > li.nav01{ left:0; }
ul.nav-main > li.nav02{ left:110px; }
ul.nav-main > li.nav03{ left:220px; }
ul.nav-main > li.nav04{ left:330px; }
ul.nav-main > li.nav05{ left:420px; }
ul.nav-main > li.nav06{ left:510px; }
ul.nav-main > li[class^='nav'] > h6{
	height:45px;
	display:block;
}

ul.nav-main > li.nav00::before{
    position: absolute;
    content: 'NEW';
    font-family: Open Sans;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.1em;
    color:#fff;
    background-color:#f00;
    padding: 4px 12px;
    line-height: 1;
    border-radius: 3px;
    top: -21px;
    left: 8px;
}
ul.nav-main > li.nav00::after
 {
    position: absolute;
    content: '▼';
    font-family: Open Sans;
    font-weight: 700;
    font-size: 8px !important;
    letter-spacing: 0.1em;
    color: #f00;
    top: -9px;
    left: 30px;
}

ul.nav-main > li[class^='nav'] > h6 span {
    display:none;
}


ul.nav-main > li.nav01 > h6{
	width:100px;
	background:url(../images/common/header/nav01.png) no-repeat 0 0;
}
ul.nav-main > li.nav02 > h6{
	width:100px;
	background:url(../images/common/header/nav02.png) no-repeat 0 0;
}
ul.nav-main > li.nav03 > h6{
	width:100px;
	background:url(../images/common/header/nav03.png) no-repeat 0 0;
}
ul.nav-main > li.nav04 > h6{
	width:80px;
	background:url(../images/common/header/nav04.png) no-repeat 0 0;
}
ul.nav-main > li.nav05 > h6{
	width:80px;
	background:url(../images/common/header/nav05.png) no-repeat 0 0;
}
ul.nav-main > li.nav06 > h6{
	width:100px;
	background:url(../images/common/header/nav06.png) no-repeat 0 0;
}
ul.nav-main > li[class^='nav'] > h6:hover,
ul.nav-main > li[class^='nav'] > h6.selected{
	background-position:0 -60px;
	cursor: default;
}
ul.nav-main > li.nav06 > h6 > a {
    display:block;
	width:100px;
    height:45px;
}

header nav ul[class^='nav-sub']{
	display:none;
	padding:10px 20px 20px;
	background-color:#f00;
	overflow:hidden;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-box-shadow: 0 1px 3px 0 #777;
	-webkit-box-shadow: 0 1px 3px 0 #777;
  box-shadow: 0px 1px 3px 0px #777;
}
ul.nav-sub-actress{ width:145px; }
ul.nav-sub-works{ width:220px; }
ul.nav-sub-ranking{ width:280px; }
ul.nav-sub-news{ width:240px; }
ul.nav-sub-shop{ width:240px; }
header nav ul[class^='nav-sub'] li{
	width:50%;
	float:left;
}
header nav ul.nav-sub-actress li:first-child{ width:100%; }
header nav ul.nav-sub-news li, header nav ul.nav-sub-shop li{ width:auto; }
header nav ul.nav-sub-shop li:first-child,
header nav ul.nav-sub-news li:first-child,
header nav ul.nav-sub-news li:nth-child(odd){
	width:50%;
}

header nav ul[class^='nav-sub'] li a{
	padding:0.5em 1em;
	font-size: .8125em;
	line-height:2.5em;
	color:white;
	text-decoration:none;
	background:url(../images/common/header/arr01.png) no-repeat 0 50%;
}
header nav ul[class^='nav-sub'] li a:hover{ text-decoration:underline; }

header nav ul[class^='nav-sub'] li a.ico-blank:after {
    content:url(/images/common/header/ico_blank_w.png);
    margin-left:5px;
}


/* ----- #bx-search */
#bx-search{
	position:absolute;
	bottom:20px;
	right:0;
}
#bx-search input{
	width:200px;
	padding: 4px 2px 4px 40px;
	font-size: .9375em;
	background:#e6e6e6 url(../images/common/header/ico_search.png) no-repeat 8px 50%;
	border:none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;		/* For PIE.js */
}


/* ==================== [ footer ] */
footer{
	padding-bottom: 30px;
	background-color:#fff3f7;
	border-top:1px solid #e6e6e6;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
footer a{ color:#555; }
footer a:hover{ color:#f00; }
footer ul{ list-style-type: none; }
footer > div.wrap-footer{
	width:960px;
	margin:0 auto;
	padding-top:30px;
	overflow:hidden;
}
/* ----- .sect-menu */
footer div.sect-menu{
	overflow:hidden;
	margin-bottom:40px;
}
div[class^='bx-menu']{
	float:left;
	width:110px;
}
div.bx-menu01{ width: 140px; }
div.bx-menu03{ width: 110px; }
div.bx-menu05{ width: 270px; }
div.bx-menu06{ width: 210px; }
div[class^='bx-menu'] > h3{
	margin-bottom: 10px;
	font-size:0.8125em;
	color:#555;
}
div[class^='bx-menu'] > ul li{ font-size:0.75em; line-height:2em; }
div.bx-menu01{ overflow:hidden; }
div.bx-menu01 li:first-child{ width:100%; }
div.bx-menu01 li{
	width:40%;
	float:left;
}
div[class^='bx-menu'] a.ico-blank:after {
    content:url(/images/common/footer/ico_blank_g.png);
    margin-left:5px;
}

/* ----- .bx-another-link */
footer .bx-another-link{
	margin-top:30px;
	position:relative;
}
footer .bx-another-link >p{
	text-align:center;
}
footer .bx-another-link >p span{
	font-size:0.8125em;
	font-weight:bold;
	padding:0 1em;
	border-left:1px solid #dedede;
}
footer .bx-another-link >p span.coming-soon{
	color:#999;
}
footer .bx-another-link >p span:first-child{
	border-left: none;
}
footer .btn-twitter{
	width: 130px;
	height: 36px;
	position:absolute;
	top:-10px;
	right:0
}
footer .btn-twitter a{
	display:block;
	padding:0 8px;
	line-height:36px;
	border:1px solid #dedede;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;		/* For PIE.js */
	background:url(../images/common/footer/ico_twitter.png) no-repeat 90% center;
}
footer .btn-twitter a:hover{
	text-decoration:none;
	background-color:#FFF;
}

footer p.tx-copyright{
	margin-top:15px;
	text-align:center;
}
footer p.tx-copyright > small{
	font-size:0.6875em;
}

/* ----- #bx-bnr-link */

#bx-bnr-link{
	margin-top:-10px;
	background-color:#FFF3F7;
	overflow:hidden;
}

#bx-bnr-link .wrap-bx-bnr-link{
	width:960px;
	margin:0 auto;
}

#bx-bnr-link .wrap-bx-bnr-link ul{
    overflow: hidden;
	width:990px;
	margin: 0 0 55px -30px;
}

#bx-bnr-link .wrap-bx-bnr-link ul.bnr-four{
	margin-left:70px !important;
}

#bx-bnr-link .wrap-bx-bnr-link ul.bnr-three{
	margin-left:168px !important;
}

#bx-bnr-link .wrap-bx-bnr-link > ul li{
	margin: 22px 0 5px 30px;
	float:left;
}

#bx-bnr-link .wrap-bx-bnr-link > ul li a{
	border:1px solid #333;
	display:block;
}

#bx-bnr-link .wrap-bx-bnr-link > ul li a:hover{
	border:1px solid #f00;
}

/* ==================== [ to Page Top ] */
#to-page-top{
	width:80px;
	height:80px;
	margin-left:520px;
	position:fixed;
	left:50%;
	bottom:30px;
}


/* ==================== [ #contents ] */
#contents{
	width:960px;
	margin:0 auto;
}
#contents > h1{
	text-align:center;
	margin-bottom: 40px;
}


/* ==================== [ INFORMATION ] */
#sect-information{
	width:960px;
	margin:60px auto;
	overflow:hidden;
}
#sect-information > section{
	width:230px;
	float:left;
	margin:0 45px;
}
/* ----- .date-published, .ico-other  */
#sect-information div.date-published,
#sect-information div.ico-other{
	width:40px;
	height:40px;
	margin:0 auto 10px;
	background-color:#f00;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}
#sect-information div.date-published{
	color:#fff;
	font-family: Tahoma, Geneva, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.875em;
	line-height:1em;
	background:#f00 url(../images/common/pages/img_slash.png) no-repeat center center;
}
#sect-information div.date-published span.tx-month{
	position:absolute;
	top:6px;
	left:5px;
}
#sect-information div.date-published span.tx-day{
	position:absolute;
	bottom:6px;
	right:5px;
}
#sect-information div.ico-other{
    text-align: center;
    color:#fff;
	font-family: Tahoma, Geneva, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}
#sect-information div.ico-other span.tx-month1{
	position:absolute;
	top:1px;
	left:4px;
}
#sect-information div.ico-other span.tx-month2{
	position:absolute;
	top:23px;
	right:4px;
}
#sect-information div.ico-other span.tx-month-tilde{
	position:absolute;
	top:12px;
	right:15px;
}
/*#sect-information div.ico-other > img{ margin-top: 5px; }*/
/* ----- .bx-detail  */
#sect-information section div.bx-detail{
	text-align:center;
}
#sect-information div.bx-detail h2{
	margin-bottom: 15px;
	font-weight:normal;
	font-size: 1.375em;
}
#sect-information div.bx-detail p{
	margin-bottom: 10px;
	font-size: 0.8125em;
	line-height:1.384615em;
}
#sect-information div.bx-detail a{
	padding-right: 10px;
    letter-spacing:-0.06em;
	background:url(../images/common/pages/arr_textlink.png) no-repeat 100% 45%;
}
#sect-information div.bx-detail h2 a{
	padding-right:0;
    letter-spacing:0;
	background:none;
    color:#555;
    text-decoration:none;
}
#sect-information div.bx-detail h2 a:hover {
    color:#f00;
    text-decoration:underline;
}


/* ==================== [ to-sp ] */

#to-sp{
	width:100%;
	text-align:center;
	padding:40px 0;
	border-bottom:1px solid #e5e5e5;
}

#to-sp p a{
	padding:30px 0;
	background-color:#999;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:block;
	width:70%;
	margin:0 15%;
}

/* =====ページ下部の注釈 */
.tx-annotation{
	width: 340px;
	margin: 0 auto 32px;
	padding: 4px 0;
	text-align: center;
	border: 1px solid #ccc;
	font-size: 16px;
}