@charset "UTF-8";
/*
Theme Name: MISS & MR NUC COLLECTION
Theme URI: null
Author:  null
Author URI: null
Description: null
Version: 1.0
License:　null
License URI: null
Tags: null
Text Domain: null
*/
/* -------------------------------
Reset CSS
----------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, div, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}
body {
	width: 100%;
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,div {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/* clearfix */
.clearFix:after {
	content: "."; /* 新しい要素を作る */
	display: block; /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
* html .clearFix {
	height: 1px;
	/*￥*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
a {
	color: #1a1a1a;
	text-decoration: none;
}
a:hover {
	color: #4d4d4d;
	text-decoration: none;
}
ul,ol {
	list-style: none;
}
/* -------------------------------
全ページ共通
----------------------------------*/
body {
	color: #171717;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.button {
	font-size: 16px;
	line-height: 16px;
	padding: 18px 20px;
	text-align: center;
	display: inline-block;
	color: #6dd8d2;
	border: 1px solid #bbe1df;
	background-color: #fff;
}
.button:hover {
	background-color: #bbe1df;
	color: #FFF;
}
.pink.button {
	color: #ea667a;
	border: 1px solid #f4b3bd;
}
.pink.button:hover {
	background-color: #f4b3bd;
	color: #FFF;
}
.title {
	text-align: center;
}
.switch {
    visibility: hidden;
}
/* ----- ヘッダー-----*/
/* ----- ナビゲーション -----*/
/* ----- コンテンツエリア-----*/
/* ----- サイドカラム -----*/
/* ----- フッター -----*/
footer {
	width: 100%;
	min-width: 1000px;
	background: url("./images/footer-border.jpg") no-repeat;
	background-position: bottom;
	  margin-bottom: 70px;
}
.copyrights p {
	font-size: 10px;
	text-align: center;
}
.cvArea {
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding-top: 48px;
	padding-bottom: 65px;
	text-align: center;
	background: #f8f8f8;
	border-top: 1px solid #bce0de;
}
.cvAreaLink {
	margin-top: 30px;
}
.cvAreaLink ul {
	display: inline-block;
	margin: 0 30px;
	text-align:center;
}
.cvAreaLink ul li {
	text-align: center;
	margin-bottom: 3px;
}
.cvAreaLink > ul > li {
	margin-bottom: 25px;
	clear:both;
	text-align: left;
}
.cvAreaLink ul li a {
	color: #626262;
	font-size: 12px;
	line-height: 18px;
	display:block;
}
.cvAreaLink ul li a:hover{
	text-decoration: underline;
}
.cvAreaLinkLeft {
	display:inline-block;
	/* float:left; */
	vertical-align:top;
	text-align: left;
	margin-right: 20px;
}
.cvAreaLinkRight {
	display:inline-block;
	/* float:right; */
	vertical-align:top;
	text-align: left;
}
/*
.cvAreaBtn {
	width: 210px;
	margin: 0 auto;
	margin-top: 49px;
	background: #fff;
	border: 1px solid #bce0de;
}*/
.logoArea {
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding-top: 35px;
	padding-bottom: 40px;
	text-align: center;
	border-top: 1px solid #bce0de;
}
.logoArea ul li {
	display: inline-block;
	padding-right: 50px;
}
.list a.rank5 {
	margin-right: 0px;
}
.list a.rank10 {
	margin-right: 0px;
}
.list a.rank15 {
	margin-right: 0px;
}
.list a.rank20 {
	margin-right: 0px;
}
/* -------------------------------
トップページ
----------------------------------*/
p {
	font-size: 18px;
  line-height: 36px;
}
.title {
	text-align: center;
	vertical-align: top;
}
header {
	text-align: center;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	position: fixed;
	background-color: #FFF;
	z-index:100;
}
header a {
	padding-top: 24px;
	padding-bottom: 24px;
	width: 465px;
	display: block;
	margin: 0 auto;
}
header a img {
	width: 465px;
	height: auto;
}
/*----  topCatch ---*/
.topCatchWrapper {
	padding-top: 54px;
}
.topCatch {
	min-width: 1000px;
	background: url(./images/bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.topCatchInner {
	width: 1000px;
	min-width: 1000px;
	height: 600px;
	margin: 0 auto;
}
.topCatch .title {
	padding-top: 50px;
}
.topCatch .title img {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.topCatch .nuc img {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 308px;
	margin: 0 auto;
}
.topCatchMr {
	float: left;
	width: 230px;
}
.topCatchMr img {
	border-radius: 230px;
	-webkit-border-radius: 230px;
	-moz-border-radius: 230px;
}
.topCatchMr .button {
	margin-bottom: 30px;
}
.topCatchMs {
	margin-top: 224px;
	float: right;
	width: 230px;
}
.topCatchMs img {
	border-radius: 230px;
	-webkit-border-radius: 230px;
	-moz-border-radius: 230px;
}
.topCatchMs .button {
	float: right;
	margin-top: 30px;
	background-color: #fff;
}
/*----  aboutNuc ---*/
.aboutNuc {
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
}
.aboutNuc .title {
	margin-top: 100px;
}
.aboutNucContent {
	width: 1000px;
	min-width: 1000px;
	margin: 30px auto 75px;
	vertical-align: top;
}
.aboutNucContent img {
	display: inline-block;
	/* width: 410px; */
	padding-left: 15px;
	vertical-align: top;
}
.aboutNucContent p {
	display: inline-block;
	width: 500px;
	padding-top: 50px;
	float: right;
	vertical-align: top;
}
/*----  makeNuc ---*/
.makeNuc {
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto 50px;
}
.makeNucContent {
	width: 1000px;
	min-width: 1000px;
	margin: 10px auto 20px;
	text-align: center;
}
.makeNucYoutube {
	width: 860px;
	margin: 0 auto;
}
.makeNucYoutube iframe {
	border: 1px solid #CCC;
	border-top: none;
}
.makeNucDetiel {
	margin-top: 30px;
	text-align: center;
}
/*----  watchMiss ---*/
.ranking {
	margin: 0px auto;
	padding-bottom: 30px;
}
.ranking .title {
	width: 1000px;
	min-width: 1000px;
	margin-top: -70px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
  	padding-top: 120px;
}

.ranking .title p {
	margin-top: 15px;
	color: #626262;
}
.watchMiss {
	min-width: 1000px;
	border-top: 1px solid #fce8ea;
}
.watchMr {
	min-width: 1000px;
	border-top: 1px solid #bae1de;
}
.list {
	display: block;
	width: 1000px;
	margin: 0 auto;
}
.list a {
	display: block;
	float: left;
	width: 180px;
	margin-bottom: 30px;
	margin-right: 25px;
	vertical-align: top;
	text-align: center;
}
/*
.list a:nth-child(5n) {
    margin-right: 0;
}
*/
.list a img {
	width: 100%;
	height: auto;
}
.list a span {
	display: block;
	font-size: 18px;
 	padding-top: 12px;
}
/*----  watchMr ---*/
/* -------------------------------
配下ページ 
----------------------------------*/
/*------------  single  ---------------*/
.roomPhoto {
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto 50px;
	padding-top: 102px;
	position: relative;
}
.mainPhoto {
	float: left;
  width: 500px;
}
.bxslider {
	z-index:-100;
}
.mainPhoto .bxslider {
}
.mainPhoto .bx-wrapper img {
	min-height:500px;
	max-height:500px;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.mainPhoto .bx-wrapper {
	margin-bottom: 0px!important;
}
.mainPhoto .bx-viewport {
	height: 500px!important;
	overflow: hidden!important;
	box-shadow: none!important;
	border: 0px!important;
}
.profile {
	float: right;
  width: 470px;
  padding-left: 30px;
}
.profile > img {
	width: 180px;
  height: 180px;
  display: inline-block;
  vertical-align: top;
  float: left;
}
.profileDetail {
	width: 270px;
  display: inline-block;
  padding-left: 20px;
  float: left;
}
.profileDetail .name {
  font-size: 28px;
  line-height: 36px;
  font-weight: normal;
}
.profileDetail .univ {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
}
.profileDetail h2 {
 	font-size: 13px;
 	line-height: 20px;
 	display: inline-block;
 	font-weight: bold;
 	margin-bottom: 3px;
}
.profileDetail p {
	padding-top: 0px;
 	font-size: 13px;
 	line-height: 20px;
 	word-break: break-all;
	margin-bottom: 12px;
}
.snsLink {
	width: 500px;
  float: left;
  
	padding-top: 20px;
  text-align: center;
  /* 3.19 3:30 追加 */
  
	margin-bottom: 23px;
}
.snsLink a {
	display: inline-block;
	width: 208px;
	margin-left: 30px;
	padding: 20px 0;
	font-size: 14px;
	text-align: center;
	color: #f5b3bd;
	border: 1px solid #f5b3bd;
}
.subPhoto {
	/* 3.19 3:30 変更 */
	width: 470px;
	float: left;
	padding-left:30px;
	
	/* padding-top: 109px; */
	/*position: absolute;
	bottom: 0px;
	right: 0px;*/
}
.subPhoto .bx-wrapper {
	height:100px;
	width:470px;
	max-width:470px !important;
}
.subPhoto .bx-wrapper .bx-viewport {
	height:100px;
	width:420px !important;
	margin-left: 22.5px;
}
.subPhoto  {
	width:420px;
}
.subPhoto a {
	overflow:hidden;
	height:100px;
	width:100px;
	float:left;
	position: relative;
	margin:0 5px 5px 0;
}
.subPhoto a {
	height: 100px;
	width: 100px;
	overflow:hidden;
}
.subPhoto a img {
	height: 100%;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.page {
	padding-top: 120px;
}
.page .makeNucDetiel {
	margin-top: 0px;
}
.makeNucFlow {
	padding-top: 100px;
}
.makeNucStep {
	float: left;
	width: 296px;
	margin-right: 56px;
	margin-bottom: 56px;
}
.makeNucStepNone {
	margin-right: 0px;
}
.makeNucStep p {
	padding-top: 20px;
	color: #666666;
	font-size: 14px;
	line-height: 21px;
}
#scroll-pagemenu {
  width: 100%;
  bottom: 0px;
  z-index: 50;
  border-top:solid 1px #d5d5d5;
  text-align:center;
  background-image: url("./images/footer-border.jpg") no-repeat;
  background-position: bottom;
}
.nuc-photo-footer {
	position: absolute;
 	bottom: -5px;
 	left: 72px;
}
.scroll-pagemenu-inner {
	padding:8px 0 8px 0;
	background-color:#efefef;
}
.scroll-pagemenu-inner-2 > img {
	width: 350px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-left: 325px;
	padding-top: 20px;
}
.nuc-photo-footer img {
	width: 136px;
	height: auto;
}
.scroll-pagemenu-inner-2 {
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
.footerNucDetiel {
	display: inline-block;
}
.footerNucDetiel a {
	display: block;
	margin-left: 130px;
}
.footerNucDetiel .button {
	color: #6dd8d2;
	background-color: #FFF;
	border-top: 1px solid #6dd8d2;
	border-right: 1px solid #6dd8d2;
	border-left: 1px solid #6dd8d2;
	border-bottom: 4px solid #6dd8d2;
}
.footerNucDetiel .button:hover {
	color: #fff;
	margin-top: 3px;
	background-color: #bbe1df;
	border-bottom: 1px solid #6dd8d2;
}
.textwidget ul {
	vertical-align: top;
}
.ark {
    text-align: left;
}
.ark img {
	width:150px;
}
.tsukumo {
}
.tsukumo img {
	width:150px;
}
.dospara {
}
.dospara img {
	width:150px;
}
.pc-koubou {
}
.pc-koubou img {
	width:150px;
}
.pc-ones {
}
.pc-ones img {
	margin-right:50px;
	width:100px;
}
.li1st {
	float:left;
}
.decoNuc {
	min-width: 100%;
	background-color: #d9e4e6;
	position: relative;
}

.decoNuc .title{
	position: absolute;
	left: 50%;
	top: 300px;
	margin-left: -300px;
}
.decoNuc img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 72px;
}
.decoNucBody {
	width: 1000px;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
}
.decoNucBody p {
	width: 660px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 50px;
}
.decoNucBody img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.decoNucPeople .title {
	margin-bottom: 60px;
}
.decoNucPeople {
	width: 1000px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;	
}
.decoNucPeopleItem {
	margin-bottom: 60px;
}
.decoNucPeopleItem img {
	width: 360px;
	float: left;
}
.decoNucPeopleItem div {
	width: 600px;
	float: right;
}
.decoNucPeopleItem h3 {
	margin-bottom: 3px;
	font-size: 28px;
	font-weight: normal;
}
.decoNucPeopleItem p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 14px;
	font-weight: normal;
}

.decoNucLink {
	margin-top: 100px;
}

.decoNucLink .title {
	margin-bottom: 30px;
}

@media (max-width: 640px) {
	html {
		font-size: 62.5%;
	}
	header a {
		width: 100%;
	}
	header a img {
		width: 70%;
	}
	body {
		font-size: 12px;
	}
	.button {
		font-size: 1.2rem;
	}
	.topCatch {
		min-width: 100%;
	}
	.topCatchInner {
		width: 100%;
		min-width: 100%;
		height: auto;
	}
	.topCatch .title img {
		width: 60%;
		height: auto;
		position: relative;
	}
	.topCatch .nuc img {
		width: 60%;
		height: auto;
		position: relative;
		top: 30px	
	}
	.topCatchMr {
		width: 42%;
		padding-left: 3%;
		margin-bottom: 20px;
	}
	.topCatchMr img {
		width: 100%;
	}
	.topCatchMr .button {
		display: none;
	}
	.topCatchMs {
		margin-top: 0px;
		width: 42%;
		padding-right: 3%;
		margin-bottom: 20px;
	}
	.topCatchMs img {
		width: 100%;
	}
	.topCatchMs .button {
		display: none;
	}
	.aboutNuc {
		width: 100%;
		min-width: 100%;
	}
	.aboutNuc .title img {
		width: 90%;
		margin: 0 auto;
	}
	 
	.aboutNucContent {
		width: 100%;
		min-width: 100%;
	}
	.aboutNucContent img {
		padding-left: 0px;
		width: 100%;	
	}
	.aboutNucContent p {
		font-size: 1.4rem;
		line-height: 2.1rem;
		display: block;
		float: none;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.makeNuc {
		width: 100%;
		min-width: 100%;
	}
	.makeNuc .title img {
		width: 90%;
		margin: 0 auto;
	}
	.makeNucContent {
		min-width: 100%;
		width: 100%;
	}
	.makeNucContent img {
		width: 100%;
	}
	.makeNucYoutube {
		width: 100%;
	}
	.makeNucYoutube iframe {
		display: block;
		width: 90%;
		height: 320px;
		margin: 0 auto;
	}
	.ranking .title {
		width: 100%;
	}
	.ranking .title img {
		height: 23px;
	}
	.list {
		width: 100%;
		padding-left:0;
	}
	.list a {
		width: 44%;
		margin-right: 3%;
		margin-left: 3%;
	}
	.makeNucStep {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	.makeNucStep img {
		width: 100%;
		height: auto;
	}
	.makeNucStep p {
		font-size: 1.4rem;
		padding-top: 8px;
		padding-bottom: 20px;
	}
	/* single 3.19 2:30 */
	.roomPhoto {
		padding-top: 70px;
		width:100%;
		float:none;
	}
	.profile {
		width:100%;
		float:none;
		padding-left:0;
		margin:0 auto 5% auto;
	}
	.profile img {
		width:28%;
		height:28%;
		margin:0 3% 0 3%;
	}
	.profile .profileDetail {
		width:61%;
		margin:0 3% 0 0;
		padding-left:0;
	}
	.mainPhoto {
		width:100%;
		float:none;
		clear:both;
	}
	.mainPhoto .bx-wrapper {
		min-height:320px;
	}
	/* 4.6 追加 */
	.mainPhoto div div .bxslider {
		max-height:500px;
		max-width:500px;
		margin:0 auto 0 auto;
	}
	.mainPhoto div div .bxslider li {
		max-width:500px;
		max-height:500px;
	}
	/* */
	.mainPhoto .bx-wrapper img {
		width: 100%;
		height: auto;
		min-height: 0px!important;
	}
	.mainPhoto .bx-viewport {
		height:auto !important;
		min-height: 320px;
	}
	.subPhoto {
		width:93%;
		margin:5% auto 5%;
		padding-left:0%;
		float:none;
		position:relative;
		top:0;
		left:0;
	}
	.subPhoto a {
		width:32%;
		min-width:100px;
		min-height:100px;
		margin:0 1% 1% 0;
	}
	/* 4.6 
	.subPhoto img {
		width: 100%;
		height: auto;
	}
	*/
	/* 4.6追加 */
	.subPhotoSp a img {
		height:100%;
	}
	.snsLink {
		width:100%;
		padding-right: 0;
		float:none;
		clear:both;
		margin-bottom: 0;
		padding-top: 20px;
	}
	.snsLink a {
		width:45%;
		height:auto;
		margin-left:3.333%;
		float: left;
	}
	footer {
		width: 100%;
		min-width: 100%;
	}
	.cvArea {
		width: 100%;
		min-width: 100%;
	}
	.logoArea {
		width: 100%;
		min-width: 100%;	
	}
	.logoArea ul li {
		padding-right: 0px;
	}
	.cvAreaLink ul li a {
		font-size: 1.4rem;
	}
	.list a span {
		font-size: 1.6rem;
		padding-top: 8px;
	}
	#scroll-pagemenu {
		display: none!important;
	}
	.cvArea .title img {
		height: 23px;
		width: auto;
	}
	footer {
		margin-bottom: 0px;
	}
	.watchMiss {
		min-width: 100%;
	}
	.watchMr {
		min-width: 100%;
	}
	.roomPhoto {
		min-width: 100%;
	}
	
	.ranking .title {
		min-width: 100%;
	}
	.list a.rank5 {
		margin-right: 3%;
	}
	.list a.rank10 {
		margin-right: 3%;
	}
	.list a.rank15 {
		margin-right: 3%;
	}
	.list a.rank20 {
		margin-right: 3%;
	}
	.cvAreaLink ul {
		width: 94%;
		margin-right: 3%;
		margin-left: 3%;	
	}
	.cvAreaLinkRight {
		width: 100%;
	}
	.cvAreaLink ul li a {
		word-break: break-all;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	/* 5.14 deco-nuc */
	.decoNuc {
		width:100%;
	}

	.decoNuc img {
		width:100%;
	}

	.decoNuc .title {
		left:10%;
		top:45%;
		width:80%;
		margin-left:0px;

	}
	.decoNucBody {
		width:100%;
		margin-top:20px;
	}

	.decoNucBody .title {
		width:100%;
	}

	.decoNucBody .title img {
		width:90%;
	}

	.decoNucBody p {
		width:90%;
		margin:0 auto 0 auto;
	}

	.decoNucBody img {
		width:100%;
		margin-top:10px;
		margin-bottom:10px;
	}

	.decoNucPeople {
		width:100%;
		margin-top:60px;
	}

	.decoNucPeople .title {
		width:100%;
	}

	.decoNucPeople .title img {
		width:90%;
	}

	.decoNucPeopleItem {
		margin-bottom:10px;
	}

	.decoNucPeopleItem img {
		width:90%;
		margin:0 auto 0 auto;
		float:none;
		display:block;
	}

	.decoNucPeopleItem div {
		width:90%;
		float:none;
		margin:10px auto 0 auto;

	}

}/*固定メニュー @mediamax640px*/