@charset "utf-8";

/*
	/styles/type1/top.css
	☆PC用
	
	トップページ用CSS
	
*/

body {
	padding:0;
}

/*
	.siteHeader
	サイト共通ヘッダー上書き
*/
.siteHeader {
	height:0;
	overflow:hidden;
	-webkit-transition-property:height;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:0;
	transition-property:height;
	transition-duration:0.2s;
	transition-timing-function:ease;
	transition-delay:0;
}
.siteHeader_wrap {
	border-bottom:1px solid #e6e6e6;
}
.siteHeader_ctg_ttl {
	height:60px;
}
.siteHeader_controller li a {
	height:60px;
}
.siteHeader_controller li a:before {
	height:60px;
}
li.siteHeader_controller_cart a > span {
	/* カートボタン */
	height:60px;
}
.siteHeader.is-small {
	/* 追従時の縮小ヘッダー */
	height:61px;
	overflow:visible;
}

/*
	.topHeader
	トップページヘッダー
*/
.topHeader {
	position:relative;
}
.topHeader_wrap {
	background:#fff;
}
.topHeader_row-2 {
	padding:15px 0;
}
.topHeader_in {
	width:100%;
	display:table;
}
.topHeader_cell-1 {
	display:table-cell;
	vertical-align:middle;
}
.topHeader_cell-2 {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.topHeader_logo {
	/* ロゴ */
	width:190px; 
	/*width:289px;クリスマス仕様*/
	margin:0 auto;
	padding-top:30px;
	/*padding-top:12px;/*クリスマス仕様*/
	line-height:0;
	text-align:center;
}
.topHeader_logo img {
	width:100%;
	height:auto;
}
.topHeader_message {
	/* メッセージ */
	margin-left:40px;
	display:inline-block;
	line-height:1.5;
	vertical-align:middle;
	color:#666;
}
.topHeader_message_e {
	font-size:12px;
	display:block;
}
.topHeader_message_j {
	font-size:11px;
	display:block;
}
.topHeader_search {
	/* 検索 */
	padding:0 25px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.topHeader_search:before {
	width:1px;
	height:20px;
	margin-top:-10px;
	content:'';
	display:block;
	background:#b8b8b8;
	position:absolute;
	left:0;
	top:50%;
}
.topHeader_search_txt {
	width:220px;
	padding:5px;
	font-size:12px;
}
.topHeader_search_submit {
	width:20px;
	height:auto;
	margin-left:5px;
}
.topHeader_ctg {
	/* カテゴリ */
	display:inline-block;
	vertical-align:middle;
}
.topHeader_ctg_ttl {
	height:60px;
	vertical-align:middle;
	display:table-cell;
	font-size:13px;
}
.topHeader_ctg_ttl_in {
	padding:0 25px;
}
.topHeader_ctg_ttl_in:after {
	width:0;
	height:0;
	margin-left:8px;
	content:'';
	display:inline-block;
	border:solid transparent;
	border-width:4px;
	border-top-color:#333;
	vertical-align:bottom;
}
.topHeader_shop {
	/* 店舗 */
	margin:0 25px 0 0;
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
}
.topHeader_shop a {
	text-decoration:none;
}
.topHeader_shop a:hover {
	opacity:.6;
}
.topHeader_about {
	/* メッセージ */
	padding:0 25px 0 0;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	font-size:13px;
}
.topHeader_about:before {
	width:1px;
	height:20px;
	margin-top:-10px;
	content:'';
	display:block;
	background:#b8b8b8;
	position:absolute;
	right:0;
	top:50%;
}
.topHeader_about a {
	text-decoration:none;
}
.topHeader_about a:hover {
	opacity:.6;
}
.topHeader_controller {
	/* ログイン・カートなど */
	margin-right:0;
	margin-left:auto;
	display:table;
	font-size:12px;
}
.topHeader_controller li {
	display:table-cell;
	vertical-align:middle;
}
.topHeader_controller li a {
	padding:0 10px;
	text-decoration:none;
}
.topHeader_controller li a:hover {
}
.topHeader_controller li a:hover span {
	opacity:.6;
}
.topHeader_controller li a > span {
	display:table-cell;
	vertical-align:middle;
}
li.topHeader_controller_cart a > span {
	padding:0 0 0 14px;
}

/*
	.mainVisual
	メインビジュアル
*/
.mainVisual {
	height:450px;
}
.mainVisual_link {
	height:450px;
	display:block;
	text-decoration:none;
}

/*
	.storyMessage
	メッセージ
*/
.storyMessage {
	margin:40px 0 60px;
	text-align:center;
}

/*
	.info-2
	お知らせ2
*/
/* 20171107 以前の記述(夏季休業)
.info-2 {
	width:400px;
	margin:40px auto 70px;
	padding:0 20px 10px;
	border-bottom:1px solid #a49472;
} 
.info-2_ttl {
	width:60px;
	display:block;
	font-size:12px;
	vertical-align:top;
	white-space:nowrap;
}*/
.info-2 {
	width:360px;
	margin:40px auto 70px;
	padding:0 20px 10px;
	border-bottom:1px solid #a49472;
}
.info-2_in {
	width:100%;
	display:table;
	line-height:1.6;
}
.info-2_ttl {
	width:160px;
	display:block;
	font-size:12px;
	vertical-align:top;
	white-space:nowrap;
	padding-left: 1%;
}
.info-2 ul {
	width:540px;
	padding-left:10px;
	/*display:table-cell;*/
	margin-top:5px;
	vertical-align:top;
	box-sizing:border-box;
}
.info-2 li {
	margin-left:1em;
	list-style:disc;
	font-size:12px;
}
.info-2 a {
	text-decoration:none;
}
.info-2 a:hover {
	opacity:.6;
}

/*
	.top_ttl-1
	タイトル系
*/
.top_ttl-1 {
	text-align:center;
	font-weight:bold;
	letter-spacing:.06em;
}
.top_ttl-1_e {
	font-size:38px;
	display:block;
	font-family: 'Quicksand', sans-serif;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.top_ttl-1_j {
	margin-top:16px;
	font-size:14px;
	display:block;
}

/*
	.features
	おすすめページ
*/
.features {
	margin-top:50px;
	font-size:0;
}
.features_ttl {
}
.features_story {
	/* ストーリー */
	width:420px;
	margin:45px 0 0 -10px;
	padding-top:4px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	background:url(/images/type1/top/story_bg-1.png) 0 0 no-repeat;
}
.features_story a {
	padding:20px 35px;
	display:block;
	text-decoration:none;
}
.features_story a:hover {
	opacity:.6;
}
.features_story_bg-1 {
	padding-bottom:4px;
	background:url(/images/type1/top/story_bg-3.png) 0 100% no-repeat;
}
.features_story_bg-2 {
	background:url(/images/type1/top/story_bg-2.png) 0 0 repeat-y;
}
.features_story_ttl {
	text-align:center;
}
.features_story_visual {
	margin-top:15px;
	text-align:center;
	background:url(/images/type1/template/ajax-loader.gif) 50% 50% no-repeat;
}
.features_story_visual img {
}
.features_story_lines {
	margin-top:15px;
	font-size:17px;
	line-height:1.6;
}
.features_story_arrow {
	margin-top:10px;
	text-align:right;
}
.features_story_arrow span {
	height:11px;
	color:#95b189;
	font-size:12px;
	text-decoration:underline;
	position:relative;
}
.features_article {
	/* 他おすすめページ */
	width:760px;
	margin-top:20px;
	margin-left:10px;
	display:inline-block;
	vertical-align:top;
}

.features_article ul {
	margin-left:-20px;
}
.features_article li {
	width:240px;
	margin:25px 0 0 20px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	line-height:1.6;
}
.features_article li a {
	display:block;
	text-decoration:none;
}
.features_article li a:hover {
	opacity:.6;
}
.features_article_visual {
	background:url(/images/type1/template/ajax-loader.gif) 50% 50% no-repeat;
}
.features_article_visual img {
	width:100%;
	height:auto;
}
.features_article_ttl {
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
}
.features_article_lines {
	margin-top:3px;
	font-size:12px;
}

/*
	.articles
	読み物
*/
.articles {
	margin-top:110px;
}
.articles_ttl {
}
.articles ul {
	/*margin:25px 0 0 -20px;*/
	margin:5px 0 0 -20px;
	font-size:0;
}
.articles li {
	width:220px;
	margin:20px 0 0 20px;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:1.4;
}
.articles li a {
	display:block;
	text-decoration:none;
}
.articles li a:hover {
	opacity:.6;
}
.articles .article_visual {
	width:100%;
	height:auto;
	display:block;
	background:url(/images/type1/template/ajax-loader.gif) 50% 50% no-repeat;
}
.articles .article_visual img {
	width:100%;
	height:auto;
	display:block;
}
.articles .article_name {
}
.articles .article_cat {
}
.articles .article_ttl {
	margin-top:5px;
	display:block;
	font-size:13px;
}
.articles .article_name {
	padding:0 2px;
	display:inline-block;
	border-bottom:1px dotted #666;
	color:#333;
	font-size:8px;
}
.articles .article_cat {
	margin-left:.2em;
	color:#333;
	font-size:8px;
}
.articles li.style .article_name:before {
	content:'FAIR TRADE STYLE';
}
.articles li.days .article_name:before {
	content:'The days...';
}
.articles li.days-shop .article_cat:before {
	content:'\30b7\30e7\30c3\30d7\60c5\5831';
}
.articles_dummy .article_visual {
}
.articles_dummy .article_lines {
}
.articles_dummy .article_name {
	height:1em;
}
.articles_dummy .article_ttl {
	height:1em;
}


/*
	.homeBodyCtg
	アイテムカテゴリー
*/
.homeBodyCtg {
	margin-top:60px;
	padding:60px 0;
	background:#eff3ed;
	border-width:5px 0;
}


/*
	.campaign
	セール／キャンペーン
*/
.campaign {
	margin-top:110px;
}
.campaign_ttl {
}
.campaign ul {
	margin:20px 0 0 -20px;
	font-size:0;
	text-align:center;
}
.campaign li {
	width:220px;
	margin:25px 0 0 20px;
	display:inline-block;
	font-size:14px;
	vertical-align:top;
	text-align:center;
	line-height:1.4;
}
.campaign li a {
	display:block;
	text-decoration:none;
}
.campaign li a:hover {
	opacity:.6;
}
.campaign_visual {
	background:url(/images/type1/template/ajax-loader.gif) 50% 50% no-repeat;
}
.campaign_visual img {
	width:100%;
	height:auto;
	display:block;
}

/*
	.ranking
	ランキング
	- ナビプラス管理画面に移動しました。
*/

/*
	.coordinate
	コーディネート
*/
.coordinate {
	margin-top:110px;
}
.coordinate ul {
	/*margin:15px 0 0 -20px;*/
	margin:5px 0 0 -20px;
	font-size:0;
}
.coordinate li {
	width:220px;
	margin:30px 0 0 20px;
	display:inline-block;
	font-size:14px;
	vertical-align:top;
}
.coordinate li a {
	display:block;
	background:url(/images/type1/template/ajax-loader.gif) 50% 50% no-repeat;
}
.coordinate li a:hover {
	opacity:.6;
}
.coordinate li img {
	width:100%;
	height:auto;
	display:block;
}
.coordinate_dummy li {
	background:url(/images/type1/template/ajax-loader.gif) 50% 50% no-repeat;
}

/*
	.recentlyChecked
	最近チェックしたアイテム
*/
.recentlyChecked {
	margin-top:110px;
}
.recentlyChecked_window {
	width:100%;
	height:215px;
	margin:0 0 0 -20px;
	font-size:0;
	overflow:hidden;
	text-align:center;
}
.recentlyChecked_window > div {
	width:130px;
	margin:30px 0 0 20px;
	display:inline-block;
	font-size:14px;
	vertical-align:top;
}
.recentlyChecked_window > div a {
	display:block;
}
.recentlyChecked_window > div a:hover {
	opacity:.6;
}
.recentlyChecked_window > div img {
	width:100%;
	height:auto;
	display:block;
}
.recentlyChecked_none {
	margin-top:60px;
	padding-left:20px;
	font-size:15px;
	text-align:center;
}

/*
	.shop
	ショップ情報
*/
.shop {
	margin-top:50px;
	padding-top:60px;
}
.shop_buy {
	margin:15px 0 0 -20px;
	font-size:0;
	text-align:center;
}
.shop_buy li {
	width:180px;
	margin:30px 0 0 20px;
	display:inline-block;
	font-size:14px;
	vertical-align:top;
}
.shop_buy li a {
	display:block;
	text-decoration:none;
}
.shop_buy li a:hover {
	opacity:.6;
}
.shop_visual {
	background:url(/images/type1/template/ajax-loader.gif) 50% 50% no-repeat;
}
.shop_visual img {
	width:100%;
	height:auto;
	display:block;
}
.shop_name {
	margin-top:5px;
	font-size:12px;
	line-height:1.4;
	text-align:left;
}
.shop_sell {
	margin:0 0 0 -20px;
	font-size:0;
	text-align:center;
}
.shop_sell li {
	width:180px;
	margin:30px 0 0 20px;
	display:inline-block;
	font-size:14px;
	vertical-align:top;
}
.shop_sell li a {
	padding:20px 10px;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#95b189;
}
.shop_sell li a:hover {
	opacity:.6;
}
.shop_sell li a span:after {
	width:0;
	height:0;
	margin:0 -5px 0 10px;
	content:'';
	border:5px solid transparent;
	border-left-color:#fff;
	display:inline-block;
}

/*
	.about
	企業情報
*/
.about {
	margin-top:60px;
	padding-top:60px;
	/*border-top:10px solid #f2f2f2;*/
	font-size:0;
}
.about_ttl {
}
.about_messsage {
	/* what's ピープルツリー */
	width:720px;
	margin-top:25px;
	display:inline-block;
	vertical-align:top;
}
.about_messsage_lines {
	font-size:14px;
	line-height:2;
	letter-spacing:.06em;
}
.about_messsage_lines p {
	margin-top:15px;
}
.about_info {
	/* 右バナー */
	width:460px;
	margin-top:20px;
	display:inline-block;
	vertical-align:top;
}
.about_info li a {
	text-decoration:none;
}
.about_info li a:hover {
	opacity:.6;
}
.about_info_bnr {
	margin-left:-20px;
	text-align:right;
}
.about_info_bnr li {
	width:220px;
	margin:20px 0 0 20px;
	display:inline-block;
	font-size:14px;
	vertical-align:top;
	text-align:left;
}
.about_info_bnr li a {
	display:block;
}
.about_info_bnr li a:hover {
	opacity:.6;
}
.about_info_bnr .about_info_visual {
	background:url(/images/type1/template/ajax-loader.gif) 50% 50% no-repeat;
}
.about_info_bnr .about_info_visual img {
	width:100%;
	height:auto;
	display:block;
}
.about_info_bnr .about_info_ttl {
	margin-top:5px;
	font-size:13px;
	line-height:1.4;
}
.about_pickup {
	/* ピックアップ */
	min-width:300px;
	margin:30px 0 0 0;
	padding:20px;
	font-size:0;
	background:#f6f5f3;
	color:#584214;
	display:inline-block;
}
.about_pickup ul {
}
.about_pickup li {
	margin:5px 0 0 20px;
	font-size:14px;
	list-style:disc;
	line-height:1.6;
}
.about_pickup li a {
	text-decoration:none;
}
.about_pickup li a:hover {
	text-decoration:underline;
}
.about_footer {
	/* 企業情報のフッター */
	margin-top:50px;
	margin-bottom:-40px;
}
.about_footer dl {
	line-height:1.6;
}
.about_footer dt {
	font-size:14px;
	font-weight:bold;
}
.about_footer dd {
	margin:10px 10px 0 0;
	font-size:14px;
	display:inline-block;
}
.about_footer dd:after {
	margin-left:10px;
	content:'|';
}
.about_footer dd:last-child:after {
	content:normal;
}
.about_footer dd a {
	text-decoration:none;
}
.about_footer dd a:hover {
	text-decoration:underline;
}



/*
	.topFooter
	サイトフッター上書き
*/
.topFooter .siteFooter_cell-1 {
	padding-top:30px;
}
.topFooter_more {
	/* カタログ請求の枠 */
	margin:30px 0 0 -10px;
	font-size:0;
	text-align:center;
}
.topFooter_more li {
	width:150px;
	margin:10px 0 0 20px;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
	text-align:center;
}
.topFooter_more li a {
	padding:10px 10px;
	display:block;
	text-decoration:none;
	background:#f2f2f2;
}
.topFooter_more li a:hover {
	opacity:.6;
}
.topFooter_more li a span:after {
	width:0;
	height:0;
	margin:0 -5px 0 10px;
	content:'';
	border:3px solid transparent;
	border-left-color:#333;
	display:inline-block;
}



/*
	190619追加
	もっと見るボタン
*/
.morebtn {
	margin:10px 0 0 0;
	text-align:center;
}