@charset "UTF-8";
/* CSS Document */

/* index.html用 */


/* =============================================================================================== */
/* 
 *		ロゴ、トップ画像周辺　2016.5.10／yamashita
 */
/* =============================================================================================== */
#index-header {
	width:100%;
	height:606px;
	position:relative;
}

/* =============================================================================================== */
/* 
 *		ロゴ：index.html用　2016.5.10／yamashita
 */
/* =============================================================================================== */

/* ロゴ初期位置 */
/* 
#index-logo-wrapper {
	position:absolute;
	top:120px;
	left:45px;
	width:26em;
	text-align:center;
}

 */

#index-logo-wrapper {
	position:absolute;
	top:100px;
	left:30px;
	width:26em;
	text-align:center;
}
#index-logo {
	width:160px;
	height:200px;	
	background:url(../images/logo.png) no-repeat;
	margin:0 auto;
}
#index-read-text { /* ロゴ下リード文 */
	margin:40px 0 0 20px;
	font-size:14px; text-align:center;
	letter-spacing:2px;
	color:#666666;
}


/* 

　トップ商品情報

　　 
------------------------------------------------------------*/
#index-item-info {
	position:relative;
	top:117px;
	left:50px;
}
#index-item-info-name {
	display:inline-block;
	font-size:19px; color:rgba(255,130,99,1.0); line-height:140%; font-weight:600;
}
#index-item-info-price-wrapper {
	margin:5px 0 0 0;
}
#index-item-info-price {
	display:inline-block;
	vertical-align:bottom;
	margin:0 0 3px 0px;
	font-size:19px;
}
#index-item-info-price-sub {
	display:inline-block;
	vertical-align:bottom;
	margin:0 0 2px -4px;
	font-size:13px;
}
#index-item-info-price-sub02 {
	display:inline-block;
	vertical-align:bottom;
	margin:0 0 2px -10px;
	font-size:13px;
}
#index-item-info-detail {
	display:inline-block;
	width:25.0em;
	margin:10px 0 0 0;
	font-size:11px; line-height:140%;
}
a.button-tabeta-impressions {
	display:inline-block;
	vertical-align:bottom;
	padding:19px 25px 17px 25px;
	margin:0 0 0px 10px;
	border:1px solid rgba(255,130,99,1.0);
	border-radius:10px;
	background:rgba(255,130,99,1.0);
	color:#FFF; text-align:center; line-height:160%;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
a.button-tabeta-impressions:hover {
	background:rgba(255,130,99,1.0);
	border:1px solid rgba(255,130,99,1.0);
	background:rgba(255,255,255,1.0);
	color:rgba(255,130,99,1.0); text-align:center;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
/* 矢印 */
#index-arrow {
	position:relative;
	top:-140px;
	left:320px;
	width:36px;
}

/* 

　ヘッダメニュー：トップページ用

　　 
------------------------------------------------------------*/




/* 

　ヘッダメニュー：トップページ用

　　 
------------------------------------------------------------*/
#header-menu-top {
	position:relative;
	top:200px; left:70px;
	z-index:1;
	font-size:13px; text-align:center;
	display:table;
}
/* リンク */
#header-menu-top a {
	color:#000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
#header-menu-top a:hover {
	color:rgba(255,130,99,1.0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/* 

　リード文

　　 
------------------------------------------------------------*/
#index #read-text-wrapper {
	position:relative;
	top:260px; left:70px;
}
#index #read-text01 {
	font-size:17px; line-height:180%;
}
#index #read-text02 {
	font-size:13px; line-height:200%;
}

/* 

　トップイメージ（お皿と写真）

　　 
------------------------------------------------------------*/
#top-image {
	width:517px;
	height:606px;
	background:url(../images/top-image-bg.png);
	float:right;
}
/* 
#fukidashi-mini {
	position:relative;
	z-index:10;
	top:-250px;
	left:510px;
}
 */
#top-image-item {
	width:392px;
	height:392px;
	position:relative;
	z-index:0;
	top:-39px;
	left:123px;
}
#top-image-tableware a {
	display:block;
	width:517px;
	height:606px;
	background:rgba(255,255,255,0.0);
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
#top-image-tableware a:hover {
	background:rgba(255,255,255,0.3);
}
/* 日付 */
/* 
#top-image-date {
	display:table-cell;
	position:relative;
	top:-510px;
	left:690px;
	border:1px solid rgba(255,130,99,1.0);
	text-align:center; line-height:100%;
	padding:9px 20px 7px 20px;
	background:rgba(255,255,255,1.0);
	border-radius: 8px;
}
#top-image-date-right {
	margin:0 0 0 5px;
	color:rgba(255,130,99,1.0);
}
 */
/* トップページお皿のリンク用丸 */
/* 
.maru-link{
	position:relative;
	top:-1110px;
	right:-445px;
	width:628px; height:628px;
	border-radius:50%;
	z-index:11;
	opacity:0.5;
	z-index:50;
}
.maru-link:hover{
	opacity:0.3;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	background:#fff;
}
 */


/* 

　メインイラスト

　　 
------------------------------------------------------------*/
#image-main {
	position:relative;
	top:-30px;
	width:960px;
	height:204px;
	background:url(../images/image-main2.jpg) no-repeat;
	z-index:-10;
}

/* 

　新着アイテム

　　 
------------------------------------------------------------*/
#index .new-item {
}
/* 新着ロゴ（NEW yy.mm.dd） */
#index .logo-new{
	width:142px;
	text-align:center;
	margin:20px 0;
	padding:6px 15px;
	border-style:solid;
	border-width:1px;
	color:rgb(255,130,99);
	border-radius:10px;	
	font-size:12px;
}

/* 新着順の"NEW"の文字色 */
#index .logo-new-style{
	color:#000000;
}
/* アイテム毎の吹き出し */
.item-fukidashi{
	float:left;
	width:209px;height:10px;
	position:relative;
	top:-7px; left:155px;
	z-index:10;"	
}


/* 

　新着情報

　　 
------------------------------------------------------------*/
#whats-new-wrapper{
	margin:60px 0 0 0;
	
		/* スクロールバーの設定 */
}
#whats-new{
	margin:0 auto;
	padding:40px 40px;
	border:1px solid rgb(255,130,99);
	width:775px; height:388px;"
}
#whats-new-waku{
	width:120px;
	margin:0 37px 0 0;
	padding:13px 0px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:100%;
	border-radius:8px;
	border:1px solid rgba(255,130,99,1.0);
	background-color:rgb(255,130,99);
}
/* 新着情報本文 */
.whats-new-text{
	overflow-y: scroll; 		/* 指定の高さ超えたらスクロールバー	 */
	margin:30px 0 0 0; padding:10px 50px 0 0;
	width:690px;
	height:200px;
}
.whats-new-text li{
	margin-bottom:15px;
	padding:0 0 17px 3px;
	border-bottom:1px dashed #CCCCCC;		/* 区切り線 */
	font-size:12px;
}
whats-new-text li:after{
	
}
.whats-new-text li span{
	font-weight:bold;
	color:rgb(255,130,99);
	margin-right:30px;
}
/* ページ詳細ボタン */
.page-detail-bottan{
	display:inline-block;
	width:75px;
	float:right;
	margin:0 0px 15px 0; padding:6px 0px;
	font-size:10px;color:#FFFFF;
	text-align:center;line-height:100%;
	border-radius:5px;
	border:1px solid rgba(255,130,99,1.0);
	background-color:rgb(255,130,99);
	
}
.whats-new-text a{
	color:#FFFFFF;
}
.whats-new-text a:hover{
	color:rgb(255,130,99);
	border-color:rgba(255,130,99,1.0);
	background-color:rgb(255,255,255);
		
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}



/* スクロールバーの設定（webkit系用） */
#decorated-id::-webkit-scrollbar {
	all:unset;
	width: 12px;
	background: #FFF;
	border:1px solid rgb(255,130,99)
}

#decorated-id::-webkit-scrollbar-track {
	all:unset;
}

#decorated-id::-webkit-scrollbar-thumb {
	all:unset;
	background-color:rgb(255,130,99);
}


/* トーク一覧へ */
#taik-top-page{
	display:block;
	float:right;
	color:#FFFFFF;
	padding:5px 18px 4px 18px;
	border-radius:15px;
	text-align:center;
	background:rgb(255,133,99);
	width:140px;
	margin:0 auto;
}
a#taik-top-page:hover{
	opacity:0.6;
}


/* ======================

	企画リンク
	（SNSへのリンク関連 ）

 ======================== */


/* 吹き出し */
.sns-fukidashi{
	position:absolute;
	top:-80px;
	background:url(../images/kikaku-1th-banner.png) no-repeat;
	background-size:90% 100%;
	background-position:0% 0%;
	width:334px;
	height:113px;
	margin:0 0 0 65px;
}
.numbering{
	position:absolute;
	top:50px;
	left:60px;
}

.sns-fukidashi a{
	margin:0 1px;
	
}

.sns-fukidashi a:hover{
	opacity:0.6;
}


/* SNS各種アイコン */
.sns-fukidashi li{
	display:inline-block;
	margin:15px 4px;
	list-style:none;
}
.sns-fukidashi li:first-child{
	margin-left:20px;		/* 最初のアイコンにだけ適用 */
	
}

/* テキスト */
.sns-fukidashi div{
	display:inline-block;
	font-size:14px; font-weight:700;
	margin:14px 20px 0;
	vertical-align:top;
}
.sns-fukidashi div span{
	font-size:12px;
	font-weight:400;
}



/* ======================

	AF関連

 ======================== */

/* 皿の下 */
.index-af{
	position:absolute;
	right:10px;
	
}