@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Prosto+One);

header {
	margin: 3% 0 12%;
	text-align: center;
}
#logo img {
	width: auto;
}
#hnav img{
	width:100%;
	height:auto;
}

#couse01 h3 {
	color: #0db2ac;
}
#couse01 h2, #couse01 h3, #couse01 p {
	width: 94%;
	margin: 0 3%;
}
#couse01 img {
	width: 100%;
	height: auto;
}


.main {
	margin: 0 0 60px;
	text-align: center;
}
#couse01 h1 img{ width:100%; height:auto; }
#couse01 .section {
	margin-bottom: 0;
}
#couse01 .section h2 {
	position: relative;
	cursor: pointer;
}
#couse01 .section h2 img.h2title {
	width: 86%;
}
#couse01 .section h2 img.h2btn {
	position: absolute;
	width: 10%;
	right: 1%;
	margin-top: 2%;
}
#couse01 .simg {
	text-align: center;
}
#couse01 .simg img {
	width: 50%;
	text-align: center;
}
#couse01 .stxt {
	margin: 0 0 24%;
}
#couse01 .section:nth-child(6) .stxt {
	margin: 0;
}
#couse01 .section:nth-child(6) .sections:last-child .stxt {
	margin: 0 0 24%;
}
#couse01 .section .stxt b {
	color: #ef356f;
	font-weight: normal;
}
#couse01 .sections {
	margin-top: 6%;
}
#couse01 .sections .simg {
	padding-top: 40px;
	background: url(06arrow.png) center top no-repeat;
}
#couse01 #fnav {
	clear: both;
	padding: 10% 15%;
}
#couse01 #fnav a {
	display: block;
	margin: 6% 0;
	width: 100%;
}
#couse01 #fnav a:first-child {
	margin: 0;
}
@media screen and (min-width : 641px) {

#couse01 h2, #couse01 h3, #couse01 p {
	width: auto;
	margin: 0;
}
#couse01 img {
	width:auto;
	max-width: 100%;
	height:auto;
}


#wrap {
	width: 1000px;
	margin: 0 auto;
}



/* content */
#couse01 .section {
	float: left;
	width: 380px;
	height:280px;
	margin-bottom: 40px;
}
#couse01 .section h2 {
	margin: 0 0 20px;
	cursor: auto;
}
#couse01 .section h2 img.h2title {
	width:auto;
}
#couse01 .section h2 img.h2btn {
	display: none;
}
#couse01 .section .simg {
	float: right;
	width: 160px;
}
#couse01 .section .simg img{ width:100%; height:auto; }
#couse01 .section .stxt {
	float: left;
	width: 220px;
	margin: 0;
}
#couse01 .section .stxt p {
	font-size: 14px;
	line-height: 20px;
}
#couse01 .section h3 {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 24px;
}
#couse01 .sections {
	clear: both;
	margin-top: 10px;
}
#couse01 .sections .stxt h3 {
	width: 280px;
}
#couse01 .sections .simg {
	padding-top:0;
	background: none;
}
#couse01 .sections .stxt {
	padding-top: 50px;
	background: url(06arrow.png) center top no-repeat;
}

#couse01 .section:nth-child(2n) {
	margin-left: 20px;
}

#couse01 .section:nth-child(8) {
	margin: 300px 0 40px -380px;
}

#couse01 .section:nth-child(6) .simg3 {
	margin: 80px 0 0;
}
#couse01 .section:nth-child(6) .simg4 {
	margin: 90px 0 0;
}
#couse01 .section:nth-child(8) .simg {
	margin: 60px 0 0;
}
#couse01 #fnav {
	clear: both;
	padding: 0 0 80px;
}
#couse01 #fnav a {
	float: left;
	display: block;
	margin: 0 0 0 10px;
	width: 32.4%;
}
#couse01 #fnav a:first-child {
	margin: 0;
}

.pageTopLink {
	display: none;
}


}



/* ネイリスト */

#nailist img {
	width: 100%;
	height: auto;
}
header {
	margin: 3% 0 12%;
	text-align: center;
}
header p {
	width: 94%;
	margin: 0 3%;
}
#wrap {
	text-align: center;
}
#logo img {
	width: auto;
}
#fnav {
	clear: both;
	padding: 10% 15%;
}
#fnav a {
	display: block;
	margin: 6% 0;
	width: 100%;
}
#fnav a:first-child {
	margin: 0;
}
footer {
	font-size: 80%;
	text-align: center;
}
#nailist noscript img {
	width: 1px;
	height: 1px;
}

#nailist .nailist03 {
	margin-bottom: 18%;
}

#nailist .nailistTitle {
	position: relative;
	padding: 3%;
	background-color: #e53838;
	color: #fff;
}
#nailist .nailistTitleBtm {
	height: 4px;
	margin: 0 0 6%;
	background: url(bg_head_btm.png) left center repeat-x;
}
#nailist .nailistTitle p {
	display: block;
	line-height: 1.2;
	text-align: left;
}
#nailist .nailistTitle .profile {
	margin-top: 10px;
	padding: 14px 0 0;
	border-top: 1px solid #eaaf3d;
	border-bottom: 1px solid #eaaf3d;
}
#nailist .nailistTitle .profile:before {
	display: block;
	content: "";
	height: 29px;
	margin-top: -29px;
	background: url(bg_profile_icon.png) center center no-repeat;
}
#nailist .nailistTitle .profile h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#nailist .nailistTitle .profile p {
	font-size: 11px;
}
@media screen and (min-width: 640px){
#nailist .nailistTitle {
	height: 220px;
}
#nailist .nailistTitle h2 {
	float: left;
	width: 50%;
}
#nailist .nailistTitle .profile {
	float: right;
	width: 47%;
}
#nailist .nailistTitle .profile h2 {
	margin: 6px 0;
}
#nailist .nailistTitle .profile p {
	margin: 0 0 9px;
	font-size: 12px;
	line-height: 1.3;
}
#nailist .nailistTitle .lead {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 740px;
}
#nailist .nailistHead h2 img {
	width: auto;
}
}


@media screen and (max-width: 640px){
#nailist .nailistSeries #content {
	padding: 0 1.5%;
}
}

#nailist .nailistBox {
	position: relative;
	margin: 0 0 6%;
}
@media screen and (min-width: 640px){
#nailist .nailistBox {
	float: left;
	width: 48%;
}
#nailist .nailistBox:nth-child(2n+1) {
	margin-left: 4%;
}
}

#nailist .nailistHead {
	padding: 0 0 3%;
	border-top: 2px solid #000;
}
#nailist .nailistHead:before {
	display: block;
	content: "";
	margin: 2px 0 0;
	border-top: 1px solid #000;
}
#nailist .nailistHead h2 {
	padding: 3% 0;
}
#nailist .nHead {
	position: relative;
	display: table;
	width: 100%;
	min-height: 32px;
	padding: 3% 0;
	background-color: #2db9ee;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;

	/* 背景ストライプ */
	background-image: linear-gradient(
		-45deg,
		#2db9ee 25%,
		#03abea 25%, #03abea 50%,
		#2db9ee 50%, #2db9ee 75%,
		#03abea 75%, #03abea
	);
	/* 背景画像のサイズを指定 */
	background-size: 14px 14px;
}
#nailist .nailist02 .nHead {
	background-color: #efad72;

	/* 背景ストライプ */
	background-image: linear-gradient(
		-45deg,
		#efad72 25%,
		#ec9e56 25%, #ec9e56 50%,
		#efad72 50%, #efad72 75%,
		#ec9e56 75%, #ec9e56
	);
}
#nailist .nailist03 .nHead {
	background-color: #ef729f;

	/* 背景ストライプ */
	background-image: linear-gradient(
		-45deg,
		#ef729f 25%,
		#ec568b 25%, #ec568b 50%,
		#ef729f 50%, #ef729f 75%,
		#ec568b 75%, #ec568b
	);
}
@media screen and (max-width: 640px){
#nailist .nHead {
	cursor: pointer;
}
#nailist .nHead:after {
	display: block;
	content: "";
	position: absolute;
	top: 45%;
	right: 3%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translateY(-45%) rotate(135deg);
	transform: translateY(-45%) rotate(135deg);

	-webkit-transition-duration: .1s;
	transition-duration: .1s;
}
#nailist #on.nHead:after,
#nailist .nHead.on:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
}
#nailist .nHead span {
	display: table-cell;
	padding: 0 3%;
	vertical-align: middle;
}

#nailist .nHead .nNum {
	width: 20px;
	border-right: 1px dotted #fff;
	text-align: center;
	font-family: 'Prosto One';
	font-size: 12px;
}
@media screen and (min-width: 640px){
#nailist .nHead .nNum {
	width: 40px;
	font-size: 16px;
}
}
#nailist .nBody {
	padding: 0 0 3%;
	background-color: #fffce8;
}
#nailist .nPointBox {
	display: table;
	width: 100%;
	padding: 3%;
	box-sizing: border-box;
}
#nailist .nImg {
	position: relative;
	display: table-cell;
	width: 55%;
	vertical-align: middle;
}
#nailist .nailist03 .nImg {
	width: 65%;
}
#nailist .nImg img {
	width: 100%;
	height: auto;
	border: 2px solid #fff;
	box-sizing: border-box;
}
#nailist .nPoint {
	display: table-cell;
	width: 45%;
	background-image: url(bg_01_point.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	box-sizing: border-box;
	line-height: 1;
}
#nailist .nPoint:after {
	display: block;
	content: "";
	clear: both;
}
#nailist .nailist01 .nPoint span {
	position: relative;
	display: block;
	margin: 35% 12% 0 18%;
}
@media screen and (min-width: 640px){
#nailist .nailist01 .nPoint span {
	margin-left: 23%;
}
}
#nailist .nailist02 .nPoint {
	position: relative;
	padding: 0;
	background-image: url(bg_02_point.png);
}
#nailist .nailist02 .nPoint span {
	display: block;
	height: 0;
	margin: 15% 5% 0 10%;
	line-height: 1.2;
	text-align: left;
}
#nailist .nailist02 .nPoint span:first-child {
	margin-bottom: 40%;
}
#nailist .nailist02 .nPoint span:nth-child(2) {
}

#nailist .nailist03 .nPoint {
	position: relative;
	width: 35%;
	background-image: none;
	text-align: left;
}
#nailist .nailist03 .nPoint img {
	width: 82%;
	height: auto;
}
#nailist .nailist03 .nContentBox {
	margin: 0 3%;
	border-top: 1px solid #ef729f;
}
#nailist .nailist03 .nContentBox:first-child {
	border-top: none;
}
#nailist .nailistHead p,
#nailist .nTxt {
	clear: both;
	display: block;
	padding: 0 3% 3%;
	text-align: left;
	font-size: 12px;
	line-height: 1.2;
}
#nailist .nailist03 .nTxt {
	padding-bottom: 6%;
}
#nailist .nTxt b {
	background-color: #fe0;
}
@media screen and (min-width: 640px){
#nailist .nailistHead > p {
	padding: 0 0 3%;
}
#nailist .nailistHead .nLead {
	font-size: 14px;
	line-height: 1.3;
}
}




#nailist #HomeNailTitle {
	margin: 0 0 3%;
	padding: 0 0 9%;
	background: url(http://soluzgel.com/mlmg/images/homenail/title_smp_bg.jpg) center bottom no-repeat;
	background-size: contain;
}
#nailist #HomeNailTitle h1 {
	padding: 6% 6% 3%;
	font-weight: normal;
}
#nailist #HomeNailTitle h1 span {
	color: #c9151e;
}
#nailist #content.HomeNail {
	text-align: left;
}
#nailist .HomeNails {
	padding: 6% 3% 18%;
	border-top: 1px solid #ccc;
}
#nailist .HomeNails p {
	margin: 0;
	padding: 0;
}
#nailist .HomeNailsTtl {
	font-weight: normal;
}
#nailist .HomeNailsTtl span {
	display: block;
	color: #c9151e;
	font-size: 17px;
	line-height: 1.5;
	font-weight: bold;
}
#nailist .HomeNailsArtist {
	position: relative;
}
#nailist .HomeNailsArtist img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20%;
	height: auto;
	border-radius: 100%;
}
#nailist .HomeNailsArtist h3 {
	position: relative;
	width: 78%;
	margin: 6% 0 0;
	font-weight: normal;
	text-align: right;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
}
#nailist .HomeNailsArtist p {
	position: relative;
	width: 80%;
	padding: 0;
	color: #666;
	font-size: 10px;
	line-height: 12px;
}
#nailist .HomeNailsImg {
	padding: 3% 0;
}
#nailist .HomeNails .HomeNailsDate {
	font-family: 'Great Vibes';
	float: left;
	display: block;
	width: 15%;
}
#nailist .HomeNailsDate .datey {
	display: block;
	font-size: 16px;
}
#nailist .HomeNailsDate .datem {
	display: block;
	font-size: 50px;
	margin: 18% 0 0;
}
#nailist .HomeNailsDate .dated {
	display: block;
	font-size: 30px;
	margin: 0 0 0 6%;
}
#nailist .HomeNailsTxt {
	float: right;
	width: 84%;
}
#nailist .HomeNailsColors {
	clear: both;
	padding: 3% 0 0;
}
#nailist .HomeNailsColors h3 {
	padding: 3% 0 0;
	color: #c9151e;
	font-weight: normal;
	border-top: 1px solid #eee;
}

/* coloritem colorbox */
#nailist .coloritem {
	display: inline-block;
	margin: 10px 10px 0 0;
	padding: 10px;
	background-color: #000;
	color: #fff;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
#nailist .coloritem:hover {
	color: #fff;
	opacity: 0.7;
}
#nailist .coloritems {
	display: none;
}
#nailist #colorbox div:after {
	height: 0;
}
#nailist #colorbox img {
	max-width: 400px;
}
#nailist #colorbox a {
	display: inline-block;
	padding: 10px;
	background-color: #c9151e;
	color: #fff;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
#nailist .sg3536 {
	background-color: #E9C300;
}
#nailist .sg3524 {
	background-color: #3D087A;
}
#nailist .sg3506 {
	background-color: #D3D7E0;
}
#nailist .sg3508 {
	background-color: #009593;
}
#nailist .sg3510 {
	background-color: #4D6182;
}
#nailist .sg3522 {
	background-color: #F9625B;
}
#nailist .sg3514 {
	background-color: #DEB4B6;
}
#nailist .sg3522 {
	background-color: #f9645e;
}
#nailist .sg3513 {
	background-color: #E5ACA5;
}
#nailist .sg3527 {
	background-color: #CA0434;
}
#nailist .sg3520 {
	background-color: #DEDFE5;
}
#nailist .sg3507 {
	background-color: #000;
}
#nailist .sg1702 {
	background-color: #E6EDEF;
	color: #000;
}
#nailist .sg3528 {
	background-color: #FF6786;
}
#nailist .sg3519 {
	background-color: #5C5E51;
}
#nailist .sg3505 {
	background-color: #549893;
}
#nailist .sg0600 {
	background-color: #99A4A5;
}
#nailist .sg0601 {
	background-color: #C9A407;
}
@media screen and (min-width : 641px) {
#wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#contentWrap {
	float: right;
	width: 780px;
	padding: 190px 0 0;
}
#sideWrap {
	float: left;
	width: 180px;
}
.BigTitle {
	height:50px;
	font-size:15px;
	color:#333333 !important;
	font-weight:bold;
	text-align:left;
	padding:0 0 20px 0;
	line-height: normal;
	background:url(http://soluzgel.com/pict/Border01.gif) repeat-x bottom left;
	font-family: Georgia, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.BigTitle span {
	font-size:46px;
	color:#333333;
	font-family: 'Great Vibes';
	font-weight:normal;
	padding: 0 15px 0 0;
}
#nailist #HomeNailTitle {
	width: 780px;
	height: 200px;
	margin: 0 0 40px;
	padding: 0 0 10px;
	background: url(http://soluzgel.com/mlmg/images/homenail/title_bg.jpg) center bottom no-repeat;
	text-align: center;
}
#nailist #HomeNailTitle h1 {
	position: relative;
	padding: 35px 0 30px;
	font-weight: normal;
	text-align: center;
}
#nailist #HomeNailTitle h1 span {
	position: absolute;
	left: 90px;
	top: 45px;
	color: #c9151e;
	font-size: 14px;
}
#nailist #HomeNailTitle h1 img {
	width: auto;
}
#nailist .lead {
	width: 480px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
}
#nailist #content.HomeNail {
	margin-bottom: 100px;
}
#nailist .HomeNails {
	float: left;
	width: 380px;
	min-height: 710px;
	padding: 9px;
	margin: 0 20px 20px 0;
	/*background-color: #fcfcfc;*/
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 10px;
	font-size: 12px;
	line-height: 18px;
}
#nailist .HomeNails:nth-of-type(2n) {
	margin-right: 0;
}
#nailist .HomeNailsTtl {
	font-weight: normal;
}
#nailist .HomeNailsTtl span {
	display: block;
	color: #c9151e;
	font-size: 17px;
	line-height: 1.5;
	font-weight: bold;
}
#nailist .HomeNailsArtist {
	position: relative;
	min-height: 70px;
}
#nailist .HomeNailsArtist img {
	position: absolute;
	top: inherit;
	right: 0;
	bottom: 0;
	width: 70px;
	height: auto;
	border-radius: 50px;
}
#nailist .HomeNailsArtist h3 {
	width: 280px;
	margin: 20px 0 5px;
	font-weight: normal;
	text-align: right;
	line-height: 1;
}
#nailist .HomeNailsArtist p {
	width: 280px;
	color: #666;
	font-size: 10px;
	line-height: 12px;
}
#nailist .HomeNailsImg {
	width: 370px;
	height: 370px;
	margin: 5px 0 5px -5px;
}
#nailist .HomeNails .HomeNailsDate {
	font-family: 'Great Vibes';
	float: left;
	display: block;
	width: 50px;
}
#nailist .HomeNailsDate .datey {
	display: block;
	font-size: 16px;
}
#nailist .HomeNailsDate .datem {
	display: block;
	font-size: 50px;
	margin: 10px 0 0;
}
#nailist .HomeNailsDate .dated {
	display: block;
	font-size: 30px;
	margin: 0 0 0 10px;
}
#nailist .HomeNailsTxt {
	float: right;
	width: 300px;
}
#nailist .HomeNailsColors {
	clear: both;
	padding: 5px 0 0;
}
#nailist .HomeNailsColors h3 {
	padding: 5px 0 0;
	color: #c9151e;
	font-weight: normal;
	border-top: 1px solid #eee;
}
#nailist .HomeNailsColors p {
	min-height: 55px;
}
#nailist .coloritem {
	margin: 5px 5px 0 0;
	padding: 5px;
	font-size: 12px;
}

/*.pageTopLink {
	display: none;
}*/

}

.voicelist{ padding:20px 0; clear:both;}
.voicelist h2{ font-size:1.1em; font-weight: bold; background-color: #000; color:#fff; padding:8px 15px; margin-bottom:10px;}
.voicelist ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
    padding: 0 0 10px;
    text-align: left;
}
.voicelist ul li{
	    flex-grow: 1;
    margin-left: 2%;
    max-width: 43.7%;
	margin-bottom:15px;
padding:2%; border:dotted 1px #ccc;
}
.voicelist ul li h3{ padding-bottom:10px;}
/*.voicelist ul li .txt{ padding:10px; border:dotted 1px #ccc; }*/
@media screen and (max-width: 640px){
	.voicelist{ display: none;}	
.voicelist ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    padding: 0 0 10px;
    text-align: left;
}
.voicelist ul li{
	    flex-grow: 1;
    max-width: 90%;
	margin:0 auto 15px;
}	
}

#spbtn{ display: none; }
@media screen and (max-width: 640px){  #spbtn{ display: block; position: fixed; bottom:0; width: 96%;
	    background-color: #000000;
    padding: 2%;} #spbtn img{ width: 100%;} }