@charset "utf-8";
/* 
====================================================================================================
■ layout （トップページレイアウト設定）
■ #news_area （新着情報ボックス）
■ 
■ 
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ layout （トップページレイアウト設定）
---------------------------------------------------------------------------------------------------- */
/* トップページのみレイアウトが変わる場合、base.cssでの設定を上書きする形でここでの設定を推奨 */


.ul_center{
margin:0px 0 0;
}

.ul_center li{
float:left;
}

/* 
====================================================================================================
■ .t_about_faunuhn
---------------------------------------------------------------------------------------------------- */
.t_about_faunuhn{
	background: url(../images/bg_about_faunhn.png);
	background-size: 50%;
}


.t_about_faunuhn .t_btn_shopping{
	width: 50%;
	margin: -3% auto 6%;
}

.t_about_faunuhn h2{
	width: 80%;
	margin:0 auto 5%;
}

.t_about_faunuhn h3{
	width: 90%;
	margin:0 auto 5%;
}

.t_about_faunuhn p{
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 4%;
}

/* 
====================================================================================================
■ #facebook&insta
---------------------------------------------------------------------------------------------------- */

#fb_area{
background:#f9f2e5;
margin:20px auto;
padding:15px 10px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
    margin:15px auto 10px;
}

.simply-scroll-container { position:relative; }
.simply-scroll-clip { position:relative; overflow:hidden; }
.simply-scroll-list { margin:0; padding:0; overflow:hidden; }
.simply-scroll-list li { float:left; width:150px; height:150px; margin:0; padding:0; list-style:none; }

/* 
====================================================================================================
■ #news_area （新着情報ボックス）
---------------------------------------------------------------------------------------------------- */
#news_area {
 margin:10px 0px 20px;
 padding:10px ;
}

.titt{
	position:relative;
	text-align:left;
	padding:0px 0 20px 0 ;
}

.titt .sin{
	width:180px;
}

.titt .allinf{
	position:absolute;
	width:100px;
	right:0px;
	top:5px;
}

.titt .allinf a{
	border:solid 1px #52280e;
	display:block;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#news_list { padding:0 10px 10px 10px;}

#news_list li { 
            padding:15px 5px 5px 5px ;
            border-bottom:dotted 1px #000;}

#news_list li span { 
            margin-bottom:3px; 
            font-weight:normal;
            padding:3px 10px 3px 10px ;
            background:#372d01;
            color:#fff;}

#news_list li a { color:#333;display:block;text-decoration:none;}

#mainimg .bx-wrapper{
	width: 100%;
}