@charset "utf-8";

@media only screen and (min-width: 641px) {
html { font-size:100%; }

.mobileNone { display:block; }
.pcNone { display:none; }

/*----------------------
header
----------------------*/
header {
	background-color: rgba(255,255,255,0.75);
	width: 100%;
	marjin-top: 30px;
	border-top: 4px solid #5db46d;
	z-index: 100;
	margin-top: 40px;
}

#headWrap {
	width: 97.96%;
	max-width: 980px;
	margin: 0px auto;
	position: relative;
}
#topLogo {
	margin-top: 0px;
	margin-right: 0px;
	/* [disabled]margin-left: 10px; */
	margin-bottom: 0px;
	padding: 5px 0;
}
#topComment {
	top: -40px;
	position: absolute;
	font-size: 0.9em;
	height: 30px;
	line-height: 30px;
	padding-top: 0;
	width: auto;
}
#headWrap #fontSize {
	width: 240px;
	position: absolute;
	right: 0px;
	top: -40px;
	height: 30px;
}
#headWrap #fontSize ul {
}
#headWrap #fontSize .menuTitle {
	font-size: 0.9em;
	height: 30px;
	line-height: 30px;
	display:inline;
}
#headWrap #fontSize ul li ul {
	display:inline;
}
#headWrap #fontSize ul li ul li {
	margin-left: 10px;
	height: 30px;
	display:inline;
}
/*----------------------
tel
----------------------*/
.telArea { margin:0; text-align:center; }

#headWrap .telArea {
	position: absolute;
	width: 28.367%;
	max-width: 278px;
	right: 0px;
	top: 15px;
}
.telArea .telImg {
	margin:0;
}
.telArea .telImg img {
	width:100%;
	max-width:500px;
	margin-bottom:5px;
}
.telArea img {
	width: 100%;
	margin: 0px;
	max-width:278px;
}
.telArea .telTxt01 {
	margin: 0px;
	text-align: left;
	margin-bottom: 5px;
	font-size: 1em;
	text-shadow: 0px 0px 5px #FFFFFF;
}

/*----------------------
keyvisual
----------------------*/
#contentsTop {
	max-width: 1180px;
	margin-top: -92px;
}
.pankuzu ul {
	max-width: 980px;
	width: 100%;
	/* [disabled]margin-left: auto; */
	/* [disabled]margin-right: auto; */
	/* [disabled]margin-top: 20px; */
}
.pankuzu ul li {
/*	display: inline;
	font-size: 0.9em;*/
}
/*----------------------
navigation
----------------------*/
nav {
	width: 100%;
	max-width: 980px;
	margin: 20px auto 0;
	position: static;
}
nav ul {
	background: none;
	width: 100%;
	max-width: 980px;
	display: block;
	height: 100%;
	max-height: 126px;
}

nav ul li {
	width: 12.857%;
	max-width: 126px;
	height: 100%;
	max-height: 126px;
	float: left;
	margin-right: 3.061%;
	border: none;
	text-indent: 0px;
	line-height: 126px;
}
nav #gnav01 {
	margin-left: 3.98%;
}
nav ul li a{
	width: 100%; 
	height: 100%;
	max-height:126px;
	max-width:126px;
	display: block;
	text-indent: -9999px;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

nav #gnav01 a{
	background-image: url(../img/common/gNav01.png);
}
nav #gnav02 a{
	background-image: url(../img/common/gNav02.png);
}
nav #gnav03 a{
	background-image: url(../img/common/gNav03.png);
}
nav #gnav04 a{
	background-image: url(../img/common/gNav04.png);
}
nav #gnav05 a{
	background-image: url(../img/common/gNav05.png);
}
nav #gnav06 a{
	background-image: url(../img/common/gNav06.png);
}
nav ul li a:hover {
	opacity:0.7;
}
/*nav #gnav01 {
	background-position: -39px 0px;
	margin-left: 3.98%;
}
nav #gnav02 {
	background-position: -195px 0px;
}
nav #gnav03 {
	background-position: -351px 0px;
}
nav #gnav04 {
	background-position: -507px 0px;
}
nav #gnav05 {
	background-position: -663px 0px;
}
nav #gnav06 {
	background-position: -819px 0px;
}
nav #gnav01:hover {
	background-position: -39px -125px;
}
nav #gnav02:hover {
	background-position: -195px -125px;
}
nav #gnav03:hover {
	background-position: -351px -125px;
}
nav #gnav04:hover {
	background-position: -507px -125px;
}
nav #gnav05:hover {
	background-position: -663px -125px;
}
nav #gnav06:hover{
	background-position: -819px -125px;
}*/


/*----------------------
文字
----------------------*/
h3 {
	text-align: center;
	margin-bottom: 30px;

}
h4 { font-size:1.4em; font-weight:normal;}
p , dt ,dd ,th,td{
	font-size: 1.2em;
	font-weight: normal;
	/* [disabled]padding-top: 4px; */
	line-height: 1.6em;
}


.title01 {
	margin: 20px auto 40px;
	width: 100%;
}
.title02 {
	border-bottom: 4px solid #f25447;
	margin-top: 5px;
	margin-bottom: 5px;
	/* [disabled]font-size: 1.4em; */
}
/*----------------------
margin
----------------------*/
.secTop {
	margin-top:60px;
}
/*----------------------
contents
----------------------*/
#contents {
	width: 100%;
	max-width:980px;
	margin: 0 auto;
}
/*ページ内リンク*/
#pageLink {
	width:87.555%; /*858px*/
}

#pageLink li {
	display:inline-block;
	width:18.881%;/*162px*/
	background-color: rgba(51,102,51,1.00);
	text-align:center;
	margin-bottom:10px;
}

#pageLink.pageLink02 li {
	width:32.168%; /*276*/
}
#pageLink.pageLink02 .last {
	width:65.501%; /*562*/ 
}
#pageLink.pageLink02 .fdLast {
		width:32.168%; /*276*/
}
#pageLink.pageLink03 li {
	width:23.834%; /*204*/
}

.mainArea{
	margin: 40px auto 60px;
	width: 100%;
}
/*--1カラム/枠なし/マップ・カレンダー--*/
.col01-01 {
	width: 57.143%;
	margin: 0 auto;
	text-align: center;
	max-width: 560px;
}

/*-- 1カラム/枠あり --*/
.bgFrame {
	margin: 40px auto 0px;
	width: 65.306%;
	max-width: 760px;
	max-height: 433px;
	border-width: 10px;
	padding-left: 5.102%;
	padding-right: 5.102%;
}
/*-- テキストのみ/コンセプト --*/
.col01-W01 {
	margin-left: auto;
	margin-right: auto;
	width: 77.551%;
	max-width: 760px;
}
.col01-W01 p {
	font-size: 1.4em;
	line-height: 2em;
}

/*-- 見出し/テキスト/画像 --*/
.col01-W02 {
}
.col01-W02 .areaLeft {
	width: 46.875%;
	margin-right: 6.25%;
	float: left;
}

.col01-W02 .areaRight {
	width: 46.875%;
	float: right;
	max-width: 300px;
	max-height: 200px;
}
.col01-W02 .txtLink {
	width: 46.875%;
	float: none;
	padding:0;
}
/*-- 表/underlineあり/新着情報 --*/
.col01-U01 , #news .col01-U01{
	width: 87.755%;
	margin: 0 auto;
	max-width: 860px;
}
article .col01-U01 dt {
	width: 24.276%;
	float: left;
}
article .col01-U01 dd {
	width: 71.644%;
	float:left;
}

/*-- 表/underlineあり/サロン案内 --*/
.col02-U01 {
	width: 87.755%;
}

.col02-U01 .flRight{
	width: 47.615%;
	float: right;
}
.col02-U01 .flRight .telArea {
	width: 89.268%;
}
.col02-U01 table {
	width: 47.674%;
	float: left;
}
.col02-U01 table.flLeft {
	margin-right: 4.651%;
	width: 47.674%;

}
.col02-U01 table.flRight {
}
.col02-U01 table th{
	width: 24.39%;
	text-align: left;
	padding: 6px 2.439% 2px;
	border-bottom: 4px solid #D3CCB7;
}
.col02-U01 table td{
	padding: 6px 2.439% 2px;
	width: 75.61%;
	border-bottom: 2px solid #D3CCB7;
}
.col02-U01 .adressAreaBtm {
	margin-top: 20px;
	width: 47.674%;
	float: right;
	list-style-type: none;
	max-width: 410px;
}
.col02-U01 .adressAreaBtm li {
	width: 40%;
	list-style: none;
	float: left;
	height: 65px;
	margin-right: 10%;
}
.col02-U01 .adressAreaBtm li a{
	width: 100%;
	height: 100%;
	max-width: 155px;
	max-height: 65px;
}

.col02-U01 .adressAreaBtm li a:hover {
	opacity:0.7;
}
#menu .col02-U01 table th{
	width: 56.098%;
}
#menu .col02-U01 table td{
	width: 32.142%;
}
#menu .col02-U01 table.td3 th{

}
#menu .col02-U01 table.td3 .sub{
	width: 28.049%;
}
#menu .col02-U01 table.td3 .sub02-1{
}
#menu .col02-U01 table.td3 .sub02-2{
}

.col02-01 {
	width: 87.755%;
}
.col02-01 .areaLeft {
	width: 47.674%;
	float: left;
	margin-right: 2.326%;
}
.col02-01 .areaRight {
	width: 50%;
	float: left;
	clear: none;
}
.col02-02 {
	width: 87.755%;
}
.col02-02 .areaLeft {
	width: 47.674%;
	margin-right: 4.651%;
	float: left;
}
.col02-02 .areaRight {
	width: 47.615%;
	float: left;
}
.col02-02 p{
	width: 50%;
	margin-right: 2.439%;
	float: left;
	margin-top: 10px;
}
.col02-02 dl{
	width: 50%;
	margin-right: 2.439%;
	float: left;
	/* [disabled]margin-top: 10px; */
}

.col02-02 .areaImg {
	width: 47.561%;
	float: left;
	margin-top: 20px;
	height: auto;
	max-width: 195px;
	/* [disabled]max-height: 190px; */
}
/*枠あり/2カラム*/
.col02-03 {
	width: 87.755%;
}
.col02-03 .areaFl {
	width: 42.558%;
	border:2px solid #d3ccb7;
	float: left;
	padding: 20px 2.326%;
}
.col02-03 .areaLeft {
	margin-right: 4.651%;
}

.col02-03 p{
	width: 45.648%;
	margin-right: 2.439%;
	float: left;
	margin-top: 10px;
}
.col02-03 .areaImg {
	width: 51.913%;
	float: left;
	margin-top: 20px;
	height: auto;
	max-width: 195px;
	max-height: 190px;
}



/*--商品詳細hair---*/
.col01-item01 {
	width: 87.755%;
}
.col01-item01 .areaTxt{
	width: 47.674%;
	margin-right: 2.326%;
	margin-bottom: 0;
	float: left;
}
.col01-item01 .areaImg{
	float: left;
	max-height: 250px;
	width: 47.674%;
}

.col01-item01 dl {
	width:99.767%;
	border: 1px solid #ccc;
	overflow:hidden;
}
.col01-item01 dl dt{
	width: 17.483%;
	padding: 6px 1.166%;
}
.col01-item01 dl dd{
	padding: 6px 1.166%;
	width: 77.855%;
}


/*--商品詳細コスメ・フード---*/
.col01-item02 {
	width: 87.755%;
}
.col01-item02 dl > * {
	font-size: 0.9em;
}
.col01-item02 .areaTxt{
	width: 72.093%;
	padding: 0 1.163%;
	float: left;
	margin-right: 2.326%;
}
.col01-item02 .intake {
	font-size: 1em;
}
.col01-item02 .areaImg{
	width: 23.256%;
	float: left;
}
.col01-item02 dl {
	width:99.767%;
	border: 1px solid #ccc;
	overflow:hidden;
}
.col01-item02 dl dt{
	width: 17.483%;
	padding: 6px 1.166%;
}
.col01-item02 dl dd{
	padding: 6px 1.166%;
	width: 77.853%;
}
/**/
.pageTopLink {
	margin-right:0%;
}



/*----------------------
footer
----------------------*/
footer {
	border-top: 2px solid #d3ccb7;
	padding-top: 20px;
	width: 100%;
}
#footNav li a ,#footContent th ,#footContent td{
	font-size: 0.9em;
	text-align: left;
}

#footContent {
	width: 100%;
	margin: 0 auto;
	max-width: 980px;
}

#footLogo {
	width: 18.980%;
	float: left;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 4.082%;
	height: 150px;
}

#footNav {
	width: 76.122%;
	float: left;
	margin-bottom: 10px;
}

#footNav li {
	margin-right: 2.677%;
	width: auto;
	background: none;
	height: auto;
	margin-bottom: 10px;
}

#footNav li a , #subNav li a{
	color: #512901;
	height: auto;
	line-height: normal;
	border: none;
	width: auto;
}

#footNav #footNav03 a {
	width:60px;
	float:left;
}
#footNav #footNav03 #subNav {
	float: left;
	width: 240px;
}
#footNav #subNav li {
	width:100px;
	margin:0;
}
#footNav #subNav #subNav01 {
	width: 75px;
	margin-left:10px;
}
#footNav #subNav #subNav02 {
	width: 55px;
}
#footNav #subNav #subNav03 {
	width: 100px;
}
#footNav #footNav03 #subNav li a{
	width:auto;
}
#footNav li a:nth-child(odd) {
	border:none;
}
#footNav li a:nth-child(even) {
	border:none;
}

#footContent .adressArea {
	width: 47.755%;
	float: left;
}
#footContent .adressArea table {
	width:100%;
}
#footContent th ,#footContent td{
	padding:0;
	vertical-align:top;
}
#footContent th {
	width:20%;
}
#footContent td {
	width:80%;
}
#footContent .telArea {
	width: 28.367%;
	float: left;
	margin-top: 10px;
}
#footer .telArea img {
		width: 28.367%;
	max-width: 278px;
}

#copyright {
	height: 30px;
	line-height: 30px;
	font-size: 0.9em;
	background-color: #5db46d;
	width: 100%;
	margin-top: 10px;
}
/*-------------------------------------
メニュー
-------------------------------------*/
.pointArea {
	margin-top: 40px;
	width: 48.98%;
	padding: 2% 3.878%;
	border-width: 2px;
}
.pointArea p {padding:0;}
.pointArea .areaLeft {
	width: 55.208%;
	float: left;
		margin-right: 4.167%;

}
.pointArea .areaRight {
	width: 40.625%;
	max-width: 195px;
	float: right;
		margin-right: 0%;

}
.nailArea {
	margin-top: 60px;
	max-width: 670px;
	width: 68.367%;
	padding: 3% 3.98%;
}
.nailArea .areaLeft {
	width: 52.239%;
	margin-right: 2.985%;
	margin-bottom: 0;
	float: left;
}
.nailArea .areaLeft h2 {
	width: 100%;
}
.nailArea .areaRight {
	max-width: 300px;
	width: 44.776%;
	float: left;
}

/*-------------------------------------
取扱商品
-------------------------------------*/
.topComment {
	width: 87.755%;
}
.bnrArea {
	width: 87.755%;
}
/*-------------------------------------
お知らせ
-------------------------------------*/
/*860*/
#news .col01-U01 {
/*	margin: 20px auto 0;
*/}
/*600*/
#news .col01-U01 article .newsTitle{
	padding: 6px 1.163% 2px;
	border-bottom: 2px solid #D3CCB7;
	width: 67.442%;
	float: right;
	font-size:1.2em;
	height:1.2em;
}
/*260*/
#news .col01-U01 article .newsDate{
	padding: 6px 1.163% 2px;
	border-bottom: 4px solid #D3CCB7;
	width:27.907%;
	float:left;
	height:1.2em;
	font-size:1.2em;
}
#news .col01-U01 article .newsText {
	padding: 8px 1.163% 2px;
	width: 67.442%;
	clear: both;
	margin-left: auto;
}

}