@charset "utf-8";



/* 全体 */
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Verdana, Arial, sans-serif;
}

/* NOEVIRグローバル用設定*/
* { box-sizing: border-box; } /* common_old.cssに載っていた全称セレクタ */
/* 以下で必要部分のみ指定解除 */
.sticky-nav li { box-sizing: content-box; }
.navigation li a:hover span, .navigation .nav-current-page span { box-sizing: content-box; }
.shopmenu-mobile .navigation-mobile a { box-sizing: content-box; }

div.contWrap960 { width: 960px; margin: 0 auto; }
div.contWrapPage { padding: 30px 0; }



/* リンク */
.top_link a:link, a:visited {
	color: #878787;
	text-decoration: none;
 }
.top_link a:hover, a:visited:hover, a:active { color: #ead3d4; text-decoration: underline; }

.top_link a img.pic { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }
.top_link a img.pic:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; }



/* テキスト */
.txtRed { color: red; }
.txtRedB { color: red; font-weight: bold; }
.txtNote { font-size: 60%; vertical-align: top; }
.txtSmall { font-size:1.3rem; }
.txtXsmall { font-size:1.1rem; }

/* ブランドナビゲーション */
nav.gnavi2018au { height: 42px; background: url("../images/common/gnavi_bg.gif") left bottom repeat-x; min-width: 960px; }
nav.gnavi2018au ul.navi4PC li { float: left; }
/*-----メニュー4つバージョン---*/
/*nav.gnavi2018au ul.navi4PC li a { display: block; width: 240px; height: 42px; text-align: center; text-decoration: none; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #666; font-size: 125%; letter-spacing: 0.1em; border-bottom: solid 2px transparent; line-height: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }*/


/*-----メニュー3つバージョン---*/
nav.gnavi2018au ul.navi4PC li a { display: block; width: 320px; height: 42px; text-align: center; text-decoration: none; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #666; font-size: 125%; letter-spacing: 0.1em; border-bottom: solid 2px transparent; line-height: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }
/*-----メニュー2つバージョン---
nav.gnavi2018au ul.navi4PC li a { display: block; width: 480px; height: 42px; text-align: center; text-decoration: none; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #666; font-size: 125%; letter-spacing: 0.1em; border-bottom: solid 2px transparent; line-height: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }*/


nav.gnavi2018au ul.navi4PC li a:hover { color: #d67276; border-bottom: solid 2px #e6b9bb; }
nav.gnavi2018au ul.navi4PC li a.crnt { color: #d67276; border-bottom: solid 2px #e6b9bb; }

/*-----メニュー4つバージョン---*/
nav.gnavi2018au ul.navi4PC li a span { display: inline-block; padding-top: 15px; }


/*-----メニュー3つバージョン---
nav.gnavi2018au ul.navi4PC li a span { display: inline-block; padding-top: 8px; }*/


/* コンテンツ部 */
h1.page_title .pc { margin-bottom: 15px; text-align: center; }

/* NCC ボックス */
.ncc { margin: 20px; padding: 10px 20px; background-color: #f2f2f2; }
.ncc .logo { float: left; }
.ncc .logo img { width: 230px; }
.ncc .info { margin-left: 260px; font-size: 1.2rem; line-height: 1.4; }

/* 下部リンクベルト */
.pickup { background-color: #d1cdcd; padding: 35px 0 25px; min-width: 960px; }
.pickup ul {text-align: center; }
.pickup li { display: inline; margin-right: 20px; }

.pickup p.pickupNote { margin-top: 12px; text-align: right; font-size: 85%; color: #666; }



/* ブランドフッタ */
.footer-upper .sitemap nav .col1 { width: 30%; }
.footer-upper .sitemap nav .col2 { width: 32%; }
.footer-upper .sitemap nav .col3 { width: 28%; }



/* ★★★★★★★　レスポンシブ　★★★★★★★ */


@media screen and (min-width: 768px) and (max-width: 930px){
	/* 共通 */
	div.contWrap960 { width: 768px; margin: 0 auto; }
	div.contWrapPage { padding: 30px 0; }

main {
    margin-top: 0px;
}

/* ブランドナビゲーション */
nav.gnavi2018au { height: 42px; background: url("../images/common/gnavi_bg.gif") left bottom repeat-x; min-width: 768px; }
/*-----メニュー4つバージョン---*/
nav.gnavi2018au ul.navi4PC li a { display: block; width: 192px; height: 42px; text-align: center; text-decoration: none; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #666; font-size: 115%; letter-spacing: 0.1em; border-bottom: solid 2px transparent; line-height: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }

/*-----メニュー3つバージョン---*/
/*nav.gnavi2018au ul.navi4PC li a { display: block; width: 256px; height: 42px; text-align: center; text-decoration: none; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #666; font-size: 115%; letter-spacing: 0.1em; border-bottom: solid 2px transparent; line-height: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }*/
}

@media only screen and (max-width: 767px) {
	/* 共通 */
	div.contWrap960 { width: auto; }
	div.contWrapPage { padding: 0 0 15px; }
	header{ box-sizing: content-box; }

	/* ブランドナビゲーション -メニュー4つ*/
	nav.gnavi2018au { 
	height: auto;
    background: none;
    min-width: 0;
    border-bottom: solid 1px #e3e3e3;
	 }
	nav.gnavi2018au ul.navi4PC { margin-top: 4px; width:100%; padding: 0 1.875%; }
	nav.gnavi2018au ul.navi4PC li { 
	border-bottom: none;
    margin-top: -2px;
    margin-left: 0;
    margin-right: 0;
    background: url(../images/common/arrow.png) left 1.5rem / 1rem 1rem no-repeat;
	}

	/* ブランドナビゲーション -メニュー4つ*/
	nav.gnavi2018au ul.navi4PC li.navi01 {
		width:12%;
	}
	nav.gnavi2018au ul.navi4PC li.navi02 {
		width:30%;
	}
	nav.gnavi2018au ul.navi4PC li.navi03 {
		width:38%;
	}
	nav.gnavi2018au ul.navi4PC li.navi04 {
		width:20%;
	}


	/* ブランドナビゲーション -メニュー3つ*/
/*	nav.gnavi2018au ul.navi4PC li.navi01 {
		width:15%;
		margin-left:3%;
	}
	nav.gnavi2018au ul.navi4PC li.navi02 {
		width:32%;
		margin-right:1%;
	}
	nav.gnavi2018au ul.navi4PC li.navi03 {
		width:44%;
		margin-left:2%;
	}*/
	
		/* ブランドナビゲーション -メニュー2つ
	nav.gnavi2018au ul.navi4PC li.navi01 {
		width:36%;
		margin-left:20%;
	}
	nav.gnavi2018au ul.navi4PC li.navi02 {
		width:40%;
		margin-right:1%;
	}*/



	/* ブランドナビゲーション -メニュー4つ*/
	nav.gnavi2018au ul.navi4PC li a { width: auto; height: auto; padding: 0.5rem 0; font-weight:normal; letter-spacing: -0.05em; font-size:90%; text-align:left; padding-left:0.75rem; }
	
	
	/* ブランドナビゲーション -メニュー3つ
	nav.gnavi2018au ul.navi4PC li a { width: auto; height: auto; padding: 0.5rem 0; font-weight:normal; letter-spacing: 0.03em; font-size:95%; text-align:left; padding-left:0.8rem; }*/

	
	nav.gnavi2018au ul.navi4PC li a:hover { color: #d67276; border-bottom: solid 2px transparent; }
	nav.gnavi2018au ul.navi4PC li a.crnt { color: #d67276; border-bottom: solid 2px transparent; }
	/* ブランドナビゲーション -メニュー4つ*/
	nav.gnavi2018au ul.navi4PC li a span { padding-bottom: 15px; }
	
	nav.gnavi2018au ul.navi4PC li a span.ov { color: #d67276; text-decoration: none;
   border-bottom: 1px solid #e6b9bb;
   padding-bottom: 1rem;}

	/* ブランドナビゲーション -メニュー3つ
	nav.gnavi2018au ul.navi4PC li a span { padding-bottom: 8px; }*/

	
	

	/* コンテンツ部 */
	h1.page_title .sp img { width: 100%; }

	/* NCC ボックス */
	.ncc .logo { float: none; }
	.ncc .logo img { width: 80%; }
	.ncc .info { margin-top: 10px; margin-left: 0; }
	/* 下部リンクベルト */
	.pickup { padding: 25px 0 5px; min-width: 0; }
	.pickup li { width: 96%; display: block; margin: 20px auto 0; margin-right: auto !important; }
	.pickup p.pickupNote { text-align: center; margin-top: 10px; padding-bottom: 20px; }


	/* ブランドフッタ */
	.footer-upper .sitemap nav .col1 { width: 100%; }
	.footer-upper .sitemap nav .col2 { width: 100%; }
	.footer-upper .sitemap nav .col3 { width: 100%; }

}

@media screen and (max-width: 374px) {
		nav.gnavi2018au ul.navi4PC li a {
			font-size:70%;
			font-weight:normal;
		}
	}
	
@media only screen and (max-width: 767px) {
.bg_gray {
	background:#d1cdcd;
}
}
hr.style1{
	border-top: 1px dotted #cccccc;
}
hr.style2{
	border-top: 1px solid #cccccc;
}
.notes-right {
  margin-bottom:60px;
}

.notes-right .notes {
    text-align: right;
    margin-top: 10px;
    margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.notes-right .notes {
	text-align: right;
    margin: 20px;
}
.notes-right {
  margin-bottom:2rem;
}
}


/* ★★★★★★★　レスポンシブ　★★★★★★★ */
@media only screen and (max-width: 767px) {
	
	
	
	/* ネイル */
	#nail_basic .productInfo .col_left { width: 100%; }
	#nail_basic .productInfo .col_right { width: 100%; }
	#nail_basic .productInfo .ph img { width: 65%; height: auto; }
	#nail_basic .points .icon img { width: 100%; }
	#nail_basic .colorVariation li { display: inline-block; width: 48%; text-align: center; }
	#nail_basic .colorVariation img { width: 80%; }
	#nail_basic .colorVariation .c_notes_nail { display: none; }
	#nail_basic .colorVariation .c_notes_nail_sp { display: block; margin: 0 auto; width: 200px; }
	#nail_basic .colorVariation .c_notes_nail_sp img { width: 100%; }

	/* リップベース */
	#lipbase_basic .productInfo .col_left { width: 100%; }
	#lipbase_basic .productInfo .col_right { width: 100%; }
	#lipbase_basic .lbHowtoBox .ttl { width: auto; text-align: center; }
	#lipbase_basic .lbHowtoBox {
	margin-top: 20px;
	padding: 30px 2%;
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
}
	#lipbase_basic .lbHowtoBox img { max-width: 100%; }
.title-tag   {
	height: auto;
	width: auto;
	max-height: 38px;
}
}

.anchor_link {
	margin-top : -60px;
  padding-top : 60px;
}