@charset "Shift_JIS";
/*--------------------------------------------------------
	共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */
#hpb-headerMain{margin:0;}
#hpb-headerMain h1{margin:0;padding:0 0 5px 10px;text-align:left;font-weight:normal;line-height:12px;font-size:0.83em;}
#hpb-headerLogo{width:400px;float:left;}
#hpb-headerLogo a{width:400px;height:38px;display:block;margin:0 0 0 10px;padding:0;text-align:left;text-indent:-9999px;overflow:hidden;background:url(../img/logo_2Ca.png) top left no-repeat;}
#hpb-headerExtra1{width:400px;margin:0;padding:0;float:right;}
#hpb-headerExtra1 p.tel{/* 電話番号の文字設定 */margin:0;padding:0 10px 0 0;line-height:20px;text-align:right;}
#hpb-headerExtra1 p.tel span{/* 電話番号の「TEL」文字設定 */margin:0;padding:0 10px 0 0;line-height:20px;}
#hpb-headerExtra1 p.address{/* 住所文字設定 */margin:0;padding:0 10px 0 0;line-height:20px;text-align:right;}
#hpb-headerExtra2{}
/* フッター内パーツ */
#hpb-footerExtra1{width:900px;margin:0 auto;padding:0 0 10px 0;background-color:#ffffff;}
#hpb-footerExtra1::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#hpb-footerExtra1 ul{margin:0;padding:0 0 0 10px;list-style-type:none;text-align:left;background-color:#ffffff;}
#hpb-footerExtra1 li{/* フッターナビ設定 */margin:0;padding:0 15px 0 15px;background-color:#ffffff;line-height:24px;border:1px solid #ebebeb;float:left;}
#hpb-footerExtra1 li a:link{color:#666666;text-decoration:none;}
#hpb-footerExtra1 li a:visited{color:#666666;text-decoration:none;}
#hpb-footerExtra1 li a:hover{color:#5EAF10;text-decoration:none;}
#hpb-footerExtra1 li a:active{color:#666666;text-decoration:none;}
#hpb-footerMain{width:900px;margin:0 auto;height:35px;background:url(../img/footerBg_2Ca.png) bottom left no-repeat;}
#hpb-footerMain p{/* コピーライト文字設定 */margin:0;padding:0;line-height:35px;text-align:center;}
#hpb-footerLogo{}
#hpb-footerExtra2{}
/* サイドブロック内パーツ */
/* バナー */
#banner ul{width:100%;margin:0;padding:3px 0 0 0;list-style-type:none;border-top:2px solid #dadada;background-color:#f7f7f7;}
#banner li{display:block;width:225px;margin:0 auto auto 3px;}
#banner li a{display:block;width:225px;height:45px;text-align:left;text-indent:-9999px;overflow:hidden;}
#banner a#banner-access{/* アクセスバナー */background-image :url(../img/banner-access_2Ca.png);background-position:top left;background-repeat:no-repeat;}
#banner a#banner-netshop{/* ネットショップ */background-image :url(../img/banner-netshop_2Ca.png);background-position:top left;background-repeat:no-repeat;}
#banner a#banner-category1{/* 商品カテゴリ1 */background-image :url(../img/banner-category1_2Ca.png);background-position:top left;background-repeat:no-repeat;}
#banner a#banner-category2{/* 商品カテゴリ2 */background-image :url(../img/banner-category2_2Ca.png);background-position:top left;background-repeat:no-repeat;}
#banner a#banner-category3{/* 商品カテゴリ3 */background-image :url(../img/banner-category3_2Ca.png);background-position:top left;background-repeat:no-repeat;}
/* 店舗情報 */
#shopinfo{width:211px;margin:0 0 15px 0;padding:10px;border:2px solid #dadada;background-color:#f7f7f7;}
#shopinfo h3{height:1px;margin:0;padding:0;overflow:hidden;text-align:left;text-indent:-9999px;}
#shopinfo h3 span.en{}
#shopinfo h4{margin:0;padding:0;text-align:left;color:#333333;font-size:1em;line-height:16px;font-weight:bold;}
#shopinfo p{margin:0;padding: 0.1em 0;line-height:1.4;text-align:left;}
/*--------------------------------------------------------
	ナビゲーションデザイン設定
--------------------------------------------------------*/

/*--------------------------------------------------------
	基本パーツデザイン設定
--------------------------------------------------------*/
#hpb-skip{/* ヘッダースキップの非表示 */height:1px;margin:0;padding:0;overflow:hidden;text-align:left;text-indent:-9999px;}
p{margin:0 0 1.25em 0;padding:0 0.1em;line-height:1.4;text-align:left;}
p.large{margin:0.5em 0 1em 0;padding:0 0.1em;line-height:1.4;text-align:left;}
p.indent{padding-left:15px;}
.left{float:left;}
.right{float:right;}
/* リンク文字色 */
a:link{color:#5EAF10;text-decoration:none;}
a:visited{color:#5EAF10;text-decoration:none;}
a:hover{color:#5EAF10;text-decoration:underline;}
a:active{color:#5EAF10;text-decoration:none;}
hr{height:1px;clear:both;border:1px none;}
.hpb-layoutset-02 h2{width:620px;height:34px;margin:0 0 15px 0;padding:0;background:url(../img/topTitleBg_2Ca.png) top left no-repeat;line-height:34px;font-size:1.17em;color:#ffffff;font-weight:bold;text-align:left;}
.hpb-layoutset-02 h2 span.ja{padding:0 0 0 10px;}
.hpb-layoutset-02 h2 span.en{padding:0 0 0 10px;text-transform:uppercase;}
#hpb-wrapper h3{margin:0;padding:15px 0 3px 2px;text-align:left;color:#5EAF10;font-size:1.17em;}
h3.hpb-c-index{height:1px;margin:0;padding:0;overflow:hidden;text-align:left;text-indent:-9999px;background:none;}
h4{margin:0;padding:0;background-image:none;text-align:left;color:#42790B;font-size:1em;line-height:16px;font-weight:bold;}
h5{margin:0;padding:0;background-image:none;text-align:left;color:#333333;font-size:1em;line-height:16px;font-weight:bold;}
table{margin:0 auto 0 0;border-collapse:collapse;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table th{padding:8px 15px 8px 8px;text-align:left;font-weight:normal;background-color:#eeeeee;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table td{padding:8px 15px 8px 8px;text-align:left;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
/* フォームパーツ設定 */
input.button{margin:15px auto;}
textarea{width:400px;height:200px;}
input.l{width:400px;}
input.m{width:250px;}
input.s{width:150px;}
/* メインコンテンツ内基本パーツ */
#hpb-main ul{margin:0 0 15px 0;padding:0;list-style-type:none;}
#hpb-main ul li{padding:5px 0 5px 28px;background:url(../img/point_2Ca.png) 10px 6px no-repeat;text-align:left;line-height:1.4;border-bottom:1px solid #999999;}
#hpb-main dl{margin:0 0 15px 0;padding:0;}
#hpb-main dt{float:left;margin:0;padding:5px 0 5px 28px;background:url(../img/icon_16x_136.png) 10px 5px no-repeat;text-align:left;line-height:16px;min-height:16px;font-weight:normal;width :170px;color:#E49F00;}
#hpb-main dd{margin:0;padding:5px 0 5px 198px;text-align:left;line-height:16px;min-height:16px;border-bottom:1px solid #999999;}
*:first-child + html #hpb-main dd{/* for IE7 */padding-left:10px;min-height:20px;}
* html #hpb-main dd{/* for IE6 */padding-left:0px;height:20px;}
#hpb-main dl::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#hpb-main img{margin:0 0 15px 0;}
#hpb-main img.left{margin:0 20px 15px 0;float:left;}
#hpb-main img.right{margin:0 0 15px 20px;float:left;}
#pagetop{margin:10px 0 0 0;padding:15px 5px;text-align:left;}
#pagetop a{/* 先頭に戻るボタンの左右設定 */display:block;width:130px;height:16px;background:url(../img/returnTop_2Ca.png) top left no-repeat;text-align:left;text-indent:-9999px;overflow:hidden;}
/* トップページ デザイン定義 */
#hpb-wrapper #toppage-item h3{width:620px;height:34px;margin:0;padding:15px 0 5px 0;background:url(../img/topTitleBg_2Ca.png) 0px 15px no-repeat;font-size:1.17em;line-height:34px;color:#ffffff;font-weight:bold;}
#hpb-wrapper #toppage-item h3 span.en{padding:0 0 0 10px;text-transform:uppercase;}
#hpb-wrapper #toppage-item h3 span.ja{padding:0 0 0 10px;}
#hpb-wrapper #toppage-item .itemlist{margin:0;}
#hpb-wrapper #toppage-item .itemlist::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#hpb-wrapper #toppage-item .itemlist .item{width:286px;margin:10px 10px 15px 10px;padding:18px 0;border:2px solid #dadada;background-color:#f7f7f7;float:left;}
#hpb-wrapper #toppage-item .itemlist .item img{margin:0;border:1px solid #dadada;}
#hpb-wrapper #toppage-item .itemlist .item .itemdata{width:250px;margin:0 auto;}
#hpb-wrapper #toppage-item .itemlist .item .itemdata h4{margin:0;padding:5px 0 5px 18px;background:url(../img/point2_2Ca.png) 6px 8px no-repeat;color:#565454;text-align:left;line-height:1.2;font-weight:bold;}
#hpb-wrapper #toppage-item .itemlist .item .itemdata h5{margin:0;padding:0 5px 0 0;color:#565454;text-align:right;line-height:1.2;font-weight:bold;}
#hpb-wrapper #toppage-item .itemlist .item .itemdata p{margin:0;padding:0;line-height:1.2;text-align:left;}
#hpb-wrapper #toppage-news h3{width:620px;height:34px;margin:0;padding:15px 0 5px 0;background:url(../img/topTitleBg_2Ca.png) 0px 15px no-repeat;font-size:1.17em;line-height:34px;color:#ffffff;font-weight:bold;}
#hpb-wrapper #toppage-news h3 span.en{padding:0 0 0 10px;text-transform:uppercase;}
#hpb-wrapper #toppage-news h3 span.ja{padding:0 0 0 10px;}
/* アクセスページ デザイン定義 */
#access{text-align:left;}
/* 商品紹介ページ デザイン定義 */
#item .itemlist{width:600px;margin:0 0 0 auto;}
#item .itemlist::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#item .itemlist .item{width:178px;margin:0 20px 15px 0;padding:9px 0;border:1px solid #dadada;background-color:#f7f7f7;float:left;}
#item .itemlist .item img{margin:0;border:1px solid #dadada;}
#item .itemlist .item .itemdata{width:160px;margin:0 auto;}
#item .itemlist .item .itemdata h4{margin:0;padding:5px 0 5px 18px;background:url(../img/point2_2Ca.png) 6px 8px no-repeat;color:#333333;text-align:left;line-height:1.2;font-weight:bold;}
#item .itemlist .item .itemdata h5{margin:0;padding:0 0 5px 0;color:#E60012;text-align:right;line-height:1.2;font-weight:bold;}
#item .itemlist .item .itemdata p{margin:0;padding:0;line-height:1.2;text-align:left;}
#item #nbanner{width:600px;margin:0 auto;padding:15px 0;}
#item #nbanner a{width:600px;height:45px;display:block;text-align:left;text-indent:-9999px;overflow:hidden;background:url(../img/banner-netshop2_2Ca.png) top left no-repeat;}

/* =======================================================
	レスポンシブル設定
======================================================= */
@media screen and (max-width:568px) {
	/*--------------------------------------------------------
		共通レイアウトパーツ設定
	--------------------------------------------------------*/
	/* ヘッダー内パーツ */
	#hpb-headerMain h1{padding-top:5px;padding-right:5px;padding-left:5px;line-height:1.4;}
	#hpb-headerLogo{width:98%;float:none;margin-right:auto;margin-left:auto;}
	#hpb-headerLogo a{margin:10px auto 10px auto;background-position:top center;background-size:contain;max-width:100%;}
	#hpb-headerExtra1{width:98%;margin:0 auto;float:none;}
	#hpb-headerExtra1 p.tel{padding-right:0px;}
	#hpb-headerExtra1 p.tel span{padding-right:0px;display:block;}
	#hpb-headerExtra1 p.address{padding-right:0px;}
	
	/* フッター内パーツ */
	#hpb-footerExtra1{width:100%;}
	#hpb-footerExtra1 li{margin-right:10px;margin-bottom:10px;float:none;display:inline-block;}
	#hpb-footerMain{width:100%;height:auto;background:none #EBEBEB;padding:10px 0;}
	#hpb-footerMain p{padding:0 5px;line-height:1.4;word-break:break-all;}
	
	/* サイドブロック内パーツ */
	/* バナー */
	#banner ul{box-sizing:border-box;}
	#banner li{max-width:100%;}
	#banner li a{max-width:100%;margin-left:auto;margin-right:auto;}
	#banner a#banner-access	 {background-position:top center;background-size:contain;}
	#banner a#banner-netshop	{background-position:top center;background-size:contain;}
	#banner a#banner-category1{background-position:top center;background-size:contain;}
	#banner a#banner-category2{background-position:top center;background-size:contain;}
	#banner a#banner-category3{background-position:top center;background-size:contain;}

	/* 店舗情報 */
	#shopinfo{max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;}

	/*--------------------------------------------------------
		ナビゲーションデザイン設定
	--------------------------------------------------------*/
	#hpb-nav h3.hpb-c-index{width:27px;height:20px;background:url(../img/btn_menu.png) top left no-repeat;margin:10px 0 10px 10px;overflow:hidden;text-indent:-9999px;cursor:pointer;}
	/*--------------------------------------------------------
		基本パーツデザイン設定
	--------------------------------------------------------*/
	p{padding:0;}
	.hpb-layoutset-02 h2{width:96%;height:auto;margin:0 auto 15px;padding:6px 0 5px;background-image:none;line-height:1.4;background-color:#9DC709;border-bottom:3px solid #5EAF10;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;word-break:break-all;}
	.hpb-layoutset-02 h2 span.ja{display:inline-block;}
	.hpb-layoutset-02 h2 span.en{display:inline-block;}
	#hpb-wrapper h3{padding-left:0px;}
	table{width:100%;margin-left:auto;box-sizing:border-box;}
	
	/* フォームパーツ設定 */
	textarea{width:96%;}
	input.l{width:96%;}
	input.m{width:60%;}
	input.s{width:30%;}
	
	/* メインコンテンツ内基本パーツ */
	#hpb-main dt{float:none;padding-bottom:0px;max-width:100%;box-sizing:border-box;}
	#hpb-main dd{padding-right:10px;padding-left:10px;}
	#hpb-main img.left{margin-right:0px;float:none;}
	#hpb-main img.right{margin-left:0px;float:none;}
	
	/* トップページ デザイン定義 */
	#hpb-wrapper #toppage-item h3{width:100%;height:auto;margin-bottom:15px;padding-top:6px;padding-bottom:5px;background-image:none;line-height:1.4;background-color:#9DC709;border-bottom-color:#5EAF10;border-bottom-style:solid;border-bottom-width:3px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}
	#hpb-wrapper #toppage-item h3 span.en{display:inline-block;}
	#hpb-wrapper #toppage-item h3 span.ja{display:inline-block;}
	#hpb-wrapper #toppage-item .itemlist .item{margin-right:auto;margin-left:auto;float:none;max-width:100%;box-sizing:border-box;}
	#hpb-wrapper #toppage-item .itemlist .item img{box-sizing:border-box;}
	#hpb-wrapper #toppage-item .itemlist .item .itemdata{max-width:100%;}
	#hpb-wrapper #toppage-news h3{width:100%;height:auto;margin-bottom:5px;padding-top:6px;background-image:none;line-height:1.4;background-color:#9DC709;border-bottom-color:#5EAF10;border-bottom-style:solid;border-bottom-width:3px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}
	#hpb-wrapper #toppage-news h3 span.en{display:inline-block;}
	#hpb-wrapper #toppage-news h3 span.ja{display:inline-block;}
	
	/* 商品紹介ページ デザイン定義 */
	#item .itemlist{width:100%;text-align:left;}
	#item .itemlist .item{margin-right:2%;margin-left:2%;float:none;max-width:96%;display:inline-block;text-align:center;vertical-align:top;box-sizing:border-box;}
	#item .itemlist .item img{box-sizing:border-box;}
	#item .itemlist .item .itemdata{max-width:100%;}
	#item #nbanner{width:100%;}
	#item #nbanner a{max-width:100%;background-position:top center;background-size:contain;}
}