/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */
 

/* RESET CSS for default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {margin:0px; padding:0px;}
table {border-collapse:collapse; border-spacing:0px;}
fieldset,img {border:0px;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0px;}
   
body * {line-height:1.6em; word-break:break-all;}
/* line-height:1.22em;について */
/*
各フォントサイズ毎に行間を算出する指定です。
この指定を削除すると、全体の行間は統一される為、見た目のレイアウトが変更される場合があります。
*/


body {
	font-family:Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height:140%;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:12px;
	background:url(https://file001.shop-pro.jp/PA01145/129/img/common/body_background.jpg) repeat center top;
	color:#666666;
}

img {
	 vertical-align:bottom; /*Hack for IE6*/
}


/*
.bold {
	font-weight:bold;
}
.cell_mar {
	margin:0px 5px 0px 15px;
	}
*/

a:link    {color:#666666;text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}
a:active  {color:#666666;text-decoration:none;}
a:hover   {color:#55acee;text-decoration:underline;}



#wrapper{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.section{
	margin-bottom:4em;
}
.paragraph{
	margin-bottom:2em;
}

input {
	vertical-align: middle;
}

input,
select {
	color: #555555;
	font-size: 12px;
}


/* ************************************************ 
 *	ヘッダ
 * ************************************************ */

#header{
	position:relative;
	width:960px;
	height:140px;
	background: url(https://file001.shop-pro.jp/PA01145/129/img/header/header_bg.gif) no-repeat left top;
	/*margin-bottom:10px;*/
	margin-bottom: 20px;
}

#header h1{
	position:absolute;
	left:0px;
	top:36px;
}

#btnGuide {
	position: absolute;
	left: 743px;
	top: 15px;
}

#btnInquiry {
	position: absolute;
	left: 859px;
	top: 15px;
}

#btnViewcart {
	position: absolute;
	left: 740px;
	top: 36px;
}

#btnLogin {
	position: absolute;
	left: 740px;
	top: 75px;
}

#btnSubscribe {
	position: absolute;
	left: 855px;
	top: 75px;
}

#headerInfoBox {
	position: absolute;
	left: 255px;
	top: 112px;
	width: 695px;
	height: 15px;
	text-align: right;
	font-size: 12px;
	line-height: 1.4em;
}

.free {
	color: #ef7e09;
}



/* ************************************************ 
 *	右カラム
 * ************************************************ */

#sideCol{
	float:right;
	width:220px;
	display:inline;
	padding-bottom: 30px;
}

#nav {
	width: 220px;
	margin: 20px 0 20px 0;
	border-top: 3px dotted #dddddd;
	border-bottom: 3px dotted #dddddd;
	padding-top: 10px;
	padding-bottom: 20px;
}

.banner {
	margin-bottom: 10px;
}

.sidebarSection {
	width: 220px;
	border-bottom: 3px dotted #dddddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#snsBtnBox {
	position: relative;
	width: 220px;
	height: 46px;
}

#snsTwitter {
	position: absolute;
	left: 0px;
	top: 0px;
}

#snsFacebook {
	position: absolute;
	left: 58px;
	top: 0px;
}

#snsBlog {
	position: absolute;
	left: 116px;
	top: 0px;
}

#snsDiary {
	position: absolute;
	left: 174px;
	top: 0px;
}

.sidebarSection ul{
	margin-left: 2em;
}

.sidebarSection ul li{
	list-style-image:url(https://file001.shop-pro.jp/PA01145/129/img/common/arrow_navy.gif) ;
}



/* ------------------------------------- 
 *	商品カテゴリｰエリア背景色
 * ------------------------------------- */
.side_cat_bg {
	margin-bottom:25px;
	}

.side_cat_text {
	width:195px;
	background:#FFFFFF;
	overflow:hidden;
	}
	
.side_cat_text_group {
	width:195px;
	background:#FFFFFF;
	overflow:hidden;	
}
	
.side_cat_text .st_contents {
	border-top:1px #e6e6e6 solid;
}

.side_cat_text_group .st_contents {
	border-top:1px #e6e6e6 dotted;
}
	
.side_cat_text .st_contents,
.side_cat_text_group .st_contents{
	padding:10px;
	background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/32/left-navi_bg.gif) 0px 0px repeat-y;
	}
	
.side_cat_text .st_contents a,
.side_cat_text_group .st_contents a {
	background:transparent url(https://img.shop-pro.jp/tmpl_img/32/rs_m_rect.gif) 0px 3px no-repeat;
	padding-left:15px;
}
	
.side_cat_img {
	padding:10px 0px 0px;
	}

.side_cat_text a,.side_cat_text_group a                 {color:#666666; text-decoration:underline;}
.side_cat_text a:link ,.side_cat_text_group a:link      {color:#666666; text-decoration:underline;}
.side_cat_text a:visited,.side_cat_text_group a:visited {color:#666666; text-decoration:underline;}
.side_cat_text a:active,.side_cat_text_group a:active   {color:#666666; text-decoration:underline;}
.side_cat_text a:hover,.side_cat_text_group a:hover     {color:#55acee; text-decoration:underline;}

/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:175px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding:5px;
	font-size:10px;
	border-left:3px solid #6699CC;
	border-right:3px solid #6699CC;
	}
.incart_name {
	text-align:left;
}
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
	margin:0;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}	
/* ------------------------------------- 
 *	会員専用ページ
 * ------------------------------------- */
#btn_members_login,
#btn_members_logout,
#btn_members_signup{
	text-align:center;
	}

#btn_members_signup span,
#btn_members_logout span {
	display:block;
	font-size:10px;
	line-height:1.1em;
	padding:8px 0px 3px;
	text-align:center;
	}

/* ------------------------------------- 
 *	商品検索
 * ------------------------------------- */

#searchBox {
	position:relative;
	width: 220px;
	height: 25px;
	background:url(https://file001.shop-pro.jp/PA01145/129/img/common/search_bg.gif) no-repeat left top;	
	margin-bottom: 15px;
}

#searchInput {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 167px;
	height: 25px;
	border: none;
	padding: 0px 0px;
	margin: 0;
	vertical-align: middle;
	background-color: transparent;
}

#searchBtn {
	position: absolute;
	left: 171px;
	top: 0px;
}



/* ************************************************ 
 *	左側メインコンテンツ
 * ************************************************ */

#mainCol{
	float:left;
	width:700px;
	display:inline;
}










/* ************************************************ 
 *	フッターメニュー
 * ************************************************ */

#footerArea{
	clear:both;
	width:100%;
	background:url(https://file001.shop-pro.jp/PA01145/129/img/footer/footer_area_bg.gif) repeat-x center top;
}

#footerPageTopWrap{
	position:relative;
	width:960px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
}

#footerPageTop{
	position:absolute;
	right:0px;
	top:18px;
	width:130px;
	height:20px;
	text-indent:-9999px;
	background-image:url(https://img11.shop-pro.jp/PA01145/129/etc/btn_pagetop.gif?20130310093155);
}

#footerPageTop a{
	overflow:hidden;
	display:block;
	text-decoration:none;
	width:130px;
	height:20px;
	background-image:url(https://img11.shop-pro.jp/PA01145/129/etc/btn_pagetop.gif?20130310093155);
	background-position:0px 0px;
}
#footerPageTop a:hover{
	background-position:0 -20px;
}

#footer{
	clear: both;
	position: relative;
	width: 960px;
	height: 350px;
	background: url(https://file001.shop-pro.jp/PA01145/129/img/footer/footer_bg.gif) repeat-y center top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding-bottom: 30px;
	text-align: left;
}

#footerColumnA{
	position:absolute;
	width:200px;
	left:20px;
	top:0px;
}

#footerColumnB{
	position:absolute;
	width:200px;
	left:260px;
	top:0px;
}

#footerColumnC{
	position:absolute;
	width:200px;
	left:500px;
	top:0px;
}

#footerColumnD{
	position:absolute;
	width:195px;
	left:740px;
	top:0px;
}

#footer h3{
	font-weight:bold;
	min-height:0px;
	margin:0px 0px 10px 0px;
	border:0px;
	line-height:10px;
	font-size:12px;
	color: #ffffff;
}

#footer ul{
	margin:0 0 0 2em;
	font-size:11px;
	line-height:2em;
}

#footer ul li{
	list-style-image:url(https://file001.shop-pro.jp/PA01145/129/img/footer/footer_arrow.gif) ;
}

#footer ul.fcList li a{
	color:#ffffff;
	text-decoration:none;
}

#footer ul.fcList li a:hover{
	color:#99ccff;
	text-decoration:none;
}

.fListSection{
	width:195px;
	border-bottom:1px dashed #9195bf;
	padding-bottom:1em;
	margin-bottom:1em;
}

#copyWrap{
	width:960px;
	height:100px;
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #9195bf;
	margin-top:30px;
	text-align:right;
}

#copyright{
	font-size:11px;
	letter-spacing:1px;
	color:#ffffff;
	margin:5px 0 0 0;
}

#footer a         {color: #ffffff; text-decoration:none;}
#footer a:link    {color: #ffffff; text-decoration:none;}
#footer a:visited {color: #ffffff; text-decoration:none;}
#footer a:active  {color: #ffffff; text-decoration:none;}
#footer a:hover   {color: #99ccff; text-decoration:none;}





/* ************************************************ 
 *	コンテンツ共通
 * ************************************************ */

.main_title {
	width:700px;
	background: url(https://img11.shop-pro.jp/PA01145/129/etc/midashi_head.gif?20130310060637) no-repeat 0px 5px;
	border-bottom: 1px dotted #cccccc;
	font-size:14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom:20px;
	padding-bottom: 5px;
	text-indent:30px;
	text-align: left;
}

.basicPage {
	padding: 19px 0 50px 0;
}

.caution {
	color: #dd4b38;
}

.indTxt {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0.5em;
}

.headInCap {
	background-color: #82a5c8;
	color: #ffffff;
	padding: 2px 0 2px 5px;
	margin: 10px 0 5px;
}

.fpPics {
	margin-bottom: 2em;
}

.caption {
	font-size: 11px;
	margin:0;
}





/* ------------------------------------- 
 *	商品への付加画像　SOLD OUT 表示用
 * ------------------------------------- */
.new_mark_img1{
	vertical-align:middle;	
}




/* ------------------------------------- 
 *	カテゴリトップ画像用
 * ------------------------------------- */
.categoryTopImg{
	margin-bottom:15px;
	margin-top:-23px;
}

.groupInfoTxt{
	font-size:108.4%;
	font-weight:normal;
	line-height:1.8em;
	margin-bottom:1em;
}


/* ------------------------------------- 
 *	オーダーツェラミカ　ページ用
 * ------------------------------------- */
.orderCSec{
	margin-bottom:3em;
}

.orderCSec h3{
	font-size:125%;
	font-weight:normal;
	line-height:1.3em;
	margin-bottom:1em;
	background-color: #eeeeee;
	padding: 5px 10px;
}

.orderCSec p{
	font-size:108.4%;
	font-weight:normal;
	line-height:1.8em;
	margin-bottom:1em;
}

.orderCTab {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 3em;
}

.orderCTab th,
.orderCTab td {
	font-size:108.4%;
	font-weight:normal;
	line-height:1.8em;
	padding: 1em;
	text-align: left;
	vertical-align: top;
	border: 1px solid #cccccc;
}

.orderCTab th {
	background-color: #eeeeee;
	white-space: nowrap;
}

.orderCSec ul,
.ocCaution ul {
	list-style-type:none;
}

.orderCSec ul.orderCList li {
	background-image: url(https://file001.shop-pro.jp/PA01145/129/img/sp/order_ceramika_2015_vena/list_head_kome.gif) ;
	background-repeat:no-repeat;
	background-position:0px 0.4em;
	padding-left: 16px;
	font-size:108.4%;
	line-height:1.8em;
}

.ocCaution ul li {
	background-image: url(https://file001.shop-pro.jp/PA01145/129/img/sp/order_ceramika_2015_vena/list_head_kome_pink.gif) ;
	background-repeat:no-repeat;
	background-position:0px 0.5em;
	padding-left: 16px;
	font-size:125%;
	line-height:1.8em;
	margin-bottom: 0.5em;
	text-justify: inter-ideograph;
}

.ocCaution ul.st li {
	background-position:0px 0.4em;
	font-size:108.4%;
}

.linkTxt {
	color: #1AAFFF;
	text-decoration: underline;
}

.ocCaution {
	width: 100%;
	background-color: #fff2f2;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.ocCaution .inner {
	padding: 30px 40px;
}

.ocCaution ul li strong {
	color: #c54557;
	font-weight: normal;
}







/* ------------------------------------- 
 *	会員専用価格の表示　トップページ用
 * ------------------------------------- */
.regular_price_top {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#999999;
	}

/*
.price_top {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#666666;
	}
*/

.price_top {
	background:#eee;color:#666;padding:1px 10px 0px 10px;font-size:14px;text-align:right;margin:5px auto;
}

.discount_rate_top {
	padding:0px;
	margin:0px;
	color:#333333;
	}
	
.common_image img{
	margin-bottom:15px;
	display:block;
}

	
/* ------------------------------------- 
 *	コンテンツ下部 決済・配送方法指定
 * ------------------------------------- */
#shop_info {
	margin-top:60px;
}

#shop_info_pay .tit,
#shop_info_deli .tit {
	
}

#shop_info .cont {
	padding:15px 20px;
}

#shop_info_pay {background:transparent url(https://img.shop-pro.jp/tmpl_img/32/shop_info_pay_bg.gif) 0px 0px repeat-y;}
#shop_info_deli {background:transparent url(https://img.shop-pro.jp/tmpl_img/32/shop_info_deli_bg.gif) 0px 0px repeat-y;}

#right_pay_deli_bg {
	height:2px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/32/right-pay_deli_bg.gif) 0px 0px no-repeat;
	width:640px;
}




/* ************************************************ 
 *	商品一覧　レイアウト
 * ************************************************ */

/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品一覧）
 * ------------------------------------- */
.sort_01 {
	width:700px;
	height:28px;
	color: #333333;
	/*background:#e7e7e7;*/
	border-bottom: 1px dotted #cccccc;
	margin-top: -10px;
	margin-bottom:1px;
	}

.sort_01 a,
.sort_01 a:link,
.sort_01 a:visited {
	text-decoration:underline;
	color:#0000cc;
	}

.sort_01 a:active,
.sort_01 a:hover {
	text-decoration:underline;
	color:#ee0000;
	}

/* 会員専用価格の表示 商品一覧用 */
.regular_price_all {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#999999;
	}
	
/*
.price_all {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#666666;
	}
*/

.price_all {
	background:#eee;color:#666;padding:1px 10px 0px 10px;font-size:14px;text-align:right;margin:5px auto;
}

.discount_rate_all {
	padding:0px;
	margin:0px;
	color:#333333;
	}




/* ------------------------------------- 
 *	商品一覧表示のレイアウト、
 *	最近チェックした商品のレイアウト
 * ------------------------------------- */
 
 .productListWrap {
	 width: 700px;
	 margin-bottom: 10px;
 }

.product_list,
.checkitem_list {
	float:left;
	width:150px;
	text-align:left;
	margin:0px 33px 20px 0px;
	}

.product_list_last,
.checkitem_list_last {
	float:left;
	width:150px;
	text-align:left;
	margin:0px 0px 20px 0px;
}

/*.product_item {
	text-align:left;
	padding:0px 15px 20px 0px;
	}*/

.product_item img,
.checkitem .ci_img {
	width:150px;
	margin-bottom:5px;
	border:none;
	}

.product_item .name,
.checkitem .name {
	margin: 0px;
	color:#333333;
	line-height: 1.2em;
	height: 60px;
	}

.product_item .name img,
.checkitem .name img {
	vertical-align:middle;
	}

.product_item .price,
.checkitem .price {
	text-align: right;
	margin-top: 5px;
	font-weight:normal;
	}

.product_item .expl {
	color:#333333;
	line-height:120%;
	text-align:left;
	margin:5px 0px;
	}

.product_list a         {color:#666666; text-decoration:none;}
.product_list a:link    {color:#666666; text-decoration:none;}
.product_list a:visited {color:#666666; text-decoration:none;}
.product_list a:active  {color:#666666; text-decoration:underline;}
.product_list a:hover   {color:#55acee; text-decoration:underline;}


/* ------------------------------------- 
 *	ぱんくずリスト
 * ------------------------------------- */

.footstampList {
	
}

.footstampList img {
	vertical-align: middle;
}

.footstamp {
	width:700px;
	color:#666666;
	margin-bottom:50px;
	}

.footstamp a         {color:#666666; text-decoration:none;}
.footstamp a:link    {color:#666666; text-decoration:none;}
.footstamp a:visited {color:#666666; text-decoration:none;}
.footstamp a:active  {color:#666666; text-decoration:none;}
.footstamp a:hover   {color:#55acee; text-decoration:underline;}

.txt-f10 {
	font-size:10px;
	}

.footstamp img {
	vertical-align:middle;
	}

/* ------------------------------------- 
 *	商品が無い時の表示
 * ------------------------------------- */
.nodata {
	padding-top:20px;
	padding-bottom: 70px;
	text-align:center;
	}








/* ************************************************ 
 *	商品詳細　レイアウト
 * ************************************************ */

.detail_cont {
	width:500px;
	margin-left:100px;
}

.detail_img_block {
	width:500px;
}

.detail_txt_block {
	width:500px;
	text-align:left;
}

.detail_img_block img {
	border:none;
}

.product_small_images{
	position:relative;
	width:500px;
	height:85px;
	margin-top:8px;
	margin-bottom:30px;
}

.product_small_images_01{
	position:absolute;
	left:0px;
	top:0px;
}

.product_small_images_02{
	position:absolute;
	left:127px;
	top:0px;
}

.product_small_images_03{
	position:absolute;
	left:254px;
	top:0px;
}

.product_small_images_04{
	position:absolute;
	left:381px;
	top:0px;
}


.product_name h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:30px;
	color:#333333;
}

.expl_block {
	margin-bottom:30px;
}

.detail_img {
	margin-bottom:20px;
}

.detail_other {
	width:405px;
}

.detail_other .sub {
	width:135px;
	float:left;
}

.detail_other .sub img {
	width: 120px;
}



.detail_txt_block_left{
	float:left;
	width:230px;
	/*width:450px;*/
	display:inline;
}

.detail_txt_block_right{
	float:right;
	width:250px;
	/*width:40px;*/
	display:inline;
}


.detail_txt_block table.table {
	width:100%;
	border:none;
	margin-bottom:20px;
}

.detail_txt_block table.table td.tit,
.detail_txt_block table.table td.cont {
	padding:0 0 5px 0;
}

.detail_txt_block table.table td.tit {
	width:100px;
}

.sk_link_other {
	margin-bottom:20px;
}

.txt_option {
	margin-bottom:20px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_option.gif) 0px 3px no-repeat;
	padding-left:15px;
}

.txt_back {
	margin-bottom:10px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_back.gif) 0px 0px no-repeat;
	padding-left:22px;
}

.txt_tell {
	margin-bottom:10px;
}

.no_pdt{
	margin-bottom:10px;
}

.txt_inq {
	margin-bottom:10px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_inq.gif) 0px 0px no-repeat;
	padding-left:22px;
}
.txt_review {
	margin-bottom:10px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_review.gif) 0px 0px no-repeat;
	padding-left:22px;
}
.txt_reviewpost {
	margin-bottom:20px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_post.gif) 0px 0px no-repeat;
	padding-left:22px;
}

/* オプションリンク */
.txt-optionLink {
	margin-bottom:20px;
}

.rs_pd_cart_btn {
	margin-bottom:10px;
}

.btn_quick {
}


/* 会員専用価格の表示 商品詳細用 */	
.regular_price_detail {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#999999;
	}

.price_detail {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#666666;
	font-weight:normal;
	}

.discount_rate_detail {
	padding:0px;
	margin:0px;
	color:#333333;
	}

p#sk_link_other {
	text-align:center;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */
#together {
	margin:65px 0px 0px;
	}

#together .tog_main_title {
	margin:0px 0px 15px;
	}

#together .together_list {
	margin:0px 3px;
	float:left;
	width:175px;
	}

#together .together_list img {
	border:none;
	}

/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */
#trackback {
	margin:30px 0px 15px;
}

#trackback .tb_main_title {
	font-weight:bold;
	margin:0px 0px 5px;
}


#trackback .tb_url {
	padding:6px 8px;
	border:1px solid #e7e7e7;
	}

#trackback .tb {
	}

#trackback .tb_date {
	padding:10px 0px;
	}

#trackback .tb_title {
	padding:0px 0px 10px;
	}

#trackback .tb_body {
	line-height:150%;
	padding:10px 0px;
	border-top:1px dotted #e7e7e7;
	border-bottom:1px dotted #e7e7e7;
	}

#trackback .tb_state {
	padding:0px;
	}

/* ************************************************ 
 *	商品オプションページ
 * ************************************************ */
#Option .main_title {
	margin:15px auto;
	padding:5px 0px;
	background:#e7e7e7;
	height:auto;
	width:564px;
}

#Option .main_title .cont {
	padding:0px 5px;
}
 
 
#Option .option_table {
	width:564px;
	margin-bottom:5px;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	}

#Option .option_cell1 {
	text-align:left;
	font-weight:normal;
	padding:5px 5px 5px 6px;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	}

#Option .option_cell2 {
	text-align:left;
	padding:5px;
	background-color:#FFFFFF;
	padding:2px 6px 2px 6px;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	}

#Option .option_cell3 {
	text-align:left;
	padding:5px;
	background-color:#FFFFFF;
	padding:2px 10px 2px 6px;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	}

div#Option table.main_title td{
	text-align:left;
}

/* 会員専用価格の表示 オプション用 */
.regular_price_stock {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#333333;
	}

.price_detail_stock {
	padding:0px;
	margin:0px;
	}

.discount_rate_stock {
	padding:0px;
	margin:0px;
	color:#333333;
	}







	





/* ************************************************ 
 *	float解除
 * ************************************************ */


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:
	hidden;
	}
	
.clearfix {
	display:inline-block;
	}
	
/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
	}
	
.clearfix {
	display: block;
	}
/* End hide from IE-mac */

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 10px;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}








/* ------------------------------------- 
 *	アコーディオンナビゲーション
 * ------------------------------------- */
 
 
ul.naviCeramika {
	width:220px;
	margin:0px;
}

ul.naviCeramika, ul.menuCeramika {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.categoryCeramika {
	margin-top:5px;
	height: 50px;
	line-height: 50px;
	cursor:pointer;
}

/*div.open {
	background:url("images/category_minus.gif");
	color: #fff;
}*/

/*ul.menuCeramika{
	margin-left: 15px;
}*/

ul.menuCeramika a{
	display:block;
	height: 35px;
	line-height: 35px;
	/*color: #164158;*/
	color: #666666;
}

ul.menuCeramika li{
	/*background-color: #f6f1eb;*/
	border-bottom: 1px dotted #cccccc;
	margin:2px 0;
	background-color: rgba(255,255,255,0.50);
	text-indent: 15px;
}

ul.menuCeramika li.rollover{
	text-decoration: none;
	background-color: rgba(255,255,255,0.30);
}
/*
a {
	text-decoration:none;
}
 
*/ 
 















 
 
 /* ************************************************ 
 * ------------------------------------------------
 *	フリーページ設定
 * ------------------------------------------------
 * ************************************************ */
 
 .freepageBody {
	padding-bottom: 50px; 
 }
 
 .kobeTel{
	font-size:200%;
	font-weight:bold;
	display:block;
	margin:5px 0;
}

.eventTab{
	width:100%;
	border-collapse:collapse;
}

.eventTab th,
.eventTab td{
	font-size:100%;
	line-height:1.6em;
	text-align:left;
	vertical-align:middle;
	/*border:1px solid #ad9e9a;*/
	border:1px solid #cccccc;
	padding:10px;
}
.eventTab th{
	background-color:#eeeeee;
}

.eventTab td{
	
}

.blue{
	color:#5e6295;
}

#kobeAddress h3{
	font-size:125%;
	font-weight:bold;
	color:#463733;
	margin-bottom:10px;
}


.blogTxtLink {
	padding: 20px 0;
}

.blogTxtLink a {
	text-decoration: underline;
}


.freepageContents {
	width: 500px;
	margin: 0 auto;
}

.freepageContents h2{
	font-size: 140%;
	font-weight: normal;
	color: #315eb9;
	line-height:1.4em;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 3px dotted #cccccc;
}

.freepageContents h3,
.storeList h3{
	font-size: 125%;
	font-weight: bold;
	line-height:1.4em;
	margin-bottom: 10px;
}

.freepageContents p {
	line-height:2em;
	margin-bottom:1em;
	text-align:justify;
	text-justify:inter-ideograph;
}

.freepageTitle {
	margin-bottom: 80px;
}

.storeList {
	margin-bottom: 20px;
	padding-bottom: 10px;
	/*border-bottom: 3px dotted #cccccc;*/
	border-bottom: 1px dotted #cccccc;
}

.storeList p {
	line-height:1.3em;
	margin-bottom:1em;
}

.storeListHead span {
	background-color: #232b7f;
	font-size: 93%;
	color: #ffffff;
	padding: 3px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.storeListAddress p {
	line-height: 1.8em;
}

.storeListAddress p span {
	color: #232b7f;
	margin-right: 5px;
}

.storeListTel {
	font-size: 200%;
}

.storeTitleCap {
	font-size: 93%;
	text-align: right;
	margin-top: -4em;
	margin-bottom: 4em;
}

.area {
	background-color: #eeeeee;
	padding: 5px 10px;
	margin: 0 0 3em 0;
	
}



.welcomeContents {
	width: 650px;
	margin: 0 auto;
}

.welcomeContents h2{
	font-size: 140%;
	font-weight: normal;
	color: #315eb9;
	line-height:1.4em;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 3px dotted #cccccc;
}

.normalUL ul li {
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 0.5em;
}

.normalOL ol li {
	list-style-type: decimal;
	margin-left: 2em;
	margin-bottom: 0.5em;
}





/*
-----------------------------*/

div.infoContents {
	width: 650px;
	margin: 0 auto;
	padding-bottom: 30px;
}

div.infoContents h2 {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3em;
}

div.infoContents p {
	font-size: 125%;
	line-height:2em;
	margin-bottom:1em;
	text-align:justify;
	text-justify:inter-ideograph;
}

.infoConTab{
	width:100%;
	border-collapse:collapse;
}

.infoConTab th,
.infoConTab td{
	font-size:125%;
	line-height:1.6em;
	text-align:left;
	vertical-align:middle;
	/*border:1px solid #ad9e9a;*/
	border:1px solid #cccccc;
	padding:10px;
}
.infoConTab th{
	background-color:#eeeeee;
}

.infoConTab td{
	
}

.txtHead {
	padding-top: 30px;
}











 /* ************************************************ 
 * ------------------------------------------------
 *	グループ一覧ページ設定
 * ------------------------------------------------
 * ************************************************ */
 
 .groupInfoWrap {
	 width: 700px;
	 overflow: hidden;
 }
 
 .groupInfoA {
	 float: left;
	 display: inline;
	 width: 333px;
 }
  
 .groupInfoB {
	 float: right;
	 display: inline;
	 width: 333px;
 }
 
 
  /* ************************************************ 
 * ------------------------------------------------
 *	一覧用テーブル設定
 * ------------------------------------------------
 * ************************************************ */
 
 
 .ichiranBox {
	 width: 700px;
	 border-collapse: collapse;
 }
 
 .ichiranBox td {
	 text-align: left;
	 vertical-align: top;
	 border: none;
 }
 
  .ichiranBox td p {
	 font-size: 100%;
	 line-height: 1.4em;
 }
 
 .iBox {
	 width: 150px;
 }
 
 .mgTd {
	 width: 33px;
 }
 
 .pics {
	margin-bottom: 5px; 
 }
 
 
 
 
 
 
  .iBox3col {
	 width: 215px;
 }
 
 .mgTd3col {
	 width: 27px;
 }
 
 .iBox3col p {
	text-align: justify;
	text-justify: inter-ideograph;
 }
 
 .iBox3col strong {
	 font-weight: bold;
	 text-decoration: underline;
 }















.infoBoxGrey {
	background-color:#eeeeee;
	padding:20px;
	margin:15px 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}






a.btn-animation {
  display: inline-block;
  text-align: center;
  background-color: #23317c;
  border: 2px solid #23317c;
  font-size: 16px;
  color: #23317c;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
}

a.btn-animation span {
  position: relative;
  z-index: 1;
}

a.btn-animation::before,
a.btn-animation::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
a.btn-animation::before {
  left: 0;
}
a.btn-animation::after {
  right: 0;
}

a.btn-animation:hover:before,
a.btn-animation:hover:after {
  width: 0;
  background-color: #FFF;
}

a.btn-animation:hover {
  color: #FFF;
}




  /*
************************************************ */

@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.blink {
	animation: blinking 2s ease-in-out infinite alternate;
}
.info-banner {
  box-sizing: border-box;
  width: 220px;
  border: 1px solid #cc0000;
  border-radius: 5px;
}
.info-banner .inner {
  padding: 10px;
  text-align: center;
}
.info-banner a {
  display: block;
  text-decoration: none;
  color: #333;
}
.new-icon {
  display: block;
  background: #cc0000;
  border-radius: 4px;
  color: #fff;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.info-caption {
  	font-size: smaller;
}


/* 福袋2023
-----------------------------*/

html {
	scroll-behavior: smooth;
}
.normalTxt {
  font-size: 14px;
  line-height: 1.8em;
}
.fpLead{
  margin: 50px 0;
}
.txtRed {
  color: #cc0000;
}
.markerY {
  border-bottom: 5px solid yellow;
}
.innerlinkWrap {
  width: 700px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 80px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.innerlink {
  width: 49%;
  margin-bottom: 15px;
}
.innerlink a.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 0.5rem;
}
.innerlink a.btn {
  color: #fff;
  background-color: #7ab849;
}
.innerlink a.btn:hover {
  color: #fff;
  background: #cc323a;
}
.innerlink span {
  font-size: 16px;
}
.innerlink .uc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 0.5rem;
  color: #999;
  background-color: #ccc;
}
.hbSection {
  margin-bottom: 100px;
}
.hbHeading {
  margin-bottom: 30px;
}
.setCategory {
  margin-bottom: 100px;
}
.setCategory .main_title {
  margin-bottom: 30px!important;
}
.setHB {
  width: 700px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.setHB h2 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 10px 0 15px;
  line-height: 1.2em;
  background-color: #df262b;
  padding: 5px 10px;
}
.setHB h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px;
  line-height: 1.3em;
}
.setHB ul {
  margin-left: 1.5em;
}
.setHB ul li {
  list-style: disc;
}
.setHBbody {
  width: 700px;
  display: flex;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.setHBinfo {
  width: 380px;
}
.setHBbtn {
  width: 300px;
  padding-top: 20px;
}
.btnHB {
  width: 245px; 
}
.btnInfo {
  background: #cc0000;
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  font-weight: bold;
}



/* 新スライド202409
-----------------------------*/
.swiper {
  width: 960px;
  height: 290px;
}

.slide-container {
  	position: relative;
	margin-bottom: 20px;
}
.swiper-pagination {
  bottom: -20px !important;
}
.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  margin: 0 7px !important;
  background-color: #cccccc !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active {
  background-color: #252d7a !important;
}
