@charset "Shift_JIS";

/* ---------------------------------------
 レイアウト
---------------------------------------- */
div.container_ div.leftmenuframe_ {
	display: none !important;
}
div.container_ div.contents_ {
	width: 100% !important;
}
div.container_ div.contents_ div.mainframe_ {
	width: 100% !important;
	margin: 0 auto;
	display: block;
	float: none;
}
#footer { margin-top: 0 !important;}

/* ---------------------------------------
 TOP 重要なお知らせ
---------------------------------------- */
#top-important-notice { 
	background: #F4F9FD;
}
#top-important-notice .important_notice_frame_ { 
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
#top-important-notice .topiclist_head_ { 
	width: 170px;
	height: 60px;
	line-height: 1.0;
	display: flex;
	align-items: center;
}
#top-important-notice .topiclist_head_ h2 span { 
	padding: 8px 0 6px 30px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.0;
	color: #0081C0;
	display: inline-block;
	background: url("../img/usr/top/icon_important.png") left center no-repeat;
}
#top-important-notice .topiclist_body_ { 
	width: calc(100% - 270px);
	padding: 15px 0;
}
#top-important-notice .topiclist_body_ ul.topicline_ li {
	min-width: unset !important;
	min-height: unset !important;
	padding: 8px 10px;
	border: none;
	font-size: 14px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}
#top-important-notice .topiclist_body_ ul.topicline_ li:nth-child(n+4) {
	display: none !important;
}
#top-important-notice .topiclist_body_ ul.topicline_ li img {
	display: none;
}
#top-important-notice .topiclist_body_ ul.topicline_ li a {
	min-height: unset !important;
	display: flex;
	align-items: center;
	font-size: 14px;
	text-decoration: none;
	color: #333;
}
#top-important-notice .topiclist_body_ ul.topicline_ li a:hover {
	text-decoration: underline;
}
#top-important-notice .topiclist_switch_ { 
	width: 100px;
	text-align: right;
}
#top-important-notice .topiclist_switch_ a { 
	width: 100px;
	padding: 0 20px 0 0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	display: block;
	cursor: pointer;
	box-shadow: none;
	position: relative;
	box-sizing: border-box;
	transition: 0.3s;
}
#top-important-notice .topiclist_switch_ a:hover { 
	color: #0081C0;
}
#top-important-notice .topiclist_switch_ a::after { 
	content: '';
	width: 8px;
	height: 8px;
	border-top: #0081C0 2px solid;
	border-right: #0081C0 2px solid;
	position: absolute;
	right: 0;
	top: calc(50% - 7px);
	display: block;
	transform: rotate(135deg);
}

/* ---------------------------------------
 TOP スライダー＆イベントバナー
---------------------------------------- */
#top-main-visual-frame {
	padding: 35px 0 15px;
	background: rgb(0,129,192);
	background: linear-gradient(90deg, rgba(0,129,192,1) 0%, rgba(0,105,156,1) 100%);
}
#top-main-visual-frame #top-main-visual {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#top-main-visual-frame #top-main-slider,
#top-main-visual-frame #top-main-slider .sp-slides-container {
	width: 590px;
}
#top-main-visual-frame #top-main-slider .sp-slides-container img {
	border-radius: 10px;
}
#top-main-visual-frame #top-main-slider .sp-buttons .sp-button {
	border-color: #6CA7C4;
	background: #6CA7C4;
}
#top-main-visual-frame #top-main-slider .sp-buttons .sp-button.sp-selected-button {
	border-color: #fff;
	background: #fff;	
}
#top-main-visual-frame #top-main-slider .sp-horizontal .sp-arrows {
	width: 100%;
	margin-top: 0;
	left: 0;
	top: calc(50% - 17.5px);
	opacity: 1 !important;
}
#top-main-visual-frame #top-main-slider .sp-arrow {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	background: rgba(51,51,51,.9);
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 1;
}
#top-main-visual-frame #top-main-slider .sp-horizontal .sp-previous-arrow {
	left: -17.5px;
}
#top-main-visual-frame #top-main-slider .sp-horizontal .sp-next-arrow {
	right: -17.5px;
}
#top-main-visual-frame #top-main-slider .sp-arrow.sp-previous-arrow::before,
#top-main-visual-frame #top-main-slider .sp-arrow.sp-next-arrow::before {
	display: none !important;
}
#top-main-visual-frame #top-main-slider .sp-arrow.sp-previous-arrow::after,
#top-main-visual-frame #top-main-slider .sp-arrow.sp-next-arrow::after {
	content: '';
	width: 12px;
	height: 12px;
	border-top: #fff 2px solid;
	border-right: #fff 2px solid;
	position: absolute;
	left: calc(50% - 10px);
	top: calc(50% - 6px);
	display: block;
	transform: rotate(45deg);
}
#top-main-visual-frame #top-main-slider .sp-arrow.sp-previous-arrow::after {
	transform: rotate(-135deg);
	left: calc(50% - 4px);
}
#top-main-visual-frame #top-main-event-banners {
	width: 585px;
	overflow: hidden;
}
#top-main-visual-frame #top-main-event-banners .event_banner_ {
	width: 288px;
	padding: 0;
	margin: 0 8px 8px 0;
	border-radius: 10px;
	display: block;
}
#top-main-visual-frame #top-main-event-banners .event_banner_:nth-child(2n) {
	margin-right: 0 !important;
}
#top-main-visual-frame #top-main-event-banners .event_banner_:nth-child(n+5) {
	display: none !important;
}
#top-main-visual-frame #top-main-event-banners .event_banner_ a {
	width: 100%;
	padding: 0;
	margin: 0;
	border-radius: 10px;
	background: #fff;
	display: block;
}
#top-main-visual-frame #top-main-event-banners .event_banner_ img {
	width: 100% !important;
	height: auto !important;
	border-radius: 10px;
	vertical-align: top;
}

/* ---------------------------------------
 TOP イベント
---------------------------------------- */
div.container_ div.mainframe_ div.event_ {
	width: 100%;
	padding: 80px 0 10px;
	margin: 0;
}
div.container_ div.mainframe_ div.event_ .top_title_ h2 {
	padding: 0;
	margin: 0 0 40px 0;
	border: none;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}
div.container_ div.mainframe_ div.event_ .top_title_ h2 a {
	color: #333333;
	text-decoration: none;
}
div.container_ div.mainframe_ div.event_ .top_title_ h2 a span,
div.container_ div.mainframe_ div.event_ .top_title_ h2 span {
	padding: 0;
	margin: 20px 0 0 0;
	border: none;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	color: #0081C0;
	display: block;
}
div.container_ div.mainframe_ div.event_ div.event_banner_ {
	display: none !important;
}
div.container_ div.mainframe_ div.event_ div.goods_ {
	width: 1250px !important;
	padding: 0;
	margin: 0 auto;
}
div.container_ div.mainframe_ div.event_ div.StyleP_Frame_ {
	border: none;
	background: none;
	box-shadow: none;
	display: flex;
	flex-wrap: wrap;
}
div.container_ div.mainframe_ div.event_ div.StyleP_Frame_ div.StyleP_Item_ {
	width: calc(100% / 5);
	margin: 0 0 50px 0;
	padding: 0 25px;
	position: relative;
}
div.container_ div.mainframe_ div.event_ div.StyleP_Frame_ div.StyleP_Item_::before {
	content: '';
	display: block;
	border-left: #CCE6F2 1px solid;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
div.container_ div.mainframe_ div.event_ div.StyleP_Frame_ div.StyleP_Item_:nth-child(5n+1)::before {
	display: none;
}
div.container_ div.StyleP_Item_ div.img_ {
	width: 100px;
	height: 100px;
	margin: 0 auto 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
div.container_ div.StyleP_Item_ div.img_ a {
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
div.container_ div.StyleP_Item_ div.img_ img {
	max-width: 100%;
	min-width: unset;
	border: none;
}
div.container_ div.StyleP_Item_ div.desc_ {
	width: 100%;
	display: flex;
	flex-direction: column;
}
div.container_ div.StyleP_Item_ .desc_ > * {
	order: 1;
}
div.container_ div.StyleP_Item_ div.desc_ div.name_ {
	height: 39.2px;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.4;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
div.container_ div.StyleP_Item_ div.desc_ div.name_,
div.container_ div.StyleP_Item_ div.desc_ div.name_ .name1_,
div.container_ div.StyleP_Item_ div.desc_ div.name_ a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 1.4;
	color: #333;
}
div.container_ div.StyleP_Item_ div.desc_ div.name_ a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #0081C0;
}
div.container_ div.StyleP_Item_ div.desc_ div.comment_ {
	height: 39.2px;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.4;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
div.container_ div.StyleP_Item_ div.desc_ div.comment_ .small_ {
	font-size: 14px;
}
div.container_ div.StyleP_Item_ div.desc_ .g_price_ {
	margin: 0 0 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div.container_ div.StyleP_Item_ div.desc_ .g_price_ > .small_ {	
	display: none;
}
div.container_ div.StyleP_Item_ div.desc_ .g_price_ .price_ {
	width: calc(100% - 85px);
	font-size: 18px;
	font-weight: bold;
}
div.container_ div.StyleP_Item_ div.desc_ div.cart_ {
	width: 80px;
}
div.container_ div.StyleP_Item_ div.desc_ div.cart_ a {
	width: 80px;
	height: 30px;
	text-decoration: none;
	display: block;
	background: url("../img/sys/button/recom_btn_buy2.gif") center center no-repeat;
	opacity: 1.0;
}
div.container_ div.StyleP_Item_ div.desc_ div.cart_ a:hover {
	background: url("../img/sys/button/recom_btn_buy2_on.gif") center center no-repeat;
	opacity: 1.0;
}
div.container_ div.StyleP_Item_ div.desc_ div.cart_ img {
	display: none;
}
div.container_ div.StyleP_Item_ div.desc_ .icon_ {
	order: 2;
	margin: 0;
	clear: both;
}

div.container_ .with-sale-items div.StyleP_Item_ div.desc_ .g_price_ > .price_pop_ {	
	width: 100%;
	font-size: 12px;
	display: block;
	line-height: 1.4;
}
div.container_ .with-sale-items div.StyleP_Item_ div.desc_ .g_price_ {
	flex-wrap: wrap;
}
div.container_ div.StyleP_Item_.with-sale div.desc_ .g_price_ > .price_ {
	color: #CC0000;
}
div.container_ .with-sale-items div.StyleP_Item_ div.desc_ .g_price_ > .small_ {	
	width: 100%;
	font-size: 12px;
	display: block;
}
div.container_ .with-sale-items div.StyleP_Item_ div.desc_ .icon_ img[src$="img/sys/onsales.gif"] {	
	display: none !important;
}


/* ---------------------------------------
 TOP カテゴリ一覧
---------------------------------------- */
#top-category-wrap {
	padding: 80px 0;
	background: #F4F9FD url("../img/usr/top/category_dot_bg.png") center 10px repeat;
}
#top-category-wrap .top_title_ h2 {
	padding: 0;
	margin: 0 0 40px 0;
	border: none;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}
#top-category-wrap .top_title_ span {
	padding: 0;
	margin: 20px 0 0 0;
	border: none;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	color: #0081C0;
	display: block;
}
#top-category-wrap div.CategoryStyleG_ {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	overflow: inherit;
}
#top-category-wrap div.CategoryStyleG_ div.CategoryStyleG_Item_ {
	width: calc((100% - (20px * 4))/5);
	min-height: auto;
	padding: 7px;
	margin: 0 0 20px 0;
	border: #CCE6F2 1px solid;
	border-radius: 8px;
	box-sizing: border-box;
	float: none;
	display: flex;
	flex-direction: column;
	background: #fff;
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.03);
}
#top-category-wrap div.CategoryStyleG_ div.CategoryStyleG_Item_ div.img {
	width: 100%;
	height: 95px;
	padding: 0;
	margin: 0 auto 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	order: 1;
}
#top-category-wrap div.CategoryStyleG_ div.CategoryStyleG_Item_ div.img img {
	max-width: 100%;
	max-height: 100%;
}
#top-category-wrap div.CategoryStyleG_ div.CategoryStyleG_Item_ h3.name_ {
	width: 100%;
	height: 55px;
	padding: 0;
	margin: auto 0 0 0;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F4F9FD;
	box-sizing: border-box;
	order: 2;
}
#top-category-wrap div.CategoryStyleG_ div.CategoryStyleG_Item_ h3.name_ a {
	width: 100%;
	height: 55px;
	padding: 0 10px;
	margin: 0;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.4;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
#top-category-wrap div.CategoryStyleG_ div.CategoryStyleG_Item_ div.comment_ {
	display: none !important;
}

/* ---------------------------------------
 TOP ショップからのお知らせ
---------------------------------------- */
div.container_ div.topiclist_ {
	width: 1200px;
	padding: 80px;
	margin: 0 auto;
}
div.container_ div.topiclist_ .top_title_ h2 {
	padding: 0;
	margin: 0 0 40px 0;
	border: none;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	color: #333333;
}
div.container_ div.topiclist_ .top_title_ span {
	padding: 0;
	margin: 20px 0 0 0;
	border: none;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	color: #0081C0;
	display: block;
}
div.container_ div.topiclist_ .topiclist_body_ {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
div.container_ div.topiclist_ .topiclist_body_ > div {
	max-height: unset !important;
	padding: 0 50px;
	overflow: inherit;
}
div.container_ div.topiclist_ .topiclist_body_ ul.topicline_ {
	padding: 0;
	margin: 0;
	border: none;
	border-top: #ABCFDF 1px dotted;
}
div.container_ div.topiclist_ .topiclist_body_ ul.topicline_ li {
	min-width: unset !important;
	min-height: 60px;
	padding: 5px 10px 5px 130px;
	border: none;
	border-bottom: #ABCFDF 1px dotted;
	font-size: 16px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}
div.container_ div.topiclist_ .topiclist_body_ ul.topicline_ li img {
	height: 22px;
	position: absolute;
	left: 8px;
	top: calc(50% - 11px);
}
div.container_ div.topiclist_ .topiclist_body_ ul.topicline_ li a {
	min-height: 60px;
	display: flex;
	align-items: center;
}

/* ---------------------------------------
 TOP 予備テンプレート1
---------------------------------------- */
div.container_ div.top_free_area_ .top_title_ h2 {
	padding: 0;
	margin: 0 0 40px 0;
	border: none;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}
div.container_ div.top_free_area_ .top_title_ span {
	padding: 0;
	margin: 20px 0 0 0;
	border: none;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	color: #0081C0;
	display: block;
}
div.container_ div.top_calendar_area_wrap_ {
	padding: 80px 0;
	background: #CCE6F2;
}
div.container_ div.top_calendar_area_ {
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8;
	display: flex;
	justify-content: space-between;
	background: #CCE6F2;
	column-gap: 30px;
}
div.container_ div.top_calendar_area_ div.top_calendar_ {
	width: calc(100% - 60px);
	padding: 10px 30px 20px 30px;
	border-radius: 10px;
	background: #fff;
	box-sizing: border-box;
}
div.container_ div.top_calendar_area_ table {
	width: 100%;
	margin: 0 0 20px 0;
	border: #fff 1px solid;
	border-collapse: collapse;
}
div.container_ div.top_calendar_area_ table th {
	padding: 5px 0;
	border: #fff 1px solid;
	border-collapse: collapse;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
div.container_ div.top_calendar_area_ table td {
	padding: 5px 0;
	border: #fff 1px solid;
	border-collapse: collapse;
	font-size: 14px;
	font-weight: bold;
	background: #F4F9FD;
}
div.container_ div.top_calendar_area_ table td.nodata {
	background: #fff;
}
div.container_ div.top_calendar_area_ table td[bgcolor="#7fffd4"],
div.container_ div.top_calendar_area_ table td[bgcolor="#CEFFCB"] {
	background: #CEFFCB;
}
div.container_ div.top_calendar_area_ font[color="#7fffd4"] {
	color: #CEFFCB;
}
div.container_ div.top_calendar_area_ table td[bgcolor="#87ceeb"],
div.container_ div.top_calendar_area_ table td[bgcolor="#B1F7FF"] {
	background: #B1F7FF;
}
div.container_ div.top_calendar_area_ font[color="#87ceeb"] {
	color: #B1F7FF;
}
div.container_ div.top_calendar_area_ table td[bgcolor="#1e90ff"],
div.container_ div.top_calendar_area_ table td[bgcolor="#81ABFF"] {
	background: #81ABFF;
}
div.container_ div.top_calendar_area_ font[color="#1e90ff"] {
	color: #81ABFF;
}
div.container_ div.top_calendar_area_ table td[bgcolor="#FF9999"],
div.container_ div.top_calendar_area_ table td[bgcolor="#FFCECE"] {
	background: #FFCECE;
}
div.container_ div.top_calendar_area_ font[color="#FF9999"] {
	color: #FFCECE;
}
div.container_ div.top_calendar_area_ table tr[bgcolor="#999999"] td,
div.container_ div.top_calendar_area_ table tr[bgcolor="#0081C0"] td {
	background: #0081C0;
	color: #fff !important;
}
div.container_ div.top_calendar_area_ table td[colspan="7"] {
	padding: 20px 0;
	background: #fff !important;
}
div.container_ div.top_calendar_area_ br + br + br {
	display: none;
}