@charset "utf-8";

/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: Verdana,Arial,"メイリオ","ヒラギノ角ゴシック","MS Pゴシック",sans-serif;
}

body {
	margin: 0;
	height: auto;
	height: 100%;
	min-height: 100%;
	position: relative;
	color: #777;
	line-height: 1.5;
}

a {
	color: #2980b9;/*#216aae;*/
	text-decoration: underline;
}

a:visited {
	color: #2980b9;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	/*color: #216aae;*/
	outline: 0;
	opacity:0.8;
	filter: alpha(opacity=80);
	ms-filter: "alpha( opacity=80 )";
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	clear: both;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 1em;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 15px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */
/* フォント */
.cf { position: relative; overflow: hidden; }
.pull-left    { float: left; }
.pull-right   { float: right; }
.text-left    { text-align: left; }
.text-right   { text-align: right; }
.text-center  { text-align: center; }
.text-justify { text-align: justify; }
.need { color: #f00; }
.hide { display: none; }

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
html,body {
	height:100%;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "メイリオ", "ヒラギノ角ゴシック", "MS Pゴシック", sans-serif;
  background: #fff;
}

a:link,
a:hover,
a:visited {
  color: #2E382A;
  text-decoration: none;
}
#container_wrapper, 
.header_wrapper,
.content_wrapper,
.footer_wrapper {
	width: 100%;
}
#container_wrapper {
  margin: 0 auto;
  width: 950px;
  background: url(../../images/bg.png) 50%;
}

/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */
.header {
  padding-top: 25px;
}
.header .kv {}
.header .kv img {
  background: #aaa;
}

/**
 * 5.0 Footer
 * ----------------------------------------------------------------------------
 */

/**
 * 6.0 Navigation
 * ----------------------------------------------------------------------------
 */
.header ul.navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.header ul.navigation li {
  float: left;
}

/**
 * 7.0 Contents
 * ----------------------------------------------------------------------------
 */
.content_wrapper {
	font-size: 1.4rem;
}
.content_wrapper .interview,
.content_wrapper .jackets,
.content_wrapper .doll,
.content_wrapper .auction,
.content_wrapper .present {
  margin-top: 60px;
  position: relative;
}

.content_wrapper .newcomer {
  margin-top: 30px;
}

.content_wrapper .newcomer h2 {
  margin-bottom: 10px;
  background: url(../../images/newcomer02.png) no-repeat;
  height: 110px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.content_wrapper .newcomer h2 strong {
	font-size: 1.3em;
}

.content_wrapper .newcomer .cols {
	overflow: hidden;
	margin-bottom: 30px;
}

.content_wrapper .newcomer h3 {
	margin: 0  10px 10px;
	background: #0251bf;
	font-size: 1.3em;
	color: #fff;
	padding: 0.2em;
	text-align: center;
}

.content_wrapper .newcomer h3 strong {
	font-size: 1.3em;
	font-weight: normal;
}

.content_wrapper .newcomer .actlist {
	margin-left: 10px;
	padding: 20px 16px 74px;
	float: left;
}
.content_wrapper .newcomer .actlist img {
  margin: 0px;
  display: block;
}
.content_wrapper .newcomer .actlist div.active img.frame {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.content_wrapper .newcomer .mensetsu {
	position: absolute;
	left: 0;
	bottom: 0;
}


.content_wrapper .newcomer .offshot_movie {
	overflow: hidden;
	margin-right: 10px;
  float: right;
}
.content_wrapper .newcomer .offshot_movie > div {
	float: left;
	width: 380px;
	position:relative;	
}

.content_wrapper .newcomer .offshot_movie .box {
	position: absolute;
	display:none;
}

.content_wrapper .newcomer .offshot_movie .box img {
  width: 100%;
}
.content_wrapper .newcomer .offshot_movie .thumb {
	float: right;
  list-style: none;
  padding: 0;
  margin: 0 0 0 10px;
}
.content_wrapper .newcomer .offshot_movie .thumb li.active {
  border: solid 1px #19B5E4;
}
.content_wrapper .newcomer .offshot_movie .thumb li {
	width: 112px;
  margin-bottom: 10px;
  padding: 5px;
  list-style: none;
  border: solid 1px #ddd;
  text-align: center;
	cursor:pointer;
}
.content_wrapper .newcomer .offshot_movie .thumb li img {
  width: 100px;
  text-align: center;
}



.content_wrapper .newcomer .offshot_movie .msg {
	background: #fff;
	background: rgba(356,356,356,0.7);
	padding: 10px 0;
	margin-top: 245px;
}

.content_wrapper .newcomer .offshot_movie .msg p {
	padding: 0 20px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.content_wrapper .newcomer .offshot_movie .msg dt {
	float: left;
	clear: both;
	width: 6em;
	font-weight: normal;
	margin-bottom: 5px;
}

.content_wrapper .newcomer .offshot_movie .msg dd {
	padding-left: 7em;
	margin: 0;
	margin-bottom: 5px;
}

/* 柚木用 */
.content_wrapper .newcomer #act01 .offshot_movie > div {
	width: 500px;
}

.content_wrapper .newcomer #act01 .offshot_movie .box {
	width: 500px;
	text-align: center;
}

.content_wrapper .newcomer #act01 .offshot_movie .box img {
	width: auto;
}

.content_wrapper .newcomer .offshot_movie #thumb01.thumb {
	float: none;
	margin: 240px 0 5px;
	overflow: hidden;
}

.content_wrapper .newcomer .offshot_movie #thumb01.thumb li {
	float: left;
	width: 95px;
	margin: 0 2px 5px;
	padding: 4px;
}
.content_wrapper .newcomer .offshot_movie #thumb01.thumb li img {
	width: 85px;
}


.content_wrapper .newcomer #act01 .offshot_movie .msg {
	margin-top: 0;
}

/* 柚木用 */



.content_wrapper .interview {}
.content_wrapper .interview h2 {
  margin-bottom: 10px;
  background: url(../../images/interview.png) no-repeat;
  height: 30px;
  border-bottom: 2px solid #1e04bf;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.content_wrapper .interview .cols {
  width: 950px;
  height: 450px;
  background: url(../../images/interview_bg.jpg) no-repeat;
  background-color: #eee;
  background-size: cover;
}
.content_wrapper .interview .cols>div {
  padding-top: 260px;
  width: 125px;
  height: 100%;
  float: left;
  text-align: center;
}
.content_wrapper .interview .cols>div.firstChild {
  margin-left: 37px;
}
.content_wrapper .interview .cols>div.lastChild {}
.content_wrapper .interview .cols>div a {
  width: 99px;
  height: 133px;
  display: inline-block;
}
.content_wrapper .interview .cols>div img {
  width: 99px;
  height: 133px;
}
.content_wrapper .interview .interview_cont {
  display: none;
}
.cbpu_interview #cboxLoadedContent .interview_cont {
  padding: 10px;
  font-size: 1.6rem;
  overflow: auto;
}
.cbpu_interview #cboxLoadedContent .interview_cont img.label {
  margin: 10px 0 20px;
  width: 100%;
}
.cbpu_interview #cboxLoadedContent .interview_cont .catch {
  margin: 20px 0 10px;
  padding: 5px 0 0 10px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 2px solid #0148ca;
  background-color: #f2f2ff;
}
.cbpu_interview #cboxLoadedContent .interview_cont .talk {}
.cbpu_interview #cboxLoadedContent .interview_cont .talk div {
  margin-bottom: 5px;
  padding-left: 3rem;
  text-indent: -2.7rem;
}
.cbpu_interview #cboxLoadedContent .interview_cont .next {
  text-align: center;
}

.content_wrapper .jackets {}
.content_wrapper .jackets h2 {
  margin-bottom: 10px;
  background: url(../../images/jackets.png) no-repeat;
  height: 30px;
  border-bottom: 2px solid #1e04bf;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.content_wrapper .jackets .dist {
  position: absolute;
  top: 3px;
  left: 450px;
  color: #d75c6b;
  font-size: 1.6rem;
  font-weight: bold;
}
.content_wrapper .jackets .dist img {
  vertical-align: sub;
  margin-left: 5px;
}
.content_wrapper .jackets .jklist_wrap {
  height: 355px;
  overflow: hidden;
}
.content_wrapper .jackets .jklist {
  opacity: 0;
  background-color: #000;
}
.content_wrapper .jackets .jklist .op0 {
  opacity: 0;
}
.content_wrapper .jackets .jklist img {
  /*float: left;*/
}
.content_wrapper .jackets .jklist img.s { width: 50px; }
.content_wrapper .jackets .jklist img.m { width: 100px; }
.content_wrapper .jackets .jklist img.l { width: 150px; }
.cbpu_jacket #cboxLoadedContent {
  overflow: hidden !important;
}
.cbpu_jacket .slick-track .cbpucont {
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
}
.cbpu_jacket .cbpucont {
  opacity: 0;
}  
.cbpu_jacket .cbpucont img {
  max-height: 100%;
  max-width: 100%;
}

.content_wrapper .doll {}
.content_wrapper .doll h2 {
  margin-bottom: 10px;
  background: url(../../images/3ddoll.png) no-repeat;
  height: 30px;
  border-bottom: 2px solid #1e04bf;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.content_wrapper .doll .film {
  width: 670px;
  float: left;
}
.content_wrapper .doll .model {
  float: right;
}
.content_wrapper .doll .model .model_ttl {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.content_wrapper .doll .about3ddoll {}
.content_wrapper .doll .about3ddoll .create_co {
	font-size: 1rem;
}


.content_wrapper .doll .mogami {
	padding-top: 20px;
	margin-bottom: 20px;
}

.content_wrapper .doll .mogami .film {
	width: 500px;
}


.content_wrapper .doll .mogami .model {
	width: 450px;
}

.content_wrapper .doll .mogami .model img {
	width: 450px;
}

.content_wrapper .doll .dolltxt {
	padding: 10px;
	border-bottom: 1px dotted #0251bf;
}


.present {
	overflow: hidden;
}

.present p {
	width: 50%;
	float: left;
}

.present p img {
	width: 100%;
}

.content_wrapper .auction {}
.content_wrapper .auction h2 {
  margin-bottom: 10px;
  background: url(../../images/auction.png) no-repeat;
  height: 30px;
  border-bottom: 2px solid #1e04bf;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.content_wrapper .auction .items {
  padding: 0;
  list-style: none;
}
.content_wrapper .auction .items li {
  padding: 5px;
  width: 25%;
  text-align: center;
  float: left;
}
.content_wrapper .auction .items li img {
  width: 100%;
}


.content_wrapper .auction2 h2 {
  margin-bottom: 10px;
  background: url(../../images/auction.png) no-repeat;
  height: 30px;
  border-bottom: 2px solid #1e04bf;
  text-shadow: none;
  color: transparent;
}

.content_wrapper .auction2 {
  margin-top: 60px;
  overflow: hidden;
}

.content_wrapper .auction2 > div {
	overflow: hidden;
	width: 930px;
	margin: 0 auto;
}

.content_wrapper .auction2 .item {
  width:  300px;
  margin: 10px 5px;
  float: left;
}

.content_wrapper .auction2 .item h3 {
	background: #3e84f3;
	color: #fff;
	padding: 0.5em;
}

.content_wrapper .auction2 .item p {
	width: 300px;
	height: 225px;
	text-align: center;
	margin: 0;
}

.content_wrapper .auction2 .item p img {
  height: 225px;
  width: auto;
  max-width: 300px;
}

.content_wrapper .auction2 .item ul {
	overflow: hidden;
	padding: 4px 0;
	margin: 0;
}

.content_wrapper .auction2 .item li {
  width: 100px;
  height: 76px;
  text-align: center;
  float: left;
  list-style-type: none;
  padding: 0 2px;
}

.content_wrapper .auction2 .item li img {
  height: 72px;
  width: auto;
  cursor: pointer;
}

.content_wrapper .auction2 .dmm {
	clear: both;
	width: 80%;
	margin: 30px auto 20px;
	height: 60px !important;
}

.content_wrapper .auction2 .dmm span {
	display: block;
	padding: 1% 0;
	background: #aaa;
	color: #fff;
}

.content_wrapper .auction2 .yet {
	display: block;
	text-align: center;
	color: #fff;
	background: #c10000 !important;
	padding: 1% 0;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}


.content_wrapper .auction2 .dmm a {
	display: block;
	text-align: center;
	color: #fff;
	background: #c10000;
	padding: 1% 0;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	border-bottom: 5px solid #9a0000;
	position: relative;
}

.content_wrapper .auction2 .dmm a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	display: block; 
	width: 6px; 
	height: 6px; 
	border-right: 3px solid #fff; 
	border-top: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	   transform: rotate(45deg);
	content: ""; 
}


.content_wrapper .auction2 .dmm strong {
	font-size: 1.3em;
}

#foot {
	padding: 6% 0 3%;
}

#foot .back {
	width: 70%;
	margin: 10px auto;
}

#foot .back a {
	display: block;
	text-align: center;
	color: #fff;
	background: #222;
	font-size: 1.3em;
	padding: 2% 0 1.7%;
	border-bottom: 4px solid #000;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	position: relative;
}

#foot .back a:after {
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -4px;
	display: block; 
	width: 10px; 
	height: 10px; 
	border-right: 3px solid #fff; 
	border-top: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	   transform: rotate(45deg);
	content: ""; 
}

#foot .back.uchu a {
	background: #1a1d8a;
	border-bottom: 4px solid #0d0e54; 
}

#foot .back img {
	height: 40px;
	margin-right: 10px;
}


div.social_link{
  padding:10px;
}

div.social_link li{
  float:right;
  vertical-align: top;
  list-style:none;
}