@charset "UTF-8";

/* ---------------------------------------*/
/* Reset Style */
/* ---------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
i {
	font-style: italic;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	vertical-align: middle;
}

img,object {
	border: 0;
	vertical-align: bottom;
}

textarea {
	font-size: 100%;
}

sup {
	font-size: smaller;
	font-weight: inherit;
	vertical-align: super;
}

sub {
	font-size: smaller;
	font-weight: inherit;
	vertical-align: sub;
}

@namespace html url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http") {
	object, embed {
		outline: none !important;
	}
}



/* ---------------------------------------*/
/* Base */
/* ---------------------------------------*/

body {
	color: #000;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 15px;
	line-height: 1.5;
	background: #fff;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

strong, b {
	font-weight: bold;
}

a, font, span{
	font-weight: inherit;
}

img,object{
	border: 0;
	vertical-align: bottom;
}

a {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a:link{color: inherit;text-decoration:underline;}
a:visited{color: inherit;text-decoration:underline;}
body a:hover{background-color:#e9f54f;text-decoration:none;}
body a:active{background-color:#e9f54f;text-decoration:none;}

::selection { background:#f7fbbd; }
::-moz-selection { background:#f7fbbd; }



/* ===================================== */
/* モジュール */
/* ===================================== */

.clearfix {
	zoom: 1; /* for IE 5.5-7 */
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}





/* ===================================== */
/* ヘッダー */
/* ===================================== */
.header {
	min-width: 780px;
	text-align: center;
	padding: 60px 0;
}

.header .sitelogo a {
	background-color: inherit;
}


/* ===================================== */
/* ボディ */
/* ===================================== */
/* 下層ページ
---------------------------------------- */
.body {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
}

.body:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* コンテンツエリア
---------------------------------------- */
.body > .content {
	float: right;
	width: 770px;
}

/* パンくず */
.topicpath {
	margin: 0 0 1em;
	font-size: 80%;
}

.topicpath a {
	color: inherit;
	text-decoration: none;
}

/* ページタイトル */
.page_title {
	margin: .5em 0;
	font-size: 280%;
	font-family: 'bebas_neue', sans-serif;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.1;
	border-bottom: 1px solid #000;
}

.page_title .ja {
	font-size: 83%;
}

/* コンテンツの汎用ブロック */
.block_content {
	clear: both;
	margin: 4em 0;
}

.page_title + .block_content {
	margin-top: 0;
}

.block_content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* ブロックタイトル */
.block_title {
	padding: 0 0 .3em;
	margin: 0 0 1em;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

/* ブロックタイトル2 */
.block_title2 {
	margin: 0 0 1em;
	font-weight: bold;
}


/* サイドバーエリア
---------------------------------------- */
.body > .sidebar {
	float: left;
	width: 200px;
	font-size: 80%;
}

/* 検索窓 */
.searchbox {
	position: relative;
	margin: 0 0 3em;
}

/* 入力欄 */
.searchbox .input_text input {
	width: 170px;
	padding: .5em 30px .5em 0;
	font-size: 120%;
	text-indent: .5em;
	background: #efefef;
	border: none;
}

/* ボタン */
.searchbox .input_submit {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -15px 0 0;
}

.searchbox .input_submit input {
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	background: url(../_img/common/ico_search.png) no-repeat 50%;
	border: none;
}

/* メニュー */
.sidemenu {
	margin: 3em 0;
}

.sidemenu a {
	display: block;
	padding: 1em 12px;
	color: inherit;
	text-decoration: none;
}

.sidemenu .current a {
	background: #e9f54f;
}

.list_sidemenu {
	border-top: 1px solid #ccc;
}

.list_sidemenu > li {
	border-bottom: 1px solid #ccc;
}

/* バナー */
.sidebanner {
	margin: 1em 0;
}

/* ブログメニュー */
.blogmenu {
	margin: 3em 0;
}

.blogmenu a,
.blogmenu .nolink {
	display: block;
	padding: .3em 10px;
	text-decoration: none;
}

.blogmenu .current a {
	background-color: #e9f54f;
}

.list_blogmenu > li {
	display: block;
	margin: 0 0 2em;
	text-decoration: none;
}

/* メニュー項目 */
.list_blogmenu .menu_title {
	font-weight: bold;
	font-family: 'bebas_neue', sans-serif;
	font-size: 150%;
	letter-spacing: .05em;
}

/* 第三階層 */
.blogmenu .list_categories_3 a,
.blogmenu .list_categories_3 .nolink {
	padding-left: 20px;
}



/* ===================================== */
/* フッター */
/* ===================================== */
.footer {
	padding: 5em 0;
	font-size: 80%;
	text-align: center;
}

.body + .footer {
	border-top: 3px solid #eee;
}

/* フッターロゴ */
.footlogo {
	margin: 0 0 20px;
}

/* 所在地 */
.footer address {
	font-style: normal;
}

/* フッター2 */
.footer2 {
	padding: 30px 0;
	font-size: 80%;
	background: #eee;
}

.footer2 a {
	color: inherit;
	text-decoration: none;
}

/* HPSロゴ */
.footer2 .hps_logo {
	margin: 1em 0;
}

/* フッターメニュー */
.list_footmenu {
	margin: 1em 0;
}

.list_footmenu > li {
	display: inline-block;
	margin: 0 1em;
}

/* コピーライト */
.copyright {
	margin: 0 1em;
	font-size: 83%;
}




/* ==================================== */
/* 汎用スタイル */
/* ==================================== */

/* ==================================== */
/* 汎用アイテムリスト */
/* ==================================== */
.list_muitem {
	letter-spacing: -.4em;
	margin: 0 0 0 -10px;
	font-size: 80%;
}

.list_muitem > li {
	position: relative;
	display: inline-block;
	width: auto;
	margin: 0 0 10px 10px;
	letter-spacing: normal;
	vertical-align: top;
}

.list_muitem > li > a {
	display: block;
	text-decoration: none;
}

.list_muitem a {
	color: inherit;
}

.list_muitem .image {
	margin: 0 0 .5em;
}

.list_muitem .image img {
	width: 100%;
}

.list_muitem .date {
}

.list_muitem .title {
}


/* ==================================== */
/* 汎用アイテムリスト 2カラム */
/* ==================================== */
.list_muitem_2 {
	margin-left: -2%;
}

.list_muitem_2 > li {
	width: 48%;
	margin-bottom: 2%;
	margin-left: 2%;
}

/* ==================================== */
/* 汎用アイテムリスト 3カラム */
/* ==================================== */
.list_muitem_3 {
	margin-left: -2%;
}

.list_muitem_3 > li {
	width: 31.3%;
	margin-bottom: 2%;
	margin-left: 2%;
}

/* ==================================== */
/* 汎用アイテムリスト 4カラム */
/* ==================================== */
.list_muitem_4 {
	margin-left: -2%;
}

.list_muitem_4 > li {
	width: 23%;
	margin-bottom: 2%;
	margin-left: 2%;
}

/* ==================================== */
/* 汎用アイテムリスト 5カラム */
/* ==================================== */
.list_muitem_5 {
	margin-left: -2%;
}

.list_muitem_5 > li {
	width: 18%;
	margin-bottom: 2%;
	margin-left: 2%;
}

/* ==================================== */
/* 汎用アイテムリスト 8カラム */
/* ==================================== */
.list_muitem_8 {
	margin-left: -1%;
}

.list_muitem_8 > li {
	width: 11.5%;
	margin-bottom: 1%;
	margin-left: 1%;
}





/* ===================================== */
/* 共通スタイル */
/* ===================================== */

/* アイテムリスト設定
---------------------------------------- */
.items {
	margin: 30px 50px;
}

.items:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* アイテムリスト */
.list_items {
	margin: 0 auto;
}

/* 各ブロック設定 */
.list_items > li {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 15px;
}

/* 2倍サイズのブロック */
.list_items > li.double {
	width: 430px;
	height: 430px;
}

.list_items > li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* 右上アイコン */
.list_items .new,
.list_muitem .new,
.list_items .rank,
.list_muitem .rank {
	position: absolute;
	display: block;
	top: -10px;
	right: -10px;
	width: 41px;
	height: 41px;
	color: #fff;
	font-family: 'bebas_neue', sans-serif;
	font-size: 112%;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	line-height: 41px;
	background: #ff0600 url(../_img/common/new_bg.png) no-repeat;
	z-index: 1;
}

/* NEWアイコン */
.list_items .new,
.list_muitem .new {
	background: #ff0600 url(../_img/common/new_bg.png) no-repeat;
}

/* ランキングアイコン */
.list_items .rank,
.list_muitem .rank {
	background: #009cff;
	z-index: 2;
}

/* ズームする画像 */
.list_items .image img {
	width: 100%;
}

/* スライドするテキスト情報 */
.list_items .info {
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	font-size: 80%;
	background: rgba(228, 242, 35, .8);
}

/* カテゴリテキスト */
.list_items .category {
	display: inline-block;
	margin: 30px 13px .5em;
	padding: .1em 1em;
	color: #fff;
	background: #000;
}

/* 日付テキスト */
.list_items .date {
	margin: .5em 13px;
}

/* 記事タイトルテキスト */
.list_items .title {
	margin: .5em 13px;
}

/* モアボタン */
.list_items .more {
	width: 6em;
	margin: 1em auto 0;
	font-family: 'bebas_neue', sans-serif;
	font-size: 112%;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	border: 2px solid #000;
}

.list_items .more:hover {
	background: #fff;
}


/* ブログ記事リスト設定
---------------------------------------- */
.articles {
}

/* ブログ記事リスト */
.list_articles {
}

.list_articles > li {
	margin: 1.5em 0;
}

.list_articles > li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.list_articles a {
	text-decoration: none;
}

/* 画像 */
.list_articles .image {
	position: relative;
	float: left;
	width: 200px;
}

.list_articles .image a {
	display: block;
	overflow: hidden;
}

/* ズーム */
.list_articles .image a img {
	-moz-transition: -moz-transform 500ms ease;
	-webkit-transition: -webkit-transform 500ms ease;
	-o-transition: -o-transform 500ms ease;
	-ms-transition: -ms-transform 500ms ease;
	transition: transform 500ms ease;
}

.list_articles .image a:hover img {
	width: 100%;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* NEWアイコン */
.list_articles .new {
	position: absolute;
	display: block;
	top: -10px;
	right: -10px;
	width: 41px;
	height: 41px;
	color: #fff;
	font-family: 'bebas_neue', sans-serif;
	font-size: 112%;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	line-height: 41px;
	background: #ff0600 url(../_img/common/new_bg.png) no-repeat;
	z-index: 1;
}

/* テキスト情報 */
.list_articles .info {
	float: left;
	width: 540px;
	margin: 0 0 0 30px;
}

/* 日付テキスト */
.list_articles .date {
	margin: 0 0 .5em;
	font-size: 80%;
}

/* 記事タイトルテキスト */
.list_articles .title {
	margin: 0 0 .5em;
	font-weight: bold;
}

/* 記事冒頭テキスト */
.list_articles .text {
	margin: 0 0 .5em;
	font-size: 80%;
}



/* 記事詳細設定
---------------------------------------- */
/* 前後リンク */
.prev_next_link {
	margin: 1em 0;
	font-size: 80%;
	text-align: center;
}

.prev_next_link a {
	text-decoration: none;
}

.prev_next_link .prev {
	float: left;
	margin: 1em 0 .5em;
	text-align: left;
}

.prev_next_link .next {
	float: right;
	margin: 1em 0 .5em;
	text-align: right;
}

.prev_next_link .tolist {
	margin: .5em 0 1em;
	clear: both;
}

/* 記事ブロック */
.articlebox {
	margin: 2em 0;
	border-bottom: 1px solid #ccc;
}

/* SNSボタン */
.articlebox .sns {
	margin: 1em 0;
	text-align: right;
}

.articlebox .sns div {
	display: inline-block;
	margin: 0 0 0 10px;
	/*height: 22px;*/
	vertical-align: top;
}

/* 記事タイトル */
.article_title {
	margin: .5em 0;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

/* 記事メタ情報 */
.article_meta {
	font-size: 80%;
	text-align: right;
}

.article_meta .date {
	margin: .5em 0;
}

.article_meta .new {
	color: #ff0600;
	font-weight: bold;
	font-family: 'bebas_neue', sans-serif;
}

.article_meta .category {
	margin: .5em 0;
}

/* 記事本文ブロック */
.article_content {
	margin: 3em 0 5em;
}

.article_content img {
	max-width: 100%;
	height: auto;
}

.article_content p {
	min-height: 1em;
	margin: 1em 0;
}

/* 注文ボタン */
.link_contact {
	margin: 5em 0;
	text-align: center;
}

.link_contact a {
	display: inline-block;
	margin: 0 1em;
	padding: 1.5em 3em;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #000;
	background: #eee;
}





/* ページャー設定
---------------------------------------- */
.paging {
	margin: 3em 0;
	padding: 1em 0;
	font-size: 80%;
}

/* 線の位置設定 */
.page_title + .paging {
	border-bottom: 1px solid #ccc;
}

.items + .paging,
.articles + .paging {
	border-top: 1px solid #ccc;
}

/* リンクスタイル */
.paging > a,
.paging > span {
	display: inline-block;
	padding: .2em .6em;
	margin: 0 2px;
	text-decoration: none;
	border: 1px solid #000;
}

/* カレントページ設定 */
.paging .current_page,
.paging .fs-current {
	background-color: #e9f54f;
}




/* 検索ページ設定
---------------------------------------- */
.list_fsresult > li {
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}

.list_fsresult .title {
	font-weight: bold;
}

.list_fsresult .url,
.list_fsresult .category {
	color: #999;
	font-size: 80%;
}

/* 送料
---------------------------------------- */
.postage {
  text-align: left !important;
}

.postagemap {
  margin-bottom: 20px;
  clear: both;
  text-align: right;
}