@charset "UTF-8";
/*
Theme Name: nisshin-kikinzoku
Theme URI: http://www.narts.jp/
Description: for nisshin-kikinzoku.
Version: 1.0
Author: <a href="http://www.narts.jp/">NARTS</a>
*/

/*--- initialize ---*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,a,img,blockquote,th,td {
	margin: 0;
	padding: 0;
	border: 0;
}

#header, #sidebar, #footer, .widget {
	overflow: hidden;
}


/*--- フォントスタイル フォントサイズ ---*/
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#333;
	color:#ccc;
}
tr, td { color: #ccc; } /*-- Tinymce用 --*/

/*--- レイアウトに関する指定 ---*/

#wrap {
	text-align: left;
	margin: 0 auto;
	max-width: 945px;
}

#header {
	margin: 5px 0 15px 0;
}

#navi {
	clear:both;
	min-height:50px;
	text-align: center;
	margin: 0 0 15px 0;
}

#top_image {
	margin: 0 0 15px 0;
	background-color:#000;
	width:100%;
}

#content {
	float: left;
	max-width: 680px;
	margin: 0 0 25px 0;
color:#ccc;
}

#top_news {
	float: left;
	max-width: 330px;
	margin: 0 20px 0 0;
}

#top_event {
	float: left;
	max-width: 330px;
	margin: 0 0 0 0;
}

#sidebar {
	float: right;
	width: 240px;
	margin: 0 0 25px 0;
	/* padding: 2em 10px; */
}

#footer {
	clear: both;
	border-top:1px #666 solid;
	margin: 0 0 5px 0;
}

/* ---------------------------------------- #header内の指定 ---*/

#header .title_logo {
	float:left;
	margin: 10px 0 0 0;
}

#header .title_text {
	float:right;
}

#header h1 {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	margin: 0 0 3px 0;
}

#header p {
	font-size: 12px;
}

#header a {
	text-decoration: none;
	color:#ccc;
}
#header a:hover {
	text-decoration: none;
	color:#c00;
}

/* ---------------------------------------- #Content内の指定 ---*/

#content h2, .title {
   border-left: 3px solid #c00;
   font-size:18px;
   padding: 0 0 0 10px;
   margin: 0 0 5px 0;
   font-weight: normal;
}
#content h3 {
   border-left: 3px solid #c00;
   font-size:16px;
   padding: 0 0 0 10px;
   margin: 0.7em 0 5px 0;
   font-weight: normal;
}

/* -- 文字 -- 
#content p {
	font-size:12px;
	line-height: 1.5em;
	margin-bottom: 0.5em;
} */

/* -- 以下 リスト関係 -- */
#content dl { margin: 1em 0; }

#content dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

#content dd { margin-bottom: 2em; }

#content ul { margin: 1em 0 1em 20px; }
#content ol { margin: 1em 0 1em 30px; }
#content li { margin-bottom: 0.5em; }

/* -- 大バナー -- */
.top_banner {
	background:#F7F8ED;
	border:1px #E1E4BC solid;
	width:301px; padding:1px; /* Total=303px */
	float:left;
	margin:0 0 30px 0;
}
.tb_setsumei {
	margin:5px 10px 10px 10px;
	padding: 0 0 5px 0px;
	border-bottom: 1px #ccc dotted;
	font-size:12px;
}
.tb_img {
	heignt:67px;
	float:left;
	margin:5px 10px 10px 10px;
}
.tb_link {
	color:#336600;
	font-size:12px;
}

#content table {
border-collapse: collapse;
font-size:14px;
/* line-height:125%; */
}
#content td {
padding: 3px 5px 3px 5px;
}
.white-line {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}
.white-line td {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.no-padding, .no-padding td {
padding: 0;
}

/* ---------------------------------------- トップの新着情報 */

.news_history, .event_history {
text-align:right;
font-size:12px;
line-height: 1.5em;
margin: 0 0 5px 0;
}
.news_history a, .event_history a, .event_content a {
  text-decoration: none;
  color: #ccc;
  border-bottom: 1px solid #fff;
}
.news_history a:hover, .event_history a:hover, .event_content a:hover, .movie_text a:hover{
  text-decoration: none;
  color: #c00;
  border-bottom: 1px solid #c00;
}

.news_date {
   border-left: 3px solid #c00;
   font-size:12px;
   line-height: 1.5em;
   padding: 0 0 0 10px;
   margin: 0 0 0 10px;
}
.news_title {
   font-size:12px;
   line-height: 1.3em;
   margin: 0 0 15px 23px;
}

.movie_text, .movie_text a{
	font-size: 13px;
  color: #ccc;
}

#top_news h2, #top_event h2 {
   border: 0;
   padding: 0;
   margin: 0;
}

#top_event .event_content h3 {
   border-left: 3px solid #c00;
   font-size:12px;
   line-height: 1.4em;
   padding: 0 0 0 10px;
   margin: 0 0 0 10px;
}
.event_content p {
   font-size:11px;
   line-height: 1.5em;
   margin: 0 0 0 23px;
}

#top_news a {
  text-decoration: none;
  color: #ccc;
  border-bottom: 1px solid #fff;
}

#top_news a:hover {
  text-decoration: none;
  color: #c00;
  border-bottom: 1px solid #c00;
}


/* ---------------------------------------- .post内の指定 */

.post {
  border:1px solid #666;
  background-color:#000;
  padding:15px;
}

/* -- .title, .post h2 {
   border-left: 3px solid #c00;
   font-size:18px;
   padding: 0 0 0 10px;
   margin: 0 0 5px 0;
   font-weight: normal;
}
.title, .post h3 {
   border-left: 3px solid #c00;
   font-size:16px;
   padding: 0 0 0 10px;
   margin: 0 0 5px 0;
   font-weight: normal;
} --*/

.meta {
   text-align: right; 
   font-size:12px;
   padding: 0 0 0 10px;
   margin: 0 0 15px 0;
}

.post p {
   font-size:14px;
   /* margin:0 0 10px 20px; */
}

.post a {
  text-decoration: none;
  color: #ccc;
  border-bottom: 1px solid #fff;
}
.post a:hover {
  text-decoration: none;
  color: #c00;
  border-bottom: 1px solid #c00;
}

.post img a {
  border: 0;
}

.post .alignright {
   float: right;
   margin-left: 10px;
}

.post .alignleft {
   float: left;
   margin-right: 10px;
}

.post .aligncenter {
   float: center;
}

.post .alignclear {
  clear:both;
}

/* ---------------------------------------- #sidebar内の指定 */

#sidebar h3 {
  font-size: 14px;
  margin: 0 0 1px 0;
  padding: 0 0 0 10px;
  border-left: 3px solid #9BC92F;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  color:#666;
}

#sidebar ul {
	background:#F7F6F3;
	padding:5px;
	font-size: 12px;
	margin:0 0 10px 0;
}

#sidebar li {
	padding: 0px 0px 5px 15px;
	background: url(./images/bottom_2.gif) no-repeat 2px 0.3em;
}

#sidebar p {
	background:#F7F6F3;
	padding:6px;
	font-size: 12px;
	margin:0 0 10px 0;
}


/* ---------------------------------------- #footer内の指定 */
#footer .caution {
	float: left;
	font-size:12px;
	padding: 10px 0 0 0;
}
#footer .copyright {
	float: right;
	text-align:right;
	font-size:12px;
	padding: 10px 0 0 0;
}
#footer a {
	text-decoration: none;
	color:#ccc;
}


/* 画像の寄せ方 (東内) */
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote {
	position:relative;
	color:#bbb;
	font-style: nomal;
	 font-family:serif;
	margin:30px 30px 20px 60px;
}
.post blockquote p {
	font-size: 17px;
	line-height: 1.8em;
}
blockquote:before {	
	position:absolute;
	top:-40px;
	left:-44px;
	content:"\201C";
	color:#555;
	font-family:serif;
	font-size:90px;
}
blockquote cite {
	font-style:normal;
}

blockquote cite:before {
	content:"\2014";
	padding-right:8px;
}

#contents td.jirei {
	padding-bottom:23px;
}

/* コンタクトフォーム整形（ヒガシウチ）  */

span.wpcf7-list-item {
	display: block;
}
.wpcf7 p {
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px dotted #888;
}

/* 特商法・お買い物ガイドに関する表示のテーブル */

#content table.tokusho-table {
	border-collapse:collapse;
	text-align:left;
	margin: 14px 0 14px 0;
}
#content table.tokusho-table th, 
#content table.tokusho-table td {
	padding:15px 8px 12px 15px;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}
#content table.tokusho-table th {
	background-color: #333;
	font-weight:600;
}
#content table.tokusho-table td {
	background-color: #111;
}

/***　目立つボタン（東内）***/
.button {
	display: inline-block;
	padding: 5px 18px;
	border-radius: 100px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	color: #fff;
	margin: 5px;
}
a.button:hover {
     color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.button-red {
	background: #E73131;
	background-image: linear-gradient(top, #e73131, #a82424);
		background-image: -moz-linear-gradient(top, #e73131, #a82424);
		background-image: -ms-linear-gradient(top, #e73131, #a82424);
		background-image: -webkit-linear-gradient(top, #e73131, #a82424);
    border-bottom: 1px solid #5B1445;
}

.button-red:hover {
	background-image: linear-gradient(top, #a82424, #e73131);
		background-image: -moz-linear-gradient(top, #a82424, #e73131);
		background-image: -ms-linear-gradient(top, #a82424, #e73131);
		background-image: -webkit-linear-gradient(top, #a82424, #e73131);
}

/* レスポンシブ */
#content {
	width: 100%;
}

#content table {
	table-layout:fixed;
}

#content td {
	width: auto;
}

#top_image img {
	display:none;
}

.entry table {
	width: 100% !important;
}

.wpcf7-form input {
	max-width: 99%;
}

.your-message textarea {
	width: 99%;
}

.address input {
	width: 99%;
}

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

#goto-shop {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

#top_movie {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

#top_movie iframe {
	width: 100%;
}

p {
	word-wrap: break-word;
	word-break: break-word;
}

div.usccart_navi li.ucart {
	height: auto !important;
}

.white-line td {
	display: table-cell !important;
	width: 50% !important;
}

/* 複数SKU一覧テーブル価格幅固定 */
#itempage table.skumulti th.cart_price {
	width: 120px;
}

/* カート */
.cart_table {
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.cart_thead {
	float:left;
	background-color: #999999;
	color: #FFFFFF;
	width: 100%;
	padding: 5px 0;
}

.cart_tbody,
.cart_table .item {
	float:left;
	width: 100%;
	clear: both;
	padding: 5px 0;
}

.cart_tfoot {
	float: left;
	clear: both;
	width: 100%;
	background-color: #999999;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 0;
}

.cart_tfoot2 {
	background-color: #000000;
}

.cart_table .item {
	border-bottom: 1px solid #FFFFFF;
}

.cart_table .item_info {
	max-width: 450px;
}

.cart_table .item_name {
	width: 240px;
}

.cart_tbody .item_name {
	margin-bottom: 5px;
}

.cart_table .item_thumbnail,
.cart_table .item_name,
.cart_table .item_info,
.cart_table .item_quant,
.cart_table .item_subtotal {
	float: left;
}

.cart_table .item_no {
	float: left;
	width: 60px;
	text-align: center;
}

.cart_table .item_thumbnail {
	width: 70px;
}

.cart_table .item_price {
	float: right;
	text-align: right;
	width: 80px;
}

.cart_thead .item_info {
	width: 100%;
}

.cart_thead .item_name {
	float: left;
}

.cart_thead .item_price {
	float: right;
	text-align: right;
	width: 100px;
}

.cart_table .item_qs {
	float: right;
}

.cart_table .item_quant {
	width: 50px;
	text-align: center;
}

.cart_table .item_subtotal {
	width: 100px;
	text-align: right;
}

.cart_table .item_qs_txt {
	display: none;
}

.cart_table .item_price_txt {
	display: none;
}

#content .cart_tfoot dl {
	float: right;
	margin: 0;
}

#content .cart_tfoot dt {
	float : left;
	clear : both;
	width : 130px;
	border: 0;
}

#content .cart_tfoot dd {
	float : left;
	width : 130px;
	margin-bottom: 0;
}

@media screen and (max-width: 920px) {

.nav-to-home {
	display:none;
}

.cart_table .item_qs {
	clear: left;
	float: right;
}

.cart_thead .item_quant,
.cart_thead .item_subtotal {
	display: none;
}

.cart_table .item_qs_txt {
	display: block;
}

#post-48 table {
	padding: 0 -5px;
}

#post-48 td {
	width: 95%;
	display: block;
}

.tokusho-table {
	margin: 0 -14px;
}

#content table.tokusho-table th,
#content table.tokusho-table td {
	width: 95%;
	display: block;
}

#content table.tokusho-table td {
	border-top: none;
	border-bottom: none;
}

.tokusho-table table {
	border: 0px !important;
}

.googlemaps {
	width: 100% !important;
	height: 300px !important;
}

object {
	width: 100%;
	height: auto;
}

#content {
	max-width: 100%;
	width: 100%;
}

#top_news {
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-bottom: 20px;
}

#top_event {
	margin-left: auto;
	margin-right: auto;
	float: none;
}

#sidebar {
	width: 100%;
	text-align: center;
}

#sidebar > .textwidget {
	max-width: 240px;
	margin-left: auto;
	margin-right: auto;
}

#footer .copyright {
	text-align: center;
}

}

@media screen and (max-width: 480px) {
.cart_table .item_price {
	float: left;
	text-align: left;
}

.cart_table .item_price_txt {
	display: inline;
}

.cart_table .cart_thead .item_price {
	display: none;
}

.cart_table .item_price {
	width: 100%;
}

div.usccart_navi li.ucart {
	font-size: 10px !important;
	letter-spacing: -1px !important;
}

#top_image object {
	display:none;
}

#top_image img {
	display:block;
}


}

@media screen and (max-width: 320px) {
#header p {
	letter-spacing: -1.5px;
}

div.usccart_navi li.ucart {
	font-size: 10px !important;
	letter-spacing: -1px !important;
}

}

/*** トップページの３列 ***/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.spoon-kak {
	width: 220px;
	height: auto;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}
.spoon-kak:nth-child(4), .spoon-kak:nth-child(7) {
	margin-right: 0px;
}
#spoon a {
	color: #ffffff;
	text-decoration: none;
}
#spoon a:hover {
	color: #ffff00;
}