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




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


.pc {

	display: none !important;

}


.sp {

	display: block !important;

}

.pc_inline {

	display: none !important;

}

.sp_inline {

	display: inline !important;

}

.table_pc {

	display: none !important;

}

.table_sp {

	display: table-cell !important;

}

body {

	position: relative;

	width: 100%;

	height:100%;

}

body#bg {

	background: none;

}

.content_border {

	width: 100%;

	border: 0;

}

/* 凡庸ボタン */

ul.button_area li {

	margin: 0.5em 3% 0.5em 3%;

	width: 94%;

	display: block;

}

ul.button_area li .pdf_area {

	text-align: center;

}

a .button {

	font-size: 1.1em;

}

/* get adobeリンク */

.adobe_area,
.adobe_area_2nd {

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

	width: 100%;
	height: auto;

	text-align: center;

}

/* 画像 */

img {

	width: 100%;
	height: auto;

}


/* リストタグ */

ul.normal {

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

	width: 94%;
	height: auto;

	list-style: none;

	display: block;

}

ul.list_dot {

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

	width: 94%;
	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 auto 0 auto;

	width: 80%;

	float: none;

}


/* レイアウト */

.content_inner {

	padding: 0;

	width: 100%;

}

/* 凡用左右レイアウト */

.cl2_lf, .cl2_rt {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

	float: left;

}

.cl2_lf_50, .cl2_rt_50 {

	width: 100%;

	float: left;

}


/* 左カラム、右カラム */

#cnt_lf, #cnt_rt, .cnt_lf_btm {

	margin: 0;

	width: 100%;

	float: left;

}

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

#cnt_lf_2nd, .cnt_lf_btm_2nd {

	margin: 0;
	padding: 0 6% 0 6%;

	width: 88%;

	float: left;

}

/* 右カラムバナーエリア */


#cnt_rt .ban_area {

	padding:  0 1.5% 0 1.5%;

	width: 97%;

}

#cnt_rt .ban_area img {

	margin: 0;

}

#cnt_rt_2nd .ban_area img {

	margin: 0;

}

.ban_area a {

	text-decoration: none;

}

.r_ban_sp {

	position: relative;

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

	width: 96%;
	height: auto;

	display: block;

}

.r_ban_sp:after {

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

	position: absolute;
	right: 7px;
	top: 50%;

	margin-top: -11px;

	width: 22px;
	height: 22px;

}

.r_ban_sp img {

	margin: 0;
	padding: 0;

	width: 30%;
	max-width: 100px;
	height: auto;

	float: left;

}

.r_ban_sp p {

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

	width: 97%;

	color: #333333;

	text-align: left;

	display: block;

	float: left;

}

.r_ban_sp p span {

	font-size: 1.2em;
	font-weight: bold;
	color: #ff9900;

}

.r_ban_sp .tx_area {

	width: 60%;
	min-height: 1.7em;

	float: left;

}

.r_ban_sp div.r_ban_tx {

	margin: 0.5em 1.5em 0.5em 1em;
	padding: 0.3em;

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

	min-width: 80px;

	text-align: center;

	background: #1529ac;

	float: left;

}



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

#cnt_rt_2nd {

	margin: 0;
	padding: 0 6% 0 6%;

	width: 88%;

	float: left;

}

/* 右カラムバナーエリア 第二階層 */

#cnt_rt_2nd .ban_area {

	padding:  0 1.5% 0 1.5%;

	width: 97%;

}

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

.title_area {

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

	width: 88%;
	height: auto;

}

.title_area h2 {

	margin: 0;
	padding: 0;

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

}


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

.row_indent h4 {

	margin: 0.3em 3% 0.3em 3%;

	width: 94%;

	font-size: 1.3em;

}

.row_indent p {

	margin: 1em 3% 1em 3%;

}

.row_indent .link_area {

	margin: 1em 3% 1em 3%;

}

.row_indent ol,
.row_indent ul {

	padding: 0 3% 0 9%;

	width: 88%;

}

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

	margin-left: 3%;

	width: 97%;

}

.row_indent .pdf_area,
.row_indent .pdf_area_large {

	margin-left: 0;

}

.row_indent .pad_1em {

	padding: 0 !important;

}

/* SNSエリア */

.sns_area {

	margin: 0;
	padding: 3%;

	width: 94%;
	height: auto;

}

.sns_area ul {

	text-align: center;

}

.sns_area ul li {

	margin: 0 0.5em 0 0.5em;

	text-align: center;

	display: inline-block;

	float: none;

	vertical-align: middle;

}



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

#header {

	position: fixed;
	left: 0;
	top: 0;

	padding:15px 3% 4px 3%;

	width:  94%;
	height: 40px;

	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))";

	z-index: 9500;

}

#header .content_inner {

	width: 100%;
	height: auto;

	background: none;

}

.logo_area {

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

	width: 40%;
	height: auto;

	float: left;

}

.logo_area img {

/*	width: 140px; 20200115 update*/
	width: 130px;
	height: auto;

}

.sp_menu_area {

	margin: 0;
	padding: 0;

	height: 2em;

	float: right;

}

.sp_menu_area img {

	width: 25px;
	height: 25px;

}

#sp_nav {

	position: fixed;
	left: 0;
	top: 58px;

	margin: 0;
	padding: 0 0 15% 0;

	width: 100%;
	height: 85%;

	background: #ffffff;

	overflow: scroll;

	z-index: 9999;

	opacity: 0;
	display: none;

}

#sp_nav ul.nav_list {

	margin: -6px 0 0 0;
	padding: 0 0 3% 0;

	width: 100%;
	height: auto;

}

#sp_nav ul.nav_list li {

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

	width: 88%;
	height: auto;

	list-style: none;
	display: block;

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

}

#sp_nav ul.nav_list li a {

	padding: 0.5em 0 0.5em 0;

	font-size: 1.3em;

	text-decoration: none;

	display: block;

}

.sitesearch_area {

	margin: 0;
	padding: 0 0 21px 0;

	width: 100%;
	height: 28px;

	clear: both;

}

.sp_sitesearch {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 27px;


}

.sitesearch_form {

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

	width: 78%;
	height: 27px;

	vertival-align: middle;

	float: left;

}

.sitesearch_btn {

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

	width: 16%;
	height: 29px;

	color: #ffffff;

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

	-webkit-appearance: none;
	border: none;
	border-radius: 0.3em;

	background: #ff9900;

	text-align: center;
	vertival-align: middle;

	float: right;

}

.nav_open ul {

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

	width: 100%;
	height: auto;

	display: none;

}

#sp_nav ul.nav_list li.nav_open ul li {

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

	width: 88%;
	height: auto;

	list-style: none;

	border: none;

}

#sp_nav ul.nav_list li.nav_open ul li a {

	margin: 0;
	padding: 0;

	display: inline;

}

#close_btn {

	width: 2em;
	height: 2em;

}

.sl_open {

	position: relative;

}

.sl_open img {

	position: absolute;
	top: 25%;
	right: 0;

	margin: 0;
	padding: 0;

	width: 1em;
	height: 1em;

}


#nav_2nd {

	padding-top: 59px !important;

	position: relative;

	width: 100%;

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

}

.bread_crumb {

	padding: 0;

	width: 100%;

}

.bread_crumb ul {

	height: 28px;
	width: 100%;

	display: table;

}

.bread_crumb ul li {

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

	width: auto;
	height: 23px;

	display: inline-block;

	text-align: center;

}

.bread_crumb ul li:after {

	top: 0;
	right: -5px;

	content: "";

	margin: 0;
	padding: 0;

	width: 14px;
	height: 28px;

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

}



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

h3.instore, h3.instore_s {

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

}

.cover_2nd {

	margin: 0 0 3em 0;

	width: 100%;
	height: auto;

}

.strg_img {

	width: 100%;
	height: auto;

}

.data_area_s {

	width: 100%;
	height: auto;

}

.strg_img img {

	position: relative;

	top: auto;
	left: auto;

}

.comment_area {

	position: relative;

	top: auto;
	left: auto;

	padding: 0;

	width: 100%;

}

.comment_area p {

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

	color: #333333;

	text-shadow: none;

}

.date {

	position: relative;

	top: auto;
	left: auto;

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

	width: 50%;
	height: 26px;

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

	border: 0;
	border-radius: 0.5em 0 0 0.5em;

	float: left;

}

.price_ball {

	position: relative;

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

	width: 50%;
	height: 26px;

	font-size: 1em;

	bottom: auto;

	border: 0;
	border-radius: 0 0.5em 0.5em 0;

	float: right;

}

.newer {

	font-size: 1em;

}



/* 脚注 */

.caution_area p {

	margin: 0;

}



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

/* 緊急告知エリア */

#info_area {

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

	width: 98%;
	height: auto;

	background: #ffffff;

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

	text-align: center;

}

/* TOPページ */

#slider_area {

	margin: 0;

	width: 100%;
	height: auto;

}

#slider {

	margin-bottom: 45px;

	width: 100%;
	height: auto;

}

#slider img {

	width: 100%;
	height: auto;

}

.content_inner_top {

	margin: 0;
	padding: 59px 0 0 0;

	width: 100%;

}

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

.top_content_area {

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

	width: 94%;

}

#top_new, #top_hotchef, #top_info,
#top_reserve, #top_campaign, #top_wine {

	position: absolute;
	left: 4px;
	top: -24px;

	margin: 0;
	padding: 0;

	width: 38%;
	height: auto;

	background: none;

	display: block;

	float: right;

}

.top_date {

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

	width: 100%;

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

	background: #ff9900;

	border-radius: 0.3em 0.3em 0 0;

	display: block;

}

.top_content_area .cl3_lf {

	position: relative;

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

	width: 96%;
	height: auto;

	float: left;

	border-color: #ff9900;
	border-radius: 0 0.3em 0.3em 0.3em;

	box-shadow: 0 3px 3px 0 #eeeeee;

}

.top_content_area .cl3_lf a {

	display: block;

}

.top_content_area .cl3_lf img {

	width: 37%;
	height: auto;

	float: left;

}

.top_content_area .cl3_cn {

	position: relative;

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

	width: 96%;
	height: auto;

	float: left;

	border-color: #ff9900;
	border-radius: 0 0.3em 0.3em 0.3em;

	box-shadow: 0 3px 3px 0 #eeeeee;

}

.top_content_area .cl3_cn a {

	display: block;

}

.top_content_area .cl3_cn img {

	width: 37%;
	height: auto;

	float: left;

}

.top_content_area .cl3_rt {

	position: relative;

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

	width: 96%;
	height: auto;

	float: left;

	border-color: #ff9900;
	border-radius: 0 0.3em 0.3em 0.3em;

	box-shadow: 0 3px 3px 0 #eeeeee;

}

.top_content_area .cl3_rt a {

	display: block;

}

.top_content_area .cl3_rt img {

	width: 37%;
	height: auto;

	float: left;

}

p.toinstore {

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

	width: 60%;

	color: #827b6b;
	font-size: 1em;
	text-align: left;

	float: right;

}

.top_content_area .cl3_lf:hover, .top_content_area .cl3_cn:hover, .top_content_area .cl3_rt:hover {

	background: #eeeeee;

}

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

.reserve_row {

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

	width: 100%;
	height: auto;

	background: rgb(215, 251, 211);

}

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

.release_area_wrap {

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

	width: 100%;
	height: auto;

}

#release_area {

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

	width: 94%;
	height: auto;

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

}

#release_area img {

	width: 100%;
	height: auto;

}

#release_area h2 {

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

	text-align: center;

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

}

table.release {

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

	width: 100%;
	height: auto;

	border-collapse: collapse;

	border-spacing: 0;

}

table.release tr th {

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

	width: 100%;
	height: auto;

	font-weight: normal;

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

}

table.release tr td {

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

	width: 100%;
	height: auto;

	vertical-align: top;

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

}

table.release tr td.press_link {

	padding: 1em 3% 1em 3%;

	border: 0;

}

/* クラブカード */

.clubcard_top {

	margin: 0;
	padding: 3%;

	width: 94%;
	height: auto;

}

.clubcard_top .w65 {

	width: 100%;

}

.clubcard_top .w35 {

	width: 90%;

	text-align: center;

}

.card_lf {

	position: relative;

	margin: 10px auto 30px auto;

	width: 70%;
	height: auto;

}

.card_rt_top {

	top: 0;
	right: 1em;

	width: 30%;
	height: auto;

}

.card_rt_btm {

	top: 70px;
	right: 1em;

	width: 40%;
	height: auto;

}

ul.button_list {

	margin: 1em 0 1em 0;

}

ul.button_list li {

	padding: 0.5em 3% 0.5em 3%;

	font-size: 1em;

	width: 100%;
	min-height: 1.5em;
	height: auto;

	font-weight: normal;
	text-align: center;

	display: block;

	background: none;

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

	box-sizing: border-box;

}

ul.button_list li a {

	color: #333333;

}

ul.button_list li:before {

	content: "";

}

ul.button_list li:after {

	position: absolute;
	top: 50%;
	right: 3%;

	content: ">";

	margin-top: -0.7em;

	color: #333333;

}

/* クラブカード入会申込・各種手続き */

.card_order {

	margin: 1em auto 1em auto;

	text-align: center;

	width: 94%;
	height: auto;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;

}

.card_order p.t_right {

	text-align: center;

}

.card_order_lf {

	margin: 1em 3% 0 3%;

	width: 94%;

}

.card_order_lf h3 {

	font-size: 1.3em;

	width: auto;

	text-align: left;

}

.card_order_img {

	position: relative;
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	left: 0;

	margin: 0 0 0 0;

	width: 100%;
	height: auto;

}

.card_order_img img {

	margin: 0 auto 0 auto;

	width: 35%;
	height: auto;

}

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

.card_order_plus {

	margin: 1em auto 1em auto;

	text-align: center;

	width: 94%;
	height: auto;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;

}

.card_order_plus p {

	text-align: center;

}

.card_order_plus p.t_right {

	margin: 0 0 1em 0;
	text-align: center;

}

.card_order_plus h3 {

	font-size: 1.3em;

	text-align: left;

}

.card_plus_lf {

	position: relative;
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);


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

	width: 94%;
	height: auto;

}

.merit_ban_lf,
.merit_ban_lf_2nd {

	position: relative;
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	margin: 0 auto 0 auto;
	padding: 0;

	width: 60%;
	height: auto;

}

.merit_ban_rt,
.merit_ban_rt_2nd {

	position: relative;
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	margin: 0 auto 0 auto;
	padding: 0;

	width: 60%;
	height: auto;

}

.plusmark,
.plusmark_2nd {

	position: relative;
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

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

	width: 30px;
	height: 30px;

}

.card_plus_lf p.indent {

	margin: 0.5em 0 0.5em 0;

}

.card_plus_rt,
.card_plus_rt_2nd {

	margin: 0;

	width: 100%;

}

.card_plus_rt img,
.card_plus_rt_2nd img {

	margin: 0 auto 0 auto;

	width: 35%;
	height: auto;

}

.card_ban_area {

	margin: 1em 0 1em 0;

	width: 100%;

}

.card_ban_area ul {

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.card_ban_area ul li {

	margin: 0;
	padding: 0;

	width: 100%;

}

ul.clubcard_sns {

	width: 100%;

	text-align: center;

}

.clubcard_ban_area,
.clubcard_ban_area_2nd {

	margin: 1em 0 1em 0;

	width: 100%;

}

.clubcard_ban_area a,
.clubcard_ban_area_2nd a {

	text-decoration: none;

}

.topics_wrap {

	margin: 1em 0 1em 0;

	width: 100%;

}

.topics_area {

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

	width: 94%;

	border: 0;

}

table.clubcard tr{

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

}

table.clubcard th {

	padding: 3%;

}

table.clubcard td {

	padding: 3%;

}

/* 入会申し込み */

.entry_top {

	position: relative;

	margin: 0.5em 3% 1em 3%;

	width: 94%;
	height: auto;

}

.bg_allow {

	top: 15%;
	left: 50%;

	margin-left: -40px;

	width: 80px;
	height: auto;

}

.entry_left {

	margin: 1em 0 0 0;

	width: 20%;
	height: auto;

}

.entry_sheet {

	margin: 1em 0 0 0;

	width: 20%;

}

.entry_tx {

	margin: 0 0 0 3%;

	width: 77%;

}

.entry_tx h4 {

	font-size: 1.2em;

}

.order_step4 {

	position: relative;
	top: 0;
	right: 0;

	margin: 0;
	padding: 0;

	width: 100%;
	height: auto;

}

.card_order_sheet .cl2_lf,
.card_order_sheet .cl2_rt {

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

	width: 100%;

	float: left;

}

.order_sheet_area {

	padding: 0.5em 3% 0.5em 3%;

}

h3.order_sheet,
.order_sheet_area p {

	margin: 0;
	padding: 0;

}

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

.merit_row {

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

	width: 100%;
	height: auto;

}

.merit_ball {

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

	margin: 2em 0 0 0;

	width: 60px;
	height: 60px;

}

.merit_ball div {

	width: 60px;
	height: 60px;

	font-size: 1em;

}

.merit_row .tx_area {

	position: relative;

	margin-top: 2em;

	width: 71%;

	float: left;

}

.merit_row .tx_area h3 {

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

	font-size: 1.3em;

}

.merit_row .tx_area_mid {

	margin: 0 0 0 0;

	width: 100%;

	float: left;

}

.merit_row .tx_area_mid p {

	margin-top: -1em;

}

.merit_row .tx_area_btm {

	width: 100%;

}

.merit_no01, .merit_no03, .merit_no04 {

	min-height: auto;
	min-height: inherit;

}

img.merit_01, img.merit_02, img.merit_03 {

	position: relative;
	top: 0;
	left: 0;

	width: 100%;
	height: auto;

}

img.merit_01 {

	margin: -1em 0 0 0;

}

img.merit_04 {

	position: relative;
	top: 0;
	left: 0;

	margin: 0 auto 0 auto;

	width: 60%;
	height: auto;

}

p.merit_cap {

	margin: 0;

}

/* メールマガジン */

.mail_top {

	padding: 1em 3% 1em 3%;

	width: 94%;
	height: auto;

}

h4.mail_sub {

	margin: 0 0 0 5%;

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

	z-index: 100;

}

.mail_phone_img {

	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 5%;

	margin: 0;

	width: 100px;
	height: 100px;

	z-index: 98;

}

.mail_qr {

	padding: 1em 0 1em 0;

	width: 100%;

	text-align: center;

}

.mailmag_qr {

	margin: 0;

	float: none;

}

.mail_qr p {

	margin: 1em 0 0 0;

	float: none;

}

.mail_ball {

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

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

	width: 60px;
	height: 60px;

}

.mail_ball .ball {

	width: 60px;
	height: 60px;

}

.mail_tx_area {

	width: 71%;

	float: left;

}

.mail_tx_area p {

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

	margin: 0 0 1.5em 0;

	font-size: 1.3em;

}


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

.plus_top {

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

	width: 94%;
	height: auto;

	text-align: center;

}

.plus_top_img {

	margin: 0 auto 0 auto;

	float: none;

}

.plus_top_tx {

	margin: 0 auto 0 auto;
	padding: 0 3% 0 3%;

	width: 94%;

	text-align: left;

	float: none;

}

.plus_2nd {

	padding: 0;

	width: 100%;

}

.plus_ball {

	margin: 0 auto 0 auto;

	float: none;

}

.plus_head_tx {

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

	width: 100%;
	height: auto;

	float: left;

}

.point2x, .point_default {

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

	width: 100%;
	height: auto;

}

.question {

	padding-left: 7%;

	width: 93%;

}

.question:before {

	left: 0;

}

.answer {

	padding-left: 7%;

	width: 93%;

}

.answer:before {

	left: 0;

}

/* ワイン */

#top_img_area {

	height: auto;

}

.top_img {

	position: relative;

}

#top_img_area h2 {

	margin: 1em 0 0.5em 0;

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

}

#top_img_area h2 img {

	width: 100%;
	height: auto;

}

.top_tx_area {

	position: relative;

	margin: 0;
	padding: 3%;

	width: 94%;

}

.item_lf {

	margin: 0 auto 0 auto;

	float: none;

}

.item_rt {

	margin: 1em 0 0 0;

	width: 100%;
	height: auto;

	float: left;

}

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

.print_area_coupon {

	width: 100%;

}

.coupon_img_lf, .coupon_img_cn, .coupon_img_rt {

	margin: 1em 0 1em 0;

	width: 100%;

	float: left;

}



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

#footer {

	height: auto;

}

#footer .content_inner {

	width: 100%;
	height: auto;

}

#footer ul {

	clear: both;

}

#footer ul li {

	margin: 1em 0 1em 0;

	width: 50%;
	height: auto;

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

	display: block !important;

	float: left;

}

#footer ul li.copy_img {

	width: 100%;

}

#footer ul li.pc {

	display: none !important;

}




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

.bana_out {
	position:none;
}

.zandaka{
	display: none;
}

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

.pecoma_lf,
.pecoma_cf,
.pecoma_rt{
	margin:0 auto 25px;
	width: 60%;
	float:none;
	padding: 0;
}

.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;
}


.seicyan{

	width: 200px;
	height: auto;
	margin:0 auto 15px;
	float: none;
	text-align: center;

}


 .campaign_box{
	background: #fff5e6;
}

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


.campaign_title {
	float: none;
	width: 90%;
	margin: 0 auto;
}



.button2{
	width:200px;
	float:none;
	margin:0 auto 10px;
}
/* pecoma card */
a.button_pecoma,
a.button_pecoma1,
a.button_pecoma2{
	margin-bottom:24px;
	width: 80%;
}

.button_yaji {
	margin: 15px auto 0;
	width: 100%;
}
.button_yaji::before {
	position: relative;
	top: 3px;
	left:-3%;
	width: 16px;
}

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

a:hover.button_pecoma3{
	opacity: 0.9;
}
.campaign_lf{
	float: none;
	width: 100%;
}
.campaign_rt {
	float: none;
	width: 80%;
	margin: 0 10%;
}
.button_pecoma3::before{
	content: url(https://www.seicomart.co.jp/images/clubcard/yaji.svg);
	width: 22px;
	display: inline-block;
	height: auto;
	position: absolute;
	top: 12px;
	left: 10px;
}
.otoku {
	position: absolute;
	top: 15%;
	right: -2%;
	z-index: 100;
	width: 34%;
}

.bnr_pecoma {
	position: relative;
}

.button_pecoma4 {
	position: absolute;
	left: 62%;
	bottom:5%;
	background: #299b4d;
	text-align: center;
	display: inline-block;
	z-index: 100;
	padding: 10px 6px 10px 0;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	width: 30%!important;
	font-size: 0.7em;
}

.bnr_btn:hover {
	color: #fff;
}

.bnr_btn:visited {
	color: #fff;
}

.lists {

	margin: 0 auto 20px;
	padding: 0.7em 0.7em;

	width: 95%;

	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

	background: rgba(245,245,245,0.8);

	box-sizing: border-box;

}

.lists li {
	list-style: none;
	margin: 0.5em 0.5em;

}

.lists li img {
	width: auto;
	height: auto;

	vertical-align: middle;
}

.lists li span {

	display: inline-block;

	vertical-align:baseline;

	line-height: -1;

	margin-left: 5px;
}

.lists li input {
	padding: 5px 0 0 0;
}
.lists li input {
	margin-top: 5px;
}

.lists_title {
	width:  95%;
	height: 40px;


	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;
}


.cp_ipselect {
overflow: hidden;
width: 94%;
margin: 1em auto 0.5em;
text-align: center;
}
.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: 32px;
}
.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;
}

input.search {
    width: 71.5%;
    text-align: left;
}

.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 {
	width:  20%;
	height: 35px;


	color: #fff;

	font-size: 1.1em;
	font-size: 1.1rem;


	text-align: center;

	margin: 0 0 0 1%;

	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;
}

.link_table {
	cursor: default;
}

.link_table:hover {
	background: rgba(255,153,0,0.1);
}

.link_table th {
	text-decoration: underline;
	color: #ff4400;
}

a.s_button {
	position: relative;
	width:  100%!important;
	height: 40px;
	color: #fff;
	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::before {
	content: none;
	width: auto;
	top: 0;
	left: 0;
}

.search_shop {
	width: 95%;
	border: none;
	border-top: 1px #ff9900 solid;
	float: none;
	margin-left: 0;
	margin: 0 auto 10px;
	padding: 10px 0;
	position: relative;
}
  .search_shop tr,
  .search_shop th,
  .search_shop td {
    display: block;
    width: auto;
  }

  .search_shop th,
  .search_shop td {
    border-top: none;
	background: none;
	padding-left: 0;
	perspective: 500px;
	-moz-perspective:500;
	-webkit-perspective:500;
	-o-perspective:500;
	-ms-perspective:500;
  }

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

  span.yaji {
	display: block;
    position: absolute;
    right: 0;
    top: calc(50% - -7px); /* -7pxに変更、アイコン表示追加の為の調整 */
    transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
    color: #ff9900;
  }
  .storemap h3 {
    width: 100%;
    border-bottom: none;
    padding-left: 4px;
	margin-bottom: -15px;
}
.w95{
	width: 100%!important;
}

.cl2_rt_50  {
	border: none;
}

h4.aiueo {
	width: 100%;
	border-bottom: #ff9900 dotted 1px;
}
.aiueo_box {
	padding: 0 0.5em;
}
ul.aiueo_list {
	margin: 0 0 0 1em;
	padding: 0;
}

ul.aiueo_list li{
	list-style: none;
}

.store_results {
	width: 100%;
	border: 1px solid #ccc;
	height: auto;
	border-spacing: 0;
    margin-bottom: 3px;
}


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

.store_results td {
	width: 75%;
	text-align: left;
	padding: 1%;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
}

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

.store_results td span {
	position: relative;
	top: -2px;
	padding: 0.5em 0 0 0;
	margin: 0 2px 0 5px;
}
.store_results tr:last-child th,
.store_results tr:last-child td {
	border: none;
}
.map_results {
	width: 100%;
}


.map_lf {
	width: 100%;
	float: none;
}

.info_rt {
	width: 33%;
	background: rgba(212,212,212,1.00);
	text-align: center;
	float: none;
	height: auto;
	overflow: hidden;
	display: none;
}
.store_button {
	width: 80%;
	margin: 0 auto;
}
.store_button2 {
    width: 46%;
    margin: 15px 2%;
    font-size: 1.2em;
}
.mgn8 {
	margin: 8px 0;
}
.cl2_rt_35 {
    width: 100%;
    float: none;
}
.rel_mar {
	position: relative;
	margin-bottom: 5px!important;
}
.cl2_rt_35 .rel_mar p {
    margin: 0;
}
.btn_map {
	position: absolute;
    right: 0;
    top: -15px;
    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))";
    padding: 6px 12px;
    border-radius: 5px;
}
.btn_map a {
	color: #fff;
	text-decoration: none;
}
.btn_map2 a {
	color: #fff;
	text-decoration: none;
}
table.w100 {
    margin: 0;
}
.cl2_rt_35 .search_shop:last-child {
	border-bottom: 1px #ff9900 solid;
}

.cl2_rt_50 .search_shop:last-child {
	border-bottom: 1px #ff9900 solid;
}
.cl2_lf_50 .search_shop:last-child {
	border-bottom: 1px #ff9900 solid;
}

.btn_map2 {
	position: absolute;
    right: 0;
    top: 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))";
    padding: 6px 12px;
    border-radius: 5px;
}
.balloon img {
	width: 25px;
	height: 25px;
}
.close img {
	width: 20px;
	height: 20px;
}
.mgn {
	margin: 15px 0;
	height: 12px;
}
.itme_area {
	margin-bottom: 20px;
}
.por {
	position: relative;
}
.ab_left {
	position: absolute;
	top: 4px;
    left: 4px;
    width: 32px;
    height: 32px;
}
.ab_right {
	position: absolute;
	top: 12px;
	right: 8px;
	width: 12px;
	height: 17px;
}
.por .ab_left {
	position: absolute;
	top: 4px;
    left: 13px;
    width: 32px;
    height: 32px;
}
.por .ab_right {
	position: absolute;
	top: 12px;
	right: 18px;
	width: 12px;
	height: 17px;
}
.itme_area.sp.mt15 p {
	margin: 8px 0 0 0;
	text-align: center;
}
.item h3 {
	margin-bottom: 15px;
}
.item_area table:last-child {
	border-bottom: 1px #ff9900 solid;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.ct2 table:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.nbd table:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.mgnb15 {
	margin-bottom: -15px!important;
}
.fs12 th,
.fs12 td {
	font-size: 100%;
}
.scroll {
	overflow: unset;
	overflow-y: unset;
	height: auto;
}
.scroll table.w100 {
	width: 100%;
}
.fit100 {
	width: 92%;
}
.final h2 {
	font-size: 1.6em;
}
#link_default {
	margin: 15px auto 10px;
}
.pci {
	display: none;
}
.table_area table:last-child {
	border-bottom: 1px #ff9900 solid;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.table_area table {
	width: 100%!important;
	margin: 0!important;
	display: table;
}