/*	iframe
======================================*/
iframe#head{width:1200px; height:110px;}
iframe#foot{width:1200px; height:900px;}

/*	all
======================================*/
body{
	margin:0px;
	padding:0px;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.io td, .io th, .io {
	font-size:12px;
}

a{
	-webkit-transition: color ease-out 0.25s;
	-moz-transition: color ease-out 0.25s;
	-o-transition: color ease-out 0.25s;
	transition: color ease-out 0.25s;
}

a:link,a:visited {
	color:#000000;
	text-decoration: none;
}

a:active {
	color:#000000;
	text-decoration: none;
}
a:hover {
	color:#b7b7b7;
	text-decoration: none;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

a img{
	border:0px;
}

ul,ol{
	margin:0px;
	padding:0px;
	list-style:none;
}

.emc{
	font-family:"Times New Roman", serif;
}

.mc{
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
	font-size: 0;
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear {
	clear: both;
	font-size: 1px;
	height: 0;
}


/*	header
======================================*/

#header{
	display: block;
	position: fixed;
	width:100%;
	height:100px;
	*height:110px;
	padding-top:10px;
	background-color:#fff;
	top: 56px;
	left: 0;
	right: 0;
	z-index: 99999;
}

#gold #header{top:0px;}
#gold #wrap{padding-top:120px; padding-bottom:50px;}

#header_wrap{
	position:relative;
	width:1200px;
	/*height:110px;*/
	height:60px;
	margin:0px auto;
	text-align:left;
	background-color:#fff;
}

#header_wrap .header_left{
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
}

#header_wrap .cc{
	font-size:10px;
	margin-bottom:10px;
}


.src{
	position:absolute;
	right:0;
	top:10px;
}

.src form{
	width:230px;
	border-bottom:solid 1px #000;
	margin:0px;
	padding:0px;
}

.src_text{
	width:200px;
	height:28px;
	border:0px;
	line-height:24px;
}

.src_button {
	background: url(http://image.rakuten.co.jp/salonadametrope/cabinet/io/src_bt.gif) center no-repeat;
	padding: 0;
	width:24px;
	height: 28px;
	cursor: pointer;
	border:0px;
}

#header_wrap .delivery{
	position:absolute;
	right:260px;
	top:18px;
	line-height:24px;
	font-size:120%;
}

#header_wrap .delivery span{
	font-size:150%;
}

#header_wrap .text_link{
	position:absolute;
	right:0px;
	top:60px;
	overflow: hidden;
	font-size:120%;
}

#header_wrap .text_link li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0px;
}

#header_wrap .text_link li:before {
	content: " / ";
	letter-spacing:0.2em;
}

#header_wrap .text_link li:first-child:before {
	content: "";
}


.category{
	overflow: hidden;
	text-align:center;
	width:1200px;
	font-size:0px;
}

.category li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0px;
	margin:0px;
	font-size:15px;
	border-right:solid 1px #000;
}

.category li a{
	display:block;
	margin:0px;
	padding:0px;
	width:170px;
}

.category li:first-child{
	border-left:solid 1px #000;
}


/*	toppage
======================================*/

.fixed-bg{
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	min-width:1200px;
}


.fixed-bg.topbg01 {
	background-image: url(http://image.rakuten.co.jp/salonadametrope/cabinet/io/img01.jpg);
	min-height: 600px;
	margin-bottom:80px;
}

.fixed-bg.topbg01 a{
	display:block;
	width:1200px;
	margin:0px auto;
	padding:100px 0px;
	text-align:left;
}




.fixed-bg.topbg02 {
	background-image: url(http://image.rakuten.co.jp/salonadametrope/cabinet/io/img02.jpg);
	margin:80px 0px;
}

.fixed-bg.topbg02 img{
	width:100%;
	height: 600px;
}

.fixed-bg.topbg03 {
	background-image: url(http://image.rakuten.co.jp/salonadametrope/cabinet/io/img03.jpg);
	margin:80px 0px;
}

.fixed-bg.topbg03 img{
	width:100%;
	height: 600px;
}


@media screen and (min-width : 320px) and (max-width: 1024px) {/*スマフォ・タブレット用*/
	.fixed-bg.topbg03{
		background-attachment: scroll;
	}

	.fixed-bg.topbg03 {
		background-image: url(http://image.rakuten.co.jp/salonadametrope/cabinet/io/img03s.jpg);
		margin:80px 0px;
		background-position: center top;
	}
}



.fixed-bg.topbg04 {
	background-image: url(http://image.rakuten.co.jp/salonadametrope/cabinet/io/img04.jpg);
	margin:80px 0px;
}

.fixed-bg.topbg04 img{
	width:100%;
	height: 600px;
}


@media screen and (min-width : 320px) and (max-width: 1024px) {/*スマフォ・タブレット用*/
	.fixed-bg.topbg04{
		background-attachment: scroll;
	}

	.fixed-bg.topbg04 {
		background-image: url(http://image.rakuten.co.jp/salonadametrope/cabinet/io/img04s.jpg);
		margin:80px 0px;
		background-position: center top;
	}
}


.fixed-bg.topbg05 {
	background-image: url(https://image.rakuten.co.jp/salonadametrope/cabinet/io/imgrc0069308587.jpg);
	margin:80px 0px;
}

.fixed-bg.topbg05 img{
	width:100%;
	height: 600px;
}


@media screen and (min-width : 320px) and (max-width: 1024px) {/*スマフォ・タブレット用*/
	.fixed-bg.topbg05{
		background-attachment: scroll;
	}

	.fixed-bg.topbg05 {
		background-image: url(https://image.rakuten.co.jp/salonadametrope/cabinet/io/imgrc0069308588.jpg);
		margin:80px 0px;
		background-position: center top;
	}
}




.top_title{
	text-align:center;
	overflow: hidden;
	font-family:"Times New Roman", serif;
	font-size:30px;
	margin:20px auto;
	width:1200px;
}
.top_title span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}

.top_title span::before,
.top_title span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #000;
}

.top_title span::before {
	right: 100%;
}

.top_title span::after {
	left: 100%;
}


.news ul{
	overflow: hidden;
	width:1200px;
	margin:0px auto;
	text-align:left;
	letter-spacing:-0.4em;
	font-size:15px;
}

.news li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:300px;
	vertical-align:top;
	letter-spacing:normal;
}

.news li p{
	margin:0px;
	padding:5px 10px;
}

.news li img{
	width:280px;
	vertical-align:bottom;
}

.news li span{
	display:block;
	padding-top:5px;
	font-size:12px;
}

.news a.more{
	display:block;
	width:120px;
	margin:60px auto 30px auto;
}

.news a.more span{
	display:block;
	position: relative;
	border:solid 1px #000;
	padding:0px 25px 0px 35px;
	text-decoration:none;
	color:#000;
	height:38px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items : center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	font-size:16px;
}


.news a.more span:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 4px;
	height: 4px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}




.top_item{
	width:1200px;
	margin:50px auto;
	text-align:left;
}


.top_item img, .top_item p{
	display:inline-block;
	*display:inline;
	vertical-align:middle;
	*zoom:1;
	margin:0px;
}

.top_item img{
	width:800px;
	margin-right:50px;
}
.top_item p{
	width:330px;
}

.top_item p img{
	width:320px;
	margin:0px;
}

.top_item p a{
	display:block;
	width:120px;
}

.top_item p a span{
	display:block;
	position: relative;
	border:solid 1px #000;
	padding:0px 25px 0px 35px;
	text-decoration:none;
	color:#000;
	height:38px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items : center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	font-size:16px;
}


.top_item p a span:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 4px;
	height: 4px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}




/* top トリュフショコラ */

.top_item_cj{
	width:1200px;
	margin:50px auto;
	text-align:left;
}


.top_item_cj img, .top_item_cj p{
	display:inline-block;
	*display:inline;
	vertical-align:middle;
	*zoom:1;
	margin:0px;
}

.top_item_cj img{
	width:800px;
	margin-left:50px;
}
.top_item_cj p{
	width:330px;
}

.top_item_cj p img{
	width:320px;
	margin:0px;
}

.top_item_cj p a{
	display:block;
	width:120px;
}








.top_about{
	font-size:120%;
	line-height:170%;
	text-align:center;
	margin-bottom:30px;
}


.top_restaurant{
	overflow: hidden;
	text-align:center;
	width:1200px;
	letter-spacing:-0.4em;
	font-size:12px;
	margin:0px auto 50px auto;
}

.top_restaurant li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:390px;
	vertical-align:top;
	letter-spacing:normal;
	text-align:center;
}

.top_restaurant li img{
	margin:8px 0px;
	clear:both;
}

.top_restaurant li span{
	display:block;
}



a.salon_more{
	display:block;
	width:160px;
	margin:0px auto 0px auto;
}

a.salon_more span{
	display:block;
	position: relative;
	border:solid 1px #000;
	padding:0px 25px 0px 35px;
	text-decoration:none;
	color:#000;
	height:38px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items : center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	font-size:16px;
}


a.salon_more span:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 4px;
	height: 4px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


hr.top_line{
	width:1200px;
	margin:60px auto;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#ccc;
	height:1px;
}

/*	footer
======================================*/


.foot{
	border-top:solid 1px #ccc;
	padding-top:40px;
}

div.cld_ym{
	font-size:16px;
}

table.cld {
	width:200px;
	margin-bottom:10px;
	border-collapse: separate;
	border-spacing:2px;
}

table.cld th, table.cld td {
	padding: 4px 0px;
	border: 1px #ccc solid;
	line-height:100%;
	text-align:center;
	font-weight:normal;
	font-size:10px;
}

table.cld th{
	background-color:#eee;
}

.ftt{
	margin:0px;
	padding:0px 0px 3px 0px;
	border-bottom:solid 1px #000;
	font-size:16px;
}

.ft{
	padding:15px 0px 30px 0px;
}

.ft span.yamato{
	display:inline-block;
	background-color:#149B8C;
	border-bottom:solid 3px #FDD500;
	color:#FDD500;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px 15px;
}

.foot .copy{
	margin-top:10px;
	background-color:#000;
	color:#fff;
	font-size:11px;
	line-height:30px;
	text-align:center;
	width:100%;
	min-width:1200px;
}



/*	しょこらずき
======================================*/

.order_bt{
	text-align:center;
	padding:60px 0px;
}


.item_info{
	text-align:center;
	overflow: hidden;
	font-family:"Times New Roman", serif;
	font-size:30px;
	margin:20px 0px;
	width:580px;
}

table.spec {
	width:580px;
	border-collapse:collapse;
	border-top:solid 1px #000;
}

table.spec th, table.spec td {
	padding:12px 8px;
	border-bottom:solid 1px #000;
	text-align:left;
	font-weight:normal;
	font-size:12px;
}

table.spec th{
	border-right:solid 1px #000;
	width:25%;
}
