@charset "utf-8";
/* CSS Document */




/* ////////////////////////////////////// */
/* 共通 */
/* ////////////////////////////////////// */


.sp {

	display: none !important;

}

.pc {

	display: block !important;

}

.pc_inline {

	display: inline !important;

}

.sp_inline {

	display: none !important;

}

.table_pc {

	display: table-cell !important;

}

.table_sp {

	display: none !important;

}

body, html {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

}

body {

	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka", Arial, Verdana, sans-serif;

	font-size: 80%;
	letter-spacing: 0.03em;

	color: #333333;

}

body#bg {

	background: url(https://www.seicomart.co.jp/images/background.jpg) no-repeat top center #FFFFFF;

}

.content_border {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 970px;
	height: auto;

	border: 1px;
	border-style: none solid none solid;
	border-color: #cccccc;

}

/* 凡庸ボタン */

ul.button_area {

	margin: 1em 0 1em 0;
	padding: 0;

	width: 100%;
	height: auto;

	text-align: center;

	list-style: none;

}

ul.button_area li {

	margin: 0 1em 0 1em;

	display: inline-block;
	vertical-align: middle;

}

ul.button_area li .pdf_area {

	margin: 0 auto 0 auto;

	width: auto;

}

ul.button_area li a {

	text-decoration: none;

}

/* ボタン右寄せ */

ul.button_area_rt {

	margin: 1em 0 1em 0;
	padding: 0;

	width: 100%;
	height: auto;

	text-align: right;

	list-style: none;

}

ul.button_area_rt li {

	margin: 0 1em 0 1em;

	display: inline-block;
	vertical-align: middle;

}

ul.button_area_rt li .pdf_area {

	margin: 0 auto 0 auto;

	width: auto;

}

ul.button_area_rt li a {

	text-decoration: none;

}

a .button {

	margin: 0;
	padding: 0.5em 1em 0.5em 1em;

	min-width: 200px;
	height: auto;

	color: #ffffff;
	font-size: 1.3em;
	text-align: center;

	background: #ff9900;

	border-radius: 5px;

	display: block;

}

a .button:hover {

	opacity: 0.5;

}


/* pdfリンク */

.pdf_area {

	position: relative;

	margin: 1em 0 1em 0;
	padding: 0 0 0 40px;

	width: 160px;
	height: auto;

	text-align: left;

	display: block;

}

.pdf_area:before {

	position: absolute;
	top: 50%;
	left: 0;

	content: url(https://www.seicomart.co.jp/images/pdficon_large.png) ;

	margin-top: -16px;
	padding: 0;

}

.pdf_area_large {

	position: relative;

	margin: 1em 0 1em 0;
	padding: 0 0 0 40px;

	width: auto;
	height: auto;

	text-align: left;

	display: block;

}

.pdf_area_large:before {

	position: absolute;
	top: 50%;
	left: 0;

	content: url(https://www.seicomart.co.jp/images/pdficon_large.png) ;

	margin-top: -16px;
	padding: 0;

}

/* get adobeリンク */

.adobe_area {

	margin: 1em 0 1em 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.adobe_area_2nd {

	margin: 2em 0 1em 0;
	padding: 0 4% 0 4%;

	width: 92%;
	height: auto;

}

.get_adobe {

	margin: 0.5em 0 0 0;

	width: 158px;
	height: 39px;

}


/* テキスト */

p {

	margin: 1em 0 1em 0;
	padding: 0;

}

.bold {

	font-weight: bold;

}

.indent {

	padding-left: 1em !important;

	text-indent: -1em;

}

.font50 {

	font-size: 0.50em;
	line-height: 160%;

}

.font80 {

	font-size: 0.80em;
	line-height: 160%;

}

.font85 {

	font-size: 0.85em;

}

.font120 {

	font-size: 120%;

}

.font150 {

	font-size: 150%;
	line-height: 160%;

}

.font180 {

	font-size: 180%;
	line-height: 160%;

}

.t_left {

	text-align: left;

}

.t_right {

	text-align: right;

}

.t_center {
	position: relative;
	text-align: center;
}

.color_red {

	color: #ee0000;

}

.color_black {

	color: #333333;

}

/* 罫線 */

hr {

	margin: 0.5em 0 0.5em 0;
	padding: 0;

	width: 100%;
	height: 0;

	border: 1px;
	border-style: solid none none none;
	border-color: #cccccc;

}

hr.dot {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 3px;

	background: url(https://www.seicomart.co.jp/images/dot_line.gif) repeat-x top left;

	border: 0;

}

/* リンク */

a {

 color: #ff4400;

}

a:visited {

	color:#ff6622;

}

a:active {

	color:#0088ff;

}

a:hover {

	color:#880000;

}

a:hover img {

	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";

}

.link_ic {

	position: relative;

	margin: 0;
	padding: 0 0 0 20px;

	vertical-align: middle;

}

.link_ic:before {

	content: url(https://www.seicomart.co.jp/images/link_ic_s.png);

	position: absolute;
	top: 1px;
	left: 0;

	margin: 0 5px 0 0;
	padding: 0;

}

.no_line {

	color: #333333;

	text-decoration: none;

}

.no_line:visited {

	color: #333333;

}

.no_line:hover {

	color: #ff6622;
	text-decoration: underline;

}

/* 画像 */

img {

	margin: 0;
	padding: 0;

	border: 0;

	vertical-align: bottom;

}

.fit100 {

	width: 100%;
	height: auto;

}

.pamph_thumb {

	width: 155px;
	height: auto;

}


/* レイアウト */

.content_inner {

	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;

	width: 970px;
	height: auto;

	background: #ffffff;

}

.f_left {

	float: left;

}

.f_right {

	float: right;

}

.disp_table {

	display: table;

}


/* 余白 */

.mar_auto {

	margin-left: auto !important;
	margin-right: auto !important;

}

.mar_off {

	margin: 0 !important;

}

.mar_top_0 {

	margin-top: 0 !important;

}

.mar_btm_0 {

	margin-bottom: 0 !important;

}

.mar_top_btm_0 {

	margin-top: 0 !important;
	margin-bottom: 0 !important;

}

.mar_top_btm_1em {

	margin-top: 1em !important;
	margin-bottom: 1em !important;

}

.mar_lf_05 {

	margin-left: 0.5em !important;

}

.pad_lf_05 {

	padding-left: 0.5em !important;

}

.pad_lr_30 {

	padding-left: 30px !important;
	padding-right: 30px !important;

}

.pad_1em {

	padding: 1em !important;

}

.space_1 {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 1em;

	display: block;

}

.space_2 {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 2em;

	display: block;

}

.space_3 {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 3em;

	display: block;

}

/* ボーダー */

.radius {

	border-radius: 10px;

}

.border_orange {

	border: 2px;
	border-style: solid;
	border-color: #ff9900;

}

.border_red {

	border: 2px;
	border-style: solid;
	border-color: #ee0000;

}

.border_lf {

	border: 1px;
	border-style: none none none solid;

}

.bor_clr_white {

	border-color: #ffffff;

}

/* 横幅 */

.w30 {

	width: 30%;

}

.w40 {

	width: 40%;

}

.w45 {

	width: 45%; 

}

.w60 {

	width: 60%;

}

.w65 {

	width: 65%;

}

.w70 {

	width: 70%;

}

.w80 {

	width: 80%;

}

.print_area {

	margin: 0 auto 0 auto;

	width: 90%;
	height: auto;

}

/* リストタグ */

ul.normal {

	margin: 1em 0 1em 0;
	padding: 0;

	width: 100%;
	height: auto;

	list-style: none;

	display: block;

}

ul.normal li {

	margin: 0;
	padding: 0;

}

ul.list_dot {

	margin: 1em 0 1em 0;
	padding: 0;

	width: 100%;
	height: auto;

	display: block;

}

ul.list_dot li {

	margin: 0 0.5em 0 1.3em;
	padding: 0;

	letter-spacing: 0;

}

/* ボタン 20180712追加 */

input.button {

	margin: 0 55px 0 0;
	padding: 10px;

	width: auto;
	height: auto;

	color: #ffffff;
	font-weight: bold;

	width: 220px;
	height: auto;

	font-size: 1.3em;
	text-align: center;

	border: 0;
	border-radius: 5px;

	background: #ff9900;

	float: right;

	cursor: pointer;

	display: block;

}

input.button:hover {

	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

/* 左右レイアウト */

.cl2_lf {

	margin: 0;
	padding: 0 10px 0 10px;

	width: 320px;
	height: auto;

	float: left;

}

.cl2_rt {

	margin: 0;
	padding: 0 10px 0 10px;

	width: 320px;
	height: auto;

	float: right;

}

.cl2_lf_50 {

	margin: 0;
	padding: 0;

	width: 50%;
	height: auto;

	float: left;

}

.cl2_rt_50 {

	margin: 0;
	padding: 0;

	width: 50%;
	height: auto;

	float: right;

}

/* 左カラム */

#cnt_lf {

	margin: 0;
	padding: 20px 0 10px 0;

	width: 774px;
	height: auto;

	float: left;

}

.cnt_lf_btm {

	margin: 0;
	padding: 20px 0 10px 0;

	width: 774px;
	height: auto;

	float: left;

}

/* 左カラム第二階層 */

#cnt_lf_2nd {

	margin: 0;
	padding: 0 0 0 30px;

	width: 690px;
	height: auto;

	float: left;

}

.cnt_lf_btm_2nd {

	margin: 0;
	padding: 0 0 0 30px;

	width: 690px;
	height: auto;

	float: left;

}


/* 右カラム */

#cnt_rt {

	margin: 0;
	padding: 20px 0 10px 0;

	width: 177px;
	height: auto;

	float: right;

}

#cnt_rt .ban_area {

	width: 100%;
	height: auto;

	text-align: center;

}

#cnt_rt .ban_area a {

	display: inline;

}

#cnt_rt .ban_area img {

	margin: 2px 0 2px 0;

}

/* 右カラム第二階層 */

#cnt_rt_2nd {

	margin: 0 17px 0 0;
	padding: 0;

	width: 190px;
	height: auto;

	float: right;

}

#cnt_rt_2nd .ban_area {

	width: 100%;
	height: auto;

	text-align: center;

}

#cnt_rt_2nd .ban_area a {

	display: inline;

}

#cnt_rt_2nd .ban_area img {

	margin: 5px 0 5px 0;
	padding: 0;

}

.r_ban_sp {

	display: none;

}

/* 下線付きタイトル・文章インデントあり */

.row_indent {

	margin: 1em 0 1em 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.row_indent h3 {

	margin: 10px 0 15px 0;
	padding: 0.1em 0 0.1em 0;

	font-size: 1.4em;

	border: 1px;
	border-style: none none solid none;
	border-color: #FF6600;

}

.row_indent h3.color_orange {

	margin: 10px 0 15px 0;
	padding: 0.1em 0 0.1em 0;

	color: #f38117;
	font-size: 1.4em;

	border: 0;

}

.row_indent h4 {

	margin: 0.3em 0 0.3em 15px;

	font-size: 1.3em;

}

.row_indent p {

	margin: 1em 0 1em 15px;

}

.row_indent .link_area {

	margin: 0.5em 0 0.5em 15px;
	padding: 0 0 0 25px;

}

.row_indent .pdf_area,
.row_indent .pdf_area_large {

	margin-left: 30px;

}

.row_indent .link_area a {

	position: relative;

	color: #ff9900;

	font-size: 1.2em;

	text-decoration: none;

	display: inline-block;

}

.row_indent .link_area a:hover {

	color: #333333;
	text-decoration: underline;

}

.row_indent .link_area a:before {

	content: url(https://www.seicomart.co.jp/images/h3_icon.gif);

	position: absolute;
	top: 50%;
	left: -25px;

	margin-top: -11px;

}

.row_indent ul {

	margin: 1em 0 1em 0;
	padding: 0 0 0 4.5%;

	list-style: none;

	width: 93%;
	height: auto;

}

.row_indent ul li p {

	margin: 0.5em 0 0.5em 0;

}

.row_indent ol {

	margin: 1em 0 1em 0;
	padding: 0 0 0 7%;

	width: 93%;
	height: auto;

}

.row_indent ol li p {

	margin: 0.5em 0 0.5em 0;

}

.row_indent ul.dot {

	margin: 1em 0 1em 0;
	padding: 0 0 0 7%;

	width: 93%;
	height: auto;

	list-style: disc;

}

.row_indent ul.dot li p {

	margin: 0.5em 0 0.5em 0;

}

.row_indent ol li ul.dot,
.row_indent ul li ul.dot,
.row_indent ul.dot li ul.dot {

	margin-left: 15px;
	padding: 0;

	list-style: disc;

}

/* 第二階層ページタイトル */

.title_area {

	margin: 0;
	padding: 3px 30px 0 30px;

	width: 910px;
	height: auto;

}

.title_area h2 {

	margin: 0;
	padding: 0;

	font-size: 2em;
	color: #f38117;

}

/* 右ナビ */

.r_nav {

	margin: 0 0 1em 0;
	padding: 0;

	width: 100%;
	height: auto;

	font-size: 0.9em;

	background: #EFEFEF;

}

.r_nav h2 {

	margin: 0;
	padding: 0.5em 0 0.5em 5%;

	width: 95%;
	height: auto;

	font-size: 1.3em;
	color: #ffffff;

	background: -moz-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC566), to(#FF7E00));
	background: -o-linear-gradient(#FFC566, #FF7E00);
	background: linear-gradient(to bottom, #FFC566, #FF7E00);
	background: linear-gradient(#FFC566, #FF7E00);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFC566, endcolorstr=#FF7E00))";

}

.r_nav p {

	margin: 1em 0 1em 0.5em;

}

.r_nav a {

	position: relative;

	margin: 0;
	padding: 0 20px 0 20px;

	color: #827b6b;

	vertical-align: middle;

	text-decoration: none;
	
	display: inline-block;

}

.r_nav a:before {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;

	content: "";

	width: 17px;
	height: 17px;

	background: url(https://www.seicomart.co.jp/images/link_ic.png) no-repeat left top;
	background-size: 100%;

}

.r_nav a:hover {

	color: #ff4400;
	text-decoration: underline;

}


/* SNSエリア */

.sns_area {

	margin: 0;
	padding: 0;

	width: 190px;
	height: auto;

	text-align: left;

}

.sns_area ul {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.sns_area ul li {

	margin: 0 1px 0 0;
	padding: 0;

	height: 21px;

	list-style: none;

	display: inline-block;

	text-align: left;

	vertical-align: middle;

}




/* ////////////////////////////////////// */
/* header */
/* ////////////////////////////////////// */



#header {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

	clear: both;

}

#header .content_inner {

	padding: 0;

	width: 970px;
	height: 74px;

}

#header_bg {

	background: url(https://www.seicomart.co.jp/images/header.jpg) no-repeat top center;

}

.search_area {

	margin: 0;
	padding: 25px 0 0 0;

	width: 270px;
	height: auto;

}

.search_top {

	margin: 0;
	padding: 10px 0 0 0;

	width: 210px;
	height: auto;

	text-align: center;

}

.search_bottom {

	margin: 0;
	padding: 0 0 0 30px;

	width: 210px;
	height: auto;

	text-align: left;

}


/* ////////////////////////////////////// */
/* navigation */
/* ////////////////////////////////////// */

#nav_2nd {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 970px;
	height: auto;

	background: #ffffff;

}

.menu_area {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 970px;
	height: auto;

}

.menu_1st {

	margin: 0;
	padding: 0 0 5px 0;

	width: 100%;
	height: 40px;

	text-align: center;

}

.menu_1st ul {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.menu_1st ul li {

	list-style: none;
	display: inline-block;

}

#menu_001 {

	margin: 0;
	padding: 0;

	width: 147px;
	height: 40px;

	background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat 0 0;

	display: block;

}

#menu_002 {

	margin: 0;
	padding: 0;

	width: 148px;
	height: 40px;

	background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -147px 0;

	display: block;

}

#menu_003 {

	margin: 0;
	padding: 0;

	width: 210px;
	height: 40px;

	background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -295px 0;

	display: block;

}

#menu_004 {

	margin: 0;
	padding: 0;

	width: 115px;
	height: 40px;

	background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -505px 0;

	display: block;

}

#menu_005 {

	margin: 0;
	padding: 0;

	width: 138px;
	height: 40px;

	background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -620px 0;

	display: block;

}

#menu_006 {

	margin: 0;
	padding: 0;

	width: 212px;
	height: 40px;

	background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -758px 0;

	display: block;

}

a #menu_001:hover { background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat 0 -41px; }
a #menu_002:hover { background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -147px -41px; }
a #menu_003:hover { background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -295px -41px; }
a #menu_004:hover { background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -505px -41px; }
a #menu_005:hover { background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -620px -41px; }
a #menu_006:hover { background: url(https://www.seicomart.co.jp/images/mainmenu.gif) no-repeat -758px -41px; }

.menu_2nd {

	margin: 0;
	padding: 0 30px 0 30px;

	width: 910px;
	height: 35px;

	text-align: left;

	background: url(https://www.seicomart.co.jp/images/instore/instore_submenu_background.gif) repeat-x top left;

}

.menu_2nd ul {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.menu_2nd ul li {

	margin: 0 28px 0 10px;
	padding: 7px 0 0 0;

	font-size: 112%;
	font-weight: bold;

	list-style: none;
	display: inline-block;

}

.menu_2nd a {

	color: #fa9601;
	text-decoration: none;

}

.menu_2nd a:hover {

	color:#666666;
	text-decoration: underline;

}

.menu_link {

	margin: 0;
	padding: 0;

}

.bread_crumb {

	margin: 0 auto 0 auto;
	padding: 0 30px 0 30px;

	width: 910px;
	height: auto;

}

.bread_crumb ul {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.bread_crumb ul li {

	position: relative;

	margin: 0 0.5em 0 0;
	padding: 0 2em 0 0;

	font-size: 85%;

	list-style: none;
	display: inline-block;

	vertical-align: middle;

}

.bread_crumb ul li:after {

	position: absolute;
	right: 3%;

	content: ">";

}

.bread_crumb ul li:last-child:after {

	content: "";

}

.bread_crumb ul li a {

	vertical-align: middle;

}


/* ////////////////////////////////////// */
/* main */
/* ////////////////////////////////////// */




#content {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

	clear: both;

}




/* TOPページ */

.content_inner_top {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 970px;
	height: auto;

	background: none;

}

/* スライドバナーエリア */

#slider_area {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 333px;

	background: none;

	clear: both;

}

#slider {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 970px;
	height: 308px;

	background: none;

}

#slider img {

	width: 970px;
	height: 308px;

}

#slider a img:hover {

	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";

}

#slider_nav_wrap {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 970px;
	height: 25px;

	background: #d1d1d1;

	text-align: center;

}

#slider_nav {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 100%;
	height: auto;

	list-style: none;

	text-align: center;

}

#slider_nav li {

	display: inline-block;

}

#slider_nav img:hover {

	cursor: pointer;

}


/* 緊急告知エリア */

#info_area {

	margin: 0 0 20px 0;
	padding: 2% 1% 2% 1%;

	width: 98%;
	height: auto;

	background: #ffffff;

	border: 1px;
	border-style: solid;
	border-color: #97ABAC;

	text-align: center;

}

#info_area p.mincho {

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;

}

#info_area p.mincho_large {

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-size: 1.3em;
	font-weight: normal;

}

/* コンテンツバナーエリア */

.top_content_area {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

	clear: both;

}

#top_new {

	margin: 0;
	padding: 0;

	width: 250px;
	height: 25px;

	background: url(https://www.seicomart.co.jp/images/top/toinstore_new.gif) no-repeat left top;

}

#top_hotchef {

	margin: 0;
	padding: 0;

	width: 250px;
	height: 25px;

	background: url(https://www.seicomart.co.jp/images/top/toinstore_hc.gif) no-repeat left top;

}

#top_info {

	margin: 0;
	padding: 0;

	width: 250px;
	height: 25px;

	background: url(https://www.seicomart.co.jp/images/top/toinstore_info.gif) no-repeat left top;

}

#top_reserve {

	margin: 0;
	padding: 0;

	width: 250px;
	height: 25px;

	background: url(https://www.seicomart.co.jp/images/top/toinstore_reserve.gif) no-repeat left top;

}

#top_campaign {

	margin: 0;
	padding: 0;

	width: 250px;
	height: 25px;

	background: url(https://www.seicomart.co.jp/images/top/toinstore_campaign.gif) no-repeat left top;

}

#top_wine {

	margin: 0;
	padding: 0;

	width: 250px;
	height: 25px;

	background: url(https://www.seicomart.co.jp/images/top/toinstore_wine.gif) no-repeat left top;

}

.top_date {

	margin: 2px 2px 0 0;
	padding: 2px 0 2px 0;

	width: 69px;
	height: 17px;

	font-size: 85%;
	font-weight: bold;
	color: #ffffff;

	text-align: center;

	background: #1529ac;

	float: right;

}

.top_content_area .cl3_lf {

	margin: 0 0 7px 0;
	padding: 0;

	width: 250px;
	height: 173px;

	border: 1px;
	border-style: solid;
	border-color: #cccccc;

	background: #ffffff;

	border-radius: 0px 4px 4px;
	-webkit-border-radius: 0px 2px 2px;
	-moz-border-radius: 0px 4px 4px;

	box-shadow: rgba(113, 135, 164, 0.74902) 2px 2px 3px -2px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.74902) 2px 2px 3px -2px;

	float: left;

}

.top_content_area .cl3_cn {

	margin: 0 9px 7px 9px;
	padding: 0;

	width: 250px;
	height: 173px;

	border: 1px;
	border-style: solid;
	border-color: #cccccc;

	background: #ffffff;

	border-radius: 0px 4px 4px;
	-webkit-border-radius: 0px 2px 2px;
	-moz-border-radius: 0px 4px 4px;

	box-shadow: rgba(113, 135, 164, 0.74902) 2px 2px 3px -2px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.74902) 2px 2px 3px -2px;

	float: left;

}

.top_content_area .cl3_rt {

	margin: 0 0 7px 0;
	padding: 0;

	width: 250px;
	height: 173px;

	border: 1px;
	border-style: solid;
	border-color: #cccccc;

	background: #ffffff;

	border-radius: 0px 4px 4px;
	-webkit-border-radius: 0px 2px 2px;
	-moz-border-radius: 0px 4px 4px;

	box-shadow: rgba(113, 135, 164, 0.74902) 2px 2px 3px -2px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.74902) 2px 2px 3px -2px;

	float: right;

}


.top_content_area a {

	text-decoration: none;
	color: #827b6b;

}

.top_content_area a:hover {

	text-decoration: underline;
	color: #ff4400;

}

p.toinstore {

	margin: 5px 0 0 0;
	padding: 0 0.7em 0 0.7em;

	font-size: 90%;

}

/* 予約バナーエリア */

.reserve_area {

	margin: 10px 0 10px 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.reserve_row {

	margin: 10px 0 10px 0;
	padding: 3px;

	width: 768px;
	height: auto;

	background: rgb(215, 251, 211);

}

.reserve_area img {

	width: 100%;
	height: auto;

}

/* TOPページ　プレスリリース */

.release_area_wrap {

	margin: 0;
	padding: 20px 0 10px 0;

	width: 774px;
	height: auto;

	float: left;

}

#release_area {

	margin: 0 0 10px 0;
	padding: 0 0 20px 0;

	width: 774px;
	height: auto;

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;

	background: #ffffff;

}

table.release {

	margin: 10px 0 0 0;
	padding: 0;

	width: 96%;
	height: auto;

	border-collapse: collapse;

	border-spacing: 0;

}

table.release tr th {

	margin: 0;
	padding: 3px 1.5% 2px 3%;

	width: 18%;
	height: auto;

	font-weight: normal;

	text-align: left;
	vertical-align: top;

}

table.release tr td {

	margin: 0;
	padding: 3px 3% 2px 0;

	width: 80%;
	height: auto;

	vertical-align: middle;

}



/* ////////////////////////////////////// */
/* 第二階層 */
/* ////////////////////////////////////// */

h3.instore {

	margin: 10px 0 15px 0;
	padding: 0.1em 0 0.1em 0;

	font-size: 1.4em;

	border: 1px;
	border-style: none none solid none;
	border-color: #FF6600;

}

h3.instore_s {

	margin: 7px 0 7px 0;
	padding: 0.1em 0 0.1em 0;

	font-size: 1.4em;

	border: 1px;
	border-style: none none solid none;
	border-color: #FF6600;

}

.strg_img {

	position: relative;

	margin: 0;
	padding: 0;

	width: 680px;
	height: 300px;

}

.strg_img img {

	position: absolute;

	top: 0;
	left: 0;

	z-index: 100;

}

.comment_area {

	position: absolute;

	top: 0;
	right: 0;

	margin: 0;
	padding: 20px 5px 0 0;

	width: 560px;
	height: auto;

	z-index: 200;

}

.comment_area p {

	font-weight: bold;

	font-size: 1.2em;

	line-height: 130%;

	color: #ffffff;

	text-shadow: 1px 1px 1px #330000, -1px 1px 1px #330000, 1px -1px 1px #330000, -1px -1px 1px #330000;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#330000,offx=1,offy=1)"

}

.date {

	position: absolute;

	margin: 10px 0 0 10px;
	padding: 0;

	font-size: 95%;
	font-weight: bold;

	line-height: 200%;

	color: #ffffff;

	text-align: center;

	width: 90px;
	height: 90px;

	border: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-radius: 100%;

	background: #1529ac;

	float: left;

	z-index: 200;

	display: table;

}

.week {

	margin: 0;
	padding: 2px 3px 3px 3px;

	width: 1.3em;
	height: 1.3em;

	color: #1529ac;

	text-align: center;

	border-radius: 100%;

	background: #ffffff;

	display: inline-block;

}

.price_ball {

	position: absolute;

	right: 0;
	bottom: 0;

	margin: 0 10px 10px 0 ;
	padding: 0;

	font-size: 1.7em;
	font-weight: bold;

	line-height: 120%;

	color: #ffffff;

	text-align: center;

	width: 90px;
	height: 90px;

	border: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-radius: 100%;

	background: #ff6600;

	z-index: 200;

	display: table;

}

.data_area_s {

	position: relative;

	margin: 0;
	padding: 0;

	width: 320px;
	height: 160px;

}

.price_ball_s {

	position: absolute;

	right: 0;
	bottom: 0;

	margin: 0 5px 5px 0 ;
	padding: 0;

	font-weight: bold;

	line-height: 120%;

	color: #ffffff;

	text-align: center;

	width: 50px;
	height: 50px;

	border: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-radius: 100%;

	background: #ff6600;

	display: table;

}

.v_mid {

	display: table-cell;
	vertical-align: middle;

}

.newer {

	font-size: 2em;

}

.price_area {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

	text-align: left;

}

.price_area p {

	margin: 0;

}

.rb_logo {

	margin: 0;
	padding: 0;

	width: 150px;
	height: 34px;

}

.cover_2nd {

	margin: 0 5px 0 5px;

	width: 680px;
	height: auto;

}


/* 脚注 */

.caution_area {

	margin: 0;
	padding: 3em 0 3em 0;

	width: 100%;
	height: auto;

}

.caution_area p.title {

	margin: 1em 0 1em 0;

}

.caution_area p {

	margin: 0 0 0 4em;
	padding: 0 0 0 1em;

	text-indent: -1em;

}


/* クラブカード */

.clubcard_top {

	position: relative;

	margin: 1em 30px 0 30px;
	padding: 0;

	width: 840px;
	height: auto;

}

ul.button_list {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

	list-style: none;

}

ul.button_list li {

	position: relative;

	margin: 0.4em 0 0.4em 0;
	padding: 0.2em 3% 0.2em 8%;

	width: 89%;
	min-height: 1.5em;
	hieght: auto;

	font-size: 1.7em;
	font-weight: bold;
	color: #ffffff;

	display: block;

	background: #ff9900;

	border-radius: 0.5em;

}

ul.button_list li:before {

	content: url(https://www.seicomart.co.jp/images/link_ic.png);

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10px;

	margin: 0;
	padding: 0;

	width: 25px;
	height: 25px;

	display: block;

}

ul.button_list li:after {

	content: "";

}

ul.button_list li a {

	color: #ffffff;
	text-decoration: none;

	display: block;

}

ul.button_list li:hover {

	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";

}

.card_ban_area ul {

	margin: 20px 0 0 0;
	padding: 0;

	width: 100%;
	height: auto;

	list-style: none;

	text-align: center;

}

.card_ban_area ul li {

	margin: 0 20px 0 20px;
	padding: 0;

	display: inline-block;

}

.card_lf {

	margin: 40px 0 0 0;

	width: 239px;
	height: 144px;

}

.card_rt_top {

	position: absolute;
	top: -10px;
	right: -90px;

	margin: 0;
	padding: 0;

	width: 142px;
	height: 142px;

	z-index: 300;

}

.card_rt_btm {

	position: absolute;
	bottom: 10px;
	right: -90px;

	margin: 0;
	padding: 0;

	width: 225px;
	height: 182px;

	z-index: 300;

}

ul.clubcard_sns {

	margin: 0 auto 1em auto;
	padding: 0;

	width: 772px;
	height: auto;

	list-style: none;

	text-align: right;

}

ul.clubcard_sns li {

	margin: 0 0.5em 0 0.5em;
	padding: 0;

	height: 21px;

	list-style: none;

	display: inline-block;

	text-align: left;

	vertical-align: middle;

}

/* クラブカード・入会方法・カード再発行リンクバナー */

.shadow {

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	box-shadow: rgba(0, 0, 0, 0.7) 3px 3px 4px -2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 3px 3px 4px -2px;

}

.card_order {

	position: relative;

	margin: 1em 0 1em 0;
	padding: 1em 3% 1em 3%;

	width: 100%;
	height: auto;

	border: 2px;
	border-style: solid;
	border-color: #ffccac;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	background: #fff0de;

	box-sizing: border-box;

	vertical-align: middle;

}

a .card_order:hover {

	background: #eeeeee;

}

a .card_order:hover h3 {

	text-decoration: underline;

}

.card_order_top {

	position: relative;

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.card_order_lf {

	margin: 1.5em 0 1.5em 0;
	padding: 0;

	width: 60%;
	height: auto;

	float: left;

}

.card_order h3 {

	position: relative;

	margin: 0 0 0 0;
	padding: 0 0 0 30px;

	font-size: 2.2em;

	color: #333333;

	line-height: 120%;

	vertical-align: middle;

}

.card_order h3:before {

	position: absolute;
	top: 50%;
	left: 0;

	content: url(https://www.seicomart.co.jp/images/link_ic.png);

	margin-top: -13px;

}

.card_order_lf p {

	padding-left: 7%;

}

.card_order_img {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;

	margin: 0 8% 0 0;
	padding: 0;

	width: 160px;
	height: auto;

	float: right;

}

.card_order_sheet .cl2_lf {

	margin: 0 0 1em 0;
	padding: 0;

	width: 49%;

}

.card_order_sheet .cl2_rt {

	margin: 0 0 1em 0;
	padding: 0;

	width: 49%;

}

.order_sheet_area {

	margin: 0;
	padding: 3%;

	width: 100%;
	height: auto;

	text-align: center;

	border: 1px;
	border-style: solid;
	border-color: #ff9900;

	box-sizing: border-box;

}

.order_sheet_area .pdf_area {

	margin: 1em auto 1em auto;

}

h3.order_sheet {

	margin: 0;
	padding: 0;

	color: #ff9900;
	font-size: 1.7em;

	border: 0;

}

.order_sheet_area p {

	margin: 0;
	padding: 0;

}

.card_order_sheet a {

	text-decoration: none;

}

.card_order_sheet a h3.order_sheet {

	text-decoration: underline;

}

a:hover .order_sheet_area {

	text-decoration: underline;
	background: #eeeeee;

}

a:hover .order_sheet_area h3.order_sheet {

	text-decoration: none;

}

/* クラブカードプラスオンライン入会バナー */

.card_order_plus {

	margin: 1em 0 1em 0;
	padding: 1.5em 3% 0 3%;

	width: 100%;
	height: auto;

	border: 2px;
	border-style: solid;
	border-color: #ffccac;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	background: #fff0de;

	box-sizing: border-box;

}

.card_order_plus h3 {

	position: relative;

	margin: 0 auto 0.5em auto;
	padding: 0 0 0 30px;

	font-size: 1.7em;
	width: auto;

	color: #333333;

	line-height: 120%;

}

.card_order_plus h3:before {

	position: absolute;
	top: 50%;
	left: 0;

	content: url(https://www.seicomart.co.jp/images/link_ic.png);

	margin-top: -13px;

}

.card_plus_top {

	position: relative;

	margin: 0 auto 0 auto;
	padding: 0 4% 0 4%;

	width: 92%;
	height: auto;

}

.card_plus_lf {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	margin: 0;
	padding: 10px 20px 10px 10px;

	width: auto;
	height: auto;

	float: left;

}

.merit_ban_lf {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	margin: 0;
	padding: 0;

	width: 160px;
	height: auto;

}

.merit_ban_lf_2nd {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	margin: 0;
	padding: 0;

	width: 160px;
	height: auto;

}

.merit_ban_rt {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	margin: 0 0 0 230px;
	padding: 0;

	width: 160px;
	height: auto;

}

.merit_ban_rt_2nd {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	margin: 0 0 0 210px;
	padding: 0;

	width: 160px;
	height: auto;

}

.plusmark {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	margin: 0 20px 0 180px;
	padding: 0;

	width: 30px;
	height: 30px;

}

.plusmark_2nd {

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	margin: 0 20px 0 170px;
	padding: 0;

	width: 30px;
	height: 30px;

}

.card_plus_lf p.indent {

	margin: 0.5em 0 0.5em 0;

	color: #333333;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 100%;

}

.card_plus_rt {

	margin: 0 4% 0 0;
	padding: 0;

	width: 160px;
	height: auto;

	float: right;

}

.card_plus_rt_2nd {

	margin: 0;
	padding: 0;

	width: 160px;
	height: auto;

	float: right;

}

a .card_order_plus:hover {

	background: #eeeeee;

}

a .card_order_plus:hover h3,
a .card_order_plus:hover p {

	text-decoration: underline;

}

.clubcard_ban_area {

	margin: 1em auto 1em auto;
	padding: 0;

	width: 772px;
	height: auto;

}

.clubcard_ban_area_2nd {

	margin: 1em auto 1em auto;
	padding: 0;

	width: 100%;
	height: auto;

}

.clubcard_ban_area a,
.clubcard_ban_area_2nd a {

	text-decoration: none;

}

.topics_wrap {

	margin: 1em auto 2em auto;

	width: 772px;

	text-align: center;

}

.topics_title {

	margin: 0;

	width: 100%;

	border: 0;

}

.topics_area {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 770px;

	border: 1px;
	border-style: none solid solid solid;
	border-color: #cccccc;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;

}

table.clubcard {

	margin: 0 0 1% 0;
	padding: 0;

	width: 100%;
	height: auto;

	border-collapse: collapse;

	text-align: left;

}

table.clubcard th {

	margin: 0;
	padding: 1% 1% 1% 2%;

	width: 17%;

	font-weight: normal;

	vertical-align: top;

}

table.clubcard td {

	margin: 0;
	padding: 1% 2% 1% 1%;

}

/* 入会申し込み */

.entry_top {

	position: relative;

	margin: 0.5em 0 1em 4%;
	padding: 0;

	width: 96%;
	height: 620px;

}

.entry_top h3 {

	margin: 0;
	padding: 0;

	font-size: 1.6em;
	color: #ff9900;

}

.bg_allow {

	position: absolute;
	top: 75px;
	left: 235px;

	margin: 0;
	padding: 0;

	width: 99px;
	height: 387px;

	z-index: 98;

}

.entry_left {

	position: relative;

	margin: 1em 30px 0 0;
	padding: 0;

	width: 95px;
	height: 95px;

	float: left;

	z-index: 100;

}

.entry_sheet {

	position: relative;

	margin: 1em 0 0 0;
	padding: 0;

	width: 125px;
	height: auto;

	float: left;

	z-index: 100;

}

.entry_tx {

	position: relative;

	margin: 0.5em 0 0 0;
	padding: 0;

	width: 80%;

	float: left;

	z-index: 100;

}

.entry_tx h4 {

	margin: 0.5em 0 0 0;

	color: #ff9900;
	font-size: 1.7em;
	line-height: 120%;

}

.order_step4 {

	position: absolute;
	top: 405px;
	right: 0;

	margin: 0;
	padding: 0;

	width: 641px;
	height: 190px;

	z-index: 97;

}

/* クラブカードのメリット */

.merit_row {

	position: relative;

	margin: 1em 0 3em 0;
	padding: 0 0 0 30px;

	width: 660px;
	height: auto;

}

.merit_ball {

	position: relative;

	margin: 0;
	padding: 0;

	width: 90px;
	height: 90px;

	border-radius: 100%;

	background: #ff9900;
	display: table;

	float: left;

	z-index: 100;

}

.merit_ball div {

	margin: 0;
	padding: 0;

	width: 90px;
	height: 90px;

	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 120%;
	text-align: center;

	display: table-cell;
	vertical-align: middle;

}

.merit_row .tx_area {

	margin: 0 0 0 1em;

	width: 550px;
	height: auto;

	float: right;

	z-index: 100;

}

.merit_row .tx_area_mid {

	margin: 0 0 0 1em;

	width: 550px;
	height: auto;

	float: right;

	z-index: 100;

}

.merit_row .tx_area_mid p {

	margin-top: 0;

}

.merit_row .tx_area_btm {

	position: relative;

	margin: 0 0 0 1em;
	padding: 0;

	width: 410px;
	height: auto;

	float: right;

	z-index: 98;

}

p.merit_cap {

	margin-left: 0.5em;
	padding: 0 0 0 1em;

	line-height: 110%;

	text-indent: -1em;

}

.merit_row .tx_area h3 {

	margin: 0 0 0.3em 0;

	font-size: 1.7em;
	line-height: 120%;

	color: #ff9900;

}

.merit_no01 {

	min-height: 200px;

}

.merit_no03 {

	min-height: 250px;

}

.merit_no04 {

	min-height: 220px;

}

img.merit_01 {

	position: absolute;
	top: 75px;
	left: 100px;

	margin: 0;
	padding: 0;

	width: 485px;
	height: 133px;

	z-index: 98;

}

img.merit_02 {

	margin: 0;
	padding: 0;

	width: 413px;
	height: 23px;

}

img.merit_03 {

	position: absolute;
	top: 115px;
	left: 100px;

	margin: 0;
	padding: 0;

	width: 502px;
	height: 141px;

	z-index: 98;

}

img.merit_04 {

	position: absolute;
	top: 70px;
	left: 75px;

	margin: 0;
	padding: 0;

	width: 208px;
	height: 174px;

	z-index: 98;

}

/* メールマガジン */

h3.mailmag {

	margin-left: 1em;

	color: #ff9900;
	font-size: 1.6em;

	border: none;

}

.mail_top {

	position: relative;

	margin: 1em auto 1em auto;
	padding: 1em 0.5em 1em 0.5em;

	width: 88%;
	height: auto;

	background: #ff9900;
	border-radius: 10px;

}

h4.mail_sub {

	position: relative;

	color: #ffffff;
	font-size: 1.7em;
	line-height: 160%;

}

.mail_phone_img {

	position: absolute;
	top: -10px;
	right: -50px;

	margin: 0;
	padding: 0;

	width: 240px;
	height: 240px;

}

.mail_qr {

	margin: 1em auto 1em auto;
	padding: 1em 0.5em 1em 0.5em;

	width: 88%;
	height: auto;

}

.mailmag_qr {

	margin: 0 20px 0 20px;
	padding: 0;

	width: 75px;
	height: 74px;

	float: left;

}

.mail_qr p {

	margin: 0 0 0 0;

	font-size: 1.7em;
	font-weight: bold;
	line-height: 120%;
	color: #ff9900;

	float: left;

}

.large_yellow {

	font-size: 1.7em;
	font-weight: bold;

	color: #fee100;

}

.mail_ball {

	position: relative;

	margin: 0 0.8em 0 1.5em;
	padding: 0;

	width: 90px;
	height: 90px;

	border-radius: 100%;

	background: #ff9900;
	display: table;

	float: left;

	z-index: 100;

}

.mail_ball .ball {

	margin: 0;
	padding: 0;

	width: 90px;
	height: 90px;

	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 120%;
	text-align: center;

	display: table-cell;
	vertical-align: middle;

}

.mail_tx_area {

	position: relative;

}

.mail_tx_area p {

	margin: 0.3em 0 0 0;

	font-size: 1.7em;
	font-weight: bold;
	line-height: 120%;
	color: #ff9900;

}

h4.mail_add {

	font-size: 2.5em;
	color: #ff9900;

}


/* クラブカードプラス */

.plus_top {

	margin: 0 0 1em 0;
	padding: 0 0 0 4.5%;

	width: 95.5%;
	height: auto;

}

.plus_top_tx {

	margin: 0;
	padding: 0 0 0 2%;

	width: 70%;
	height: auto;

	float: left;

}

.plus_top h3 {

	font-size: 1.6em;
	line-height: 120%;

}

.plus_top_img {

	margin: 0;
	padding: 0;

	width: 158px;
	height: 100px;

	float: right;

}

.plus_2nd {

	margin: 1em 0 1em 0;
	padding: 0 0 0 4.5%;

	width: 95.5%;
	height: auto;

}

.plus_ball {

	margin: 0;
	padding: 0;

	width: 145px;
	height: 90px;

	float: left;

}

.plus_ball .ball {

	position: relative;

	margin: 0;
	padding: 0;

	width: 90px;
	height: 90px;

	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
	color: #ffffff;
	text-align: center;

	border-radius: 50%;

	background: #ff9900;

	display: table-cell;
	vertical-align: middle;

}

.plus_ball .ball:after{

	content: url(https://www.seicomart.co.jp/images/clubcard/plus_card_point.png);

	position: absolute;
	top: 17px;
	left: 75px;

}

.plus_head_tx {

	margin: 0;
	padding: 0 0 0 1em;

	width: auto;
	height: 90px;

	display: table-cell;
	vertical-align: middle;

}

.plus_head_tx h4 {

	margin: 0;

	font-size: 1.5em;
	font-weight: bold;
	line-height: 120%;
	color: #ff9900;

}

.point2x {

	margin: 0.5em auto 2em auto;
	padding: 0 0 0 60px;

	width: 513px;
	height: 163px;

}

.point_default {

	margin: 1em 0 2em 0;
	padding: 0 0 0 100px;

	width: 396px;
	height: 195px;

}

table.clubcard_plus {

	margin: 1em 0 1em 2%;
	padding: 0;

	width: 98%; 

	border-collapse: collapse;

}

table.clubcard_plus th {

	margin: 0;
	padding: 1% 3% 1% 3%;

	width: 30%;

	font-weight: normal;

	background: #ffbb66;

	border: 1px;
	border-style: solid;
	border-color: #333333;

}

table.clubcard_plus td {

	margin: 0;
	padding: 1% 3% 1% 3%;

	border: 1px;
	border-style: solid;
	border-color: #333333;

}

.question {

	position: relative;

	padding-left: 30px;

	width: 96%;
	height: auto;

}

.question:before {

	content: url(https://www.seicomart.co.jp/images/clubcard/qa_q.gif);

	position: absolute;
	top: 3px;
	left: 2.5%;

}

.question h4 {

	font-size: 1.3em;
	font-weight: normal;

}

.answer {

	position: relative;

	padding-left: 30px;

	width: 95%;
	height: auto;

}

.answer:before {

	content: url(https://www.seicomart.co.jp/images/clubcard/qa_a.gif);

	position: absolute;
	top: 1px;
	left: 2.5%;

}

.answer p {

	margin-top: 0;
	margin-bottom: 0;

}



/* ワイン */

#top_img_area {

	position: relative;

	margin: 0 0 20px 0;
	padding: 0;

	width: 100%;
	height: 400px;

}

#top_img_area h2 {

	position: relative;

	z-index: 350;

}

.top_img {

	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: auto;

}

.top_tx_area {

	position: relative;

	margin: 0 0 0 40px;
	padding: 1em;

	width: 410px;
	height: auto;

	background: url(https://www.seicomart.co.jp/images/bg_white.png) repeat;

	z-index: 350;

}

.title_img {

	margin: 0;
	padding: 0;

	width: 512px;
	height: auto;

}

.top_tx_area h3 {

	margin: 0 0 1em 0;

}

.top_tx_area p {

	margin: 0;

}

h3.wine {

	margin: 0;
	padding: 0.3em 2% 0.3em 2%;

	width: 96%;

	color: #ffffff;

	background: #a22140;

}

.wine_item {

	margin: 20px 0 20px 0;
	padding: 10px 0 40px 0;

	width: 100%;
	height: auto;

	border: 1px;
	border-style: none none solid none;
	border-color: #ddc8c3;

}

h3.wine_name {

	margin: 0 0 20px 0;
	padding: 0 0 0.3em 0;

	width: 100%;
 
	font-size: 1.5em;
	font-weight: normal;
	color: #333333;

	border: 1px;
	border-style: none none solid none;
	border-color: #ddc8c3;

}

.item_lf {

	margin: 0 20px 0 0;
	padding: 0;

	width: 200px;
	height: 200px;

	border: 1px;
	border-style: solid;
	border-color: #ddc8c3;

	float: left;

}

.item_rt {

	margin: 0;
	padding: 0;

	width: 468px;
	height: auto;

	float: right;

}

.wine_img {

	width: 200px;
	height: 200px;

	display: block;

}

.price_num {

	margin: 0;

	font-size: 1.5em;
	text-align: right;

}

table.item_data {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

	border-collapse: collapse;

}

table.item_data th {

	margin: 0;
	padding: 1%;

	text-align: center;

	width: 25%;

	font-weight: normal;

	border: 1px;
	border-style: solid;
	border-color: #ddc8c3;

	background: #fafafa;

}

table.item_data td {

	margin: 0;
	padding: 1%;

	text-align: center;

	border: 1px;
	border-style: solid;
	border-color: #ddc8c3;

}

.wine_search_area {

	margin: 0;
	padding: 3%;

	width: 94%;
	height: auto;

}

.wine_search_area p {

	margin: 0;

}

select.wine_form {

	margin: 0.5em 0 0.5em 0;
	padding: 2% 3% 2% 3%;

	width: 100%;
	height: auto;

	background: #fafafa;

	border: 1px;
	border-style: solid;
	border-color: #cccccc;

}

input.wine_form_button {

	-webkit-appearance: none;

	margin: 0.5em 0 0.5em 0;
	padding: 0.3em 0.2em 0.3em 0.2em;

	width: 94%;

	color: #ffffff;

	border: 0;

	background: #a22140;

}

input.wine_form_button:hover {

	cursor: pointer;

	opacity: 0.5;

}

/* クーポンページレスポンシブ対応 20180712追加*/

.print_area_coupon {

	margin: 0 auto 0 auto;
	padding: 0;

	width: 860px;
	height: auto;

}

.coupon_img_lf {

	margin: 0 1% 0 0;
	padding: 0;

	width: 275px;
	height: auto;

	float: left;

}

.coupon_img_cn {

	margin: 0 1% 0 1%;
	padding: 0;

	width: 275px;
	height: auto;

	float: left;

}

.coupon_img_rt {

	margin: 0 0 0 1%;
	padding: 0;

	width: 275px;
	height: auto;

	float: right;

}

.page_break {

	page-break-after: always;

}

/* ////////////////////////////////////// */
/* footer */
/* ////////////////////////////////////// */




#footer {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 50px;

	text-align: center;

	background: #ffffff;

	border: 1px;
	border-style: solid none none none;
	border-color: #cccccc;

	clear: both;

}

#footer .content_inner {

	padding: 0;

	width: 100%;

}

#footer a {

	text-decoration: none;
	color: #827b6b;

}

#footer a:hover {

	text-decoration: underline;

}

#footer ul {

	margin: 0;
	padding: 10px 0 10px 0;

	width: 100%;
	height: auto;

}

#footer ul li {

	margin: 0 8px 0 8px;
	padding: 0;

	height: 1em;

	text-align: center;

	list-style: none;

	display: inline-block !important;

}



.clear {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 0;

	clear: both;

}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

/*--------ペコマ--------*/

.bana_out {
	position:relative;
}

.zandaka{
	position:absolute;
	top: 10px;
	right: 100px;
	width: 150px;
}

/* 左中右レイアウト */

.pecoma_lf {

	margin: 0 0 25px 0;
	padding: 0 20px 0 20px;

	width: 190px;
	height: auto;

	float: left;

}

.pecoma_cf {

	margin: 0 0 25px 0;
	padding: 0 20px 0 20px;

	width: 190px;
	height: auto;

	float: left;

}

.pecoma_rt {

	margin: 0 0 25px 0;
	padding: 0 20px 0 20px;

	width: 190px;
	height: auto;

	float: right;

}

.pecoma_lf_50 {

	margin: 0;
	padding: 0;

	width: 50%;
	height: auto;

	float: left;

}

.pecoma_cf_50 {

	margin: 0;
	padding: 0;

	width: 50%;
	height: auto;

	float: left;

}

.pecoma_rt_50 {

	margin: 0;
	padding: 0;

	width: 50%;
	height: auto;

	float: right;

}

.mt15{
	margin-top:15px;
}

.mb20 {
	margin-bottom: 20px;
}

.campaign_box{
	background: #fff5e6;
	height: auto;
	padding: 0 0 5px 0;
}

.campaign_bnr{
	background: #fff;
	width: 95%;
	height: auto;
	border-radius: 6px;
	margin: 0 auto 15px;
	padding: 20px 0 15px;
	position: relative;
}


.otoku {
	position: absolute;
	top: -80px;
	right: -35px;
	z-index: 100;
	width: 190px;
}

.seicyan {
	float: left;
	width: 260px;
	text-align: center;
	margin-top:15px;
}

.campaign_title {
	float: left;
	width: 360px;
}


a.button_pecoma3{
	width: 170px;
	padding: 12px 0;
	background: #ff9900;
	text-align: center;
	display: inline-block;
	text-decoration: none !important;
	color: #fff;
	font-size: 1.10em;
	border-radius: 4px;
	line-height: 1.0em;
	position: relative;
}

a:hover.button_pecoma3{
	opacity: 0.9;
}

.button_pecoma3::before{
	content: url(https://www.seicomart.co.jp/images/clubcard/yaji.svg);
	width: 16px;
	display: inline-block;
	height: auto;
	position: absolute;
	top: 10px;
	left: 10px;
}


a.button_pecoma{
	width: 235px;
	padding: 14px 0;
	background: #299b4d;
	text-align: center;
	display: inline-block;
	text-decoration: none !important;
	color: #fff;
	font-size: 1.20em;
	border-radius: 4px;
	line-height: 1.2em;
	position: relative;
}

a:hover.button_pecoma {
	opacity: 0.9;
}

.button_pecoma::before {
	content: url(https://www.seicomart.co.jp/images/clubcard/icon_word.svg);
	width: 22px;
	display: inline-block;
	height: auto;
	position: absolute;
	top: 16px;
	left: 10px;
}

a.button_pecoma1{
	width: 235px;
	padding: 14px 0;
	background: #299b4d;
	text-align: center;
	display: inline-block;
	text-decoration: none !important;
	color: #fff;
	font-size: 1.20em;
	border-radius: 4px;
	line-height: 1.2em;
	position: relative;
}

a:hover.button_pecoma1 {
	opacity: 0.9;
}

.button_pecoma1::before{
	content: url(https://www.seicomart.co.jp/images/clubcard/yaji.svg);
	width: 22px;
	display: inline-block;
	height: auto;
	position: absolute;
	top: 20px;
	left: 10px;
}

a.button_pecoma2{
	width: 235px;
	padding: 14px 0;
	background: #299b4d;
	text-align: center;
	display: inline-block;
	text-decoration: none !important;
	color: #fff;
	font-size: 1.40em;
	border-radius: 4px;
	line-height: 1.2em;
	position: relative;
}

a:hover.button_pecoma2{
	opacity: 0.9;
}

.button_pecoma2::before{
	content: url(https://www.seicomart.co.jp/images/clubcard/icon_word.svg);
	width: 22px;
	display: inline-block;
	height: auto;
	position: absolute;
	top: 8px;
	left: 10px;
}
.button_yaji::before{
	content: url(https://www.seicomart.co.jp/images/clubcard/yaji.svg);
	width: 22px;
	display: inline-block;
	height: auto;
	position: absolute;
	top: 10px;
	left: 10px;
}
.pe2_rt {

	margin: 0;
	padding: 0 10px 0 10px;

	width: 170px;
	height: auto;

	float: right;

}

.campaign_lf {
	width: 63%;
	float: left;
}

.campaign_rt {
	width: 37%;
	float: left;
}

.bnr_btn{
	position: relative;
	bottom: 42px;
	left: 210px;
	width: 110px!important;
	background: #ff3333!important;
	color: #fff;
	font-size: 0.85em!important;
	padding-left: 8px!important;
	padding-right: -20px!important;
}
.bnr_btn::before {
	top: 9px;
	left: 4px;
	font-size: 0.8em!important;
}

.bnr_btn_mini {
	margin: 10px 0 0;
	width: 170px!important;
	font-size: 0.9em!important;
	padding-left: 20px!important;
}

/* 約款　*/

ol.list_parentheses{
  padding:0 0 0 2em;
  margin:0;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  line-height: 2.0em;
  text-indent: -2.0em;
  padding-left: 2.0em;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

.orange {
	background: #ff9900 !important;	
}


/* storemap */

.store_button {
	color: #fff;
	width: 38%;
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 15px auto;
	padding: 0.4em 0;
	font-size: 1.4em;
	border-radius: 6px;
	background: -moz-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC566), to(#FF7E00));
	background: -o-linear-gradient(#FFC566, #FF7E00);
	background: linear-gradient(to bottom, #FFC566, #FF7E00);
	background: linear-gradient(#FFC566, #FF7E00);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFC566, endcolorstr=#FF7E00))";
	border: none;
	cursor: pointer;
}

.store_button2 {
	float: left;
	color: #fff;
	width: 30%;
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 15px 10%;
	padding: 0.4em 0;
	font-size: 1.4em;
	border-radius: 6px;
	background: -moz-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC566), to(#FF7E00));
	background: -o-linear-gradient(#FFC566, #FF7E00);
	background: linear-gradient(to bottom, #FFC566, #FF7E00);
	background: linear-gradient(#FFC566, #FF7E00);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFC566, endcolorstr=#FF7E00))";
}

.store_button:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.9;
}

.store_button2:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.9;
}

.storemap {
	width: 94%;
	padding: 0 3%;
}

.storemap h3 {
	width: 100%;
	border-bottom: 2px dotted #ff9900;
	padding-left: 4px;
}

.storemap h3.w95 {
	width: calc(100% - 4px)!important;
	margin-bottom: 0;
}

.itme_area {
	width: 94%;
	margin: 0 auto 5px;
}

input.search { width: 75%; }

.store_icon {
	width: 100%;
}

.store_icon tr {
	height: 50px;
	vertical-align: middle;
}

.store_icon tr img{
	margin: 0 5px;
	vertical-align: middle;
}

.store_icon tr input {
	vertical-align: middle;
}

.store_icon td {
	width: 27%;
}
.store_icon label {
	cursor: pointer;
}


.search_shop {

	width: 45%;
	
	border: #ccc solid 1px;
	
	float: left;
	
	margin-bottom: 30px;
	
	margin-left: 35px;
	
}

.search_shop th {
	padding-left: 5px;
	font-weight: normal;
	text-align: left;
	background: #e9e9e9;
}

.link_table {
	cursor: pointer;
}

.link_table th {
	width: 80px;
	text-decoration: underline;
	color: #ff4400;
}
.link_table:hover {
	background: rgba(255,153,0,0.1);
}

.link_table td img {
	margin-left: 0;
    margin-right: 5px;
    width: auto;
    padding: 0;
}

.w95{
	width: 95%!important;
	margin-bottom: 10px;
	
	margin-left: 0!important;
	
	float: none;
}



.store_ct {
	width: 100%;
	height: auto;
	margin: 15px auto;
}

 span.yaji {
 	display: none;
 }
 
 .shop_link {
 
 	position: relative;
 	
 }
 

a.s_button {
	width:  95%;
	height: 40px;
	
	text-decoration: none;
	
	color: #fff;
	
	font-size: 1.1em;
	font-size: 1.1rem;
	
	line-height: 2.5em;
	
	text-align: center;
	
	margin: auto;
	
	background: -moz-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC566), to(#FF7E00));
	background: -o-linear-gradient(#FFC566, #FF7E00);
	background: linear-gradient(to bottom, #FFC566, #FF7E00);
	background: linear-gradient(#FFC566, #FF7E00);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFC566, endcolorstr=#FF7E00))";
	
	border-radius: 6px;
}

a.s_button:hover {
	opacity: 0.8;
}


.cp_ipselect {
overflow: hidden;
width: 50%;
margin: 1em auto 0.5em;
text-align: left;
}

.cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}

.cp_ipselect select::-ms-expand {
display: none;
}

.cp_ipselect.cp_sl01 {
position: relative;
border: 1px solid #bbbbbb;
border-radius: 6px;
background: #ffffff;
height: 35px;
padding-left: 10px;
}

.cp_ipselect.cp_sl01::before {
position: absolute;
top: 1.1em;
right: 1.1em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;
}

.cp_ipselect.cp_sl01 select {
padding: 8px 38px 8px 8px;
color: #666666;
}

.cp_button {
	width:  95%;
	height: 40px;
	
	
	color: #fff;
	
	font-size: 1.1em;
	font-size: 1.1rem;
	
	
	text-align: center;
	
	margin: auto;
	
	background: -moz-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC566), to(#FF7E00));
	background: -o-linear-gradient(#FFC566, #FF7E00);
	background: linear-gradient(to bottom, #FFC566, #FF7E00);
	background: linear-gradient(#FFC566, #FF7E00);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFC566, endcolorstr=#FF7E00))";
	
	border: none;
	
	border-radius: 6px;
}


.search_button {
	cursor: pointer;
	width:  20%;
	height: 35px;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	margin: auto;
	background: -moz-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-linear-gradient(#FFC566, #FF7E00);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC566), to(#FF7E00));
	background: -o-linear-gradient(#FFC566, #FF7E00);
	background: linear-gradient(to bottom, #FFC566, #FF7E00);
	background: linear-gradient(#FFC566, #FF7E00);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFC566, endcolorstr=#FF7E00))";
	border: none;
	border-radius: 6px;
}
.search_button:hover {
	opacity: 0.8;
}

.store_results {
	width: 100%;
	border: 1px solid #ccc;
    border-spacing: unset;
    margin-bottom: 5px;
}

.store_results th {
	width: 25%;
	text-align: left;
	padding: 1%;
	background: #e9e9e9;
	border-bottom: 1px solid #ccc;
}

.store_results td {
	width: 100%;
	text-align: left;
	padding: 1%;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}

.store_results td img {
	margin-left: 0.3em;
	margin-bottom: 0;
}

.store_results td span {
	position: relative;
	top: -2px;
	margin: 0 4px 0 5px;
}
.store_results tr:last-child th,
.store_results tr:last-child td {
	border: none;
}

.map_results {
	width: 100%;
}


.map_lf {
	width: 67%;
	float: left;
}

.info_rt {
	width: 33%;
	background: rgba(212,212,212,1.00);
	text-align: center;
	float: right;
	height: 427px;
	overflow: hidden;
}
.cl2_lf_65 {
    margin: 0;
    padding: 0;
    width: 620px;
    height: auto;
    float: left;
}
.cl2_rt_35 {
    margin: 0;
    padding: 0;
    width: 290px;
    height: auto;
    float: right;
}
.cl2_rt_35 .rel_mar p {
	margin: 0;
	margin-left: 5px;
}
.snd_large_ba {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    position: relative;
}
.snd_large_ba > img {
    width: 100%;
}
#targets {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.balloon {
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
}
.balloon:after {
	content: ' ';
	position: absolute;
	bottom: -40px;
	left: 52px;
	width: 0;
	height: 0;
	border: 20px solid #fff;
	border-color: transparent;
	border-top-color: #fff;
}
.balloon .bdr {
	position: absolute;
    bottom: -42px;
    left: 51px;
	width: 0;
	height: 0;
	border: 21px solid #000;
	border-color: transparent;
	border-top-color: #000;
}
.close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
table.w100 {
	width: 100%;
	margin: 0 0 5px 5px;
}
.f_center {
	width: 560px;
	margin: 0 auto;
}
.f_center input[type="search"]{
	width: 428px;
	height: 35px;
}
.itme_area.pc > p {
	width: 554px;
	margin: 0 auto;
}
.rel_mar {
	position: relative;
}
.rel_mar > a {
	position: absolute;
	right: 0;
	top: 0;
}
.serch_box .serch_left {
	float: left;
	width: 590px;
	margin-right: 30px;
}
.serch_box .serch_right {
	float: left;
	width: 290px;
}
.serch_box .serch_right a.s_button {
	display: block;
    margin: 0 auto;
    width: 80%;
    height: 35px;
    line-height: 2.2rem;
}
.f_center .cp_ipselect {
	margin: 0 auto 10px;
}


.map_area {
	position: relative;
	margin: 25px 0 35px;
}

/* 削除 ここから */
.map_area .map1 {
	margin-left: 96px;
}
.map_area .map2 {
	margin-left: 240px;
}
/* 削除 ここまで */

.map_img {
	display: block;
	margin: 0 auto;
}
.map_area .com a {
	font-size: 15px;
    border: 2px solid #fab74c;
    border-radius: 6px;
    padding: 3px 40px;
    display: block;
    text-decoration: none;
    color: #000;
	background-color: #FFF2E0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.map_area .com a:hover {
	background-color: #fab74c;
    border-radius: 6px;
}
.map_area .hokkaidou_n {
	position: absolute;
	left: 34px;
	top: 102px;
}
.map_area .hokkaidou_h {
	position: absolute;
	left: 308px;
	top: 205px;
}
.map_area .saitama {
	position: absolute;
	right: 294px;
	top: 170px;
}
.map_area .ibaraki {
	position: absolute;
	right: 62px;
	top: 100px;
}

.ct2 table {
	margin-bottom: 10px;
    border-collapse: unset;
    border-color: #fff;
}
.fs12 th,
.fs12 td {
	font-size: 12px;
}
.scroll {
	overflow: hidden;
	overflow-y: scroll;
	height: 415px;
}
.scroll table.w100 {
	width: 98%;
}
#link_default {
	margin: 20px auto;
}
.table_area table {
	width: 45%!important;
	margin: 0 2.2% 15px!important;
	display: inline-block;
}

/* serviceIcon Add */
.mfapi-popup-closer {
    position: absolute;
    top: 5px !important;
    right: 5px !important;
    width: 20px;
    height: 20px;
    background-image: url('./images/close.png');
}
.mfapi-popup-closer:after {
    content: " "!important;
}
.mfapi-popup-content > div > img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
@media (max-width:767px) {
.mfapi-popup-content > div > img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
}
/* service icon Add */
.serviceIcon img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-top: 5px;
}